@import "functions";

// Typography
// ------------------------------
$font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif !default;
$font-size: 10px;

$display-4-font-size-base: rem(11.2) !default;
$display-3-font-size-base: rem(5.6) !default;
$display-2-font-size-base: rem(4.5) !default;
$display-1-font-size-base: rem(3.4) !default;
$headline-font-size-base: rem(2.4) !default;
$title-font-size-base: rem(2) !default;
$subhead-font-size-base: rem(1.6) !default;

$body-font-size-base: rem(1.4) !default;
$caption-font-size-base: rem(1.2) !default;

// Material colors
// ------------------------------
$contrasts-map: (
        'dark': rgba(0, 0, 0, 0.87),
        'light': rgba(255, 255, 255, 0.87),
        'strong-light': rgb(255, 255, 255)
);

$material-colors-map: (
        'red': (
                'hues':(
                        '50': #FFEBEE,
                        '100': #FFCDD2,
                        '200': #EF9A9A,
                        '300': #E57373,
                        '400': #EF5350,
                        '500': #F44336,
                        '600': #E53935,
                        '700': #D32F2F,
                        '800': #C62828,
                        '900': #B71C1C,
                        'A100': #FF8A80,
                        'A200': #FF5252,
                        'A400': #FF1744,
                        'A700': #D50000
                ),
                'contrasts':(
                        '50': 'dark',
                        '100': 'dark',
                        '200': 'dark',
                        '300': 'dark',
                        '400': 'strong-light',
                        '500': 'strong-light',
                        '600': 'strong-light',
                        '700': 'strong-light',
                        '800': 'light', // default
                        '900': 'light', // default
                        'A100':'dark',
                        'A200': 'strong-light',
                        'A400': 'strong-light',
                        'A700': 'strong-light',
                )
        ),
        'pink': (
                'hues':(
                        '50': #FCE4EC,
                        '100': #F8BBD0,
                        '200': #F48FB1,
                        '300': #F06292,
                        '400': #EC407A,
                        '500': #E91E63,
                        '600': #D81B60,
                        '700': #C2185B,
                        '800': #AD1457,
                        '900': #880E4F,
                        'A100': #FF80AB,
                        'A200': #FF4081,
                        'A400': #F50057,
                        'A700': #C51162
                ),
                'contrasts':(
                        '50': 'dark',
                        '100': 'dark',
                        '200': 'dark',
                        '300': 'light', // default
                        '400': 'light', // default
                        '500': 'strong-light',
                        '600': 'strong-light',
                        '700': 'light', // default
                        '800': 'light', // default
                        '900': 'light', // default
                        'A100': 'dark',
                        'A200': 'strong-light',
                        'A400': 'strong-light',
                        'A700': 'strong-light',
                )
        ),
        'purple': (
                'hues':(
                        '50': #F3E5F5,
                        '100': #E1BEE7,
                        '200': #CE93D8,
                        '300': #BA68C8,
                        '400': #AB47BC,
                        '500': #9C27B0,
                        '600': #8E24AA,
                        '700': #7B1FA2,
                        '800': #6A1B9A,
                        '900': #4A148C,
                        'A100': #EA80FC,
                        'A200': #E040FB,
                        'A400': #D500F9,
                        'A700': #AA00FF
                ),
                'contrasts':(
                        '50': 'dark',
                        '100': 'dark',
                        '200': 'dark',
                        '300': 'strong-light',
                        '400': 'strong-light',
                        '500': 'light', // default
                        '600': 'light', // default
                        '700': 'light', // default
                        '800': 'light', // default
                        '900': 'light', // default
                        'A100': 'dark',
                        'A200': 'strong-light',
                        'A400': 'strong-light',
                        'A700': 'strong-light',
                )
        ),
        'deep-purple': (
                'hues':(
                        '50': #EDE7F6,
                        '100': #D1C4E9,
                        '200': #B39DDB,
                        '300': #9575CD,
                        '400': #7E57C2,
                        '500': #673AB7,
                        '600': #5E35B1,
                        '700': #512DA8,
                        '800': #4527A0,
                        '900': #311B92,
                        'A100': #B388FF,
                        'A200': #7C4DFF,
                        'A400': #651FFF,
                        'A700': #6200EA
                ),
                'contrasts':(
                        '50': 'dark',
                        '100': 'dark',
                        '200': 'dark',
                        '300': 'strong-light',
                        '400': 'strong-light',
                        '500': 'light', // default
                        '600': 'light', // default
                        '700': 'light', // default
                        '800': 'light', // default
                        '900': 'light', // default
                        'A100': 'dark',
                        'A200': 'strong-light',
                        'A400': 'light', // default
                        'A700': 'light' // default
                )
        ),
        'indigo': (
                'hues':(
                        '50': #E8EAF6,
                        '100': #C5CAE9,
                        '200': #9FA8DA,
                        '300': #7986CB,
                        '400': #5C6BC0,
                        '500': #3F51B5,
                        '600': #3949AB,
                        '700': #303F9F,
                        '800': #283593,
                        '900': #1A237E,
                        'A100': #8C9EFF,
                        'A200': #536DFE,
                        'A400': #3D5AFE,
                        'A700': #304FFE
                ),
                'contrasts':(
                        '50': 'dark',
                        '100': 'dark',
                        '200': 'dark',
                        '300': 'strong-light',
                        '400': 'strong-light',
                        '500': 'light', // default
                        '600': 'light', // default
                        '700': 'light', // default
                        '800': 'light', // default
                        '900': 'light', // default
                        'A100': 'dark',
                        'A200': 'strong-light',
                        'A400': 'strong-light',
                        'A700': 'light' // default
                )
        ),
        'blue': (
                'hues':(
                        '50': #E3F2FD,
                        '100': #BBDEFB,
                        '200': #90CAF9,
                        '300': #64B5F6,
                        '400': #42A5F5,
                        '500': #2196F3,
                        '600': #1E88E5,
                        '700': #1976D2,
                        '800': #1565C0,
                        '900': #0D47A1,
                        'A100': #82B1FF,
                        'A200': #448AFF,
                        'A400': #2979FF,
                        'A700': #2962FF
                ),
                'contrasts':(
                        '50': 'dark',
                        '100': 'dark',
                        '200': 'dark',
                        '300': 'dark',
                        '400': 'dark',
                        '500': 'strong-light',
                        '600': 'strong-light',
                        '700': 'strong-light',
                        '800': 'light', // default
                        '900': 'light', // default
                        'A100': 'dark',
                        'A200': 'strong-light',
                        'A400': 'strong-light',
                        'A700': 'strong-light'
                )
        ),
        'light-blue': (
                'hues':(
                        '50': #E1F5FE,
                        '100': #B3E5FC,
                        '200': #81D4FA,
                        '300': #4FC3F7,
                        '400': #29B6F6,
                        '500': #03A9F4,
                        '600': #039BE5,
                        '700': #0288D1,
                        '800': #0277BD,
                        '900': #01579B,
                        'A100': #80D8FF,
                        'A200': #40C4FF,
                        'A400': #00B0FF,
                        'A700': #0091EA
                ),
                'contrasts':(
                        '50': 'dark', // default
                        '100': 'dark', // default
                        '200': 'dark', // default
                        '300': 'dark', // default
                        '400': 'dark', // default
                        '500': 'dark', // default
                        '600': 'strong-light',
                        '700': 'strong-light',
                        '800': 'strong-light',
                        '900': 'strong-light',
                        'A100': 'dark', // default
                        'A200': 'dark', // default
                        'A400': 'dark', // default
                        'A700': 'strong-light'
                )
        ),
        'cyan': (
                'hues':(
                        '50': #E0F7FA,
                        '100': #B2EBF2,
                        '200': #80DEEA,
                        '300': #4DD0E1,
                        '400': #26C6DA,
                        '500': #00BCD4,
                        '600': #00ACC1,
                        '700': #0097A7,
                        '800': #00838F,
                        '900': #006064,
                        'A100': #84FFFF,
                        'A200': #18FFFF,
                        'A400': #00E5FF,
                        'A700': #00B8D4
                ),
                'contrasts':(
                        '50': 'dark', // default
                        '100': 'dark', // default
                        '200': 'dark', // default
                        '300': 'dark', // default
                        '400': 'dark', // default
                        '500': 'dark', // default
                        '600': 'dark', // default
                        '700': 'strong-light',
                        '800': 'strong-light',
                        '900': 'strong-light',
                        'A100': 'dark', // default
                        'A200': 'dark', // default
                        'A400': 'dark', // default
                        'A700': 'dark' // default
                )
        ),
        'teal': (
                'hues':(
                        '50': #E0F2F1,
                        '100': #B2DFDB,
                        '200': #80CBC4,
                        '300': #4DB6AC,
                        '400': #26A69A,
                        '500': #009688,
                        '600': #00897B,
                        '700': #00796B,
                        '800': #00695C,
                        '900': #004D40,
                        'A100': #A7FFEB,
                        'A200': #64FFDA,
                        'A400': #1DE9B6,
                        'A700': #00BFA5
                ),
                'contrasts':(
                        '50': 'dark', // default
                        '100': 'dark', // default
                        '200': 'dark', // default
                        '300': 'dark', // default
                        '400': 'dark', // default
                        '500': 'strong-light',
                        '600': 'strong-light',
                        '700': 'strong-light',
                        '800': 'light',
                        '900': 'light',
                        'A100': 'dark', // default
                        'A200': 'dark', // default
                        'A400': 'dark', // default
                        'A700': 'dark' // default
                )
        ),
        'green': (
                'hues':(
                        '50': #E8F5E9,
                        '100': #C8E6C9,
                        '200': #A5D6A7,
                        '300': #81C784,
                        '400': #66BB6A,
                        '500': #4CAF50,
                        '600': #43A047,
                        '700': #388E3C,
                        '800': #2E7D32,
                        '900': #1B5E20,
                        'A100': #B9F6CA,
                        'A200': #69F0AE,
                        'A400': #00E676,
                        'A700': #00C853
                ),
                'contrasts':(
                        '50': 'dark', // default
                        '100': 'dark', // default
                        '200': 'dark', // default
                        '300': 'dark', // default
                        '400': 'dark', // default
                        '500': 'dark', // default
                        '600': 'strong-light',
                        '700': 'strong-light',
                        '800': 'light',
                        '900': 'light',
                        'A100': 'dark', // default
                        'A200': 'dark', // default
                        'A400': 'dark', // default
                        'A700': 'dark' // default
                )
        ),
        'light-green': (
                'hues':(
                        '50': #F1F8E9,
                        '100': #DCEDC8,
                        '200': #C5E1A5,
                        '300': #AED581,
                        '400': #9CCC65,
                        '500': #8BC34A,
                        '600': #7CB342,
                        '700': #689F38,
                        '800': #558B2F,
                        '900': #33691E,
                        'A100': #CCFF90,
                        'A200': #B2FF59,
                        'A400': #76FF03,
                        'A700': #64DD17
                ),
                'contrasts':(
                        '50': 'dark', // default
                        '100': 'dark', // default
                        '200': 'dark', // default
                        '300': 'dark', // default
                        '400': 'dark', // default
                        '500': 'dark', // default
                        '600': 'dark', // default
                        '700': 'strong-light',
                        '800': 'strong-light',
                        '900': 'strong-light',
                        'A100': 'dark', // default
                        'A200': 'dark', // default
                        'A400': 'dark', // default
                        'A700': 'dark' // default
                )
        ),
        'lime': (
                'hues':(
                        '50': #F9FBE7,
                        '100': #F0F4C3,
                        '200': #E6EE9C,
                        '300': #DCE775,
                        '400': #D4E157,
                        '500': #CDDC39,
                        '600': #C0CA33,
                        '700': #AFB42B,
                        '800': #9E9D24,
                        '900': #827717,
                        'A100': #F4FF81,
                        'A200': #EEFF41,
                        'A400': #C6FF00,
                        'A700': #AEEA00
                ),
                'contrasts':(
                        '50': 'dark', // default
                        '100': 'dark', // default
                        '200': 'dark', // default
                        '300': 'dark', // default
                        '400': 'dark', // default
                        '500': 'dark', // default
                        '600': 'dark', // default
                        '700': 'dark', // default
                        '800': 'dark', // default
                        '900': 'strong-light',
                        'A100': 'dark', // default
                        'A200': 'dark', // default
                        'A400': 'dark', // default
                        'A700': 'dark' // default
                )
        ),
        'yellow': (
                'hues':(
                        '50': #FFFDE7,
                        '100': #FFF9C4,
                        '200': #FFF59D,
                        '300': #FFF176,
                        '400': #FFEE58,
                        '500': #FFEB3B,
                        '600': #FDD835,
                        '700': #FBC02D,
                        '800': #F9A825,
                        '900': #F57F17,
                        'A100': #FFFF8D,
                        'A200': #FFFF00,
                        'A400': #FFEA00,
                        'A700': #FFD600
                ),
                'contrasts':(
                        '50': 'dark', // default
                        '100': 'dark', // default
                        '200': 'dark', // default
                        '300': 'dark', // default
                        '400': 'dark', // default
                        '500': 'dark', // default
                        '600': 'dark', // default
                        '700': 'dark', // default
                        '800': 'dark', // default
                        '900': 'dark', // default
                        'A100': 'dark', // default
                        'A200': 'dark', // default
                        'A400': 'dark', // default
                        'A700': 'dark' // default
                )
        ),
        'amber': (
                'hues':(
                        '50': #FFF8E1,
                        '100': #FFECB3,
                        '200': #FFE082,
                        '300': #FFD54F,
                        '400': #FFCA28,
                        '500': #FFC107,
                        '600': #FFB300,
                        '700': #FFA000,
                        '800': #FF8F00,
                        '900': #FF6F00,
                        'A100': #FFE57F,
                        'A200': #FFD740,
                        'A400': #FFC400,
                        'A700': #FFAB00
                ),
                'contrasts':(
                        '50': 'dark', // default
                        '100': 'dark', // default
                        '200': 'dark', // default
                        '300': 'dark', // default
                        '400': 'dark', // default
                        '500': 'dark', // default
                        '600': 'dark', // default
                        '700': 'dark', // default
                        '800': 'dark', // default
                        '900': 'dark', // default
                        'A100': 'dark', // default
                        'A200': 'dark', // default
                        'A400': 'dark', // default
                        'A700': 'dark' // default
                )
        ),
        'orange': (
                'hues':(
                        '50': #FFF3E0,
                        '100': #FFE0B2,
                        '200': #FFCC80,
                        '300': #FFB74D,
                        '400': #FFA726,
                        '500': #FF9800,
                        '600': #FB8C00,
                        '700': #F57C00,
                        '800': #EF6C00,
                        '900': #E65100,
                        'A100': #FFD180,
                        'A200': #FFAB40,
                        'A400': #FF9100,
                        'A700': #FF6D00
                ),
                'contrasts':(
                        '50': 'dark', // default
                        '100': 'dark', // default
                        '200': 'dark', // default
                        '300': 'dark', // default
                        '400': 'dark', // default
                        '500': 'dark', // default
                        '600': 'dark', // default
                        '700': 'dark', // default
                        '800': 'strong-light',
                        '900': 'strong-light',
                        'A100': 'dark', // default
                        'A200': 'dark', // default
                        'A400': 'dark', // default
                        'A700': 'dark' // default
                )
        ),
        'deep-orange': (
                'hues':(
                        '50': #FBE9E7,
                        '100': #FFCCBC,
                        '200': #FFAB91,
                        '300': #FF8A65,
                        '400': #FF7043,
                        '500': #FF5722,
                        '600': #F4511E,
                        '700': #E64A19,
                        '800': #D84315,
                        '900': #BF360C,
                        'A100': #FF9E80,
                        'A200': #FF6E40,
                        'A400': #FF3D00,
                        'A700': #DD2C00
                ),
                'contrasts':(
                        '50': 'dark',
                        '100': 'dark',
                        '200': 'dark',
                        '300': 'dark',
                        '400': 'dark',
                        '500': 'strong-light',
                        '600': 'strong-light',
                        '700': 'strong-light',
                        '800': 'strong-light',
                        '900': 'strong-light',
                        'A100': 'dark',
                        'A200': 'dark',
                        'A400': 'strong-light',
                        'A700': 'strong-light'
                )
        ),
        'brown': (
                'hues':(
                        '50': #EFEBE9,
                        '100': #D7CCC8,
                        '200': #BCAAA4,
                        '300': #A1887F,
                        '400': #8D6E63,
                        '500': #795548,
                        '600': #6D4C41,
                        '700': #5D4037,
                        '800': #4E342E,
                        '900': #3E2723,
                        'A100': #D7CCC8,
                        'A200': #BCAAA4,
                        'A400': #8D6E63,
                        'A700': #5D4037,
                ),
                'contrasts':(
                        '50': 'dark',
                        '100': 'dark',
                        '200': 'dark',
                        '300': 'strong-light',
                        '400': 'strong-light',
                        '500': 'light', // default
                        '600': 'light', // default
                        '700': 'light', // default
                        '800': 'light', // default
                        '900': 'light', // default
                        'A100': 'light', // default
                        'A200': 'light', // default
                        'A400': 'light', // default
                        'A700': 'light' // default
                )
        ),
        'grey': (
                'hues':(
                        '50': #FAFAFA,
                        '100': #F5F5F5,
                        '200': #EEEEEE,
                        '300': #E0E0E0,
                        '400': #BDBDBD,
                        '500': #9E9E9E,
                        '600': #757575,
                        '700': #616161,
                        '800': #424242,
                        '900': #212121,
                        '1000': #000000,
                        'A100': #FFFFFF,
                        'A200': #EEEEEE,
                        'A400': #BDBDBD,
                        'A700': #616161,
                ),
                'contrasts':(
                        '50': 'dark', // default
                        '100': 'dark', // default
                        '200': 'dark', // default
                        '300': 'dark', // default
                        '400': 'dark', // default
                        '500': 'dark', // default
                        '600': 'light',
                        '700': 'light',
                        '800': 'light',
                        '900': 'light',
                        'A100': 'dark', // default
                        'A200': 'dark', // default
                        'A400': 'dark', // default
                        'A700': 'dark' // default
                )
        ),
        'blue-grey': (
                'hues':(
                        '50': #ECEFF1,
                        '100': #CFD8DC,
                        '200': #B0BEC5,
                        '300': #90A4AE,
                        '400': #78909C,
                        '500': #607D8B,
                        '600': #546E7A,
                        '700': #455A64,
                        '800': #37474F,
                        '900': #263238,
                        'A100': #CFD8DC,
                        'A200': #B0BEC5,
                        'A400': #78909C,
                        'A700': #455A64,
                ),
                'contrasts':(
                        '50': 'dark',
                        '100': 'dark',
                        '200': 'dark',
                        '300': 'dark',
                        '400': 'strong-light',
                        '500': 'strong-light',
                        '600': 'light', // default
                        '700': 'light', // default
                        '800': 'light', // default
                        '900': 'light', // default
                        'A100': 'light', // default
                        'A200': 'light', // default
                        'A400': 'light', // default
                        'A700': 'light' // default
                )
        ),
        'white': (
                'hues':(
                        '500': #FFFFFF
                ),
                'contrasts':(
                        '500': 'dark' // default
                )
        ),
        'black': (
                'hues':(
                        '500': #000000
                ),
                'contrasts':(
                        '500': 'light' // default
                )
        )
);


// Material Easing Curves
// ------------------------------

// The default animation curves used by material design.
$mat-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 0.1) !default;
$mat-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;
$mat-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1) !default;

$ease-in-out-curve-function: cubic-bezier(0.35, 0, 0.25, 1) !default;

$swift-ease-out-duration: 0.4s !default;
$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;

$swift-ease-in-duration: 0.3s !default;
$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;
$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;

$swift-ease-in-out-duration: 0.5s !default;
$swift-ease-in-out-timing-function: cubic-bezier(0.35, 0, 0.25, 1) !default;
$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;

$swift-linear-duration: 0.08s !default;
$swift-linear-timing-function: linear !default;
$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;


// Material elevations
// ------------------------------

// Colors for umbra, penumbra, and ambient shadows. As described in the design doc, each elevation
// level is created using a set of 3 shadow values, one for umbra (the shadow representing the
// space completely obscured by an object relative to its light source), one for penumbra (the
// space partially obscured by an object), and one for ambient (the space which contains the object
// itself). For a further explanation of these terms and their meanings, see
// https://en.wikipedia.org/wiki/Umbra,_penumbra_and_antumbra.

$_umbra-color: rgba(black, 0.2);
$_penumbra-color: rgba(black, 0.14);
$_ambient-color: rgba(black, 0.12);

// Maps for the different shadow sets and their values within each z-space. These values were
// created by taking a few reference shadow sets created by Google's Designers and interpolating
// all of the values between them.

$_umbra-elevation-map: (
        0: '0px 0px 0px 0px #{$_umbra-color}',
        1: '0px 2px 1px -1px #{$_umbra-color}',
        2: '0px 3px 1px -2px #{$_umbra-color}',
        3: '0px 3px 3px -2px #{$_umbra-color}',
        4: '0px 2px 4px -1px #{$_umbra-color}',
        5: '0px 3px 5px -1px #{$_umbra-color}',
        6: '0px 3px 5px -1px #{$_umbra-color}',
        7: '0px 4px 5px -2px #{$_umbra-color}',
        8: '0px 5px 5px -3px #{$_umbra-color}',
        9: '0px 5px 6px -3px #{$_umbra-color}',
        10: '0px 6px 6px -3px #{$_umbra-color}',
        11: '0px 6px 7px -4px #{$_umbra-color}',
        12: '0px 7px 8px -4px #{$_umbra-color}',
        13: '0px 7px 8px -4px #{$_umbra-color}',
        14: '0px 7px 9px -4px #{$_umbra-color}',
        15: '0px 8px 9px -5px #{$_umbra-color}',
        16: '0px 8px 10px -5px #{$_umbra-color}',
        17: '0px 8px 11px -5px #{$_umbra-color}',
        18: '0px 9px 11px -5px #{$_umbra-color}',
        19: '0px 9px 12px -6px #{$_umbra-color}',
        20: '0px 10px 13px -6px #{$_umbra-color}',
        21: '0px 10px 13px -6px #{$_umbra-color}',
        22: '0px 10px 14px -6px #{$_umbra-color}',
        23: '0px 11px 14px -7px #{$_umbra-color}',
        24: '0px 11px 15px -7px #{$_umbra-color}'
);

$_penumbra-elevation-map: (
        0: '0px 0px 0px 0px #{$_penumbra-color}',
        1: '0px 1px 1px 0px #{$_penumbra-color}',
        2: '0px 2px 2px 0px #{$_penumbra-color}',
        3: '0px 3px 4px 0px #{$_penumbra-color}',
        4: '0px 4px 5px 0px #{$_penumbra-color}',
        5: '0px 5px 8px 0px #{$_penumbra-color}',
        6: '0px 6px 10px 0px #{$_penumbra-color}',
        7: '0px 7px 10px 1px #{$_penumbra-color}',
        8: '0px 8px 10px 1px #{$_penumbra-color}',
        9: '0px 9px 12px 1px #{$_penumbra-color}',
        10: '0px 10px 14px 1px #{$_penumbra-color}',
        11: '0px 11px 15px 1px #{$_penumbra-color}',
        12: '0px 12px 17px 2px #{$_penumbra-color}',
        13: '0px 13px 19px 2px #{$_penumbra-color}',
        14: '0px 14px 21px 2px #{$_penumbra-color}',
        15: '0px 15px 22px 2px #{$_penumbra-color}',
        16: '0px 16px 24px 2px #{$_penumbra-color}',
        17: '0px 17px 26px 2px #{$_penumbra-color}',
        18: '0px 18px 28px 2px #{$_penumbra-color}',
        19: '0px 19px 29px 2px #{$_penumbra-color}',
        20: '0px 20px 31px 3px #{$_penumbra-color}',
        21: '0px 21px 33px 3px #{$_penumbra-color}',
        22: '0px 22px 35px 3px #{$_penumbra-color}',
        23: '0px 23px 36px 3px #{$_penumbra-color}',
        24: '0px 24px 38px 3px #{$_penumbra-color}'
);

$_ambient-elevation-map: (
        0: '0px 0px 0px 0px #{$_ambient-color}',
        1: '0px 1px 3px 0px #{$_ambient-color}',
        2: '0px 1px 5px 0px #{$_ambient-color}',
        3: '0px 1px 8px 0px #{$_ambient-color}',
        4: '0px 1px 10px 0px #{$_ambient-color}',
        5: '0px 1px 14px 0px #{$_ambient-color}',
        6: '0px 1px 18px 0px #{$_ambient-color}',
        7: '0px 2px 16px 1px #{$_ambient-color}',
        8: '0px 3px 14px 2px #{$_ambient-color}',
        9: '0px 3px 16px 2px #{$_ambient-color}',
        10: '0px 4px 18px 3px #{$_ambient-color}',
        11: '0px 4px 20px 3px #{$_ambient-color}',
        12: '0px 5px 22px 4px #{$_ambient-color}',
        13: '0px 5px 24px 4px #{$_ambient-color}',
        14: '0px 5px 26px 4px #{$_ambient-color}',
        15: '0px 6px 28px 5px #{$_ambient-color}',
        16: '0px 6px 30px 5px #{$_ambient-color}',
        17: '0px 6px 32px 5px #{$_ambient-color}',
        18: '0px 7px 34px 6px #{$_ambient-color}',
        19: '0px 7px 36px 6px #{$_ambient-color}',
        20: '0px 8px 38px 7px #{$_ambient-color}',
        21: '0px 8px 40px 7px #{$_ambient-color}',
        22: '0px 8px 42px 7px #{$_ambient-color}',
        23: '0px 9px 44px 8px #{$_ambient-color}',
        24: '0px 9px 46px 8px #{$_ambient-color}'
);

// The css property used for elevation. In most cases this should not be changed. It is exposed
// as a variable for abstraction / easy use when needing to reference the property directly, for
// example in a will-change rule.
$mat-elevation-property: box-shadow !default;

// The default duration value for elevation transitions.
$mat-elevation-transition-duration: 280ms !default;

// The default easing value for elevation transitions.
$mat-elevation-transition-timing-function: $mat-fast-out-slow-in-timing-function;


// Sidebar
// ------------------------------
$avSidenav_width: 250px;
$avSidenavMedium_width: 300px;
$avSidenavLarge_width: 350px;

$avSidenav_z-index: 10;

$avSidenavListItem_padding-left-right: 24px;
$avSidenavListItemIcon_width-height: 18px;
$avSidenavIcon_max-width: ($avSidenavListItem_padding-left-right * 2) + $avSidenavListItemIcon_width-height + 2;

$margin-left__sidenav-list__item-name: $avSidenavListItem_padding-left-right;
$av-sidenav-list-font-color: #A7A9AE;

$padding__sidenav-item__level2: 10px;
$padding__sidenav-item__level3: 20px;
$padding__sidenav-item__level4: 30px;
$padding__sidenav-item__level5: 40px;
$padding__sidenav-item__level6: 40px;

$z-index__mat-sidenav-content: 5;

$z-index__main-toolbar: 4;
$height__main-toolbar: 64px;

// Sidepanel
$avSidepanel_z-index: 50;

// Mixins
@mixin matShadow-z3() {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
}