@mixin elevation1 {
    z-index: 10;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

@mixin elevation2 {
    z-index: 20;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

@mixin elevation4 {
    z-index: 40;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

@mixin elevation8 {
    z-index: 80;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

@mixin elevation12 {
    z-index: 120;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

@mixin elevation24 {
    z-index: 240;
    box-shadow: 0 24px 48px rgba(0,0,0,0.40), 0 30px 25px rgba(0,0,0,0.20);
}