.elevation-2 {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .14), 0 1px 2px rgba(0, 0, 0, .14);
}

.elevation-4 {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 2px 4px rgba(0, 0, 0, .14);
}

.elevation-8 {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .14);
}

.elevation-16 {
    box-shadow: 0 8px 16px rgba(0, 0, 0, .14), 0 8px 16px rgba(0, 0, 0, .14);
}

.elevation-18 {
    box-shadow: 0 9px 18px rgba(0, 0, 0, .24), 0 0 8px rgba(0, 0, 0, .20);
}

.elevation-20 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .24), 0 0 8px rgba(0, 0, 0, .20);
}

.elevation-24 {
    box-shadow: 0 12px 24px rgba(0, 0, 0, .24), 0 0 8px rgba(0, 0, 0, .20);
}

.elevation-28 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .24), 0 0 8px rgba(0, 0, 0, .20);
}

.elevation-32 {
    box-shadow: 0 16px 32px rgba(0, 0, 0, .24), 0 0 8px rgba(0, 0, 0, .20);
}

.elevation-36 {
    box-shadow: 0 18px 36px rgba(0, 0, 0, .24), 0 0 8px rgba(0, 0, 0, .20);
}

.elevation-40 {
    box-shadow: 0 20px 40px rgba(0, 0, 0, .24), 0 0 8px rgba(0, 0, 0, .20);
}

.elevation-46 {
    box-shadow: 0 23px 46px rgba(0, 0, 0, .24), 0 0 8px rgba(0, 0, 0, .20);
}

.elevation-52 {
    box-shadow: 0 26px 52px rgba(0, 0, 0, .24), 0 0 8px rgba(0, 0, 0, .20);
}

.elevation-56 {
    box-shadow: 0 28px 56px rgba(0, 0, 0, .24), 0 0 8px rgba(0, 0, 0, .20);
}

.elevation-60 {
    box-shadow: 0 30px 60px rgba(0, 0, 0, .24), 0 0 8px rgba(0, 0, 0, .20);
}

.elevation-64 {
    box-shadow: 0 32px 64px rgba(0, 0, 0, .24), 0 0 8px rgba(0, 0, 0, .20);
}

.key-shadow {
    border: 1px solid rgba(0, 0, 0, .12);
}

.hard-key-shadow {
    border: 1px solid rgba(0, 0, 0, .32);
}

.capitalize {
    text-transform: capitalize;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}