//-- Color definitions taken from Material Design Lite

// Red

$palette-red-50: rgb(255,235,238);

$palette-red-100: rgb(255,205,210);

$palette-red-200: rgb(239,154,154);

$palette-red-300: rgb(229,115,115);

$palette-red-400: rgb(239,83,80);

$palette-red-500: rgb(244,67,54);

$palette-red-600: rgb(229,57,53);

$palette-red-700: rgb(211,47,47);

$palette-red-800: rgb(198,40,40);

$palette-red-900: rgb(183,28,28);

$palette-red-a100: rgb(255,138,128);

$palette-red-a200: rgb(255,82,82);

$palette-red-a400: rgb(255,23,68);

$palette-red-a700: rgb(213,0,0);

// Pink

$palette-pink-50: rgb(252,228,236);

$palette-pink-100: rgb(248,187,208);

$palette-pink-200: rgb(244,143,177);

$palette-pink-300: rgb(240,98,146);

$palette-pink-400: rgb(236,64,122);

$palette-pink-500: rgb(233,30,99);

$palette-pink-600: rgb(216,27,96);

$palette-pink-700: rgb(194,24,91);

$palette-pink-800: rgb(173,20,87);

$palette-pink-900: rgb(136,14,79);

$palette-pink-a100: rgb(255,128,171);

$palette-pink-a200: rgb(255,64,129);

$palette-pink-a400: rgb(245,0,87);

$palette-pink-a700: rgb(197,17,98);

// Purple

$palette-purple-50: rgb(243,229,245);

$palette-purple-100: rgb(225,190,231);

$palette-purple-200: rgb(206,147,216);

$palette-purple-300: rgb(186,104,200);

$palette-purple-400: rgb(171,71,188);

$palette-purple-500: rgb(156,39,176);

$palette-purple-600: rgb(142,36,170);

$palette-purple-700: rgb(123,31,162);

$palette-purple-800: rgb(106,27,154);

$palette-purple-900: rgb(74,20,140);

$palette-purple-a100: rgb(234,128,252);

$palette-purple-a200: rgb(224,64,251);

$palette-purple-a400: rgb(213,0,249);

$palette-purple-a700: rgb(170,0,255);

//Deep Purple

$palette-deep-purple-50: rgb(237,231,246);

$palette-deep-purple-100: rgb(209,196,233);

$palette-deep-purple-200: rgb(179,157,219);

$palette-deep-purple-300: rgb(149,117,205);

$palette-deep-purple-400: rgb(126,87,194);

$palette-deep-purple-500: rgb(103,58,183);

$palette-deep-purple-600: rgb(94,53,177);

$palette-deep-purple-700: rgb(81,45,168);

$palette-deep-purple-800: rgb(69,39,160);

$palette-deep-purple-900: rgb(49,27,146);

$palette-deep-purple-a100: rgb(179,136,255);

$palette-deep-purple-a200: rgb(124,77,255);

$palette-deep-purple-a400: rgb(101,31,255);

$palette-deep-purple-a700: rgb(98,0,234);

// Indigo

$palette-indigo-50: rgb(232,234,246);

$palette-indigo-100: rgb(197,202,233);

$palette-indigo-200: rgb(159,168,218);

$palette-indigo-300: rgb(121,134,203);

$palette-indigo-400: rgb(92,107,192);

$palette-indigo-500: rgb(63,81,181);

$palette-indigo-600: rgb(57,73,171);

$palette-indigo-700: rgb(48,63,159);

$palette-indigo-800: rgb(40,53,147);

$palette-indigo-900: rgb(26,35,126);

$palette-indigo-a100: rgb(140,158,255);

$palette-indigo-a200: rgb(83,109,254);

$palette-indigo-a400: rgb(61,90,254);

$palette-indigo-a700: rgb(48,79,254);

// Blue

$palette-blue-50: rgb(227,242,253);

$palette-blue-100: rgb(187,222,251);

$palette-blue-200: rgb(144,202,249);

$palette-blue-300: rgb(100,181,246);

$palette-blue-400: rgb(66,165,245);

$palette-blue-500: rgb(33,150,243);

$palette-blue-600: rgb(30,136,229);

$palette-blue-700: rgb(25,118,210);

$palette-blue-800: rgb(21,101,192);

$palette-blue-900: rgb(13,71,161);

$palette-blue-a100: rgb(130,177,255);

$palette-blue-a200: rgb(68,138,255);

$palette-blue-a400: rgb(41,121,255);

$palette-blue-a700: rgb(41,98,255);

// Light Blue

$palette-light-blue-50: rgb(225,245,254);

$palette-light-blue-100: rgb(179,229,252);

$palette-light-blue-200: rgb(129,212,250);

$palette-light-blue-300: rgb(79,195,247);

$palette-light-blue-400: rgb(41,182,246);

$palette-light-blue-500: rgb(3,169,244);

$palette-light-blue-600: rgb(3,155,229);

$palette-light-blue-700: rgb(2,136,209);

$palette-light-blue-800: rgb(2,119,189);

$palette-light-blue-900: rgb(1,87,155);

$palette-light-blue-a100: rgb(128,216,255);

$palette-light-blue-a200: rgb(64,196,255);

$palette-light-blue-a400: rgb(0,176,255);

$palette-light-blue-a700: rgb(0,145,234);

// Cyan

$palette-cyan-50: rgb(224,247,250);

$palette-cyan-100: rgb(178,235,242);

$palette-cyan-200: rgb(128,222,234);

$palette-cyan-300: rgb(77,208,225);

$palette-cyan-400: rgb(38,198,218);

$palette-cyan-500: rgb(0,188,212);

$palette-cyan-600: rgb(0,172,193);

$palette-cyan-700: rgb(0,151,167);

$palette-cyan-800: rgb(0,131,143);

$palette-cyan-900: rgb(0,96,100);

$palette-cyan-a100: rgb(132,255,255);

$palette-cyan-a200: rgb(24,255,255);

$palette-cyan-a400: rgb(0,229,255);

$palette-cyan-a700: rgb(0,184,212);

// Teal

$palette-teal-50: rgb(224,242,241);

$palette-teal-100: rgb(178,223,219);

$palette-teal-200: rgb(128,203,196);

$palette-teal-300: rgb(77,182,172);

$palette-teal-400: rgb(38,166,154);

$palette-teal-500: rgb(0,150,136);

$palette-teal-600: rgb(0,137,123);

$palette-teal-700: rgb(0,121,107);

$palette-teal-800: rgb(0,105,92);

$palette-teal-900: rgb(0,77,64);

$palette-teal-a100: rgb(167,255,235);

$palette-teal-a200: rgb(100,255,218);

$palette-teal-a400: rgb(29,233,182);

$palette-teal-a700: rgb(0,191,165);

// Green

$palette-green-50: rgb(232,245,233);

$palette-green-100: rgb(200,230,201);

$palette-green-200: rgb(165,214,167);

$palette-green-300: rgb(129,199,132);

$palette-green-400: rgb(102,187,106);

$palette-green-500: rgb(76,175,80);

$palette-green-600: rgb(67,160,71);

$palette-green-700: rgb(56,142,60);

$palette-green-800: rgb(46,125,50);

$palette-green-900: rgb(27,94,32);

$palette-green-a100: rgb(185,246,202);

$palette-green-a200: rgb(105,240,174);

$palette-green-a400: rgb(0,230,118);

$palette-green-a700: rgb(0,200,83);

// Green

$palette-light-green-50: rgb(241,248,233);

$palette-light-green-100: rgb(220,237,200);

$palette-light-green-200: rgb(197,225,165);

$palette-light-green-300: rgb(174,213,129);

$palette-light-green-400: rgb(156,204,101);

$palette-light-green-500: rgb(139,195,74);

$palette-light-green-600: rgb(124,179,66);

$palette-light-green-700: rgb(104,159,56);

$palette-light-green-800: rgb(85,139,47);

$palette-light-green-900: rgb(51,105,30);

$palette-light-green-a100: rgb(204,255,144);

$palette-light-green-a200: rgb(178,255,89);

$palette-light-green-a400: rgb(118,255,3);

$palette-light-green-a700: rgb(100,221,23);

// Lime

$palette-lime-50: rgb(249,251,231);

$palette-lime-100: rgb(240,244,195);

$palette-lime-200: rgb(230,238,156);

$palette-lime-300: rgb(220,231,117);

$palette-lime-400: rgb(212,225,87);

$palette-lime-500: rgb(205,220,57);

$palette-lime-600: rgb(192,202,51);

$palette-lime-700: rgb(175,180,43);

$palette-lime-800: rgb(158,157,36);

$palette-lime-900: rgb(130,119,23);

$palette-lime-a100: rgb(244,255,129);

$palette-lime-a200: rgb(238,255,65);

$palette-lime-a400: rgb(198,255,0);

$palette-lime-a700: rgb(174,234,0);

// Yellow

$palette-yellow-50: rgb(255,253,231);

$palette-yellow-100: rgb(255,249,196);

$palette-yellow-200: rgb(255,245,157);

$palette-yellow-300: rgb(255,241,118);

$palette-yellow-400: rgb(255,238,88);

$palette-yellow-500: rgb(255,235,59);

$palette-yellow-600: rgb(253,216,53);

$palette-yellow-700: rgb(251,192,45);

$palette-yellow-800: rgb(249,168,37);

$palette-yellow-900: rgb(245,127,23);

$palette-yellow-a100: rgb(255,255,141);

$palette-yellow-a200: rgb(255,255,0);

$palette-yellow-a400: rgb(255,234,0);

$palette-yellow-a700: rgb(255,214,0);

// Amber

$palette-amber-50: rgb(255,248,225);

$palette-amber-100: rgb(255,236,179);

$palette-amber-200: rgb(255,224,130);

$palette-amber-300: rgb(255,213,79);

$palette-amber-400: rgb(255,202,40);

$palette-amber-500: rgb(255,193,7);

$palette-amber-600: rgb(255,179,0);

$palette-amber-700: rgb(255,160,0);

$palette-amber-800: rgb(255,143,0);

$palette-amber-900: rgb(255,111,0);

$palette-amber-a100: rgb(255,229,127);

$palette-amber-a200: rgb(255,215,64);

$palette-amber-a400: rgb(255,196,0);

$palette-amber-a700: rgb(255,171,0);

// Orange

$palette-orange-50: rgb(255,243,224);

$palette-orange-100: rgb(255,224,178);

$palette-orange-200: rgb(255,204,128);

$palette-orange-300: rgb(255,183,77);

$palette-orange-400: rgb(255,167,38);

$palette-orange-500: rgb(255,152,0);

$palette-orange-600: rgb(251,140,0);

$palette-orange-700: rgb(245,124,0);

$palette-orange-800: rgb(239,108,0);

$palette-orange-900: rgb(230,81,0);

$palette-orange-a100: rgb(255,209,128);

$palette-orange-a200: rgb(255,171,64);

$palette-orange-a400: rgb(255,145,0);

$palette-orange-a700: rgb(255,109,0);

// Deep Orange

$palette-deep-orange-50: rgb(251,233,231);

$palette-deep-orange-100: rgb(255,204,188);

$palette-deep-orange-200: rgb(255,171,145);

$palette-deep-orange-300: rgb(255,138,101);

$palette-deep-orange-400: rgb(255,112,67);

$palette-deep-orange-500: rgb(255,87,34);

$palette-deep-orange-600: rgb(244,81,30);

$palette-deep-orange-700: rgb(230,74,25);

$palette-deep-orange-800: rgb(216,67,21);

$palette-deep-orange-900: rgb(191,54,12);

$palette-deep-orange-a100: rgb(255,158,128);

$palette-deep-orange-a200: rgb(255,110,64);

$palette-deep-orange-a400: rgb(255,61,0);

$palette-deep-orange-a700: rgb(221,44,0);

// Brown

$palette-brown-50: rgb(239,235,233);

$palette-brown-100: rgb(215,204,200);

$palette-brown-200: rgb(188,170,164);

$palette-brown-300: rgb(161,136,127);

$palette-brown-400: rgb(141,110,99);

$palette-brown-500: rgb(121,85,72);

$palette-brown-600: rgb(109,76,65);

$palette-brown-700: rgb(93,64,55);

$palette-brown-800: rgb(78,52,46);

$palette-brown-900: rgb(62,39,35);

// Grey

$palette-grey-50: rgb(250,250,250);

$palette-grey-100: rgb(245,245,245);

$palette-grey-200: rgb(238,238,238);

$palette-grey-300: rgb(224,224,224);

$palette-grey-400: rgb(189,189,189);

$palette-grey-500: rgb(158,158,158);

$palette-grey-600: rgb(117,117,117);

$palette-grey-700: rgb(97,97,97);

$palette-grey-800: rgb(66,66,66);

$palette-grey-900: rgb(33,33,33);

// Blue Grey

$palette-blue-grey-50: rgb(236,239,241);

$palette-blue-grey-100: rgb(207,216,220);

$palette-blue-grey-200: rgb(176,190,197);

$palette-blue-grey-300: rgb(144,164,174);

$palette-blue-grey-400: rgb(120,144,156);

$palette-blue-grey-500: rgb(96,125,139);

$palette-blue-grey-600: rgb(84,110,122);

$palette-blue-grey-700: rgb(69,90,100);

$palette-blue-grey-800: rgb(55,71,79);

$palette-blue-grey-900: rgb(38,50,56);

$color-black: rgb(0,0,0);

$color-white: rgb(255,255,255);

//-- The two possible colors for overlayed text.

$styleguide-generate-template: false !default;

$color-dark-contrast: $color-white !default;

$color-light-contrast: $color-black !default;

$theme-building: false !default;

@if $theme-building != true {

  //-- Color definitions taken from Material Design Lite

  // Red

  $palette-red-50: rgb(255,235,238);

  $palette-red-100: rgb(255,205,210);

  $palette-red-200: rgb(239,154,154);

  $palette-red-300: rgb(229,115,115);

  $palette-red-400: rgb(239,83,80);

  $palette-red-500: rgb(244,67,54);

  $palette-red-600: rgb(229,57,53);

  $palette-red-700: rgb(211,47,47);

  $palette-red-800: rgb(198,40,40);

  $palette-red-900: rgb(183,28,28);

  $palette-red-a100: rgb(255,138,128);

  $palette-red-a200: rgb(255,82,82);

  $palette-red-a400: rgb(255,23,68);

  $palette-red-a700: rgb(213,0,0);

  // Pink

  $palette-pink-50: rgb(252,228,236);

  $palette-pink-100: rgb(248,187,208);

  $palette-pink-200: rgb(244,143,177);

  $palette-pink-300: rgb(240,98,146);

  $palette-pink-400: rgb(236,64,122);

  $palette-pink-500: rgb(233,30,99);

  $palette-pink-600: rgb(216,27,96);

  $palette-pink-700: rgb(194,24,91);

  $palette-pink-800: rgb(173,20,87);

  $palette-pink-900: rgb(136,14,79);

  $palette-pink-a100: rgb(255,128,171);

  $palette-pink-a200: rgb(255,64,129);

  $palette-pink-a400: rgb(245,0,87);

  $palette-pink-a700: rgb(197,17,98);

  // Purple

  $palette-purple-50: rgb(243,229,245);

  $palette-purple-100: rgb(225,190,231);

  $palette-purple-200: rgb(206,147,216);

  $palette-purple-300: rgb(186,104,200);

  $palette-purple-400: rgb(171,71,188);

  $palette-purple-500: rgb(156,39,176);

  $palette-purple-600: rgb(142,36,170);

  $palette-purple-700: rgb(123,31,162);

  $palette-purple-800: rgb(106,27,154);

  $palette-purple-900: rgb(74,20,140);

  $palette-purple-a100: rgb(234,128,252);

  $palette-purple-a200: rgb(224,64,251);

  $palette-purple-a400: rgb(213,0,249);

  $palette-purple-a700: rgb(170,0,255);

  //Deep Purple

  $palette-deep-purple-50: rgb(237,231,246);

  $palette-deep-purple-100: rgb(209,196,233);

  $palette-deep-purple-200: rgb(179,157,219);

  $palette-deep-purple-300: rgb(149,117,205);

  $palette-deep-purple-400: rgb(126,87,194);

  $palette-deep-purple-500: rgb(103,58,183);

  $palette-deep-purple-600: rgb(94,53,177);

  $palette-deep-purple-700: rgb(81,45,168);

  $palette-deep-purple-800: rgb(69,39,160);

  $palette-deep-purple-900: rgb(49,27,146);

  $palette-deep-purple-a100: rgb(179,136,255);

  $palette-deep-purple-a200: rgb(124,77,255);

  $palette-deep-purple-a400: rgb(101,31,255);

  $palette-deep-purple-a700: rgb(98,0,234);

  // Indigo

  $palette-indigo-50: rgb(232,234,246);

  $palette-indigo-100: rgb(197,202,233);

  $palette-indigo-200: rgb(159,168,218);

  $palette-indigo-300: rgb(121,134,203);

  $palette-indigo-400: rgb(92,107,192);

  $palette-indigo-500: rgb(63,81,181);

  $palette-indigo-600: rgb(57,73,171);

  $palette-indigo-700: rgb(48,63,159);

  $palette-indigo-800: rgb(40,53,147);

  $palette-indigo-900: rgb(26,35,126);

  $palette-indigo-a100: rgb(140,158,255);

  $palette-indigo-a200: rgb(83,109,254);

  $palette-indigo-a400: rgb(61,90,254);

  $palette-indigo-a700: rgb(48,79,254);

  // Blue

  $palette-blue-50: rgb(227,242,253);

  $palette-blue-100: rgb(187,222,251);

  $palette-blue-200: rgb(144,202,249);

  $palette-blue-300: rgb(100,181,246);

  $palette-blue-400: rgb(66,165,245);

  $palette-blue-500: rgb(33,150,243);

  $palette-blue-600: rgb(30,136,229);

  $palette-blue-700: rgb(25,118,210);

  $palette-blue-800: rgb(21,101,192);

  $palette-blue-900: rgb(13,71,161);

  $palette-blue-a100: rgb(130,177,255);

  $palette-blue-a200: rgb(68,138,255);

  $palette-blue-a400: rgb(41,121,255);

  $palette-blue-a700: rgb(41,98,255);

  // Light Blue

  $palette-light-blue-50: rgb(225,245,254);

  $palette-light-blue-100: rgb(179,229,252);

  $palette-light-blue-200: rgb(129,212,250);

  $palette-light-blue-300: rgb(79,195,247);

  $palette-light-blue-400: rgb(41,182,246);

  $palette-light-blue-500: rgb(3,169,244);

  $palette-light-blue-600: rgb(3,155,229);

  $palette-light-blue-700: rgb(2,136,209);

  $palette-light-blue-800: rgb(2,119,189);

  $palette-light-blue-900: rgb(1,87,155);

  $palette-light-blue-a100: rgb(128,216,255);

  $palette-light-blue-a200: rgb(64,196,255);

  $palette-light-blue-a400: rgb(0,176,255);

  $palette-light-blue-a700: rgb(0,145,234);

  // Cyan

  $palette-cyan-50: rgb(224,247,250);

  $palette-cyan-100: rgb(178,235,242);

  $palette-cyan-200: rgb(128,222,234);

  $palette-cyan-300: rgb(77,208,225);

  $palette-cyan-400: rgb(38,198,218);

  $palette-cyan-500: rgb(0,188,212);

  $palette-cyan-600: rgb(0,172,193);

  $palette-cyan-700: rgb(0,151,167);

  $palette-cyan-800: rgb(0,131,143);

  $palette-cyan-900: rgb(0,96,100);

  $palette-cyan-a100: rgb(132,255,255);

  $palette-cyan-a200: rgb(24,255,255);

  $palette-cyan-a400: rgb(0,229,255);

  $palette-cyan-a700: rgb(0,184,212);

  // Teal

  $palette-teal-50: rgb(224,242,241);

  $palette-teal-100: rgb(178,223,219);

  $palette-teal-200: rgb(128,203,196);

  $palette-teal-300: rgb(77,182,172);

  $palette-teal-400: rgb(38,166,154);

  $palette-teal-500: rgb(0,150,136);

  $palette-teal-600: rgb(0,137,123);

  $palette-teal-700: rgb(0,121,107);

  $palette-teal-800: rgb(0,105,92);

  $palette-teal-900: rgb(0,77,64);

  $palette-teal-a100: rgb(167,255,235);

  $palette-teal-a200: rgb(100,255,218);

  $palette-teal-a400: rgb(29,233,182);

  $palette-teal-a700: rgb(0,191,165);

  // Green

  $palette-green-50: rgb(232,245,233);

  $palette-green-100: rgb(200,230,201);

  $palette-green-200: rgb(165,214,167);

  $palette-green-300: rgb(129,199,132);

  $palette-green-400: rgb(102,187,106);

  $palette-green-500: rgb(76,175,80);

  $palette-green-600: rgb(67,160,71);

  $palette-green-700: rgb(56,142,60);

  $palette-green-800: rgb(46,125,50);

  $palette-green-900: rgb(27,94,32);

  $palette-green-a100: rgb(185,246,202);

  $palette-green-a200: rgb(105,240,174);

  $palette-green-a400: rgb(0,230,118);

  $palette-green-a700: rgb(0,200,83);

  // Green

  $palette-light-green-50: rgb(241,248,233);

  $palette-light-green-100: rgb(220,237,200);

  $palette-light-green-200: rgb(197,225,165);

  $palette-light-green-300: rgb(174,213,129);

  $palette-light-green-400: rgb(156,204,101);

  $palette-light-green-500: rgb(139,195,74);

  $palette-light-green-600: rgb(124,179,66);

  $palette-light-green-700: rgb(104,159,56);

  $palette-light-green-800: rgb(85,139,47);

  $palette-light-green-900: rgb(51,105,30);

  $palette-light-green-a100: rgb(204,255,144);

  $palette-light-green-a200: rgb(178,255,89);

  $palette-light-green-a400: rgb(118,255,3);

  $palette-light-green-a700: rgb(100,221,23);

  // Lime

  $palette-lime-50: rgb(249,251,231);

  $palette-lime-100: rgb(240,244,195);

  $palette-lime-200: rgb(230,238,156);

  $palette-lime-300: rgb(220,231,117);

  $palette-lime-400: rgb(212,225,87);

  $palette-lime-500: rgb(205,220,57);

  $palette-lime-600: rgb(192,202,51);

  $palette-lime-700: rgb(175,180,43);

  $palette-lime-800: rgb(158,157,36);

  $palette-lime-900: rgb(130,119,23);

  $palette-lime-a100: rgb(244,255,129);

  $palette-lime-a200: rgb(238,255,65);

  $palette-lime-a400: rgb(198,255,0);

  $palette-lime-a700: rgb(174,234,0);

  // Yellow

  $palette-yellow-50: rgb(255,253,231);

  $palette-yellow-100: rgb(255,249,196);

  $palette-yellow-200: rgb(255,245,157);

  $palette-yellow-300: rgb(255,241,118);

  $palette-yellow-400: rgb(255,238,88);

  $palette-yellow-500: rgb(255,235,59);

  $palette-yellow-600: rgb(253,216,53);

  $palette-yellow-700: rgb(251,192,45);

  $palette-yellow-800: rgb(249,168,37);

  $palette-yellow-900: rgb(245,127,23);

  $palette-yellow-a100: rgb(255,255,141);

  $palette-yellow-a200: rgb(255,255,0);

  $palette-yellow-a400: rgb(255,234,0);

  $palette-yellow-a700: rgb(255,214,0);

  // Amber

  $palette-amber-50: rgb(255,248,225);

  $palette-amber-100: rgb(255,236,179);

  $palette-amber-200: rgb(255,224,130);

  $palette-amber-300: rgb(255,213,79);

  $palette-amber-400: rgb(255,202,40);

  $palette-amber-500: rgb(255,193,7);

  $palette-amber-600: rgb(255,179,0);

  $palette-amber-700: rgb(255,160,0);

  $palette-amber-800: rgb(255,143,0);

  $palette-amber-900: rgb(255,111,0);

  $palette-amber-a100: rgb(255,229,127);

  $palette-amber-a200: rgb(255,215,64);

  $palette-amber-a400: rgb(255,196,0);

  $palette-amber-a700: rgb(255,171,0);

  // Orange

  $palette-orange-50: rgb(255,243,224);

  $palette-orange-100: rgb(255,224,178);

  $palette-orange-200: rgb(255,204,128);

  $palette-orange-300: rgb(255,183,77);

  $palette-orange-400: rgb(255,167,38);

  $palette-orange-500: rgb(255,152,0);

  $palette-orange-600: rgb(251,140,0);

  $palette-orange-700: rgb(245,124,0);

  $palette-orange-800: rgb(239,108,0);

  $palette-orange-900: rgb(230,81,0);

  $palette-orange-a100: rgb(255,209,128);

  $palette-orange-a200: rgb(255,171,64);

  $palette-orange-a400: rgb(255,145,0);

  $palette-orange-a700: rgb(255,109,0);

  // Deep Orange

  $palette-deep-orange-50: rgb(251,233,231);

  $palette-deep-orange-100: rgb(255,204,188);

  $palette-deep-orange-200: rgb(255,171,145);

  $palette-deep-orange-300: rgb(255,138,101);

  $palette-deep-orange-400: rgb(255,112,67);

  $palette-deep-orange-500: rgb(255,87,34);

  $palette-deep-orange-600: rgb(244,81,30);

  $palette-deep-orange-700: rgb(230,74,25);

  $palette-deep-orange-800: rgb(216,67,21);

  $palette-deep-orange-900: rgb(191,54,12);

  $palette-deep-orange-a100: rgb(255,158,128);

  $palette-deep-orange-a200: rgb(255,110,64);

  $palette-deep-orange-a400: rgb(255,61,0);

  $palette-deep-orange-a700: rgb(221,44,0);

  // Brown

  $palette-brown-50: rgb(239,235,233);

  $palette-brown-100: rgb(215,204,200);

  $palette-brown-200: rgb(188,170,164);

  $palette-brown-300: rgb(161,136,127);

  $palette-brown-400: rgb(141,110,99);

  $palette-brown-500: rgb(121,85,72);

  $palette-brown-600: rgb(109,76,65);

  $palette-brown-700: rgb(93,64,55);

  $palette-brown-800: rgb(78,52,46);

  $palette-brown-900: rgb(62,39,35);

  // Grey

  $palette-grey-50: rgb(250,250,250);

  $palette-grey-100: rgb(245,245,245);

  $palette-grey-200: rgb(238,238,238);

  $palette-grey-300: rgb(224,224,224);

  $palette-grey-400: rgb(189,189,189);

  $palette-grey-500: rgb(158,158,158);

  $palette-grey-600: rgb(117,117,117);

  $palette-grey-700: rgb(97,97,97);

  $palette-grey-800: rgb(66,66,66);

  $palette-grey-900: rgb(33,33,33);

  // Blue Grey

  $palette-blue-grey-50: rgb(236,239,241);

  $palette-blue-grey-100: rgb(207,216,220);

  $palette-blue-grey-200: rgb(176,190,197);

  $palette-blue-grey-300: rgb(144,164,174);

  $palette-blue-grey-400: rgb(120,144,156);

  $palette-blue-grey-500: rgb(96,125,139);

  $palette-blue-grey-600: rgb(84,110,122);

  $palette-blue-grey-700: rgb(69,90,100);

  $palette-blue-grey-800: rgb(55,71,79);

  $palette-blue-grey-900: rgb(38,50,56);

  $color-black: rgb(0,0,0);

  $color-white: rgb(255,255,255);

  //-- The two possible colors for overlayed text.

  $styleguide-generate-template: false !default;

  $color-dark-contrast: $color-white !default;

  $color-light-contrast: $color-black !default;
}

//-- Color configuration

$color-divider: $palette-grey-200 !default;

$color-background: $color-white !default;

$color-text: $palette-grey-900 !default;

$color-text-secondary: $palette-grey-600 !default;

$color-primary: $palette-indigo-500 !default;

$color-primary-dark: $palette-indigo-700 !default;

$color-accent: $palette-pink-a200 !default;

$color-accent-dark: $palette-pink-700 !default;

$color-primary-contrast: $color-dark-contrast !default;

$color-accent-contrast: $color-dark-contrast !default;

//-- Sizing

$unit: 1rem !default;

// -- Fonts

$preferred-font: "Roboto", "Helvetica", "Arial", sans-serif !default;

$font-size: 1.6 * $unit !default;

$font-size-tiny: 1.2 * $unit !default;

$font-size-small: 1.4 * $unit !default;

$font-size-normal: $font-size !default;

$font-size-big: 1.8 * $unit !default;

$font-weight-thin: 300 !default;

$font-weight-normal: 400 !default;

$font-weight-semi-bold: 500 !default;

$font-weight-bold: 700 !default;

//-- Shadows

$shadow-key-umbra-opacity: 0.2 !default;

$shadow-key-penumbra-opacity: 0.14 !default;

$shadow-ambient-shadow-opacity: 0.12 !default;

//-- Depth Shadows

$zdepth-shadow-1: 0 1px 6px rgba(0,0,0,.12), 0 1px 4px rgba(0,0,0,.24);

$zdepth-shadow-2: 0 3px 10px rgba(0,0,0,.16), 0 3px 10px rgba(0,0,0,.23);

$zdepth-shadow-3: 0 10px 30px rgba(0,0,0,.19), 0 6px 10px rgba(0,0,0,.23);

$zdepth-shadow-4: 0 14px 45px rgba(0,0,0,.25), 0 10px 18px rgba(0,0,0,.22);

$zdepth-shadow-5: 0 19px 60px rgba(0,0,0,.3), 0 15px 20px rgba(0,0,0,.22);

//-- Animation

$animation-duration: .35s;

$animation-delay: $animation-duration / 5;

$animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) !default;

$animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1) !default;

$animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1) !default;

$animation-curve-default: $animation-curve-fast-out-slow-in !default;

//-- Indexes

$z-index-highest: 300 !default;

$z-index-higher: 200 !default;

$z-index-high: 100 !default;

$z-index-normal: 1 !default;

$z-index-low: -100 !default;

$z-index-lower: -200 !default;

//-- Breakpoints

// height of app bar

// https://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keylines-keylines-spacing

$standard-increment-mobile: (5.6 * $unit) !default;

$standard-increment-desktop: (6.4 * $unit) !default;

// https://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keylines-baseline-grids

$baseline-grid: (0.8 * $unit) !default;

$layout-gutter-width-sm: ($baseline-grid * 2) !default;

$layout-gutter-width: ($baseline-grid * 3) !default;

// https://www.google.com/design/spec/layout/responsive-ui.html#responsive-ui-breakpoints

// 4 columns

$layout-breakpoint-xxs: 480px !default;

// 8 columns

$layout-breakpoint-xs: 600px !default;

// 12 columns

$layout-breakpoint-sm-tablet: 720px !default;

$layout-breakpoint-sm: 840px !default;

$layout-breakpoint-md: 960px !default;

$layout-breakpoint-lg-tablet: 1024px !default;

$layout-breakpoint-lg: 1280px !default;

$layout-breakpoint-xl: 1440px !default;

$layout-breakpoint-xxl: 1600px !default;

$layout-breakpoint-xxxl: 1920px !default;

// scss-lint:disable VendorPrefix

@mixin typo-preferred-font($use-preferred: true) {

  @if $use-preferred {

    font-family: $preferred-font;
  }
}

@mixin typo-display-4($color-contrast: false, $use-preferred: true) {

  @include typo-preferred-font($use-preferred);

  font-size: 11.2rem;

  font-weight: 300;

  line-height: 1;

  letter-spacing: -.04em;

  @if $color-contrast {

    opacity: .54;
  }
}

@mixin typo-display-3($color-contrast: false, $use-preferred: true) {

  @include typo-preferred-font($use-preferred);

  font-size: 5.6rem;

  font-weight: 400;

  line-height: 1.35;

  letter-spacing: -.02em;

  @if $color-contrast {

    opacity: .54;
  }
}

@mixin typo-display-2($color-contrast: false, $use-preferred: true) {

  @include typo-preferred-font($use-preferred);

  font-size: 4.5rem;

  font-weight: 400;

  line-height: 4.8rem;

  @if $color-contrast {

    opacity: .54;
  }
}

@mixin typo-display-1($color-contrast: false, $use-preferred: true) {

  @include typo-preferred-font($use-preferred);

  font-size: 3.4rem;

  font-weight: 400;

  line-height: 4rem;

  @if $color-contrast {

    opacity: .54;
  }
}

@mixin typo-headline($color-contrast: false, $use-preferred: true) {

  @include typo-preferred-font($use-preferred);

  font-size: 2.4rem;

  font-weight: 400;

  line-height: 3.2rem;

  -moz-osx-font-smoothing: grayscale;

  @if $color-contrast {

    opacity: .87;
  }
}

@mixin typo-title($color-contrast: false, $use-preferred: true) {

  @include typo-preferred-font($use-preferred);

  font-size: 2rem;

  font-weight: 500;

  line-height: 1;

  letter-spacing: .02em;

  @if $color-contrast {

    opacity: .87;
  }
}

@mixin typo-subhead($color-contrast: false, $use-preferred: true) {

  @include typo-preferred-font($use-preferred);

  font-size: 1.6rem;

  font-weight: 400;

  line-height: 2.4rem;

  letter-spacing: .04em;

  @if $color-contrast {

    opacity: .87;
  }
}

@mixin typo-subhead-2($color-contrast: false, $use-preferred: true) {

  @include typo-preferred-font($use-preferred);

  font-size: 1.6rem;

  font-weight: 400;

  line-height: 2.8rem;

  letter-spacing: .04em;

  @if $color-contrast {

    opacity: .87;
  }
}

@mixin typo-body-2($color-contrast: false, $use-preferred: false) {

  @include typo-preferred-font($use-preferred);

  font-size: 1.4rem;

  line-height: 2.4rem;

  letter-spacing: 0;

  @if $use-preferred {

    font-weight: 500;
  }

  @else {

    font-weight: bold;
  }

  @if $color-contrast {

    opacity: .87;
  }
}

@mixin typo-body-1($color-contrast: false, $use-preferred: false) {

  @include typo-preferred-font($use-preferred);

  font-size: 1.4rem;

  font-weight: 400;

  line-height: 2.4rem;

  letter-spacing: 0;

  @if $color-contrast {

    opacity: .87;
  }
}

@mixin typo-caption($color-contrast: false, $use-preferred: false) {

  @include typo-preferred-font($use-preferred);

  font-size: 1.2rem;

  font-weight: 400;

  line-height: 1;

  letter-spacing: 0;

  @if $color-contrast {

    opacity: .54;
  }
}

@mixin typo-blockquote($color-contrast: false, $use-preferred: true) {

  @include typo-preferred-font($use-preferred);

  position: relative;

  font-size: 2.4rem;

  font-style: italic;

  font-weight: 300;

  line-height: 1.35;

  letter-spacing: .08em;

  &:before {

    position: absolute;

    left: -.5em;

    content: "“";
  }

  &:after {

    margin-left: -.05em;

    content: "”";
  }

  @if $color-contrast {

    opacity: .54;
  }
}

@mixin typo-menu($color-contrast: false, $use-preferred: true) {

  @include typo-preferred-font($use-preferred);

  font-size: 1.4rem;

  font-weight: 500;

  line-height: 1;

  letter-spacing: 0;

  @if $color-contrast {

    opacity: .87;
  }
}

@mixin typo-button($color-contrast: false, $use-preferred: true) {

  @include typo-preferred-font($use-preferred);

  font-size: 1.4rem;

  font-weight: 500;

  line-height: 1;

  text-transform: uppercase;

  letter-spacing: 0;

  @if $color-contrast {

    opacity: .87;
  }
}

//-- Shadows

@mixin focus-shadow() {

  box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
}

@mixin shadow-2dp() {

  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),
                0 3px 1px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity),
                0 1px 5px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);
}

@mixin shadow-3dp() {

  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),
                0 3px 3px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity),
                0 1px 8px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);
}

@mixin shadow-4dp() {

  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),
                0 1px 10px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),
                0 2px 4px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity);
}

@mixin shadow-6dp() {

  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),
                0 1px 18px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),
                0 3px 5px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity);
}

@mixin shadow-8dp() {

  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity),
                0 3px 14px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),
                0 5px 5px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity);
}

@mixin shadow-16dp() {

  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity),
                0 6px 30px 5px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),
                0 8px 10px -5px rgba(0, 0, 0, $shadow-key-umbra-opacity);
}

//-- Animations

@mixin material-animation-fast-out-slow-in($duration: .2s) {

  -webkit-transition-timing-function: $animation-curve-fast-out-slow-in;

          transition-timing-function: $animation-curve-fast-out-slow-in;

  -webkit-transition-duration: $duration;

          transition-duration: $duration;
}

@mixin material-animation-linear-out-slow-in($duration: .2s) {

  -webkit-transition-timing-function: $animation-curve-linear-out-slow-in;

          transition-timing-function: $animation-curve-linear-out-slow-in;

  -webkit-transition-duration: $duration;

          transition-duration: $duration;
}

@mixin material-animation-fast-out-linear-in($duration: .2s) {

  -webkit-transition-timing-function: $animation-curve-fast-out-linear-in;

          transition-timing-function: $animation-curve-fast-out-linear-in;

  -webkit-transition-duration: $duration;

          transition-duration: $duration;
}

@mixin material-animation-default($duration: .2s) {

  -webkit-transition-timing-function: $animation-curve-default;

          transition-timing-function: $animation-curve-default;

  -webkit-transition-duration: $duration;

          transition-duration: $duration;
}

@mixin no-webkit-scrollbar {

  &::-webkit-scrollbar {

    width: 0;

    height: 0;
  }
}

@mixin btn-colors($name, $color, $background, $hover) {

  .rt-jsx-#{$name}:not([disabled]) {

    &.rt-jsx-raised, &.rt-jsx-floating {

      color: $color;

      background: $background;
    }

    &.rt-jsx-flat, &.rt-jsx-toggle {

      color: $background;

      &:focus:not(:active) {

        background: $hover;
      }
    }

    &.rt-jsx-flat:hover {

      background: $hover;
    }
  }
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {

  font-family: sans-serif;

  /* 1 */

  -ms-text-size-adjust: 100%;

  /* 2 */

  -webkit-text-size-adjust: 100%;

  /* 2 */
}
/**
 * Remove the margin in all browsers (opinionated).
 */
body {

  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {

  /* 1 */

  display: block;
}
/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {

  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {

  display: none;

  height: 0;
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {

  vertical-align: baseline;
}
/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template, /* 1 */
[hidden] {

  display: none;
}
/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {

  background-color: transparent;

  /* 1 */

  -webkit-text-decoration-skip: objects;

  /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {

  outline-width: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {

  border-bottom: none;

  /* 1 */

  text-decoration: underline;

  /* 2 */

  text-decoration: underline dotted;

  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {

  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {

  font-weight: bolder;
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {

  font-style: italic;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {

  font-size: 2em;

  margin: 0.67em 0;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {

  background-color: #ff0;

  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {

  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;
}
sub {

  bottom: -0.25em;
}
sup {

  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {

  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {

  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {

  font-family: monospace, monospace;

  /* 1 */

  font-size: 1em;

  /* 2 */
}
/**
 * Add the correct margin in IE 8.
 */
figure {

  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {

  box-sizing: content-box;

  /* 1 */

  height: 0;

  /* 1 */

  overflow: visible;

  /* 2 */
}
/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {

  font: inherit;

  /* 1 */

  margin: 0;

  /* 2 */
}
/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {

  font-weight: bold;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {

  /* 1 */

  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {

  /* 1 */

  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {

  -webkit-appearance: button;

  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {

  border-style: none;

  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {

  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {

  box-sizing: border-box;

  /* 1 */

  color: inherit;

  /* 2 */

  display: table;

  /* 1 */

  max-width: 100%;

  /* 1 */

  padding: 0;

  /* 3 */

  white-space: normal;

  /* 1 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {

  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {

  box-sizing: border-box;

  /* 1 */

  padding: 0;

  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {

  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {

  -webkit-appearance: textfield;

  /* 1 */

  outline-offset: -2px;

  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;
}
/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {

  color: inherit;

  opacity: 0.54;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {

  -webkit-appearance: button;

  /* 1 */

  font: inherit;

  /* 2 */
}

html {
  font-size: 62.5%;
}

body {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: Roboto, sans-serif;
  font-size: 1.6rem;
  -webkit-touch-callout: none;
  * {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  }
}

a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
}

*, *:before, *:after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6, label, p, button, abbr, a, span, small {
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input:not([type="checkbox"]):not([type="radio"]), button {
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

// -- Material design font sizes
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  @include typo-display-3($color-contrast: true);
}

h1 {
  @include typo-display-3;
}

h2 {
  @include typo-display-2;
}

h3 {
  @include typo-display-1;
}

h4 {
  @include typo-headline;
}

h5 {
  @include typo-title;
}

h6 {
  @include typo-subhead;
}

p {
  @include typo-body-1;
}