/*
 * See: https://fonts.google.com/license/googlerestricted
 */
/* fallback */
@font-face {
    font-family: "Google Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlematerialicons/v139/Gw6kwdfw6UnXLJCcmafZyFRXb3BL9rvi0QZG3Sy7X00.woff2)
        format("woff2");
}

/* The course owns this control instead of relying on the scraped web
   component's shadow DOM. Keep its layout and interaction styling explicit. */
.native-lab-control-panel {
  position: fixed;
  top: 84px;
  left: 18px;
  z-index: 30;
  width: 218px;
  color: #5f6368;
  font-family: Roboto, Arial, sans-serif;
  transition: left 180ms ease;
}

@media (min-width: 601px) {
  .native-lab-control-panel.is-running {
    left: calc(75% - 25px);
  }
}

.native-lab-control-panel__controls,
.native-lab-control-panel__warning {
  box-sizing: border-box;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(60, 64, 67, .3), 0 4px 8px rgba(60, 64, 67, .15);
}

.native-lab-control-panel__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 8px;
}

.native-lab-control-panel__button {
  min-width: 88px;
  min-height: 36px;
  padding: 0 16px;
  border: 0;
  border-radius: 4px;
  background: #3c7d47;
  color: #fff;
  font: 500 14px/36px Roboto, Arial, sans-serif;
  white-space: nowrap;
  cursor: pointer;
}

.native-lab-control-panel__button.negative {
  background: #c74634;
}

.native-lab-control-panel__button:disabled {
  cursor: wait;
  opacity: .7;
}

.native-lab-control-panel__timer {
  color: #202124;
  font: 400 24px/36px "Roboto Condensed", Roboto, sans-serif;
  white-space: nowrap;
}

.native-lab-control-panel__warning {
  margin-top: 8px;
  padding: 12px 8px;
  font-size: 12px;
  line-height: 1.35;
}

.native-lab-control-panel__warning a {
  color: #1a73e8;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .native-lab-control-panel {
    position: sticky;
    top: 64px;
    left: auto;
    width: 100%;
  }

  .native-lab-control-panel__controls,
  .native-lab-control-panel__warning {
    border-radius: 0;
  }
}
/* armenian */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiIUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0308, U+0530-058F, U+2010, U+2024, U+25CC, U+FB13-FB17;
}
/* bengali */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiAUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0964-0965, U+0980-09FE, U+1CF7, U+1CFA, U+200C-200D, U+20B9, U+25CC;
}
/* cyrillic-ext */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPj8UvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjYUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjMUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC,
        U+A830-A839, U+A8E0-A8FF;
}
/* ethiopic */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiMUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+1200-1399, U+2D80-2DDE, U+AB01-AB2E, U+1E7E0-1E7E6, U+1E7E8-1E7EB,
        U+1E7ED-1E7EE, U+1E7F0-1E7FE;
}
/* georgian */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi0UvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0589, U+10A0-10FF, U+1C90-1CBA, U+1CBD-1CBF, U+2D00-2D2F;
}
/* greek */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjEUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* gujarati */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPikUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0964-0965, U+0A80-0AFF, U+200C-200D, U+20B9, U+25CC, U+A830-A839;
}
/* gurmukhi */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPhEUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0964-0965, U+0A01-0A76, U+200C-200D, U+20B9, U+25CC, U+262C,
        U+A830-A839;
}
/* hebrew */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjAUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* khmer */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjkUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+1780-17FF, U+19E0-19FF, U+200C, U+25CC;
}
/* lao */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjsUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0E81-0EDF, U+25CC;
}
/* oriya */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPisUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0964-0965, U+0B01-0B77, U+200C-200D, U+20B9, U+25CC;
}
/* sinhala */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi8UvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0964-0965, U+0D81-0DF4, U+200C-200D, U+25CC, U+111E1-111F4;
}
/* tamil */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiQUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* telugu */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi4UvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0951-0952, U+0964-0965, U+0C00-0C7F, U+1CDA, U+200C-200D, U+25CC;
}
/* thai */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiYUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPj0UvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjwUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjIUvbQoi-E.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* armenian */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiIUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0308, U+0530-058F, U+2010, U+2024, U+25CC, U+FB13-FB17;
}
/* bengali */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiAUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0964-0965, U+0980-09FE, U+1CF7, U+1CFA, U+200C-200D, U+20B9, U+25CC;
}
/* cyrillic-ext */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPj8UvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjYUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjMUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC,
        U+A830-A839, U+A8E0-A8FF;
}
/* ethiopic */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiMUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+1200-1399, U+2D80-2DDE, U+AB01-AB2E, U+1E7E0-1E7E6, U+1E7E8-1E7EB,
        U+1E7ED-1E7EE, U+1E7F0-1E7FE;
}
/* georgian */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi0UvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0589, U+10A0-10FF, U+1C90-1CBA, U+1CBD-1CBF, U+2D00-2D2F;
}
/* greek */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjEUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* gujarati */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPikUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0964-0965, U+0A80-0AFF, U+200C-200D, U+20B9, U+25CC, U+A830-A839;
}
/* gurmukhi */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPhEUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0964-0965, U+0A01-0A76, U+200C-200D, U+20B9, U+25CC, U+262C,
        U+A830-A839;
}
/* hebrew */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjAUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* khmer */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjkUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+1780-17FF, U+19E0-19FF, U+200C, U+25CC;
}
/* lao */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjsUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0E81-0EDF, U+25CC;
}
/* oriya */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPisUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0964-0965, U+0B01-0B77, U+200C-200D, U+20B9, U+25CC;
}
/* sinhala */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi8UvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0964-0965, U+0D81-0DF4, U+200C-200D, U+25CC, U+111E1-111F4;
}
/* tamil */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiQUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* telugu */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi4UvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0951-0952, U+0964-0965, U+0C00-0C7F, U+1CDA, U+200C-200D, U+25CC;
}
/* thai */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiYUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPj0UvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjwUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjIUvbQoi-E.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* armenian */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiIUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0308, U+0530-058F, U+2010, U+2024, U+25CC, U+FB13-FB17;
}
/* bengali */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiAUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0964-0965, U+0980-09FE, U+1CF7, U+1CFA, U+200C-200D, U+20B9, U+25CC;
}
/* cyrillic-ext */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPj8UvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjYUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjMUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC,
        U+A830-A839, U+A8E0-A8FF;
}
/* ethiopic */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiMUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+1200-1399, U+2D80-2DDE, U+AB01-AB2E, U+1E7E0-1E7E6, U+1E7E8-1E7EB,
        U+1E7ED-1E7EE, U+1E7F0-1E7FE;
}
/* georgian */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi0UvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0589, U+10A0-10FF, U+1C90-1CBA, U+1CBD-1CBF, U+2D00-2D2F;
}
/* greek */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjEUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* gujarati */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPikUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0964-0965, U+0A80-0AFF, U+200C-200D, U+20B9, U+25CC, U+A830-A839;
}
/* gurmukhi */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPhEUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0964-0965, U+0A01-0A76, U+200C-200D, U+20B9, U+25CC, U+262C,
        U+A830-A839;
}
/* hebrew */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjAUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* khmer */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjkUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+1780-17FF, U+19E0-19FF, U+200C, U+25CC;
}
/* lao */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjsUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0E81-0EDF, U+25CC;
}
/* oriya */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPisUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0964-0965, U+0B01-0B77, U+200C-200D, U+20B9, U+25CC;
}
/* sinhala */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi8UvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0964-0965, U+0D81-0DF4, U+200C-200D, U+25CC, U+111E1-111F4;
}
/* tamil */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiQUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* telugu */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi4UvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0951-0952, U+0964-0965, U+0C00-0C7F, U+1CDA, U+200C-200D, U+25CC;
}
/* thai */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiYUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPj0UvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjwUvbQoi-Entw.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjIUvbQoi-E.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
    font-family: "Google Sans Display";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesansdisplay/v21/ea8FacM9Wef3EJPWRrHjgE4B6CnlZxHVDvr9oT3ZQZRENA.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: "Google Sans Display";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesansdisplay/v21/ea8FacM9Wef3EJPWRrHjgE4B6CnlZxHVDv39oT3ZQZRENA.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Google Sans Display";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesansdisplay/v21/ea8FacM9Wef3EJPWRrHjgE4B6CnlZxHVDvH9oT3ZQZRENA.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Google Sans Display";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesansdisplay/v21/ea8FacM9Wef3EJPWRrHjgE4B6CnlZxHVDvD9oT3ZQZRENA.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Google Sans Display";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesansdisplay/v21/ea8FacM9Wef3EJPWRrHjgE4B6CnlZxHVDv79oT3ZQZQ.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
    font-family: "Google Sans Text";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qE52i0VBuxOCBA.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: "Google Sans Text";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEl2i0VBuxOCBA.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Google Sans Text";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEV2i0VBuxOCBA.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Google Sans Text";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qER2i0VBuxOCBA.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Google Sans Text";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEp2i0VBuxM.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
    font-family: "Google Sans Text";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oLlVnmxjtjm4DZzFQQ.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: "Google Sans Text";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oLlVnmtjtjm4DZzFQQ.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Google Sans Text";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oLlVnmdjtjm4DZzFQQ.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Google Sans Text";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oLlVnmZjtjm4DZzFQQ.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Google Sans Text";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oLlVnmhjtjm4DZw.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
    font-family: "Google Sans Text";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oPFTnmxjtjm4DZzFQQ.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: "Google Sans Text";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oPFTnmtjtjm4DZzFQQ.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Google Sans Text";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oPFTnmdjtjm4DZzFQQ.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Google Sans Text";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oPFTnmZjtjm4DZzFQQ.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Google Sans Text";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oPFTnmhjtjm4DZw.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* fallback */
@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2)
        format("woff2");
}
/* cyrillic-ext */
@font-face {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUtiZSSUhiCXABTV.woff2)
        format("woff2");
    unicode-range:
        U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUJiZSSUhiCXABTV.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUliZSSUhiCXABTV.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUhiZSSUhiCXABTV.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZSSUhiCXAA.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range:
        U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2)
        format("woff2");
    unicode-range:
        U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2)
        format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range:
        U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range:
        U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/robotomono/v23/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSV0me8iUI0lkQ.woff2)
        format("woff2");
    unicode-range:
        U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/robotomono/v23/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSx0me8iUI0lkQ.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/robotomono/v23/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSt0me8iUI0lkQ.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/robotomono/v23/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSd0me8iUI0lkQ.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/robotomono/v23/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSZ0me8iUI0lkQ.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/robotomono/v23/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0me8iUI0.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotomono/v23/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSV0me8iUI0lkQ.woff2)
        format("woff2");
    unicode-range:
        U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotomono/v23/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSx0me8iUI0lkQ.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotomono/v23/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSt0me8iUI0lkQ.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotomono/v23/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSd0me8iUI0lkQ.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotomono/v23/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSZ0me8iUI0lkQ.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotomono/v23/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0me8iUI0.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.google-material-icons {
    font-family: "Google Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}

.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}

@charset "UTF-8"; /**
 * material-design-lite - Material Design Components in CSS, JS and HTML
 * @version v1.3.0
 * @license Apache-2.0
 * @copyright 2015 Google, Inc.
 * @link https://github.com/google/material-design-lite
 */
html {
    color: rgba(0, 0, 0, 0.87);
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.hidden {
    display: none !important;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

@media print {
    *,
    *:before,
    *:after,
    *:first-letter {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

a,
.mdl-accordion,
.mdl-button,
.mdl-card,
.mdl-checkbox,
.mdl-dropdown-menu,
.mdl-icon-toggle,
.mdl-item,
.mdl-radio,
.mdl-slider,
.mdl-switch,
.mdl-tabs__tab {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

html {
    width: 100%;
    height: 100%;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

body {
    width: 100%;
    min-height: 100%;
}

main {
    display: block;
}

*[hidden] {
    display: none !important;
}

html,
body {
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding: 0;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
    opacity: 0.54;
    font-size: 0.6em;
}

h1 {
    font-size: 56px;
    line-height: 1.35;
    letter-spacing: -0.02em;
    margin: 24px 0;
}

h1,
h2 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
}

h2 {
    font-size: 45px;
    line-height: 48px;
}

h2,
h3 {
    margin: 24px 0;
}

h3 {
    font-size: 34px;
    line-height: 40px;
}

h3,
h4 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
}

h4 {
    font-size: 24px;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    margin: 24px 0 16px;
}

h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
}

h5,
h6 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    margin: 24px 0 16px;
}

h6 {
    font-size: 16px;
    letter-spacing: 0.04em;
}

h6,
p {
    font-weight: 400;
    line-height: 24px;
}

p {
    font-size: 14px;
    letter-spacing: 0;
    margin: 0 0 16px;
}

a {
    color: rgb(255, 215, 64);
    font-weight: 500;
}

blockquote {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    position: relative;
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.35;
    letter-spacing: 0.08em;
}

blockquote:before {
    position: absolute;
    left: -0.5em;
    content: "“";
}

blockquote:after {
    content: "”";
    margin-left: -0.05em;
}

mark {
    background-color: #f4ff81;
}

dt {
    font-weight: 700;
}

address {
    font-size: 12px;
    line-height: 1;
    font-style: normal;
}

address,
ul,
ol {
    font-weight: 400;
    letter-spacing: 0;
}

ul,
ol {
    font-size: 14px;
    line-height: 24px;
}

.mdl-typography--display-4,
.mdl-typography--display-4-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 112px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.04em;
}

.mdl-typography--display-4-color-contrast {
    opacity: 0.54;
}

.mdl-typography--display-3,
.mdl-typography--display-3-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
}

.mdl-typography--display-3-color-contrast {
    opacity: 0.54;
}

.mdl-typography--display-2,
.mdl-typography--display-2-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px;
}

.mdl-typography--display-2-color-contrast {
    opacity: 0.54;
}

.mdl-typography--display-1,
.mdl-typography--display-1-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
}

.mdl-typography--display-1-color-contrast {
    opacity: 0.54;
}

.mdl-typography--headline,
.mdl-typography--headline-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
}

.mdl-typography--headline-color-contrast {
    opacity: 0.87;
}

.mdl-typography--title,
.mdl-typography--title-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
}

.mdl-typography--title-color-contrast {
    opacity: 0.87;
}

.mdl-typography--subhead,
.mdl-typography--subhead-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.04em;
}

.mdl-typography--subhead-color-contrast {
    opacity: 0.87;
}

.mdl-typography--body-2,
.mdl-typography--body-2-color-contrast {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
}

.mdl-typography--body-2-color-contrast {
    opacity: 0.87;
}

.mdl-typography--body-1,
.mdl-typography--body-1-color-contrast {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
}

.mdl-typography--body-1-color-contrast {
    opacity: 0.87;
}

.mdl-typography--body-2-force-preferred-font,
.mdl-typography--body-2-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
}

.mdl-typography--body-2-force-preferred-font-color-contrast {
    opacity: 0.87;
}

.mdl-typography--body-1-force-preferred-font,
.mdl-typography--body-1-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
}

.mdl-typography--body-1-force-preferred-font-color-contrast {
    opacity: 0.87;
}

.mdl-typography--caption,
.mdl-typography--caption-force-preferred-font {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
}

.mdl-typography--caption-force-preferred-font {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

.mdl-typography--caption-color-contrast,
.mdl-typography--caption-force-preferred-font-color-contrast {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.54;
}

.mdl-typography--caption-force-preferred-font-color-contrast,
.mdl-typography--menu {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

.mdl-typography--menu {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
}

.mdl-typography--menu-color-contrast {
    opacity: 0.87;
}

.mdl-typography--menu-color-contrast,
.mdl-typography--button,
.mdl-typography--button-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
}

.mdl-typography--button,
.mdl-typography--button-color-contrast {
    text-transform: uppercase;
}

.mdl-typography--button-color-contrast {
    opacity: 0.87;
}

.mdl-typography--text-left {
    text-align: left;
}

.mdl-typography--text-right {
    text-align: right;
}

.mdl-typography--text-center {
    text-align: center;
}

.mdl-typography--text-justify {
    text-align: justify;
}

.mdl-typography--text-nowrap {
    white-space: nowrap;
}

.mdl-typography--text-lowercase {
    text-transform: lowercase;
}

.mdl-typography--text-uppercase {
    text-transform: uppercase;
}

.mdl-typography--text-capitalize {
    text-transform: capitalize;
}

.mdl-typography--font-thin {
    font-weight: 200 !important;
}

.mdl-typography--font-light {
    font-weight: 300 !important;
}

.mdl-typography--font-regular {
    font-weight: 400 !important;
}

.mdl-typography--font-medium {
    font-weight: 500 !important;
}

.mdl-typography--font-bold {
    font-weight: 700 !important;
}

.mdl-typography--font-black {
    font-weight: 900 !important;
}

.material-icons {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}

.mdl-color-text--red {
    color: #f44336 !important;
}

.mdl-color--red {
    background-color: #f44336 !important;
}

.mdl-color-text--red-50 {
    color: #ffebee !important;
}

.mdl-color--red-50 {
    background-color: #ffebee !important;
}

.mdl-color-text--red-100 {
    color: #ffcdd2 !important;
}

.mdl-color--red-100 {
    background-color: #ffcdd2 !important;
}

.mdl-color-text--red-200 {
    color: #ef9a9a !important;
}

.mdl-color--red-200 {
    background-color: #ef9a9a !important;
}

.mdl-color-text--red-300 {
    color: #e57373 !important;
}

.mdl-color--red-300 {
    background-color: #e57373 !important;
}

.mdl-color-text--red-400 {
    color: #ef5350 !important;
}

.mdl-color--red-400 {
    background-color: #ef5350 !important;
}

.mdl-color-text--red-500 {
    color: #f44336 !important;
}

.mdl-color--red-500 {
    background-color: #f44336 !important;
}

.mdl-color-text--red-600 {
    color: #e53935 !important;
}

.mdl-color--red-600 {
    background-color: #e53935 !important;
}

.mdl-color-text--red-700 {
    color: #d32f2f !important;
}

.mdl-color--red-700 {
    background-color: #d32f2f !important;
}

.mdl-color-text--red-800 {
    color: #c62828 !important;
}

.mdl-color--red-800 {
    background-color: #c62828 !important;
}

.mdl-color-text--red-900 {
    color: #b71c1c !important;
}

.mdl-color--red-900 {
    background-color: #b71c1c !important;
}

.mdl-color-text--red-A100 {
    color: #ff8a80 !important;
}

.mdl-color--red-A100 {
    background-color: #ff8a80 !important;
}

.mdl-color-text--red-A200 {
    color: #ff5252 !important;
}

.mdl-color--red-A200 {
    background-color: #ff5252 !important;
}

.mdl-color-text--red-A400 {
    color: #ff1744 !important;
}

.mdl-color--red-A400 {
    background-color: #ff1744 !important;
}

.mdl-color-text--red-A700 {
    color: #d50000 !important;
}

.mdl-color--red-A700 {
    background-color: #d50000 !important;
}

.mdl-color-text--pink {
    color: #e91e63 !important;
}

.mdl-color--pink {
    background-color: #e91e63 !important;
}

.mdl-color-text--pink-50 {
    color: #fce4ec !important;
}

.mdl-color--pink-50 {
    background-color: #fce4ec !important;
}

.mdl-color-text--pink-100 {
    color: #f8bbd0 !important;
}

.mdl-color--pink-100 {
    background-color: #f8bbd0 !important;
}

.mdl-color-text--pink-200 {
    color: #f48fb1 !important;
}

.mdl-color--pink-200 {
    background-color: #f48fb1 !important;
}

.mdl-color-text--pink-300 {
    color: #f06292 !important;
}

.mdl-color--pink-300 {
    background-color: #f06292 !important;
}

.mdl-color-text--pink-400 {
    color: #ec407a !important;
}

.mdl-color--pink-400 {
    background-color: #ec407a !important;
}

.mdl-color-text--pink-500 {
    color: #e91e63 !important;
}

.mdl-color--pink-500 {
    background-color: #e91e63 !important;
}

.mdl-color-text--pink-600 {
    color: #d81b60 !important;
}

.mdl-color--pink-600 {
    background-color: #d81b60 !important;
}

.mdl-color-text--pink-700 {
    color: #c2185b !important;
}

.mdl-color--pink-700 {
    background-color: #c2185b !important;
}

.mdl-color-text--pink-800 {
    color: #ad1457 !important;
}

.mdl-color--pink-800 {
    background-color: #ad1457 !important;
}

.mdl-color-text--pink-900 {
    color: #880e4f !important;
}

.mdl-color--pink-900 {
    background-color: #880e4f !important;
}

.mdl-color-text--pink-A100 {
    color: #ff80ab !important;
}

.mdl-color--pink-A100 {
    background-color: #ff80ab !important;
}

.mdl-color-text--pink-A200 {
    color: #ff4081 !important;
}

.mdl-color--pink-A200 {
    background-color: #ff4081 !important;
}

.mdl-color-text--pink-A400 {
    color: #f50057 !important;
}

.mdl-color--pink-A400 {
    background-color: #f50057 !important;
}

.mdl-color-text--pink-A700 {
    color: #c51162 !important;
}

.mdl-color--pink-A700 {
    background-color: #c51162 !important;
}

.mdl-color-text--purple {
    color: #9c27b0 !important;
}

.mdl-color--purple {
    background-color: #9c27b0 !important;
}

.mdl-color-text--purple-50 {
    color: #f3e5f5 !important;
}

.mdl-color--purple-50 {
    background-color: #f3e5f5 !important;
}

.mdl-color-text--purple-100 {
    color: #e1bee7 !important;
}

.mdl-color--purple-100 {
    background-color: #e1bee7 !important;
}

.mdl-color-text--purple-200 {
    color: #ce93d8 !important;
}

.mdl-color--purple-200 {
    background-color: #ce93d8 !important;
}

.mdl-color-text--purple-300 {
    color: #ba68c8 !important;
}

.mdl-color--purple-300 {
    background-color: #ba68c8 !important;
}

.mdl-color-text--purple-400 {
    color: #ab47bc !important;
}

.mdl-color--purple-400 {
    background-color: #ab47bc !important;
}

.mdl-color-text--purple-500 {
    color: #9c27b0 !important;
}

.mdl-color--purple-500 {
    background-color: #9c27b0 !important;
}

.mdl-color-text--purple-600 {
    color: #8e24aa !important;
}

.mdl-color--purple-600 {
    background-color: #8e24aa !important;
}

.mdl-color-text--purple-700 {
    color: #7b1fa2 !important;
}

.mdl-color--purple-700 {
    background-color: #7b1fa2 !important;
}

.mdl-color-text--purple-800 {
    color: #6a1b9a !important;
}

.mdl-color--purple-800 {
    background-color: #6a1b9a !important;
}

.mdl-color-text--purple-900 {
    color: #4a148c !important;
}

.mdl-color--purple-900 {
    background-color: #4a148c !important;
}

.mdl-color-text--purple-A100 {
    color: #ea80fc !important;
}

.mdl-color--purple-A100 {
    background-color: #ea80fc !important;
}

.mdl-color-text--purple-A200 {
    color: #e040fb !important;
}

.mdl-color--purple-A200 {
    background-color: #e040fb !important;
}

.mdl-color-text--purple-A400 {
    color: #d500f9 !important;
}

.mdl-color--purple-A400 {
    background-color: #d500f9 !important;
}

.mdl-color-text--purple-A700 {
    color: #a0f !important;
}

.mdl-color--purple-A700 {
    background-color: #a0f !important;
}

.mdl-color-text--deep-purple {
    color: #673ab7 !important;
}

.mdl-color--deep-purple {
    background-color: #673ab7 !important;
}

.mdl-color-text--deep-purple-50 {
    color: #ede7f6 !important;
}

.mdl-color--deep-purple-50 {
    background-color: #ede7f6 !important;
}

.mdl-color-text--deep-purple-100 {
    color: #d1c4e9 !important;
}

.mdl-color--deep-purple-100 {
    background-color: #d1c4e9 !important;
}

.mdl-color-text--deep-purple-200 {
    color: #b39ddb !important;
}

.mdl-color--deep-purple-200 {
    background-color: #b39ddb !important;
}

.mdl-color-text--deep-purple-300 {
    color: #9575cd !important;
}

.mdl-color--deep-purple-300 {
    background-color: #9575cd !important;
}

.mdl-color-text--deep-purple-400 {
    color: #7e57c2 !important;
}

.mdl-color--deep-purple-400 {
    background-color: #7e57c2 !important;
}

.mdl-color-text--deep-purple-500 {
    color: #673ab7 !important;
}

.mdl-color--deep-purple-500 {
    background-color: #673ab7 !important;
}

.mdl-color-text--deep-purple-600 {
    color: #5e35b1 !important;
}

.mdl-color--deep-purple-600 {
    background-color: #5e35b1 !important;
}

.mdl-color-text--deep-purple-700 {
    color: #512da8 !important;
}

.mdl-color--deep-purple-700 {
    background-color: #512da8 !important;
}

.mdl-color-text--deep-purple-800 {
    color: #4527a0 !important;
}

.mdl-color--deep-purple-800 {
    background-color: #4527a0 !important;
}

.mdl-color-text--deep-purple-900 {
    color: #311b92 !important;
}

.mdl-color--deep-purple-900 {
    background-color: #311b92 !important;
}

.mdl-color-text--deep-purple-A100 {
    color: #b388ff !important;
}

.mdl-color--deep-purple-A100 {
    background-color: #b388ff !important;
}

.mdl-color-text--deep-purple-A200 {
    color: #7c4dff !important;
}

.mdl-color--deep-purple-A200 {
    background-color: #7c4dff !important;
}

.mdl-color-text--deep-purple-A400 {
    color: #651fff !important;
}

.mdl-color--deep-purple-A400 {
    background-color: #651fff !important;
}

.mdl-color-text--deep-purple-A700 {
    color: #6200ea !important;
}

.mdl-color--deep-purple-A700 {
    background-color: #6200ea !important;
}

.mdl-color-text--indigo {
    color: #3f51b5 !important;
}

.mdl-color--indigo {
    background-color: #3f51b5 !important;
}

.mdl-color-text--indigo-50 {
    color: #e8eaf6 !important;
}

.mdl-color--indigo-50 {
    background-color: #e8eaf6 !important;
}

.mdl-color-text--indigo-100 {
    color: #c5cae9 !important;
}

.mdl-color--indigo-100 {
    background-color: #c5cae9 !important;
}

.mdl-color-text--indigo-200 {
    color: #9fa8da !important;
}

.mdl-color--indigo-200 {
    background-color: #9fa8da !important;
}

.mdl-color-text--indigo-300 {
    color: #7986cb !important;
}

.mdl-color--indigo-300 {
    background-color: #7986cb !important;
}

.mdl-color-text--indigo-400 {
    color: #5c6bc0 !important;
}

.mdl-color--indigo-400 {
    background-color: #5c6bc0 !important;
}

.mdl-color-text--indigo-500 {
    color: #3f51b5 !important;
}

.mdl-color--indigo-500 {
    background-color: #3f51b5 !important;
}

.mdl-color-text--indigo-600 {
    color: #3949ab !important;
}

.mdl-color--indigo-600 {
    background-color: #3949ab !important;
}

.mdl-color-text--indigo-700 {
    color: #303f9f !important;
}

.mdl-color--indigo-700 {
    background-color: #303f9f !important;
}

.mdl-color-text--indigo-800 {
    color: #283593 !important;
}

.mdl-color--indigo-800 {
    background-color: #283593 !important;
}

.mdl-color-text--indigo-900 {
    color: #1a237e !important;
}

.mdl-color--indigo-900 {
    background-color: #1a237e !important;
}

.mdl-color-text--indigo-A100 {
    color: #8c9eff !important;
}

.mdl-color--indigo-A100 {
    background-color: #8c9eff !important;
}

.mdl-color-text--indigo-A200 {
    color: #536dfe !important;
}

.mdl-color--indigo-A200 {
    background-color: #536dfe !important;
}

.mdl-color-text--indigo-A400 {
    color: #3d5afe !important;
}

.mdl-color--indigo-A400 {
    background-color: #3d5afe !important;
}

.mdl-color-text--indigo-A700 {
    color: #304ffe !important;
}

.mdl-color--indigo-A700 {
    background-color: #304ffe !important;
}

.mdl-color-text--blue {
    color: #2196f3 !important;
}

.mdl-color--blue {
    background-color: #2196f3 !important;
}

.mdl-color-text--blue-50 {
    color: #e3f2fd !important;
}

.mdl-color--blue-50 {
    background-color: #e3f2fd !important;
}

.mdl-color-text--blue-100 {
    color: #bbdefb !important;
}

.mdl-color--blue-100 {
    background-color: #bbdefb !important;
}

.mdl-color-text--blue-200 {
    color: #90caf9 !important;
}

.mdl-color--blue-200 {
    background-color: #90caf9 !important;
}

.mdl-color-text--blue-300 {
    color: #64b5f6 !important;
}

.mdl-color--blue-300 {
    background-color: #64b5f6 !important;
}

.mdl-color-text--blue-400 {
    color: #42a5f5 !important;
}

.mdl-color--blue-400 {
    background-color: #42a5f5 !important;
}

.mdl-color-text--blue-500 {
    color: #2196f3 !important;
}

.mdl-color--blue-500 {
    background-color: #2196f3 !important;
}

.mdl-color-text--blue-600 {
    color: #1e88e5 !important;
}

.mdl-color--blue-600 {
    background-color: #1e88e5 !important;
}

.mdl-color-text--blue-700 {
    color: #1976d2 !important;
}

.mdl-color--blue-700 {
    background-color: #1976d2 !important;
}

.mdl-color-text--blue-800 {
    color: #1565c0 !important;
}

.mdl-color--blue-800 {
    background-color: #1565c0 !important;
}

.mdl-color-text--blue-900 {
    color: #0d47a1 !important;
}

.mdl-color--blue-900 {
    background-color: #0d47a1 !important;
}

.mdl-color-text--blue-A100 {
    color: #82b1ff !important;
}

.mdl-color--blue-A100 {
    background-color: #82b1ff !important;
}

.mdl-color-text--blue-A200 {
    color: #4285f4 !important;
}

.mdl-color--blue-A200 {
    background-color: #4285f4 !important;
}

.mdl-color-text--blue-A400 {
    color: #2979ff !important;
}

.mdl-color--blue-A400 {
    background-color: #2979ff !important;
}

.mdl-color-text--blue-A700 {
    color: #2962ff !important;
}

.mdl-color--blue-A700 {
    background-color: #2962ff !important;
}

.mdl-color-text--light-blue {
    color: #03a9f4 !important;
}

.mdl-color--light-blue {
    background-color: #03a9f4 !important;
}

.mdl-color-text--light-blue-50 {
    color: #e1f5fe !important;
}

.mdl-color--light-blue-50 {
    background-color: #e1f5fe !important;
}

.mdl-color-text--light-blue-100 {
    color: #b3e5fc !important;
}

.mdl-color--light-blue-100 {
    background-color: #b3e5fc !important;
}

.mdl-color-text--light-blue-200 {
    color: #81d4fa !important;
}

.mdl-color--light-blue-200 {
    background-color: #81d4fa !important;
}

.mdl-color-text--light-blue-300 {
    color: #4fc3f7 !important;
}

.mdl-color--light-blue-300 {
    background-color: #4fc3f7 !important;
}

.mdl-color-text--light-blue-400 {
    color: #29b6f6 !important;
}

.mdl-color--light-blue-400 {
    background-color: #29b6f6 !important;
}

.mdl-color-text--light-blue-500 {
    color: #03a9f4 !important;
}

.mdl-color--light-blue-500 {
    background-color: #03a9f4 !important;
}

.mdl-color-text--light-blue-600 {
    color: #039be5 !important;
}

.mdl-color--light-blue-600 {
    background-color: #039be5 !important;
}

.mdl-color-text--light-blue-700 {
    color: #0288d1 !important;
}

.mdl-color--light-blue-700 {
    background-color: #0288d1 !important;
}

.mdl-color-text--light-blue-800 {
    color: #0277bd !important;
}

.mdl-color--light-blue-800 {
    background-color: #0277bd !important;
}

.mdl-color-text--light-blue-900 {
    color: #01579b !important;
}

.mdl-color--light-blue-900 {
    background-color: #01579b !important;
}

.mdl-color-text--light-blue-A100 {
    color: #80d8ff !important;
}

.mdl-color--light-blue-A100 {
    background-color: #80d8ff !important;
}

.mdl-color-text--light-blue-A200 {
    color: #40c4ff !important;
}

.mdl-color--light-blue-A200 {
    background-color: #40c4ff !important;
}

.mdl-color-text--light-blue-A400 {
    color: #00b0ff !important;
}

.mdl-color--light-blue-A400 {
    background-color: #00b0ff !important;
}

.mdl-color-text--light-blue-A700 {
    color: #0091ea !important;
}

.mdl-color--light-blue-A700 {
    background-color: #0091ea !important;
}

.mdl-color-text--cyan {
    color: #00bcd4 !important;
}

.mdl-color--cyan {
    background-color: #00bcd4 !important;
}

.mdl-color-text--cyan-50 {
    color: #e0f7fa !important;
}

.mdl-color--cyan-50 {
    background-color: #e0f7fa !important;
}

.mdl-color-text--cyan-100 {
    color: #b2ebf2 !important;
}

.mdl-color--cyan-100 {
    background-color: #b2ebf2 !important;
}

.mdl-color-text--cyan-200 {
    color: #80deea !important;
}

.mdl-color--cyan-200 {
    background-color: #80deea !important;
}

.mdl-color-text--cyan-300 {
    color: #4dd0e1 !important;
}

.mdl-color--cyan-300 {
    background-color: #4dd0e1 !important;
}

.mdl-color-text--cyan-400 {
    color: #26c6da !important;
}

.mdl-color--cyan-400 {
    background-color: #26c6da !important;
}

.mdl-color-text--cyan-500 {
    color: #00bcd4 !important;
}

.mdl-color--cyan-500 {
    background-color: #00bcd4 !important;
}

.mdl-color-text--cyan-600 {
    color: #00acc1 !important;
}

.mdl-color--cyan-600 {
    background-color: #00acc1 !important;
}

.mdl-color-text--cyan-700 {
    color: #0097a7 !important;
}

.mdl-color--cyan-700 {
    background-color: #0097a7 !important;
}

.mdl-color-text--cyan-800 {
    color: #00838f !important;
}

.mdl-color--cyan-800 {
    background-color: #00838f !important;
}

.mdl-color-text--cyan-900 {
    color: #006064 !important;
}

.mdl-color--cyan-900 {
    background-color: #006064 !important;
}

.mdl-color-text--cyan-A100 {
    color: #84ffff !important;
}

.mdl-color--cyan-A100 {
    background-color: #84ffff !important;
}

.mdl-color-text--cyan-A200 {
    color: #18ffff !important;
}

.mdl-color--cyan-A200 {
    background-color: #18ffff !important;
}

.mdl-color-text--cyan-A400 {
    color: #00e5ff !important;
}

.mdl-color--cyan-A400 {
    background-color: #00e5ff !important;
}

.mdl-color-text--cyan-A700 {
    color: #00b8d4 !important;
}

.mdl-color--cyan-A700 {
    background-color: #00b8d4 !important;
}

.mdl-color-text--teal {
    color: #009688 !important;
}

.mdl-color--teal {
    background-color: #009688 !important;
}

.mdl-color-text--teal-50 {
    color: #e0f2f1 !important;
}

.mdl-color--teal-50 {
    background-color: #e0f2f1 !important;
}

.mdl-color-text--teal-100 {
    color: #b2dfdb !important;
}

.mdl-color--teal-100 {
    background-color: #b2dfdb !important;
}

.mdl-color-text--teal-200 {
    color: #80cbc4 !important;
}

.mdl-color--teal-200 {
    background-color: #80cbc4 !important;
}

.mdl-color-text--teal-300 {
    color: #4db6ac !important;
}

.mdl-color--teal-300 {
    background-color: #4db6ac !important;
}

.mdl-color-text--teal-400 {
    color: #26a69a !important;
}

.mdl-color--teal-400 {
    background-color: #26a69a !important;
}

.mdl-color-text--teal-500 {
    color: #009688 !important;
}

.mdl-color--teal-500 {
    background-color: #009688 !important;
}

.mdl-color-text--teal-600 {
    color: #00897b !important;
}

.mdl-color--teal-600 {
    background-color: #00897b !important;
}

.mdl-color-text--teal-700 {
    color: #00796b !important;
}

.mdl-color--teal-700 {
    background-color: #00796b !important;
}

.mdl-color-text--teal-800 {
    color: #00695c !important;
}

.mdl-color--teal-800 {
    background-color: #00695c !important;
}

.mdl-color-text--teal-900 {
    color: #004d40 !important;
}

.mdl-color--teal-900 {
    background-color: #004d40 !important;
}

.mdl-color-text--teal-A100 {
    color: #a7ffeb !important;
}

.mdl-color--teal-A100 {
    background-color: #a7ffeb !important;
}

.mdl-color-text--teal-A200 {
    color: #64ffda !important;
}

.mdl-color--teal-A200 {
    background-color: #64ffda !important;
}

.mdl-color-text--teal-A400 {
    color: #1de9b6 !important;
}

.mdl-color--teal-A400 {
    background-color: #1de9b6 !important;
}

.mdl-color-text--teal-A700 {
    color: #00bfa5 !important;
}

.mdl-color--teal-A700 {
    background-color: #00bfa5 !important;
}

.mdl-color-text--green {
    color: #4caf50 !important;
}

.mdl-color--green {
    background-color: #4caf50 !important;
}

.mdl-color-text--green-50 {
    color: #e8f5e9 !important;
}

.mdl-color--green-50 {
    background-color: #e8f5e9 !important;
}

.mdl-color-text--green-100 {
    color: #c8e6c9 !important;
}

.mdl-color--green-100 {
    background-color: #c8e6c9 !important;
}

.mdl-color-text--green-200 {
    color: #a5d6a7 !important;
}

.mdl-color--green-200 {
    background-color: #a5d6a7 !important;
}

.mdl-color-text--green-300 {
    color: #81c784 !important;
}

.mdl-color--green-300 {
    background-color: #81c784 !important;
}

.mdl-color-text--green-400 {
    color: #66bb6a !important;
}

.mdl-color--green-400 {
    background-color: #66bb6a !important;
}

.mdl-color-text--green-500 {
    color: #4caf50 !important;
}

.mdl-color--green-500 {
    background-color: #4caf50 !important;
}

.mdl-color-text--green-600 {
    color: #43a047 !important;
}

.mdl-color--green-600 {
    background-color: #43a047 !important;
}

.mdl-color-text--green-700 {
    color: #388e3c !important;
}

.mdl-color--green-700 {
    background-color: #388e3c !important;
}

.mdl-color-text--green-800 {
    color: #2e7d32 !important;
}

.mdl-color--green-800 {
    background-color: #2e7d32 !important;
}

.mdl-color-text--green-900 {
    color: #1b5e20 !important;
}

.mdl-color--green-900 {
    background-color: #1b5e20 !important;
}

.mdl-color-text--green-A100 {
    color: #b9f6ca !important;
}

.mdl-color--green-A100 {
    background-color: #b9f6ca !important;
}

.mdl-color-text--green-A200 {
    color: #69f0ae !important;
}

.mdl-color--green-A200 {
    background-color: #69f0ae !important;
}

.mdl-color-text--green-A400 {
    color: #00e676 !important;
}

.mdl-color--green-A400 {
    background-color: #00e676 !important;
}

.mdl-color-text--green-A700 {
    color: #00c853 !important;
}

.mdl-color--green-A700 {
    background-color: #00c853 !important;
}

.mdl-color-text--light-green {
    color: #8bc34a !important;
}

.mdl-color--light-green {
    background-color: #8bc34a !important;
}

.mdl-color-text--light-green-50 {
    color: #f1f8e9 !important;
}

.mdl-color--light-green-50 {
    background-color: #f1f8e9 !important;
}

.mdl-color-text--light-green-100 {
    color: #dcedc8 !important;
}

.mdl-color--light-green-100 {
    background-color: #dcedc8 !important;
}

.mdl-color-text--light-green-200 {
    color: #c5e1a5 !important;
}

.mdl-color--light-green-200 {
    background-color: #c5e1a5 !important;
}

.mdl-color-text--light-green-300 {
    color: #aed581 !important;
}

.mdl-color--light-green-300 {
    background-color: #aed581 !important;
}

.mdl-color-text--light-green-400 {
    color: #9ccc65 !important;
}

.mdl-color--light-green-400 {
    background-color: #9ccc65 !important;
}

.mdl-color-text--light-green-500 {
    color: #8bc34a !important;
}

.mdl-color--light-green-500 {
    background-color: #8bc34a !important;
}

.mdl-color-text--light-green-600 {
    color: #7cb342 !important;
}

.mdl-color--light-green-600 {
    background-color: #7cb342 !important;
}

.mdl-color-text--light-green-700 {
    color: #689f38 !important;
}

.mdl-color--light-green-700 {
    background-color: #689f38 !important;
}

.mdl-color-text--light-green-800 {
    color: #558b2f !important;
}

.mdl-color--light-green-800 {
    background-color: #558b2f !important;
}

.mdl-color-text--light-green-900 {
    color: #33691e !important;
}

.mdl-color--light-green-900 {
    background-color: #33691e !important;
}

.mdl-color-text--light-green-A100 {
    color: #ccff90 !important;
}

.mdl-color--light-green-A100 {
    background-color: #ccff90 !important;
}

.mdl-color-text--light-green-A200 {
    color: #b2ff59 !important;
}

.mdl-color--light-green-A200 {
    background-color: #b2ff59 !important;
}

.mdl-color-text--light-green-A400 {
    color: #76ff03 !important;
}

.mdl-color--light-green-A400 {
    background-color: #76ff03 !important;
}

.mdl-color-text--light-green-A700 {
    color: #64dd17 !important;
}

.mdl-color--light-green-A700 {
    background-color: #64dd17 !important;
}

.mdl-color-text--lime {
    color: #cddc39 !important;
}

.mdl-color--lime {
    background-color: #cddc39 !important;
}

.mdl-color-text--lime-50 {
    color: #f9fbe7 !important;
}

.mdl-color--lime-50 {
    background-color: #f9fbe7 !important;
}

.mdl-color-text--lime-100 {
    color: #f0f4c3 !important;
}

.mdl-color--lime-100 {
    background-color: #f0f4c3 !important;
}

.mdl-color-text--lime-200 {
    color: #e6ee9c !important;
}

.mdl-color--lime-200 {
    background-color: #e6ee9c !important;
}

.mdl-color-text--lime-300 {
    color: #dce775 !important;
}

.mdl-color--lime-300 {
    background-color: #dce775 !important;
}

.mdl-color-text--lime-400 {
    color: #d4e157 !important;
}

.mdl-color--lime-400 {
    background-color: #d4e157 !important;
}

.mdl-color-text--lime-500 {
    color: #cddc39 !important;
}

.mdl-color--lime-500 {
    background-color: #cddc39 !important;
}

.mdl-color-text--lime-600 {
    color: #c0ca33 !important;
}

.mdl-color--lime-600 {
    background-color: #c0ca33 !important;
}

.mdl-color-text--lime-700 {
    color: #afb42b !important;
}

.mdl-color--lime-700 {
    background-color: #afb42b !important;
}

.mdl-color-text--lime-800 {
    color: #9e9d24 !important;
}

.mdl-color--lime-800 {
    background-color: #9e9d24 !important;
}

.mdl-color-text--lime-900 {
    color: #827717 !important;
}

.mdl-color--lime-900 {
    background-color: #827717 !important;
}

.mdl-color-text--lime-A100 {
    color: #f4ff81 !important;
}

.mdl-color--lime-A100 {
    background-color: #f4ff81 !important;
}

.mdl-color-text--lime-A200 {
    color: #eeff41 !important;
}

.mdl-color--lime-A200 {
    background-color: #eeff41 !important;
}

.mdl-color-text--lime-A400 {
    color: #c6ff00 !important;
}

.mdl-color--lime-A400 {
    background-color: #c6ff00 !important;
}

.mdl-color-text--lime-A700 {
    color: #aeea00 !important;
}

.mdl-color--lime-A700 {
    background-color: #aeea00 !important;
}

.mdl-color-text--yellow {
    color: #ffeb3b !important;
}

.mdl-color--yellow {
    background-color: #ffeb3b !important;
}

.mdl-color-text--yellow-50 {
    color: #fffde7 !important;
}

.mdl-color--yellow-50 {
    background-color: #fffde7 !important;
}

.mdl-color-text--yellow-100 {
    color: #fff9c4 !important;
}

.mdl-color--yellow-100 {
    background-color: #fff9c4 !important;
}

.mdl-color-text--yellow-200 {
    color: #fff59d !important;
}

.mdl-color--yellow-200 {
    background-color: #fff59d !important;
}

.mdl-color-text--yellow-300 {
    color: #fff176 !important;
}

.mdl-color--yellow-300 {
    background-color: #fff176 !important;
}

.mdl-color-text--yellow-400 {
    color: #ffee58 !important;
}

.mdl-color--yellow-400 {
    background-color: #ffee58 !important;
}

.mdl-color-text--yellow-500 {
    color: #ffeb3b !important;
}

.mdl-color--yellow-500 {
    background-color: #ffeb3b !important;
}

.mdl-color-text--yellow-600 {
    color: #fdd835 !important;
}

.mdl-color--yellow-600 {
    background-color: #fdd835 !important;
}

.mdl-color-text--yellow-700 {
    color: #fbc02d !important;
}

.mdl-color--yellow-700 {
    background-color: #fbc02d !important;
}

.mdl-color-text--yellow-800 {
    color: #f9a825 !important;
}

.mdl-color--yellow-800 {
    background-color: #f9a825 !important;
}

.mdl-color-text--yellow-900 {
    color: #f57f17 !important;
}

.mdl-color--yellow-900 {
    background-color: #f57f17 !important;
}

.mdl-color-text--yellow-A100 {
    color: #ffff8d !important;
}

.mdl-color--yellow-A100 {
    background-color: #ffff8d !important;
}

.mdl-color-text--yellow-A200 {
    color: #ff0 !important;
}

.mdl-color--yellow-A200 {
    background-color: #ff0 !important;
}

.mdl-color-text--yellow-A400 {
    color: #ffea00 !important;
}

.mdl-color--yellow-A400 {
    background-color: #ffea00 !important;
}

.mdl-color-text--yellow-A700 {
    color: #ffd600 !important;
}

.mdl-color--yellow-A700 {
    background-color: #ffd600 !important;
}

.mdl-color-text--amber {
    color: #ffc107 !important;
}

.mdl-color--amber {
    background-color: #ffc107 !important;
}

.mdl-color-text--amber-50 {
    color: #fff8e1 !important;
}

.mdl-color--amber-50 {
    background-color: #fff8e1 !important;
}

.mdl-color-text--amber-100 {
    color: #ffecb3 !important;
}

.mdl-color--amber-100 {
    background-color: #ffecb3 !important;
}

.mdl-color-text--amber-200 {
    color: #ffe082 !important;
}

.mdl-color--amber-200 {
    background-color: #ffe082 !important;
}

.mdl-color-text--amber-300 {
    color: #ffd54f !important;
}

.mdl-color--amber-300 {
    background-color: #ffd54f !important;
}

.mdl-color-text--amber-400 {
    color: #ffca28 !important;
}

.mdl-color--amber-400 {
    background-color: #ffca28 !important;
}

.mdl-color-text--amber-500 {
    color: #ffc107 !important;
}

.mdl-color--amber-500 {
    background-color: #ffc107 !important;
}

.mdl-color-text--amber-600 {
    color: #ffb300 !important;
}

.mdl-color--amber-600 {
    background-color: #ffb300 !important;
}

.mdl-color-text--amber-700 {
    color: #ffa000 !important;
}

.mdl-color--amber-700 {
    background-color: #ffa000 !important;
}

.mdl-color-text--amber-800 {
    color: #ff8f00 !important;
}

.mdl-color--amber-800 {
    background-color: #ff8f00 !important;
}

.mdl-color-text--amber-900 {
    color: #ff6f00 !important;
}

.mdl-color--amber-900 {
    background-color: #ff6f00 !important;
}

.mdl-color-text--amber-A100 {
    color: #ffe57f !important;
}

.mdl-color--amber-A100 {
    background-color: #ffe57f !important;
}

.mdl-color-text--amber-A200 {
    color: #ffd740 !important;
}

.mdl-color--amber-A200 {
    background-color: #ffd740 !important;
}

.mdl-color-text--amber-A400 {
    color: #ffc400 !important;
}

.mdl-color--amber-A400 {
    background-color: #ffc400 !important;
}

.mdl-color-text--amber-A700 {
    color: #ffab00 !important;
}

.mdl-color--amber-A700 {
    background-color: #ffab00 !important;
}

.mdl-color-text--orange {
    color: #ff9800 !important;
}

.mdl-color--orange {
    background-color: #ff9800 !important;
}

.mdl-color-text--orange-50 {
    color: #fff3e0 !important;
}

.mdl-color--orange-50 {
    background-color: #fff3e0 !important;
}

.mdl-color-text--orange-100 {
    color: #ffe0b2 !important;
}

.mdl-color--orange-100 {
    background-color: #ffe0b2 !important;
}

.mdl-color-text--orange-200 {
    color: #ffcc80 !important;
}

.mdl-color--orange-200 {
    background-color: #ffcc80 !important;
}

.mdl-color-text--orange-300 {
    color: #ffb74d !important;
}

.mdl-color--orange-300 {
    background-color: #ffb74d !important;
}

.mdl-color-text--orange-400 {
    color: #ffa726 !important;
}

.mdl-color--orange-400 {
    background-color: #ffa726 !important;
}

.mdl-color-text--orange-500 {
    color: #ff9800 !important;
}

.mdl-color--orange-500 {
    background-color: #ff9800 !important;
}

.mdl-color-text--orange-600 {
    color: #fb8c00 !important;
}

.mdl-color--orange-600 {
    background-color: #fb8c00 !important;
}

.mdl-color-text--orange-700 {
    color: #f57c00 !important;
}

.mdl-color--orange-700 {
    background-color: #f57c00 !important;
}

.mdl-color-text--orange-800 {
    color: #ef6c00 !important;
}

.mdl-color--orange-800 {
    background-color: #ef6c00 !important;
}

.mdl-color-text--orange-900 {
    color: #e65100 !important;
}

.mdl-color--orange-900 {
    background-color: #e65100 !important;
}

.mdl-color-text--orange-A100 {
    color: #ffd180 !important;
}

.mdl-color--orange-A100 {
    background-color: #ffd180 !important;
}

.mdl-color-text--orange-A200 {
    color: #ffab40 !important;
}

.mdl-color--orange-A200 {
    background-color: #ffab40 !important;
}

.mdl-color-text--orange-A400 {
    color: #ff9100 !important;
}

.mdl-color--orange-A400 {
    background-color: #ff9100 !important;
}

.mdl-color-text--orange-A700 {
    color: #ff6d00 !important;
}

.mdl-color--orange-A700 {
    background-color: #ff6d00 !important;
}

.mdl-color-text--deep-orange {
    color: #ff5722 !important;
}

.mdl-color--deep-orange {
    background-color: #ff5722 !important;
}

.mdl-color-text--deep-orange-50 {
    color: #fbe9e7 !important;
}

.mdl-color--deep-orange-50 {
    background-color: #fbe9e7 !important;
}

.mdl-color-text--deep-orange-100 {
    color: #ffccbc !important;
}

.mdl-color--deep-orange-100 {
    background-color: #ffccbc !important;
}

.mdl-color-text--deep-orange-200 {
    color: #ffab91 !important;
}

.mdl-color--deep-orange-200 {
    background-color: #ffab91 !important;
}

.mdl-color-text--deep-orange-300 {
    color: #ff8a65 !important;
}

.mdl-color--deep-orange-300 {
    background-color: #ff8a65 !important;
}

.mdl-color-text--deep-orange-400 {
    color: #ff7043 !important;
}

.mdl-color--deep-orange-400 {
    background-color: #ff7043 !important;
}

.mdl-color-text--deep-orange-500 {
    color: #ff5722 !important;
}

.mdl-color--deep-orange-500 {
    background-color: #ff5722 !important;
}

.mdl-color-text--deep-orange-600 {
    color: #f4511e !important;
}

.mdl-color--deep-orange-600 {
    background-color: #f4511e !important;
}

.mdl-color-text--deep-orange-700 {
    color: #e64a19 !important;
}

.mdl-color--deep-orange-700 {
    background-color: #e64a19 !important;
}

.mdl-color-text--deep-orange-800 {
    color: #d84315 !important;
}

.mdl-color--deep-orange-800 {
    background-color: #d84315 !important;
}

.mdl-color-text--deep-orange-900 {
    color: #bf360c !important;
}

.mdl-color--deep-orange-900 {
    background-color: #bf360c !important;
}

.mdl-color-text--deep-orange-A100 {
    color: #ff9e80 !important;
}

.mdl-color--deep-orange-A100 {
    background-color: #ff9e80 !important;
}

.mdl-color-text--deep-orange-A200 {
    color: #ff6e40 !important;
}

.mdl-color--deep-orange-A200 {
    background-color: #ff6e40 !important;
}

.mdl-color-text--deep-orange-A400 {
    color: #ff3d00 !important;
}

.mdl-color--deep-orange-A400 {
    background-color: #ff3d00 !important;
}

.mdl-color-text--deep-orange-A700 {
    color: #dd2c00 !important;
}

.mdl-color--deep-orange-A700 {
    background-color: #dd2c00 !important;
}

.mdl-color-text--brown {
    color: #795548 !important;
}

.mdl-color--brown {
    background-color: #795548 !important;
}

.mdl-color-text--brown-50 {
    color: #efebe9 !important;
}

.mdl-color--brown-50 {
    background-color: #efebe9 !important;
}

.mdl-color-text--brown-100 {
    color: #d7ccc8 !important;
}

.mdl-color--brown-100 {
    background-color: #d7ccc8 !important;
}

.mdl-color-text--brown-200 {
    color: #bcaaa4 !important;
}

.mdl-color--brown-200 {
    background-color: #bcaaa4 !important;
}

.mdl-color-text--brown-300 {
    color: #a1887f !important;
}

.mdl-color--brown-300 {
    background-color: #a1887f !important;
}

.mdl-color-text--brown-400 {
    color: #8d6e63 !important;
}

.mdl-color--brown-400 {
    background-color: #8d6e63 !important;
}

.mdl-color-text--brown-500 {
    color: #795548 !important;
}

.mdl-color--brown-500 {
    background-color: #795548 !important;
}

.mdl-color-text--brown-600 {
    color: #6d4c41 !important;
}

.mdl-color--brown-600 {
    background-color: #6d4c41 !important;
}

.mdl-color-text--brown-700 {
    color: #5d4037 !important;
}

.mdl-color--brown-700 {
    background-color: #5d4037 !important;
}

.mdl-color-text--brown-800 {
    color: #4e342e !important;
}

.mdl-color--brown-800 {
    background-color: #4e342e !important;
}

.mdl-color-text--brown-900 {
    color: #3e2723 !important;
}

.mdl-color--brown-900 {
    background-color: #3e2723 !important;
}

.mdl-color-text--grey {
    color: #9e9e9e !important;
}

.mdl-color--grey {
    background-color: #9e9e9e !important;
}

.mdl-color-text--grey-50 {
    color: #fafafa !important;
}

.mdl-color--grey-50 {
    background-color: #fafafa !important;
}

.mdl-color-text--grey-100 {
    color: #f5f5f5 !important;
}

.mdl-color--grey-100 {
    background-color: #f5f5f5 !important;
}

.mdl-color-text--grey-200 {
    color: #eee !important;
}

.mdl-color--grey-200 {
    background-color: #eee !important;
}

.mdl-color-text--grey-300 {
    color: #e0e0e0 !important;
}

.mdl-color--grey-300 {
    background-color: #e0e0e0 !important;
}

.mdl-color-text--grey-400 {
    color: #bdbdbd !important;
}

.mdl-color--grey-400 {
    background-color: #bdbdbd !important;
}

.mdl-color-text--grey-500 {
    color: #9e9e9e !important;
}

.mdl-color--grey-500 {
    background-color: #9e9e9e !important;
}

.mdl-color-text--grey-600 {
    color: #757575 !important;
}

.mdl-color--grey-600 {
    background-color: #757575 !important;
}

.mdl-color-text--grey-700 {
    color: #616161 !important;
}

.mdl-color--grey-700 {
    background-color: #616161 !important;
}

.mdl-color-text--grey-800 {
    color: #424242 !important;
}

.mdl-color--grey-800 {
    background-color: #424242 !important;
}

.mdl-color-text--grey-900 {
    color: #212121 !important;
}

.mdl-color--grey-900 {
    background-color: #212121 !important;
}

.mdl-color-text--blue-grey {
    color: #607d8b !important;
}

.mdl-color--blue-grey {
    background-color: #607d8b !important;
}

.mdl-color-text--blue-grey-50 {
    color: #eceff1 !important;
}

.mdl-color--blue-grey-50 {
    background-color: #eceff1 !important;
}

.mdl-color-text--blue-grey-100 {
    color: #cfd8dc !important;
}

.mdl-color--blue-grey-100 {
    background-color: #cfd8dc !important;
}

.mdl-color-text--blue-grey-200 {
    color: #b0bec5 !important;
}

.mdl-color--blue-grey-200 {
    background-color: #b0bec5 !important;
}

.mdl-color-text--blue-grey-300 {
    color: #90a4ae !important;
}

.mdl-color--blue-grey-300 {
    background-color: #90a4ae !important;
}

.mdl-color-text--blue-grey-400 {
    color: #78909c !important;
}

.mdl-color--blue-grey-400 {
    background-color: #78909c !important;
}

.mdl-color-text--blue-grey-500 {
    color: #607d8b !important;
}

.mdl-color--blue-grey-500 {
    background-color: #607d8b !important;
}

.mdl-color-text--blue-grey-600 {
    color: #546e7a !important;
}

.mdl-color--blue-grey-600 {
    background-color: #546e7a !important;
}

.mdl-color-text--blue-grey-700 {
    color: #455a64 !important;
}

.mdl-color--blue-grey-700 {
    background-color: #455a64 !important;
}

.mdl-color-text--blue-grey-800 {
    color: #37474f !important;
}

.mdl-color--blue-grey-800 {
    background-color: #37474f !important;
}

.mdl-color-text--blue-grey-900 {
    color: #263238 !important;
}

.mdl-color--blue-grey-900 {
    background-color: #263238 !important;
}

.mdl-color--black {
    background-color: #000 !important;
}

.mdl-color-text--black {
    color: #000 !important;
}

.mdl-color--white {
    background-color: #fff !important;
}

.mdl-color-text--white {
    color: #fff !important;
}

.mdl-color--primary {
    background-color: rgb(66, 133, 244) !important;
}

.mdl-color--primary-contrast {
    background-color: rgb(255, 255, 255) !important;
}

.mdl-color--primary-dark {
    background-color: rgb(25, 118, 210) !important;
}

.mdl-color--accent {
    background-color: rgb(255, 215, 64) !important;
}

.mdl-color--accent-contrast {
    background-color: rgb(66, 66, 66) !important;
}

.mdl-color-text--primary {
    color: rgb(66, 133, 244) !important;
}

.mdl-color-text--primary-contrast {
    color: rgb(255, 255, 255) !important;
}

.mdl-color-text--primary-dark {
    color: rgb(25, 118, 210) !important;
}

.mdl-color-text--accent {
    color: rgb(255, 215, 64) !important;
}

.mdl-color-text--accent-contrast {
    color: rgb(66, 66, 66) !important;
}

.mdl-ripple {
    background: #000;
    border-radius: 50%;
    height: 50px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    overflow: hidden;
}

.mdl-ripple.is-animating {
    transition:
        transform 0.3s cubic-bezier(0, 0, 0.2, 1),
        width 0.3s cubic-bezier(0, 0, 0.2, 1),
        height 0.3s cubic-bezier(0, 0, 0.2, 1),
        opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
    transition:
        transform 0.3s cubic-bezier(0, 0, 0.2, 1),
        width 0.3s cubic-bezier(0, 0, 0.2, 1),
        height 0.3s cubic-bezier(0, 0, 0.2, 1),
        opacity 0.6s cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.mdl-ripple.is-visible {
    opacity: 0.3;
}

.mdl-animation--default,
.mdl-animation--fast-out-slow-in {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-animation--linear-out-slow-in {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.mdl-animation--fast-out-linear-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.mdl-badge {
    position: relative;
    white-space: nowrap;
    margin-right: 24px;
}

.mdl-badge:not([data-badge]) {
    margin-right: auto;
}

.mdl-badge[data-badge]:after {
    content: attr(data-badge);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -11px;
    right: -24px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgb(255, 215, 64);
    color: rgb(66, 66, 66);
}

.mdl-button .mdl-badge[data-badge]:after {
    top: -10px;
    right: -5px;
}

.mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: rgb(255, 215, 64);
    background: rgba(66, 66, 66, 0.2);
    box-shadow: 0 0 1px gray;
}

.mdl-badge.mdl-badge--overlap {
    margin-right: 10px;
}

.mdl-badge.mdl-badge--overlap:after {
    right: -10px;
}

.mdl-button {
    background: 0 0;
    border: none;
    border-radius: 2px;
    color: #000;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition:
        box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
        background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
}

.mdl-button::-moz-focus-inner {
    border: 0;
}

.mdl-button:hover {
    background-color: rgba(158, 158, 158, 0.2);
}

.mdl-button:focus:not(:active) {
    background-color: rgba(0, 0, 0, 0.12);
}

.mdl-button:active {
    background-color: rgba(158, 158, 158, 0.4);
}

.mdl-button.mdl-button--colored {
    color: rgb(66, 133, 244);
}

.mdl-button.mdl-button--colored:focus:not(:active) {
    background-color: rgba(0, 0, 0, 0.12);
}

input.mdl-button[type="submit"] {
    -webkit-appearance: none;
}

.mdl-button--raised {
    background: rgba(158, 158, 158, 0.2);
    box-shadow:
        0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.2),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mdl-button--raised:active {
    box-shadow:
        0 4px 5px 0 rgba(0, 0, 0, 0.14),
        0 1px 10px 0 rgba(0, 0, 0, 0.12),
        0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158, 158, 158, 0.4);
}

.mdl-button--raised:focus:not(:active) {
    box-shadow:
        0 0 8px rgba(0, 0, 0, 0.18),
        0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158, 158, 158, 0.4);
}

.mdl-button--raised.mdl-button--colored {
    background: rgb(66, 133, 244);
    color: rgb(255, 255, 255);
}

.mdl-button--raised.mdl-button--colored:hover {
    background-color: rgb(66, 133, 244);
}

.mdl-button--raised.mdl-button--colored:active {
    background-color: rgb(66, 133, 244);
}

.mdl-button--raised.mdl-button--colored:focus:not(:active) {
    background-color: rgb(66, 133, 244);
}

.mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: rgb(255, 255, 255);
}

.mdl-button--fab {
    border-radius: 50%;
    font-size: 24px;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    padding: 0;
    overflow: hidden;
    background: rgba(158, 158, 158, 0.2);
    box-shadow:
        0 1px 1.5px 0 rgba(0, 0, 0, 0.12),
        0 1px 1px 0 rgba(0, 0, 0, 0.24);
    position: relative;
    line-height: normal;
}

.mdl-button--fab .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px;
}

.mdl-button--fab.mdl-button--mini-fab {
    height: 40px;
    min-width: 40px;
    width: 40px;
}

.mdl-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
}

.mdl-button--fab:active {
    box-shadow:
        0 4px 5px 0 rgba(0, 0, 0, 0.14),
        0 1px 10px 0 rgba(0, 0, 0, 0.12),
        0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158, 158, 158, 0.4);
}

.mdl-button--fab:focus:not(:active) {
    box-shadow:
        0 0 8px rgba(0, 0, 0, 0.18),
        0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158, 158, 158, 0.4);
}

.mdl-button--fab.mdl-button--colored {
    background: rgb(255, 215, 64);
    color: rgb(66, 66, 66);
}

.mdl-button--fab.mdl-button--colored:hover {
    background-color: rgb(255, 215, 64);
}

.mdl-button--fab.mdl-button--colored:focus:not(:active) {
    background-color: rgb(255, 215, 64);
}

.mdl-button--fab.mdl-button--colored:active {
    background-color: rgb(255, 215, 64);
}

.mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: rgb(66, 66, 66);
}

.mdl-button--icon {
    border-radius: 50%;
    font-size: 24px;
    height: 32px;
    margin-left: 0;
    margin-right: 0;
    min-width: 32px;
    width: 32px;
    padding: 0;
    overflow: hidden;
    color: inherit;
    line-height: normal;
}

.mdl-button--icon .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px;
}

.mdl-button--icon.mdl-button--mini-icon {
    height: 24px;
    min-width: 24px;
    width: 24px;
}

.mdl-button--icon.mdl-button--mini-icon .material-icons {
    top: 0;
    left: 0;
}

.mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
}

.mdl-button__ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}

.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,
.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent;
}

.mdl-button--primary.mdl-button--primary {
    color: rgb(66, 133, 244);
}

.mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: rgb(255, 255, 255);
}

.mdl-button--primary.mdl-button--primary.mdl-button--raised,
.mdl-button--primary.mdl-button--primary.mdl-button--fab {
    color: rgb(255, 255, 255);
    background-color: rgb(66, 133, 244);
}

.mdl-button--accent.mdl-button--accent {
    color: rgb(255, 215, 64);
}

.mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: rgb(66, 66, 66);
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised,
.mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: rgb(66, 66, 66);
    background-color: rgb(255, 215, 64);
}

.mdl-button[disabled][disabled],
.mdl-button.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0, 0, 0, 0.26);
    cursor: default;
    background-color: transparent;
}

.mdl-button--fab[disabled][disabled],
.mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26);
}

.mdl-button--raised[disabled][disabled],
.mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26);
    box-shadow: none;
}

.mdl-button--colored[disabled][disabled],
.mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0, 0, 0, 0.26);
}

.mdl-button .material-icons {
    vertical-align: middle;
}

.mdl-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    min-height: 200px;
    overflow: hidden;
    width: 330px;
    z-index: 1;
    position: relative;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
}

.mdl-card__media {
    background-color: rgb(255, 215, 64);
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-origin: padding-box;
    background-attachment: scroll;
    box-sizing: border-box;
}

.mdl-card__title {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    line-height: normal;
    padding: 16px;
    -webkit-perspective-origin: 165px 56px;
    perspective-origin: 165px 56px;
    -webkit-transform-origin: 165px 56px;
    transform-origin: 165px 56px;
    box-sizing: border-box;
}

.mdl-card__title.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mdl-card__title-text {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: inherit;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    overflow: hidden;
    -webkit-transform-origin: 149px 48px;
    transform-origin: 149px 48px;
    margin: 0;
}

.mdl-card__subtitle-text {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.54);
    margin: 0;
}

.mdl-card__supporting-text {
    color: rgba(0, 0, 0, 0.54);
    font-size: 1rem;
    line-height: 18px;
    overflow: hidden;
    padding: 16px;
    width: 90%;
}

.mdl-card__supporting-text.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mdl-card__actions {
    font-size: 16px;
    line-height: normal;
    width: 100%;
    background-color: transparent;
    padding: 8px;
    box-sizing: border-box;
}

.mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mdl-card--expand {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mdl-card__menu {
    position: absolute;
    right: 16px;
    top: 16px;
}

.mdl-checkbox {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
}

.mdl-checkbox.is-upgraded {
    padding-left: 24px;
}

.mdl-checkbox__input {
    line-height: 24px;
}

.mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.mdl-checkbox__box-outline {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 2px;
    z-index: 2;
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid rgb(66, 133, 244);
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
.mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, 0.26);
    cursor: auto;
}

.mdl-checkbox__focus-helper {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent;
}

.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
}

.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(66, 133, 244, 0.26);
    background-color: rgba(66, 133, 244, 0.26);
}

.mdl-checkbox__tick-outline {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    background: 0 0;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background;
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: rgb(66, 133, 244)
        url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
}

fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: rgba(0, 0, 0, 0.26)
        url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
}

.mdl-checkbox__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
.mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto;
}

.mdl-checkbox__ripple-container {
    position: absolute;
    z-index: 2;
    top: -6px;
    left: -10px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
}

.mdl-checkbox__ripple-container .mdl-ripple {
    background: rgb(66, 133, 244);
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
    cursor: auto;
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
    background: 0 0;
}

.mdl-chip {
    height: 32px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    line-height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 16px;
    background-color: #dedede;
    display: inline-block;
    color: rgba(0, 0, 0, 0.87);
    margin: 2px 0;
    font-size: 0;
    white-space: nowrap;
}

.mdl-chip__text {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block;
}

.mdl-chip__action {
    height: 24px;
    width: 24px;
    background: 0 0;
    opacity: 0.54;
    cursor: pointer;
    padding: 0;
    margin: 0 0 0 4px;
    font-size: 13px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
    border: none;
    outline: none;
}

.mdl-chip__action,
.mdl-chip__contact {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
}

.mdl-chip__contact {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    margin-right: 8px;
    font-size: 18px;
    line-height: 32px;
}

.mdl-chip:focus {
    outline: 0;
    box-shadow:
        0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.2),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mdl-chip:active {
    background-color: #d6d6d6;
}

.mdl-chip--deletable {
    padding-right: 4px;
}

.mdl-chip--contact {
    padding-left: 0;
}

.mdl-data-table {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-collapse: collapse;
    white-space: nowrap;
    font-size: 13px;
    background-color: #fff;
}

.mdl-data-table thead {
    padding-bottom: 3px;
}

.mdl-data-table thead .mdl-data-table__select {
    margin-top: 0;
}

.mdl-data-table tbody tr {
    position: relative;
    height: 48px;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background-color;
}

.mdl-data-table tbody tr.is-selected {
    background-color: #e0e0e0;
}

.mdl-data-table tbody tr:hover {
    background-color: #eee;
}

.mdl-data-table td {
    text-align: right;
}

.mdl-data-table th {
    padding: 0 18px 12px 18px;
    text-align: right;
}

.mdl-data-table td:first-of-type,
.mdl-data-table th:first-of-type {
    padding-left: 24px;
}

.mdl-data-table td:last-of-type,
.mdl-data-table th:last-of-type {
    padding-right: 24px;
}

.mdl-data-table td {
    position: relative;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 12px 18px;
    box-sizing: border-box;
}

.mdl-data-table td,
.mdl-data-table td .mdl-data-table__select {
    vertical-align: middle;
}

.mdl-data-table th {
    position: relative;
    vertical-align: bottom;
    text-overflow: ellipsis;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    height: 48px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    padding-bottom: 8px;
    box-sizing: border-box;
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending,
.mdl-data-table th.mdl-data-table__header--sorted-descending {
    color: rgba(0, 0, 0, 0.87);
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    content: "\e5d8";
    margin-right: 5px;
    vertical-align: sub;
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover,
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
    cursor: pointer;
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
    color: rgba(0, 0, 0, 0.26);
}

.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    content: "\e5db";
}

.mdl-data-table__select {
    width: 16px;
}

.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
    text-align: left;
}

.mdl-dialog {
    border: none;
    box-shadow:
        0 9px 46px 8px rgba(0, 0, 0, 0.14),
        0 11px 15px -7px rgba(0, 0, 0, 0.12),
        0 24px 38px 3px rgba(0, 0, 0, 0.2);
    width: 280px;
}

.mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem;
}

.mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mdl-dialog__actions > * {
    margin-right: 8px;
    height: 36px;
}

.mdl-dialog__actions > *:first-child {
    margin-right: 0;
}

.mdl-dialog__actions--full-width {
    padding: 0 0 8px;
}

.mdl-dialog__actions--full-width > * {
    height: 48px;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 16px;
    margin-right: 0;
    text-align: right;
}

.mdl-dialog__content {
    padding: 20px 24px 24px;
    color: rgba(0, 0, 0, 0.54);
}

.mdl-mega-footer {
    padding: 16px 40px;
    color: #9e9e9e;
    background-color: #424242;
}

.mdl-mega-footer--top-section:after,
.mdl-mega-footer--middle-section:after,
.mdl-mega-footer--bottom-section:after,
.mdl-mega-footer__top-section:after,
.mdl-mega-footer__middle-section:after,
.mdl-mega-footer__bottom-section:after {
    content: "";
    display: block;
    clear: both;
}

.mdl-mega-footer--left-section,
.mdl-mega-footer__left-section,
.mdl-mega-footer--right-section,
.mdl-mega-footer__right-section {
    margin-bottom: 16px;
}

.mdl-mega-footer--right-section a,
.mdl-mega-footer__right-section a {
    display: block;
    margin-bottom: 16px;
    color: inherit;
    text-decoration: none;
}

@media screen and (min-width: 760px) {
    .mdl-mega-footer--left-section,
    .mdl-mega-footer__left-section {
        float: left;
    }

    .mdl-mega-footer--right-section,
    .mdl-mega-footer__right-section {
        float: right;
    }

    .mdl-mega-footer--right-section a,
    .mdl-mega-footer__right-section a {
        display: inline-block;
        margin-left: 16px;
        line-height: 36px;
        vertical-align: middle;
    }
}

.mdl-mega-footer--social-btn,
.mdl-mega-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none;
}

.mdl-mega-footer--drop-down-section,
.mdl-mega-footer__drop-down-section {
    display: block;
    position: relative;
}

@media screen and (min-width: 760px) {
    .mdl-mega-footer--drop-down-section,
    .mdl-mega-footer__drop-down-section {
        width: 33%;
    }

    .mdl-mega-footer--drop-down-section:nth-child(1),
    .mdl-mega-footer--drop-down-section:nth-child(2),
    .mdl-mega-footer__drop-down-section:nth-child(1),
    .mdl-mega-footer__drop-down-section:nth-child(2) {
        float: left;
    }

    .mdl-mega-footer--drop-down-section:nth-child(3),
    .mdl-mega-footer__drop-down-section:nth-child(3) {
        float: right;
    }

    .mdl-mega-footer--drop-down-section:nth-child(3):after,
    .mdl-mega-footer__drop-down-section:nth-child(3):after {
        clear: right;
    }

    .mdl-mega-footer--drop-down-section:nth-child(4),
    .mdl-mega-footer__drop-down-section:nth-child(4) {
        clear: right;
        float: right;
    }

    .mdl-mega-footer--middle-section:after,
    .mdl-mega-footer__middle-section:after {
        content: "";
        display: block;
        clear: both;
    }

    .mdl-mega-footer--bottom-section,
    .mdl-mega-footer__bottom-section {
        padding-top: 0;
    }
}

@media screen and (min-width: 1024px) {
    .mdl-mega-footer--drop-down-section,
    .mdl-mega-footer--drop-down-section:nth-child(3),
    .mdl-mega-footer--drop-down-section:nth-child(4),
    .mdl-mega-footer__drop-down-section,
    .mdl-mega-footer__drop-down-section:nth-child(3),
    .mdl-mega-footer__drop-down-section:nth-child(4) {
        width: 24%;
        float: left;
    }
}

.mdl-mega-footer--heading-checkbox,
.mdl-mega-footer__heading-checkbox {
    position: absolute;
    width: 100%;
    height: 55.8px;
    padding: 32px;
    margin: -16px 0 0;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}

.mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
    font-family: "Material Icons";
    content: "\e5ce";
}

.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
.mdl-mega-footer--heading-checkbox:checked
    + .mdl-mega-footer--heading
    + .mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked
    + .mdl-mega-footer__heading
    + .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked
    + .mdl-mega-footer--heading
    + .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked
    + .mdl-mega-footer__heading
    + .mdl-mega-footer__link-list {
    display: none;
}

.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
    font-family: "Material Icons";
    content: "\e5cf";
}

.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
    position: relative;
    width: 100%;
    padding-right: 39.8px;
    margin-bottom: 16px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 23.8px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #e0e0e0;
}

.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 23.8px;
    height: 23.8px;
    background-size: cover;
}

.mdl-mega-footer--link-list,
.mdl-mega-footer__link-list {
    list-style: none;
    padding: 0;
    margin: 0 0 32px;
}

.mdl-mega-footer--link-list:after,
.mdl-mega-footer__link-list:after {
    clear: both;
    display: block;
    content: "";
}

.mdl-mega-footer--link-list li,
.mdl-mega-footer__link-list li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

.mdl-mega-footer--link-list a,
.mdl-mega-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

@media screen and (min-width: 760px) {
    .mdl-mega-footer--heading-checkbox,
    .mdl-mega-footer__heading-checkbox {
        display: none;
    }

    .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
    .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
    .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
    .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
        content: "";
    }

    .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
    .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
    .mdl-mega-footer--heading-checkbox:checked
        + .mdl-mega-footer__heading
        + .mdl-mega-footer__link-list,
    .mdl-mega-footer--heading-checkbox:checked
        + .mdl-mega-footer--heading
        + .mdl-mega-footer--link-list,
    .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
    .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
    .mdl-mega-footer__heading-checkbox:checked
        + .mdl-mega-footer__heading
        + .mdl-mega-footer__link-list,
    .mdl-mega-footer__heading-checkbox:checked
        + .mdl-mega-footer--heading
        + .mdl-mega-footer--link-list {
        display: block;
    }

    .mdl-mega-footer--heading-checkbox:checked
        + .mdl-mega-footer--heading:after,
    .mdl-mega-footer--heading-checkbox:checked
        + .mdl-mega-footer__heading:after,
    .mdl-mega-footer__heading-checkbox:checked
        + .mdl-mega-footer--heading:after,
    .mdl-mega-footer__heading-checkbox:checked
        + .mdl-mega-footer__heading:after {
        content: "";
    }
}

.mdl-mega-footer--bottom-section,
.mdl-mega-footer__bottom-section {
    padding-top: 16px;
    margin-bottom: 16px;
}

.mdl-logo {
    margin-bottom: 16px;
    color: #fff;
}

.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
    float: left;
    margin-bottom: 0;
    margin-right: 16px;
}

@media screen and (min-width: 760px) {
    .mdl-logo {
        float: left;
        margin-bottom: 0;
        margin-right: 16px;
    }
}

.mdl-mini-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 16px;
    color: #9e9e9e;
    background-color: #424242;
}

.mdl-mini-footer:after {
    content: "";
    display: block;
}

.mdl-mini-footer .mdl-logo {
    line-height: 36px;
}

.mdl-mini-footer--link-list,
.mdl-mini-footer__link-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mdl-mini-footer--link-list li,
.mdl-mini-footer__link-list li {
    margin-bottom: 0;
    margin-right: 16px;
}

@media screen and (min-width: 760px) {
    .mdl-mini-footer--link-list li,
    .mdl-mini-footer__link-list li {
        line-height: 36px;
    }
}

.mdl-mini-footer--link-list a,
.mdl-mini-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

.mdl-mini-footer--left-section,
.mdl-mini-footer__left-section {
    display: inline-block;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
    display: inline-block;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.mdl-mini-footer--social-btn,
.mdl-mini-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none;
}

.mdl-icon-toggle {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0;
}

.mdl-icon-toggle__input {
    line-height: 32px;
}

.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.mdl-icon-toggle__label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 32px;
    width: 32px;
    min-width: 32px;
    color: #616161;
    border-radius: 50%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    background-color: transparent;
    will-change: background-color;
    transition:
        background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-icon-toggle__label.material-icons {
    line-height: 32px;
    font-size: 24px;
}

.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: rgb(66, 133, 244);
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto;
    transition: none;
}

.mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0, 0, 0, 0.12);
}

.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(66, 133, 244, 0.26);
}

.mdl-icon-toggle__ripple-container {
    position: absolute;
    z-index: 2;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
}

.mdl-icon-toggle__ripple-container .mdl-ripple {
    background: #616161;
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
    cursor: auto;
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: 0 0;
}

.mdl-list {
    display: block;
    padding: 8px 0;
    list-style: none;
}

.mdl-list__item {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1;
    min-height: 48px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 16px;
    cursor: default;
    color: rgba(0, 0, 0, 0.87);
    overflow: hidden;
}

.mdl-list__item,
.mdl-list__item .mdl-list__item-primary-content {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mdl-list__item .mdl-list__item-primary-content {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    text-decoration: none;
}

.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
    margin-right: 32px;
}

.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
    margin-right: 16px;
}

.mdl-list__item .mdl-list__item-secondary-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: 16px;
}

.mdl-list__item
    .mdl-list__item-secondary-content
    .mdl-list__item-secondary-action
    label {
    display: inline;
}

.mdl-list__item
    .mdl-list__item-secondary-content
    .mdl-list__item-secondary-info {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.54);
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
    padding: 0 0 0 16px;
}

.mdl-list__item-icon,
.mdl-list__item-icon.material-icons {
    height: 24px;
    width: 24px;
    font-size: 24px;
    box-sizing: border-box;
    color: #757575;
}

.mdl-list__item-avatar,
.mdl-list__item-avatar.material-icons {
    height: 40px;
    width: 40px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #757575;
    font-size: 40px;
    color: #fff;
}

.mdl-list__item--two-line {
    height: 72px;
}

.mdl-list__item--two-line .mdl-list__item-primary-content {
    height: 36px;
    line-height: 20px;
    display: block;
}

.mdl-list__item--two-line
    .mdl-list__item-primary-content
    .mdl-list__item-avatar {
    float: left;
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
    float: left;
    margin-top: 6px;
}

.mdl-list__item--two-line
    .mdl-list__item-primary-content
    .mdl-list__item-secondary-content {
    height: 36px;
}

.mdl-list__item--two-line
    .mdl-list__item-primary-content
    .mdl-list__item-sub-title {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.54);
    display: block;
    padding: 0;
}

.mdl-list__item--three-line {
    height: 88px;
}

.mdl-list__item--three-line .mdl-list__item-primary-content {
    height: 52px;
    line-height: 20px;
    display: block;
}

.mdl-list__item--three-line
    .mdl-list__item-primary-content
    .mdl-list__item-avatar,
.mdl-list__item--three-line
    .mdl-list__item-primary-content
    .mdl-list__item-icon {
    float: left;
}

.mdl-list__item--three-line .mdl-list__item-secondary-content {
    height: 52px;
}

.mdl-list__item--three-line .mdl-list__item-text-body {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    height: 52px;
    color: rgba(0, 0, 0, 0.54);
    display: block;
    padding: 0;
}

.mdl-menu__container {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    position: absolute;
    overflow: visible;
    height: 0;
    width: 0;
    visibility: hidden;
    z-index: -1;
}

.mdl-menu__container.is-visible,
.mdl-menu__container.is-animating {
    z-index: 999;
    visibility: visible;
}

.mdl-menu__outline {
    display: block;
    background: #fff;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-shadow:
        0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.2),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
    will-change: transform;
    transition:
        transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition:
        transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
}

.mdl-menu__container.is-visible .mdl-menu__outline {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 999;
}

.mdl-menu__outline.mdl-menu--bottom-right {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.mdl-menu__outline.mdl-menu--top-left {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.mdl-menu__outline.mdl-menu--top-right {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.mdl-menu {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    min-width: 124px;
    padding: 8px 0;
    margin: 0;
    opacity: 0;
    clip: rect(0 0 0 0);
    z-index: -1;
}

.mdl-menu__container.is-visible .mdl-menu {
    opacity: 1;
    z-index: 999;
}

.mdl-menu.is-animating {
    transition:
        opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        clip 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-menu.mdl-menu--bottom-right {
    left: auto;
    right: 0;
}

.mdl-menu.mdl-menu--top-left {
    top: auto;
    bottom: 0;
}

.mdl-menu.mdl-menu--top-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}

.mdl-menu.mdl-menu--unaligned {
    top: auto;
    left: auto;
}

.mdl-menu__item {
    display: block;
    border: none;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
    text-align: left;
    margin: 0;
    padding: 0 16px;
    outline-color: #bdbdbd;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mdl-menu__container.is-visible .mdl-menu__item {
    opacity: 1;
}

.mdl-menu__item::-moz-focus-inner {
    border: 0;
}

.mdl-menu__item--full-bleed-divider {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mdl-menu__item[disabled],
.mdl-menu__item[data-mdl-disabled] {
    color: #bdbdbd;
    background-color: transparent;
    cursor: auto;
}

.mdl-menu__item[disabled]:hover,
.mdl-menu__item[data-mdl-disabled]:hover {
    background-color: transparent;
}

.mdl-menu__item[disabled]:focus,
.mdl-menu__item[data-mdl-disabled]:focus {
    background-color: transparent;
}

.mdl-menu__item[disabled] .mdl-ripple,
.mdl-menu__item[data-mdl-disabled] .mdl-ripple {
    background: 0 0;
}

.mdl-menu__item:hover {
    background-color: #eee;
}

.mdl-menu__item:focus {
    outline: none;
    background-color: #eee;
}

.mdl-menu__item:active {
    background-color: #e0e0e0;
}

.mdl-menu__item--ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}

.mdl-progress {
    display: block;
    position: relative;
    height: 4px;
    width: 500px;
    max-width: 100%;
}

.mdl-progress > .bar {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0%;
    transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-progress > .progressbar {
    background-color: rgb(66, 133, 244);
    z-index: 1;
    left: 0;
}

.mdl-progress > .bufferbar {
    background-image:
        linear-gradient(
            to right,
            rgba(255, 255, 255, 0.7),
            rgba(255, 255, 255, 0.7)
        ),
        linear-gradient(to right, rgb(66, 133, 244), rgb(66, 133, 244));
    z-index: 0;
    left: 0;
}

.mdl-progress > .auxbar {
    right: 0;
}

@supports (-webkit-appearance: none) {
    .mdl-progress:not(.mdl-progress--indeterminate):not(
            .mdl-progress--indeterminate
        )
        > .auxbar,
    .mdl-progress:not(.mdl-progress__indeterminate):not(
            .mdl-progress__indeterminate
        )
        > .auxbar {
        background-image:
            linear-gradient(
                to right,
                rgba(255, 255, 255, 0.7),
                rgba(255, 255, 255, 0.7)
            ),
            linear-gradient(to right, rgb(66, 133, 244), rgb(66, 133, 244));
        -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
        mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
    }
}

.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
    background-image:
        linear-gradient(
            to right,
            rgba(255, 255, 255, 0.9),
            rgba(255, 255, 255, 0.9)
        ),
        linear-gradient(to right, rgb(66, 133, 244), rgb(66, 133, 244));
}

.mdl-progress.mdl-progress--indeterminate > .bar1,
.mdl-progress.mdl-progress__indeterminate > .bar1 {
    -webkit-animation-name: indeterminate1;
    animation-name: indeterminate1;
}

.mdl-progress.mdl-progress--indeterminate > .bar1,
.mdl-progress.mdl-progress__indeterminate > .bar1,
.mdl-progress.mdl-progress--indeterminate > .bar3,
.mdl-progress.mdl-progress__indeterminate > .bar3 {
    background-color: rgb(66, 133, 244);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.mdl-progress.mdl-progress--indeterminate > .bar3,
.mdl-progress.mdl-progress__indeterminate > .bar3 {
    background-image: none;
    -webkit-animation-name: indeterminate2;
    animation-name: indeterminate2;
}

@-webkit-keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%;
    }

    50% {
        left: 25%;
        width: 75%;
    }

    75% {
        left: 100%;
        width: 0%;
    }
}

@keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%;
    }

    50% {
        left: 25%;
        width: 75%;
    }

    75% {
        left: 100%;
        width: 0%;
    }
}

@-webkit-keyframes indeterminate2 {
    0%,
    50% {
        left: 0%;
        width: 0%;
    }

    75% {
        left: 0%;
        width: 25%;
    }

    100% {
        left: 100%;
        width: 0%;
    }
}

@keyframes indeterminate2 {
    0%,
    50% {
        left: 0%;
        width: 0%;
    }

    75% {
        left: 0%;
        width: 25%;
    }

    100% {
        left: 100%;
        width: 0%;
    }
}

.mdl-navigation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
}

.mdl-navigation__link {
    color: #424242;
    text-decoration: none;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    opacity: 0.87;
}

.mdl-navigation__link .material-icons {
    vertical-align: middle;
}

.mdl-layout {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
    display: none;
}

.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
    display: none;
}

.mdl-layout__container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.mdl-layout__title,
.mdl-layout-title {
    display: block;
    position: relative;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    box-sizing: border-box;
}

.mdl-layout-spacer {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mdl-layout__drawer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 240px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow:
        0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.2),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    border-right: 1px solid #e0e0e0;
    background: #fafafa;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: transform;
    transition-property:
        transform,
        -webkit-transform;
    color: #424242;
    overflow: visible;
    overflow-y: auto;
    z-index: 5;
}

.mdl-layout__drawer.is-visible {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
    overflow: hidden;
}

.mdl-layout__drawer > * {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.mdl-layout__drawer > .mdl-layout__title,
.mdl-layout__drawer > .mdl-layout-title {
    line-height: 64px;
    padding-left: 40px;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__drawer > .mdl-layout__title,
    .mdl-layout__drawer > .mdl-layout-title {
        line-height: 56px;
        padding-left: 16px;
    }
}

.mdl-layout__drawer .mdl-navigation {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-top: 16px;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 16px 40px;
    margin: 0;
    color: #757575;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
        padding: 16px;
    }
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
    background-color: #e0e0e0;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
    background-color: #e0e0e0;
    color: #000;
}

@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__drawer {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.mdl-layout__drawer-button {
    display: block;
    position: absolute;
    height: 48px;
    width: 48px;
    border: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    font-size: 26px;
    line-height: 56px;
    font-family: Helvetica, Arial, sans-serif;
    margin: 8px 12px;
    top: 0;
    left: 0;
    color: rgb(255, 255, 255);
    z-index: 4;
}

.mdl-layout__header .mdl-layout__drawer-button {
    position: absolute;
    color: rgb(255, 255, 255);
    background-color: inherit;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header .mdl-layout__drawer-button {
        margin: 4px;
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__drawer-button {
        margin: 4px;
        color: rgba(0, 0, 0, 0.5);
    }
}

@media screen and (min-width: 1025px) {
    .mdl-layout__drawer-button {
        line-height: 54px;
    }

    .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
    .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
    .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
        display: none;
    }
}

.mdl-layout__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    min-height: 64px;
    max-height: 1000px;
    z-index: 3;
    background-color: rgb(66, 133, 244);
    color: rgb(255, 255, 255);
    box-shadow:
        0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.2),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: max-height, box-shadow;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        min-height: 56px;
    }
}

.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen)
    > .mdl-layout__header {
    margin-left: 240px;
    width: calc(100% - 240px);
}

@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
        padding-left: 40px;
    }
}

.mdl-layout__header > .mdl-layout-icon {
    position: absolute;
    left: 40px;
    top: 16px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    z-index: 3;
    display: block;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header > .mdl-layout-icon {
        left: 16px;
        top: 12px;
    }
}

.mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
    display: none;
}

.mdl-layout__header.is-compact {
    max-height: 64px;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header.is-compact {
        max-height: 56px;
    }
}

.mdl-layout__header.is-compact.has-tabs {
    height: 112px;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header.is-compact.has-tabs {
        min-height: 104px;
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        display: none;
    }

    .mdl-layout--fixed-header > .mdl-layout__header {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.mdl-layout__header--transparent.mdl-layout__header--transparent {
    background-color: transparent;
    box-shadow: none;
}

.mdl-layout__header--seamed,
.mdl-layout__header--scroll {
    box-shadow: none;
}

.mdl-layout__header--waterfall {
    box-shadow: none;
    overflow: hidden;
}

.mdl-layout__header--waterfall.is-casting-shadow {
    box-shadow:
        0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.2),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.mdl-layout__header-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 64px;
    margin: 0;
    padding: 0 40px 0 80px;
}

.mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 40px;
}

@media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
        padding-left: 40px;
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header-row {
        height: 56px;
        padding: 0 16px 0 72px;
    }

    .mdl-layout--no-drawer-button .mdl-layout__header-row {
        padding-left: 16px;
    }
}

.mdl-layout__header-row > * {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.mdl-layout__header--scroll .mdl-layout__header-row {
    width: 100%;
}

.mdl-layout__header-row .mdl-navigation {
    margin: 0;
    padding: 0;
    height: 64px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header-row .mdl-navigation {
        height: 56px;
    }
}

.mdl-layout__header-row .mdl-navigation__link {
    display: block;
    color: rgb(255, 255, 255);
    line-height: 64px;
    padding: 0 24px;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header-row .mdl-navigation__link {
        line-height: 56px;
        padding: 0 16px;
    }
}

.mdl-layout__obfuscator {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    visibility: hidden;
    transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-layout__obfuscator.is-visible {
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible;
}

@supports (pointer-events: auto) {
    .mdl-layout__obfuscator {
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition-property: opacity;
        visibility: visible;
        pointer-events: none;
    }

    .mdl-layout__obfuscator.is-visible {
        pointer-events: auto;
        opacity: 1;
    }
}

.mdl-layout__content {
    -ms-flex: 0 1 auto;
    position: relative;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
}

.mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 240px;
}

.mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow: visible;
}

@media screen and (max-width: 1024px) {
    .mdl-layout--fixed-drawer > .mdl-layout__content {
        margin-left: 0;
    }

    .mdl-layout__container.has-scrolling-header .mdl-layout__content {
        overflow-y: auto;
        overflow-x: hidden;
    }
}

.mdl-layout__tab-bar {
    height: 96px;
    margin: 0;
    width: calc(100% - 112px);
    padding: 0 0 0 56px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgb(66, 133, 244);
    overflow-y: hidden;
    overflow-x: scroll;
}

.mdl-layout__tab-bar::-webkit-scrollbar {
    display: none;
}

.mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    padding-left: 16px;
    width: calc(100% - 32px);
}

@media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
        padding-left: 16px;
        width: calc(100% - 32px);
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar {
        width: calc(100% - 60px);
        padding: 0 0 0 60px;
    }

    .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
        width: calc(100% - 8px);
        padding-left: 4px;
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar {
    padding: 0;
    overflow: hidden;
    width: 100%;
}

.mdl-layout__tab-bar-container {
    position: relative;
    height: 48px;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 2;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
}

.mdl-layout__container > .mdl-layout__tab-bar-container {
    position: absolute;
    top: 0;
    left: 0;
}

.mdl-layout__tab-bar-button {
    display: inline-block;
    position: absolute;
    top: 0;
    height: 48px;
    width: 56px;
    z-index: 4;
    text-align: center;
    background-color: rgb(66, 133, 244);
    color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
    width: 16px;
}

.mdl-layout--no-desktop-drawer-button
    .mdl-layout__tab-bar-button
    .material-icons,
.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
    position: relative;
    left: -4px;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar-button {
        width: 60px;
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
    display: none;
}

.mdl-layout__tab-bar-button .material-icons {
    line-height: 48px;
}

.mdl-layout__tab-bar-button.is-active {
    color: rgb(255, 255, 255);
}

.mdl-layout__tab-bar-left-button {
    left: 0;
}

.mdl-layout__tab-bar-right-button {
    right: 0;
}

.mdl-layout__tab {
    margin: 0;
    border: none;
    padding: 0 24px;
    float: left;
    position: relative;
    display: block;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__tab {
        padding: 0 12px;
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab {
    float: none;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0;
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    color: rgb(255, 255, 255);
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: rgb(255, 215, 64);
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s
        alternate forwards;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate
        forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

.mdl-layout__tab .mdl-layout__tab-ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
}

.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
    background-color: rgb(255, 255, 255);
}

.mdl-layout__tab-panel {
    display: block;
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel {
    display: none;
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
    display: block;
}

.mdl-radio {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 24px;
    margin: 0;
    padding-left: 0;
}

.mdl-radio.is-upgraded {
    padding-left: 24px;
}

.mdl-radio__button {
    line-height: 24px;
}

.mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.mdl-radio__outer-circle {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 50%;
    z-index: 2;
}

.mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid rgb(66, 133, 244);
}

.mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
.mdl-radio.is-disabled .mdl-radio__outer-circle {
    border: 2px solid rgba(0, 0, 0, 0.26);
    cursor: auto;
}

.mdl-radio__inner-circle {
    position: absolute;
    z-index: 1;
    margin: 0;
    top: 8px;
    left: 4px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    cursor: pointer;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: transform;
    transition-property:
        transform,
        -webkit-transform;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    border-radius: 50%;
    background: rgb(66, 133, 244);
}

.mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
.mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: rgba(0, 0, 0, 0.26);
    cursor: auto;
}

.mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

.mdl-radio__label {
    cursor: pointer;
}

fieldset[disabled] .mdl-radio .mdl-radio__label,
.mdl-radio.is-disabled .mdl-radio__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto;
}

.mdl-radio__ripple-container {
    position: absolute;
    z-index: 2;
    top: -9px;
    left: -13px;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
}

.mdl-radio__ripple-container .mdl-ripple {
    background: rgb(66, 133, 244);
}

fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
.mdl-radio.is-disabled .mdl-radio__ripple-container {
    cursor: auto;
}

fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
.mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
    background: 0 0;
}

_:-ms-input-placeholder,
:root .mdl-slider.mdl-slider.is-upgraded {
    -ms-appearance: none;
    height: 32px;
    margin: 0;
}

.mdl-slider {
    width: calc(100% - 40px);
    margin: 0 20px;
}

.mdl-slider.is-upgraded {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2px;
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    padding: 0;
    color: rgb(66, 133, 244);
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    z-index: 1;
    cursor: pointer;
}

.mdl-slider.is-upgraded::-moz-focus-outer {
    border: 0;
}

.mdl-slider.is-upgraded::-ms-tooltip {
    display: none;
}

.mdl-slider.is-upgraded::-webkit-slider-runnable-track {
    background: 0 0;
}

.mdl-slider.is-upgraded::-moz-range-track {
    background: 0 0;
    border: none;
}

.mdl-slider.is-upgraded::-ms-track {
    background: 0 0;
    color: transparent;
    height: 2px;
    width: 100%;
    border: none;
}

.mdl-slider.is-upgraded::-ms-fill-lower {
    padding: 0;
    background: linear-gradient(
        to right,
        transparent,
        transparent 16px,
        rgb(66, 133, 244) 16px,
        rgb(66, 133, 244) 0
    );
}

.mdl-slider.is-upgraded::-ms-fill-upper {
    padding: 0;
    background: linear-gradient(
        to left,
        transparent,
        transparent 16px,
        rgba(0, 0, 0, 0.26) 16px,
        rgba(0, 0, 0, 0.26) 0
    );
}

.mdl-slider.is-upgraded::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background: rgb(66, 133, 244);
    border: none;
    transition:
        transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),
        border 0.18s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1),
        background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition:
        transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),
        border 0.18s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1),
        background 0.28s cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-slider.is-upgraded::-moz-range-thumb {
    -moz-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background-image: none;
    background: rgb(66, 133, 244);
    border: none;
}

.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(66, 133, 244, 0.26);
}

.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(66, 133, 244, 0.26);
}

.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
    background-image: none;
    background: rgb(66, 133, 244);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.mdl-slider.is-upgraded:active::-moz-range-thumb {
    background-image: none;
    background: rgb(66, 133, 244);
    transform: scale(1.5);
}

.mdl-slider.is-upgraded::-ms-thumb {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: rgb(66, 133, 244);
    transform: scale(0.375);
    transition:
        transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),
        background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition:
        transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),
        background 0.28s cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(
        circle closest-side,
        rgb(66, 133, 244) 0%,
        rgb(66, 133, 244) 37.5%,
        rgba(66, 133, 244, 0.26) 37.5%,
        rgba(66, 133, 244, 0.26) 100%
    );
    transform: scale(1);
}

.mdl-slider.is-upgraded:active::-ms-thumb {
    background: rgb(66, 133, 244);
    transform: scale(0.5625);
}

.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
    border: 2px solid rgba(0, 0, 0, 0.26);
    background: 0 0;
}

.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
    border: 2px solid rgba(0, 0, 0, 0.26);
    background: 0 0;
}

.mdl-slider.is-upgraded.is-lowest-value
    + .mdl-slider__background-flex
    > .mdl-slider__background-upper {
    left: 6px;
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(
        :active
    )::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
    background: rgba(0, 0, 0, 0.12);
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
    background: rgba(0, 0, 0, 0.12);
}

.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
    border: 1.6px solid rgba(0, 0, 0, 0.26);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.mdl-slider.is-upgraded.is-lowest-value:active
    + .mdl-slider__background-flex
    > .mdl-slider__background-upper {
    left: 9px;
}

.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
    border: 1.5px solid rgba(0, 0, 0, 0.26);
    transform: scale(1.5);
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
    background: radial-gradient(
        circle closest-side,
        transparent 0%,
        transparent 66.67%,
        rgba(0, 0, 0, 0.26) 66.67%,
        rgba(0, 0, 0, 0.26) 100%
    );
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
    background: radial-gradient(
        circle closest-side,
        rgba(0, 0, 0, 0.12) 0%,
        rgba(0, 0, 0, 0.12) 25%,
        rgba(0, 0, 0, 0.26) 25%,
        rgba(0, 0, 0, 0.26) 37.5%,
        rgba(0, 0, 0, 0.12) 37.5%,
        rgba(0, 0, 0, 0.12) 100%
    );
    transform: scale(1);
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
    transform: scale(0.5625);
    background: radial-gradient(
        circle closest-side,
        transparent 0%,
        transparent 77.78%,
        rgba(0, 0, 0, 0.26) 77.78%,
        rgba(0, 0, 0, 0.26) 100%
    );
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
    background: 0 0;
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
    margin-left: 6px;
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
    margin-left: 9px;
}

.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb,
.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,
.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
    -webkit-transform: scale(0.667);
    transform: scale(0.667);
    background: rgba(0, 0, 0, 0.26);
}

.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb,
.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,
.mdl-slider.is-upgraded:disabled::-moz-range-thumb {
    transform: scale(0.667);
    background: rgba(0, 0, 0, 0.26);
}

.mdl-slider.is-upgraded:disabled
    + .mdl-slider__background-flex
    > .mdl-slider__background-lower {
    background-color: rgba(0, 0, 0, 0.26);
    left: -6px;
}

.mdl-slider.is-upgraded:disabled
    + .mdl-slider__background-flex
    > .mdl-slider__background-upper {
    left: 6px;
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
    border: 3px solid rgba(0, 0, 0, 0.26);
    background: 0 0;
    -webkit-transform: scale(0.667);
    transform: scale(0.667);
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
    border: 3px solid rgba(0, 0, 0, 0.26);
    background: 0 0;
    transform: scale(0.667);
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:active
    + .mdl-slider__background-flex
    > .mdl-slider__background-upper {
    left: 6px;
}

.mdl-slider.is-upgraded:disabled:focus::-ms-thumb,
.mdl-slider.is-upgraded:disabled:active::-ms-thumb,
.mdl-slider.is-upgraded:disabled::-ms-thumb {
    transform: scale(0.25);
    background: rgba(0, 0, 0, 0.26);
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
    transform: scale(0.25);
    background: radial-gradient(
        circle closest-side,
        transparent 0%,
        transparent 50%,
        rgba(0, 0, 0, 0.26) 50%,
        rgba(0, 0, 0, 0.26) 100%
    );
}

.mdl-slider.is-upgraded:disabled::-ms-fill-lower {
    margin-right: 6px;
    background: linear-gradient(
        to right,
        transparent,
        transparent 25px,
        rgba(0, 0, 0, 0.26) 25px,
        rgba(0, 0, 0, 0.26) 0
    );
}

.mdl-slider.is-upgraded:disabled::-ms-fill-upper {
    margin-left: 6px;
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
    margin-left: 6px;
}

.mdl-slider__ie-container {
    height: 18px;
    overflow: visible;
    border: none;
    margin: none;
    padding: none;
}

.mdl-slider__container {
    height: 18px;
    position: relative;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.mdl-slider__container,
.mdl-slider__background-flex {
    background: 0 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.mdl-slider__background-flex {
    position: absolute;
    height: 2px;
    width: calc(100% - 52px);
    top: 50%;
    left: 0;
    margin: 0 26px;
    overflow: hidden;
    border: 0;
    padding: 0;
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px);
}

.mdl-slider__background-lower {
    background: rgb(66, 133, 244);
}

.mdl-slider__background-lower,
.mdl-slider__background-upper {
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0;
}

.mdl-slider__background-upper {
    background: rgba(0, 0, 0, 0.26);
    transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-snackbar {
    position: fixed;
    bottom: 0;
    left: 50%;
    cursor: default;
    background-color: #323232;
    z-index: 3;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    will-change: transform;
    -webkit-transform: translate(0, 80px);
    transform: translate(0, 80px);
    transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    transition:
        transform 0.25s cubic-bezier(0.4, 0, 1, 1),
        -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    pointer-events: none;
}

@media (max-width: 479px) {
    .mdl-snackbar {
        width: 100%;
        left: 0;
        min-height: 48px;
        max-height: 80px;
    }
}

@media (min-width: 480px) {
    .mdl-snackbar {
        min-width: 288px;
        max-width: 568px;
        border-radius: 2px;
        -webkit-transform: translate(-50%, 80px);
        transform: translate(-50%, 80px);
    }
}

.mdl-snackbar--active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    pointer-events: auto;
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition:
        transform 0.25s cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
}

@media (min-width: 480px) {
    .mdl-snackbar--active {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

.mdl-snackbar__text {
    padding: 14px 12px 14px 24px;
    vertical-align: middle;
    color: #fff;
    float: left;
}

.mdl-snackbar__action {
    background: 0 0;
    border: none;
    color: rgb(255, 215, 64);
    float: right;
    padding: 14px 24px 14px 12px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    outline: none;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.mdl-snackbar__action::-moz-focus-inner {
    border: 0;
}

.mdl-snackbar__action:not([aria-hidden]) {
    opacity: 1;
    pointer-events: auto;
}

.mdl-spinner {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
}

.mdl-spinner:not(.is-upgraded).is-active:after {
    content: "Loading...";
}

.mdl-spinner.is-upgraded.is-active {
    -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear
        infinite;
    animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
}

@-webkit-keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.mdl-spinner__layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.mdl-spinner__layer-1 {
    border-color: #42a5f5;
}

.mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: rgb(66, 133, 244);
}

.mdl-spinner.is-active .mdl-spinner__layer-1 {
    -webkit-animation:
        mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
            infinite both,
        mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
            infinite both;
    animation:
        mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
            infinite both,
        mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
            infinite both;
}

.mdl-spinner__layer-2 {
    border-color: #f44336;
}

.mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: rgb(66, 133, 244);
}

.mdl-spinner.is-active .mdl-spinner__layer-2 {
    -webkit-animation:
        mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
            infinite both,
        mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
            infinite both;
    animation:
        mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
            infinite both,
        mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
            infinite both;
}

.mdl-spinner__layer-3 {
    border-color: #fdd835;
}

.mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: rgb(66, 133, 244);
}

.mdl-spinner.is-active .mdl-spinner__layer-3 {
    -webkit-animation:
        mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
            infinite both,
        mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
            infinite both;
    animation:
        mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
            infinite both,
        mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
            infinite both;
}

.mdl-spinner__layer-4 {
    border-color: #4caf50;
}

.mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: rgb(66, 133, 244);
}

.mdl-spinner.is-active .mdl-spinner__layer-4 {
    -webkit-animation:
        mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
            infinite both,
        mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
            infinite both;
    animation:
        mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
            infinite both,
        mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
            infinite both;
}

@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg);
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
    }

    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}

@keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg);
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
    }

    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}

@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
    from,
    25% {
        opacity: 0.99;
    }

    26%,
    89% {
        opacity: 0;
    }

    90%,
    100% {
        opacity: 0.99;
    }
}

@keyframes mdl-spinner__layer-1-fade-in-out {
    from,
    25% {
        opacity: 0.99;
    }

    26%,
    89% {
        opacity: 0;
    }

    90%,
    100% {
        opacity: 0.99;
    }
}

@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
    from,
    15% {
        opacity: 0;
    }

    25%,
    50% {
        opacity: 0.99;
    }

    51% {
        opacity: 0;
    }
}

@keyframes mdl-spinner__layer-2-fade-in-out {
    from,
    15% {
        opacity: 0;
    }

    25%,
    50% {
        opacity: 0.99;
    }

    51% {
        opacity: 0;
    }
}

@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
    from,
    40% {
        opacity: 0;
    }

    50%,
    75% {
        opacity: 0.99;
    }

    76% {
        opacity: 0;
    }
}

@keyframes mdl-spinner__layer-3-fade-in-out {
    from,
    40% {
        opacity: 0;
    }

    50%,
    75% {
        opacity: 0.99;
    }

    76% {
        opacity: 0;
    }
}

@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
    from,
    65% {
        opacity: 0;
    }

    75%,
    90% {
        opacity: 0.99;
    }

    100% {
        opacity: 0;
    }
}

@keyframes mdl-spinner__layer-4-fade-in-out {
    from,
    65% {
        opacity: 0;
    }

    75%,
    90% {
        opacity: 0.99;
    }

    100% {
        opacity: 0;
    }
}

.mdl-spinner__gap-patch {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%;
}

.mdl-spinner__circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.mdl-spinner__circle-clipper.mdl-spinner__left {
    float: left;
}

.mdl-spinner__circle-clipper.mdl-spinner__right {
    float: right;
}

.mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%;
}

.mdl-spinner__circle {
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg);
}

.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__left-spin 1333ms
        cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1)
        infinite both;
}

.mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg);
}

.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__right-spin 1333ms
        cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1)
        infinite both;
}

@-webkit-keyframes mdl-spinner__left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}

@keyframes mdl-spinner__left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}

@-webkit-keyframes mdl-spinner__right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}

@keyframes mdl-spinner__right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}

.mdl-switch {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mdl-switch.is-upgraded {
    padding-left: 28px;
}

.mdl-switch__input {
    line-height: 24px;
}

.mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.mdl-switch__track {
    background: rgba(0, 0, 0, 0.26);
    position: absolute;
    left: 0;
    top: 5px;
    height: 14px;
    width: 36px;
    border-radius: 14px;
    cursor: pointer;
}

.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(66, 133, 244, 0.5);
}

.mdl-switch__track fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__track {
    background: rgba(0, 0, 0, 0.12);
    cursor: auto;
}

.mdl-switch__thumb {
    background: #fafafa;
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow:
        0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.2),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: left;
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: rgb(66, 133, 244);
    left: 16px;
    box-shadow:
        0 3px 4px 0 rgba(0, 0, 0, 0.14),
        0 3px 3px -2px rgba(0, 0, 0, 0.2),
        0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.mdl-switch__thumb fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__thumb {
    background: #bdbdbd;
    cursor: auto;
}

.mdl-switch__focus-helper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px);
    display: inline-block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent;
}

.mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
}

.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(66, 133, 244, 0.26);
    background-color: rgba(66, 133, 244, 0.26);
}

.mdl-switch__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    left: 24px;
}

.mdl-switch__label fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__label {
    color: #bdbdbd;
    cursor: auto;
}

.mdl-switch__ripple-container {
    position: absolute;
    z-index: 2;
    top: -12px;
    left: -14px;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
    transition-duration: 0.4s;
    transition-timing-function: step-end;
    transition-property: left;
}

.mdl-switch__ripple-container .mdl-ripple {
    background: rgb(66, 133, 244);
}

.mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__ripple-container {
    cursor: auto;
}

fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
.mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
    background: 0 0;
}

.mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 2px;
}

.mdl-tabs {
    display: block;
    width: 100%;
}

.mdl-tabs__tab-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 48px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e0e0e0;
}

.mdl-tabs__tab {
    margin: 0;
    border: none;
    padding: 0 24px;
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.54);
    overflow: hidden;
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: rgba(0, 0, 0, 0.87);
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: rgb(66, 133, 244);
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s
        alternate forwards;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate
        forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

.mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
}

.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
    background: rgb(66, 133, 244);
}

.mdl-tabs__panel {
    display: block;
}

.mdl-tabs.is-upgraded .mdl-tabs__panel {
    display: none;
}

.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
    display: block;
}

@-webkit-keyframes border-expand {
    0% {
        opacity: 0;
        width: 0;
    }

    100% {
        opacity: 1;
        width: 100%;
    }
}

@keyframes border-expand {
    0% {
        opacity: 0;
        width: 0;
    }

    100% {
        opacity: 1;
        width: 100%;
    }
}

.mdl-textfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0;
}

.mdl-textfield .mdl-button {
    position: absolute;
    bottom: 20px;
}

.mdl-textfield--align-right {
    text-align: right;
}

.mdl-textfield--full-width {
    width: 100%;
}

.mdl-textfield--expandable {
    min-width: 32px;
    width: auto;
    min-height: 32px;
}

.mdl-textfield--expandable .mdl-button--icon {
    top: 16px;
}

.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    display: block;
    font-size: 16px;
    font-family: "Helvetica", "Arial", sans-serif;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: 0 0;
    text-align: left;
    color: inherit;
}

.mdl-textfield__input[type="number"] {
    -moz-appearance: textfield;
}

.mdl-textfield__input[type="number"]::-webkit-inner-spin-button,
.mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.mdl-textfield.is-focused .mdl-textfield__input {
    outline: none;
}

.mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: #d50000;
    box-shadow: none;
}

fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26);
}

.mdl-textfield textarea.mdl-textfield__input {
    display: block;
}

.mdl-textfield__label {
    bottom: 0;
    color: rgba(0, 0, 0, 0.26);
    font-size: 16px;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}

.mdl-textfield.is-dirty .mdl-textfield__label,
.mdl-textfield.has-placeholder .mdl-textfield__label {
    visibility: hidden;
}

.mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none;
}

fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: rgba(0, 0, 0, 0.26);
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: rgb(66, 133, 244);
    font-size: 12px;
    top: 4px;
    visibility: visible;
}

.mdl-textfield--floating-label.is-focused
    .mdl-textfield__expandable-holder
    .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty
    .mdl-textfield__expandable-holder
    .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder
    .mdl-textfield__expandable-holder
    .mdl-textfield__label {
    top: -16px;
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: #d50000;
    font-size: 12px;
}

.mdl-textfield__label:after {
    background-color: rgb(66, 133, 244);
    bottom: 20px;
    content: "";
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 10px;
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%;
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: #d50000;
}

.mdl-textfield__error {
    color: #d50000;
    position: absolute;
    font-size: 12px;
    margin-top: 3px;
    visibility: hidden;
    display: block;
}

.mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible;
}

.mdl-textfield__expandable-holder {
    display: inline-block;
    position: relative;
    margin-left: 32px;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
    max-width: 0.1px;
}

.mdl-textfield.is-focused .mdl-textfield__expandable-holder,
.mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 600px;
}

.mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0;
}

.mdl-tooltip {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    z-index: 999;
    background: rgba(97, 97, 97, 0.9);
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    max-width: 170px;
    position: fixed;
    top: -500px;
    left: -500px;
    padding: 8px;
    text-align: center;
}

.mdl-tooltip.is-active {
    -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
    animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.mdl-tooltip--large {
    line-height: 14px;
    font-size: 14px;
    padding: 16px;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
    }
}

.mdl-shadow--2dp {
    box-shadow:
        0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.2),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mdl-shadow--3dp {
    box-shadow:
        0 3px 4px 0 rgba(0, 0, 0, 0.14),
        0 3px 3px -2px rgba(0, 0, 0, 0.2),
        0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.mdl-shadow--4dp {
    box-shadow:
        0 4px 5px 0 rgba(0, 0, 0, 0.14),
        0 1px 10px 0 rgba(0, 0, 0, 0.12),
        0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.mdl-shadow--6dp {
    box-shadow:
        0 6px 10px 0 rgba(0, 0, 0, 0.14),
        0 1px 18px 0 rgba(0, 0, 0, 0.12),
        0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.mdl-shadow--8dp {
    box-shadow:
        0 8px 10px 1px rgba(0, 0, 0, 0.14),
        0 3px 14px 2px rgba(0, 0, 0, 0.12),
        0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.mdl-shadow--16dp {
    box-shadow:
        0 16px 24px 2px rgba(0, 0, 0, 0.14),
        0 6px 30px 5px rgba(0, 0, 0, 0.12),
        0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.mdl-shadow--24dp {
    box-shadow:
        0 9px 46px 8px rgba(0, 0, 0, 0.14),
        0 11px 15px -7px rgba(0, 0, 0, 0.12),
        0 24px 38px 3px rgba(0, 0, 0, 0.2);
}

.mdl-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.mdl-grid.mdl-grid--no-spacing {
    padding: 0;
}

.mdl-cell {
    box-sizing: border-box;
}

.mdl-cell--top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.mdl-cell--middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.mdl-cell--bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.mdl-cell--stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
    margin: 0;
}

.mdl-cell--order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.mdl-cell--order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.mdl-cell--order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.mdl-cell--order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}

.mdl-cell--order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}

.mdl-cell--order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}

.mdl-cell--order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
}

.mdl-cell--order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
}

.mdl-cell--order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
}

.mdl-cell--order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
}

.mdl-cell--order-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
}

.mdl-cell--order-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
}

@media (max-width: 479px) {
    .mdl-grid {
        padding: 8px;
    }

    .mdl-cell {
        margin: 8px;
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 100%;
    }

    .mdl-cell--hide-phone {
        display: none !important;
    }

    .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: calc(25% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col,
    .mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: 25%;
    }

    .mdl-cell--2-col,
    .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: calc(50% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col,
    .mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: 50%;
    }

    .mdl-cell--3-col,
    .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: calc(75% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col,
    .mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: 75%;
    }

    .mdl-cell--4-col,
    .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col,
    .mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: 100%;
    }

    .mdl-cell--5-col,
    .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col,
    .mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: 100%;
    }

    .mdl-cell--6-col,
    .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col,
    .mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: 100%;
    }

    .mdl-cell--7-col,
    .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col,
    .mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: 100%;
    }

    .mdl-cell--8-col,
    .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col,
    .mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: 100%;
    }

    .mdl-cell--9-col,
    .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col,
    .mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: 100%;
    }

    .mdl-cell--10-col,
    .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col,
    .mdl-grid--no-spacing > .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: 100%;
    }

    .mdl-cell--11-col,
    .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col,
    .mdl-grid--no-spacing > .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: 100%;
    }

    .mdl-cell--12-col,
    .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col,
    .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: 100%;
    }

    .mdl-cell--1-offset,
    .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: calc(25% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: 25%;
    }

    .mdl-cell--2-offset,
    .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: calc(50% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: 50%;
    }

    .mdl-cell--3-offset,
    .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: calc(75% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: 75%;
    }
}

@media (min-width: 480px) and (max-width: 839px) {
    .mdl-grid {
        padding: 8px;
    }

    .mdl-cell {
        margin: 8px;
        width: calc(50% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 50%;
    }

    .mdl-cell--hide-tablet {
        display: none !important;
    }

    .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: calc(12.5% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col,
    .mdl-grid--no-spacing > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: 12.5%;
    }

    .mdl-cell--2-col,
    .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: calc(25% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col,
    .mdl-grid--no-spacing > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: 25%;
    }

    .mdl-cell--3-col,
    .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: calc(37.5% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col,
    .mdl-grid--no-spacing > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: 37.5%;
    }

    .mdl-cell--4-col,
    .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: calc(50% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col,
    .mdl-grid--no-spacing > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: 50%;
    }

    .mdl-cell--5-col,
    .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: calc(62.5% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col,
    .mdl-grid--no-spacing > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: 62.5%;
    }

    .mdl-cell--6-col,
    .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: calc(75% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col,
    .mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: 75%;
    }

    .mdl-cell--7-col,
    .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: calc(87.5% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col,
    .mdl-grid--no-spacing > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: 87.5%;
    }

    .mdl-cell--8-col,
    .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col,
    .mdl-grid--no-spacing > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: 100%;
    }

    .mdl-cell--9-col,
    .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col,
    .mdl-grid--no-spacing > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: 100%;
    }

    .mdl-cell--10-col,
    .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col,
    .mdl-grid--no-spacing > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: 100%;
    }

    .mdl-cell--11-col,
    .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col,
    .mdl-grid--no-spacing > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: 100%;
    }

    .mdl-cell--12-col,
    .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col,
    .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: 100%;
    }

    .mdl-cell--1-offset,
    .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: calc(12.5% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: 12.5%;
    }

    .mdl-cell--2-offset,
    .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: calc(25% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: 25%;
    }

    .mdl-cell--3-offset,
    .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: calc(37.5% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: 37.5%;
    }

    .mdl-cell--4-offset,
    .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: calc(50% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: 50%;
    }

    .mdl-cell--5-offset,
    .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: calc(62.5% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: 62.5%;
    }

    .mdl-cell--6-offset,
    .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: calc(75% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: 75%;
    }

    .mdl-cell--7-offset,
    .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: calc(87.5% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: 87.5%;
    }
}

@media (min-width: 840px) {
    .mdl-grid {
        padding: 8px;
    }

    .mdl-cell {
        margin: 8px;
        width: calc(33.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 33.3333333333%;
    }

    .mdl-cell--hide-desktop {
        display: none !important;
    }

    .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: calc(8.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col,
    .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: 8.3333333333%;
    }

    .mdl-cell--2-col,
    .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: calc(16.6666666667% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col,
    .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: 16.6666666667%;
    }

    .mdl-cell--3-col,
    .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: calc(25% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col,
    .mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: 25%;
    }

    .mdl-cell--4-col,
    .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: calc(33.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col,
    .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: 33.3333333333%;
    }

    .mdl-cell--5-col,
    .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: calc(41.6666666667% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col,
    .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: 41.6666666667%;
    }

    .mdl-cell--6-col,
    .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: calc(50% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col,
    .mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: 50%;
    }

    .mdl-cell--7-col,
    .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: calc(58.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col,
    .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: 58.3333333333%;
    }

    .mdl-cell--8-col,
    .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: calc(66.6666666667% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col,
    .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: 66.6666666667%;
    }

    .mdl-cell--9-col,
    .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(75% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col,
    .mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: 75%;
    }

    .mdl-cell--10-col,
    .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: calc(83.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col,
    .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: 83.3333333333%;
    }

    .mdl-cell--11-col,
    .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: calc(91.6666666667% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col,
    .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: 91.6666666667%;
    }

    .mdl-cell--12-col,
    .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col,
    .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: 100%;
    }

    .mdl-cell--1-offset,
    .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: calc(8.3333333333% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: 8.3333333333%;
    }

    .mdl-cell--2-offset,
    .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: calc(16.6666666667% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: 16.6666666667%;
    }

    .mdl-cell--3-offset,
    .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: calc(25% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: 25%;
    }

    .mdl-cell--4-offset,
    .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: calc(33.3333333333% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: 33.3333333333%;
    }

    .mdl-cell--5-offset,
    .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: calc(41.6666666667% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: 41.6666666667%;
    }

    .mdl-cell--6-offset,
    .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: calc(50% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: 50%;
    }

    .mdl-cell--7-offset,
    .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: calc(58.3333333333% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: 58.3333333333%;
    }

    .mdl-cell--8-offset,
    .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: calc(66.6666666667% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: 66.6666666667%;
    }

    .mdl-cell--9-offset,
    .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: calc(75% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: 75%;
    }

    .mdl-cell--10-offset,
    .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: calc(83.3333333333% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: 83.3333333333%;
    }

    .mdl-cell--11-offset,
    .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: calc(91.6666666667% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset,
    .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: 91.6666666667%;
    }
}

body {
    margin: 0;
}

.styleguide-demo h1 {
    margin: 48px 24px 0;
}

.styleguide-demo h1:after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    margin-top: 24px;
}

.styleguide-demo {
    opacity: 0;
    transition: opacity 0.6s ease;
}

.styleguide-masthead {
    height: 256px;
    background: #212121;
    padding: 115px 16px 0;
}

.styleguide-container {
    position: relative;
    max-width: 960px;
    width: 100%;
}

.styleguide-title {
    color: #fff;
    bottom: auto;
    position: relative;
    font-size: 56px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.02em;
}

.styleguide-title:after {
    border-bottom: 0;
}

.styleguide-title span {
    font-weight: 300;
}

.mdl-styleguide .mdl-layout__drawer .mdl-navigation__link {
    padding: 10px 24px;
}

.demosLoaded .styleguide-demo {
    opacity: 1;
}

iframe {
    display: block;
    width: 100%;
    border: none;
}

iframe.heightSet {
    overflow: hidden;
}

.demo-wrapper {
    margin: 24px;
}

.demo-wrapper iframe {
    border: 1px solid rgba(0, 0, 0, 0.5);
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%);
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
}

.chosen-container a {
    cursor: pointer;
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    color: #999999;
}

.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(20%, #fff),
        color-stop(50%, #f6f6f6),
        color-stop(52%, #eee),
        to(#f4f4f4)
    );
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    -webkit-box-shadow:
        0 0 3px #fff inset,
        0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow:
        0 0 3px #fff inset,
        0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("/assets/chosen-sprite-f7fbca86a2def90ffc360ca93fe262a90a00ea53.png") -42px
        1px no-repeat;
    font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url("/assets/chosen-sprite-f7fbca86a2def90ffc360ca93fe262a90a00ea53.png")
        no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: url("/assets/chosen-sprite-f7fbca86a2def90ffc360ca93fe262a90a00ea53.png")
        no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%);
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(20%, #3875d7),
        color-stop(90%, #2a62bc)
    );
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(1%, #eee),
        color-stop(15%, #fff)
    );
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eeeeee;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(20%, #f4f4f4),
        color-stop(50%, #f0f0f0),
        color-stop(52%, #e8e8e8),
        to(#eee)
    );
    background-image: linear-gradient(
        #f4f4f4 20%,
        #f0f0f0 50%,
        #e8e8e8 52%,
        #eee 100%
    );
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    -webkit-box-shadow:
        0 0 2px #fff inset,
        0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow:
        0 0 2px #fff inset,
        0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("/assets/chosen-sprite-f7fbca86a2def90ffc360ca93fe262a90a00ea53.png") -42px
        1px no-repeat;
    font-size: 1px;
}

.chosen-container-multi
    .chosen-choices
    li.search-choice
    .search-choice-close:hover {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(20%, #f4f4f4),
        color-stop(50%, #f0f0f0),
        color-stop(52%, #e8e8e8),
        to(#eee)
    );
    background-image: linear-gradient(
        #f4f4f4 20%,
        #f0f0f0 50%,
        #e8e8e8 52%,
        #eee 100%
    );
    color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}

.chosen-container-multi
    .chosen-choices
    li.search-choice-focus
    .search-choice-close {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(20%, #eee),
        color-stop(80%, #fff)
    );
    background-image: linear-gradient(#eee 20%, #fff 80%);
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

.chosen-disabled .chosen-single {
    cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
    text-align: right;
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}

.chosen-rtl .chosen-choices li {
    float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: url("/assets/chosen-sprite-f7fbca86a2def90ffc360ca93fe262a90a00ea53.png")
        no-repeat -30px -20px;
    direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-resolution: 144dpi),
    only screen and (min-resolution: 1.5dppx) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-image: url("/assets/chosen-sprite@2x-c4cb34f06a336abadd0939d8c02c9356ce38b1a3.png") !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}

/* @end */
/*! jQuery UI - v1.12.1 - 2016-10-13
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    filter: Alpha(Opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    filter: Alpha(Opacity=35);
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("/assets/images/ui-icons_ffffff_256x240-75cea48ab9a24bb4cbff96470608c77e48d26c3a.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: 0.3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow:
        1px 0 0 #e6e6e6,
        -1px 0 0 #e6e6e6,
        0 1px 0 #e6e6e6,
        0 -1px 0 #e6e6e6,
        0 3px 13px rgba(0, 0, 0, 0.08);
    box-shadow:
        1px 0 0 #e6e6e6,
        -1px 0 0 #e6e6e6,
        0 1px 0 #e6e6e6,
        0 -1px 0 #e6e6e6,
        0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible;
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999;
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
    animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px;
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block;
}

.flatpickr-calendar.multiMonth
    .flatpickr-days
    .dayContainer:nth-child(n + 1)
    .flatpickr-day.inRange:nth-child(7n + 7) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.flatpickr-calendar.multiMonth
    .flatpickr-days
    .dayContainer:nth-child(n + 2)
    .flatpickr-day.inRange:nth-child(7n + 1) {
    -webkit-box-shadow:
        -2px 0 0 #e6e6e6,
        5px 0 0 #e6e6e6;
    box-shadow:
        -2px 0 0 #e6e6e6,
        5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
    left: auto;
    right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
    left: 50%;
    right: 50%;
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px;
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
    bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
    top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff;
}

.flatpickr-calendar:focus {
    outline: 0;
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block;
}

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    color: rgba(0, 0, 0, 0.9);
    fill: rgba(0, 0, 0, 0.9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0, 0, 0, 0.9);
    fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
    position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    /*
/*rtl:begin:ignore*/
    left: 0;
}

/*
/*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    /*
/*rtl:begin:ignore*/
    right: 0;
}

/*
/*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
    color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
    -webkit-transition: fill 0.1s;
    transition: fill 0.1s;
    fill: inherit;
}

.numInputWrapper {
    position: relative;
    height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
    display: inline-block;
}

.numInputWrapper input {
    width: 100%;
}

.numInputWrapper input::-ms-clear {
    display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, 0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute;
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, 0.6);
    top: 26%;
}

.numInputWrapper span.arrowDown {
    top: 50%;
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, 0.6);
    top: 40%;
}

.numInputWrapper span svg {
    width: inherit;
    height: auto;
}

.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
    opacity: 1;
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: 0.5ch;
    padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\0;
    display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 0.5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0, 0, 0, 0.5);
    background: transparent;
    pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0 0;
    outline: none;
    padding: 0 0 0 0.5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
    outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month
    .flatpickr-monthDropdown-months
    .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0;
}

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0, 0, 0, 0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0 0;
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px;
}

.flatpickr-days:focus {
    outline: 0;
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.dayContainer + .dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6;
}

.flatpickr-day.today {
    border-color: #959ea9;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px;
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow:
        -5px 0 0 #e6e6e6,
        5px 0 0 #e6e6e6;
    box-shadow:
        -5px 0 0 #e6e6e6,
        5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(57, 57, 57, 0.3);
    background: transparent;
    border-color: transparent;
    cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow:
        -5px 0 0 #569ff7,
        5px 0 0 #569ff7;
    box-shadow:
        -5px 0 0 #569ff7,
        5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
    visibility: hidden;
}

.rangeMode .flatpickr-day {
    margin-top: 1px;
}

.flatpickr-weekwrapper {
    float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57, 57, 57, 0.3);
    background: transparent;
    cursor: default;
    border: none;
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both;
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%;
}

.flatpickr-time input {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
    font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400;
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: bold;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
    background: #eee;
}

.flatpickr-input[readonly] {
    cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* Lab custom styles for Flatpickr. */
.flatpickr-current-month {
    display: flex;
    justify-content: space-between;
}

.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: var(--primary-surface-color-light) !important;
    border: var(--primary-surface-color-light) !important;
    color: var(--base-text-on-surface-color) !important;
}

.flatpickr-day.selected {
    background: var(--primary-surface-color) !important;
    border: var(--primary-surface-color) !important;
    color: var(--text-on-primary-color) !important;
}

.flatpickr-time input {
    border: 0 !important;
    border-radius: 0 !important;
    height: auto !important;
}

:root {
    --game-color: #e52592;
    --classroom-color: #01877e;
    --external-course-color: #d56e0c;
    --certification-color: #c5221f;
}

.join__activate,
.modal-container,
.lab-assessment__tab,
.buy-credits__option__details__price,
.buy-course__option__details__price {
    align-items: center;
    display: flex;
    justify-content: center;
}

.sort_link.desc:after,
.sort_link.asc:after,
.chosen-container-single .chosen-single div b:before,
.chosen-container-multi .chosen-single div b:before {
    font-family: "Google Material Icons";
    margin-left: 3px;
    position: absolute;
    text-decoration: none;
}

.sidenav__link,
.hover-menu__menu__item {
    transition: all 0.1s ease-in-out;
    background: white;
    border: 2px solid #dadce0;
    cursor: pointer;
    display: block;
    padding: 0.75rem;
    width: 100%;
}

.sidenav__link:first-child,
.hover-menu__menu__item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.sidenav__link:last-child,
.hover-menu__menu__item:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.sidenav__link:not(:last-child),
.hover-menu__menu__item:not(:last-child) {
    border-bottom: none;
}

.sidenav__link:hover,
.hover-menu__menu__item:hover {
    background: #dadce0;
    color: var(--primary-text-on-surface-color);
}

.help-block,
.footer__link,
.sidenav__link,
.hover-menu__menu__item {
    font-family: var(--md-ref-typeface-plain);
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
}

.header-container.light-theme {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #dadce0;
    color: #202124;
    z-index: 101;
}

.header-container.light-theme .logo {
    background-image: url("/assets/logo_blue-e1820f0fe6c9ddd9ced5541cd31283d7e405296f.svg");
}

.header-container.light-theme .header__title h1 .custom-logo {
    color: var(--medium-text-on-surface-color);
}

.header-container.light-theme .header__actions .favorite-button i {
    color: #202124;
}

.header-container.light-theme
    .header__actions
    .favorite-button[href*="unfavorite"]
    i {
    color: #f538a0;
}

abbr[title],
abbr[data-original-title] {
    border-bottom: none !important;
}

label abbr[title] {
    color: var(--primary-text-on-surface-color);
}

hr {
    border: 0;
    border-top: 1px solid var(--hairline-color);
    display: block;
    height: 1px;
    margin: 24px 0;
    padding: 0;
}

mark {
    background-color: #f9ab00;
    border-radius: 2px;
    color: inherit;
    padding: 2px 0px;
}

p,
li {
    font: var(--md-sys-typescale-body-large);
}

.small-label,
.label--small {
    font: var(--md-sys-typescale-body-medium);
    text-decoration: none;
}

strong {
    font-weight: 700;
}

.mdl-typography--small-title {
    color: #202124;
    font-size: 15px;
    font-weight: 400;
}

.text--blue {
    color: var(--primary-text-on-surface-color);
}

.text--center {
    text-align: center;
}

.text--capitalize {
    text-transform: capitalize;
}

.text--code {
    font-family: "Roboto Mono", monospace;
}

.text--copy {
    font-family: var(--md-ref-typeface-plain);
}

.text--error {
    color: var(--warn-color);
}

.text--free {
    color: var(--success-color);
    font-weight: 700;
    text-transform: uppercase;
}

.text--gray {
    color: rgba(0, 0, 0, 0.54);
}

.text--light {
    color: var(--light-text-on-surface-color) !important;
}

.text--right {
    text-align: right;
}

.text--sign {
    font-family: "Oswald", sans-serif;
}

.text--small {
    font-size: 14px !important;
}

.text--large {
    font-size: 20px !important;
}

.text--success {
    color: var(--success-color) !important;
}

.text--yellow {
    color: #f9ab00;
}

.text--red {
    color: #d93025;
}

.text--green {
    color: #34a853;
}

u {
    text-decoration: none;
}

.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: "liga";
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.text--rtl {
    direction: rtl;
}

.body-wrapper {
    max-width: 800px;
}

.text--button {
    font: var(--md-sys-typescale-label-large);
}

:root {
    --md-sys-color-background: #fff;
    --md-sys-color-error: #b3261e;
    --md-sys-color-error-container: #f9dedc;
    --md-sys-color-inverse-on-surface: #f2f2f2;
    --md-sys-color-inverse-primary: #a8c7fa;
    --md-sys-color-inverse-surface: #303030;
    --md-sys-color-on-background: #1f1f1f;
    --md-sys-color-on-error: #fff;
    --md-sys-color-on-error-container: #410e0b;
    --md-sys-color-on-primary: #fff;
    --md-sys-color-on-primary-container: #041e49;
    --md-sys-color-on-primary-fixed: #041e49;
    --md-sys-color-on-primary-fixed-variant: #0842a0;
    --md-sys-color-on-secondary: #fff;
    --md-sys-color-on-secondary-container: #001d35;
    --md-sys-color-on-secondary-fixed: #001d35;
    --md-sys-color-on-secondary-fixed-variant: #004a77;
    --md-sys-color-on-surface: #1f1f1f;
    --md-sys-color-on-surface-variant: #444746;
    --md-sys-color-on-tertiary: #fff;
    --md-sys-color-on-tertiary-container: #072711;
    --md-sys-color-on-tertiary-fixed: #072711;
    --md-sys-color-on-tertiary-fixed-variant: #0f5223;
    --md-sys-color-outline: #747775;
    --md-sys-color-outline-variant: #c4c7c5;
    --md-sys-color-primary: #0b57d0;
    --md-sys-color-primary-container: #d3e3fd;
    --md-sys-color-primary-fixed: #d3e3fd;
    --md-sys-color-primary-fixed-dim: #a8c7fa;
    --md-sys-color-scrim: #000;
    --md-sys-color-secondary: #00639b;
    --md-sys-color-secondary-container: #c2e7ff;
    --md-sys-color-secondary-fixed: #c2e7ff;
    --md-sys-color-secondary-fixed-dim: #7fcfff;
    --md-sys-color-shadow: #000;
    --md-sys-color-surface: #fff;
    --md-sys-color-surface-bright: #fff;
    --md-sys-color-surface-container: #f0f4f9;
    --md-sys-color-surface-container-high: #e9eef6;
    --md-sys-color-surface-container-highest: #dde3ea;
    --md-sys-color-surface-container-low: #f8fafd;
    --md-sys-color-surface-container-lowest: #fff;
    --md-sys-color-surface-dim: #d3dbe5;
    --md-sys-color-surface-tint: #6991d6;
    --md-sys-color-surface-variant: #e1e3e1;
    --md-sys-color-tertiary: #146c2e;
    --md-sys-color-tertiary-container: #c4eed0;
    --md-sys-color-tertiary-fixed: #c4eed0;
    --md-sys-color-tertiary-fixed-dim: #6dd58c;
    --md-state-layers-hover-opacity: 0.08;
    --md-state-layers-focus-opacity: 0.1;
    --md-state-layers-press-opacity: 0.1;
    --md-state-layers-drag-opacity: 0.16;
    --md-state-layers-on-surface-color: #1f1f1f;
    --md-state-layers-on-primary-color: #041e49;
    --md-state-layers-on-secondary-color: #001d35;
    --md-state-layers-on-tertiary-color: #072711;
    --md-ref-typeface-brand: Google Sans;
    --md-ref-typeface-plain: "Google Sans Text", "Google Sans";
    --md-ref-typeface-weight-bold: 700;
    --md-ref-typeface-weight-medium: 500;
    --md-ref-typeface-weight-regular: 400;
    --md-sys-typescale-body-large-font: var(
        --md-ref-typeface-plain,
        "Google Sans Text",
        "Google Sans"
    );
    --md-sys-typescale-body-large-line-height: 1.5rem;
    --md-sys-typescale-body-large-size: 1rem;
    --md-sys-typescale-body-large-weight: var(
        --md-ref-typeface-weight-regular,
        400
    );
    --md-sys-typescale-body-medium-font: var(
        --md-ref-typeface-plain,
        "Google Sans Text",
        "Google Sans"
    );
    --md-sys-typescale-body-medium-line-height: 1.25rem;
    --md-sys-typescale-body-medium-size: 0.875rem;
    --md-sys-typescale-body-medium-weight: var(
        --md-ref-typeface-weight-regular,
        400
    );
    --md-sys-typescale-body-small-font: var(
        --md-ref-typeface-plain,
        "Google Sans Text",
        "Google Sans"
    );
    --md-sys-typescale-body-small-line-height: 1rem;
    --md-sys-typescale-body-small-size: 0.75rem;
    --md-sys-typescale-body-small-weight: var(
        --md-ref-typeface-weight-regular,
        400
    );
    --md-sys-typescale-display-large-font: var(
        --md-ref-typeface-brand,
        Google Sans
    );
    --md-sys-typescale-display-large-line-height: 4rem;
    --md-sys-typescale-display-large-size: 3.5625rem;
    --md-sys-typescale-display-large-weight: var(
        --md-ref-typeface-weight-regular,
        400
    );
    --md-sys-typescale-display-medium-font: var(
        --md-ref-typeface-brand,
        Google Sans
    );
    --md-sys-typescale-display-medium-line-height: 3.25rem;
    --md-sys-typescale-display-medium-size: 2.8125rem;
    --md-sys-typescale-display-medium-weight: var(
        --md-ref-typeface-weight-regular,
        400
    );
    --md-sys-typescale-display-small-font: var(
        --md-ref-typeface-brand,
        Google Sans
    );
    --md-sys-typescale-display-small-line-height: 2.75rem;
    --md-sys-typescale-display-small-size: 2.25rem;
    --md-sys-typescale-display-small-weight: var(
        --md-ref-typeface-weight-regular,
        400
    );
    --md-sys-typescale-headline-large-font: var(
        --md-ref-typeface-brand,
        Google Sans
    );
    --md-sys-typescale-headline-large-line-height: 2.5rem;
    --md-sys-typescale-headline-large-size: 2rem;
    --md-sys-typescale-headline-large-weight: var(
        --md-ref-typeface-weight-regular,
        400
    );
    --md-sys-typescale-headline-medium-font: var(
        --md-ref-typeface-brand,
        Google Sans
    );
    --md-sys-typescale-headline-medium-line-height: 2.25rem;
    --md-sys-typescale-headline-medium-size: 1.75rem;
    --md-sys-typescale-headline-medium-weight: var(
        --md-ref-typeface-weight-regular,
        400
    );
    --md-sys-typescale-headline-small-font: var(
        --md-ref-typeface-brand,
        Google Sans
    );
    --md-sys-typescale-headline-small-line-height: 2rem;
    --md-sys-typescale-headline-small-size: 1.5rem;
    --md-sys-typescale-headline-small-weight: var(
        --md-ref-typeface-weight-regular,
        400
    );
    --md-sys-typescale-label-large-font: var(
        --md-ref-typeface-plain,
        "Google Sans Text",
        "Google Sans"
    );
    --md-sys-typescale-label-large-line-height: 1.25rem;
    --md-sys-typescale-label-large-size: 0.875rem;
    --md-sys-typescale-label-large-weight: var(
        --md-ref-typeface-weight-medium,
        500
    );
    --md-sys-typescale-label-large-weight-prominent: var(
        --md-ref-typeface-weight-bold,
        700
    );
    --md-sys-typescale-label-medium-font: var(
        --md-ref-typeface-plain,
        "Google Sans Text",
        "Google Sans"
    );
    --md-sys-typescale-label-medium-line-height: 1rem;
    --md-sys-typescale-label-medium-size: 0.75rem;
    --md-sys-typescale-label-medium-weight: var(
        --md-ref-typeface-weight-medium,
        500
    );
    --md-sys-typescale-label-medium-weight-prominent: var(
        --md-ref-typeface-weight-bold,
        700
    );
    --md-sys-typescale-label-small-font: var(
        --md-ref-typeface-plain,
        "Google Sans Text",
        "Google Sans"
    );
    --md-sys-typescale-label-small-line-height: 1rem;
    --md-sys-typescale-label-small-size: 0.6875rem;
    --md-sys-typescale-label-small-weight: var(
        --md-ref-typeface-weight-medium,
        500
    );
    --md-sys-typescale-title-large-font: var(
        --md-ref-typeface-brand,
        Google Sans
    );
    --md-sys-typescale-title-large-line-height: 1.75rem;
    --md-sys-typescale-title-large-size: 1.375rem;
    --md-sys-typescale-title-large-weight: var(
        --md-ref-typeface-weight-regular,
        400
    );
    --md-sys-typescale-title-medium-font: var(
        --md-ref-typeface-plain,
        "Google Sans Text",
        "Google Sans"
    );
    --md-sys-typescale-title-medium-line-height: 1.5rem;
    --md-sys-typescale-title-medium-size: 1rem;
    --md-sys-typescale-title-medium-weight: var(
        --md-ref-typeface-weight-medium,
        500
    );
    --md-sys-typescale-title-small-font: var(
        --md-ref-typeface-plain,
        "Google Sans Text",
        "Google Sans"
    );
    --md-sys-typescale-title-small-line-height: 1.25rem;
    --md-sys-typescale-title-small-size: 0.875rem;
    --md-sys-typescale-title-small-weight: var(
        --md-ref-typeface-weight-medium,
        500
    );
}

:root {
    --primary-text-on-surface-color: #1a73e8;
    --primary-text-on-surface-color-dark: #1967d2;
    --primary-text-on-surface-color-darker: #185abc;
    --primary-text-on-surface-color-darkest: #174ea6;
    --primary-surface-color: #1a73e8;
    --primary-surface-color-dark: #1967d2;
    --primary-surface-color-darker: #185abc;
    --primary-surface-color-darkest: #174ea6;
    --primary-surface-color-light: #4285f4;
    --primary-surface-color-lighter: #669df6;
    --primary-surface-color-lightest: #e8f0fe;
    --text-on-primary-color: #fff;
    --accent-text-on-surface-color: #f29900;
    --accent-surface-color: #f9ab00;
    --accent-surface-color-dark: #f29900;
    --accent-surface-color-darker: #ea8600;
    --accent-surface-color-darkest: #e37400;
    --text-on-accent-color: #202124;
    --caution-color: #f9ab00;
    --warn-color: #d93025;
    --success-color: #188038;
    --hairline-color: #dadce0;
    --base-surface-color: #fff;
    --base-text-on-surface-color: #202124;
    --medium-text-on-surface-color: #3c4043;
    --light-text-on-surface-color: #5f6368;
    --hover-color: #f8f9fa;
    --focus-color: #e8f0fe;
    --text-on-focus-color: #185abc;
    --disabled-content-color: rgba(60, 64, 67, 0.38);
    --disabled-container-color: rgba(60, 64, 67, 0.12);
    --disabled-surface-color: #e8eaed;
    --text-on-disabled-surface-color: #5f6368;
    --course-color: #1a73e8;
    --document-color: #202124;
    --game-color: #007b83;
    --lab-color: #f29900;
    --link-color: #202124;
    --quest-color: #1e8e3e;
    --quiz-color: #8430ce;
    --video-color: #d93025;
    --mdc-theme-primary: var(--primary-surface-color);
    --mdc-theme-secondary: var(--primary-surface-color);
    --mdc-theme-surface: var(--base-surface-color);
    --mdc-theme-background: var(--base-surface-color);
    --mdc-theme-on-primary: var(--text-on-primary-color);
    --mdc-theme-on-secondary: var(--text-on-primary-color);
    --mdc-theme-on-surface: var(--base-text-on-surface-color);
    --display-1-font:
        400 4rem/4.75rem Google Sans Display, Roboto, Arial, sans-serif;
    --display-1-letter-spacing: 0;
    --display-2-font:
        400 3.5rem/4rem Google Sans Display, Roboto, Arial, sans-serif;
    --display-2-letter-spacing: 0;
    --display-3-font:
        400 2.75rem/3.5rem Google Sans Display, Roboto, Arial, sans-serif;
    --display-3-letter-spacing: 0;
    --headline-1-font:
        400 2.25rem/2.75rem Google Sans, Roboto, Arial, sans-serif;
    --headline-1-letter-spacing: 0;
    --headline-2-font: 400 2rem/2.5rem Google Sans, Roboto, Arial, sans-serif;
    --headline-2-letter-spacing: 0;
    --headline-3-font:
        400 1.75rem/2.25rem Google Sans, Roboto, Arial, sans-serif;
    --headline-3-letter-spacing: 0;
    --headline-4-font: 400 1.5rem/2rem Google Sans, Roboto, Arial, sans-serif;
    --headline-4-letter-spacing: 0;
    --headline-5-font:
        400 1.375rem/1.75rem Google Sans, Roboto, Arial, sans-serif;
    --headline-5-letter-spacing: 0;
    --headline-6-font:
        400 1.125rem/1.5rem Google Sans, Roboto, Arial, sans-serif;
    --headline-6-letter-spacing: 0;
    --subhead-1-font: 500 1rem/1.5rem Google Sans, Roboto, Arial, sans-serif;
    --subhead-1-letter-spacing: letter-spacing(0.1, 1);
    --subhead-2-font:
        500 0.875rem/1.25rem Google Sans, Roboto, Arial, sans-serif;
    --subhead-2-letter-spacing: letter-spacing(0.25, 0.875);
    --subtitle-1-font: 500 1rem/1.5rem Roboto, Arial, sans-serif;
    --subtitle-1-letter-spacing: letter-spacing(0.2, 1);
    --subtitle-2-font: 500 0.875rem/1.25rem Roboto, Arial, sans-serif;
    --subtitle-2-letter-spacing: letter-spacing(0.25, 0.875);
    --overline-font: 500 0.6875rem/1rem Roboto, Arial, sans-serif;
    --overline-letter-spacing: letter-spacing(0.8, 0.6875);
    --body-1-font: 400 1rem/1.5rem Roboto, Arial, sans-serif;
    --body-1-letter-spacing: letter-spacing(0.1, 1);
    --body-2-font: 400 0.875rem/1.25rem Roboto, Arial, sans-serif;
    --body-2-letter-spacing: letter-spacing(0.2, 0.875);
    --caption-font: 400 0.75rem/1rem Roboto, Arial, sans-serif;
    --caption-letter-spacing: letter-spacing(0.3, 0.75);
    --button-font: 500 0.875rem/0.875rem Google Sans, Roboto, Arial, sans-serif;
    --button-letter-spacing: letter-spacing(0.15, 0.875);
    --code-font: 400 0.875rem/1.25rem Roboto Mono, mono;
    --code-letter-spacing: 0;
    --transition-time-enter: 0.2s;
    --transition-time-exit: 0.175s;
    --transition-curve-standard: cubic-bezier(0.4, 0, 0.2, 1);
    --transition-curve-enter: cubic-bezier(0.4, 0, 1, 1);
    --transition-curve-exit: cubic-bezier(0, 0, 0.2, 1);
    --transition-curve-tempexit: cubic-bezier(0.4, 0, 0.6, 1);
    --elevation-1:
        0px 1px 2px 0px rgba(60, 64, 67, 0.3),
        0px 1px 3px 1px rgba(60, 64, 67, 0.15);
    --elevation-2:
        0px 1px 2px 0px rgba(60, 64, 67, 0.3),
        0px 2px 6px 2px rgba(60, 64, 67, 0.15);
    --elevation-3:
        0px 1px 3px 0px rgba(60, 64, 67, 0.3),
        0px 4px 8px 3px rgba(60, 64, 67, 0.15);
    --elevation-4:
        0px 2px 3px 0px rgba(60, 64, 67, 0.3),
        0px 6px 10px 4px rgba(60, 64, 67, 0.15);
    --elevation-5:
        0px 4px 4px 0px rgba(60, 64, 67, 0.3),
        0px 8px 12px 6px rgba(60, 64, 67, 0.15);
}

.gmTypographyDisplay1 {
    font-family:
        Google Sans Display,
        Roboto,
        Arial,
        sans-serif;
    line-height: 4.75rem;
    font-size: 4rem;
    letter-spacing: 0;
    font-weight: 400;
}

.gmTypographyDisplay2 {
    font-family:
        Google Sans Display,
        Roboto,
        Arial,
        sans-serif;
    line-height: 4rem;
    font-size: 3.5rem;
    letter-spacing: 0;
    font-weight: 400;
}

.gmTypographyDisplay3 {
    font-family:
        Google Sans Display,
        Roboto,
        Arial,
        sans-serif;
    line-height: 3.25rem;
    font-size: 2.75rem;
    letter-spacing: 0;
    font-weight: 400;
}

.gmTypographyHeadline1 {
    font-family:
        Google Sans,
        Roboto,
        Arial,
        sans-serif;
    line-height: 2.75rem;
    font-size: 2.25rem;
    letter-spacing: 0;
    font-weight: 400;
}

.gmTypographyHeadline2 {
    font-family:
        Google Sans,
        Roboto,
        Arial,
        sans-serif;
    line-height: 2.5rem;
    font-size: 2rem;
    letter-spacing: 0;
    font-weight: 400;
}

.gmTypographyHeadline3 {
    font-family:
        Google Sans,
        Roboto,
        Arial,
        sans-serif;
    line-height: 2.25rem;
    font-size: 1.75rem;
    letter-spacing: 0;
    font-weight: 400;
}

.gmTypographyHeadline4 {
    font-family:
        Google Sans,
        Roboto,
        Arial,
        sans-serif;
    line-height: 2rem;
    font-size: 1.5rem;
    letter-spacing: 0;
    font-weight: 400;
}

.gmTypographyHeadline5 {
    font-family:
        Google Sans,
        Roboto,
        Arial,
        sans-serif;
    line-height: 1.75rem;
    font-size: 1.375rem;
    letter-spacing: 0;
    font-weight: 400;
}

.gmTypographyHeadline6 {
    font-family:
        Google Sans,
        Roboto,
        Arial,
        sans-serif;
    line-height: 1.5rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    font-weight: 400;
}

.gmTypographySubhead1 {
    font-family:
        Google Sans,
        Roboto,
        Arial,
        sans-serif;
    line-height: 1.5rem;
    font-size: 1rem;
    letter-spacing: 0.00625em;
    font-weight: 500;
}

.gmTypographySubhead2 {
    font-family:
        Google Sans,
        Roboto,
        Arial,
        sans-serif;
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0.0178571429em;
    font-weight: 500;
}

.gmTypographySubtitle1 {
    font-family: Roboto, Arial, sans-serif;
    line-height: 1.5rem;
    font-size: 1rem;
    letter-spacing: 0.0125em;
    font-weight: 500;
}

.gmTypographySubtitle2 {
    font-family: Roboto, Arial, sans-serif;
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0.0178571429em;
    font-weight: 500;
}

.gmTypographyOverline {
    font-family: Roboto, Arial, sans-serif;
    line-height: 1rem;
    font-size: 0.6875rem;
    letter-spacing: 0.0727272727em;
    font-weight: 500;
    text-transform: uppercase;
}

.gmTypographyBody1 {
    font-family: Roboto, Arial, sans-serif;
    line-height: 1.5rem;
    font-size: 1rem;
    letter-spacing: 0.00625em;
    font-weight: 400;
}

.gmTypographyBody2 {
    font-family: Roboto, Arial, sans-serif;
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0.0142857143em;
    font-weight: 400;
}

.gmTypographyCaption {
    font-family: Roboto, Arial, sans-serif;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.025em;
    font-weight: 400;
}

.ql-display-1,
.ql-typography .ql-display-1 {
    color: var(--base-text-on-surface-color);
    font: var(--display-1-font);
    letter-spacing: var(--display-1-letter-spacing);
}

.ql-display-1.disabled,
.ql-display-1[disabled],
.ql-typography .ql-display-1.disabled,
.ql-typography .ql-display-1[disabled] {
    color: var(--disabled-content-color);
}

.ql-display-2,
.ql-typography .ql-display-2 {
    color: var(--base-text-on-surface-color);
    font: var(--display-2-font);
    letter-spacing: var(--display-2-letter-spacing);
}

.ql-display-2.disabled,
.ql-display-2[disabled],
.ql-typography .ql-display-2.disabled,
.ql-typography .ql-display-2[disabled] {
    color: var(--disabled-content-color);
}

.ql-display-3,
.ql-typography .ql-display-3 {
    color: var(--base-text-on-surface-color);
    font: var(--display-3-font);
    letter-spacing: var(--display-3-letter-spacing);
}

.ql-display-3.disabled,
.ql-display-3[disabled],
.ql-typography .ql-display-3.disabled,
.ql-typography .ql-display-3[disabled] {
    color: var(--disabled-content-color);
}

.ql-headline-1,
.ql-typography .ql-headline-1,
.ql-typography h1 {
    color: var(--base-text-on-surface-color);
    font: var(--headline-1-font);
    letter-spacing: var(--headline-1-letter-spacing);
}

.ql-headline-1.disabled,
.ql-headline-1[disabled],
.ql-typography .ql-headline-1.disabled,
.ql-typography .ql-headline-1[disabled],
.ql-typography h1.disabled,
.ql-typography h1[disabled] {
    color: var(--disabled-content-color);
}

.ql-headline-2,
.ql-typography .ql-headline-2,
.ql-typography h2 {
    color: var(--base-text-on-surface-color);
    font: var(--headline-2-font);
    letter-spacing: var(--headline-2-letter-spacing);
}

.ql-headline-2.disabled,
.ql-headline-2[disabled],
.ql-typography .ql-headline-2.disabled,
.ql-typography .ql-headline-2[disabled],
.ql-typography h2.disabled,
.ql-typography h2[disabled] {
    color: var(--disabled-content-color);
}

.ql-headline-3,
.ql-typography .ql-headline-3,
.ql-typography h3 {
    color: var(--base-text-on-surface-color);
    font: var(--headline-3-font);
    letter-spacing: var(--headline-3-letter-spacing);
}

.ql-headline-3.disabled,
.ql-headline-3[disabled],
.ql-typography .ql-headline-3.disabled,
.ql-typography .ql-headline-3[disabled],
.ql-typography h3.disabled,
.ql-typography h3[disabled] {
    color: var(--disabled-content-color);
}

.ql-headline-4,
.ql-typography .ql-headline-4,
.ql-typography h4 {
    color: var(--base-text-on-surface-color);
    font: var(--headline-4-font);
    letter-spacing: var(--headline-4-letter-spacing);
}

.ql-headline-4.disabled,
.ql-headline-4[disabled],
.ql-typography .ql-headline-4.disabled,
.ql-typography .ql-headline-4[disabled],
.ql-typography h4.disabled,
.ql-typography h4[disabled] {
    color: var(--disabled-content-color);
}

.ql-headline-5,
.ql-typography .ql-headline-5,
.ql-typography h5 {
    color: var(--base-text-on-surface-color);
    font: var(--headline-5-font);
    letter-spacing: var(--headline-5-letter-spacing);
}

.ql-headline-5.disabled,
.ql-headline-5[disabled],
.ql-typography .ql-headline-5.disabled,
.ql-typography .ql-headline-5[disabled],
.ql-typography h5.disabled,
.ql-typography h5[disabled] {
    color: var(--disabled-content-color);
}

.ql-headline-6,
.ql-typography .ql-headline-6,
.ql-typography h6 {
    color: var(--base-text-on-surface-color);
    font: var(--headline-6-font);
    letter-spacing: var(--headline-6-letter-spacing);
}

.ql-headline-6.disabled,
.ql-headline-6[disabled],
.ql-typography .ql-headline-6.disabled,
.ql-typography .ql-headline-6[disabled],
.ql-typography h6.disabled,
.ql-typography h6[disabled] {
    color: var(--disabled-content-color);
}

.ql-subhead-1,
.ql-typography .ql-subhead-1 {
    color: var(--medium-text-on-surface-color);
    font: var(--subhead-1-font);
    letter-spacing: var(--subhead-1-letter-spacing);
}

.ql-subhead-1.disabled,
.ql-subhead-1[disabled],
.ql-typography .ql-subhead-1.disabled,
.ql-typography .ql-subhead-1[disabled] {
    color: var(--disabled-content-color);
}

.ql-subhead-2,
.ql-typography .ql-subhead-2 {
    color: var(--medium-text-on-surface-color);
    font: var(--subhead-2-font);
    letter-spacing: var(--subhead-2-letter-spacing);
}

.ql-subhead-2.disabled,
.ql-subhead-2[disabled],
.ql-typography .ql-subhead-2.disabled,
.ql-typography .ql-subhead-2[disabled] {
    color: var(--disabled-content-color);
}

.ql-subtitle-1,
.ql-typography .ql-subtitle-1 {
    font: var(--subtitle-1-font);
    letter-spacing: var(--subtitle-1-letter-spacing);
}

.ql-subtitle-1.disabled,
.ql-subtitle-1[disabled],
.ql-typography .ql-subtitle-1.disabled,
.ql-typography .ql-subtitle-1[disabled] {
    color: var(--disabled-content-color);
}

.ql-subtitle-2,
.ql-typography .ql-subtitle-2 {
    font: var(--subtitle-2-font);
    letter-spacing: var(--subtitle-2-letter-spacing);
}

.ql-subtitle-2.disabled,
.ql-subtitle-2[disabled],
.ql-typography .ql-subtitle-2.disabled,
.ql-typography .ql-subtitle-2[disabled] {
    color: var(--disabled-content-color);
}

.ql-overline,
.ql-typography .ql-overline {
    font: var(--overline-font);
    letter-spacing: var(--overline-letter-spacing);
}

.ql-overline.disabled,
.ql-overline[disabled],
.ql-typography .ql-overline.disabled,
.ql-typography .ql-overline[disabled] {
    color: var(--disabled-content-color);
}

.ql-body-1,
.ql-typography,
.ql-typography .ql-body-1,
.ql-typography li,
.ql-typography p {
    color: var(--medium-text-on-surface-color);
    font: var(--body-1-font);
    letter-spacing: var(--body-1-letter-spacing);
}

.ql-body-1.disabled,
.ql-body-1[disabled],
.ql-typography .ql-body-1.disabled,
.ql-typography .ql-body-1[disabled],
.ql-typography li.disabled,
.ql-typography li[disabled],
.ql-typography p.disabled,
.ql-typography p[disabled],
.ql-typography.disabled,
.ql-typography[disabled] {
    color: var(--disabled-content-color);
}

.ql-body-2,
.ql-typography .ql-body-2 {
    color: var(--light-text-on-surface-color);
    font: var(--body-2-font);
    letter-spacing: var(--body-2-letter-spacing);
}

.ql-body-2.disabled,
.ql-body-2[disabled],
.ql-typography .ql-body-2.disabled,
.ql-typography .ql-body-2[disabled] {
    color: var(--disabled-content-color);
}

.ql-caption,
.ql-typography .ql-caption,
.ql-typography caption {
    font: var(--caption-font);
    letter-spacing: var(--caption-letter-spacing);
}

.ql-caption.disabled,
.ql-caption[disabled],
.ql-typography .ql-caption.disabled,
.ql-typography .ql-caption[disabled],
.ql-typography caption.disabled,
.ql-typography caption[disabled] {
    color: var(--disabled-content-color);
}

.ql-button-typography,
.ql-typography .ql-button-typography {
    font: var(--button-font);
    letter-spacing: var(--button-letter-spacing);
}

.ql-button-typography.disabled,
.ql-button-typography[disabled],
.ql-typography .ql-button-typography.disabled,
.ql-typography .ql-button-typography[disabled] {
    color: var(--disabled-content-color);
}

.ql-code-typography,
.ql-typography .ql-code-typography,
.ql-typography code {
    font: var(--code-font);
    letter-spacing: var(--code-letter-spacing);
}

.ql-code-typography.disabled,
.ql-code-typography[disabled],
.ql-typography .ql-code-typography.disabled,
.ql-typography .ql-code-typography[disabled],
.ql-typography code.disabled,
.ql-typography code[disabled] {
    color: var(--disabled-content-color);
}

:root {
    --md-sys-typescale-display-large: var(
            --md-sys-typescale-display-large-weight
        )
        var(--md-sys-typescale-display-large-size) /
        var(--md-sys-typescale-display-large-line-height)
        var(--md-sys-typescale-display-large-font);
    --md-sys-typescale-display-medium: var(
            --md-sys-typescale-display-medium-weight
        )
        var(--md-sys-typescale-display-medium-size) /
        var(--md-sys-typescale-display-medium-line-height)
        var(--md-sys-typescale-display-medium-font);
    --md-sys-typescale-display-small: var(
            --md-sys-typescale-display-small-weight
        )
        var(--md-sys-typescale-display-small-size) /
        var(--md-sys-typescale-display-small-line-height)
        var(--md-sys-typescale-display-small-font);
    --md-sys-typescale-headline-large: var(
            --md-sys-typescale-headline-large-weight
        )
        var(--md-sys-typescale-headline-large-size) /
        var(--md-sys-typescale-headline-large-line-height)
        var(--md-sys-typescale-headline-large-font);
    --md-sys-typescale-headline-medium: var(
            --md-sys-typescale-headline-medium-weight
        )
        var(--md-sys-typescale-headline-medium-size) /
        var(--md-sys-typescale-headline-medium-line-height)
        var(--md-sys-typescale-headline-medium-font);
    --md-sys-typescale-headline-small: var(
            --md-sys-typescale-headline-small-weight
        )
        var(--md-sys-typescale-headline-small-size) /
        var(--md-sys-typescale-headline-small-line-height)
        var(--md-sys-typescale-headline-small-font);
    --md-sys-typescale-title-large: var(--md-sys-typescale-title-large-weight)
        var(--md-sys-typescale-title-large-size) /
        var(--md-sys-typescale-title-large-line-height)
        var(--md-sys-typescale-title-large-font);
    --md-sys-typescale-title-medium: var(--md-sys-typescale-title-medium-weight)
        var(--md-sys-typescale-title-medium-size) /
        var(--md-sys-typescale-title-medium-line-height)
        var(--md-sys-typescale-title-medium-font);
    --md-sys-typescale-title-small: var(--md-sys-typescale-title-small-weight)
        var(--md-sys-typescale-title-small-size) /
        var(--md-sys-typescale-title-small-line-height)
        var(--md-sys-typescale-title-small-font);
    --md-sys-typescale-body-large: var(--md-sys-typescale-body-large-weight)
        var(--md-sys-typescale-body-large-size) /
        var(--md-sys-typescale-body-large-line-height)
        var(--md-sys-typescale-body-large-font);
    --md-sys-typescale-body-medium: var(--md-sys-typescale-body-medium-weight)
        var(--md-sys-typescale-body-medium-size) /
        var(--md-sys-typescale-body-medium-line-height)
        var(--md-sys-typescale-body-medium-font);
    --md-sys-typescale-body-small: var(--md-sys-typescale-body-small-weight)
        var(--md-sys-typescale-body-small-size) /
        var(--md-sys-typescale-body-small-line-height)
        var(--md-sys-typescale-body-small-font);
    --md-sys-typescale-label-large: var(--md-sys-typescale-label-large-weight)
        var(--md-sys-typescale-label-large-size) /
        var(--md-sys-typescale-label-large-line-height)
        var(--md-sys-typescale-label-large-font);
    --md-sys-typescale-label-medium: var(--md-sys-typescale-label-medium-weight)
        var(--md-sys-typescale-label-medium-size) /
        var(--md-sys-typescale-label-medium-line-height)
        var(--md-sys-typescale-label-medium-font);
    --md-sys-typescale-label-small: var(--md-sys-typescale-label-small-weight)
        var(--md-sys-typescale-label-small-size) /
        var(--md-sys-typescale-label-small-line-height)
        var(--md-sys-typescale-label-small-font);
}

.ql-display-large {
    font: var(--md-sys-typescale-display-large);
}

.ql-display-medium {
    font: var(--md-sys-typescale-display-medium);
}

.ql-display-small {
    font: var(--md-sys-typescale-display-small);
}

.ql-headline-large {
    font: var(--md-sys-typescale-headline-large);
}

.ql-headline-medium {
    font: var(--md-sys-typescale-headline-medium);
}

.ql-headline-small {
    font: var(--md-sys-typescale-headline-small);
}

.ql-title-large {
    font: var(--md-sys-typescale-title-large);
}

.ql-title-medium {
    font: var(--md-sys-typescale-title-medium);
}

.ql-title-small,
.header-tab {
    font: var(--md-sys-typescale-title-small);
}

.ql-body-large {
    font: var(--md-sys-typescale-body-large);
}

.ql-body-medium {
    font: var(--md-sys-typescale-body-medium);
}

.ql-body-small {
    font: var(--md-sys-typescale-body-small);
}

.ql-label-large {
    font: var(--md-sys-typescale-label-large);
}

.ql-label-medium {
    font: var(--md-sys-typescale-label-medium);
}

.ql-label-small {
    font: var(--md-sys-typescale-label-small);
}

* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background: var(--md-sys-color-background);
    color: var(--md-sys-color-on-background);
    font: var(--md-sys-typescale-body-large);
    overscroll-behavior: none;
}

body.application-new {
    transition: padding-left 0.175s cubic-bezier(0.4, 0, 0.6, 1);
    min-height: 100vh;
    padding-top: 64px;
    padding-left: 72px;
    padding-right: 72px;
}

@media (max-width: 600px) {
    body.application-new {
        padding-left: 0;
        padding-right: 0;
    }
}

body.no-nav {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.l-dense,
body.l-full {
    padding-right: 0;
}

@media (max-width: 600px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
}

html {
    font-size: 100%;
}

svg {
    display: block;
}

abbr[title] {
    text-decoration: none;
}

@media (max-width: 600px) {
    .zEWidget-launcher {
        bottom: 64px !important;
        margin: 8px !important;
    }
}

.sticky {
    position: sticky;
    top: 0;
    z-index: 10;
}

.body-container {
    overflow: visible;
}

.body-content {
    min-height: 100vh;
    padding-bottom: 128px;
}

.page-header {
    position: sticky;
    top: 64px;
    z-index: 9;
}

.standard-main-container {
    overflow: visible;
    z-index: 9;
}

.standard-main-container .sidenav-drawer {
    height: calc(100vh - 64px);
    left: 0;
    overflow-y: auto;
    padding-right: 24px;
    position: fixed;
    top: 64px;
}

.standard-main-container main {
    padding: 24px;
}

@media (max-width: 600px) {
    body.l-full .zEWidget-launcher {
        bottom: 0 !important;
    }
}

main {
    padding: 0 48px;
    position: relative;
}

@media (max-width: 600px) {
    main {
        padding: 0 16px;
    }
}

body.l-dense main {
    padding: 0 24px;
}

body.l-full main {
    padding: 0;
}

.l-main-wrapper {
    margin: 0 auto;
    max-width: 1200px;
    min-width: 840px;
    padding: 48px 0;
}

@media (max-width: 1263px) {
    .l-main-wrapper {
        min-width: 0px;
        padding: 12px 0;
    }
}

@media (max-width: 600px) {
    .l-main-wrapper {
        max-width: 100%;
        margin-bottom: 64px;
    }
}

body.l-dense .l-main-wrapper {
    max-width: 100%;
    padding: 24px 0;
}

body.l-full .l-main-wrapper {
    max-width: 100%;
    margin-bottom: 0;
    padding: 0;
}

.l-admin-container,
.l-my-account-container {
    display: flex;
    margin-bottom: 3rem;
}

.l-classroom__sidebar {
    width: 384px;
}

.l-classroom__sidebar--students {
    flex: 1;
    width: auto;
}

.l-classroom__main {
    flex: 1;
}

.l-classroom__main--students {
    flex: 0 0 auto;
    width: 640px;
}

.l-fill-area {
    width: 100%;
    height: 100%;
    display: block;
}

.l-flex-vertical {
    align-items: center;
    display: flex;
}

.l-form-width {
    max-width: 600px;
}

.l-full-container {
    display: flex;
    width: 100%;
}

.l-full-container::after {
    clear: both;
    content: "";
    display: table;
}

.l-half-width {
    flex: 1;
    max-width: 50%;
}

.l-half-width + .l-half-width {
    margin-left: 1.5rem;
}

.l-hidden {
    display: none;
}

.l-ie-iframe-fix {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1;
}

.l-main-container {
    flex: auto;
    min-height: calc(100vh - 60px - 121px - 9rem);
    width: 0;
}

.l-sidebar {
    flex: none;
    margin-right: 1.5rem;
    width: 180px;
}

.l-wrapper {
    padding-left: 24px;
    padding-right: 24px;
}

.l-no-padding .l-main-wrapper {
    padding: 0px;
}

.l-wrapper--cards {
    display: flex;
    margin: 0 auto;
    max-width: 1680px;
}

.l-wrapper--labs {
    margin: 0 auto;
    max-width: 864px;
}

.l-wrapper--text {
    margin-left: auto;
    margin-right: auto;
    max-width: 650px;
}

.l-wrapper--group {
    max-width: 600px;
}

.l-mbs {
    margin-bottom: 0.375rem;
}

.l-mbm {
    margin-bottom: 0.75rem;
}

.l-mbl {
    margin-bottom: 1.5rem;
}

.l-mbxl {
    margin-bottom: 3rem;
}

.l-mbxxl {
    margin-bottom: 6rem;
}

.l-mls {
    margin-left: 0.375rem;
}

.l-mlm {
    margin-left: 0.75rem;
}

.l-mll {
    margin-left: 1.5rem;
}

.l-mlxl {
    margin-left: 3rem;
}

.l-mlxxl {
    margin-left: 6rem;
}

.l-mlauto {
    margin-left: auto;
}

.l-mrs {
    margin-right: 0.375rem;
}

.l-mrm {
    margin-right: 0.75rem;
}

.l-mrl {
    margin-right: 1.5rem;
}

.l-mrxl {
    margin-right: 3rem;
}

.l-mrxxl {
    margin-right: 6rem;
}

.l-mrzero {
    margin-right: 0;
}

.l-mts {
    margin-top: 0.375rem;
}

.l-mtm {
    margin-top: 0.75rem;
}

.l-mtl {
    margin-top: 1.5rem;
}

.l-mtxl {
    margin-top: 3rem;
}

.l-mtxxl {
    margin-top: 6rem;
}

.hidden {
    display: none;
}

@media (max-width: 600px) {
    .hide-mobile,
    .mobile-hide {
        display: none !important;
    }
}

.show-mobile,
.mobile-show {
    display: none !important;
}

@media (max-width: 600px) {
    .show-mobile,
    .mobile-show {
        display: block !important;
    }
}

.no-padding {
    padding: 0px !important;
}

.center-text {
    text-align: center;
}

.grecaptcha-badge {
    visibility: hidden;
}

.accordion-group {
    background: var(--base-surface-color);
    border-radius: 2px;
    margin-bottom: 24px;
    padding: 24px;
}

.accordion-heading {
    align-items: center;
    display: flex;
}

.accordion-toggle {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 400;
    margin-right: auto;
    text-decoration: none !important;
}

.accordion-toggle i {
    margin-left: 8px;
}

.accordion-body {
    margin-top: 24px;
}

.dashboard-container {
    width: 100%;
    height: 100%;
    background: white;
    position: relative;
}

.dashboard-container--auto-height {
    height: auto;
}

.dashboard-container--danger {
    border-color: var(--warn-color);
}

.dashboard-container--danger .dashboard-container__header {
    color: var(--warn-color);
    border-bottom-color: var(--warn-color);
}

.dashboard-container__header,
.dashboard-container__body {
    padding: 1.5rem;
}

.dashboard-container__header {
    align-items: center;
    display: flex;
}

.dashboard-container__header__actions {
    margin-left: auto;
}

.dashboard-container__body {
    overflow-x: auto;
}

.my_account-users .dashboard-container__body {
    overflow-x: visible;
}

.alert {
    background: var(--primary-surface-color);
    border: none;
    border-radius: 8px;
    color: var(--text-on-primary-color);
    display: flex;
    font-size: 14px;
    padding: 1.5rem;
    text-shadow: none;
    width: 100%;
    z-index: 25;
    outline: 1px solid transparent;
}

.alert a {
    transition: all 0.1s ease-in-out;
    color: var(--text-on-primary-color);
    cursor: pointer;
    text-decoration: none;
    text-decoration: underline;
}

.alert a:hover {
    text-decoration: underline;
}

.alert__message {
    font-size: inherit;
    margin-bottom: 0;
}

.alert-error {
    background: var(--warn-color);
}

.alert__close {
    color: var(--text-on-primary-color);
    cursor: pointer;
    display: block;
    flex: none;
    margin-left: auto;
}

.alert__close i.fa {
    font-size: 18px !important;
}

.alert__close:hover {
    color: var(--text-on-primary-color);
}

.alert--fake {
    display: none;
    width: calc(100% - 4px);
    position: absolute;
}

.alert--large {
    padding: 3rem;
}

.alert--yellow {
    background: rgba(var(--accent-surface-color-rgb), 0.75);
    color: #202124;
}

.alert--yellow a {
    transition: all 0.1s ease-in-out;
    color: var(--primary-text-on-surface-color);
    cursor: pointer;
    text-decoration: none;
}

.alert--yellow a:hover {
    text-decoration: underline;
}

.alert--promo {
    background: #c92786;
}

.alert--promo p {
    font-size: 16px;
}

.alert,
.flash {
    left: 0px;
    margin-left: 114px;
    position: fixed;
    top: 80px;
    width: calc(100vw - 162px);
}

.is-open .flash {
    margin-left: 304px;
    width: calc(100vw - 352px);
}

.assessmentManualSteps h4 {
    margin-bottom: 20px;
}

.assessmentManualSteps .step_fields {
    border: 1px solid var(--hairline-color);
    padding: 10px;
}

.assessmentManualSteps .add_nested_fields {
    margin-bottom: 20px;
}

.ui-widget.ui-widget-content {
    border: 1px solid #dadce0;
    border-radius: 8px;
    box-shadow:
        0px 1px 2px 0px rgba(60, 64, 67, 0.3),
        0px 1px 3px 1px rgba(60, 64, 67, 0.15);
    padding: 8px 0;
    z-index: 999;
}

.ui-menu .ui-menu-item {
    color: #202124;
    font-weight: 400;
    font-size: 15px;
    list-style-image: none;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper {
    padding: 8px 16px;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #f8f9fa;
    border: none;
    color: #202124;
    margin: 0px;
    position: relative;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active:after {
    background: var(--primary-surface-color);
    content: "";
    display: block;
    left: -1px;
    height: 100%;
    position: absolute;
    top: 0px;
    width: 3px;
}

.ui-menu .ui-menu-item .autocomplete--user {
    align-items: center;
    display: flex;
    height: 32px;
}

.ui-menu .ui-menu-item .autocomplete--user img {
    border-radius: 50%;
    height: 32px;
    margin-right: 8px;
    width: 32px;
}

.ui-menu .ui-menu-item .autocomplete--user div {
    font-size: 15px;
    line-height: 1;
}

.ui-menu .ui-menu-item .autocomplete--user div span {
    color: #aaa;
    display: block;
    font-size: 13px;
}

.ui-widget-content .ui-state-focus {
    background: #dadce0;
    border: none;
}

.ui-menu .ui-state-focus {
    margin: 0;
}

ql-avatar {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.badge {
    width: 110px;
    height: 118px;
    color: white;
}

.badge--small {
    width: 55px;
    height: 59px;
}

.badge--incomplete {
    filter: grayscale(100%) opacity(25%);
}

ql-user-points {
    flex-shrink: 0;
}

@media (max-width: 1263px) {
    ql-user-points {
        display: none;
    }
}

ql-chip.barker-points-chip {
    --chip-color: #e6f4ea;
    --chip-text-color: #0d652d;
    --chip-border-color: none;
}

ql-chip.barker-points-chip.featured {
    cursor: pointer;
}

#leaderboard-cycle-result-modal {
    --dialog-body-padding: 50px;
    --dialog-width: 800px;
}

#leaderboard-cycle-result-modal .container {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
}

#leaderboard-cycle-result-modal img.league-image {
    width: 192px;
}

#leaderboard-cycle-result-modal h1 {
    margin-bottom: 8px;
}

#leaderboard-cycle-result-modal .promoted-images-container {
    height: 192px;
    margin: 96px;
    position: relative;
    width: 192px;
}

#leaderboard-cycle-result-modal .promoted-images-container img.league-image {
    filter: drop-shadow(-12px 7px 4px var(--hairline-color));
    left: 0;
    position: absolute;
}

#leaderboard-cycle-result-modal
    .promoted-images-container
    img.league-image.old {
    animation:
        bounce-in-down 2s ease 1s backwards,
        promoted-flip 2s ease 3s forwards,
        promoted-flip-fade-out 2s step-end 3s both;
}

#leaderboard-cycle-result-modal
    .promoted-images-container
    img.league-image.new {
    animation:
        bounce-in-down 2s ease 1s backwards,
        promoted-flip 2s ease 3s forwards,
        promoted-flip-fade-in 2s step-end 3s both;
}

#leaderboard-cycle-result-modal .demoted-images-container {
    height: 192px;
    margin: 96px;
    position: relative;
    width: 192px;
}

#leaderboard-cycle-result-modal .demoted-images-container img {
    left: 0;
    position: absolute;
}

#leaderboard-cycle-result-modal .demoted-images-container img.old {
    animation: drop-down-fall-over 3s ease 1s both;
}

#leaderboard-cycle-result-modal .demoted-images-container img.shatter-fx {
    width: 192px;
    animation:
        drop-down-fall-over 3s ease 1s both,
        shatter-fx 3s step-end 1s both;
}

#leaderboard-cycle-result-modal .demoted-images-container img.new {
    opacity: 0;
    animation: fade-in-zoom 1.5s ease-in 4s both;
}

#leaderboard-cycle-result-modal .no-change-images-container {
    margin: 48px;
}

#leaderboard-cycle-result-modal .no-change-images-container img {
    animation: happy-spinny 3.5s infinite 1s;
    width: 256px;
}

/**
 * Animations for promoted images...
 */
@keyframes bounce-in-down {
    0% {
        animation-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15);
        opacity: 0;
        transform: translateY(-200%);
    }

    25% {
        animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
        opacity: 1;
        transform: translateY(0);
    }

    37% {
        animation-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15);
        transform: translateY(-30px);
    }

    49% {
        animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
        transform: translateY(0);
    }

    57% {
        animation-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15);
        transform: translateY(-15px);
    }

    65%,
    100% {
        transform: translateY(0);
    }
}

@keyframes promoted-flip-fade-out {
    0% {
        opacity: 1;
    }

    8%,
    100% {
        opacity: 0;
    }
}

@keyframes promoted-flip-fade-in {
    0% {
        opacity: 0;
    }

    8%,
    100% {
        opacity: 1;
    }
}

@keyframes promoted-flip {
    0% {
        animation-timing-function: cubic-bezier(0.2, 0, 0, 1);
        filter: drop-shadow(-12px 7px 4px var(--hairline-color));
        transform: perspective(400px) translateZ(0) rotateY(0);
    }

    40% {
        animation-timing-function: cubic-bezier(1, 0, 0.8, 1);
        transform: perspective(400px) translateZ(150px) rotateY(180deg);
        filter: none;
    }

    80% {
        filter: drop-shadow(-12px 7px 4px var(--hairline-color));
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    }

    100% {
        animation-timing-function: cubic-bezier(0.2, 0, 0, 1);
        transform: perspective(400px) scale(1.25);
    }
}

/**
 * Animations for demoted images...
 */
@keyframes drop-down-fall-over {
    0% {
        animation-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15);
        opacity: 0;
        transform: translateY(-200%);
    }

    20% {
        opacity: 1;
    }

    30% {
        animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
        transform: translateY(0);
    }

    35% {
        animation-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15);
        transform: translateY(-10px);
    }

    40% {
        transform: translateY(0);
    }

    55% {
        animation-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15);
        opacity: 1;
        transform-origin: 50% 192px;
        transform: perspective(400px) rotate3d(1, 0, 0, 0);
    }

    100% {
        opacity: 0;
        transform-origin: 50% 192px;
        transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    }
}

@keyframes shatter-fx {
    0% {
        opacity: 0;
    }

    30%,
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-zoom {
    0% {
        opacity: 0;
        filter: none;
    }

    100% {
        filter: drop-shadow(-12px 7px 4px var(--hairline-color));
        opacity: 1;
        transform: scale(1.33);
    }
}

/**
 * Animations for no-change images...
 */
@keyframes happy-spinny {
    0% {
        animation-timing-function: cubic-bezier(0.2, 0, 0, 1);
        transform: rotate(0);
    }

    10% {
        transform: rotate(0);
    }

    25% {
        animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
        transform: rotate(-15deg);
    }

    75% {
        animation-timing-function: cubic-bezier(1, 0, 0.8, 1);
        transform: rotate(375deg);
    }

    90%,
    100% {
        transform: rotate(360deg);
    }
}

#barker-announcement-modal {
    --dialog-width: 540px;
}

#barker-announcement-modal .page-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 580px;
    justify-content: space-between;
    text-align: center;
}

#barker-announcement-modal .page-content img {
    min-height: 400px;
    object-fit: contain;
    width: 480px;
}

#barker-announcement-modal .page-content h1 {
    margin: 24px 0 12px 0;
}

#barker-announcement-modal .page-content h1 .small-header {
    font-size: 22px;
    line-height: 1em;
}

#barker-announcement-modal .page-content p {
    font-size: 18px;
}

#barker-announcement-modal .page-content .buttons {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.bottom-menu {
    background: white;
    box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.2);
    display: none;
    height: 56px;
    justify-content: space-around;
    position: relative;
    width: 100vw;
    z-index: 25;
}

@media (max-width: 600px) {
    .bottom-menu {
        display: flex;
        position: fixed;
        bottom: 0px;
    }
}

.bottom-menu .side-menu__item {
    align-items: center;
    border-left: none;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin: 0px;
    width: 120px;
}

.bottom-menu .side-menu__item:before {
    display: none;
}

.bottom-menu .side-menu__item__icon {
    height: 24px;
    width: 24px;
    margin: 0px;
}

.bottom-menu .side-menu__item__tooltip {
    display: none;
}

.bottom-menu .side-menu__item__label {
    font-size: 12px;
    opacity: 1;
    line-height: 1;
    margin: 0px;
    padding: 0;
    transform: none;
}

.button {
    --button-color: var(--primary-surface-color);
    align-items: center;
    background-color: var(--button-color, #1a73e8);
    border: none;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--text-on-primary-color);
    display: inline-flex;
    font: var(--button-font);
    height: 36px;
    letter-spacing: var(--button-letter-spacing);
    justify-content: center;
    min-width: 64px;
    outline: none;
    padding: 8px 24px;
    top: 1px;
    cursor: pointer;
    position: relative;
    text-decoration: none !important;
    text-transform: none;
    transition:
        border 0.16s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.16s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    will-change: transform, opacity;
}

.button.button--positive,
.button[positive] {
    --button-color: var(--success-color);
}

.button.button--negative,
.button[negative] {
    --button-color: var(--warn-color);
}

.button.button--accent,
.button[accent] {
    --button-color: var(--accent-surface-color);
    color: var(--text-on-accent-color);
}

.button.button--full-width,
.button[full-width] {
    width: 100%;
}

.button.button--large,
.button[large] {
    height: 56px;
    padding: 0 48px;
}

.button.button--small,
.button[small] {
    height: 24px;
    min-width: 0;
    padding: 0 12px;
}

.button:before,
.button:after {
    background-color: #202124;
    border-radius: 4px;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    content: "";
    transition:
        opacity 0.16s cubic-bezier(0.4, 0, 0.2, 1),
        background-color 0.16s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
}

.button:hover:not(:disabled) {
    box-shadow:
        0 1px 2px 0 rgba(60, 64, 67, 0.3),
        0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

.button:hover:not(:disabled):before {
    opacity: 0.16;
}

.button:active:not(:disabled) {
    box-shadow:
        0 1px 2px 0 rgba(60, 64, 67, 0.3),
        0 2px 6px 2px rgba(60, 64, 67, 0.15);
}

.button:active:not(:disabled):after {
    opacity: 0.2;
}

.button:focus:not(:disabled):before {
    opacity: 0.24;
}

.button:disabled,
.button[disabled] {
    background-color: rgba(60, 64, 67, 0.12);
    color: rgba(60, 64, 67, 0.38);
    cursor: default;
}

.button.button--hairline,
.button[hairline] {
    background-color: transparent;
    border: 1px solid var(--hairline-color);
    color: var(--primary-text-on-surface-color);
    padding: 0 24px;
}

.button.button--hairline:before,
.button.button--hairline:after,
.button[hairline]:before,
.button[hairline]:after {
    background-color: var(--button-color);
}

.button.button--hairline:hover:not(:disabled),
.button[hairline]:hover:not(:disabled) {
    box-shadow: none;
}

.button.button--hairline:hover:not(:disabled):before,
.button[hairline]:hover:not(:disabled):before {
    opacity: 0.04;
}

.button.button--hairline:active:not(:disabled),
.button[hairline]:active:not(:disabled) {
    box-shadow: none;
}

.button.button--hairline:active:not(:disabled):after,
.button[hairline]:active:not(:disabled):after {
    opacity: 0.12;
}

.button.button--hairline:focus:not(:disabled),
.button[hairline]:focus:not(:disabled) {
    border-color: var(--button-color);
}

.button.button--hairline:focus:not(:disabled):before,
.button[hairline]:focus:not(:disabled):before {
    opacity: 0.12;
}

.button.button--hairline:disabled,
.button.button--hairline[disabled],
.button[hairline]:disabled,
.button[hairline][disabled] {
    border-color: rgba(60, 64, 67, 0.12);
    color: rgba(60, 64, 67, 0.38);
}

.button.button--text,
.button.button--cancel,
.button[text] {
    background-color: transparent;
    border: none;
    color: var(--button-color);
    padding: 0 8px;
}

.button.button--text:before,
.button.button--text:after,
.button.button--cancel:before,
.button.button--cancel:after,
.button[text]:before,
.button[text]:after {
    background-color: var(--button-color);
}

.button.button--text:hover:not(:disabled),
.button.button--cancel:hover:not(:disabled),
.button[text]:hover:not(:disabled) {
    box-shadow: none;
}

.button.button--text:hover:not(:disabled):before,
.button.button--cancel:hover:not(:disabled):before,
.button[text]:hover:not(:disabled):before {
    opacity: 0.04;
}

.button.button--text:active:not(:disabled),
.button.button--cancel:active:not(:disabled),
.button[text]:active:not(:disabled) {
    box-shadow: none;
}

.button.button--text:active:not(:disabled):after,
.button.button--cancel:active:not(:disabled):after,
.button[text]:active:not(:disabled):after {
    opacity: 0.12;
}

.button.button--text:focus:not(:disabled):before,
.button.button--cancel:focus:not(:disabled):before,
.button[text]:focus:not(:disabled):before {
    opacity: 0.12;
}

.button.button--text:disabled,
.button.button--text[disabled],
.button.button--cancel:disabled,
.button.button--cancel[disabled],
.button[text]:disabled,
.button[text][disabled] {
    color: rgba(60, 64, 67, 0.38);
}

.button.button--inverted,
.button[inverted] {
    background-color: var(--base-surface-color);
    border: none;
    color: var(--primary-text-on-surface-color);
}

.button ql-icon,
.button i {
    height: 18px;
    font-size: 18px;
    margin-left: -4px;
    margin-right: 8px;
    width: 18px;
}

.copy-button {
    --button-color: var(--base-surface-color);
}

.copy-button ql-icon {
    margin: 0;
}

.buy-credits__option,
.buy-course__option {
    align-items: center;
    display: flex;
}

.buy-credits__option:not(:last-child),
.buy-course__option:not(:last-child) {
    margin-bottom: 0.75rem;
}

.buy-credits__option__details,
.buy-course__option__details {
    display: flex;
    flex: 1;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    margin-left: 0.75rem;
    text-transform: none;
}

.buy-credits__option__details.is-selected .buy-credits__option__details__item,
.buy-credits__option__details.is-selected .buy-course__option__details__item,
.buy-course__option__details.is-selected .buy-credits__option__details__item,
.buy-course__option__details.is-selected .buy-course__option__details__item {
    background: var(--success-color);
    color: white;
}

.buy-credits__option__details.is-selected
    .buy-credits__option__details__item
    span,
.buy-credits__option__details.is-selected
    .buy-course__option__details__item
    span,
.buy-course__option__details.is-selected
    .buy-credits__option__details__item
    span,
.buy-course__option__details.is-selected
    .buy-course__option__details__item
    span {
    color: rgba(255, 255, 255, 0.5);
}

.buy-credits__option__details.is-selected .buy-credits__option__details__price,
.buy-credits__option__details.is-selected .buy-course__option__details__price,
.buy-course__option__details.is-selected .buy-credits__option__details__price,
.buy-course__option__details.is-selected .buy-course__option__details__price {
    border-color: var(--success-color);
}

.buy-credits__option__details__item,
.buy-course__option__details__item {
    align-items: center;
    display: flex;
    flex: 1;
    background: #dadce0;
    border-radius: 2px 0 0 2px;
    color: #202124;
    height: 60px;
    padding: 0 0.75rem;
}

.buy-credits__option__details__item img,
.buy-course__option__details__item img {
    height: 40px;
    margin-right: 0.75rem;
}

.buy-credits__option__details__item span,
.buy-course__option__details__item span {
    color: var(--success-color);
    font-size: 14px;
    margin-left: 0.75rem;
}

.buy-credits__option__details__item input,
.buy-course__option__details__item input {
    margin-left: 0.75rem;
    width: 50%;
}

.buy-credits__option__details__price,
.buy-course__option__details__price {
    width: 100px;
    height: 60px;
    border: 2px solid #dadce0;
    border-radius: 0 2px 2px 0;
}

.buy-credits__total,
.buy-course__total,
.buy-course__tax,
.buy-course__sub-total {
    display: flex;
}

.buy-credits__payment-options,
.buy-course__payment-options {
    display: flex;
}

.buy-credits__payment-options > *:not(:last-child),
.buy-course__payment-options > *:not(:last-child) {
    margin-right: 1.5rem;
}

#promo-code-form .form-row {
    display: flex;
}

#promo-code-form .form-row input {
    flex: 1;
    margin-right: 8px;
}

.card {
    background: #fff;
    border-radius: 8px;
    display: block;
    position: relative;
}

a.card {
    color: #202124;
}

a.card:hover {
    text-decoration: none;
}

.card--content {
    display: block;
    height: 240px;
    overflow: hidden;
    min-width: 210px;
}

.card--content .card__image {
    background: var(--primary-surface-color);
    overflow: hidden;
    position: relative;
    height: 45%;
}

.card--content .card__image:before {
    background: var(--primary-surface-color);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.card--content .card__image__inner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
}

.card--content .card__body {
    padding: 16px;
}

.card--content .card__footer {
    bottom: 0px;
    color: #5f6368;
    display: flex;
    font-family: var(--md-ref-typeface-plain);
    font-size: 12px;
    font-weight: 400;
    padding: 12px 16px;
    position: absolute;
    width: 100%;
}

.card--content .card__footer__right {
    align-items: flex-end;
    display: flex;
    margin-left: auto;
}

.card--content .card--content__type {
    color: #5f6368;
    margin-bottom: 6px;
}

.card--content .card--content__title {
    color: #202124;
    font-family: var(--md-ref-typeface-brand);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
    max-height: 56px;
    overflow: hidden;
}

.card--content .card--content__description {
    display: none;
    max-height: 100px;
    overflow: hidden;
}

.card--content .card--content__chip {
    bottom: 8px;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.3));
    position: absolute;
    right: 0px;
    z-index: 10;
}

.card--content .card--content__chip span {
    background: #c92786;
    border-radius: 6px 0px 0px 12px;
    color: white;
    clip-path: polygon(6px 100%, 100% 100%, 100% 0%, 0% 0%);
    font-size: 13px !important;
    padding: 4px 4px 4px 10px;
}

.card--content .rateit {
    align-items: center;
    display: flex;
}

.card-content-wrapper {
    position: relative;
}

.card-content-wrapper .favorite-button {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 10;
}

.card-content-wrapper .favorite-button i {
    color: white;
}

.card-content-wrapper.is-unfavorited .card--content {
    filter: grayscale(1);
    opacity: 0.75;
}

.card--content--large {
    height: 504px;
}

.card--content--large .card__body {
    padding: 24px;
}

.card--content--large .card__footer {
    padding: 24px;
}

.card--content--large .card--content__title {
    font-size: 24px;
    font-weight: 400;
    min-height: 48px;
}

.card--content--large .card--content__description {
    display: block;
}

@media (max-width: 600px) {
    .card--content--large {
        width: 100%;
    }
}

.card--content.content-quest .card__image {
    background: radial-gradient(
        circle at 80% 80%,
        var(--primary-surface-color),
        var(--primary-surface-color)
    );
}

.card--content.content-quest .card__image .card--content__progress-bar {
    background: rgba(255, 255, 255, 0.3);
    bottom: 0px;
    left: 0;
    height: 6px;
    position: absolute;
    width: 100%;
    z-index: 3;
}

.card--content.content-quest .card__image .card--content__progress {
    background: #f9ab00;
    height: 100%;
}

.card--content.content-quest .card__image .card__image__inner {
    background-size: 76%;
    height: 200%;
    left: 50px;
    top: -40%;
    transform: rotate(10deg);
}

.card--content.content-classroom .card__footer__right {
    display: none;
}

.card--content.content-classroom .card__image {
    background: #8430ce;
}

.card--content.content-classroom .card__image:before {
    background: rgba(132, 48, 206, 0.85);
}

.card--content.content-lab .card__image {
    background: #f9ab00;
}

.card--content.content-lab .card__image:before {
    background: rgba(249, 171, 0, 0.85);
}

.content-card-grid {
    display: grid;
    grid-gap: 24px 24px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media (min-width: 1362px) {
    .content-card-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .content-card-grid {
        grid-gap: 12px 12px;
        grid-template-columns: 1fr 1fr;
    }
}

.content-card-grid.highlight-first .card-content-wrapper:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/3;
}

.content-card-grid.highlight-first
    .card-content-wrapper:nth-child(1)
    .card--content {
    height: 504px;
}

.content-card-grid.highlight-first
    .card-content-wrapper:nth-child(1)
    .card--content
    .card__body {
    padding: 24px;
}

.content-card-grid.highlight-first
    .card-content-wrapper:nth-child(1)
    .card--content
    .card__footer {
    padding: 24px;
}

.content-card-grid.highlight-first
    .card-content-wrapper:nth-child(1)
    .card--content
    .card--content__title {
    font-size: 24px;
    font-weight: 400;
    min-height: 48px;
}

.content-card-grid.highlight-first
    .card-content-wrapper:nth-child(1)
    .card--content
    .card--content__description {
    display: block;
}

@media (max-width: 600px) {
    .content-card-grid.highlight-first
        .card-content-wrapper:nth-child(1)
        .card--content {
        width: 100%;
    }
}

.card--horizontal {
    display: flex;
    overflow: hidden;
}

.card--horizontal .card__image {
    background: gray;
    flex: 0 0 auto;
    width: 120px;
}

.card__title {
    padding: 24px;
}

.card__body {
    padding: 24px;
}

.card__body p:last-child {
    margin: 0px;
}

.card__body pre {
    margin: 0 0 1em 0;
    overflow-x: scroll;
    white-space: pre-wrap;
}

@media (max-width: 600px) {
    .card__body {
        padding: 24px 16px;
    }
}

.card__title + .card__body {
    padding-top: 0px;
}

.no-padding {
    padding: 0;
}

.card__title h2 {
    font-family: var(--md-ref-typeface-brand);
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
}

.card__action {
    margin: 22px 22px 0 0;
    position: absolute;
    right: 0;
    top: 0;
}

.card--tight .card__title,
.card--tight .card__body {
    padding: 8px;
}

.card__inner {
    padding: 1.5rem;
}

.card__big-button__wrapper {
    display: flex;
    flex-wrap: wrap;
}

.card__big-button {
    background: white;
    box-shadow: 0px 1px 6px rgba(32, 33, 36, 0.28);
    border-radius: 8px;
    flex: 0 0 auto;
    margin-bottom: 24px;
    padding-bottom: 20%;
    position: relative;
    width: calc((100% - 48px) / 3);
}

.card__big-button:not(:nth-child(3n)) {
    margin-right: 24px;
}

.card__big-button:hover {
    background: #fafafa;
    transform: scale(1.02);
}

.card__big-button__inner {
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.card__big-button__inner img {
    margin: auto;
    width: 50%;
}

.card-wrapper {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 600px) {
    .card-wrapper {
        display: block;
    }
}

.card--catalog {
    background: linear-gradient(
        to right bottom,
        var(--primary-surface-color),
        var(--primary-surface-color)
    );
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    color: var(--text-on-primary-color);
    display: block;
    padding: 16px;
    text-decoration: none !important;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.card--catalog h2 {
    font-family: var(--md-ref-typeface-brand);
    font-size: 22px;
    font-weight: 100;
}

.card--catalog h3 {
    font-size: 14px;
    font-weight: 100;
    margin-top: 8px;
    opacity: 0.8;
}

.card--catalog span {
    background: var(--base-surface-color);
    border-radius: 100px;
    color: var(--primary-text-on-surface-color);
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    margin-top: 8px;
    padding: 2px 9px;
    text-transform: uppercase;
}

.card--catalog p {
    font-size: 14px;
    margin: 0;
    opacity: 0.54;
}

.card--catalog .mdl-card__content {
    bottom: 16px;
    left: 16px;
    position: absolute;
    right: 16px;
}

.card--catalog:hover {
    background: linear-gradient(
        to right bottom,
        var(--primary-surface-color),
        var(--primary-surface-color)
    );
    box-shadow:
        0 4px 5px rgba(0, 0, 0, 0.14),
        0 1px 10px rgba(0, 0, 0, 0.12),
        0 2px 4px rgba(0, 0, 0, 0.2);
}

@media (max-width: 600px) {
    .card--catalog {
        padding: 8px;
    }

    .card--catalog h2 {
        font-size: 18px;
    }

    .card--catalog p {
        font-size: 12px;
    }

    .card--catalog .mdl-card__content {
        bottom: 8px;
        left: 8px;
        right: 8px;
    }
}

.card--classroom {
    background: linear-gradient(to right bottom, #8430ce, #8430ce);
}

.card--classroom span {
    color: #8430ce;
}

.card--classroom:hover {
    background: linear-gradient(to right bottom, #8430ce, #8430ce);
}

.card--quest {
    background: linear-gradient(
        to right bottom,
        var(--primary-surface-color),
        var(--primary-surface-color)
    );
}

.card--quest span {
    color: var(--primary-text-on-surface-color);
}

.card--quest:hover {
    background: linear-gradient(
        to right bottom,
        var(--primary-surface-color),
        var(--primary-surface-color)
    );
}

.card--quest .card--quest__progress-bar {
    background: rgba(255, 255, 255, 0.3);
    bottom: 4px;
    left: 0;
    height: 4px;
    position: absolute;
    width: 100%;
}

.card--quest .card--quest__progress {
    background: #f9ab00;
    height: 100%;
}

.card--in-session {
    padding: 16px;
}

.card--in-session h2 {
    font-size: 28px;
}

.card--in-session span {
    font-size: 13px;
}

.card--in-session p {
    font-size: 16px;
}

.lab-show-card,
.card--lab-show {
    margin-bottom: 24px;
    margin-right: 24px;
    min-height: 0px;
    width: 100%;
}

.lab-show-card p,
.card--lab-show p {
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    margin: 0;
}

.lab-show-card p span,
.card--lab-show p span {
    color: rgba(0, 0, 0, 0.54);
    margin-right: 24px;
}

.lab-show-card .permissions-display,
.card--lab-show .permissions-display {
    margin: 8px 0;
}

.lab-show-card:last-of-type,
.card--lab-show:last-of-type {
    margin-right: 0px;
}

.card--edit-lab-locale {
    margin: 0 auto;
    width: 640px;
}

.card--edit-lab-locale .mdl-card__supporting-text {
    width: 100%;
}

.card--edit-lab-locale .mdl-card__actions {
    text-align: right;
}

.card--full-width {
    width: 100%;
}

.card--table {
    width: 100%;
}

.card--table .mdl-card__supporting-text {
    padding: 16px 0;
    width: 100%;
}

.card--instructions {
    padding: 64px;
    width: 100%;
}

.card--instructions h1:first-of-type {
    margin-top: 0px !important;
}

.mdl-card {
    border: 1px solid #eee;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    min-height: 0px;
    position: relative;
    width: 100%;
}

.mdl-card--shadow {
    box-shadow: 0px 1px 6px rgba(32, 33, 36, 0.28);
}

.mdl-card__supporting-text .pagination {
    margin: 24px 16px 8px 0px;
}

.mdl-card__title {
    justify-content: space-between;
    padding: 24px;
}

@media (max-width: 600px) {
    .mdl-card__title {
        padding: 16px;
    }
}

.mdl-card__supporting-text--full {
    padding: 24px;
    width: 100%;
}

.mdl-card__edit {
    border-radius: 8px;
    box-shadow: 0px 1px 6px rgba(32, 33, 36, 0.28);
}

.mdl-card__edit-row,
.mdl-card__edit-title {
    background: #fff;
    border-top: 1px solid #eee;
    cursor: pointer;
    font-size: 14px;
    height: 64px;
    padding: 12px 24px;
    transition: all 0.15s ease-in-out;
}

.mdl-card__edit-row h3,
.mdl-card__edit-title h3 {
    margin-bottom: 3px;
    transition: all 0.2s ease-in-out;
}

.mdl-card__edit-row .mdl-card__edit-row__closed,
.mdl-card__edit-title .mdl-card__edit-row__closed {
    color: #5f6368;
    font-size: 13px;
}

.mdl-card__edit-row .mdl-card__edit-row__closed span:not(:last-child),
.mdl-card__edit-title .mdl-card__edit-row__closed span:not(:last-child) {
    margin-right: 12px;
}

.mdl-card__edit-row .mdl-card__edit-row__open,
.mdl-card__edit-title .mdl-card__edit-row__open {
    left: -5000px;
    opacity: 0;
    position: relative;
}

.mdl-card__edit-row .mdl-card__edit-row__open .form-row:last-child,
.mdl-card__edit-title .mdl-card__edit-row__open .form-row:last-child {
    margin-bottom: 0px;
}

.mdl-card__edit-row .mdl-card__edit-row__open .button,
.mdl-card__edit-title .mdl-card__edit-row__open .button {
    margin-left: auto;
}

.mdl-card__edit-row:first-child,
.mdl-card__edit-title:first-child {
    border-radius: 8px 8px 0 0;
    border-top: none;
}

.mdl-card__edit-row:last-child,
.mdl-card__edit-title:last-child {
    border-radius: 0 0 8px 8px;
}

.mdl-card__edit-row:hover {
    background: #f6f6f6;
}

.mdl-card__edit-row.is-selected {
    background: #f6f6f6;
    border-top-color: #ddd;
    cursor: default;
}

.mdl-card__edit-row.is-selected h3 {
    margin-bottom: 16px;
}

.mdl-card__edit-row.is-selected .mdl-card__edit-row__closed {
    display: none;
}

.mdl-card__edit-row.is-selected .mdl-card__edit-row__open {
    transition: opacity 0.2s ease-in-out;
    opacity: 1;
    left: 0;
}

.mdl-card__edit-row.is-selected + .mdl-card__edit-row {
    border-top-color: #ddd;
}

.mdl-card__edit-row.is-selected.is-advanced {
    height: 238px !important;
}

.mdl-card__edit-row.is-invalid {
    background: rgba(217, 48, 37, 0.2);
}

.mdl-card__edit.is-locked .mdl-card__edit-row,
.mdl-card__edit.is-locked .mdl-card__edit-title {
    cursor: default;
}

.mdl-card__edit.is-locked .mdl-card__edit-row:hover,
.mdl-card__edit.is-locked .mdl-card__edit-title:hover {
    background: #fff;
}

.mdl-card__edit-row.is-disabled {
    cursor: default;
    height: auto;
    min-height: 64px;
}

.mdl-card__edit-row.is-disabled h3 {
    font-weight: bold;
    color: #d93025;
}

.mdl-shadow--1dp {
    box-shadow:
        0 0 2px rgba(0, 0, 0, 0.14),
        0 2px 2px rgba(0, 0, 0, 0.12),
        0 1px 3px rgba(0, 0, 0, 0.2);
}

.card--search {
    height: auto;
    min-height: 0;
}

.card--search form {
    align-items: center;
    display: flex;
    padding-right: 24px;
}

.card--search input[type="search"] {
    background: none;
    border: none;
    font-size: 15px;
    height: auto;
    padding: 16px 24px;
}

.card--search .mdl-card__tabs {
    background: rgba(0, 0, 0, 0.04);
    border-bottom: none;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.card--search .mdl-card__tabs a {
    height: 40px;
}

.card--table {
    border: 1px solid #eee;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.card--no_shadow {
    box-shadow: none;
}

.learning_plan_width {
    max-width: 500px;
}

.card--group {
    border: 1px solid #eee;
    border-radius: 8px;
    max-width: 678px;
}

.card--group hr {
    margin: 0px;
}

.card--group .membership {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.card--group .membership p.ql-body-medium {
    margin-bottom: 0px;
}

.hover-gray:hover {
    background: #f8f9fa;
}

.learner-catalog-body .catalog-wrapper {
    margin: 0 auto;
    max-width: 1212px;
}

.learner-catalog-body .catalog-wrapper > *:not(:last-child) {
    margin-bottom: 64px;
}

.learner-catalog-body .catalog-intro {
    max-width: 720px;
}

.learner-catalog-body .catalog-intro > *:not(:last-child) {
    margin-bottom: 16px;
}

.learner-catalog-body .catalog-search {
    max-width: 720px;
}

.learner-catalog-body .catalog-search input[type="search"] {
    background: url("/assets/search_icon_gray700-69437a87d08aa8b6bbc535e02d84f13dd798bac6.svg")
        no-repeat 16px center;
    padding-left: 50px;
}

.learner-catalog-body .catalog-activities-and-filters ql-drawer-container {
    overflow: initial;
}

.learner-catalog-body .catalog__list {
    padding: 0;
}

.learner-catalog-body .catalog__list__item {
    display: flex;
    max-width: 720px;
    position: relative;
}

.learner-catalog-body .catalog__list__item .favorite-button,
.learner-catalog-body .catalog__list__item .featured-button {
    flex: 0;
    margin-right: 8px;
    margin-top: 21px;
}

.learner-catalog-body .catalog__list__item .catalog-item {
    flex: 1;
}

input[type="text"].catalog__search {
    transition: all 0.1s ease-in-out;
    align-items: center;
    background: url("/assets/icon_search-01c63254e059664b8172e370c52b5db2f9b38f6c.svg")
        no-repeat 8px center;
    display: flex;
    background-size: 20px 20px;
    border: none;
    border-bottom: 2px solid #dadce0;
    border-radius: 0px;
    box-sizing: content-box;
    color: #202124;
    cursor: text;
    font-family: var(--md-ref-typeface-plain);
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    line-height: 1;
    padding: 0;
    padding-left: 36px;
    width: calc(100% - 36px);
}

input[type="text"].catalog__search::placeholder {
    color: #5f6368;
}

input[type="text"].catalog__search:hover {
    background-image: url("/assets/icon_search--hover-bdcd08cda313c29cc423dc7219a7a61e43bc24cf.svg");
}

input[type="text"].catalog__search:focus {
    background-image: url("/assets/icon_search--active-b7a6073c9dc158d008108ca0dea85bb94d11eac6.svg");
}

@media (max-width: 965px) {
    .catalog__filters__wrapper {
        display: none;
    }
}

.card.catalog__filters {
    width: 320px;
}

.card.catalog__filters ul {
    padding: 0;
    margin: 0;
}

.card.catalog__filters .list-item__details {
    list-style-type: none;
    padding: 0 24px 12px 24px;
}

.card.catalog__filters .mdl-radio,
.card.catalog__filters .mdl-checkbox {
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin-left: 4px;
    z-index: 1;
}

.card.catalog__filters .mdl-radio:hover,
.card.catalog__filters .mdl-checkbox:hover {
    z-index: 2;
}

.card.catalog__filters .mdl-checkbox__label {
    align-items: center;
    display: inline-flex;
    font-size: 14px;
    height: 36px;
}

.card.catalog__filters .mdl-checkbox__label i {
    color: #5f6368;
    font-size: 18px;
    margin-left: 8px;
}

.card.catalog__filters .mdl-tooltip {
    background: rgba(0, 0, 0, 0.8);
    font-weight: 400;
}

.card.catalog__filters .mdl-checkbox__focus-helper,
.card.catalog__filters .mdl-checkbox__box-outline,
.card.catalog__filters .mdl-radio__outer-circle {
    margin-top: -8px;
    top: 50%;
}

.card.catalog__filters .mdl-radio__inner-circle {
    margin-top: -4px;
    top: 50%;
}

.card.catalog__filters .mdl-checkbox__ripple-container {
    top: 0px;
}

.card.catalog__filters .mdl-radio__ripple-container {
    height: 36px;
    left: -10px;
    top: 0px;
    width: 36px;
}

.catalog-item {
    margin-bottom: 40px;
}

.catalog-item .content-chip {
    font-family: var(--md-ref-typeface-brand);
    margin-bottom: 8px;
    margin-right: 8px;
}

.catalog-item .voteable-content-chip {
    display: none;
}

.catalog-item .voteable-content-chip[is-on] {
    display: inline-block;
}

.catalog-item .catalog-item__title {
    display: flex;
    margin-bottom: 8px;
}

.catalog-item .catalog-item__title strong {
    font-weight: 500;
}

.catalog-item .catalog-item__title span {
    align-items: center;
    display: inline-flex;
}

.catalog-item .catalog-item__title i {
    margin-right: 4px;
}

.catalog-item .catalog-item__title a i {
    font-size: 14px;
}

.catalog-item .catalog-item__skill {
    font-size: 2px;
    margin-bottom: 2px;
}

.catalog-item .catalog-item__description {
    margin-bottom: 8px;
}

.catalog-item .catalog-item__footer {
    align-items: center;
    margin-top: 8px;
    display: flex;
}

.catalog-item .catalog-item__footer .catalog-item-footer-item {
    margin-right: 24px;
}

.catalog-item .catalog-item__footer .menu-lab-locales {
    position: relative;
}

.catalog-item .catalog-item__footer .menu-lab-locales ql-collapsible {
    align-items: center;
    cursor: pointer;
    display: flex;
    width: min-content;
}

.catalog-item
    .catalog-item__footer
    .menu-lab-locales
    ql-collapsible
    .hover-menu__menu {
    list-style: none;
    margin: 0;
    opacity: 1;
    padding-left: 0;
    transform: unset;
    z-index: 1;
}

.catalog-item
    .catalog-item__footer
    .menu-lab-locales
    ql-collapsible
    .hover-menu__menu__item {
    align-items: center;
    color: inherit;
    cursor: default;
    display: flex;
}

.catalog-item
    .catalog-item__footer
    .menu-lab-locales
    ql-collapsible.expanded
    .hover-menu__menu {
    z-index: 2;
}

.catalog-item
    .catalog-item__footer
    .menu-lab-locales
    ql-collapsible
    > *:not(:last-child) {
    margin-right: 3px;
}

.catalog-item .expand {
    color: #1a73e8;
    cursor: pointer;
}

.content-chip {
    --chip-text-color: white;
}

.content-chip.content-lab {
    --chip-color: var(--lab-color);
}

.content-chip.content-quest {
    --chip-color: var(--quest-color);
}

.content-chip.content-game {
    --chip-color: var(--game-color);
}

.content-chip.content-classroom {
    --chip-color: var(--classroom-color);
}

.content-chip.content-external-course {
    --chip-color: var(--external-course-color);
}

.content-chip.content-course {
    --chip-color: var(--course-color);
}

.content-chip.content-certification {
    --chip-color: var(--certification-color);
}

.content-chip.content-unknown {
    --chip-text-color: var(--base-text-on-surface-color);
}

.chosen-container {
    display: block;
    font-size: 13px;
    width: 100% !important;
}

.chosen-container .chosen-drop {
    transition:
        opacity 0.1s ease-in-out,
        left 0s ease-in-out 0.1s;
    border: none;
    background: #fff;
    box-shadow: var(--elevation-3);
    opacity: 0;
}

.chosen-container .chosen-results {
    color: var(--base-text-on-surface-color);
    margin: 0;
    padding: 8px 0;
    max-height: 300px;
}

.chosen-container .chosen-results li {
    font: var(--md-sys-typescale-body-large);
    padding: 16px;
    line-height: 1;
}

.chosen-container .chosen-results li.highlighted {
    background: #f8f9fa;
    color: var(--base-text-on-surface-color);
}

.chosen-container-single .chosen-single,
.chosen-container-single .chosen-choices,
.chosen-container-multi .chosen-single,
.chosen-container-multi .chosen-choices {
    transition: all 0.1s ease-in-out;
    align-items: center;
    background: var(--base-surface-color);
    border: 1px solid #dadce0;
    border-radius: 4px !important;
    box-shadow: none;
    color: var(--base-text-on-surface-color);
    cursor: text;
    display: flex;
    font: var(--md-sys-typescale-body-large);
    line-height: 1;
    width: 100%;
}

.chosen-container-single .chosen-single:hover,
.chosen-container-single .chosen-choices:hover,
.chosen-container-multi .chosen-single:hover,
.chosen-container-multi .chosen-choices:hover {
    border-color: #9aa0a6;
}

.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-single {
    height: 56px;
    padding: 8px 16px;
}

.chosen-container-single .chosen-single span,
.chosen-container-multi .chosen-single span {
    margin-right: 0;
}

.chosen-container-single .chosen-single div,
.chosen-container-multi .chosen-single div {
    width: 13px;
    height: 13px;
    margin-left: auto;
    position: static;
    display: block;
}

.chosen-container-single .chosen-single div b,
.chosen-container-multi .chosen-single div b {
    width: auto;
    height: auto;
    background: none !important;
    display: block;
}

.chosen-container-single .chosen-single div b:before,
.chosen-container-multi .chosen-single div b:before {
    color: #999;
    content: "keyboard_arrow_down";
    color: var(--light-text-on-surface-color);
}

.chosen-container-single .chosen-choices,
.chosen-container-multi .chosen-choices {
    height: auto;
    flex-wrap: wrap;
    padding: 5px 4px 4px 4px;
}

.chosen-container-single .chosen-choices li.search-choice,
.chosen-container-multi .chosen-choices li.search-choice {
    background: #dadce0 !important;
    font-size: 13px;
    margin: 2px 4px 2px 4px;
    border: none;
    max-width: 100%;
    box-shadow: none;
    color: var(--base-text-on-surface-color);
    line-height: 1;
}

.chosen-container-single .chosen-choices li.search-field input[type="text"],
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    color: #5f6368;
    font-family: var(--md-ref-typeface-plain);
    font-size: 13px;
    margin-left: 4px;
}

.chosen-container-single .chosen-drop,
.chosen-container-multi .chosen-drop {
    margin-top: 0;
}

.chosen-container.chosen-with-drop .chosen-drop {
    transition: opacity 0.1s ease-in-out;
    opacity: 1;
}

.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices {
    border-color: var(--primary-text-on-surface-color) !important;
    background: none !important;
    box-shadow: inset 0 0 0 1px var(--primary-text-on-surface-color) !important;
}

.chosen-container-active .chosen-single div b:before,
.chosen-container-active .chosen-choices div b:before {
    color: var(--primary-text-on-surface-color);
}

.chosen-container-active .chosen-single:hover,
.chosen-container-active .chosen-choices:hover {
    border-color: var(--primary-text-on-surface-color);
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    background-image: url("/assets/chosen-sprite@2x-c4cb34f06a336abadd0939d8c02c9356ce38b1a3.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
    transition: none !important;
}

.classroom_edit_sections {
    display: flex;
    margin-bottom: 12px;
}

.classroom_edit_sections .classroom_edit_inputs {
    margin: 0px 10px;
}

.classroom_edit_sections .classroom_edit_inputs input {
    margin: 0;
}

.classroom_edit_actions {
    margin: 10px;
}

.trainer-list {
    max-height: 300px;
    overflow: auto;
    position: relative;
}

.trainer-list #search_trainers {
    position: sticky;
    top: 0;
    background: white;
    z-index: 1;
}

.trainer-list .checkboxes {
    display: flex;
    flex-direction: column;
}

.trainer-list .checkboxes span label {
    margin-bottom: 20px;
    font-size: 14px;
}

.trainer-list .checkboxes span label input {
    margin: 10px;
}

.classroom_templates .label {
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    font-size: 11.844px;
    padding: 2px;
    background-color: #999;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
}

.classroom_templates .label.label-warning {
    background-color: #f89406;
}

.classroom_templates .label.label-success {
    background-color: #468847;
}

.instruction_fields {
    border: 1px solid var(--hairline-color);
    padding: 10px;
}

.instruction_fields h2 {
    font-weight: normal;
    margin-bottom: 4px;
}

.collaborator-modal__collaborator-list {
    border: 1px solid #ddd;
    max-height: 400px;
    overflow-y: auto;
    padding: 0;
}

.collaborator-modal__collaborator-list .mdl-list__item-secondary-content {
    align-items: center;
    flex-direction: row;
}

.collaborator-modal__collaborator-list .mdl-list__item-secondary-action {
    margin-left: 8px;
}

.collaborator-modal__error {
    color: var(--warn-color);
    font-size: 14px;
    margin-left: 32px;
}

.form-row.select.table-row {
    margin-bottom: 0px;
}

.catalog_checkbox {
    font-size: 14px;
}

.catalog_checkbox #setup_catalog {
    margin-right: 12px;
}

.current-version {
    bottom: 0;
    color: var(--medium-text-on-surface-color);
    font-family: monospace;
    font-size: 10px;
    line-height: 10px;
    margin: 0;
    padding: 4px;
    position: absolute;
    right: 0;
}

.daterangepicker {
    border: 2px solid var(--primary-text-on-surface-color);
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
    display: none;
    padding: 0px;
}

.daterangepicker:before,
.daterangepicker:after {
    display: none !important;
}

.daterangepicker .ranges {
    margin: 0px !important;
}

.daterangepicker .ranges li {
    background: none;
    border-radius: 0;
    border: none !important;
    color: #202124;
    font-size: 11px;
    margin: 0 !important;
    padding: 8px;
    text-transform: uppercase;
}

.daterangepicker .ranges li:hover {
    background: #dadce0;
    color: #202124;
}

.daterangepicker .ranges li.active {
    background: var(--primary-surface-color);
    color: var(--text-on-primary-color);
}

.daterangepicker .range_inputs {
    border-top: 2px solid #dadce0;
}

.daterangepicker .range_inputs .daterangepicker_start_input,
.daterangepicker .range_inputs .daterangepicker_end_input {
    float: none !important;
    padding: 0px 8px;
}

.daterangepicker .range_inputs label {
    color: #202124;
    font-size: 10px;
    line-height: 1;
    margin-bottom: 0px !important;
    text-shadow: none;
}

.daterangepicker .range_inputs .input-mini {
    padding: 4px;
    height: auto;
}

.daterangepicker .range_inputs .btn-small {
    height: auto;
    margin: 8px 0px 8px 6px;
    padding: 8px;
}

.daterangepicker .range_inputs .btn-small:first-of-type {
    margin-left: 11px;
}

.daterangepicker .range_inputs .btn-small.cancelBtn {
    background: #dadce0;
    color: #202124;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
}

.daterangepicker .range_inputs .btn-small.cancelBtn:hover,
.daterangepicker .range_inputs .btn-small.cancelBtn:focus {
    background: #dadce0;
    color: #202124;
}

.daterangepicker .range_inputs .btn-small.cancelBtn:active {
    box-shadow: inset 3px 3px 1px rgba(0, 0, 0, 0.07);
}

.dialog {
    transition: transform 0.175s cubic-bezier(0.4, 0, 1, 1);
    transform: translateY(100%);
    z-index: 900;
}

.dialog--full-screen {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: nil;
    bottom: nil;
    left: 0;
}

.dialog--pure {
    background: white;
}

.dialog--pure .dialog__header {
    background: white;
    box-shadow: none;
}

.dialog.is-open {
    transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1);
    transform: translateY(0%);
}

.dialog__header {
    align-items: center;
    display: flex;
    height: 60px;
    padding: 0px 24px;
}

.dialog__header a {
    margin-right: 32px;
}

.dialog__header h1 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
}

.dialog__body {
    margin: 64px auto;
    width: 640px;
}

.ui-droppable:after {
    background: rgba(var(--primary-surface-color-rgb), 0.8);
    color: var(--text-on-primary-color);
    content: "Drop Here";
    display: flex;
    font-size: 48px;
    font-weight: 200;
    height: 0%;
    justify-content: center;
    left: 0px;
    padding-top: 25%;
    opacity: 0;
    position: absolute;
    top: 0px;
    transition:
        opacity 0.15s ease-in-out,
        backround 0.15s ease-in-out;
    width: 0%;
}

.ui-droppable.is-droppable:after {
    height: 100%;
    opacity: 1;
    width: 100%;
}

.ui-droppable.is-active:after {
    background: rgba(var(--primary-surface-color-rgb), 10%);
}

.ql-drawer-container {
    --drawer-width: 296px;
    position: relative;
}

.ql-drawer-container .ql-drawer {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--drawer-width);
}

.ql-drawer-container .ql-drawer-content {
    margin-left: var(--drawer-width);
}

.fx-wiggle {
    --wiggle-amount: 10deg;
    --wiggle-delay: 1s;
    animation-delay: var(--wiggle-delay);
    animation-duration: 1s;
    animation-name: wiggle;
}

@keyframes wiggle {
    8% {
        transform: rotate(calc(-1 * var(--wiggle-amount))) scale(1.1);
    }

    25% {
        transform: rotate(var(--wiggle-amount)) scale(1.1);
    }

    42% {
        transform: rotate(calc(-1 * var(--wiggle-amount))) scale(1.1);
    }

    60% {
        transform: rotate(var(--wiggle-amount)) scale(1.1);
    }

    77% {
        transform: rotate(calc(-1 * var(--wiggle-amount))) scale(1.1);
    }

    92% {
        transform: rotate(var(--wiggle-amount)) scale(1.1);
    }
}

.elevation-0 {
    border: 1px solid #dadce0;
}

.elevation-1 {
    box-shadow:
        0px 1px 2px 0px rgba(60, 64, 67, 0.3),
        0px 1px 3px 1px rgba(60, 64, 67, 0.15);
}

.elevation-2 {
    box-shadow:
        0px 1px 2px 0px rgba(60, 64, 67, 0.3),
        0px 2px 6px 2px rgba(60, 64, 67, 0.15);
}

.elevation-3 {
    box-shadow:
        0px 1px 3px 0px rgba(60, 64, 67, 0.3),
        0px 4px 8px 3px rgba(60, 64, 67, 0.15);
}

.elevation-4 {
    box-shadow:
        0px 2px 3px 0px rgba(60, 64, 67, 0.3),
        0px 6px 10px 4px rgba(60, 64, 67, 0.15);
}

.elevation-5 {
    box-shadow:
        0px 4px 4px 0px rgba(60, 64, 67, 0.3),
        0px 8px 12px 6px rgba(60, 64, 67, 0.15);
}

.filters {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 24px 48px;
}

@media (max-width: 600px) {
    .filters {
        justify-content: center;
    }
}

.filter-group {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 600px) {
    .filter-group {
        justify-content: center;
    }
}

.filter-checkbox {
    margin: 0;
    position: relative;
}

.filter-checkbox label {
    font: var(--button-font);
    letter-spacing: var(--button-letter-spacing);
    align-items: center;
    border: 1px solid var(--hairline-color);
    border-radius: 8px;
    color: var(--light-text-on-surface-color);
    cursor: pointer;
    display: flex;
    line-height: 20px;
    margin: 0;
    padding: 6px 16px;
}

.filter-checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 8px;
    cursor: pointer;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.filter-checkbox input[type="checkbox"]:hover,
.filter-checkbox input[type="checkbox"]:focus {
    background: var(--base-text-on-surface-color);
    opacity: 0.05;
    outline: none;
}

.filter-checkbox input[type="checkbox"]:checked {
    background: var(--primary-surface-color);
    opacity: 0.1;
}

.filter-checkbox input[type="checkbox"]:focus + label {
    border-color: var(--base-text-on-surface-color);
    color: var(--base-text-on-surface-color);
}

.filter-checkbox input[type="checkbox"]:checked + label {
    border-color: transparent;
    color: var(--primary-text-on-surface-color-dark);
    padding-left: 8px;
}

.filter-checkbox input[type="checkbox"]:checked + label:before {
    content: "check";
    display: inline-block;
    font-family: "Google Material Icons";
    font-size: 18px;
    margin-right: 8px;
}

.filter-checkbox input[type="checkbox"]:checked:focus + label {
    border-color: var(--primary-text-on-surface-color);
}

.application-footer {
    align-items: center;
    background: #f8f9fa;
    bottom: 0;
    display: flex;
    height: 64px;
    justify-content: flex-end;
    left: 0;
    padding: 0 24px;
    position: absolute;
    width: 100%;
}

.application-footer a:not(.version) {
    color: var(--light-text-on-surface-color);
    font: var(--md-sys-typescale-body-medium);
    font-size: 13px;
    text-decoration: underline;
}

.application-footer > *:not(:last-child, .current-version) {
    margin-right: 40px;
}

.footer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    align-items: center;
    display: flex;
    position: absolute;
    top: nil;
    right: 0px;
    bottom: 0px;
    left: 0px;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    z-index: 5;
}

@media (min-width: 1264px) {
    .footer {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.footer__link {
    display: inline-block;
    font-size: 12px;
}

.footer__link:not(:last-child) {
    margin-right: 0.75rem;
}

.footer__logo {
    width: auto;
    height: 40px;
    display: block;
}

.footer__right-content {
    margin-left: auto;
    text-align: right;
}

.control-group {
    line-height: 1;
    position: relative;
}

.control-group.error label,
.control-group.error .control-label {
    color: var(--warn-color);
}

.control-group.error input[type="color"],
.control-group.error input[type="date"],
.control-group.error input[type="datetime"],
.control-group.error input[type="datetime-local"],
.control-group.error input[type="email"],
.control-group.error input[type="month"],
.control-group.error input[type="number"],
.control-group.error input[type="password"],
.control-group.error input[type="search"],
.control-group.error input[type="tel"],
.control-group.error input[type="text"],
.control-group.error input[type="time"],
.control-group.error input[type="url"],
.control-group.error input[type="week"],
.control-group.error input:not([type]),
.control-group.error textarea,
.control-group.error .input {
    border-color: var(--warn-color);
}

.control-group.error .help-inline {
    color: var(--warn-color);
    font-size: 14px;
}

.control-group.error .button,
.control-group.error .btn {
    color: white;
}

form .alert {
    margin: 0;
    margin-bottom: 1.5rem;
    position: relative;
    top: 0;
    width: 100%;
}

.form-row {
    align-items: center;
    display: flex;
    margin-bottom: 24px;
}

.form-row .modal_check_box {
    margin-right: 20px;
}

.form-row .modal_check_box.readonly {
    pointer-events: none;
}

.form-row .control-group {
    flex: 1;
    width: 100%;
}

.form-row .control-group:not(:last-of-type) {
    margin-right: 1.5rem;
}

.form-row .control-group + .button,
.form-row .control-group + .btn {
    flex: none;
    margin-left: 1.5rem;
}

.form-row .control-group.wide {
    flex: 6;
}

.form-row .md-input:not(:last-of-type) {
    margin-right: 1.5rem;
}

@media (max-width: 600px) {
    .form-row {
        display: block;
    }

    .form-row .control-group:not(:last-of-type) {
        margin-bottom: 32px;
    }
}

.form-row .form-error {
    align-self: start;
    color: var(--warn-color);
    display: none;
    font-size: 75%;
}

.form-row--max_width {
    width: 600px;
}

.form-row--lab-sidebar {
    background: rgba(32, 33, 36, 0.08);
    border: 1px solid rgba(32, 33, 36, 0.1);
    border-radius: 2px;
    padding: 10px;
}

.form-row--search-classes {
    margin-bottom: 0px;
    width: 70%;
}

.form-row--search-classes input[type="text"] {
    border: none;
    background: #f0f0f0;
    flex: 1;
}

.form-row--search-classes input[type="text"]:hover {
    background: #ececec;
}

.form-row--search-classes input[type="text"]:focus {
    background: #e0e0e0;
}

.form-row--search-classes button[type="submit"],
.form-row--search-classes input[type="submit"] {
    height: 40px;
    line-height: 40px;
}

@media (max-width: 1263px) {
    .form-row--search-classes {
        width: 60%;
    }
}

@media (max-width: 965px) {
    .form-row--search-classes {
        width: 50%;
    }
}

.form-row--chosen {
    display: block;
}

.form-row--chosen label {
    color: #5f6368;
    font-size: 11px;
}

.form-row--chosen .md-input {
    padding: 0 0 12px 0;
}

.form-row.custom-validated {
    flex-direction: column;
}

.form-actions {
    text-align: center;
}

.form-actions .button--full-width {
    display: inline-block;
}

.form-actions--right {
    display: flex;
    justify-content: flex-end;
    margin-right: -16px;
}

.form-actions--right a {
    margin-left: 16px;
}

.form-input {
    width: 100%;
}

.input-link {
    float: right;
    font-size: 14px;
    margin-top: 4px;
}

.help-block {
    color: #5f6368;
}

.control-group.required abbr {
    color: var(--accent-text-on-surface-color);
    font-size: 18px;
    position: relative;
    top: 5px;
}

.checkbox--flipped {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-top: 5px;
}

.checkbox--flipped input[type="checkbox"] {
    margin-right: 0.75rem;
    position: relative;
    top: -4px;
}

input[type="checkbox"] {
    margin: 0;
}

.input.md-checkbox,
.md-checkbox {
    background: none;
    border: none;
    font-size: 14px;
    height: auto;
    margin-right: 8px;
    padding: 0;
    width: auto;
}

.input.md-checkbox label,
.md-checkbox label {
    align-items: center;
    display: flex;
}

.input.md-checkbox input[type="checkbox"],
.md-checkbox input[type="checkbox"] {
    margin-right: 8px;
}

.control-group.boolean {
    align-items: center;
    display: inline-flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.control-group.boolean label.boolean {
    cursor: pointer;
    font: var(--md-sys-typescale-body-large);
    margin-left: 8px;
}

.control-group.boolean label.boolean.disabled {
    color: var(--disabled-content-color);
    cursor: default;
}

.control-group.boolean input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid var(--light-text-on-surface-color);
    border-radius: 3px;
    cursor: pointer;
    height: 16px;
    position: relative;
    top: 50%;
    width: 16px;
}

.control-group.boolean input[type="checkbox"]:focus {
    outline-color: var(--primary-text-on-surface-color);
    outline-offset: 3px;
}

.control-group.boolean input[type="checkbox"]:checked {
    border-color: var(--primary-text-on-surface-color);
    background: var(--primary-surface-color);
}

.control-group.boolean input[type="checkbox"]:checked:after {
    align-items: center;
    color: var(--text-on-primary-color);
    content: "check";
    display: flex;
    font-family: "Google Material Icons";
    font-size: 16px;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.control-group.boolean input[type="checkbox"][disabled] {
    border-color: var(--disabled-content-color);
    cursor: default;
}

.control-group.radio_buttons .radio label {
    display: block;
    font-weight: 400;
    margin: 8px 0 8px 8px;
}

.control-group.radio_buttons .radio label input {
    margin-right: 8px;
}

label,
.label {
    cursor: text;
    display: inline-block;
    font-family: var(--md-ref-typeface-plain);
    font-size: 13px;
    margin-bottom: 2px;
}

.label--console {
    color: #5f6368;
    display: block;
    font-size: 10px !important;
    font-weight: 700;
    margin-bottom: 0px;
}

.control-group.decimal label,
.control-group.string label,
.control-group.integer label,
.control-group.url label,
.control-group.text label,
.control-group.email label,
.control-group.password label,
.control-group.time_zone label,
.control-group.select label {
    background: var(--base-surface-color);
    font-family: var(--md-ref-typeface-plain);
    left: 8px;
    padding: 4px 8px;
    position: absolute;
    top: -10px;
    z-index: 1;
}

.control-group.decimal:focus-within label,
.control-group.string:focus-within label,
.control-group.integer:focus-within label,
.control-group.url:focus-within label,
.control-group.text:focus-within label,
.control-group.email:focus-within label,
.control-group.password:focus-within label,
.control-group.time_zone:focus-within label,
.control-group.select:focus-within label {
    color: var(--primary-text-on-surface-color);
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select,
.input {
    transition: all 0.1s ease-in-out;
    align-items: center;
    background-color: white;
    border: 1px solid #dadce0;
    border-radius: 4px;
    box-shadow: none;
    color: #202124;
    cursor: text;
    display: flex;
    font-family: var(--md-ref-typeface-plain);
    font-size: 16px;
    font-weight: 400;
    height: 56px;
    line-height: 1;
    padding: 8px 16px;
    width: 100%;
}

input[type="color"]::placeholder,
input[type="date"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="email"]::placeholder,
input[type="month"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="text"]::placeholder,
input[type="time"]::placeholder,
input[type="url"]::placeholder,
input[type="week"]::placeholder,
textarea::placeholder,
select::placeholder,
.input::placeholder {
    color: #5f6368;
}

input[type="color"][disabled="disabled"],
input[type="color"][disabled],
input[type="color"] .is-disabled,
input[type="date"][disabled="disabled"],
input[type="date"][disabled],
input[type="date"] .is-disabled,
input[type="datetime"][disabled="disabled"],
input[type="datetime"][disabled],
input[type="datetime"] .is-disabled,
input[type="datetime-local"][disabled="disabled"],
input[type="datetime-local"][disabled],
input[type="datetime-local"] .is-disabled,
input[type="email"][disabled="disabled"],
input[type="email"][disabled],
input[type="email"] .is-disabled,
input[type="month"][disabled="disabled"],
input[type="month"][disabled],
input[type="month"] .is-disabled,
input[type="number"][disabled="disabled"],
input[type="number"][disabled],
input[type="number"] .is-disabled,
input[type="password"][disabled="disabled"],
input[type="password"][disabled],
input[type="password"] .is-disabled,
input[type="search"][disabled="disabled"],
input[type="search"][disabled],
input[type="search"] .is-disabled,
input[type="tel"][disabled="disabled"],
input[type="tel"][disabled],
input[type="tel"] .is-disabled,
input[type="text"][disabled="disabled"],
input[type="text"][disabled],
input[type="text"] .is-disabled,
input[type="time"][disabled="disabled"],
input[type="time"][disabled],
input[type="time"] .is-disabled,
input[type="url"][disabled="disabled"],
input[type="url"][disabled],
input[type="url"] .is-disabled,
input[type="week"][disabled="disabled"],
input[type="week"][disabled],
input[type="week"] .is-disabled,
textarea[disabled="disabled"],
textarea[disabled],
textarea .is-disabled,
select[disabled="disabled"],
select[disabled],
select .is-disabled,
.input[disabled="disabled"],
.input[disabled],
.input .is-disabled {
    background: #dadce0;
    color: #3c4043;
    cursor: default;
}

input[type="color"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="email"]:hover,
input[type="month"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
input[type="week"]:hover,
textarea:hover,
select:hover,
.input:hover {
    border-color: #dadce0;
}

input[type="color"]:focus,
input[type="color"].active,
input[type="date"]:focus,
input[type="date"].active,
input[type="datetime"]:focus,
input[type="datetime"].active,
input[type="datetime-local"]:focus,
input[type="datetime-local"].active,
input[type="email"]:focus,
input[type="email"].active,
input[type="month"]:focus,
input[type="month"].active,
input[type="number"]:focus,
input[type="number"].active,
input[type="password"]:focus,
input[type="password"].active,
input[type="search"]:focus,
input[type="search"].active,
input[type="tel"]:focus,
input[type="tel"].active,
input[type="text"]:focus,
input[type="text"].active,
input[type="time"]:focus,
input[type="time"].active,
input[type="url"]:focus,
input[type="url"].active,
input[type="week"]:focus,
input[type="week"].active,
textarea:focus,
textarea.active,
select:focus,
select.active,
.input:focus,
.input.active {
    border-color: var(--primary-text-on-surface-color);
    box-shadow: none;
    outline: none;
}

input[type="color"].input--console,
input[type="date"].input--console,
input[type="datetime"].input--console,
input[type="datetime-local"].input--console,
input[type="email"].input--console,
input[type="month"].input--console,
input[type="number"].input--console,
input[type="password"].input--console,
input[type="search"].input--console,
input[type="tel"].input--console,
input[type="text"].input--console,
input[type="time"].input--console,
input[type="url"].input--console,
input[type="week"].input--console,
textarea.input--console,
select.input--console,
.input.input--console {
    background: #f1f3f4;
    border-radius: 4px 0px 0px 4px;
    transition: all 0.1s ease-in-out;
    border-color: transparent;
    cursor: text;
    font-family: "Roboto Mono", monospace;
    font-size: 13px;
    height: 30px;
    opacity: 1;
    padding: 0px 34px 0px 4px;
    position: relative;
}

input[type="color"].input--console:focus,
input[type="date"].input--console:focus,
input[type="datetime"].input--console:focus,
input[type="datetime-local"].input--console:focus,
input[type="email"].input--console:focus,
input[type="month"].input--console:focus,
input[type="number"].input--console:focus,
input[type="password"].input--console:focus,
input[type="search"].input--console:focus,
input[type="tel"].input--console:focus,
input[type="text"].input--console:focus,
input[type="time"].input--console:focus,
input[type="url"].input--console:focus,
input[type="week"].input--console:focus,
textarea.input--console:focus,
select.input--console:focus,
.input.input--console:focus {
    border-color: var(--primary-text-on-surface-color);
}

input[type="color"].input--code,
input[type="date"].input--code,
input[type="datetime"].input--code,
input[type="datetime-local"].input--code,
input[type="email"].input--code,
input[type="month"].input--code,
input[type="number"].input--code,
input[type="password"].input--code,
input[type="search"].input--code,
input[type="tel"].input--code,
input[type="text"].input--code,
input[type="time"].input--code,
input[type="url"].input--code,
input[type="week"].input--code,
textarea.input--code,
select.input--code,
.input.input--code {
    background: #dadce0;
    border: none;
    border-radius: 2px 0 0 2px;
    cursor: text;
    display: inline-block;
    font-family: "Roboto Mono", monospace;
    font-size: 15px;
    height: auto;
    line-height: 1.5;
    padding: 2px 3px;
}

textarea {
    padding: 20px 16px 8px 16px;
    height: auto;
}

.input--calendar {
    background: url("/assets/admin/icon_calendar-2e38b90f0253444a7667b23f20cdcc4b55caf116.png")
        no-repeat right 8px center;
    background-size: 16px 17px;
    cursor: pointer;
}

.input--calendar:hover {
    background-image: url("/assets/admin/icon_calendar--hover-cc2de1de201012d832536f5a2b17842ed7e5db30.png");
}

.input--calendar:focus,
.input--calendar.active {
    background-image: url("/assets/admin/icon_calendar--active-7869943f15479de3b0ee8e654d99a362d2918187.png");
}

.md-input {
    padding: 16px 0;
    position: relative;
    width: 100%;
}

.md-input--horizontal {
    padding-top: 0;
}

.md-input--condensed {
    padding: 11px 0;
}

.md-input__container {
    font-size: 16px;
    position: relative;
    transition: all 0.2s ease-in-out;
}

.md-input--horizontal .md-input__container {
    padding-left: 162px;
}

.md-input__input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #202124 !important;
    display: block;
    font-family: var(--md-ref-typeface-plain) !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    line-height: 1.3 !important;
    height: auto !important;
    padding: 8px !important;
    position: relative !important;
    transition: inherit !important;
    width: 100% !important;
    z-index: 2 !important;
}

.md-input__input[type="file"] {
    padding: 8px 0 !important;
}

.md-input--condensed .md-input__input {
    font-size: 14px !important;
    padding: 3px !important;
}

.md-input--select .md-input__input {
    cursor: pointer;
    padding-right: 24px;
}

.chosen-container + .md-input__borders {
    display: none;
}

.md-input__borders {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #ddd;
    color: #aaa;
    font-size: inherit;
    padding: 8px;
    text-transform: none;
    transition: inherit !important;
    z-index: 1;
}

.md-input--condensed .md-input__borders {
    padding: 3px;
}

.md-input--horizontal .md-input__borders {
    left: 162px;
}

input[type="file"] + .md-input__borders {
    border: none !important;
}

textarea + .md-input__borders {
    border: 1px solid #ddd;
}

.has-error .md-input__borders {
    border-color: #d93025 !important;
}

.md-input__borders:before {
    position: absolute;
    top: nil;
    right: 0px;
    bottom: -1px;
    left: 0px;
    background: var(--primary-surface-color);
    border: 1px solid var(--primary-text-on-surface-color);
    content: "";
    display: block;
    height: 0px;
    transform: scaleX(0);
    transform-origin: 50% 50%;
    transition: inherit;
    z-index: 2;
}

.md-input--horizontal .md-input__borders:before {
    transform-origin: 0% 50%;
}

*:focus + .md-input__borders:before {
    transform: scaleX(1);
}

input[type="file"] + .md-input__borders:before {
    background: var(--primary-surface-color);
    border: none;
    transform: scaleX(1) !important;
}

textarea + .md-input__borders:before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: transparent;
    border: 2px solid transparent;
    height: auto;
    transform: scaleX(1);
}

textarea:focus + .md-input__borders:before {
    border: 2px solid var(--primary-text-on-surface-color);
}

.has-error .md-input__borders:before {
    border-color: #d93025;
}

.has-error textarea + .md-input__borders:before {
    border-color: transparent;
}

.has-error textarea:focus + .md-input__borders:before {
    border-color: #d93025;
}

.md-input__label {
    color: #666 !important;
    display: block !important;
    font-family: var(--md-ref-typeface-plain) !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    text-transform: none !important;
    transform: translate(0px, 0px) scale(1);
    transform-origin: 0 0 !important;
    transition: inherit !important;
}

.md-input--condensed .md-input__label {
    font-size: 14px !important;
}

.md-input--horizontal .md-input__label {
    transform: translate(-170px, 0px) scale(1) !important;
}

*:focus + * .md-input__label,
*.is-filled + * .md-input__label,
input[type="file"] + * .md-input__label,
.md-input--select .md-input__label {
    transform: translate(-8px, -24px) scale(0.75);
}

.md-input--condensed *:focus + * .md-input__label,
.md-input--condensed *.is-filled + * .md-input__label {
    transform: translate(-3px, -15px) scale(0.75);
}

.md-input--condensed textarea:focus + * .md-input__label,
.md-input--condensed textarea.is-filled + * .md-input__label {
    transform: translate(-3px, -18px) scale(0.75);
}

*:focus + * .md-input__label {
    color: var(--primary-text-on-surface-color) !important;
}

.has-error .md-input__label {
    color: #d93025 !important;
}

.md-input__error {
    position: absolute;
    top: nil;
    right: nil;
    bottom: 0;
    left: 0;
    color: #999;
    font-size: 12px;
    margin: 0;
}

.has-error .md-input__error {
    color: #d93025 !important;
}

.md-input__hint {
    color: #666;
    font-size: 12px;
}

.md-input--horizontal .md-input__hint {
    padding-left: 162px;
}

.search-and-filter-form {
    margin-bottom: 40px;
}

.search-and-filter-form > *:not(:last-child) {
    margin-bottom: 16px;
}

.header-container {
    background: var(--primary-surface-color);
    color: var(--text-on-primary-color);
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100vw;
    z-index: 30;
}

.header {
    align-items: center;
    display: flex;
    height: 64px;
    padding: 0 24px 0 20px;
    position: relative;
    outline: 1px solid transparent;
}

@media (max-width: 965px) {
    .header {
        padding: 0 16px;
    }
}

.header__title {
    align-items: center;
    color: inherit;
    display: flex;
    height: 100%;
}

.header__title h1 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
}

.header__title h1 .custom-logo {
    color: var(--text-on-primary-color);
}

@media (max-width: 600px) {
    .header__title h1 {
        font-size: 19px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: calc(100vw - 200px);
    }
}

.header__title .icon-button {
    margin-left: -8px;
    margin-right: 8px;
}

.header__actions,
.header__left-actions {
    align-items: center;
    display: flex;
    margin-left: auto;
}

.header__actions > *:not(:last-child),
.header__left-actions > *:not(:last-child) {
    margin-right: 24px;
}

@media (max-width: 600px) {
    .header__actions > *:not(:last-child),
    .header__left-actions > *:not(:last-child) {
        margin-right: 16px;
    }
}

@media (max-width: 600px) {
    .header__actions #language,
    .header__actions ql-help,
    .header__left-actions #language,
    .header__left-actions ql-help {
        display: none;
    }

    .header__actions .button--signin,
    .header__left-actions .button--signin {
        display: none;
    }
}

.header__actions .favorite-button i,
.header__left-actions .favorite-button i {
    color: var(--text-on-primary-color);
}

.header__actions .locale-link,
.header__left-actions .locale-link {
    text-decoration: none;
}

.header__actions .locale-link img,
.header__left-actions .locale-link img {
    margin-right: 8px;
}

.header__button {
    align-items: center;
    color: inherit;
    display: flex;
    justify-content: center;
    text-decoration: none;
}

.header__button--nav {
    margin-right: 24px;
}

@media (max-width: 600px) {
    .header__button--nav {
        margin-right: 16px;
    }
}

.header__button--search {
    display: none;
}

@media (max-width: 965px) {
    .header__button--search {
        display: block;
    }

    .no-nav .header__button--search {
        display: none;
    }
}

.header__menu {
    color: inherit;
}

.header__menu .mdl-menu__container {
    margin-top: -32px;
}

.header__menu--my-account button,
.header__menu--side-my-account button {
    height: 40px;
    width: 40px;
}

.header__menu--my-account button .material-icons,
.header__menu--side-my-account button .material-icons {
    height: 32px;
    transform: translate(-16px, -16px);
    width: 32px;
}

.header__menu--my-account button .material-icons img,
.header__menu--side-my-account button .material-icons img {
    border: none;
    box-shadow: none;
    height: 100%;
    width: 100%;
}

.header__menu--my-account {
    position: relative;
}

.header__menu__item a {
    color: #202124;
    display: block;
    text-decoration: none !important;
}

.header__tabs {
    display: flex;
    padding: 0 24px 0 72px;
}

@media (max-width: 600px) {
    .header__tabs {
        background: rgba(255, 255, 255, 0.1);
        padding: 0;
    }
}

.header-my-account-button {
    margin-right: 0 !important;
    padding: 4px !important;
}

.my-account-button-notification {
    align-items: center;
    background: var(--accent-surface-color);
    border: 2px solid white;
    border-radius: 50%;
    color: var(--text-on-accent-color);
    display: flex;
    height: 22px;
    justify-content: center;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 22px;
}

.my-account-menu {
    padding-bottom: 24px;
    text-align: center;
    width: 320px;
    overflow: auto;
}

.my-account-menu .groups {
    border-bottom: 1px solid var(--hairline-color);
    border-top: 1px solid var(--hairline-color);
    text-align: left;
}

.my-account-menu p {
    margin: 0;
}

.my-account-menu .my-account-menu__notification {
    align-items: center;
    background-color: #fef7e0;
    border-radius: 4px;
    display: flex;
    margin: 4px;
    padding: 4px 6px;
    text-align: left;
    z-index: 1;
    outline: 1px solid transparent;
}

.my-account-menu .my-account-menu__notification ql-icon {
    color: #d56e0c;
    margin-right: 8px;
}

.my-account-menu .my-account-menu__notification a {
    color: var(--text-on-focus-color);
}

.header-my-account-menu {
    color: #202124;
    display: none;
    position: fixed;
    top: 56px;
    right: 24px;
    min-width: 400px;
}

.header-my-account-menu.is-open {
    display: block;
}

.my-account-menu__top {
    display: flex;
    padding: 24px;
}

.my-account-menu__info {
    margin-left: 24px;
}

.my-account-menu__bottom {
    align-items: center;
    background: #f8f9fa;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #dadce0;
    display: flex;
    padding: 12px 24px;
}

.my-account-menu__bottom .button {
    margin-left: auto;
}

.impersonation-header {
    z-index: 999999;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ea4335;
    color: white;
}

.impersonation-header a {
    color: white;
}

.header-tab {
    align-items: center;
    color: inherit;
    display: flex;
    font-size: 14px;
    height: 100%;
    position: relative;
    justify-content: center;
    width: 160px;
}

.header-tab.is-active {
    color: inherit;
    font-weight: 500;
}

.header-tab.is-active:after {
    background: var(--primary-surface-color);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    bottom: 0px;
    content: "";
    display: block;
    left: 25%;
    height: 3px;
    position: absolute;
    width: 50%;
}

.header-tab:hover {
    color: inherit;
    text-decoration: none;
}

@media (max-width: 600px) {
    .header-tab {
        flex: 1;
        width: auto;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--md-ref-typeface-plain);
    line-height: 1.2;
    margin: 0px;
}

h1 {
    font-size: 40px;
    font-weight: 700;
}

h2 {
    font-size: 34px;
    font-weight: 700;
}

h3 {
    font-size: 28px;
    font-weight: 400;
}

h4 {
    font-size: 18px;
    font-weight: 400;
}

h5 {
    font-size: 15px;
    font-weight: 700;
}

.hover-menu {
    position: relative;
    z-index: 1;
}

.hover-menu:hover {
    z-index: 2;
}

.hover-menu:hover .hover-menu__menu {
    transform: translateY(0px) scale(1);
    opacity: 1;
}

.hover-menu__trigger {
    align-items: center;
    cursor: pointer;
    display: flex;
}

.hover-menu__trigger > *:not(:last-child) {
    margin-right: 3px;
}

.hover-menu__menu {
    position: absolute;
    top: 30px;
    right: 0px;
    bottom: nill;
    left: nil;
    transform: translateY(-20px) scale(0.1);
    transform-origin: right top;
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 2px;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
    opacity: 0;
    width: 210px;
}

.hover-menu__menu__item {
    text-transform: none;
}

.hover-menu__menu__item p {
    margin: 0;
}

.hover-menu__menu__item.menu__item--no-hover {
    background: white;
}

span.hover-menu__menu__item {
    align-items: center;
    cursor: default;
    display: flex;
}

span.hover-menu__menu__item img {
    display: block;
    margin-right: 0.75rem;
}

span.hover-menu__menu__item:hover {
    color: inherit;
}

.hover-menu__menu__item--bold {
    background: var(--accent-surface-color);
    border-color: var(--accent-text-on-surface-color);
    color: var(--text-on-accent-color);
}

.hover-menu__menu__item--bold:hover {
    background: var(--accent-surface-color);
    color: var(--text-on-accent-color);
}

.hover-menu--lab-assessment .hover-menu__menu {
    transform: translateY(-15px) scale(0.1);
    top: 15px;
    width: 300px;
}

.hover-menu--lab-assessment .hover-menu__menu__item p:last-child {
    flex: 0 0 auto;
    background: var(--primary-surface-color);
    border-radius: 20px;
    color: var(--text-on-primary-color);
    margin-left: auto;
    padding: 4px;
    text-align: center;
    width: 65px;
}

.icon-button {
    align-items: center;
    background: none;
    background-color: transparent;
    border: none;
    border-radius: 48px;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font-size: 24px;
    height: 48px;
    justify-content: center;
    line-height: 1;
    margin-top: 0;
    outline: none !important;
    padding: 12px;
    position: relative;
    text-decoration: none !important;
    user-select: none;
    vertical-align: middle;
    width: 48px;
}

.icon-button:before,
.icon-button:after {
    background-color: #000;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition:
        opacity 0.16s cubic-bezier(0.4, 0, 0.2, 1),
        background-color 0.16s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
}

.icon-button:hover:not(:disabled):before {
    opacity: 0.04;
}

.icon-button:active:not(:disabled):after {
    opacity: 0.12;
}

.icon-button:focus:not(:disabled):before {
    opacity: 0.12;
}

.icon-button:disabled {
    color: rgba(60, 64, 67, 0.38);
    cursor: default;
    pointer-events: none;
}

.icon-button.icon-button--positive,
.icon-button[positive] {
    color: var(--success-color);
}

.icon-button.icon-button--negative,
.icon-button[negative] {
    color: var(--warn-color);
}

.icon-button.icon-button--primary,
.icon-button[primary] {
    color: var(--primary-text-on-surface-color);
}

.icon-button.icon-button--accent,
.icon-button[accent] {
    color: var(--accent-text-on-surface-color);
}

.icon-button.icon-button--small,
.icon-button[small],
.icon-button.icon-button--dense,
.icon-button[dense] {
    height: 32px;
    padding: 4px;
    width: 32px;
}

.icon-button--chip {
    background: rgba(0, 0, 0, 0.08);
    font-size: 14px;
    min-width: 48px;
    width: auto;
}

.icon-button--chip:hover {
    background: rgba(0, 0, 0, 0.12);
}

.icon-button--chip.active {
    background: var(--primary-surface-color);
    color: var(--text-on-primary-color);
}

.favorite-button[href*="unfavorite"] {
    color: #f538a0;
}

.featured-button[href*="remove_featured_content"] {
    color: var(--primary-text-on-surface-color);
}

.lab-access-modal {
    display: flex;
    padding-top: 28px;
}

.lab-access-modal-close {
    color: #202124;
    position: absolute;
    right: 12px;
    top: 12px;
}

.lab-access-modal__method {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.lab-access-modal__method:not(:last-child) {
    margin-right: 1.5rem;
}

.lab-access-modal__method .button {
    margin-top: auto;
}

.lab-access-modal__code {
    display: flex;
    margin-bottom: 0.75rem;
}

.lab-access-modal__code input {
    flex: 1 0 auto;
    width: 0px !important;
}

.lab-access-modal__code input:not(:last-child) {
    margin-right: 0.75rem;
}

.lab-assessment__tab,
.lab-assessment__panel {
    background: var(--accent-surface-color);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: var(--elevation-3);
    position: absolute;
    right: 0;
    top: 86px;
    z-index: 4;
}

.lab-assessment__tab {
    cursor: pointer;
    flex-direction: column;
    height: 60px;
    width: 64px;
}

.lab-assessment__tab button {
    background: transparent;
    border: none;
    color: inherit;
    font-family: var(--md-ref-typeface-plain);
    font-size: inherit;
    letter-spacing: 0.64px;
}

.lab-assessment__panel {
    opacity: 0;
    padding: 16px;
    transform: translateX(670px);
    max-height: 40%;
    max-width: 600px;
    overflow: auto;
    transition: opacity 0.2s;
    visibility: hidden;
}

.lab-assessment__panel.is-open {
    opacity: 1;
    transform: translateX(0);
    width: 100%;
    visibility: visible;
}

.lab-assessment__panel__header {
    align-items: center;
    display: flex;
    margin-bottom: 16px;
}

.lab-assessment__panel__header ql-icon-button {
    margin-left: auto;
}

.lab-assessment__step {
    align-items: center;
    display: flex;
}

.lab-assessment__step:not(:last-child) {
    margin-bottom: 8px;
}

.lab-assessment__step__title {
    flex: 1;
    margin: 0 16px 0 0;
}

.lab-assessment__step__action {
    align-items: center;
    display: flex;
    margin-left: auto;
}

.lab-assessment__step__score {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    margin: 0 0 0 16px;
    padding: 6px 8px;
    text-align: right;
    width: 64px;
}

.lab-content__renderable-instructions,
.ql-lab-control-panel__in-content-drawer {
    margin-top: 0 auto;
    max-width: 640px;
    position: inherit;
}

.lab-content__outline.ql-lab-outline__in-content-drawer {
    margin-top: 20px;
    max-width: 640px;
    position: inherit;
}

.lab-content__drm,
.lab-content__pdf {
    border: none;
    height: calc(100vh - 156px);
}

@media (max-width: 832px) {
    .lab-content__drm,
    .lab-content__pdf {
        margin-top: 0px;
        height: calc(100vh - 64px);
    }
}

.terminal {
    background: black;
    display: block;
    height: 100%;
    position: sticky;
    top: 0px;
    width: 100%;
}

ql-lab-control-panel {
    position: sticky;
    top: 24px;
    outline: 1px solid transparent;
}

.ql-lab-control-panel__max-height {
    max-height: calc(100vh - 112px);
}

.lab-content__outline {
    list-style-type: none;
    margin: 0px;
    padding-left: 0px;
    position: sticky;
    top: 24px;
}

.lab-content__outline li {
    line-height: inherit;
}

.lab-content__outline a {
    border-left: 2px solid #e8eaed;
    color: #5f6368;
    display: block;
    font-family: var(--md-ref-typeface-brand);
    font-size: 13px;
    font-weight: 500;
    padding: 8px 0 8px 16px;
    position: relative;
}

.lab-content__outline a:hover,
.lab-content__outline a:focus {
    color: var(--primary-text-on-surface-color) !important;
    outline: none;
    text-decoration: none;
}

.lab-content__outline a.is-active {
    border-left-color: var(--primary-text-on-surface-color);
    color: #202124;
}

.lab-content__image {
    background: var(--base-surface-color);
    border-radius: 2px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
    margin: auto;
    padding: 3rem;
    max-width: 100%;
}

.lab-content__image-overlay {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.85);
    cursor: zoom-out;
    padding: 100px;
    z-index: 999;
}

.lab-content__join {
    margin-top: 64px;
    background: #fef7e0;
    border-radius: 8px;
    padding: 24px;
}

.lab-content__join h4 {
    margin: 0 0 24px 0 !important;
    text-transform: none;
}

.lab-content__join a.button {
    font-family: var(--md-ref-typeface-brand) !important;
    color: #fff !important;
    height: 40px;
    line-height: 40px !important;
    text-transform: none;
    width: 100%;
}

.lab-content__end-lab-button {
    margin-bottom: 16px;
    width: fit-content;
}

.lab-preamble .lab-preamble__title {
    font-family: var(--md-ref-typeface-brand);
    font-size: 64px;
    font-weight: 400;
    margin-bottom: 80px;
}

@media (max-width: 832px) {
    .lab-preamble .lab-preamble__title {
        font-size: 48px;
    }
}

.lab-preamble .lab-preamble__details {
    align-items: center;
    color: #5f6368;
    display: flex;
}

.lab-preamble .lab-preamble__details span {
    margin-right: 40px;
}

.lab-preamble .lab__rating {
    align-items: center;
    display: flex;
}

.lab-preamble .lab__rating .rateit {
    align-items: center;
    display: flex;
}

.lab-preamble .lab__rating a {
    font-size: 13px;
    line-height: 1;
    margin-left: 4px;
    text-decoration: none;
}

.lab-resource {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
    transform: translateY(110%);
    background: white;
    border-radius: 2px;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
    opacity: 0.3;
    overflow-y: auto;
    padding: 45px;
    z-index: 23;
}

.lab-resource.is-open {
    transform: translateY(0);
    transition: all 0.3s ease-in-out;
    opacity: 1;
}

.lab-resource__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--primary-surface-color);
    opacity: 0;
    z-index: 20;
}

.lab-resource__background.is-visible {
    transition: all 0.3s ease-in-out;
    opacity: 0.75;
    z-index: 22;
}

.lab-resource__close {
    position: absolute;
    top: 8px;
    right: 18px;
    bottom: nil;
    left: nil;
    color: #5f6368;
    cursor: pointer;
    font-size: 24px;
}

.lab-resource__video-container {
    margin: 0 auto;
    width: 83%;
}

.lab-resource__video {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
}

.lab-resource__video iframe {
    position: absolute;
    top: 0;
    right: nil;
    bottom: nil;
    left: 0;
    width: 100%;
    height: 100%;
}

.lab-sidebar {
    border-radius: 8px;
    max-height: calc(100vh - 88px);
    overflow-y: auto;
    padding: 16px;
}

.lab-sidebar__group:not(:last-child) {
    margin-bottom: 16px;
}

.lab-sidebar__resource:not(:last-child) {
    margin-bottom: 1.5rem;
}

.lab-sidebar__resource--additional-details {
    transition: opacity 0.4s ease-in-out;
    opacity: 0;
}

.lab-sidebar__resource--additional-details.is-hidden {
    display: none;
}

.lab-sidebar__resource--additional-details.is-visible {
    opacity: 1;
}

.lab-sidebar__intro-link {
    font-size: 12px;
}

ql-copyable-input {
    display: block;
    margin-bottom: 12px;
}

.lab-sidebar__resource-button {
    width: 100%;
}

.lab-sidebar__download-button {
    display: block;
}

ql-lab-connection-details {
    display: block;
    margin-bottom: 12px;
}

.open-console-button {
    width: 100%;
}

#run_lab .row-fluid .span5,
#run_lab .row-fluid .span3,
#run_lab .row-fluid .span {
    width: calc(100% - 40px);
    padding: 12px;
    margin-left: 0px;
}

#run_lab .title {
    line-height: 20px;
}

#run_lab .title h1 {
    font-size: 200%;
}

#run_lab .title img {
    vertical-align: bottom;
    height: 60px;
    padding-left: 20px;
}

#run_lab p {
    font-size: 110%;
}

#run_lab pre {
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
    border: 1px solid;
    border-radius: 4px;
    padding: 9px;
}

#run_lab .greeting {
    background: #f5f5f5;
    border: 1px solid #aaa;
    margin-top: 8px;
    margin-bottom: 12px;
    word-wrap: break-word;
}

#run_lab .greeting .login {
    width: 80%;
    margin: 0px;
    padding: 20px;
    padding-bottom: 0px;
    border: 1px solid #aaa;
}

#run_lab ul.viewer {
    margin-top: 10px;
    list-style: none;
}

#run_lab ul.viewer li.inline {
    display: inline-block;
    vertical-align: top;
    padding-right: 16px;
}

#run_lab .highlight {
    color: #393;
    font-size: 130%;
}

#run_lab .copypaste {
    color: #00c;
    font-size: 120%;
}

#run_lab .username {
    padding-top: 0px;
    padding-left: 16px;
}

#run_lab .admin span {
    margin-right: 20px;
}

a,
.link {
    transition: all 0.1s ease-in-out;
    color: var(--primary-text-on-surface-color);
    cursor: pointer;
    text-decoration: none;
}

a:hover,
.link:hover {
    text-decoration: underline;
}

a i.fa,
.link i.fa {
    font-size: 10px;
}

a span i.fa,
.link span i.fa {
    margin-right: 5px;
}

.link--console {
    font-family: var(--md-ref-typeface-plain);
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
}

.link--console.is-disabled {
    color: #5f6368;
    cursor: default;
    text-decoration: none;
}

.link--console.is-disabled + i {
    color: #5f6368;
}

.link--danger {
    transition: all 0.1s ease-in-out;
    color: var(--warn-color);
    cursor: pointer;
    text-decoration: none;
}

.link--danger:hover {
    text-decoration: underline;
}

.sort_link {
    transition: all 0.1s ease-in-out;
    color: #5f6368;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px dotted #999;
    font-weight: 600;
    position: relative;
    text-decoration: none !important;
}

.sort_link:hover {
    text-decoration: underline;
}

.sort_link.asc,
.sort_link.desc {
    color: #202124;
}

.sort_link.asc:after {
    color: #aaa;
    content: "arrow_upward";
}

.sort_link.desc:after {
    color: #999;
    content: "keyboard_arrow_down";
}

.list-item {
    align-items: center;
    border-top: 1px solid #dadce0;
    display: flex;
    flex-wrap: wrap;
    height: 48px;
    overflow: hidden;
    padding: 0 24px;
    transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.list-item--expandable {
    padding: 0px;
    align-items: flex-start;
}

.list-item__header {
    align-items: center;
    display: flex;
    height: 48px;
    padding: 0 24px;
    width: 100%;
}

.list-item__header ql-toggle-button {
    margin-left: auto;
}

.list-item--expandable .list-item__header {
    cursor: pointer;
}

.list-item__details {
    display: none;
    padding: 0 24px 12px 24px;
}

.list-item__details.wide-details {
    width: 100%;
}

.list-item.is-expanded .list-item__details {
    display: block;
}

.custom-logo {
    color: var(--medium-text-on-surface-color);
    display: block;
    font: var(--md-sys-typescale-title-large);
    font-size: 20px;
}

.custom-logo img {
    display: block;
}

.custom-logo:hover {
    text-decoration: none;
}

.powered-by {
    align-items: center;
    color: var(--light-text-on-surface-color);
    display: flex;
    font: var(--md-sys-typescale-body-medium);
    font-size: 13px;
}

.powered-by img {
    height: 18px;
    margin-left: 4px;
}

.markdown-lab-instructions#markdown-lab-instructions {
    /* https://github.com/google/code-prettify/blob/master/styles/sunburst.css */
    /* Matches Codelabs pretty printing style. */
    /* Pretty printing styles. Used with prettify.js. */
    /* Vim sunburst theme by David Leibovic */
    /* string  - green */
    /* keyword - dark pink */
    /* comment - gray */
    /* type - light blue */
    /* literal - blue */
    /* punctuation - white */
    /* plaintext - white */
    /* html/xml tag    - light blue */
    /* html/xml attribute name  - khaki */
    /* html/xml attribute value - green */
    /* decimal - blue */
    /* Specify class=linenums on a pre to get line numbering */
    /* IE indents via margin-left */
    /* Alternate shading for lines */
}

.markdown-lab-instructions#markdown-lab-instructions a,
.markdown-lab-instructions#markdown-lab-instructions h1,
.markdown-lab-instructions#markdown-lab-instructions h2,
.markdown-lab-instructions#markdown-lab-instructions h3,
.markdown-lab-instructions#markdown-lab-instructions h4,
.markdown-lab-instructions#markdown-lab-instructions h5,
.markdown-lab-instructions#markdown-lab-instructions h6,
.markdown-lab-instructions#markdown-lab-instructions p,
.markdown-lab-instructions#markdown-lab-instructions ul,
.markdown-lab-instructions#markdown-lab-instructions ol,
.markdown-lab-instructions#markdown-lab-instructions li,
.markdown-lab-instructions#markdown-lab-instructions blockquote,
.markdown-lab-instructions#markdown-lab-instructions pre {
    color: #202124;
    font: var(--md-sys-typescale-body-large);
    margin: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    line-height: 1.6;
}

@media (max-width: 832px) {
    .markdown-lab-instructions#markdown-lab-instructions a,
    .markdown-lab-instructions#markdown-lab-instructions h1,
    .markdown-lab-instructions#markdown-lab-instructions h2,
    .markdown-lab-instructions#markdown-lab-instructions h3,
    .markdown-lab-instructions#markdown-lab-instructions h4,
    .markdown-lab-instructions#markdown-lab-instructions h5,
    .markdown-lab-instructions#markdown-lab-instructions h6,
    .markdown-lab-instructions#markdown-lab-instructions p,
    .markdown-lab-instructions#markdown-lab-instructions ul,
    .markdown-lab-instructions#markdown-lab-instructions ol,
    .markdown-lab-instructions#markdown-lab-instructions li,
    .markdown-lab-instructions#markdown-lab-instructions blockquote,
    .markdown-lab-instructions#markdown-lab-instructions pre {
        font-size: 16px;
    }
}

@media (max-width: 1120px) {
    .markdown-lab-instructions#markdown-lab-instructions a,
    .markdown-lab-instructions#markdown-lab-instructions h1,
    .markdown-lab-instructions#markdown-lab-instructions h2,
    .markdown-lab-instructions#markdown-lab-instructions h3,
    .markdown-lab-instructions#markdown-lab-instructions h4,
    .markdown-lab-instructions#markdown-lab-instructions h5,
    .markdown-lab-instructions#markdown-lab-instructions h6,
    .markdown-lab-instructions#markdown-lab-instructions p,
    .markdown-lab-instructions#markdown-lab-instructions ul,
    .markdown-lab-instructions#markdown-lab-instructions ol,
    .markdown-lab-instructions#markdown-lab-instructions li,
    .markdown-lab-instructions#markdown-lab-instructions blockquote,
    .markdown-lab-instructions#markdown-lab-instructions pre {
        font-size: 17px;
    }
}

.markdown-lab-instructions#markdown-lab-instructions.no-select {
    cursor: default;
}

.markdown-lab-instructions#markdown-lab-instructions.no-select a,
.markdown-lab-instructions#markdown-lab-instructions.no-select h1,
.markdown-lab-instructions#markdown-lab-instructions.no-select h2,
.markdown-lab-instructions#markdown-lab-instructions.no-select h3,
.markdown-lab-instructions#markdown-lab-instructions.no-select h4,
.markdown-lab-instructions#markdown-lab-instructions.no-select h5,
.markdown-lab-instructions#markdown-lab-instructions.no-select h6,
.markdown-lab-instructions#markdown-lab-instructions.no-select p,
.markdown-lab-instructions#markdown-lab-instructions.no-select ul,
.markdown-lab-instructions#markdown-lab-instructions.no-select ol,
.markdown-lab-instructions#markdown-lab-instructions.no-select li,
.markdown-lab-instructions#markdown-lab-instructions.no-select blockquote {
    cursor: default;
    user-select: none;
    -webkit-touch-callout: none;
}

.markdown-lab-instructions#markdown-lab-instructions a {
    transition: all 0.1s ease-in-out;
    color: var(--primary-text-on-surface-color);
    cursor: pointer;
    border-bottom: 1px solid var(--primary-text-on-surface-color);
}

.markdown-lab-instructions#markdown-lab-instructions a:hover {
    border-bottom: 2px solid var(--primary-text-on-surface-color);
    color: var(--primary-text-on-surface-color);
    text-decoration: none;
}

.markdown-lab-instructions#markdown-lab-instructions h1,
.markdown-lab-instructions#markdown-lab-instructions h2,
.markdown-lab-instructions#markdown-lab-instructions h3,
.markdown-lab-instructions#markdown-lab-instructions h4 {
    line-height: 1.2;
}

.markdown-lab-instructions#markdown-lab-instructions h1 strong,
.markdown-lab-instructions#markdown-lab-instructions h2 strong,
.markdown-lab-instructions#markdown-lab-instructions h3 strong,
.markdown-lab-instructions#markdown-lab-instructions h4 strong {
    font-weight: inherit;
}

.markdown-lab-instructions#markdown-lab-instructions h1 {
    font-family: var(--md-ref-typeface-brand);
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 32px;
}

.markdown-lab-instructions#markdown-lab-instructions h2 {
    font-family: var(--md-ref-typeface-brand);
    font-size: 30px;
    font-weight: 700;
    margin-top: 160px;
    margin-bottom: 32px;
}

@media (max-width: 832px) {
    .markdown-lab-instructions#markdown-lab-instructions h2 {
        font-size: 28px;
        margin-top: 80px;
    }
}

.markdown-lab-instructions#markdown-lab-instructions h3 {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 400;
    margin-top: 56px;
    margin-bottom: 32px;
}

@media (max-width: 832px) {
    .markdown-lab-instructions#markdown-lab-instructions h3 {
        font-size: 22px;
    }
}

.markdown-lab-instructions#markdown-lab-instructions h4 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.markdown-lab-instructions#markdown-lab-instructions p,
.markdown-lab-instructions#markdown-lab-instructions ul,
.markdown-lab-instructions#markdown-lab-instructions ol {
    margin-bottom: 24px;
}

.markdown-lab-instructions#markdown-lab-instructions ol {
    margin-bottom: 1.5rem;
    margin-left: 1.5rem;
}

.markdown-lab-instructions#markdown-lab-instructions h1 + ol,
.markdown-lab-instructions#markdown-lab-instructions h2 + ol,
.markdown-lab-instructions#markdown-lab-instructions h3 + ol {
    margin-top: 0;
}

.markdown-lab-instructions#markdown-lab-instructions ul {
    padding-left: 1.5rem;
}

.markdown-lab-instructions#markdown-lab-instructions ul li {
    list-style: disc;
}

.markdown-lab-instructions#markdown-lab-instructions ol ol,
.markdown-lab-instructions#markdown-lab-instructions ol ul,
.markdown-lab-instructions#markdown-lab-instructions ul ol,
.markdown-lab-instructions#markdown-lab-instructions ul ul {
    margin-top: 1.5rem;
    padding-left: 48px;
}

.markdown-lab-instructions#markdown-lab-instructions ol li:not(:last-child) {
    margin-bottom: 1.5rem;
}

.markdown-lab-instructions#markdown-lab-instructions blockquote {
    border-left: none;
    font-style: normal;
}

.markdown-lab-instructions#markdown-lab-instructions blockquote:before,
.markdown-lab-instructions#markdown-lab-instructions blockquote:after {
    display: none;
}

.markdown-lab-instructions#markdown-lab-instructions img {
    cursor: zoom-in;
    max-width: 100%;
}

@media (max-width: 1368px) {
    .markdown-lab-instructions#markdown-lab-instructions img {
        max-width: 100% !important;
    }
}

.markdown-lab-instructions#markdown-lab-instructions strong {
    font-weight: 700;
}

.markdown-lab-instructions#markdown-lab-instructions table {
    border-collapse: collapse;
    margin: 16px 0;
    width: 100%;
}

.markdown-lab-instructions#markdown-lab-instructions table tr:hover {
    background: #dadce0;
}

.markdown-lab-instructions#markdown-lab-instructions table th,
.markdown-lab-instructions#markdown-lab-instructions table td {
    padding: 8px;
    font-size: 14px;
}

.markdown-lab-instructions#markdown-lab-instructions table th {
    background: #dadce0;
    border: 1px solid #dadce0;
    color: #202124;
    font-weight: 700;
    text-align: left;
}

.markdown-lab-instructions#markdown-lab-instructions table td {
    border: 1px solid #dadce0;
}

.markdown-lab-instructions#markdown-lab-instructions table p,
.markdown-lab-instructions#markdown-lab-instructions table ul,
.markdown-lab-instructions#markdown-lab-instructions table li,
.markdown-lab-instructions#markdown-lab-instructions table a {
    font-size: 14px;
}

.markdown-lab-instructions#markdown-lab-instructions table p:last-child,
.markdown-lab-instructions#markdown-lab-instructions table ul:last-child,
.markdown-lab-instructions#markdown-lab-instructions table li:last-child,
.markdown-lab-instructions#markdown-lab-instructions table a:last-child {
    margin-bottom: 0;
}

.markdown-lab-instructions#markdown-lab-instructions pre,
.markdown-lab-instructions#markdown-lab-instructions code,
.markdown-lab-instructions#markdown-lab-instructions code * {
    font-family: "Roboto Mono", monospace;
    font-size: 15px;
    line-height: 1;
}

.markdown-lab-instructions#markdown-lab-instructions code {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    padding: 2px 3px;
}

.markdown-lab-instructions#markdown-lab-instructions .copyable-inline-input {
    background: #dadce0;
    border: none;
    border-radius: 2px;
    display: inline-block;
    font-family: "Roboto Mono", monospace;
    font-size: 15px;
    height: auto;
    line-height: 1;
    max-width: 100%;
    padding: 2px 0px 2px 7px;
    width: auto;
}

.markdown-lab-instructions#markdown-lab-instructions pre {
    background-color: #28323f;
    border-radius: 2px;
    display: block;
    color: #ccc;
    cursor: text;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    overflow-x: auto;
    padding: 1em;
    position: relative;
    white-space: pre-wrap;
    width: 95%;
    z-index: 2;
}

.markdown-lab-instructions#markdown-lab-instructions pre code {
    background: none;
    border-radius: 0;
    display: block;
    font-size: 13px;
    line-height: 1.6;
}

.markdown-lab-instructions#markdown-lab-instructions pre code * {
    font-size: 13px;
    line-height: 1.6;
}

.markdown-lab-instructions#markdown-lab-instructions pre button {
    position: absolute;
    top: 0.375rem;
    right: 0.375rem;
    bottom: nil;
    left: nil;
    opacity: 0;
}

.markdown-lab-instructions#markdown-lab-instructions pre:hover button {
    opacity: 1;
}

.markdown-lab-instructions#markdown-lab-instructions .rouge-table {
    width: 100%;
}

.markdown-lab-instructions#markdown-lab-instructions .rouge-table td {
    border-color: transparent;
    padding: 0;
}

.markdown-lab-instructions#markdown-lab-instructions .rouge-table tr {
    background: #444 !important;
}

.markdown-lab-instructions#markdown-lab-instructions .rouge-table pre {
    background: none;
    border-radius: 0;
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
}

.markdown-lab-instructions#markdown-lab-instructions .rouge-gutter {
    background: rgba(var(--primary-surface-color-rgb), 0.1);
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    width: 55px;
}

.markdown-lab-instructions#markdown-lab-instructions .rouge-gutter pre {
    color: rgba(255, 255, 255, 0.33);
    padding: 20px 15px;
}

.markdown-lab-instructions#markdown-lab-instructions .rouge-code {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    position: relative;
    overflow-x: auto;
}

.markdown-lab-instructions#markdown-lab-instructions .rouge-code pre {
    position: absolute;
    top: 20px;
    right: nil;
    bottom: nil;
    left: 0px;
    padding: 0px 15px;
    width: auto;
}

.markdown-lab-instructions#markdown-lab-instructions aside,
.markdown-lab-instructions#markdown-lab-instructions .codelabs-infobox {
    background-color: #f2f2f2;
    border-radius: 2px;
    margin-bottom: 1.5rem;
    padding: 20px;
}

.markdown-lab-instructions#markdown-lab-instructions aside p:last-child,
.markdown-lab-instructions#markdown-lab-instructions
    .codelabs-infobox
    p:last-child {
    margin-bottom: 0;
}

.markdown-lab-instructions#markdown-lab-instructions aside a,
.markdown-lab-instructions#markdown-lab-instructions .codelabs-infobox a {
    color: #1967d2;
}

.markdown-lab-instructions#markdown-lab-instructions aside > h3:first-child,
.markdown-lab-instructions#markdown-lab-instructions
    .codelabs-infobox
    > h3:first-child {
    margin-top: 0;
}

.markdown-lab-instructions#markdown-lab-instructions aside > h4:first-child,
.markdown-lab-instructions#markdown-lab-instructions
    .codelabs-infobox
    > h4:first-child {
    margin-top: 0;
}

.markdown-lab-instructions#markdown-lab-instructions aside,
.markdown-lab-instructions#markdown-lab-instructions .codelabs-infobox-special {
    background-color: var(--primary-surface-color-lightest);
}

.markdown-lab-instructions#markdown-lab-instructions aside.warning,
.markdown-lab-instructions#markdown-lab-instructions .codelabs-infobox-warning {
    background-color: rgba(217, 48, 37, 0.08);
}

.markdown-lab-instructions#markdown-lab-instructions ql-infobox,
.markdown-lab-instructions#markdown-lab-instructions ql-warningbox,
.markdown-lab-instructions#markdown-lab-instructions ql-expandable-infobox {
    margin: 1.5rem 0;
}

.markdown-lab-instructions#markdown-lab-instructions ql-expandable-infobox h1,
.markdown-lab-instructions#markdown-lab-instructions ql-expandable-infobox h2,
.markdown-lab-instructions#markdown-lab-instructions ql-expandable-infobox h3 {
    margin-top: 32px;
}

.markdown-lab-instructions#markdown-lab-instructions ql-expandable-infobox p {
    margin-top: 24px;
}

.markdown-lab-instructions#markdown-lab-instructions .codelabs-downloadbutton {
    transition: all 0.1s ease-in-out;
    align-items: center;
    display: flex;
    justify-content: center;
    -webkit-appearance: none;
    background: var(--primary-surface-color);
    border: 2px solid rgba(0, 0, 0, 0.15);
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    color: var(--text-on-primary-color);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--md-ref-typeface-plain);
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 1;
    padding: 0px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
}

.markdown-lab-instructions#markdown-lab-instructions
    .codelabs-downloadbutton:hover,
.markdown-lab-instructions#markdown-lab-instructions
    .codelabs-downloadbutton:focus {
    color: var(--text-on-primary-color);
    background: var(--primary-surface-color);
    text-decoration: none;
}

.markdown-lab-instructions#markdown-lab-instructions
    .codelabs-downloadbutton:active {
    color: var(--text-on-primary-color);
    box-shadow: inset 3px 3px 1px rgba(0, 0, 0, 0.07);
    text-decoration: none;
}

.markdown-lab-instructions#markdown-lab-instructions pre .str,
.markdown-lab-instructions#markdown-lab-instructions code .str {
    color: #65b042;
}

.markdown-lab-instructions#markdown-lab-instructions pre .kwd,
.markdown-lab-instructions#markdown-lab-instructions code .kwd {
    color: #e28964;
}

.markdown-lab-instructions#markdown-lab-instructions pre .com,
.markdown-lab-instructions#markdown-lab-instructions code .com {
    color: #aeaeae;
    font-style: italic;
}

.markdown-lab-instructions#markdown-lab-instructions pre .typ,
.markdown-lab-instructions#markdown-lab-instructions code .typ {
    color: #89bdff;
}

.markdown-lab-instructions#markdown-lab-instructions pre .lit,
.markdown-lab-instructions#markdown-lab-instructions code .lit {
    color: #3387cc;
}

.markdown-lab-instructions#markdown-lab-instructions pre .pun,
.markdown-lab-instructions#markdown-lab-instructions code .pun {
    color: #fff;
}

.markdown-lab-instructions#markdown-lab-instructions pre .pln,
.markdown-lab-instructions#markdown-lab-instructions code .pln {
    color: #fff;
}

.markdown-lab-instructions#markdown-lab-instructions pre .tag,
.markdown-lab-instructions#markdown-lab-instructions code .tag {
    color: #89bdff;
}

.markdown-lab-instructions#markdown-lab-instructions pre .atn,
.markdown-lab-instructions#markdown-lab-instructions code .atn {
    color: #bdb76b;
}

.markdown-lab-instructions#markdown-lab-instructions pre .atv,
.markdown-lab-instructions#markdown-lab-instructions code .atv {
    color: #65b042;
}

.markdown-lab-instructions#markdown-lab-instructions pre .dec,
.markdown-lab-instructions#markdown-lab-instructions code .dec {
    color: #3387cc;
}

.markdown-lab-instructions#markdown-lab-instructions pre.prettyprint,
.markdown-lab-instructions#markdown-lab-instructions code.prettyprint {
    background-color: #28323f;
}

.markdown-lab-instructions#markdown-lab-instructions pre.prettyprint {
    width: 95%;
    margin: 1em auto;
    overflow-x: auto;
    padding: 1em;
    white-space: pre-wrap;
}

.markdown-lab-instructions#markdown-lab-instructions ol.linenums {
    margin-top: 0;
    margin-bottom: 0;
    color: #aeaeae;
}

.markdown-lab-instructions#markdown-lab-instructions li.L0,
.markdown-lab-instructions#markdown-lab-instructions li.L1,
.markdown-lab-instructions#markdown-lab-instructions li.L2,
.markdown-lab-instructions#markdown-lab-instructions li.L3,
.markdown-lab-instructions#markdown-lab-instructions li.L5,
.markdown-lab-instructions#markdown-lab-instructions li.L6,
.markdown-lab-instructions#markdown-lab-instructions li.L7,
.markdown-lab-instructions#markdown-lab-instructions li.L8 {
    list-style-type: none;
}

@media print {
    .markdown-lab-instructions#markdown-lab-instructions pre .str,
    .markdown-lab-instructions#markdown-lab-instructions code .str {
        color: #060;
    }

    .markdown-lab-instructions#markdown-lab-instructions pre .kwd,
    .markdown-lab-instructions#markdown-lab-instructions code .kwd {
        color: #006;
        font-weight: bold;
    }

    .markdown-lab-instructions#markdown-lab-instructions pre .com,
    .markdown-lab-instructions#markdown-lab-instructions code .com {
        color: #600;
        font-style: italic;
    }

    .markdown-lab-instructions#markdown-lab-instructions pre .typ,
    .markdown-lab-instructions#markdown-lab-instructions code .typ {
        color: #404;
        font-weight: bold;
    }

    .markdown-lab-instructions#markdown-lab-instructions pre .lit,
    .markdown-lab-instructions#markdown-lab-instructions code .lit {
        color: #044;
    }

    .markdown-lab-instructions#markdown-lab-instructions pre .pun,
    .markdown-lab-instructions#markdown-lab-instructions code .pun {
        color: #440;
    }

    .markdown-lab-instructions#markdown-lab-instructions pre .pln,
    .markdown-lab-instructions#markdown-lab-instructions code .pln {
        color: #000;
    }

    .markdown-lab-instructions#markdown-lab-instructions pre .tag,
    .markdown-lab-instructions#markdown-lab-instructions code .tag {
        color: #006;
        font-weight: bold;
    }

    .markdown-lab-instructions#markdown-lab-instructions pre .atn,
    .markdown-lab-instructions#markdown-lab-instructions code .atn {
        color: #404;
    }

    .markdown-lab-instructions#markdown-lab-instructions pre .atv,
    .markdown-lab-instructions#markdown-lab-instructions code .atv {
        color: #060;
    }
}

ql-menu {
    color: var(--base-text-on-surface-color);
    outline: 1px solid transparent;
}

ql-menu-item a {
    align-items: center;
    color: var(--base-text-on-surface-color);
    display: flex;
    font: var(--md-sys-typescale-body-large);
    text-align: left;
    text-decoration: none;
}

ql-menu-item a:hover {
    text-decoration: none;
}

.mdl-menu__item {
    margin: 0 !important;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    display: none;
    z-index: 991;
}

.modal.fade .modal-content {
    transform: translate(0, 35%);
    opacity: 0.3;
}

.modal.in .modal-content {
    transform: translate(0, 0);
    opacity: 1;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 0.3s ease-out;
    background: rgba(0, 0, 0, 0.5);
    z-index: 990;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.in {
    opacity: 0.8;
}

.modal-body {
    padding: 24px 32px;
}

.modal-body-warning {
    font-weight: bold;
}

.modal-container {
    position: fixed;
    top: 0;
    right: nil;
    bottom: nil;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal-content {
    transition: all 0.3s ease-out;
    background-color: white;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    width: 600px;
}

.modal-content.edit-gcp-environment {
    overflow-y: auto;
    width: 800px;
}

.modal-header {
    font-family: var(--md-ref-typeface-brand) !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    padding: 32px 32px 0 32px;
    text-transform: none;
    width: 90%;
}

.modal-actions {
    display: flex;
    justify-content: flex-end;
    padding: 0 32px 24px 32px;
}

.modal-actions .button:not(:last-child) {
    margin-right: 16px;
}

.modal-close {
    position: absolute;
    top: 24px;
    right: 24px;
    bottom: nil;
    left: nil;
    color: #ccc;
    font-size: 18px;
}

.my-credits {
    background: #dadce0;
    border-radius: 2px;
    padding: 1.5rem;
}

.my-credits__overview {
    align-items: center;
    display: flex;
}

.my-credits__overview__message {
    margin-left: 1.5rem;
}

.my-credits__overview__message h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: none;
}

.my-credits__overview__message p {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-transform: uppercase;
}

.my-credits__overview__message a {
    font-size: 11px;
    line-height: 1.5;
    text-decoration: underline;
}

.my-credits__overview__message ql-chip {
    text-transform: uppercase;
    vertical-align: middle;
}

.my-credits__details {
    margin-top: 1.5rem;
}

.my-credits__details .flex-table__row {
    border-bottom: none;
    height: 30px;
}

.my-credits__details .flex-table__row .td {
    font-size: 13px;
}

.my-credits__details .flex-table__row:hover {
    background: none;
}

.my-credits__details .flex-table__row--header {
    background: none;
    border-bottom: 1px solid #dadce0;
}

.my-credits__details .flex-table__row--header .td {
    color: #202124;
}

.my-credits__share {
    display: block;
    font-size: 14px;
    margin-bottom: 3rem;
    text-align: right;
}

.td.my-credits__action {
    flex: 0 0 auto;
    width: 80px;
    text-align: right;
}

.td.my-credits__credits {
    flex: 0 0 auto;
    width: 50%;
}

.td.my-credits__expiring {
    flex: 0 0 auto;
    width: 100px;
}

.td.my-credits__purchase-date {
    flex: 0 0 auto;
    width: 160px;
}

.td.my-credits__price {
    flex: 0 0 auto;
    width: 100px;
}

.td.my-credits__next-expiring {
    flex: 0 0 auto;
    width: 190px;
}

.td.my-credits__purchased span {
    border-radius: 2px;
    background: var(--primary-surface-color);
    color: var(--text-on-primary-color);
    font-size: 14px;
    padding: 2px 5px;
    text-transform: uppercase;
}

.nav-bar {
    background: white;
    height: calc(100vh - 64px - 1px);
    left: 0;
    position: fixed;
    top: calc(64px + 1px);
    width: 72px;
    z-index: 199;
}

.nav-bar__item {
    align-items: center;
    color: #5f6368;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 72px;
    outline: none;
    padding: 0 4px;
    position: relative;
    text-decoration: none !important;
    width: 72px;
}

.nav-bar__item:before {
    background: transparent;
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 5%;
    width: 100%;
    z-index: -1;
}

.nav-bar__item:hover:before,
.nav-bar__item:focus:before {
    background: #f1f3f4;
}

.nav-bar__item.active {
    color: var(--primary-text-on-surface-color);
}

.nav-bar__item__icon {
    margin-bottom: 4px;
}

.nav-bar__item__label {
    font-family: var(--md-ref-typeface-brand);
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    hyphens: auto;
}

.no-nav .nav-bar {
    display: none;
}

@media (max-width: 600px) {
    .nav-bar {
        box-shadow:
            8px 0 10px -5px rgba(0, 0, 0, 0.2),
            16px 0 24px 2px rgba(0, 0, 0, 0.14),
            6px 0 30px 5px rgba(0, 0, 0, 0.12);
        display: flex;
        height: 64px;
        justify-content: space-around;
        width: 100vw;
    }
}

.sidenav-drawer .nav-bar {
    position: static;
}

.nav-panel {
    transition: transform 0.175s cubic-bezier(0.4, 0, 0.6, 1);
    background: white;
    display: flex;
    flex-direction: column;
    height: 100vh;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    transform: translateX(-100%);
    visibility: hidden;
    width: 280px;
    z-index: 202;
}

.nav-panel.is-open {
    transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1);
    transform: translateX(0);
    visibility: visible;
    box-shadow:
        0 8px 10px -5px rgba(0, 0, 0, 0.2),
        0 16px 24px 2px rgba(0, 0, 0, 0.14),
        0 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.nav-panel__logo {
    height: 64px;
    margin-bottom: 24px;
    padding: 24px;
}

.nav-panel__item {
    align-items: center;
    color: #3c4043;
    display: flex;
    font-size: 14px;
    flex: 0 0 48px;
    height: 48px;
    margin: 2px 0;
    outline: none;
    padding-left: 24px;
    position: relative;
    text-decoration: none !important;
    width: 264px;
}

.nav-panel__item:before {
    background: transparent;
    border-radius: 0 48px 48px 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.nav-panel__item:hover:before,
.nav-panel__item:focus:before {
    background: #f1f3f4;
}

.nav-panel__item.active:focus:before {
    background: rgba(var(--primary-surface-color-rgb), 0.2);
}

.nav-panel__item.active {
    color: var(--primary-text-on-surface-color);
}

.nav-panel__item.active:before {
    background: rgba(var(--primary-surface-color-rgb), 0.1);
}

@media (max-width: 600px) {
    .nav-panel__item {
        height: 32px;
    }
}

.nav-panel__item__icon {
    margin-right: 24px;
}

@media (max-width: 600px) {
    .nav-panel__item__icon {
        margin-right: 16px;
    }
}

.nav-panel__item__label {
    font-family: var(--md-ref-typeface-brand);
    font-weight: 500;
}

.nav-panel__item ql-help {
    display: block;
}

.nav-panel__help-item {
    align-items: center;
    display: flex;
    height: 48px;
    width: 264px;
    margin-left: -24px;
    padding-left: 24px;
}

.nav-panel__small-links {
    font-size: 13px;
    padding: 8px 24px;
    margin-top: auto;
}

.nav-panel__small-links a {
    color: #80868b;
    font-weight: 400;
}

.nav-panel__small-links a:first-child {
    margin-right: 16px;
}

.nav-panel__spacer {
    border-top: 1px solid #dadce0;
    margin: 16px 0;
}

@media (max-width: 600px) {
    .nav-panel__spacer {
        margin: 16px 0;
    }
}

.nav-panel__overlay {
    transition: opacity 0.175s cubic-bezier(0.4, 0, 0.6, 1);
    background: rgba(32, 33, 36, 0.25);
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transform: translateX(-100%);
    width: 100vw;
    z-index: 201;
}

.nav-panel.is-open + .nav-panel__overlay {
    transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
    opacity: 1;
    transform: translateX(0);
}

body.no-nav .nav-panel,
body.no-nav .header__nav-panel-button,
body.no-nav .bottom-menu {
    display: none;
}

.pagination {
    align-items: center;
    display: flex;
    font-size: 13px;
    justify-content: flex-end;
}

.pagination__per-page {
    align-items: center;
    display: flex;
    margin-right: 24px;
    position: relative;
}

.pagination__per-page form {
    display: inline-block;
}

.pagination__per-page label {
    margin-bottom: 0;
}

.pagination__per-page select {
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    font-family: "Roboto";
    font-size: 13px;
    margin-left: 8px;
    padding-right: 16px;
    position: relative;
    width: 60px;
    z-index: 1;
}

.pagination__per-page:after {
    font-family: "Material Icons";
    content: "arrow_drop_down";
    margin-top: -12px;
    position: absolute;
    top: 50%;
    right: 8px;
}

.pagination__page {
    margin-right: 24px;
}

.pagination__navigation {
    align-items: center;
    display: flex;
}

.pagination__navigation .previous_page,
.pagination__navigation .next_page {
    color: #5f6368;
    display: block;
    line-height: 1;
}

.pagination__navigation .previous_page.disabled,
.pagination__navigation .next_page.disabled {
    color: #ccc;
}

.pagination__navigation .previous_page {
    margin-right: 24px;
}

.progress-bar {
    background: #dadce0;
    border-radius: 100px;
    height: 20px;
    overflow: hidden;
    width: 100%;
}

.progress-bar__fill {
    background: var(--success-color);
    height: 100%;
}

.ql-card {
    background: white;
    border-radius: 8px;
    position: relative;
}

div.ql-divider {
    border-top: 1px solid #dadce0;
    height: 1px;
}

div.ql-bold-divider {
    background: var(--primary-surface-color);
    border-radius: 2px;
    height: 6px;
    width: 66%;
}

.mb-1 {
    margin-bottom: 8px;
}

.ml-1 {
    margin-left: 8px;
}

.mr-1 {
    margin-right: 8px;
}

.mt-1 {
    margin-top: 8px;
}

.mb-2 {
    margin-bottom: 16px;
}

.ml-2 {
    margin-left: 16px;
}

.mr-2 {
    margin-right: 16px;
}

.mt-2 {
    margin-top: 16px;
}

.mb-3 {
    margin-bottom: 24px;
}

.ml-3 {
    margin-left: 24px;
}

.mr-3 {
    margin-right: 24px;
}

.mt-3 {
    margin-top: 24px;
}

.mb-4 {
    margin-bottom: 32px;
}

.ml-4 {
    margin-left: 32px;
}

.mr-4 {
    margin-right: 32px;
}

.mt-4 {
    margin-top: 32px;
}

.mb-5 {
    margin-bottom: 40px;
}

.ml-5 {
    margin-left: 40px;
}

.mr-5 {
    margin-right: 40px;
}

.mt-5 {
    margin-top: 40px;
}

.mb-6 {
    margin-bottom: 48px;
}

.ml-6 {
    margin-left: 48px;
}

.mr-6 {
    margin-right: 48px;
}

.mt-6 {
    margin-top: 48px;
}

.mb-7 {
    margin-bottom: 56px;
}

.ml-7 {
    margin-left: 56px;
}

.mr-7 {
    margin-right: 56px;
}

.mt-7 {
    margin-top: 56px;
}

.mb-8 {
    margin-bottom: 64px;
}

.ml-8 {
    margin-left: 64px;
}

.mr-8 {
    margin-right: 64px;
}

.mt-8 {
    margin-top: 64px;
}

.mb-9 {
    margin-bottom: 72px;
}

.ml-9 {
    margin-left: 72px;
}

.mr-9 {
    margin-right: 72px;
}

.mt-9 {
    margin-top: 72px;
}

.mb-10 {
    margin-bottom: 80px;
}

.ml-10 {
    margin-left: 80px;
}

.mr-10 {
    margin-right: 80px;
}

.mt-10 {
    margin-top: 80px;
}

div.ql-wrapper {
    margin: 0 auto;
    width: 640px;
}

.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.rateit .rateit-range {
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background: url("/static/images/star.png");
    background-size: 16px 64px;
    height: 16px;
}

.rateit .rateit-hover,
.rateit .rateit-selected {
    position: absolute;
    left: 0px;
}

.rateit .rateit-hover-rtl,
.rateit .rateit-selected-rtl {
    left: auto;
    right: 0px;
}

.rateit .rateit-hover {
    background: url("/static/images/star.png") left -32px;
    background-size: 16px 64px;
}

.rateit .rateit-hover-rtl {
    background-position: right -32px;
}

.rateit .rateit-selected {
    background: url("/static/images/star.png") left -16px;
    background-size: 16px 64px;
}

.rateit .rateit-selected-rtl {
    background-position: right -16px;
}

.rateit .rateit-preset {
    background: url("/static/images/star.png") left -48px;
    background-size: 16px 64px;
}

.rateit .rateit-preset-rtl {
    background: url("/static/images/star.png") left -48px;
    background-size: 16px 64px;
}

.rateit .rateit-reset {
    background: url("/static/images/delete.gif") 0 0;
    width: 16px;
    height: 16px;
    display: -moz-inline-box;
    display: inline-block;
    float: left;
}

.rateit .rateit-reset:hover {
    background-position: 0 -16px;
}

.review {
    display: flex;
}

.review:not(:last-child) {
    border-bottom: 2px solid #dadce0;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
}

.review__content {
    margin-left: 0.75rem;
}

.review__content * {
    display: block;
    line-height: 1.5;
}

.ruled-list li {
    list-style: none;
    margin: 0;
    padding: 0.75rem;
}

.ruled-list li:not(:last-child) {
    border-bottom: 2px solid #dadce0;
}

.ruled-list li:hover {
    background: #dadce0;
}

ql-sidenav,
.ql-sidenav {
    display: block;
    padding-bottom: 8px;
    padding-top: 8px;
    width: 100%;
}

ql-sidenav ql-sidenav-item,
.ql-sidenav ql-sidenav-item {
    width: 264px;
}

.sidenav {
    width: 100%;
}

.sidenav__group {
    min-height: 0px;
}

.sidenav__group:not(:last-child) {
    margin-bottom: 1.5rem;
}

.sidenav__link {
    align-items: center;
    border: none;
    display: flex;
    font-weight: 400;
    text-transform: none;
}

.sidenav__link:hover {
    text-decoration: none;
}

.sidenav__link.is-active {
    background: var(--primary-surface-color);
    color: var(--text-on-primary-color);
}

.sidenav__link i {
    margin-left: auto;
}

.dashboard-lab-row {
    height: 50px;
}

.dashboard-lab-row .td {
    font-size: 14px;
}

.dashboard-lab-row:first-of-type {
    border-top: 2px solid #dadce0;
}

.dashboard-lab-row--active {
    background: rgba(217, 48, 37, 0.1);
}

.dashboard-lab-row--active .progress-bar {
    background: white;
    height: 12px;
}

.dashboard-lab-row--active .progress-bar__fill {
    background: #d93025;
    float: right;
}

.dashboard-lab-row--not-taken .td {
    color: #5f6368;
}

.dashboard-lab-row--not-taken:hover .td {
    color: #202124;
}

.td.dashboard-lab-row__status {
    flex: 0 0 auto;
    width: 13px;
}

.td.dashboard-lab-row__assessment {
    flex: 0 0 auto;
    width: 85px;
}

.td.dashboard-lab-row__title {
    flex: 0 0 auto;
    width: 40%;
}

.td.dashboard-lab-row__rating {
    flex: 0 0 auto;
    width: 80px;
}

.td.dashboard-lab-row__locale {
    flex: 0 0 auto;
    width: 20px;
}

.dashboard-quests-table__quest {
    border-bottom: 2px solid #dadce0;
}

.dashboard-quests-table__quest:first-of-type {
    border-top: 2px solid #dadce0;
}

.dashboard-quests-table__arrow {
    transform: rotate(0deg);
    transition: all 0.2s ease-in-out;
}

.dashboard-quests-table__arrow.is-shown {
    transform: rotate(90deg);
}

.dashboard-quest-row {
    border-bottom: none;
    cursor: pointer;
}

.td.dashboard-quest-row__badge {
    flex: 0 0 auto;
    width: 55px;
}

.td.dashboard-quest-row__title {
    flex: 0 0 auto;
    width: 39.5%;
}

.td.dashboard-quest-row__complete {
    flex: 0 0 auto;
    width: 130px;
}

.td.dashboard-quest-row__arrow {
    flex: 0 0 auto;
    width: 15px;
}

.dashboard-quest-steps {
    padding-left: 105px;
}

.dashboard-quest-step {
    position: relative;
    border-bottom: 1px solid #dadce0;
}

.dashboard-quest-step .dashboard-lab-row {
    border: none;
    height: 40px;
}

.dashboard-quest-step .dashboard-lab-row__status {
    display: none;
}

.dashboard-quest-step:after {
    position: absolute;
    top: 50%;
    right: nil;
    bottom: nil;
    left: -20px;
    width: 15px;
    height: 15px;
    background: white;
    border: 1px solid #5f6368;
    border-radius: 50%;
    content: "";
    margin-top: -8px;
    display: block;
}

.dashboard-quest-step:before {
    position: absolute;
    top: 0;
    right: nil;
    bottom: nil;
    left: -12px;
    width: 0px;
    height: calc(100% + 1px);
    border-right: 1px solid #5f6368;
    content: "";
    display: block;
}

.dashboard-quest-step:first-child {
    border-top: 1px solid #dadce0;
}

.dashboard-quest-step:first-child:before {
    height: calc(50% + 1px);
    top: 50%;
}

.dashboard-quest-step:last-child:before {
    height: 50%;
}

.dashboard-quest-step--optional:after {
    border-style: dotted;
}

.dashboard-quest-step--optional:before {
    border-right-style: dotted;
}

.dashboard-recommendation {
    background: rgba(var(--accent-surface-color-rgb), 0.75);
    border-radius: 2px;
    padding: 1.5rem;
}

.dashboard-recommendation--large-padding {
    padding: 3rem;
}

.dashboard-header {
    align-items: baseline;
    display: flex;
}

.dashboard-alert h4 {
    margin-bottom: 0.75rem;
}

.dashboard-alert .button {
    background: var(--primary-surface-color);
    color: "white";
    color: var(--text-on-primary-color);
    height: auto;
    margin-top: 0.75rem;
    padding: 6px;
}

.dashboard-alert .button:hover,
.dashboard-alert .button:focus {
    background: var(--primary-surface-color);
    color: "white";
}

.dashboard__group {
    margin-bottom: 24px;
}

.dashboard__group h2 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 16px;
}

.dashboard__completed {
    background: white;
    border-radius: 2px;
    padding: 20px 24px;
}

.table-of-contents {
    list-style: none;
}

.table-of-contents li {
    display: flex;
}

.table-of-contents__title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}

.table-of-contents__page {
    margin-left: auto;
}

.table-of-contents--markdown ul {
    list-style: none;
    margin: 0;
}

.table-of-contents--markdown ul li {
    font-family: var(--md-ref-typeface-plain);
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    margin: 0;
}

.table-of-contents--markdown ul li a {
    color: #202124;
    display: block;
    margin-bottom: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.table-of-contents--markdown ul li ul {
    padding-left: 1.5rem;
}

.table-of-contents--markdown ul li ul li {
    font-weight: 400;
}

.table-of-contents--markdown ul li ul li a {
    color: rgba(32, 33, 36, 0.65);
}

table {
    --table-hover-color: #fafafa;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    font-size: 14px;
    width: 100%;
}

tr {
    border-bottom: 1px solid var(--hairline-color);
}

tbody tr:hover {
    background-color: var(--table-hover-color);
}

th {
    background: none;
    color: var(--light-text-on-surface-color);
    font-size: 12px;
    text-align: left;
}

th,
td {
    padding: 16px 16px;
}

.flex-table {
    width: 100%;
}

.flex-table__row {
    align-items: center;
    border-bottom: 1px solid #eee;
    display: flex;
    height: 64px;
    padding: 19px 24px 18px 24px;
}

.flex-table__row:focus {
    background: #eee;
}

@media (max-width: 600px) {
    .flex-table__row {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.flex-table__row .td {
    box-sizing: content-box;
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    flex: 1;
    font-size: 14px;
    line-height: 1;
    padding: 0 56px 0 0;
}

.flex-table__row .td:first-child {
    padding: 0 24px 0 0;
}

.flex-table__row .td:last-child {
    padding: 0;
}

.flex-table__row.is-selected {
    background: var(--primary-surface-color-light);
}

.flex-table__row.is-selected i.material-icons {
    color: var(--primary-text-on-surface-color);
}

.flex-table__row:hover {
    background: #fafafa;
}

.flex-table__row--header .td {
    color: #5f6368;
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
}

.flex-table__row--header:hover {
    background: none;
}

.is-new {
    animation: newRow 2s;
}

@keyframes newRow {
    from {
        background: rgba(249, 171, 0, 0.2);
    }

    to {
        background: rgba(249, 171, 0, 0);
    }
}

.flex-table__actions {
    text-align: right;
}

.flex-table__actions i {
    font-size: 18px;
}

.flex-table__actions > *:not(:last-child) {
    margin-right: 16px;
}

.flex-table__actions .mdl-spinner {
    width: 18px;
    height: 18px;
}

.mdl-table--index .flex-table__row {
    align-items: center;
    font-weight: 400;
    text-decoration: none !important;
}

.mdl-table--index .flex-table__row form.fake-row {
    width: 100%;
}

.mdl-table--index .flex-table__row form.fake-row input {
    width: 100%;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    color: var(--primary-text-on-surface-color);
    font-weight: 500;
}

.mdl-table--index .flex-table__row span.fake-link {
    color: var(--primary-text-on-surface-color);
    font-weight: 500;
}

.mdl-table--index .flex-table__row span.version {
    color: #5f6368;
    font-weight: 400;
    margin-left: 8px;
    text-decoration: none;
}

.mdl-table--index .flex-table__row:hover span.fake-link,
.mdl-table--index .flex-table__row:focus span.fake-link {
    text-decoration: underline;
}

@media (max-width: 965px) {
    .mdl-table--index .flex-table__row span.fake-link {
        color: #202124;
        font-weight: 400;
    }

    .mdl-table--index .flex-table__row .td:not(:first-child) {
        display: none;
    }
}

@media (max-width: 965px) {
    .mdl-table--index .flex-table__row--header {
        display: none;
    }
}

.tabs {
    border-bottom: 1px solid #dadce0;
    display: flex;
    list-style: none;
}

@media (max-width: 667px) {
    .tabs {
        justify-content: center;
    }
}

.tab {
    align-items: center;
    background: none;
    border: none;
    color: #202124;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    min-height: 56px;
    height: auto;
    justify-content: center;
    padding: 0 24px;
    position: relative;
    top: 0;
    text-decoration: none !important;
    text-transform: none;
    min-width: 120px;
}

li.active .tab,
.tab.active,
.tab.is-active {
    color: var(--primary-text-on-surface-color);
    font-weight: 700;
}

li.active .tab:before,
.tab.active:before,
.tab.is-active:before {
    background: var(--primary-surface-color);
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}

.tabs--lab-sidebar {
    border-bottom-color: #dadce0;
    flex: 0 0 auto;
}

.tab--lab-sidebar {
    flex: 1;
    padding: 0 2px;
}

.tab--lab-sidebar.is-active {
    padding: 0px;
    background: #dadce0;
    border-color: #dadce0;
    border-bottom-color: transparent;
}

.tab-contents {
    padding: 1.5rem 0;
}

.tab-contents .tab-content {
    display: none;
}

.tab-contents .tab-content.is-active,
.tab-contents .tab-content.active {
    display: block;
}

.tab-contents--lab-sidebar {
    background: #dadce0;
    padding: 0.75rem;
    flex: 1 0 auto;
}

.mdl-card__tabs {
    border-bottom: 1px solid #eee;
    display: flex;
}

.mdl-card__tabs a {
    align-items: center;
    background: none;
    border: none;
    color: #202124;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 56px;
    justify-content: center;
    padding: 0 24px;
    position: relative;
    top: 0;
    text-decoration: none !important;
    text-transform: none;
    min-width: 120px;
}

.mdl-card__tabs a.active,
.mdl-card__tabs a.is-active {
    color: var(--primary-text-on-surface-color);
    font-weight: 700;
}

.mdl-card__tabs a.active:before,
.mdl-card__tabs a.is-active:before {
    background: var(--primary-surface-color);
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}

@media (max-width: 600px) {
    .mdl-card__tabs {
        display: none;
    }
}

.mdl-card__tabs--fill a {
    flex: 1;
}

.round-tag {
    background: #f1f3f4;
    border-radius: 100px;
    color: #5f6368;
    display: inline-block;
    font-family: var(--md-ref-typeface-brand);
    font-size: 14px;
    font-weight: 500;
    margin-right: 8px;
    padding: 4px 16px;
}

.toast {
    transition: transform 0.175s cubic-bezier(0.4, 0, 1, 1);
    align-self: center;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 8px 8px 0 0;
    bottom: 0px;
    min-width: 25vw;
    padding: 16px 48px;
    position: fixed;
    transform: translateY(100%);
    z-index: 10;
}

.toast.is-visible {
    transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1);
    transform: translateY(0px);
}

.toast__message {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    justify-content: center;
}

.toast__message a {
    margin-left: 8px;
}

.toast__loader {
    bottom: 0px;
    left: 0px;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.toast__loader .progressbar {
    background-color: #f9ab00 !important;
}

.toast__loader .bufferbar {
    background-image:
        linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        linear-gradient(to right, #f9ab00, #f9ab00);
}

.toast__loader .auxbar {
    background-image:
        linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
        linear-gradient(to right, #f9ab00, #f9ab00) !important;
}

.toast__loader.is-visible {
    opacity: 1;
}

.toolbar {
    margin-bottom: 80px;
    width: 100%;
    z-index: 30;
}

.toolbar .toolbar-inner {
    align-items: center;
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    padding-top: 24px;
}

.toolbar-actions {
    align-items: center;
    display: flex;
}

.toolbar-actions > *:not(ql-menu):not(:first-child) {
    margin-left: 24px;
}

.toolbar-actions > * {
    flex-shrink: 0;
}

.toolbar-title {
    align-items: center;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.toolbar-title a {
    color: var(--base-text-on-surface-color);
    font-weight: normal;
}

.toolbar-title ql-icon {
    color: var(--light-text-on-surface-color);
}

.toolbar-navigation {
    margin-right: 0;
}

.toolbar-navigation * {
    margin-right: 16px;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: var(--md-ref-typeface-plain);
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.3;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    background-color: #000000;
    border-radius: 4px;
    padding: 0.75rem;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

i.info {
    color: #5f6368;
    font-size: 18px;
}

.mdl-tooltip {
    background: rgba(0, 0, 0, 0.8);
    font-size: 13px;
    font-weight: 300;
    line-height: 15px;
    max-width: 190px;
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

.collapsing {
    height: 0;
    position: relative;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.youtube-membership-modal {
    text-align: center;
}

.admin_labs_container .modal {
    top: 0;
    left: 50%;
    right: auto;
    bottom: auto;
}

body.admin .modal {
    top: 0%;
    left: 50%;
    right: auto;
    bottom: auto;
}

.l-full-container .not-visible {
    display: none;
}

.populate-fleets-button {
    position: absolute;
    top: 22px;
    right: 24px;
}

.fleet-header {
    font-weight: 600;
    text-transform: none;
}

.fleet-table .flex-table__row {
    border-bottom: 1px solid #eee;
    height: 44px;
}

.fleet-table .flex-table__row:first-child {
    border-top: 1px solid #eee;
}

.fleet-table .flex-table__row .td:nth-child(1) {
    flex: 0 0 18%;
}

.fleet-table .flex-table__row .td--check {
    flex: 0 0 10%;
}

.fleet-table .flex-table__row .td:last-child {
    flex: 0 0 80px;
}

.fleet-form {
    display: flex;
}

.fleet-form .field {
    flex: 1;
}

.fleet-form .actions {
    padding-top: 24px;
}

.affiliate-program-table .flex-table__row {
    border-bottom: 1px solid #eee;
    height: 60px;
}

.affiliate-program-table .flex-table__row:first-child {
    border-top: 1px solid #eee;
    height: 32px;
}

.affiliate-program-table .flex-table__row .td:nth-child(3) {
    flex: 0 0 18%;
}

.affiliate-program-table .flex-table__row .td:nth-child(4) {
    flex: 0 0 18%;
}

.affiliate-program-table .flex-table__row .td:nth-child(5) {
    flex: 0 0 96px;
}

.affiliate-program-table .flex-table__row .td:nth-child(6) {
    flex: 0 0 96px;
    text-align: right;
}

.affiliate-program-table .flex-table__row--data .td:nth-child(2),
.affiliate-program-table .flex-table__row--data .td:nth-child(5) {
    max-height: 50px;
    overflow: auto;
}

.affiliate-program-owner-row {
    align-items: center;
    display: flex;
}

.subscription-status__failed {
    font-weight: bold;
}

.admin-warning {
    color: red;
}

.content-tag-group {
    margin-bottom: 20px;
}

.content-tag-group .disabled strong,
.content-tag-group .disabled span,
.content-tag-group .disabled .name,
.content-tag-group .disabled .description {
    opacity: 0.25;
}

.content-tag-group ql-list-item:first-child {
    margin-left: -16px;
}

.admin-content-tag-form-body .admin-content-tag-top-matter {
    margin-bottom: 64px;
    max-width: 100%;
}

.admin-content-tag-form-body .admin-content-tag-locales {
    column-gap: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 24px;
}

.admin-content-tag-form-body .admin-content-tag-locale h3 {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
}

.admin-content-tag-form-body .admin-content-tag-locale h3 ql-icon {
    margin-right: 8px;
}

.admin-content-tag-form-body .admin-content-tag-locale .form-row {
    margin-bottom: 12px;
}

.admin-content-tag-form-body .admin-content-tag-locale .form-row textarea {
    line-height: 1.5;
}

.admin-featured-body .l-main-wrapper {
    display: block !important;
    height: auto !important;
    padding: 48px !important;
}

.admin-featured-body .l-admin-container {
    margin-bottom: 0px;
}

.admin-featured-body .dashboard-container {
    height: calc(100vh - 64px - 96px);
}

.admin-featured-body .dashboard-container__body {
    height: 100%;
    overflow: hidden;
    padding: 0px;
}

.admin-featured-body .admin-featured-wrapper {
    display: flex;
    height: 100%;
}

.admin-featured-body .admin-featured__panel {
    width: 400px;
}

.admin-featured-body .admin-featured__panel__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px;
}

.admin-featured-body form,
.admin-featured-body input {
    margin: 0;
}

.author-learning-plan-show-layout-body ql-toolbar.app-toolbar,
.admin-learning-plan-body ql-toolbar.app-toolbar,
.learning-plan-show-body ql-toolbar.app-toolbar {
    border-bottom: none;
}

.author-learning-plan-show-layout-body main,
.admin-learning-plan-body main,
.learning-plan-show-body main {
    box-sizing: content-box;
    margin: 0 auto;
    max-width: 1168px;
    padding: 48px;
}

@media (max-width: 667px) {
    .author-learning-plan-show-layout-body main,
    .admin-learning-plan-body main,
    .learning-plan-show-body main {
        padding: 24px;
    }
}

.author-learning-plan-show-layout-body main > *:not(:last-child),
.admin-learning-plan-body main > *:not(:last-child),
.learning-plan-show-body main > *:not(:last-child) {
    margin-bottom: 80px;
}

@media (max-width: 667px) {
    .author-learning-plan-show-layout-body main > *:not(:last-child),
    .admin-learning-plan-body main > *:not(:last-child),
    .learning-plan-show-body main > *:not(:last-child) {
        margin-bottom: 40px;
    }
}

.author-learning-plan-show-layout-body .learning-plan-top-matter,
.admin-learning-plan-body .learning-plan-top-matter,
.learning-plan-show-body .learning-plan-top-matter {
    max-width: 800px;
}

.author-learning-plan-show-layout-body
    .learning-plan-top-matter
    > *:not(:last-child),
.admin-learning-plan-body .learning-plan-top-matter > *:not(:last-child),
.learning-plan-show-body .learning-plan-top-matter > *:not(:last-child) {
    margin-bottom: 24px;
}

.author-learning-plan-show-layout-body
    .learning-plan-attributes
    > *:not(:last-child),
.admin-learning-plan-body .learning-plan-attributes > *:not(:last-child),
.learning-plan-show-body .learning-plan-attributes > *:not(:last-child) {
    margin-right: 8px;
}

.author-learning-plan-show-layout-body
    .learning-plan-details
    > *:not(:last-child),
.admin-learning-plan-body .learning-plan-details > *:not(:last-child),
.learning-plan-show-body .learning-plan-details > *:not(:last-child) {
    margin-right: 16px;
}

@media (max-width: 667px) {
    .author-learning-plan-show-layout-body
        .learning-plan-details
        > *:not(:last-child),
    .admin-learning-plan-body .learning-plan-details > *:not(:last-child),
    .learning-plan-show-body .learning-plan-details > *:not(:last-child) {
        display: block;
        margin-bottom: 8px;
    }
}

.author-learning-plan-show-layout-body .learning-plan-activities,
.admin-learning-plan-body .learning-plan-activities,
.learning-plan-show-body .learning-plan-activities {
    display: grid;
    gap: 24px;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(auto, 360px));
    padding: 0;
}

.author-learning-plan-show-layout-body
    .learning-plan-activities
    ql-activity-card,
.admin-learning-plan-body .learning-plan-activities ql-activity-card,
.learning-plan-show-body .learning-plan-activities ql-activity-card {
    width: 100%;
}

@media (max-width: 600px) {
    .author-learning-plan-show-layout-body .learning-plan-activities,
    .admin-learning-plan-body .learning-plan-activities,
    .learning-plan-show-body .learning-plan-activities {
        justify-content: center;
        justify-items: center;
    }
}

.author-learning-plan-show-layout-body .edit_learning_plan ql-activity-card,
.admin-learning-plan-body .edit_learning_plan ql-activity-card,
.learning-plan-show-body .edit_learning_plan ql-activity-card {
    width: 360px;
}

.admin-new-learning-plan-body ql-toolbar {
    box-shadow:
        0px 1px 2px 0px rgba(60, 64, 67, 0.3),
        0px 2px 6px 2px rgba(60, 64, 67, 0.15);
}

.admin-edit-learning-plan-body ql-toolbar {
    box-shadow:
        0px 1px 2px 0px rgba(60, 64, 67, 0.3),
        0px 2px 6px 2px rgba(60, 64, 67, 0.15);
}

.admin-edit-learning-plan-body .ui-sortable-handle {
    cursor: grab;
}

.admin-edit-learning-plan-body .ui-sortable-handle ql-activity-card {
    box-shadow:
        0px 1px 2px 0px rgba(60, 64, 67, 0.3),
        0px 1px 3px 1px rgba(60, 64, 67, 0.15);
    border-radius: 8px;
}

.admin-edit-learning-plan-body .ui-sortable-helper {
    cursor: grabbing;
}

.admin-edit-learning-plan-body .ui-sortable-helper ql-activity-card {
    box-shadow:
        0px 1px 3px 0px rgba(60, 64, 67, 0.3),
        0px 4px 8px 3px rgba(60, 64, 67, 0.15);
}

.admin-edit-learning-plan-body .sortable-placeholder {
    background-color: var(--primary-surface-color-light);
    border-radius: 8px;
    height: 296px;
    width: 274px;
}

.admin-edit-learning-plan-body .learning-plan-top-matter {
    margin-bottom: 64px;
    max-width: 100%;
}

.admin-edit-learning-plan-body .learning-plan-locales {
    column-gap: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 24px;
}

.admin-edit-learning-plan-body .learning-plan-locale h3 {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
}

.admin-edit-learning-plan-body .learning-plan-locale h3 ql-icon {
    margin-right: 8px;
}

.admin-edit-learning-plan-body .learning-plan-locale .form-row {
    margin-bottom: 12px;
}

.admin-edit-learning-plan-body .learning-plan-locale .form-row textarea {
    line-height: 1.5;
}

.snippets-table th.snippet-type {
    width: 0;
}

.item-count strong {
    font-size: 16px;
}

.item-count span {
    font-size: 24px;
}

.default-locale-icon {
    color: var(--accent-surface-color);
    font-size: 18px;
    position: relative;
    top: 4px;
}

#assessment-popover {
    font-size: 11px;
    width: 287px;
}

#assessment-popover .assessment-steps {
    margin-left: 20px;
    border: 1px solid #cccccc;
}

#assessment-popover .step-no {
    padding-top: 4px;
    text-align: center;
    background-color: #316793;
    color: white;
    font-size: 130%;
    height: 20px;
    width: 20px;
}

#assessment-popover .step-title {
    padding-top: 4px;
    font-size: 100%;
}

#assessment-popover .step-score {
    padding-top: 4px;
    text-align: center;
    color: white;
    font-size: 130%;
    height: 20px;
    width: 45px;
    background-color: #989899;
}

#assessment-popover .step-final {
    padding-top: 4px;
    text-align: center;
    color: white;
    font-size: 130%;
    height: 20px;
    width: 45px;
    background-color: #97c93c;
}

#assessment-popover .total-score {
    padding-top: 4px;
    padding-left: 50px;
    font-size: 100%;
    font-weight: bold;
}

.affiliate-program .affiliate-program__details {
    margin-bottom: 48px;
}

.affiliate-program .affiliate-program__details span {
    margin-right: 24px;
}

.affiliate-program .affiliate-program__title {
    display: flex;
    margin-bottom: 22px;
}

.affiliate-program .affiliate-program__title h2 {
    font-size: 24px;
    font-weight: 400;
}

.affiliate-program .affiliate-program__title h2 span {
    color: #5f6368;
    display: block;
    font-size: 14px;
}

.affiliate-program .affiliate-program__stats {
    display: flex;
    flex-wrap: wrap;
}

.affiliate-program .affiliate-program__stat {
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    width: 260px;
    margin: 0 24px 24px 0;
    padding: 16px;
}

.affiliate-program .affiliate-program__stat h3 {
    font-size: 18px;
    font-weight: 400;
}

.affiliate-program .affiliate-program__stat span {
    font-size: 32px;
    font-weight: 200;
}

.affiliate-program .search {
    width: 40%;
}

.affiliate-program .search input {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    flex: 1 1 auto;
    font-size: 14px;
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
}

.affiliate-program .search input:focus {
    border-bottom-color: var(--primary-text-on-surface-color);
    border-bottom-width: 2px;
}

.affiliate-program .customers-table .flex-table__row .td:nth-child(4) {
    flex: 0 0 120px;
    text-align: right;
}

.affiliate-program .customers-table .flex-table__row .td:nth-child(5) {
    flex: 0 0 120px;
}

.affiliate-program .add-new-user {
    align-items: center;
    display: flex;
}

.affiliate-program .add-new-user i {
    margin-right: 16px;
}

.affiliate-program .new-user-form.is-hidden,
.affiliate-program .existing-user-form.is-hidden {
    display: none;
}

.announcement-form {
    max-width: 800px;
}

.announcement-preview {
    background: #dadce0;
}

.announcement-send {
    float: right;
}

.announcement-info-icon {
    float: left;
    padding-right: 0.5vw;
}

.assessment-timer {
    align-items: center;
    background: white;
    border-top: 1px solid #dadce0;
    bottom: 0;
    display: flex;
    height: 64px;
    position: sticky;
    right: 0;
    width: 100%;
}

.assessment-timer .timer-toggle {
    margin-left: auto;
    margin-right: 8px;
}

.assessment-timer ql-exam-timer {
    margin-right: 8px;
}

.assessment-timer ql-exam-timer .time {
    top: -4px;
    width: 100%;
}

.assessment-timer ql-exam-timer.warning {
    animation: warning 0.33s 10;
}

@keyframes warning {
    0% {
        background: none;
    }

    50% {
        background: #ffee58;
    }

    100% {
        background: none;
    }
}

.assessment-timer ql-exam-timer.critical {
    animation: critical-warning 0.33s infinite;
}

@keyframes critical-warning {
    0% {
        background: none;
    }

    50% {
        background: #e57373;
    }

    100% {
        background: none;
    }
}

.assessment-timer ql-exam-timer.expired {
    animation: none;
    background: #e57373;
}

.js-item-visible.text--success {
    background: var(--primary-surface-color-lightest);
}

.js-item-visible.text--light {
    background: initial;
}

.browse-layout-body {
    background: #f8f9fa;
}

.browse-layout-body ql-toolbar.app-toolbar {
    background: #f8f9fa;
    border-bottom: none;
}

.browse-layout-body main {
    padding: 48px;
}

.browse-layout-body.learner-browse-layout-body .browse-layout-wrapper {
    max-width: 1212px;
}

.browse-layout-body.learner-browse-layout-body .browse-layout-activities {
    display: grid;
    gap: 24px;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(auto, 360px));
    padding: 0;
}

.browse-layout-body.learner-browse-layout-body
    .browse-layout-activities
    ql-activity-card {
    width: 100%;
}

@media (max-width: 600px) {
    .browse-layout-body.learner-browse-layout-body .browse-layout-activities {
        justify-content: center;
        justify-items: center;
    }
}

.browse-layout-body ql-activity-block:not(:last-child) {
    margin-bottom: 40px;
    max-width: 100%;
}

.browse-layout-body .browse-layout-wrapper {
    margin: 0 auto;
    max-width: 700px;
}

.browse-layout-body .browse-layout-wrapper > *:not(:last-child) {
    margin-bottom: 64px;
}

.browse-layout-body .browse-layout-top-matter > *:not(:last-child) {
    margin-bottom: 24px;
}

.browse-layout-body .browse-layout-header {
    text-align: center;
}

.browse-layout-body .browse-layout-search-and-filter {
    margin: 0 auto;
    max-width: 480px;
}

.browse-layout-body .browse-layout-search-and-filter > *:not(:last-child) {
    margin-bottom: 16px;
}

.browse-layout-body .browse-layout-search-and-filter input[type="search"] {
    box-shadow:
        0px 1px 3px 0px rgba(60, 64, 67, 0.3),
        0px 4px 8px 3px rgba(60, 64, 67, 0.15);
    border: none;
    border-radius: 8px;
}

.browse-layout-body .browse-layout-search-and-filter .filters {
    justify-content: center;
}

.credits-quantity label {
    background: var(--base-surface-color);
    color: #5f6368;
    left: 8px;
    padding: 4px 8px;
    position: absolute;
    top: -10px;
}

.credits-quantity .control-group input {
    width: 424px;
}

.credits-quantity .form-row {
    margin: 0px;
}

.credits-quantity input::-webkit-outer-spin-button,
.credits-quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.credits-quantity input[type="number"] {
    -moz-appearance: textfield;
    /* Firefox */
}

.credits-quantity .js-payment-discount {
    color: #137333;
    font-size: 14px;
    text-align: center;
}

.authoring-catalog-body .catalog__main {
    padding-right: 480px;
}

.authoring-catalog-body .catalog__main__inner {
    padding: 24px;
}

.authoring-catalog-body .catalog__main__inner .card--table {
    overflow: visible;
}

.authoring-catalog-body .catalog__panel {
    background: #fafafa;
    border-left: 1px solid #eee;
    height: calc(100vh - 64px);
    position: fixed;
    right: 0;
    top: 64px;
    width: 480px;
}

@media (max-width: 1263px) {
    .authoring-catalog-body .catalog__panel {
        width: 410px;
    }
}

.authoring-catalog-body .catalog__panel__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 8px;
}

.authoring-catalog-body .catalog-description {
    display: flex;
}

.authoring-catalog-body .catalog-description__options {
    align-items: center;
    display: flex;
    margin-left: auto;
}

.authoring-catalog-body .catalog-description__options__enabled,
.authoring-catalog-body .catalog-description__options__fraud {
    align-items: center;
    display: flex;
    margin-left: 48px;
}

.authoring-catalog-body .add-items__search {
    flex: 0 0 auto;
}

.authoring-catalog-body .card--search input[type="search"] {
    padding: 16px;
}

.authoring-catalog-body .card--search form {
    padding-right: 16px;
}

.authoring-catalog-body .add-items {
    flex: 1;
    overflow-y: auto;
}

.authoring-catalog-body .add-items__items {
    overflow-x: hidden;
    overflow-y: auto;
}

.authoring-catalog-body .tab-contents {
    padding: 0;
}

.authoring-catalog-body .add-item {
    align-items: center;
    border-bottom: 1px solid #eee;
    cursor: grab;
    display: flex;
    height: 48px;
    padding: 0 16px;
    position: relative;
}

.authoring-catalog-body .add-item.is-hidden {
    display: none;
}

.authoring-catalog-body .add-item.ui-draggable-dragging {
    background: #fff !important;
    border-bottom: none;
    border-radius: 2px;
    box-shadow:
        0 2px 2px rgba(0, 0, 0, 0.1),
        0 0 6px rgba(0, 0, 0, 0.2);
    transform: rotate(-2deg);
    transition: transform 0.1s ease-in-out;
    z-index: 90;
    width: 431px;
}

.authoring-catalog-body .add-item.ui-draggable-dragging .add-item__actions {
    display: none !important;
}

.authoring-catalog-body .add-item__name {
    font-size: 13px;
    margin: 4px 0;
}

.authoring-catalog-body .add-item__actions {
    align-items: center;
    display: none;
    position: absolute;
    right: 16px;
}

.authoring-catalog-body .add-item:hover {
    background: #fafafa;
}

.authoring-catalog-body .add-item:hover .add-item__name {
    width: calc(100% - 120px);
}

.authoring-catalog-body .add-item:hover .add-item__name.lab {
    width: calc(100% - 80px);
}

.authoring-catalog-body .add-item:hover .add-item__actions {
    display: flex;
}

.authoring-catalog-body .mdl-card__edit-title {
    align-items: center;
    display: flex;
}

.authoring-catalog-body .catalog-items .flex-table__row {
    align-items: center;
    height: 56px;
}

.authoring-catalog-body
    .catalog-items
    .flex-table__row:hover
    input[type="number"] {
    border-color: #ddd;
}

.authoring-catalog-body .catalog-items .flex-table__row.is-disabled {
    background: rgba(217, 48, 37, 0.1);
}

.authoring-catalog-body .catalog-items .td:nth-child(1) {
    flex: 4;
}

@media (max-width: 1263px) {
    .authoring-catalog-body .catalog-items .td:nth-child(1) {
        flex: 0 0 auto;
        width: 33%;
    }

    .authoring-catalog-body .catalog-items .td:nth-child(1) a {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

.authoring-catalog-body .catalog-items .td:last-child {
    flex: 0 0 auto;
    width: 36px;
}

.authoring-catalog-body .catalog-items input[type="number"] {
    background: none;
    border: 2px solid transparent;
    border-radius: 4px;
    height: auto;
    font-size: 14px;
    padding: 4px;
}

.authoring-catalog-body .catalog-items input[type="number"]:focus {
    border-color: var(--primary-text-on-surface-color) !important;
}

.authoring-catalog-body .catalog-items .td .text--light {
    color: #ddd;
}

.authoring-catalog-body .catalog-items .td .text--light i {
    font-size: 20px;
}

.authoring-catalogs-index .flex-table__row .td:nth-child(1) {
    flex: 2;
}

@media (max-width: 600px) {
    .authoring-catalogs-index .flex-table__row .td:nth-child(1) {
        width: 100%;
    }
}

.authoring-catalogs-index .flex-table__row .td:nth-child(6) {
    flex: 0 0 auto;
    width: 48px;
}

.catalog-email-filter-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 100px;
}

.catalog-email-filter-container .dry-run-loader,
.catalog-email-filter-container .removal-loader,
.catalog-email-filter-container .removal-general-error,
.catalog-email-filter-container .removal-confirmation-error,
.catalog-email-filter-container .removal-spinner {
    display: none;
}

.catalog-email-filter-container .dry-run-loader.is-active,
.catalog-email-filter-container .removal-loader.is-active,
.catalog-email-filter-container .removal-general-error.is-active,
.catalog-email-filter-container .removal-confirmation-error.is-active,
.catalog-email-filter-container .removal-spinner.is-active {
    display: block;
}

.catalog-email-filter-container .removal-dry-run-summary {
    display: none;
}

.catalog-email-filter-container .removal-dry-run-summary.is-active {
    display: block;
}

.catalog-email-filter-container .removal-dry-run-summary .removal-actions {
    display: flex;
    justify-content: flex-end;
}

.catalog-email-filter-container .disabled {
    opacity: 0.5;
    pointer-events: none;
}

.catalog-email-filter-container .missing-filters {
    max-height: 100px;
    overflow-y: scroll;
}

.certification-body .certification-wrapper {
    margin: 0 auto;
    max-width: 640px;
}

.certification-body .certification-wrapper .mdl-typography--subhead {
    color: #5f6368;
    font-family: var(--md-ref-typeface-brand);
    font-weight: 500;
    margin-bottom: 16px;
}

.classroom-body .flash {
    background: rgba(0, 0, 0, 0.75);
    bottom: 24px;
    left: 24px;
    position: fixed;
    right: auto;
    top: auto;
    width: 480px;
}

.classroom-body .l-main-wrapper {
    height: calc(100vh - 64px - 96px);
}

.classroom-body .classroom {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.classroom__header {
    flex: 0 0 56px;
}

.classroom__content {
    flex: 1;
    height: 0px;
}

.classroom__content__inner {
    display: flex;
    height: 100%;
}

.classroom__sidebar {
    background: white;
    border-right: 1px solid #eee;
    height: 100%;
    overflow-y: auto;
}

.classroom__sidebar--instructions {
    position: relative;
}

.classroom__sidebar--instructions span.ellipsis {
    flex: 0 1 auto;
    width: calc(100% - 48px);
}

.classroom__sidebar--instructions .open-in-new {
    right: 16px;
    margin-top: -56px;
    position: absolute;
}

.classroom__admin {
    font-size: 10px;
    position: absolute;
    right: 24px;
    top: 2px;
}

.classroom__admin span:not(:last-child) {
    margin-right: 24px;
}

.classroom__main {
    height: 100%;
    overflow-y: auto;
}

.classroom__main--lab {
    padding: 72px;
}

.classroom__main--student {
    padding: 56px 32px;
}

.classroom__main--student ql-avatar {
    display: flex;
    margin: 32px auto;
    width: 128px;
}

.classroom__index-item {
    align-items: center;
    border-bottom: 1px solid #eee;
    color: #202124;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 64px;
    padding: 24px;
    position: relative;
    text-decoration: none !important;
}

.classroom__index-item span {
    flex: 1;
}

.classroom__index-item.active {
    background: #fafafa;
    font-weight: 500;
}

.classroom__index-item.active:before {
    background: var(--primary-surface-color);
    content: "";
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 4px;
}

.classroom__index-item--slim {
    height: 64px;
}

.classroom__labs__lab__dot {
    background: #f0f0f0;
    border-radius: 50%;
    flex: 0 0 auto;
    height: 24px;
    margin-right: 24px;
    width: 24px;
}

.classroom__labs__lab__details {
    color: #5f6368;
    display: block;
    font-size: 13px;
}

.classroom__lab__title {
    font-size: 40px;
    font-weight: 300;
    max-width: 640px;
    margin-bottom: 48px;
}

.classroom__lab__actions {
    display: flex;
    margin-bottom: 48px;
}

.classroom__lab__actions .is-active {
    background-color: #d93025 !important;
}

.classroom__lab__actions .is-paused {
    background-color: #34a853 !important;
}

.classroom__lab__hotlabs {
    align-items: baseline;
    display: flex;
}

.classroom__lab__hotlabs a {
    border-bottom: 1px dotted #fa7b17;
    color: #fa7b17;
    font-weight: 400;
    margin-right: 6px;
    text-decoration: none;
}

.classroom__lab__description {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 48px;
    margin-top: 48px;
    max-width: 640px;
}

.classroom__lab__table {
    overflow: visible;
}

.classroom__lab__table .mdl-card__title {
    height: 72px;
}

.classroom__lab__table .mdl-card__supporting-text {
    overflow: visible;
}

.classroom__lab__table h2 {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.classroom__lab__table h2 span.light {
    color: #5f6368;
    font-size: 14px;
    font-weight: 400;
}

.classroom__lab__student-row.flex-table__row {
    align-items: center;
    height: 56px;
    padding: 0 24px;
}

.classroom__lab__student-row.flex-table__row .td {
    display: flex;
    align-items: center;
}

.classroom__lab__student-actions {
    display: none;
}

.classroom__lab__student-row__select {
    flex: 0 0 auto !important;
    width: 32px;
}

.classroom__students__download {
    display: flex;
    justify-content: flex-end;
    margin-right: 24px;
}

.classroom__students__table {
    border: none;
    box-shadow: none;
}

.classroom__students__table .flex-table__row {
    align-items: center;
    font-weight: 400;
    height: 56px;
    padding: 0 24px;
    position: relative;
    text-decoration: none !important;
}

.classroom__students__table .flex-table__row.active {
    background: #fafafa;
    font-weight: 500;
}

.classroom__students__table .flex-table__row.active:before {
    background: var(--primary-surface-color);
    content: "";
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 4px;
}

.classroom__students__table .flex-table__row .td {
    align-items: center;
    display: flex;
}

@media (max-width: 1440px) {
    .classroom__students__table .flex-table__row .td:nth-child(1),
    .classroom__students__table .flex-table__row .td:nth-child(2) {
        display: none;
    }
}

.classroom__students__table .flex-table__row .td:nth-child(1) {
    flex: 0 0 auto;
    padding-right: 24px;
    width: 32px;
}

.classroom__students__table .flex-table__row .td:nth-child(5) {
    flex: 0 0 auto;
    width: 32px;
}

.classroom__students__table .flex-table__row--filter .td,
.classroom__students__table .flex-table__row--unenrolled-student .td {
    color: #5f6368;
}

.classroom__students__table form {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    width: 100%;
}

.classroom__students__table form p {
    margin-bottom: 4px;
}

.classroom__students__table form textarea {
    background: #f6f6f6;
    border: none;
    border-radius: 2px;
    height: 64px;
    margin-bottom: 8px;
    margin-right: 8px;
    width: 100%;
}

.classroom__students__table form textarea:focus {
    background: #f2f2f2;
}

.classroom__students__table form button[type="submit"],
.classroom__students__table form input[type="submit"] {
    margin-left: auto;
}

.classroom__students__delete {
    color: #d93025;
    margin-top: -52px;
    position: absolute;
    right: 16px;
}

.classroom__student__title {
    text-align: center;
}

.classrooms-instructions-student .l-main-wrapper {
    height: 100%;
}

.classrooms-index .tr {
    position: relative;
}

.classrooms-index .flex-table__row .td:nth-child(1) {
    flex: 3;
}

@media (max-width: 600px) {
    .classrooms-index .flex-table__row .td:nth-child(1) {
        width: 100%;
    }
}

@media (max-width: 1263px) {
    .classrooms-index .flex-table__row .td:nth-child(3) {
        display: none;
    }
}

.classrooms-index .flex-table__row .td:nth-child(4) {
    flex: 2;
}

.classrooms-index .flex-table__row .td:nth-child(5) {
    flex: 2;
}

.classrooms-index .flex-table__row .td:nth-child(6) {
    flex: 2;
}

@media (max-width: 1263px) {
    .classrooms-index .flex-table__row .td:nth-child(8) {
        display: none;
    }
}

.classrooms-index .flex-table__row .td:nth-child(9) {
    flex: 0 0 auto;
    width: 32px;
}

.classrooms-index .classroom-edit-button {
    margin-top: -24px;
    position: absolute;
    right: 24px;
    top: 50%;
}

@media (max-width: 600px) {
    .classrooms-index .classroom-edit-button {
        display: none;
    }
}

.classroom-student .header__tabs {
    display: none;
}

@media (max-width: 600px) {
    .classroom-student .header__tabs {
        display: flex;
    }
}

.classroom-student__notes {
    background: #fff;
    border-right: 1px solid #ddd;
    height: 100%;
    overflow-y: auto;
    width: 320px;
}

.classroom-student__notes a {
    align-items: center;
    border-bottom: 1px solid #eee;
    border-left: 3px solid transparent;
    color: #202124;
    display: flex;
    font-weight: 400;
    padding: 16px 24px;
    text-decoration: none !important;
}

.classroom-student__notes a:hover {
    background: #eee;
}

.classroom-student__notes a.active {
    border-left-color: var(--primary-text-on-surface-color);
    color: var(--primary-text-on-surface-color);
    font-weight: 700;
}

@media (max-width: 600px) {
    .classroom-student__notes {
        display: none;
    }
}

.classroom-student__note {
    background: #fff;
    flex: 1;
    height: 100%;
    overflow-y: auto;
}

.classroom-student__note .lab-content__markdown {
    margin: 80px auto;
}

.classroom-student .classroom__detail {
    color: #202124;
}

.classroom-student .classroom__detail h3 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 8px;
}

.classroom-student .classroom__detail p {
    font-size: 14px;
}

.classroom-student .classroom__detail:not(:last-child) {
    margin-bottom: 32px;
}

.classroom-student__lab-table__title.td {
    align-items: center;
    display: flex;
}

.classroom-student__lab-table__title.td i {
    margin-right: 24px;
}

.classroom-student__lab-table__title.td span {
    background: var(--primary-surface-color);
    border-radius: 100px;
    color: var(--text-on-primary-color);
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 8px;
    margin-left: auto;
}

.classroom-student__lab-table--deactivated
    .classroom-student__lab-table__title.td {
    color: #5f6368;
}

.classroom-student__lab-table--deactivated
    .classroom-student__lab-table__title.td
    i {
    color: rgba(0, 0, 0, 0.4);
}

.classroom-student__lab-table--deactivated
    .classroom-student__lab-table__title.td
    span {
    background: rgba(0, 0, 0, 0.4);
}

@media (max-width: 600px) {
    .classroom-student {
        background: #fff !important;
    }

    .classroom-student .mdl-card {
        box-shadow: none;
        margin: 0;
    }
}

.classroom-student-note .l-main-wrapper {
    display: flex;
    height: 100%;
}

.classrooms-overview .mdl-card__title {
    display: none;
}

.classrooms-overview .mdl-card__supporting-text {
    padding: 16px;
}

.content-provider-subdomains {
    margin-bottom: 32px;
}

.content-provider-subdomains label {
    font-weight: 500;
    margin-bottom: 16px;
}

.content-provider-subdomains .content-provider-subdomain {
    margin-bottom: 8px;
}

.course-body .quest__sidebar {
    height: 600px;
}

.course-body .quest__sidebar.is-stuck .card {
    height: 600px;
}

.course-body .course__outline__module {
    margin: 36px 0 36px 24px;
}

.course-body .course__outline__module p {
    margin-bottom: 8px;
}

.course-body .course__outline__module ul {
    margin-left: 36px;
}

.course-body .course__on-demand-button {
    padding: 0 24px 24px 24px;
    width: 100%;
}

.course-body .course__on-demand-button a {
    width: 100%;
}

.course-body .course__sessions {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 200px);
}

.course-body .course__sessions .card__title {
    flex: 0 0;
}

.course-body .course__sessions .card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}

.course-body .course__sessions .course__sessions {
    height: 100%;
    overflow-y: scroll;
}

.course-body .course__sessions .course__no-sessions {
    margin: 0 24px 24px 24px;
}

.course-body .course__session {
    align-items: top;
    border-top: 1px solid #dadce0;
    display: flex;
    padding: 16px 24px;
}

.course-body .course__session .course__session__details {
    flex: 1;
    padding-right: 24px;
}

.course-body .course__session .course__session__details p {
    margin: 0;
}

.course-body .course__session .course__session__button {
    flex: 0 0;
    margin-left: auto;
    margin-top: 14px;
}

.course-body .more-details a,
.course-body .less-details a {
    display: block;
    font-size: 14px;
    font-weight: normal;
}

.course-body .more-details a ql-icon,
.course-body .less-details a ql-icon {
    font-size: 14px;
    position: relative;
    top: 2px;
}

.course-body .less-details {
    display: none;
}

.course-body .extra-detail {
    align-items: top;
    display: flex;
}

.course-body .extra-detail span {
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin-left: 8px;
}

.instructor-dashboard-summary {
    margin-left: 240px;
    padding: 32px;
}

.instructor-dashboard-student-list {
    margin: 80px 240px;
}

.activate-deactivate-buttons {
    display: flex;
    flex-direction: column;
    padding: 4px;
}

.activate-deactivate-buttons .button {
    margin: 4px;
}

.metadata {
    margin: 24px 0;
}

.metadata .ql-title-medium {
    display: inline-flex;
    margin-right: 34px;
}

.metadata .ql-title-medium ql-icon {
    font-size: 18px;
    margin-right: 4px;
    vertical-align: middle;
}

.course-overview {
    display: flex;
    padding: 64px 114px;
}

.course-overview__info {
    flex: 1;
    margin-right: 80px;
}

.course-overview__info .activities {
    margin-top: 80px;
}

.course-overview__info .activities h2 {
    margin-bottom: 16px;
}

.course-overview__info .instructors {
    margin-top: 80px;
}

.course-overview__info .instructors h2 {
    margin-bottom: 24px;
}

.course-overview__info .instructors .instructor {
    display: flex;
    margin-bottom: 24px;
}

.course-overview__info .instructors .instructor ql-avatar {
    margin-right: 24px;
}

.course-overview__info .instructors .instructor .ql-title-medium {
    margin-bottom: 8px;
}

.course-overview__instructor-resources {
    border-radius: 8px;
    max-width: 400px;
    padding: 24px;
    height: fit-content;
}

.course-overview__instructor-resources h2 {
    margin-bottom: 24px;
}

.course-overview__instructor-resources .resource {
    align-items: flex-start;
    display: flex;
    padding: 12px 20px 0 20px;
}

.course-overview__instructor-resources .resource ql-icon {
    color: var(--medium-text-on-surface-color);
    margin-right: 20px;
}

.course-overview__instructor-resources .resource p {
    color: var(--medium-text-on-surface-color);
}

.checkpoint-overview {
    padding: 24px;
}

.checkpoint-overview .ql-title-medium {
    margin-bottom: 16px;
}

.course-enrollments {
    padding: 48px 48px 0px 48px;
}

.course-enrollment {
    padding: 56px 48px 0px 48px;
}

.course-enrollment .course-enrollment-header {
    display: flex;
    margin: 0 auto 72px auto;
}

.course-enrollment .metadata {
    margin: 16px 0px;
}

.course-enrollment .metadata a {
    display: inline-block;
    height: 24px;
    text-decoration: none;
}

.course-enrollment .metadata a .ql-title-medium {
    color: var(--primary-text-on-surface-color);
}

.course-enrollment ql-avatar {
    margin-right: 26px;
}

.course-dashboard {
    display: flex;
    justify-content: center;
    padding: 43px;
}

.course-dashboard .activity-stats {
    width: 1050px;
}

.course-dashboard .card__body {
    display: flex;
}

.course-dashboard .histogram-chart {
    height: 200px;
    width: 600px;
}

.course-dashboard .icon-stat-card {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 136px;
    justify-content: center;
    width: 243px;
}

.course-dashboard .icon-stat-card:not(:last-child) {
    margin-right: 26px;
}

.course-dashboard .line-chart {
    height: 200px;
    width: 1050px;
}

.course-dashboard .module-header {
    display: flex;
    justify-content: space-between;
    margin-top: 96px;
    width: 1050px;
}

.course-dashboard .module-progress-bar {
    align-self: center;
    display: flex;
    flex-direction: column;
    width: 40%;
}

.course-dashboard .pie-chart {
    height: 200px;
    width: 450px;
}

.course-dashboard .ql-headline-large {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
}

.course-dashboard .score-insights {
    display: flex;
    flex-direction: column;
}

.course-dashboard .score-insights-empty {
    align-items: center;
    border: 1px solid var(--hairline-color);
    display: flex;
    justify-content: center;
    width: 600px;
}

.course-dashboard .score-metrics {
    display: flex;
    gap: 25px;
    margin-left: 40px;
}

.course-dashboard .score-metrics .ql-title-medium {
    display: inline-flex;
}

.course-dashboard .score-metrics .ql-title-medium ql-icon {
    font-size: 18px;
    margin-right: 4px;
    vertical-align: middle;
}

.student-progress-controls {
    display: flex;
    gap: 48px;
}

.insights {
    display: flex;
    gap: 24px;
    margin-bottom: 32px;
    margin-top: 80px;
}

body.course-instructor-layout-body {
    padding: 0;
}

body.course-instructor-layout-body .course-instructor-header {
    position: sticky;
    top: 0;
    z-index: 9;
}

body.course-instructor-layout-body
    .course-instructor-header
    .course-instructor-header-actions,
body.course-instructor-layout-body
    .course-instructor-header
    .course-instructor-header-navigation {
    align-items: center;
    display: flex;
}

body.course-instructor-layout-body
    .course-instructor-header
    .course-instructor-header-actions
    ql-icon-button,
body.course-instructor-layout-body
    .course-instructor-header
    .course-instructor-header-actions
    ql-toggle-button,
body.course-instructor-layout-body
    .course-instructor-header
    .course-instructor-header-navigation
    ql-icon-button,
body.course-instructor-layout-body
    .course-instructor-header
    .course-instructor-header-navigation
    ql-toggle-button {
    margin-right: 16px;
}

body.course-instructor-layout-body .course-instructor-header .header-tabs {
    display: flex;
    height: 64px;
}

body.course-instructor-layout-body .course-instructor-container {
    height: calc(100vh - 64px);
    overflow: hidden;
}

body.course-instructor-layout-body .course-instructor-outline-drawer {
    border-right: 1px solid var(--hairline-color);
    overflow: scroll;
}

body.course-instructor-layout-body
    .course-instructor-outline-drawer
    ql-course-outline {
    border-top: 1px solid var(--hairline-color);
    width: 100%;
}

body.course-instructor-layout-body .course-instructor-content {
    padding: 32px;
    overflow-x: hidden;
    overflow-y: auto;
}

body.course-instructor-layout-v2-body {
    padding: 0;
}

body.course-instructor-layout-v2-body .toolbar-actions ql-icon-button {
    color: var(--light-text-on-surface-color);
}

body.course-instructor-layout-v2-body .course-instructor-container {
    height: calc(100vh - 64px - 48px);
    overflow: hidden;
}

body.course-instructor-layout-v2-body .course-instructor-header {
    background: #f8f9fa;
    height: 48px;
    position: sticky;
    top: 0;
    z-index: 9;
}

body.course-instructor-layout-v2-body
    .course-instructor-header
    .course-instructor-header-actions,
body.course-instructor-layout-v2-body
    .course-instructor-header
    .course-instructor-header-navigation {
    align-items: center;
    display: flex;
}

body.course-instructor-layout-v2-body
    .course-instructor-header
    .course-instructor-header-actions
    ql-icon-button,
body.course-instructor-layout-v2-body
    .course-instructor-header
    .course-instructor-header-actions
    ql-toggle-button,
body.course-instructor-layout-v2-body
    .course-instructor-header
    .course-instructor-header-navigation
    ql-icon-button,
body.course-instructor-layout-v2-body
    .course-instructor-header
    .course-instructor-header-navigation
    ql-toggle-button {
    margin-right: 16px;
}

body.course-instructor-layout-v2-body .course-instructor-header .header-tabs {
    display: flex;
    height: 48px;
}

body.course-instructor-layout-v2-body
    .course-instructor-header
    .header-tabs
    .header-tab.is-active {
    color: var(--primary-text-on-surface-color-dark);
}

body.course-instructor-layout-v2-body .activity-tabs {
    height: 48px;
    margin-bottom: 32px;
}

body.course-instructor-layout-v2-body .activity-tabs .tab {
    height: 48px;
    min-height: 48px;
    width: 100%;
}

body.course-instructor-layout-v2-body .course-instructor-outline-drawer {
    background: #f8f9fa;
    overflow: scroll;
}

body.course-instructor-layout-v2-body
    .course-instructor-outline-drawer
    .outline {
    padding: 16px;
}

body.course-instructor-layout-v2-body
    .course-instructor-outline-drawer
    .outline
    .title {
    display: block;
}

body.course-instructor-layout-v2-body
    .course-instructor-outline-drawer
    .outline
    .title.active {
    color: var(--primary-text-on-surface-color-dark);
}

body.course-instructor-layout-v2-body
    .course-instructor-outline-drawer
    .outline
    .outline-header {
    display: grid;
    grid-template-columns: 64px auto;
    padding: 0 12px;
}

body.course-instructor-layout-v2-body
    .course-instructor-outline-drawer
    .outline__course {
    --header-background: none;
    --header-border: none;
    --panel-background: none;
}

body.course-instructor-layout-v2-body
    .course-instructor-outline-drawer
    .outline__module {
    --border-radius: 8px;
    --border: 1px solid var(--hairline-color);
    margin-top: 16px;
    overflow: visible;
}

body.course-instructor-layout-v2-body
    .course-instructor-outline-drawer
    .outline__module
    > .outline-header {
    padding: 24px 12px;
}

body.course-instructor-layout-v2-body
    .course-instructor-outline-drawer
    .outline__module
    > .outline-content {
    padding: 24px 0;
}

body.course-instructor-layout-v2-body
    .course-instructor-outline-drawer
    .outline__step {
    display: grid;
}

body.course-instructor-layout-v2-body
    .course-instructor-outline-drawer
    .outline__step:not(:last-child):after {
    border-bottom: 1px solid var(--hairline-color);
    content: "";
    margin-left: 64px;
    margin-top: 24px;
    width: 262px;
}

body.course-instructor-layout-v2-body
    .course-instructor-outline-drawer
    .outline__step:not(:first-child) {
    margin-top: 24px;
}

body.course-instructor-layout-v2-body
    .course-instructor-outline-drawer
    .outline__step
    .or {
    margin: 24px 0 24px 64px;
}

body.course-instructor-layout-v2-body
    .course-instructor-outline-drawer
    .outline__activity
    .activity-inactive {
    color: #d93025;
}

body.course-instructor-layout-v2-body
    .course-instructor-outline-drawer
    .outline__activity
    .activity-active {
    color: #1e8e3e;
}

body.course-instructor-layout-v2-body .course-instructor-content {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 32px;
}

body.course-layout-body {
    --hairline-color: var(--md-sys-color-surface-container-highest);
    padding: 0;
}

body.course-layout-body .body-content {
    height: 100vh;
    display: grid;
    grid-template-rows: min-content min-content 1fr;
}

body.course-layout-body main {
    overflow: auto;
}

body.course-layout-body .course-header {
    position: sticky;
    top: 0;
    z-index: 9;
}

body.course-layout-body .course-header .course-header-actions,
body.course-layout-body .course-header .course-header-navigation {
    align-items: center;
    display: flex;
    gap: 8px;
}

body.course-layout-body .course-header .course-header-actions ql-button,
body.course-layout-body .course-header .course-header-navigation ql-button {
    flex-shrink: 0;
}

body.course-layout-body .course-header .course-header-actions ul,
body.course-layout-body .course-header .course-header-navigation ul {
    align-items: center;
    display: flex;
    list-style: none;
    padding-left: 0;
    margin: 0;
}

body.course-layout-body .course-header .course-header-actions ql-icon-button,
body.course-layout-body .course-header .course-header-actions ql-toggle-button,
body.course-layout-body .course-header .course-header-navigation ql-icon-button,
body.course-layout-body
    .course-header
    .course-header-navigation
    ql-toggle-button {
    margin-right: 16px;
}

body.course-layout-body .course-container {
    height: 100%;
    overflow: hidden;
}

body.course-layout-body .course-activity {
    display: flex;
    flex-direction: column;
}

body.course-layout-body .course-activity .course-activity-header {
    align-items: center;
    border-bottom: 1px solid var(--md-sys-color-surface-container-highest);
    display: flex;
    flex-shrink: 0;
    height: 48px;
    justify-content: space-between;
    padding: 0 16px 0 24px;
}

body.course-layout-body .course-activity .course-activity-header .breadcrumbs {
    align-items: center;
    color: var(--md-sys-color-on-surface);
    display: flex;
    gap: 8px;
}

body.course-layout-body
    .course-activity
    .course-activity-header
    .breadcrumbs
    a {
    color: var(--md-sys-color-outline);
    text-decoration: none;
}

body.course-layout-body
    .course-activity
    .course-activity-header
    .breadcrumbs
    ql-icon {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 18px;
}

body.course-layout-body
    .course-activity
    .course-activity-header
    > ql-toggle-button {
    transform: scale(0.8);
}

body.course-layout-body .course-activity .course-activity-content {
    height: 100%;
    overflow: auto;
    padding: 0;
}

body.course-layout-body .course-activity .course-navigation-buttons {
    border-top: 1px solid var(--md-sys-color-surface-container-highest);
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 16px 24px;
}

body.course-layout-body .course-drawer {
    display: flex;
    flex-direction: column;
}

body.course-layout-body .course-drawer-left {
    border-right: 1px solid var(--md-sys-color-surface-container-highest);
}

body.course-layout-body .course-drawer-right {
    border-left: 1px solid var(--md-sys-color-surface-container-highest);
}

body.course-layout-body .course-drawer ql-course-outline {
    flex-grow: 1;
    overflow: auto;
    width: 100%;
}

body.course-layout-body .course-drawer ql-discussion {
    border: none;
    flex-grow: 1;
    height: auto;
    max-height: none;
    overflow: auto;
}

body.course-layout-body .course-outline-header {
    border-bottom: 1px solid var(--md-sys-color-surface-container-highest);
    display: flex;
    flex-direction: column;
}

body.course-layout-body .course-outline-header .course-outline-navigation {
    align-items: center;
    display: flex;
    height: 48px;
}

body.course-layout-body .course-outline-header .course-info {
    padding: 8px 16px 16px 16px;
}

body.course-layout-body
    .course-outline-header
    .course-info
    h2.learning-path-idx {
    color: var(--light-text-on-surface-color);
}

body.course-layout-body
    .course-outline-header
    .course-info
    .course-upgrade-button {
    margin: 8px;
}

body.course-layout-body .course-outline-header .course-info .course-progress {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}

body.course-layout-body
    .course-outline-header
    .course-info
    .course-progress__metadata {
    display: flex;
    justify-content: space-between;
}

body.course-layout-body
    .course-outline-header
    .course-info
    .course-progress__metadata__completed {
    display: flex;
    gap: 4px;
}

body.course-layout-body
    .course-outline-header
    .course-info
    .course-progress__metadata__completed
    ql-icon {
    color: var(--success-color);
}

body.course-layout-body .course-discussion-header {
    align-items: center;
    border-bottom: 1px solid var(--md-sys-color-surface-container-highest);
    display: flex;
    flex-shrink: 0;
    height: 48px;
    justify-content: space-between;
    padding: 0 16px;
}

body.course-layout-body .course-activity-locked {
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

body.course-layout-body .course-activity-locked ql-icon {
    font-size: 144px;
}

body.course-layout-body .document-iframe {
    height: 100%;
}

body.course-layout-body #qwikoda-announcement-modal {
    --dialog-width: 600px;
}

body.course-layout-body #qwikoda-announcement-modal .container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: calc(80vh - 80px);
    overflow: scroll;
}

body.course-layout-body #qwikoda-announcement-modal .row {
    display: flex;
    gap: 12px;
}

body.course-layout-body #qwikoda-announcement-modal h1 {
    text-align: center;
}

body.course-layout-body #qwikoda-announcement-modal p {
    font-size: 20px;
}

body.course-layout-body .body-content {
    padding: 0;
}

body.course-layout-body .application-footer {
    display: none;
}

.course-survey-body .likert {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    justify-items: center;
    margin-bottom: 32px;
}

.course-survey-body .survey-item--short-answer {
    margin: 56px 0;
}

.course-survey-body .survey-item--short-answer label {
    font-size: 16px;
    margin-bottom: 8px;
    position: static;
}

.course-template-show-body ql-drawer-content.course-activity .video-wrapper {
    margin: 0 auto;
    max-width: 900px;
    padding: 12px 24px;
}

.course-template-show-body
    ql-drawer-content.course-activity
    :lang(ja)
    .ql-display-large {
    line-height: 1.2 !important;
}

.course-template-show-body .course-badge-buttons {
    display: flex;
    gap: 40px;
    justify-content: space-between;
}

.course-template-show-body .course-badge-buttons__text_buttons {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.course-template-show-body .course-badge-buttons__badge {
    flex-shrink: 0;
}

.course-template-show-body .course-badge-buttons__badge .completed-course {
    max-width: 220px;
    padding: 24px;
    text-align: center;
}

.course-template-show-body .course-badge-buttons__badge .completed-course img {
    margin: 24px auto;
    width: 100%;
}

.course-template-show-body .course-badge-buttons .upgrade-available-button {
    --button-color: var(--md-sys-color-tertiary-container);
    --button-text-color: var(--md-sys-color-on-tertiary-container);
}

.course-template-show-body .course-wrapper {
    margin: 0 auto;
    max-width: 860px;
    padding: 72px;
}

.course-template-show-body .course-wrapper > *:not(:last-child) {
    margin-bottom: 64px;
}

.course-template-show-body .course-top-matter > *:not(:last-child) {
    margin-bottom: 32px;
}

.course-template-show-body .course-title ql-activity-label {
    margin-bottom: 8px;
}

.course-template-show-body .course-title .title-text {
    display: flex;
    gap: 16px;
}

.course-template-show-body .course-title .title-text .learning-path-idx {
    color: #9aa0a6;
    opacity: 0.6;
}

.course-template-show-body .course-skills {
    display: grid;
}

.course-template-show-body .course-skills .course-skills-chips {
    display: flex;
    gap: 8px;
}

.course-template-show-body
    .course-skills
    .course-skills-chips
    .course-skills-icon {
    background: linear-gradient(20deg, #ea4335, #8430ce, #1967d2, #b06000);
    vertical-align: middle;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    --icon-size: 20px;
}

.course-template-show-body .course-skills .course-skills-disclaimer {
    display: inline;
    font-size: 14px;
}

.course-template-show-body
    .course-skills
    .course-skills-disclaimer
    .course-skills-button {
    color: #1a73e8;
    vertical-align: middle;
    --icon-size: 20px;
}

.course-template-show-body
    .course-skills
    ql-dialog.skills_survey_modal::part(header) {
    padding: 0px;
}

.course-template-show-body
    .course-skills
    ql-dialog.skills_survey_modal::part(body) {
    display: flex;
    justify-content: center;
}

.course-template-show-body
    .course-skills
    ql-dialog.skills_survey_modal::part(actions) {
    min-height: 0px;
}

.course-template-show-body .course-details {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.course-template-show-body .course-details > *:not(:last-child) {
    margin-right: 32px;
}

.course-template-show-body .course-details .course-detail {
    align-items: center;
    color: var(--medium-text-on-surface-color);
    display: inline-flex;
    font: var(--md-sys-typescale-title-medium);
}

.course-template-show-body .course-details .course-detail ql-icon {
    margin-right: 4px;
}

.course-template-show-body .course-badge img {
    display: block;
    max-width: 320px;
    width: 100%;
}

.course-template-show-body .course-badge p {
    margin: 0;
}

.course-template-show-body .course-curriculum ql-course {
    max-width: 100%;
}

.course-template-show-body .course-info {
    margin-top: 32px;
}

.course-template-show-body .course-info .course-info-header {
    display: flex;
    gap: 8px;
}

.course-template-show-body .course-info ql-collapsible [slot="header"] {
    padding-left: 18px;
}

.course-template-show-body .course-info ql-collapsible [slot="collapsible"] {
    padding: 10px 10px 10px 18px;
}

.course_builder .importing_course {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: center;
    padding: 40px 0;
}

.course_builder .importing_course .error_message {
    display: none;
}

.course_builder .importing_course .error_message.found {
    display: block;
}

.course_builder .importing_course .success_message {
    display: none;
}

.course_builder .importing_course .success_message.found {
    display: block;
}

.course_builder .importing_course img {
    width: 475px;
}

@media (max-width: 600px) {
    .course_builder .importing_course img {
        width: 350px;
    }
}

.course_builder .importing_course ql-progress-bar {
    width: 500px;
}

@media (max-width: 600px) {
    .course_builder .importing_course ql-progress-bar {
        width: 350px;
    }
}

.course_builder .new_course .center {
    margin: 0 auto;
    max-width: 800px;
}

.course_builder .new_course .submit {
    justify-content: center;
}

.course_builder .learning-tree-title ql-chip {
    --chip-color: #c4eed0;
    margin-bottom: 8px;
}

.course_builder .modify_publish_info p {
    font-size: 14px;
    margin: 0;
}

.course_builder .course_errors,
.course_builder .quiz_errors {
    margin: 0 auto;
    max-width: 720px;
    padding: 48px 0;
}

.course_builder .course_errors .ql-display-small,
.course_builder .quiz_errors .ql-display-small {
    margin-bottom: 20px;
}

.course_builder .course_errors p,
.course_builder .quiz_errors p {
    font-size: 10px;
    margin: 16px 0;
    word-break: break-word;
    word-wrap: break-word;
}

.course_builder .course_errors .description,
.course_builder .quiz_errors .description {
    font-size: 16px;
    margin-bottom: 16px;
}

.course_builder .course_errors .course_messages,
.course_builder .course_errors .quiz_messages,
.course_builder .course_errors .video_messages,
.course_builder .course_errors .peer_assignment_messages,
.course_builder .quiz_errors .course_messages,
.course_builder .quiz_errors .quiz_messages,
.course_builder .quiz_errors .video_messages,
.course_builder .quiz_errors .peer_assignment_messages {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.course_builder .course_errors .course_messages ql-collapsible .header,
.course_builder .course_errors .quiz_messages ql-collapsible .header,
.course_builder .course_errors .video_messages ql-collapsible .header,
.course_builder .course_errors .peer_assignment_messages ql-collapsible .header,
.course_builder .quiz_errors .course_messages ql-collapsible .header,
.course_builder .quiz_errors .quiz_messages ql-collapsible .header,
.course_builder .quiz_errors .video_messages ql-collapsible .header,
.course_builder .quiz_errors .peer_assignment_messages ql-collapsible .header {
    max-width: 720px;
}

.course_builder .course_errors .course_messages ql-collapsible .collapsible,
.course_builder .course_errors .quiz_messages ql-collapsible .collapsible,
.course_builder .course_errors .video_messages ql-collapsible .collapsible,
.course_builder
    .course_errors
    .peer_assignment_messages
    ql-collapsible
    .collapsible,
.course_builder .quiz_errors .course_messages ql-collapsible .collapsible,
.course_builder .quiz_errors .quiz_messages ql-collapsible .collapsible,
.course_builder .quiz_errors .video_messages ql-collapsible .collapsible,
.course_builder
    .quiz_errors
    .peer_assignment_messages
    ql-collapsible
    .collapsible {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.course_builder
    .course_errors
    .course_messages
    ql-collapsible
    .collapsible:first-child,
.course_builder
    .course_errors
    .quiz_messages
    ql-collapsible
    .collapsible:first-child,
.course_builder
    .course_errors
    .video_messages
    ql-collapsible
    .collapsible:first-child,
.course_builder
    .course_errors
    .peer_assignment_messages
    ql-collapsible
    .collapsible:first-child,
.course_builder
    .quiz_errors
    .course_messages
    ql-collapsible
    .collapsible:first-child,
.course_builder
    .quiz_errors
    .quiz_messages
    ql-collapsible
    .collapsible:first-child,
.course_builder
    .quiz_errors
    .video_messages
    ql-collapsible
    .collapsible:first-child,
.course_builder
    .quiz_errors
    .peer_assignment_messages
    ql-collapsible
    .collapsible:first-child {
    margin-top: 16px;
}

.course_builder
    .course_errors
    .course_messages
    ql-collapsible
    .collapsible
    .message,
.course_builder
    .course_errors
    .quiz_messages
    ql-collapsible
    .collapsible
    .message,
.course_builder
    .course_errors
    .video_messages
    ql-collapsible
    .collapsible
    .message,
.course_builder
    .course_errors
    .peer_assignment_messages
    ql-collapsible
    .collapsible
    .message,
.course_builder
    .quiz_errors
    .course_messages
    ql-collapsible
    .collapsible
    .message,
.course_builder
    .quiz_errors
    .quiz_messages
    ql-collapsible
    .collapsible
    .message,
.course_builder
    .quiz_errors
    .video_messages
    ql-collapsible
    .collapsible
    .message,
.course_builder
    .quiz_errors
    .peer_assignment_messages
    ql-collapsible
    .collapsible
    .message {
    display: flex;
    justify-content: center;
    padding-left: 20px;
}

.course_builder
    .course_errors
    .course_messages
    ql-collapsible
    .collapsible
    .message
    p,
.course_builder
    .course_errors
    .quiz_messages
    ql-collapsible
    .collapsible
    .message
    p,
.course_builder
    .course_errors
    .video_messages
    ql-collapsible
    .collapsible
    .message
    p,
.course_builder
    .course_errors
    .peer_assignment_messages
    ql-collapsible
    .collapsible
    .message
    p,
.course_builder
    .quiz_errors
    .course_messages
    ql-collapsible
    .collapsible
    .message
    p,
.course_builder
    .quiz_errors
    .quiz_messages
    ql-collapsible
    .collapsible
    .message
    p,
.course_builder
    .quiz_errors
    .video_messages
    ql-collapsible
    .collapsible
    .message
    p,
.course_builder
    .quiz_errors
    .peer_assignment_messages
    ql-collapsible
    .collapsible
    .message
    p {
    font-size: 14px;
    margin: 8px 8px;
}

.course_builder
    .course_errors
    .course_messages
    ql-collapsible
    .collapsible
    .message
    ql-icon,
.course_builder
    .course_errors
    .quiz_messages
    ql-collapsible
    .collapsible
    .message
    ql-icon,
.course_builder
    .course_errors
    .video_messages
    ql-collapsible
    .collapsible
    .message
    ql-icon,
.course_builder
    .course_errors
    .peer_assignment_messages
    ql-collapsible
    .collapsible
    .message
    ql-icon,
.course_builder
    .quiz_errors
    .course_messages
    ql-collapsible
    .collapsible
    .message
    ql-icon,
.course_builder
    .quiz_errors
    .quiz_messages
    ql-collapsible
    .collapsible
    .message
    ql-icon,
.course_builder
    .quiz_errors
    .video_messages
    ql-collapsible
    .collapsible
    .message
    ql-icon,
.course_builder
    .quiz_errors
    .peer_assignment_messages
    ql-collapsible
    .collapsible
    .message
    ql-icon {
    color: var(--warn-color);
    padding-right: 8px;
}

.course_builder
    .course_errors
    .course_messages
    ql-collapsible
    .collapsible
    .message
    ql-icon.warning,
.course_builder
    .course_errors
    .quiz_messages
    ql-collapsible
    .collapsible
    .message
    ql-icon.warning,
.course_builder
    .course_errors
    .video_messages
    ql-collapsible
    .collapsible
    .message
    ql-icon.warning,
.course_builder
    .course_errors
    .peer_assignment_messages
    ql-collapsible
    .collapsible
    .message
    ql-icon.warning,
.course_builder
    .quiz_errors
    .course_messages
    ql-collapsible
    .collapsible
    .message
    ql-icon.warning,
.course_builder
    .quiz_errors
    .quiz_messages
    ql-collapsible
    .collapsible
    .message
    ql-icon.warning,
.course_builder
    .quiz_errors
    .video_messages
    ql-collapsible
    .collapsible
    .message
    ql-icon.warning,
.course_builder
    .quiz_errors
    .peer_assignment_messages
    ql-collapsible
    .collapsible
    .message
    ql-icon.warning {
    color: var(--accent-surface-color);
}

.course_builder .quiz_errors .message {
    display: flex;
    justify-content: center;
    margin-left: 20px;
}

.course_builder .quiz_errors .message p {
    font-size: 14px;
    margin: 8px 8px;
}

.course_builder .quiz_errors .message ql-icon {
    color: var(--warn-color);
}

.course_builder .quiz_errors .message ql-icon.warning {
    color: var(--accent-surface-color);
}

.course_builder .course_index .mdl-card.mdl-card--shadow.card--search {
    flex-direction: row;
}

.course_builder .course_index .flex-table__row {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.course_builder .course_index .flex-table__row .ql-body-medium {
    font-size: 12px;
}

.course_builder .course_index .flex-table__row .ql-body-medium .error {
    color: var(--warn-color);
}

.course_builder .course_index .flex-table__row .ql-body-medium .success {
    color: var(--success-color);
}

.course_builder .course_index .flex-table__row .ql-body-medium .warning {
    color: rgb(153, 103, 10);
}

.course_builder .course_index .flex-table__row .ql-title-small,
.course_builder .course_index .flex-table__row .header-tab {
    font-size: 16px;
}

.course_builder ql-dialog {
    --base-surface-color: var(--primary-surface-color-lightest);
}

.course_builder .locales_select {
    align-items: center;
    display: flex;
    font-size: 22.5px;
}

.course_builder .quiz_edit_wrapper {
    margin: 0 auto;
    max-width: 640px;
}

.course_builder #more-menu-button,
.course_builder .toolbar-actions form,
.course_builder .toolbar-actions ql-dialog {
    margin-left: 0;
}

.courses-index .flex-table__row .td:nth-child(1) {
    flex: 3;
}

.courses-index .flex-table__row .td:nth-child(4) {
    flex: 0 0 auto;
    width: 32px;
}

@media (max-width: 1263px) {
    .courses-index .flex-table__row .td:nth-child(5) {
        display: none;
    }
}

.discovery-body .discovery-wrapper {
    margin: 0 auto;
    max-width: 1168px;
}

.discovery-body .discovery-intro {
    align-items: center;
    display: flex;
    justify-content: center;
}

.discovery-body .discovery-intro h1 {
    margin-bottom: 24px;
}

.discovery-body .discovery-intro .discovery-text {
    margin-right: 76px;
    max-width: 480px;
}

.discovery-body .discovery-intro .discovery-image img {
    width: 334px;
}

@media (max-width: 600px) {
    .discovery-body .discovery-intro {
        flex-direction: column;
    }

    .discovery-body .discovery-intro .discovery-text {
        margin-bottom: 48px;
        margin-right: 0;
    }

    .discovery-body .discovery-intro .discovery-image {
        display: block;
        margin: 0 auto;
    }
}

.discovery-body section {
    margin-top: 72px;
}

.discovery-body section > h2 {
    margin-bottom: 24px;
}

.discovery-body .featured-learning-plans-text {
    margin-left: auto;
    margin-right: auto;
    max-width: 640px;
    text-align: center;
}

.discovery-body .activity-cards {
    display: grid;
    gap: 24px;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(auto, 360px));
    padding: 0;
}

.discovery-body .activity-cards ql-activity-card {
    width: 100%;
}

@media (max-width: 600px) {
    .discovery-body .activity-cards {
        justify-content: center;
        justify-items: center;
    }
}

@media (max-width: 600px) {
    .discovery-body .activity-cards {
        justify-content: left;
    }
}

.discovery-body ql-carousel > ql-activity-card {
    margin-bottom: 12px;
}

.discovery-body ql-carousel > ql-activity-card:not(:last-child) {
    margin-right: 24px;
}

@media (max-width: 600px) {
    .discovery-body ql-carousel {
        width: calc(100% + 48px);
        margin-left: -24px;
    }

    .discovery-body ql-carousel > ql-activity-card:first-child {
        margin-left: 24px;
    }

    .discovery-body ql-carousel > ql-activity-card:last-child {
        margin-right: 24px;
    }
}

.document-body {
    height: 100vh;
    overflow: hidden;
    width: 100vw;
}

.document-iframe {
    height: calc(100vh - 64px);
    width: 100%;
}

.document-link {
    display: inline-block;
    margin: 64px;
    text-align: left;
}

.document-link p {
    margin: 8px 0 0 0;
}

.exam-body .exam-wrapper {
    margin: 0 auto 64px auto;
    width: 100%;
}

.exam-body .exam-wrapper.completed {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 64px;
    width: 600px;
}

.exam-body .exam-wrapper .exam-end-message,
.exam-body .exam-wrapper .exam-results-message {
    margin-bottom: 12px;
    text-align: center;
    width: 100%;
}

.exam-body .exam-wrapper .exam-details,
.exam-body .exam-wrapper .exam-sections {
    border: 1px solid #dfe1e5;
    border-radius: 8px;
    margin: 16px 0;
    padding: 16px;
    width: 100%;
}

.exam-body .exam-wrapper .exam-details h4,
.exam-body .exam-wrapper .exam-sections h4 {
    margin-bottom: 12px;
}

.exam-body .exam-wrapper .exam-details ul,
.exam-body .exam-wrapper .exam-sections ul {
    list-style-position: inside;
}

.exam-formatted-answer img {
    max-height: 50px;
    max-width: 50px;
}

.game-show-body {
    background: url("/assets/game_background_v2-434d0381e3a8437248b72bf089cc87892c56c25c.svg")
        no-repeat center 200px;
    box-sizing: border-box;
    display: block;
    height: auto;
    overflow: auto;
    margin: 0px auto;
    min-width: 0px;
    padding: 64px 40px;
    width: 100%;
}

.game-show-body main {
    height: auto;
    overflow: auto;
}

.game-show-body .l-main-wrapper {
    margin: 0px;
    max-width: 100vw;
    min-width: 0px;
    padding: 0px;
}

.game-show-body .side-menu,
.game-show-body .header__side-menu-button,
.game-show-body .bottom-menu {
    display: none;
}

.game-show-body .header-container {
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100vw;
}

.game-show-body .header__button--search {
    display: none;
}

.game-show-body.l-full main {
    overflow-y: scroll;
}

.game-show-body .wrapper640 {
    position: relative;
    margin: 0 auto;
    max-width: 640px;
}

.game-show-body .game__title {
    margin: 72px 0 96px 0;
}

.game-show-body .game__title p {
    margin-bottom: 16px;
    opacity: 0.7;
}

.game-show-body .game__title:after {
    background: var(--primary-surface-color);
    border-radius: 2px;
    content: "";
    height: 6px;
    display: block;
    margin-top: 40px;
    width: 66%;
}

.game-show-body .game__details {
    margin-bottom: 64px;
}

.game-show-body .game__badge {
    margin-bottom: 64px;
    padding-left: 160px;
    position: relative;
}

.game-show-body .game__badge img {
    left: 0;
    position: absolute;
    top: 0;
    width: 120px;
}

.game-show-body .game-enroll-button {
    font-size: 16px;
    height: 56px;
    line-height: 56px;
    margin-bottom: 64px;
    width: 100%;
}

.game-show-body .game-unenroll-button {
    display: flex;
    margin: 64px auto;
    width: 200px;
}

.game-show-body .tabs {
    margin-bottom: 64px;
}

.game-show-body .tabs .tab {
    width: 50%;
}

.game-show-body .tabs .tab.active {
    color: var(--primary-text-on-surface-color);
    font-weight: 700 !important;
}

.game-show-body .tabs .tab.active::before {
    border-radius: 2px 2px 0 0;
    left: 5%;
    width: 90%;
}

.game-show-body ql-leaderboard-container {
    display: block;
    margin-bottom: 64px;
}

.game-show-body #game_enrollment_modal,
.game-show-body #player_attributes_modal {
    color: #202124;
}

.game-show-body .game__attribute-avatar {
    display: block;
}

.game-show-body .game__attribute-avatar .control-group {
    align-items: center;
    display: flex;
}

.game-show-body .game__attribute-avatar .control-group .game-avatar {
    background: #dadce0 center/cover no-repeat;
    border-radius: 50%;
    flex: 0 0 auto;
    height: 64px;
    margin-right: 24px;
    width: 64px;
}

.group-body {
    padding-left: 0;
}

.group-body .nav-bar {
    display: none;
}

.group-body .breadcrumb-arrow {
    color: #bdc1c6;
    font-size: 16px;
    position: relative;
    top: 2px;
}

.group-body main > *:not(:last-child) {
    margin-bottom: 48px;
}

.group-members-body .group_membership_search > *:not(:last-child) {
    margin-bottom: 16px;
}

.group-members-body ql-dialog {
    --dialog-width: 640px;
}

.group-members-content,
.group-no-members-content {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.group-no-members-content p {
    margin-top: 48px;
    max-width: 800px;
    text-align: center;
}

google-chart {
    width: 100%;
}

google-chart.pie-chart {
    height: 500px;
}

.stat-card {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    height: 136px;
}

.stat-card .stat {
    align-items: center;
    display: flex;
    height: 80px;
    line-height: 1;
    margin: 0;
    text-align: center;
}

.stat-card:not(:last-child) {
    margin-right: 24px;
}

.group-form {
    max-width: 640px;
}

.group-form span {
    padding-left: 0px;
}

.group-form .radio input[type="radio"] {
    margin-left: 0px;
}

.group-form .actions {
    display: flex;
    float: right;
}

.resource-form .form-row.l-mbs {
    margin-bottom: 0.375rem;
}

.resource-form .form-row.l-mtl {
    margin-top: 1.5rem;
}

.resource-form .form-row.with-caption {
    align-items: stretch;
    flex-direction: column;
}

.resource-form .non-default-locale-form > h1 {
    margin-top: 32px;
}

.guest-landing-wrapper {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 72px;
}

@media (max-width: 600px) {
    .guest-landing-wrapper {
        padding: 0;
    }
}

.guest-landing-wrapper .guest-landing-intro__headline {
    display: flex;
    gap: 64px;
    margin-bottom: 120px;
}

.guest-landing-wrapper .guest-landing-intro__headline__headers {
    display: flex;
    flex-direction: column;
    gap: 48px;
    justify-content: center;
}

@media (max-width: 600px) {
    .guest-landing-wrapper .guest-landing-intro__headline__headers {
        gap: 24px;
        text-align: center;
    }
}

.guest-landing-wrapper .guest-landing-intro__headline img {
    max-width: 400px;
    width: 100%;
    height: fit-content;
}

@media (max-width: 600px) {
    .guest-landing-wrapper .guest-landing-intro__headline img {
        max-width: 300px;
    }
}

@media (max-width: 965px) {
    .guest-landing-wrapper .guest-landing-intro__headline {
        align-items: center;
        flex-direction: column;
        gap: 24px;
    }
}

.guest-landing-wrapper .guest-landing-intro__detail__headers {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    text-align: center;
    margin-bottom: 45px;
}

.guest-landing-wrapper .guest-landing-intro__detail {
    margin-bottom: 120px;
}

.guest-landing-wrapper .guest-landing-intro__detail__matter {
    display: grid;
    gap: 48px;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(0, 345px));
    justify-content: center;
}

.guest-landing-wrapper .guest-landing-intro__detail__matter__item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
}

.guest-landing-wrapper .guest-landing-intro__discover {
    gap: 64px;
    margin-bottom: 48px;
}

.guest-landing-wrapper .guest-landing-intro__discover__headers {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    text-align: center;
    margin-bottom: 48px;
}

.guest-landing-wrapper .guest-landing-intro__discover__tabs {
    width: 100%;
}

.guest-landing-wrapper .guest-landing-intro__discover__tabs .grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, 360px);
    padding: 0 72px;
}

.join-body {
    align-items: center;
    background: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
}

.join-body a {
    text-decoration: underline;
}

@media (max-width: 600px) {
    .join-body {
        justify-content: flex-start;
        padding: 0 0 48px 0;
    }

    .join-body p {
        text-align: center;
    }

    .join-body .button {
        height: 56px;
        width: 100%;
    }
}

.join-wrapper {
    max-width: 480px;
    width: 100%;
}

.create-account-body .join-wrapper {
    max-width: 640px;
}

.join-card {
    border: 1px solid #dadce0;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
}

@media (max-width: 600px) {
    .join-card {
        border: none;
        border-radius: 0;
        overflow: visible;
    }
}

.join-card__header {
    align-items: center;
    background: var(--primary-surface-color);
    display: flex;
    justify-content: center;
    padding: 32px 48px;
}

.join-card__header .logo {
    width: 133px;
    height: 25px;
}

@media (max-width: 600px) {
    .join-card__header {
        padding: 24px 0 24px 0;
    }
}

.join-card__header.light-theme {
    background: white;
    padding: 40px 48px 0 48px;
}

.join-card__header.light-theme .logo {
    background-image: url("/assets/logo_blue-e1820f0fe6c9ddd9ced5541cd31283d7e405296f.svg");
    background-size: cover;
}

@media (max-width: 600px) {
    .join-card__header.light-theme {
        padding: 24px 0 24px 0;
    }
}

.join-card__body {
    padding: 32px 48px;
}

@media (max-width: 600px) {
    .join-card__body {
        padding: 24px;
    }
}

.form-row {
    margin-bottom: 32px;
}

.recaptcha-notice {
    padding: 8px;
}

.recaptcha-notice a {
    text-decoration: underline;
}

.join-links {
    align-items: center;
    display: flex;
    margin-top: 16px;
    padding-right: 8px;
    position: relative;
    text-align: right;
}

@media (max-width: 600px) {
    .join-links {
        display: block;
        margin-top: 56px;
        text-align: center;
        width: auto;
    }
}

.join-link,
button#language {
    font-family: var(--md-ref-typeface-plain);
    color: #5f6368;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
}

a.join-link {
    text-decoration: underline;
}

.join-link:hover {
    text-decoration: underline;
}

.join-link:not(:last-child) {
    margin-right: 32px;
}

@media (max-width: 600px) {
    .join-link {
        margin-left: 0 !important;
    }
}

.create-account-body .form-row {
    margin-bottom: 22px;
}

@media (max-width: 600px) {
    .create-account-body .form-row {
        margin-bottom: 32px;
    }
}

input[type="text"],
input[type="email"],
input[type="password"] {
    height: 56px;
    padding: 8px 16px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
    border-color: var(--primary-text-on-surface-color);
    box-shadow: inset 0 0 0 1px var(--primary-text-on-surface-color);
    outline: none;
}

.create-account-body input[type="text"],
.create-account-body input[type="email"],
.create-account-body input[type="password"] {
    height: 44px;
}

@media (max-width: 600px) {
    .create-account-body input[type="text"],
    .create-account-body input[type="email"],
    .create-account-body input[type="password"] {
        height: 56px;
    }
}

.mdl-checkbox__label {
    font-family: var(--md-ref-typeface-plain);
    font-size: 15px;
}

.remember-me {
    margin-top: -32px;
}

.form-actions {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 48px;
}

@media (max-width: 600px) {
    .g-recaptcha {
        display: flex;
        justify-content: center;
    }
}

.join__activate {
    position: fixed;
    top: nil;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100vw;
    height: 40px;
    background: #c92786;
    box-shadow: 0px -4px 0px rgba(0, 0, 0, 0.1);
}

.join__activate img {
    width: 120px;
    height: auto;
    margin-right: 1.5rem;
}

.join__activate a {
    color: white;
}

.join__activate strong {
    font-weight: 700;
    text-decoration: underline;
}

.lab-edit .lab__top-matter {
    align-items: center;
    display: flex;
    margin-bottom: 24px;
}

.lab-edit .lab__locales {
    align-items: center;
    display: flex;
    height: 32px;
}

.lab-edit .lab__date {
    margin-left: auto;
}

.lab-edit .lab__disable {
    align-items: center;
    display: flex;
    margin-left: auto;
}

.lab-edit .lab__wrapper {
    position: relative;
}

.lab-edit .lab__details {
    width: calc(30% - 24px);
}

.lab-edit .lab__details .mdl-card__edit-title {
    align-items: center;
    display: flex;
}

.lab-edit .lab__details__resources,
.lab-edit .lab__details__custom-properties {
    align-items: flex-start;
    background: #fff;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    display: flex;
    left: -24px;
    margin-bottom: 16px;
    padding: 8px 24px;
    position: relative;
    width: calc(100% + 48px);
}

.lab-edit .lab__details__resources__form,
.lab-edit .lab__details__custom-properties__form {
    flex: 1;
}

.lab-edit .lab__details__resources__remove {
    margin-left: 24px;
    width: 32px;
}

.lab-edit .lab__details__resources__file {
    align-items: center;
    display: flex;
    font-size: 14px;
    margin: 8px 0 16px 0;
    text-decoration: none;
}

.lab-edit .lab__details__resources__file i {
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.lab-edit .lab__details__dm {
    align-items: center;
    background: #f6f6f6;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    display: flex;
    height: 50px;
    left: -24px;
    margin-bottom: 16px;
    padding: 8px 24px;
    position: relative;
    width: calc(100% + 48px);
}

.lab-edit .lab__details__dm a:first-child {
    width: 80%;
}

.lab-edit .lab__details__zones div.control-group {
    padding: 0;
}

.lab-edit .lab__details__zones div.controls {
    height: 100%;
}

.lab-edit .lab__details__zones div.checkboxes {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
}

.lab-edit .lab__details__zones span.checkbox {
    display: block;
    font-size: 13px;
    margin-bottom: 8px;
}

.lab-edit .lab__details__zones span.checkbox input {
    margin-right: 8px;
}

.lab-edit .lab__details__special__concurrent #concurrent_info {
    color: #5f6368;
}

.lab-edit .lab__details__special__concurrent .mdl-tooltip {
    background: rgba(0, 0, 0, 0.75);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
}

.lab-edit .lab__instructions {
    height: calc(100vh - 64px - 24px - 32px - 24px - 24px);
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
}

.lab-edit .lab__instructions .mdl-card {
    border-radius: 8px;
    box-shadow: 0px 1px 6px rgba(32, 33, 36, 0.28);
    height: 100%;
    width: 100%;
}

.lab-edit .lab__instructions.is-fixed {
    position: fixed;
    top: calc(64px + 24px);
    height: calc(100% - 64px - 48px);
}

.lab-edit .lab__instructions_two {
    width: 70%;
    max-width: 800px;
}

.lab-edit .lab__instructions_two.ql-full-page {
    height: calc(100vh - 64px - 24px - 32px - 24px - 24px);
}

.lab-edit .lab__instructions_two .mdl-card {
    border-radius: 8px;
    box-shadow: 0px 1px 6px rgba(32, 33, 36, 0.28);
    height: 100%;
    width: 100%;
}

.lab-edit .lab__instructions_two .mdl-card > * {
    padding-left: 36px;
    padding-right: 36px;
}

.lab-edit .lab__instructions_two .mdl-card > table {
    margin-left: 36px;
    margin-right: 36px;
    width: auto;
}

.lab-edit .lab__instructions_two.is-fixed {
    position: fixed;
    top: calc(64px + 24px);
    height: calc(100% - 64px - 48px);
}

.lab-edit .lab-details-two .ql-display-small {
    margin-bottom: 20px;
}

.lab-edit .lab-details-two .is-disabled {
    color: red;
}

.lab-edit .lab-details-two .ql-title-medium {
    margin: 30px 0px;
}

.lab-edit .lab-details-two .ql-label-small {
    margin-top: 20px;
    margin-bottom: 5px;
    color: grey;
}

.lab-edit .lab-details-two table {
    max-width: 800px;
}

.lab-edit .lab-details-two ul {
    margin: 0px 0px 10px 10px;
    padding-left: 10px;
}

.lab-edit .lab-details-two .form-row {
    width: 70%;
    max-width: 800px;
}

.lab-edit #lab_domain_list_chosen .chosen-choices,
.lab-edit #lab_product_list_chosen .chosen-choices,
.lab-edit #lab_role_list_chosen .chosen-choices {
    margin: 0px;
    height: 56px;
}

.lab-edit .custom_fields .control-group {
    max-width: 200px;
    margin-right: 10px;
}

.lab-edit .custom_fields #start_add_custom_property,
.lab-edit .custom_fields #end_add_custom_property {
    margin-bottom: 20px;
}

.lab-edit .service_field .chosen-choices,
.lab-edit .roles_fields .chosen-choices,
.lab-edit .allowed_locations .chosen-choices {
    min-height: 56px;
}

.lab-edit .script_fields .script,
.lab-edit .student_files_fields .student_files,
.lab-edit .policy_fields .form-row:first-of-type {
    display: block;
}

.lab-edit .script_fields .script ql-icon-button,
.lab-edit .student_files_fields .student_files ql-icon-button,
.lab-edit .policy_fields .form-row:first-of-type ql-icon-button {
    margin-top: -8px;
}

.lab-edit #student_files {
    flex-direction: column;
    align-items: flex-start;
}

.lab-edit #student_files .form-row {
    margin-bottom: 0px;
}

.lab-edit #student_files .form-row .student_files {
    margin-bottom: 12px;
}

.lab-edit #student_files .form-row ql-icon-button {
    margin-top: -4px;
}

.lab-edit .policy_fields tr {
    border: none;
}

.lab-edit .lab__instructions__header {
    align-items: center;
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
    color: var(--primary-text-on-surface-color);
    display: flex;
    height: 64px;
    padding: 12px 32px;
}

.lab-edit .lab__instructions__header .ellipsis {
    width: 600px;
}

.lab-edit .lab__instructions__header.has-error {
    background: var(--warn-color);
    color: white;
}

.lab-edit .lab__instructions__header.has-error a {
    color: white;
}

.lab-edit .lab__instructions__actions {
    display: flex;
    margin-left: auto;
}

.lab-edit .lab__instructions__link {
    color: var(--primary-text-on-surface-color);
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    text-decoration: underline;
    width: 100%;
}

.lab-edit .lab__instructions__content {
    flex: 1;
    position: relative;
}

.lab-edit .lab__instructions__content .lab__instructions__content__wrapper {
    height: 100%;
    left: 0;
    opacity: 1;
    overflow-y: auto;
    position: absolute;
    top: 0;
    transition: opacity 0.5s ease-in-out;
    width: 100%;
    z-index: 4;
}

.lab-edit
    .lab__instructions__content
    .lab__instructions__content__wrapper.is-hidden {
    opacity: 0;
}

.lab-edit
    .lab__instructions__content
    .lab__instructions__content__wrapper.is-faded {
    opacity: 0.1;
}

.lab-edit .lab__instructions__content .lab-content__markdown,
.lab-edit .lab__instructions__content .lab-preamble {
    margin: 0 auto;
    max-width: 640px;
    padding-right: 0;
    position: relative;
}

.lab-edit .lab__instructions__form {
    padding: 26px 24px;
    max-width: 640px;
}

.lab-edit .lab__instructions__form h2 {
    color: #202124;
    margin-bottom: 24px;
}

.lab-edit .lab__instructions__form .md-input {
    flex: 1;
}

.lab-edit .lab__instructions__form .button {
    margin-left: 8px;
}

.lab-edit .lab__instructions__loader {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0px;
    opacity: 1;
    position: absolute;
    top: 0px;
    transition: opacity 0.5s ease-in-out;
    width: 100%;
    z-index: 3;
}

.lab-edit .lab__instructions__loader .mdl-spinner {
    height: 160px;
    width: 160px;
}

.lab-edit .lab__instructions__loader .mdl-spinner .mdl-spinner__circle {
    border-width: 16px;
}

.lab-edit .lab__instructions__loader.is-hidden {
    opacity: 0;
    z-index: 1;
}

.lab-edit .lab__instructions__error {
    color: var(--warn-color) !important;
    text-align: center;
}

.lab-edit .lab__instructions__error p {
    color: var(--warn-color) !important;
}

.lab-edit .lab__test-environment {
    margin-bottom: 24px;
    margin-top: 24px;
    min-height: 0px;
}

.lab-edit .lab__test-environment .mdl-card__supporting-text {
    padding: 16px 24px;
    width: 100%;
}

.lab__admin {
    font-size: 10px;
    position: absolute;
    right: 24px;
    top: 2px;
}

.lab__admin span:not(:last-child) {
    margin-right: 24px;
}

.lab__admin_text {
    font-size: 10px;
    margin: 0 auto;
}

.lab__admin_text span:not(:last-child) {
    margin-right: 24px;
}

.permissions-advanced {
    display: none;
}

.permissions-advanced.is-visible {
    display: block;
}

.permissions .chosen-container.chosen-container-multi {
    display: block;
}

.permissions .chosen-container.chosen-container-multi.is-hidden {
    display: none;
}

.permissions-advanced-link {
    font-size: 12px;
    font-weight: normal;
}

.lab__instructions--v2 {
    height: calc(100vh - 64px - 24px - 32px - 24px - 24px);
    max-width: 800px;
    padding-left: 48px;
    padding-top: 24px;
}

.instructions_markdown {
    display: none;
}

.v1_title {
    margin-top: 16px;
}

.tables ql-table {
    margin-bottom: 30px;
}

.tables .ql-body-large.text--center {
    padding: 34px 0px 50px 0px;
}

.timer-toggle,
.toggle-button {
    align-items: center;
    border: 1px solid #dadce0;
    border-radius: 100px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.timer-toggle:hover,
.toggle-button:hover {
    background: #f8f9fa;
}

.timer-toggle.is-toggled,
.toggle-button.is-toggled {
    background: #e8f0fe;
    border-color: #d2e3fc;
    color: #1a73e8;
}

.timer-toggle.is-toggled:hover,
.toggle-button.is-toggled:hover {
    background: #d2e3fc;
}

.timer-toggle {
    transition: width 0.1s ease-in-out;
    position: relative;
}

.timer-toggle ql-icon {
    display: block;
}

.timer-toggle .time {
    display: none;
    font-family: "Roboto Mono";
    font-size: 15px;
    font-weight: 500;
    right: 0px;
    line-height: 38px;
    padding: 0 8px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 100px;
}

.timer-toggle.is-toggled {
    width: 100px;
}

.timer-toggle.is-toggled ql-icon {
    display: none;
}

.timer-toggle.is-toggled .time {
    display: block;
}

body.lab-show .header {
    padding: 0px;
}

body.lab-show .header ql-toolbar {
    width: 100%;
}

body.lab-show #lab-container {
    container-type: inline-size;
    height: 100%;
}

body.lab-show #terminal-drawer {
    width: 50cqw;
}

body.lab-show #lab-content {
    container-type: inline-size;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

body.lab-show #lab-content-container {
    overflow: visible;
}

body.lab-show .lab-content-container {
    overflow-x: auto;
}

body.lab-show .lab-content-container .lab-content__try {
    display: none;
}

@container (max-width: 1000px) {
    body.lab-show .lab-content-container .lab-content__try {
        display: block;
    }
}

body.lab-show .lab-content__try {
    border: 1px solid var(--hairline-color);
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 20px;
}

body.lab-show .lab-content__try__header {
    margin-bottom: 10px;
}

body.lab-show .lab-content__try ql-button {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}

body.lab-show .lab-content__try .get_access {
    display: flex;
    gap: 10px;
}

body.lab-show .lab-content__try .get_access ql-icon {
    color: var(--success-color);
}

body.lab-show #control-panel-drawer,
body.lab-show #lab-instructions,
body.lab-show #outline-drawer {
    padding: 24px;
}

body.lab-show #jupyter-feedback-modal {
    --dialog-width: 70vw;
}

body.lab-show #jupyter-feedback-frame {
    height: 40vw;
}

body.lab-show .outline-container {
    flex-shrink: 0;
    max-width: 320px;
    padding: 0 24px 96px;
}

@container (max-width: 1000px) {
    body.lab-show .outline-container {
        display: none;
    }
}

body.lab-show #lab-instructions {
    display: flex;
    padding-left: 48px;
    justify-content: space-between;
}

body.lab-show .l-main-wrapper {
    height: calc(100vh - 64px);
    width: 100vw;
}

body.lab-show .flash,
body.lab-show .alert {
    left: 344px;
    margin-left: 0px;
    position: fixed;
    top: 76px;
    width: calc(100vw - 320px - 64px - 48px);
}

@media (max-width: 832px) {
    body.lab-show .flash,
    body.lab-show .alert {
        left: 12px;
        padding: 12px;
        top: 76px;
        width: calc(100vw - 24px);
    }
}

@media print {
    body.lab-show {
        display: none !important;
    }
}

body.lab-show .permalink {
    bottom: 1px;
    color: var(--warn-color);
    font-size: 10px;
    position: fixed;
    right: 24px;
    z-index: 4;
}

body.games-labs-show ql-leaderboard-container {
    height: calc(100vh - 65px);
    width: 64px;
    position: fixed;
    top: 65px;
    right: 0;
    z-index: 100;
}

body.games-labs-show .l-main-wrapper {
    padding-right: 64px;
}

body.games-labs-show .l-lab-main-header {
    width: calc(100vw - 320px - 48px - 64px);
}

body.games-labs-show .lab-assessment__tab {
    display: none;
}

body.games-labs-show .lab-assessment__panel {
    display: none;
}

#recaptcha-v2-start-lab {
    margin: 0 8px 8px 8px;
    height: 64px;
}

#recaptcha-v2-start-lab .g-recaptcha {
    transform: scale(0.8205128205);
    transform-origin: 0 0;
}

.labs.labs-index .flex-table__row .td:nth-child(2) {
    flex: 0 0 auto;
    width: 120px;
}

.labs.labs-index .flex-table__row .td:nth-child(3) {
    flex: 0 0 auto;
    width: 120px;
}

.labs.labs-new {
    background: #fafafa;
}

.labs.labs-new footer {
    display: none;
}

.labs.labs-new .form-row:not(:last-child) {
    margin-bottom: 16px;
}

.labs.labs-new .form-row > * {
    flex: 1;
}

.labs.labs-new .form-row > *:not(:last-child) {
    margin-right: 24px;
}

@media (max-width: 600px) {
    .labs.labs-new .form-row {
        flex-direction: column;
        margin-bottom: 0px !important;
    }

    .labs.labs-new .form-row > * {
        margin-right: 0px !important;
    }

    .labs.labs-new .form-row .md-input {
        margin-bottom: 16px;
    }

    .labs.labs-new .form-row:last-child .md-input:last-child {
        margin-bottom: 0px !important;
    }
}

.labs.labs-new .form-row--condensed {
    margin-bottom: 8px !important;
}

.labs.labs-new .form-row--condensed:last-child {
    margin-bottom: 0px !important;
}

@media (max-width: 600px) {
    .labs.labs-new .form-row--condensed {
        flex-direction: column;
        margin-bottom: 0px !important;
    }

    .labs.labs-new .form-row--condensed > * {
        margin-right: 0px !important;
    }

    .labs.labs-new .form-row--condensed .md-input {
        margin-bottom: 16px;
    }

    .labs.labs-new .form-row--condensed:last-child .md-input:last-child {
        margin-bottom: 0px !important;
    }
}

.labs.labs-new .alert-error {
    display: none;
}

.labs.labs-new.force-show-alerts .alert-error {
    display: block !important;
}

.labs.labs-new #error_explanation {
    background: var(--warn-color);
    border-radius: 2px;
    color: white;
    margin: 0 auto 24px auto;
    max-width: 704px;
    padding: 32px;
}

.labs.labs-new #error_explanation h2 {
    font-size: 16px;
}

.labs.labs-new #error_explanation p {
    font-size: 14px;
    margin: 0;
}

.labs.labs-new .labs__resources,
.labs.labs-new .labs__instructions {
    font-size: 16px;
    margin-bottom: 32px;
}

.labs.labs-new .labs__resources > label,
.labs.labs-new .labs__instructions > label {
    font-size: 12px !important;
    margin-bottom: 8px;
}

.labs.labs-new .labs__resources--horizontal,
.labs.labs-new .labs__instructions--horizontal {
    display: flex;
}

.labs.labs-new .labs__resources--horizontal > label,
.labs.labs-new .labs__instructions--horizontal > label {
    font-size: 16px !important;
    margin-bottom: 0;
    width: 162px;
}

.labs.labs-new .labs__resources--horizontal > div,
.labs.labs-new .labs__instructions--horizontal > div {
    flex: 1;
}

.labs.labs-new .labs__resources__new {
    background: #f2f2f2;
    border-radius: 2px;
    margin-bottom: 8px;
    padding: 8px;
}

.labs.labs-new .labs__form {
    background: white;
    margin: 0 auto 64px auto;
    max-width: 704px;
    padding: 32px;
}

@media (max-width: 600px) {
    .labs.labs-new .labs__form {
        left: 0px;
        margin: 0px;
        padding: 16px;
        position: absolute;
        top: 64px;
        width: 100%;
    }
}

.permissions-select__container {
    margin-bottom: 32px;
    position: relative;
}

.permissions-select__button {
    cursor: pointer;
}

.permissions-select__button label {
    color: #aaa;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    transition: all 0.2s ease-in-out;
}

.permissions-select__button:focus label {
    color: var(--primary-text-on-surface-color);
}

.permissions-select__button:focus .permissions-display:before {
    border-color: var(--primary-text-on-surface-color);
}

.permissions-display {
    border: 1px solid #ddd;
    font-size: 13px;
    margin: 0px;
    min-height: 35px;
    padding: 3px 1px;
    position: relative;
}

.permissions-display:before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 2px solid transparent;
    content: "";
    display: block;
    transition: all 0.2s ease-in-out;
}

.permissions-display span {
    background: rgba(var(--primary-surface-color-rgb), 0.1);
    border-radius: 100px;
    display: inline-block;
    margin: 2px;
    padding: 2px 6px;
}

.permissions-select__menu {
    position: absolute;
    top: 50%;
    right: nil;
    bottom: nil;
    left: 0;
    background: #fff;
    border-radius: 2px;
    box-shadow:
        0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.2),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
    list-style: none;
    margin-top: -266px;
    opacity: 0;
    padding: 4px 0;
    transform: scale(0);
    transform-origin: 0 66%;
    transition:
        transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.permissions-select__menu.is-visible {
    opacity: 1;
    transform: scale(1);
    z-index: 999;
}

.permissions-select__menu.is-visible + .permissions-select__overlay {
    display: block;
}

.permissions-select__menu__item {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    margin: 0 !important;
    padding: 3px 10px;
    position: relative;
}

.permissions-select__menu__item span {
    margin-right: 10px;
}

.permissions-select__menu__item i.fa {
    margin-left: auto;
}

.permissions-select__menu__item i.material-icons {
    color: var(--primary-text-on-surface-color);
    font-size: 14px;
    margin-right: 5px;
    opacity: 0;
    transform: scale(0);
    transform-origin: 50% 50%;
    transition:
        transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.permissions-select__menu__item.is-selected {
    font-weight: 700;
}

.permissions-select__menu__item.is-selected > i.material-icons {
    opacity: 1;
    transform: scale(1);
}

.permissions-select__menu__item:hover {
    background: #eee;
}

.permissions-select__menu__item:hover .permissions-select__submenu {
    opacity: 1;
    transform: scale(1);
    z-index: 999;
}

.permissions-select__submenu {
    position: absolute;
    top: 0 nil nil;
    right: calc(100% - 5px);
    background: #fff;
    border-radius: 2px;
    box-shadow:
        0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.2),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
    list-style: none;
    opacity: 0;
    transform: scale(0);
    transform-origin: 0 0;
    transition:
        transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 4px 0;
    will-change: transform;
}

.permissions-select__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 998;
}

.permissions-select__container--horizontal .permissions-select__button {
    display: flex;
}

.permissions-select__container--horizontal .permissions-select__button label {
    font-size: 16px;
    width: 162px;
}

.permissions-select__container--horizontal .permissions-select__button p {
    flex: 1;
}

.permissions-select__container--horizontal .permissions-select__menu {
    left: 162px;
}

.labs.labs-instruction .labs-instruction__edit {
    align-items: center;
    display: flex;
}

.labs.labs-instruction .labs-instruction__edit__url {
    margin-right: auto;
    width: calc(100% - 56px);
}

.labs.labs-show .classroom-templates-table .td:nth-child(2) {
    flex: 0 0 auto;
    width: 10%;
}

.labs.labs-show .classroom-templates-table .td:nth-child(3) {
    flex: 0 0 auto;
    width: 50%;
}

.lab-locales-table .td:nth-child(1) {
    flex: 0 0 auto;
    width: 125px;
}

.lab-locales-table .td:nth-child(4) {
    flex: 0 0 auto;
    width: 200px;
}

.lab-locales-table .td:nth-child(5) {
    flex: 0 0 auto;
    width: 140px;
}

.lab-instruction {
    align-items: center;
    display: flex;
}

.lab-instruction .mdl-spinner {
    height: 24px;
    position: absolute;
    width: 24px;
}

.lab-instruction-status-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 8px;
    width: 24px;
}

.lab-instruction__error {
    color: var(--warn-color);
    font-size: 14px;
    margin-left: 32px;
}

.learner-layout-body ql-toolbar.app-toolbar {
    background: var(--base-surface-color);
    border-bottom: 1px solid var(--hairline-color);
    padding: 0 24px;
}

.learner-layout-body ql-toolbar.app-toolbar .toolbar-tabs {
    align-items: center;
    border: none;
    display: flex;
    margin-left: 24px;
}

.learner-layout-body ql-toolbar.app-toolbar .toolbar-tabs ql-tab {
    width: 112px;
}

@media (max-width: 965px) {
    .learner-layout-body ql-toolbar.app-toolbar .toolbar-tabs {
        display: none;
    }
}

@media (max-width: 600px) {
    .learner-layout-body ql-toolbar.app-toolbar {
        padding: 0 16px 0 8px;
    }
}

.learner-layout-body ql-toolbar.page-toolbar {
    background: #f8f9fa;
    height: 48px;
    padding: 0 24px;
    z-index: 9;
}

.learner-layout-body ql-toolbar.page-toolbar h2 {
    color: var(--light-text-on-surface-color);
}

.learner-layout-body .page-banner {
    align-items: center;
    background: var(--md-sys-color-tertiary-container);
    color: var(--md-sys-color-on-tertiary-container);
    display: flex;
    font: var(--md-sys-typescale-title-small);
    height: 40px;
    justify-content: center;
    position: relative;
}

.learner-layout-body .page-banner a:not(:hover, :focus) {
    color: var(--md-sys-color-on-tertiary-container);
    text-decoration: underline;
}

.learner-layout-body .page-banner ql-icon-button.js-close-banner {
    position: absolute;
    right: 0;
    transform: scale(0.66);
}

.learner-layout-body .journey-bar-container {
    background: #f8f9fa;
    padding: 8px;
    position: sticky;
    z-index: 9;
}

.learner-layout-body main {
    padding: 48px;
}

@media (max-width: 600px) {
    .learner-layout-body main {
        padding: 24px 16px;
    }
}

.learner-layout-body .toolbar-navigation ql-toggle-button {
    display: none;
}

.learner-layout-body .toolbar-navigation ql-toggle-button.always-show {
    display: block;
}

@media (max-width: 965px) {
    .learner-layout-body .toolbar-navigation ql-toggle-button {
        display: block;
    }
}

.learning-plans-body .learning-plans-grid {
    display: grid;
    gap: 24px;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(auto, 360px));
    padding: 0;
}

.learning-plans-body .learning-plans-grid ql-activity-card {
    width: 100%;
}

@media (max-width: 600px) {
    .learning-plans-body .learning-plans-grid {
        justify-content: center;
        justify-items: center;
    }
}

.learning-plans-body .learning-plans-wrapper {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 72px;
}

@media (max-width: 600px) {
    .learning-plans-body .learning-plans-wrapper {
        padding: 0;
    }
}

.learning-plans-body .learning-plans-wrapper .learning-plans-intro__headline {
    display: flex;
    gap: 64px;
    margin-bottom: 120px;
}

.learning-plans-body
    .learning-plans-wrapper
    .learning-plans-intro__headline__headers {
    display: flex;
    flex-direction: column;
    gap: 48px;
    justify-content: center;
}

@media (max-width: 600px) {
    .learning-plans-body
        .learning-plans-wrapper
        .learning-plans-intro__headline__headers {
        gap: 24px;
        text-align: center;
    }
}

.learning-plans-body
    .learning-plans-wrapper
    .learning-plans-intro__headline
    img {
    width: 400px;
}

@media (max-width: 600px) {
    .learning-plans-body
        .learning-plans-wrapper
        .learning-plans-intro__headline
        img {
        width: 300px;
    }
}

.learning-plans-body
    .learning-plans-wrapper
    .learning-plans-intro__headline__organization {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 auto;
    max-width: 640px;
    text-align: center;
}

.learning-plans-body
    .learning-plans-wrapper
    .learning-plans-intro__headline__organization
    img {
    width: initial;
}

@media (max-width: 600px) {
    .learning-plans-body
        .learning-plans-wrapper
        .learning-plans-intro__headline {
        align-items: center;
        flex-direction: column;
        gap: 24px;
    }
}

.learning-plans-body .learning-plans-wrapper .learning-plans-intro__select {
    margin: 0 0 48px;
    max-width: 680px;
}

@media (max-width: 600px) {
    .learning-plans-body .learning-plans-wrapper .learning-plans-intro__select {
        margin: 24px 0;
        text-align: center;
    }
}

.learning-plans-body .learning-plans-wrapper .learning-plans-intro__select p {
    color: var(--light-text-on-surface-color);
    margin-top: 24px;
}

.learning-plans-body .learning-plan-details-wrapper {
    margin: 0 auto;
    max-width: 1280px;
}

.learning-plans-body .learning-plan-details-wrapper .top-matter {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 720px;
}

@media (max-width: 600px) {
    .learning-plans-body .learning-plan-details-wrapper .top-matter {
        align-items: center;
        gap: 20px;
        text-align: center;
    }
}

.learning-plans-body .learning-plan-details-wrapper .top-matter .back-button {
    display: block;
}

.learning-plans-body
    .learning-plan-details-wrapper
    .top-matter
    img.learning-plan-logo {
    height: 24px;
    margin-bottom: 16px;
}

.learning-plans-body
    .learning-plan-details-wrapper
    .top-matter
    .learning-plan-details {
    display: flex;
    gap: 32px;
}

@media (max-width: 600px) {
    .learning-plans-body
        .learning-plan-details-wrapper
        .top-matter
        .learning-plan-details {
        align-items: center;
        gap: 10px;
        justify-content: space-around;
    }
}

.learning-plans-body
    .learning-plan-details-wrapper
    .top-matter
    .learning-plan-details
    .detail {
    align-items: center;
    display: flex;
    gap: 4px;
    line-height: 20px;
}

@media (max-width: 600px) {
    .learning-plans-body
        .learning-plan-details-wrapper
        .top-matter
        .learning-plan-details
        .detail {
        flex-basis: 120px;
        flex-direction: column;
        flex-wrap: wrap;
        text-align: center;
    }
}

.learning-plans-body .learning-plan-details-wrapper .top-matter .progress {
    width: 100%;
}

.learning-plans-body
    .learning-plan-details-wrapper
    .top-matter
    .progress
    ql-progress-bar {
    margin-bottom: 4px;
}

.learning-plans-body .learning-plan-details-wrapper .activities {
    margin-top: 80px;
}

.learning-plans-body .learning-plan-details-wrapper .activities .grid {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(auto, 400px));
    gap: 24px;
}

@media (max-width: 600px) {
    .learning-plans-body .learning-plan-details-wrapper .activities .grid {
        grid-template-columns: 1fr;
        justify-content: center;
    }
}

.learning-plans-body
    .learning-plan-details-wrapper
    .activities
    .grid
    .activity-card {
    align-items: flex-start;
    display: grid;
    height: 100%;
}

.learning-plans-body
    .learning-plan-details-wrapper
    .activities
    .grid
    .activity-card
    img.badge {
    height: 222px;
    object-fit: contain;
    width: 100%;
}

.learning-plans-body
    .learning-plan-details-wrapper
    .activities
    .grid
    .activity-card
    .content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 24px;
    word-break: break-word;
}

.learning-plans-body
    .learning-plan-details-wrapper
    .activities
    .grid
    .activity-card
    .content
    ql-progress-bar {
    width: 100%;
}

.learning-plans-body
    .learning-plan-details-wrapper
    .activities
    .grid
    .activity-card
    .content
    a.activity-link {
    align-self: center;
}

.learning-plans-body
    .learning-plan-details-wrapper
    .activities
    .grid
    .activity-card
    .content
    .title {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.learning-plans-body
    .learning-plan-details-wrapper
    .activities
    .grid
    .activity-card
    .content
    .title
    h2:first-child {
    color: #9aa0a6;
    word-break: keep-all;
}

.learning-plans-body
    .learning-plan-details-wrapper
    .activities
    .grid
    .activity-card
    .content
    .activity-details {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
}

.learning-plans-body
    .learning-plan-details-wrapper
    .activities
    .grid
    .activity-card
    .content
    .activity-details
    .detail {
    align-items: center;
    display: flex;
    gap: 4px;
    line-height: 20px;
}

.learning-plans-body
    .learning-plan-details-wrapper
    .activities
    .grid
    .activity-card
    .content
    .progress {
    width: 100%;
}

.learning-plans-body
    .learning-plan-details-wrapper
    .activities
    .grid
    .activity-card
    .content
    .progress
    ql-progress-bar {
    margin-bottom: 2px;
}

.learning-plans-body
    .learning-plan-details-wrapper
    .activities
    .grid
    .activity-card
    .content
    img.thumbnail {
    width: 100%;
}

.learning-plans-body
    .learning-plan-details-wrapper
    .activities
    .grid
    .activity-card
    .buttons {
    align-self: end;
    display: flex;
    gap: 24px;
}

.learning-plans-body
    .learning-plan-details-wrapper
    .activities
    .grid
    .activity-card
    .buttons
    ql-button.completed {
    --button-color: var(--success-color);
}

.learning-plans-body
    .learning-plan-details-wrapper
    .activities
    .grid
    .completed-icon {
    align-self: center;
    color: var(--success-color);
}

.learning-plans-body .learning-plan-dashboard-wrapper {
    margin: 0 auto;
    max-width: 1280px;
}

.learning-plans-body .learning-plan-dashboard-wrapper .header-hero {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}

.learning-plans-body .learning-plan-dashboard-wrapper .header-hero img {
    width: 100%;
}

.learning-plans-body .learning-plan-dashboard-wrapper .header-hero ql-avatar {
    border-radius: 50%;
    border: 4px solid var(--base-surface-color);
    margin-bottom: 4px;
    margin-top: -144px;
}

@media (max-width: 600px) {
    .learning-plans-body
        .learning-plan-dashboard-wrapper
        .header-hero
        ql-avatar {
        display: none;
    }
}

.learning-plans-body .learning-plan-dashboard-wrapper .no-activity {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.learning-plans-body .learning-plan-dashboard-wrapper .no-activity__header {
    max-width: 560px;
    text-align: center;
}

.learning-plans-body .learning-plan-dashboard-wrapper .no-activity__buttons {
    display: flex;
    gap: 32px;
}

.learning-plans-body .learning-plan-dashboard-wrapper .up-next img {
    max-width: 360px;
    width: 100%;
}

.learning-plans-body .learning-plan-dashboard-wrapper .up-next .activity {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.learning-plans-body
    .learning-plan-dashboard-wrapper
    .up-next
    .activity
    .content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

.learning-plans-body
    .learning-plan-dashboard-wrapper
    .up-next
    .activity
    .content
    :not(:first-child, :last-child) {
    margin-bottom: 16px;
}

.learning-plans-body
    .learning-plan-dashboard-wrapper
    .up-next
    .activity
    .content
    .breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.learning-plans-body
    .learning-plan-dashboard-wrapper
    .up-next
    .activity
    .content
    .breadcrumbs
    > a {
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.learning-plans-body
    .learning-plan-dashboard-wrapper
    .up-next
    .activity
    .details {
    display: flex;
    gap: 35px;
}

.learning-plans-body
    .learning-plan-dashboard-wrapper
    .up-next
    .activity
    .details
    .detail {
    align-items: center;
    display: flex;
    gap: 4px;
    line-height: 20px;
    margin: 0;
}

.learning-plans-body .learning-plan-dashboard-wrapper .current-learning-plan {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 64px;
    width: 720px;
}

.learning-plans-body
    .learning-plan-dashboard-wrapper
    .current-learning-plan
    .title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.learning-plans-body
    .learning-plan-dashboard-wrapper
    .current-learning-plan
    .title
    h1 {
    color: var(--light-text-on-surface-color);
}

.learning-plans-body .in-progress-cards,
.learning-plans-body .upcoming-cards,
.learning-plans-body .favorite-cards {
    margin-top: 32px;
}

.learning-plans-body .in-progress-cards > h2,
.learning-plans-body .upcoming-cards > h2,
.learning-plans-body .favorite-cards > h2 {
    margin-bottom: 24px;
}

.learning-plans-body .in-progress-cards .activity-cards,
.learning-plans-body .upcoming-cards .activity-cards,
.learning-plans-body .favorite-cards .activity-cards {
    display: grid;
    gap: 24px;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(auto, 360px));
    padding: 0;
}

.learning-plans-body .in-progress-cards .activity-cards ql-activity-card,
.learning-plans-body .upcoming-cards .activity-cards ql-activity-card,
.learning-plans-body .favorite-cards .activity-cards ql-activity-card {
    width: 100%;
}

@media (max-width: 600px) {
    .learning-plans-body .in-progress-cards .activity-cards,
    .learning-plans-body .upcoming-cards .activity-cards,
    .learning-plans-body .favorite-cards .activity-cards {
        justify-content: center;
        justify-items: center;
    }
}

@media (max-width: 600px) {
    .learning-plans-body .in-progress-cards .activity-cards,
    .learning-plans-body .upcoming-cards .activity-cards,
    .learning-plans-body .favorite-cards .activity-cards {
        justify-content: left;
    }
}

#lc-announcement-modal {
    --dialog-width: 960px;
}

#lc-announcement-modal .container {
    display: flex;
    flex-direction: column;
    gap: 64px;
    max-height: calc(80vh - 80px);
    overflow: scroll;
}

#lc-announcement-modal .row {
    display: flex;
    gap: 12px;
}

#lc-announcement-modal #row3 {
    flex-direction: column;
    gap: 0;
}

#lc-announcement-modal h1 {
    text-align: center;
}

#lc-announcement-modal p {
    font-size: 20px;
}

#lc-announcement-modal img {
    max-width: 100%;
}

.learning-tree-show-body ql-toolbar.app-toolbar {
    box-shadow:
        0px 1px 2px 0px rgba(60, 64, 67, 0.3),
        0px 1px 3px 1px rgba(60, 64, 67, 0.15);
    border: none;
}

.learning-tree-show-body .learning-tree-wrapper {
    margin: 0 auto;
    max-width: 720px;
    padding: 48px 0;
}

.learning-tree-show-body .learning-tree-wrapper > *:not(:last-child) {
    margin-bottom: 64px;
}

.learning-tree-show-body .learning-tree-top-matter > *:not(:last-child) {
    margin-bottom: 32px;
}

.learning-tree-show-body .learning-tree-title ql-activity-label {
    margin-bottom: 8px;
}

.learning-tree-show-body .learning-tree-details {
    display: flex;
}

.learning-tree-show-body .learning-tree-details > *:not(:last-child) {
    margin-right: 32px;
}

.learning-tree-show-body .learning-tree-details .learning-tree-detail {
    align-items: center;
    color: var(--medium-text-on-surface-color);
    display: inline-flex;
    font: var(--md-sys-typescale-title-medium);
}

.learning-tree-show-body .learning-tree-details .learning-tree-detail ql-icon {
    margin-right: 4px;
}

.learning-tree-show-body .learning-tree-badge img {
    display: block;
    margin: 32px auto;
    max-width: 320px;
    width: 100%;
}

.learning-tree-show-body .learning-tree-badge p {
    margin: 0;
}

.learning-tree-show-body .learning-tree-curriculum ql-course {
    max-width: 100%;
}

.learning-tree-show-body #learning-tree-info-drawer {
    background: #f8f9fa;
    border-left: 1px solid #dadce0;
    overflow: scroll;
    position: fixed;
    right: 0;
}

.learning-tree-show-body
    #learning-tree-info-drawer
    .learning-tree-info
    .learning-tree-info-header {
    align-items: center;
    display: flex;
    padding: 8px 18px;
}

.learning-tree-show-body
    #learning-tree-info-drawer
    .learning-tree-info
    .learning-tree-info-header
    h2 {
    flex: 1;
    letter-spacing: 0.04em;
    margin-left: 10px;
}

.learning-tree-show-body
    #learning-tree-info-drawer
    .learning-tree-info
    ql-collapsible {
    --header-background: $gray50;
    --panel-background: var(--base-surface-color);
}

.learning-tree-show-body
    #learning-tree-info-drawer
    .learning-tree-info
    ql-collapsible:first-child {
    border-top: 1px solid #dadce0;
}

.learning-tree-show-body
    #learning-tree-info-drawer
    .learning-tree-info
    ql-collapsible:last-child {
    border-bottom: 1px solid #dadce0;
}

.learning-tree-show-body
    #learning-tree-info-drawer
    .learning-tree-info
    ql-collapsible
    [slot="header"] {
    padding-left: 18px;
}

.learning-tree-show-body
    #learning-tree-info-drawer
    .learning-tree-info
    ql-collapsible
    [slot="collapsible"] {
    padding: 10px;
    padding-left: 18px;
}

.learning-tree-show-body
    #learning-tree-info-drawer
    .learning-tree-info
    ql-collapsible
    p,
.learning-tree-show-body
    #learning-tree-info-drawer
    .learning-tree-info
    ql-collapsible
    ul {
    margin: 0;
}

.learning-tree-show-body
    #learning-tree-info-drawer
    .learning-tree-info
    ql-collapsible
    p:not(:last-child),
.learning-tree-show-body
    #learning-tree-info-drawer
    .learning-tree-info
    ql-collapsible
    ul:not(:last-child) {
    margin-bottom: 8px;
}

.learning-tree-show-body
    #learning-tree-info-drawer
    .learning-tree-info
    ql-collapsible
    p,
.learning-tree-show-body
    #learning-tree-info-drawer
    .learning-tree-info
    ql-collapsible
    li {
    font: var(--md-sys-typescale-body-medium);
}

.md-body {
    background: #fff;
}

.md-body--admin td {
    font-size: 13px;
}

.md-body--admin td p {
    font-size: 12px;
}

.md-body--admin .label.label-success,
.md-body--admin .label.label-warning {
    background: var(--primary-surface-color);
    border-radius: 30px;
    color: var(--text-on-primary-color);
    font-size: 12px;
    padding: 1px 6px;
}

.md-body--suadmin .header-container {
    background: #444;
}

@media (max-width: 600px) {
    .md-body--index {
        background: white;
    }
}

@media (max-width: 600px) {
    .md-body--index .l-main-wrapper {
        padding: 0;
    }
}

.md-body--index .header__tabs {
    display: none;
}

@media (max-width: 600px) {
    .md-body--index .header__tabs {
        display: flex;
    }
}

@media (max-width: 600px) {
    .md-body--index .card--table {
        box-shadow: none !important;
    }
}

.md-body--index .mdl-card__title {
    display: flex;
}

@media (max-width: 600px) {
    .md-body--index .mdl-card__title,
    .md-body--index .mdl-card__menu {
        display: none;
    }
}

@media (max-width: 600px) {
    .md-body--index .mdl-card__supporting-text {
        padding: 0 0 80px 0;
    }
}

.md-body--index .index-count {
    color: #999;
    font-size: 12px;
    margin-left: 24px;
}

.my-learning .nav-bar,
.profile-body .nav-bar {
    position: static;
}

.my-learning .my-learning__group,
.profile-body .my-learning__group {
    margin-bottom: 96px;
}

.my-learning .my-learning__group__header,
.profile-body .my-learning__group__header {
    align-items: baseline;
    display: flex;
    margin-top: 24px;
}

.my-learning .my-learning__group__header h2,
.profile-body .my-learning__group__header h2 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 24px;
}

.my-learning .my-learning__group__header a,
.profile-body .my-learning__group__header a {
    margin-left: auto;
}

.my-learning__top-matter .content,
.profile-body__top-matter .content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 auto;
    max-width: 720px;
    text-align: center;
}

.my-learning__top-matter .public-profile,
.profile-body__top-matter .public-profile {
    border-radius: 8px;
    padding: 4px 8px;
}

.my-learning__top-matter .public-profile.private,
.profile-body__top-matter .public-profile.private {
    background: var(--md-sys-color-error-container);
    color: var(--md-sys-color-on-error-container);
}

.my-learning__top-matter .public-profile.private a.make-public,
.profile-body__top-matter .public-profile.private a.make-public {
    color: var(--md-sys-color-on-error-container);
}

.my-learning__top-matter .public-profile.public,
.profile-body__top-matter .public-profile.public {
    background: var(--md-sys-color-tertiary-container);
    color: var(--md-sys-color-on-tertiary-container);
}

.my-learning .course-icon,
.profile-body .course-icon {
    background: gray;
    border-radius: 50%;
    height: 24px;
    width: 24px;
}

.my-learning .course-icon--ilt,
.profile-body .course-icon--ilt {
    background: linear-gradient(to right bottom, #8430ce, #8430ce);
}

.my-learning .course-icon--spl,
.profile-body .course-icon--spl {
    background: linear-gradient(
        to right bottom,
        var(--primary-surface-color),
        var(--primary-surface-color)
    );
}

.my-learning .flex-table .flex-table__row:last-child,
.profile-body .flex-table .flex-table__row:last-child {
    border-bottom: none;
}

.my-learning .my-learning-table .flex-table__row,
.profile-body .my-learning-table .flex-table__row {
    color: #202124;
    font-size: 16px;
    font-weight: 400;
    padding: 0 24px;
    text-decoration: none;
}

.my-learning .my-learning-table .td:nth-child(1),
.profile-body .my-learning-table .td:nth-child(1) {
    flex: 0 0 48px;
}

.my-learning .my-learning-table .td:last-child label,
.profile-body .my-learning-table .td:last-child label {
    display: block;
    text-align: right;
    margin-left: auto;
}

.my-learning .my-learning-table--courses .td:first-child,
.profile-body .my-learning-table--courses .td:first-child {
    align-items: center;
    display: flex;
    justify-content: center;
}

.my-learning .my-learning-table--courses .td:first-child img,
.profile-body .my-learning-table--courses .td:first-child img {
    width: 48px;
}

.my-learning .my-learning-table--courses .td:last-child,
.profile-body .my-learning-table--courses .td:last-child {
    text-align: right;
}

.my-learning .profile-tabs,
.profile-body .profile-tabs {
    margin: 0 auto;
    max-width: 1212px;
}

.my-learning .profile-tabs .tabs,
.profile-body .profile-tabs .tabs {
    justify-content: center;
    margin-bottom: 24px;
    margin-top: 64px;
}

.my-learning .profile-tabs .tabs ql-tab,
.profile-body .profile-tabs .tabs ql-tab {
    width: 100%;
}

.my-learning .learning-plans,
.profile-body .learning-plans {
    display: grid;
    gap: 24px;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(auto, 360px));
    padding: 0;
}

.my-learning .learning-plans ql-activity-card,
.profile-body .learning-plans ql-activity-card {
    width: 100%;
}

@media (max-width: 600px) {
    .my-learning .learning-plans,
    .profile-body .learning-plans {
        justify-content: center;
        justify-items: center;
    }
}

.my-learning .activities-table,
.profile-body .activities-table {
    overflow: auto;
}

.my-learning .barker-leaderboard,
.profile-body .barker-leaderboard {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 18px;
    position: relative;
}

@media (max-width: 600px) {
    .my-learning .barker-leaderboard ql-infobox,
    .profile-body .barker-leaderboard ql-infobox {
        text-align: center;
    }
}

.my-learning .barker-leaderboard .help-button,
.profile-body .barker-leaderboard .help-button {
    position: absolute;
    right: 24px;
    top: 24px;
}

@media (max-width: 600px) {
    .my-learning .barker-leaderboard .help-button,
    .profile-body .barker-leaderboard .help-button {
        align-self: flex-end;
        inset: 0;
        position: static;
    }
}

.my-learning .barker-leaderboard .league-images,
.profile-body .barker-leaderboard .league-images {
    align-items: center;
    display: flex;
    gap: 32px;
    justify-content: center;
    margin: 32px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.my-learning .barker-leaderboard .league-images::after,
.profile-body .barker-leaderboard .league-images::after {
    background-image: linear-gradient(
        to right,
        var(--base-surface-color) 0%,
        var(--base-surface-color) 10%,
        transparent 40%,
        transparent 60%,
        var(--base-surface-color) 90%,
        var(--base-surface-color) 100%
    );
    content: "";
    inset: -24px;
    pointer-events: none;
    position: absolute;
}

.my-learning .barker-leaderboard .league-images > img,
.profile-body .barker-leaderboard .league-images > img {
    filter: drop-shadow(4px 4px 4px var(--hairline-color));
    width: 128px;
    transition: transform 0.2s;
}

.my-learning .barker-leaderboard .league-images > *:first-child,
.profile-body .barker-leaderboard .league-images > *:first-child {
    transform: perspective(400px) rotate3d(0, 1, 0, -30deg) translateZ(-30px);
    width: 128px;
}

.my-learning .barker-leaderboard .league-images > *:first-child:hover,
.profile-body .barker-leaderboard .league-images > *:first-child:hover {
    transform: scale(1.1) perspective(400px) rotate3d(0, 1, 0, -30deg)
        translateZ(-30px);
}

.my-learning .barker-leaderboard .league-images > .current,
.profile-body .barker-leaderboard .league-images > .current {
    width: 160px;
    transform: perspective(400px) translateZ(20px);
    z-index: 1;
}

.my-learning .barker-leaderboard .league-images > .current:hover,
.profile-body .barker-leaderboard .league-images > .current:hover {
    transform: scale(1.1) perspective(400px) translateZ(20px);
}

.my-learning .barker-leaderboard .league-images > *:last-child,
.profile-body .barker-leaderboard .league-images > *:last-child {
    transform: perspective(400px) rotate3d(0, 1, 0, 30deg) translateZ(-30px);
    width: 128px;
}

.my-learning .barker-leaderboard .league-images > *:last-child:hover,
.profile-body .barker-leaderboard .league-images > *:last-child:hover {
    transform: scale(1.1) perspective(400px) rotate3d(0, 1, 0, 30deg)
        translateZ(-30px);
}

.my-learning .barker-leaderboard .league-images > *,
.profile-body .barker-leaderboard .league-images > * {
    flex-shrink: 0;
}

.my-learning .barker-leaderboard .promotion-info,
.profile-body .barker-leaderboard .promotion-info {
    color: var(--medium-text-on-surface-color);
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 10px;
}

.my-learning .barker-leaderboard .demotion-info,
.profile-body .barker-leaderboard .demotion-info {
    color: var(--light-text-on-surface-color);
    font-size: 16px;
    font-weight: 400;
}

.my-learning .barker-leaderboard .time-remaining,
.profile-body .barker-leaderboard .time-remaining {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 24px;
}

.my-learning .barker-leaderboard .time-remaining.soon,
.profile-body .barker-leaderboard .time-remaining.soon {
    color: var(--caution-color);
}

.my-learning .barker-leaderboard .time-remaining.very-soon,
.profile-body .barker-leaderboard .time-remaining.very-soon {
    color: var(--warn-color);
}

.my-learning .barker-leaderboard table.leaderboard,
.profile-body .barker-leaderboard table.leaderboard {
    border-collapse: separate;
    border-spacing: 0;
    width: auto;
}

.my-learning .barker-leaderboard table.leaderboard td,
.profile-body .barker-leaderboard table.leaderboard td {
    padding: 12px;
}

.my-learning .barker-leaderboard table.leaderboard td.rank,
.profile-body .barker-leaderboard table.leaderboard td.rank {
    color: var(--light-text-on-surface-color);
    font-weight: 700;
    text-align: center;
}

.my-learning .barker-leaderboard table.leaderboard td.avatar,
.profile-body .barker-leaderboard table.leaderboard td.avatar {
    display: flex;
}

.my-learning .barker-leaderboard table.leaderboard td.name,
.profile-body .barker-leaderboard table.leaderboard td.name {
    font-size: 16px;
    min-width: min(500px, 40vw);
}

.my-learning .barker-leaderboard table.leaderboard td.points,
.profile-body .barker-leaderboard table.leaderboard td.points {
    font-size: 16px;
    font-weight: 500;
    text-align: right;
}

.my-learning .barker-leaderboard table.leaderboard td #current-user-name,
.profile-body .barker-leaderboard table.leaderboard td #current-user-name {
    border-bottom: 1px dotted black;
}

.my-learning .barker-leaderboard table.leaderboard tr.promote,
.my-learning .barker-leaderboard table.leaderboard tr.demote,
.profile-body .barker-leaderboard table.leaderboard tr.promote,
.profile-body .barker-leaderboard table.leaderboard tr.demote {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.my-learning .barker-leaderboard table.leaderboard tr.promote span,
.my-learning .barker-leaderboard table.leaderboard tr.demote span,
.profile-body .barker-leaderboard table.leaderboard tr.promote span,
.profile-body .barker-leaderboard table.leaderboard tr.demote span {
    margin: 0 12px;
    vertical-align: middle;
}

.my-learning .barker-leaderboard table.leaderboard tr.promote ql-icon,
.my-learning .barker-leaderboard table.leaderboard tr.demote ql-icon,
.profile-body .barker-leaderboard table.leaderboard tr.promote ql-icon,
.profile-body .barker-leaderboard table.leaderboard tr.demote ql-icon {
    vertical-align: middle;
}

.my-learning .barker-leaderboard table.leaderboard tr.promote,
.profile-body .barker-leaderboard table.leaderboard tr.promote {
    background: #e6f4ea;
    color: #0d652d;
}

.my-learning .barker-leaderboard table.leaderboard tr.demote,
.profile-body .barker-leaderboard table.leaderboard tr.demote {
    background: #fce8e6;
    color: #a50e0e;
}

.my-learning .barker-leaderboard table.leaderboard tr.current-user,
.profile-body .barker-leaderboard table.leaderboard tr.current-user {
    background: var(--primary-surface-color-lightest);
}

.my-learning .barker-leaderboard .cohort-pending,
.my-learning .barker-leaderboard .leaderboards-paused,
.profile-body .barker-leaderboard .cohort-pending,
.profile-body .barker-leaderboard .leaderboards-paused {
    margin-top: 32px;
    text-align: center;
}

.my-learning .barker-leaderboard .cohort-pending ql-progress-bar,
.my-learning .barker-leaderboard .leaderboards-paused ql-progress-bar,
.profile-body .barker-leaderboard .cohort-pending ql-progress-bar,
.profile-body .barker-leaderboard .leaderboards-paused ql-progress-bar {
    margin-bottom: 8px;
}

.group-members-body .team-assign {
    --dialog-width: 420px;
}

.organization-members-show-body ql-toolbar.app-toolbar {
    border-bottom: none;
}

.organization-members-show-body .activity-stats {
    display: flex;
    gap: 24px;
    margin: 0 auto 48px auto;
    max-width: 920px;
}

.organization-members-show-body .activity-table {
    margin: 0 auto;
    max-width: 920px;
}

.organization-members-show-body .navbar {
    margin: 64px auto 48px auto;
    max-width: 640px;
}

.organization-members-show-body .navbar .tabs {
    justify-content: center;
}

.organization-members-show-body .navbar .tabs ql-tab {
    width: 100%;
}

.organization-members-show-body .top-matter {
    display: flex;
    margin: 0 auto;
    max-width: 720px;
    justify-content: center;
}

.organization-members-show-body .top-matter p.ql-body-medium {
    margin-top: 8px;
    margin-bottom: 0px;
}

.organization-members-show-body .top-matter .member-metadata {
    display: flex;
    flex-direction: column;
    margin-left: 32px;
}

.organization-members-show-body .top-matter .member-metadata ql-button {
    margin-top: 8px;
}

.organization-members-show-body .top-matter .member-metadata .info-chips {
    display: flex;
    gap: 6px;
    margin-bottom: 8px;
}

.organization-members-show-body .top-matter .member-metadata .ql-display-small {
    margin-bottom: 8px;
}

.organization-members-show-body .top-matter .member-metadata .ql-title-medium {
    display: inline-flex;
    margin-right: 34px;
}

.organization-members-show-body
    .top-matter
    .member-metadata
    .ql-title-medium
    ql-icon {
    font-size: 18px;
    margin-right: 4px;
    vertical-align: middle;
}

.organization-membership-table .td:nth-child(1) {
    flex: 2;
}

.organization-membership-table .td:nth-child(2) {
    flex: 1;
}

.organization-membership-table .td:nth-child(3) {
    flex: 1;
}

.organization-membership-table .td:nth-child(4) {
    flex: 0 0 auto;
    width: 64px;
}

.organization-libraries {
    margin-bottom: 32px;
}

.organization-libraries label {
    font-weight: 500;
    margin-bottom: 16px;
}

.organization-libraries .organization-library {
    margin-bottom: 8px;
}

.organization-custom-filter-body .js-custom-filter-filters-form {
    margin: 24px 0;
}

.organization-custom-filter-body .mdl-checkbox__label {
    align-items: center;
    display: inline-flex;
}

.organization-custom-filter-body .list-item__header,
.organization-custom-filter-body .list-item__details {
    padding-left: 0px;
}

.organization-custom-filter-body .custom__filter__wrapper {
    max-width: 800px;
}

.organization-featured-content-body
    .standard-main-container
    > ql-drawer-content {
    left: 288px;
    overflow: scroll;
    position: fixed;
    top: 0px;
    width: calc(100% - 288px);
}

.organization-featured-content-body
    .catalog-activities-and-filters
    > ql-drawer-container {
    display: flex;
    flex-direction: row;
    row-gap: 0;
}

.organization-featured-content-body main {
    top: 64px;
}

.organization-featured-content-body .catalog-wrapper > *:not(:last-child) {
    margin-bottom: 64px;
}

.organization-terms iframe {
    min-height: 800px;
}

.organization-terms .actions {
    display: flex;
    gap: 18px;
    justify-content: flex-end;
    padding: 16px;
}

.license_tooltip {
    position: relative;
    display: inline-block;
}

.license_tooltip .tip_text {
    visibility: hidden;
    background: rgba(0, 0, 0, 0.72);
    border-radius: 4px;
    color: #e8eaed;
    left: 50%;
    max-width: 120px;
    padding: 4px 8px;
    position: absolute;
    top: 100%;
    transform: translateX(-93%);
    width: max-content;
    z-index: 99999;
}

.license_tooltip:hover .tip_text {
    visibility: visible;
}

.team-check-box {
    margin-bottom: 8px;
}

.team-tabs-container {
    border-bottom: 1px solid #dadce0;
    column-gap: 65px;
    display: flex;
    flex-direction: row;
    justify-content: left;
    margin-bottom: 0px;
    padding: 0px 30px;
}

.team-content-items {
    align-items: stretch;
}

.peer-assignment-body .peer-assignment-content {
    display: flex;
    height: 100%;
    overflow: auto;
    padding: 32px;
}

.peer-assignment-body .tabs-container {
    justify-content: flex-start;
    margin-bottom: 32px;
}

.peer-assignment-body .peer-assignment-collapsible {
    --header-border: 0px;
    border: 1px solid #dee0e4;
    border-radius: 8px;
    margin-bottom: 16px;
}

.peer-assignment-body .peer-assignment-collapsible .collapsible {
    padding: 0 24px;
}

.peer-assignment-body .peer-assignment-collapsible .header {
    border: 0px;
    margin-bottom: 0px;
    width: 100%;
}

.peer-assignment-body .peer-assignment-collapsible .header .status {
    display: flex;
    position: absolute;
    right: 12px;
}

.peer-assignment-body .peer-assignment-collapsible .header .status ql-icon {
    color: #1e8e3e;
    margin-right: 8px;
}

.peer-assignment-body
    .peer-assignment-collapsible
    .feedback-section
    .no-feedback {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.peer-assignment-body .form-row.radio-btn {
    margin-bottom: 0.75rem;
}

.peer-assignment-body .file-input-div {
    border: 1px solid #dadada;
    border-radius: 4px;
    padding: 18px;
    width: fit-content;
}

.peer-assignment-body .submission-preview-div {
    border: 1px solid #dadada;
    border-radius: 4px;
    margin: 12px 0;
    padding: 18px;
}

.peer-assignment-body .submission-preview-div .attachment {
    align-items: center;
    display: flex;
}

.peer-assignment-body .header {
    border: 1px solid #dee0e4;
    border-radius: 8px;
    margin-bottom: 16px;
}

.peer-assignment-body .header ql-toggle-button {
    color: var(--base-text-on-surface-color);
}

.peer-assignment-body .header ql-toggle-button.open-drawer-button {
    margin-top: -24px;
    position: absolute;
    right: 16px;
    top: 50%;
}

.peer-assignment-body .header .status {
    display: flex;
    position: absolute;
    right: 72px;
}

.peer-assignment-body .header .status ql-icon {
    color: #1e8e3e;
    margin-right: 8px;
}

.peer-assignment-body .peer-review-panel-drawer {
    background: #f1f3f4;
    overflow: scroll;
    width: 80%;
}

.peer-assignment-body .peer-review-panel-drawer .header {
    background: white;
    border: 0px;
    border-radius: 0px;
    height: 64px;
    margin-bottom: 0px;
}

.peer-assignment-body .peer-review-panel-drawer .header.peer-review-header {
    border-bottom: 1px solid #dee0e4;
    position: sticky;
    top: 0;
    z-index: 1;
}

.peer-assignment-body .peer-review-panel-drawer .header ql-button {
    position: absolute;
    right: 24px;
}

.peer-assignment-body .peer-review-panel-drawer .assignments,
.peer-assignment-body .peer-review-panel-drawer .instructions {
    border-radius: 8px;
    margin: 24px;
}

.peer-assignment-body .peer-review-panel-drawer .assignments .collapsible,
.peer-assignment-body .peer-review-panel-drawer .instructions .collapsible {
    padding-bottom: 24px;
}

.peer-assignment-body ql-drawer-container {
    overflow: visible;
}

.peer-assignment-body .edit_peer_assignment_reflection_response textarea {
    height: 200px;
}

.peer-assignment-body .assignment-incomplete {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.peer-assignment-body .assignment-incomplete img {
    margin: 24px 0px;
}

.peer-assignment-body .review-button {
    margin: 20px 0;
}

.peer-assignment-body .review-button-label {
    display: flex;
}

.peer-assignment-body .review-button-label ql-icon {
    margin-left: 4px;
}

.peer-assignment-body ql-tab-group {
    width: 100%;
}

.peer-assignment-body .score {
    align-items: center;
    display: flex;
    height: 16px;
    margin-bottom: 24px;
}

.peer-assignment-body .score ql-icon-button {
    --icon-size: 16px;
    --mdc-ripple-focus-opacity: 0;
    --mdc-ripple-hover-opacity: 0;
    --mdc-ripple-press-opacity: 0;
    margin-left: -12px;
}

.peer-assignment-body.with-sidebar .course-activity .primary {
    flex-grow: 1;
    height: fit-content;
    margin-right: 32px;
    position: relative;
    padding: 32px;
}

.peer-assignment-body.with-sidebar .course-activity .sidebar {
    display: flex;
    flex-direction: column;
    height: fit-content;
    position: sticky;
    top: 0px;
}

.peer-assignment-body.with-sidebar .course-activity .secondary {
    border: 1px solid #dadce0;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 24px;
    width: 300px;
}

.peer-assignment-body.with-sidebar .course-activity .secondary .title {
    align-items: center;
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.peer-assignment-body.with-sidebar .course-activity .secondary .assignments {
    display: flex;
    flex-direction: column;
}

.peer-assignment-body.with-sidebar .course-activity .secondary ql-button {
    --button-width: 100%;
    display: block;
    margin-bottom: 12px;
}

.peer-assignment-body.with-sidebar
    .course-activity
    .secondary
    .ql-headline-medium.passed {
    color: #137333;
}

.peer-assignment-body.with-sidebar
    .course-activity
    .secondary
    .ql-headline-medium.pending {
    color: #5f6368;
}

.peer-assignment-body.with-sidebar
    .course-activity
    .secondary
    .ql-headline-medium.failed {
    color: #c5221f;
}

.peer-assignment-body.with-sidebar
    .course-activity
    .secondary
    .peer-review-panel-drawer {
    height: 100%;
}

.peer-assignment-body.with-sidebar
    .course-activity
    .secondary
    .peer-review-panel-drawer
    .peer-review-panel-drawer-content {
    height: fit-content;
}

.peer-assignment-body.with-sidebar
    .course-activity
    .secondary
    .peer-review-panel-drawer
    .peer-review-panel-drawer-content
    .header {
    margin-bottom: 0px;
}

.peer-assignment-body.with-sidebar
    .course-activity
    .secondary
    .peer-review-panel-drawer
    .peer-review-panel-drawer-content
    .content {
    background: white;
    box-shadow: var(--elevation-2);
    border-radius: 8px;
    height: fit-content;
    margin: 12px;
    padding: 24px;
}

.peer-assignment-body.with-sidebar .course-activity .instructions {
    margin-bottom: 48px;
}

.peer-assignment-body.with-sidebar .course-activity .instructions h2 {
    margin-top: 16px;
}

.peer-assignment-body.with-sidebar
    .course-activity
    .instructions
    .lab-content__renderable-instructions {
    margin-top: -60px;
    max-width: initial;
}

.peer-assignment-body.with-sidebar .course-activity .next-activity {
    align-self: center;
}

.profile-avatar {
    margin-top: 20px;
}

.profile-badge {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 32px;
}

.profile-badges {
    column-gap: 24px;
    display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 160px;
    margin-top: 32px;
    row-gap: 24px;
}

@media (max-width: 1032px) {
    .profile-badges {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 688px) {
    .profile-badges {
        grid-template-columns: 1fr;
    }
}

.profile-badge .badge-image {
    align-items: center;
    display: flex;
    height: 260px;
    justify-content: center;
    width: 240px;
}

.profile-badge .badge-image img {
    width: 100%;
}

.profile-league {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
}

ul.other-settings-list {
    list-style-type: none;
    padding-left: 0;
}

.members-search {
    margin-bottom: 25px;
}

.tabs-container {
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid #dadce0;
    column-gap: 65px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-bottom: 0px;
    padding: 0px 30px;
}

.program-resources-body .card--group {
    display: flex;
    padding: 0 16px;
}

.program-resources-body .card--group ql-list-item {
    min-width: 100%;
}

.program-resources-body .card--group ql-list-item p {
    margin-bottom: 0px;
}

.program-resources-body .card--group ql-list-item p.text {
    font-size: 14px;
}

.program-resources-body .card--group ql-icon {
    color: #747775;
}

.program-resources-body .card--group ql-icon-button {
    color: #5f6368;
}

.quest-body ql-dialog {
    --dialog-width: 600px;
}

.quest-body ql-dialog ql-button {
    margin: inherit;
}

.quest-body .quest__badge {
    display: block;
    margin: 0 auto;
    opacity: 0.333;
    width: 75%;
}

.quest-body .quest__badge--complete {
    opacity: 1;
}

.quest-body .quest__step {
    position: relative;
}

.quest-body .quest__step:after {
    position: absolute;
    top: 32px;
    right: auto;
    bottom: auto;
    left: 0;
    width: 26px;
    height: 26px;
    background: white;
    border: 2px solid #dadce0;
    border-radius: 50%;
    content: "";
    display: block;
}

.quest-body .quest__step:before {
    position: absolute;
    top: 32px;
    right: nil;
    bottom: nil;
    left: 14px;
    width: 0px;
    height: 100%;
    border-right: 2px solid #dadce0;
    content: "";
    display: block;
}

.quest-body .quest__step:last-child:before {
    display: none;
}

.quest-body .quest__step:not(:last-child) {
    padding-bottom: 40px;
}

.quest-body .quest__step--optional:after {
    border-style: dotted;
}

.quest-body .quest__step--optional:before {
    border-right-style: dotted;
}

.quest-body .quest__step--complete:after {
    align-items: center;
    display: flex;
    justify-content: center;
    background: var(--success-color);
    border-color: var(--success-color);
    color: white;
    content: "check";
    font-family: "Material Icons";
    font-size: 24px;
}

.quest-body .quest__step--complete.quest__step--optional:after {
    border-color: white;
}

.quest-body .quest__step--tested_out:after {
    align-items: center;
    display: flex;
    justify-content: center;
    background: white;
    border-color: var(--success-color);
    color: var(--success-color);
    content: "skip_next";
    font-family: "Material Icons";
    font-size: 24px;
}

.quest-body .quest__step__lab {
    padding-left: 50px;
    position: relative;
}

.quest-body .quest__step__lab + .quest__step__lab:before {
    display: block;
    color: #5f6368;
    content: attr(optional_or);
    font-family: var(--md-ref-typeface-brand);
    font-weight: 700;
    font-size: 14px;
    margin: 16px 0;
}

.quest-body .quest__step__lab .catalog-item {
    margin-bottom: 0px;
}

.quest-body .quest__more h2 {
    margin-bottom: 16px;
    margin-top: 32px;
}

.quest-body .quest__more ul {
    padding-left: 32px;
}

.quest-body .quest__more li {
    margin-bottom: 8px;
}

.quest-body .quest__read-more {
    margin-top: 24px;
}

.quest-body .quest__steps {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.quest-index .tr {
    position: relative;
}

.quest-index .flex-table__row .td:nth-child(1) {
    flex: 0 0 auto;
    width: 48px;
}

.quest-index .flex-table__row .td:nth-child(2) {
    flex: 3;
}

.quest-index .flex-table__row .td:nth-child(7),
.quest-index .flex-table__row .td:nth-child(8) {
    flex: 0 0 auto;
    width: 56px;
}

.quest-index .classroom-edit-button {
    margin-top: -16px;
    position: absolute;
    right: 24px;
    top: 50%;
}

@media (max-width: 600px) {
    .quest-index .classroom-edit-button {
        display: none;
    }
}

.quiz-body .quiz-wrapper {
    padding-top: 24px;
}

.quiz-body .quiz-wrapper h1,
.quiz-body .quiz-wrapper ql-quiz {
    margin: 0 auto;
    max-width: 640px;
}

.quiz-body .quiz-wrapper ql-quiz {
    min-height: 100%;
}

.quiz-body .quiz-wrapper .quiz-start {
    color: #3c4043;
    font-size: 16px;
}

.quiz-body .quiz-wrapper .quiz-start .quiz-start-header {
    display: flex;
    margin: 24px 0 48px 0;
}

.quiz-body .quiz-wrapper .quiz-start .quiz-start-header div {
    margin-right: 16px;
}

.quiz-body .quiz-wrapper .quiz-start .retake-policy {
    margin: 24px 0 48px 0;
}

.quiz-body .quiz-wrapper .quiz-start .start-button {
    align-items: center;
    color: white;
    display: flex;
    height: 36px;
    justify-content: center;
    letter-spacing: 0.25px;
    width: 113px;
}

.quiz-edit .l-main-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.quiz-edit .quiz__wrapper {
    display: flex;
    flex: 1;
}

.quiz-edit .quiz__details {
    margin-right: 32px;
    min-width: 360px;
    width: 25%;
}

.quiz-edit .quiz__details .mdl-card__edit-title {
    align-items: center;
    display: flex;
}

.quiz-edit .quiz__preview {
    flex: 1;
}

.quiz-edit .quiz__preview .mdl-card {
    border-radius: 8px;
    box-shadow: 0px 1px 6px rgba(32, 33, 36, 0.28);
    height: 100%;
    width: 100%;
}

.quiz-edit .quiz__preview__header {
    align-items: center;
    border-bottom: 1px solid #ddd;
    display: flex;
    height: 64px;
    padding: 12px 32px;
}

.quiz-edit .quiz__preview__header .mdl-typography--title {
    margin-right: 16px;
}

.quiz-edit .quiz__preview__header .ellipsis {
    width: 600px;
}

.quiz-edit .quiz__preview__content {
    margin: 32px;
}

.subscriptions-body main {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.subscriptions-body main > *:not(:last-child) {
    margin-bottom: 80px;
}

.subscriptions-body .top-matter {
    text-align: center;
}

.subscriptions-body .top-matter > *:not(:last-child) {
    margin-bottom: 24px;
}

.subscriptions-body .top-matter p {
    max-width: 800px;
}

.subscriptions-body .top-matter .ql-body-large {
    max-width: 720px;
}

.subscriptions-body .try-it-free {
    background: #e8f0fe;
    border: 1px solid #1a73e8;
    border-radius: 8px;
    padding: 24px;
    text-align: center;
}

.subscriptions-body .try-it-free .ql-body-large {
    max-width: 552px;
}

.subscriptions-body .subscription-options {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-around;
    max-width: 824px;
    width: 100%;
}

.subscriptions-body .subscription-options .subscription-option {
    --card-padding: 40px;
    text-align: center;
    width: 100%;
    max-width: 400px;
}

.subscriptions-body
    .subscription-options
    .subscription-option
    > *:not(:last-child) {
    margin-bottom: 40px;
}

.subscriptions-body .subscription-options .discount {
    height: 26px;
}

.subscriptions-body .subscription-options .benefits {
    display: flex;
    flex-direction: column;
    gap: 12px;
    list-style: none;
    padding: 0;
    text-align: left;
}

.subscriptions-body .subscription-options .benefits li {
    align-items: center;
    display: flex;
}

.subscriptions-body .subscription-options .benefits li ql-icon {
    background: #e6f4ea;
    border-radius: 100%;
    color: #1e8e3e;
    margin-right: 8px;
    padding: 6px;
}

.subscriptions-body .subscription-options .benefits li:not(:last-child) {
    margin-bottom: 2px;
}

.subscriptions-body .purchase-credits {
    text-align: center;
}

.subscriptions-body .purchase-credits > *:not(:last-child) {
    margin-bottom: 8px;
}

.subscriptions-body .learning-plans {
    column-gap: 24px;
    display: grid;
    grid-template-columns: 388px 388px;
    justify-content: center;
    row-gap: 24px;
}

.terms-of-service-body .terms-wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding: 64px 24px;
    text-align: center;
}

.terms-of-service-body .terms-panel {
    height: 300px;
    overflow-y: auto;
    padding: 24px;
    text-align: left;
}

.terms-of-service-body .recaptcha {
    display: flex;
    justify-content: center;
}

.terms-of-service a {
    text-decoration: underline;
}

.terms-of-service p,
.terms-of-service li,
.terms-of-service ol {
    font-family: var(--md-ref-typeface-plain);
    margin: 1.5rem 0;
}

.terms-of-service ol ol {
    padding-left: 1.5rem;
}

.terms-of-service li {
    list-style: decimal;
}

.terms-of-service li li {
    list-style: upper-alpha;
}

.terms-of-service li li li {
    list-style: lower-roman;
}

.terms-of-service .additional ol {
    counter-reset: additem;
}

.terms-of-service .additional li::before {
    content: counter(additem) ".";
    counter-increment: additem;
}

.terms-of-service .additional li li::before {
    content: counters(additem, ".") ".";
    counter-increment: additem;
}

.terms-of-service .additional li {
    display: inherit;
}

.terms-of-service .additional li li {
    list-style: decimal;
}

body.video-body .course-activity .course-activity-content {
    padding: 16px 64px;
}

body.video-body .video-container {
    overflow: hidden;
    border: 1px solid #dadce0;
    padding-bottom: 56.25%;
    position: relative;
}

body.video-body .video-container iframe {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

body.video-body .video-wrapper {
    padding: 4px 16px;
}

body.video-body .video-wrapper h1.video-header {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

/*
 * Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
 * the trix-editor content (whether displayed or under editing). Feel free to incorporate this
 * inclusion directly in any other asset bundle and remove this file.
 *
 *= require trix
*/
/*
 * We need to override trix.css’s image gallery styles to accommodate the
 * <action-text-attachment> element we wrap around attachments. Otherwise,
 * images in galleries will be squished by the max-width: 33%; rule.
*/
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
    flex: 1 0 33%;
    padding: 0 0.5em;
    max-width: 33%;
}

.trix-content
    .attachment-gallery.attachment-gallery--2
    > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment,
.trix-content
    .attachment-gallery.attachment-gallery--4
    > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
    flex-basis: 50%;
    max-width: 50%;
}

.trix-content action-text-attachment .attachment {
    padding: 0 !important;
    max-width: 100% !important;
}

/* Lab custom styling below */
trix-toolbar {
    align-self: flex-start;
}

trix-editor {
    width: 100%;
}

.trix-container {
    flex-direction: column;
    width: 100%;
}

.trix-medium-editor > trix-editor {
    min-height: 10em;
}

.trix-container.disabled > trix-toolbar {
    display: none;
}

.trix-button-group--file-tools {
    display: none !important;
}

trix-editor {
    border: 1px solid #bbb;
    border-radius: 3px;
    margin: 0;
    padding: 0.4em 0.6em;
    min-height: 5em;
    outline: none;
}

trix-toolbar * {
    box-sizing: border-box;
}

trix-toolbar .trix-button-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow-x: auto;
}

trix-toolbar .trix-button-group {
    display: flex;
    margin-bottom: 10px;
    border: 1px solid #bbb;
    border-top-color: #ccc;
    border-bottom-color: #888;
    border-radius: 3px;
}

trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 1.5vw;
}

@media (max-width: 768px) {
    trix-toolbar .trix-button-group:not(:first-child) {
        margin-left: 0;
    }
}

trix-toolbar .trix-button-group-spacer {
    flex-grow: 1;
}

@media (max-width: 768px) {
    trix-toolbar .trix-button-group-spacer {
        display: none;
    }
}

trix-toolbar .trix-button {
    position: relative;
    float: left;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75em;
    font-weight: 600;
    white-space: nowrap;
    padding: 0 0.5em;
    margin: 0;
    outline: none;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    background: transparent;
}

trix-toolbar .trix-button:not(:first-child) {
    border-left: 1px solid #ccc;
}

trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color: black;
}

trix-toolbar .trix-button:not(:disabled) {
    cursor: pointer;
}

trix-toolbar .trix-button:disabled {
    color: rgba(0, 0, 0, 0.125);
}

@media (max-width: 768px) {
    trix-toolbar .trix-button {
        letter-spacing: -0.01em;
        padding: 0 0.3em;
    }
}

trix-toolbar .trix-button--icon {
    font-size: inherit;
    width: 2.6em;
    height: 1.6em;
    max-width: calc(0.8em + 4vw);
    text-indent: -9999px;
}

@media (max-width: 768px) {
    trix-toolbar .trix-button--icon {
        height: 2em;
        max-width: calc(0.8em + 3.5vw);
    }
}

trix-toolbar .trix-button--icon::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 768px) {
    trix-toolbar .trix-button--icon::before {
        right: 6%;
        left: 6%;
    }
}

trix-toolbar .trix-button--icon.trix-active::before {
    opacity: 1;
}

trix-toolbar .trix-button--icon:disabled::before {
    opacity: 0.125;
}

trix-toolbar .trix-button--icon-attach::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    top: 8%;
    bottom: 4%;
}

trix-toolbar .trix-button--icon-bold::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-italic::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-link::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-strike::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-quote::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-heading-1::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-code::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-bullet-list::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-number-list::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-undo::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-redo::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-increase-nesting-level::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-dialogs {
    position: relative;
}

trix-toolbar .trix-dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 0.75em;
    padding: 15px 10px;
    background: #fff;
    box-shadow: 0 0.3em 1em #ccc;
    border-top: 2px solid #888;
    border-radius: 5px;
    z-index: 5;
}

trix-toolbar .trix-input--dialog {
    font-size: inherit;
    font-weight: normal;
    padding: 0.5em 0.8em;
    margin: 0 10px 0 0;
    border-radius: 3px;
    border: 1px solid #bbb;
    background-color: #fff;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

trix-toolbar .trix-input--dialog.validate:invalid {
    box-shadow: #f00 0px 0px 1.5px 1px;
}

trix-toolbar .trix-button--dialog {
    font-size: inherit;
    padding: 0.5em;
    border-bottom: none;
}

trix-toolbar .trix-dialog--link {
    max-width: 600px;
}

trix-toolbar .trix-dialog__link-fields {
    display: flex;
    align-items: baseline;
}

trix-toolbar .trix-dialog__link-fields .trix-input {
    flex: 1;
}

trix-toolbar .trix-dialog__link-fields .trix-button-group {
    flex: 0 0 content;
    margin: 0;
}

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection,
trix-editor [data-trix-mutable] ::-moz-selection {
    background: none;
}

trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection,
trix-editor [data-trix-mutable] ::selection {
    background: none;
}

trix-editor
    .attachment__caption-editor:focus[data-trix-mutable]::-moz-selection {
    background: highlight;
}

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {
    background: highlight;
}

trix-editor [data-trix-mutable].attachment.attachment--file {
    box-shadow: 0 0 0 2px highlight;
    border-color: transparent;
}

trix-editor [data-trix-mutable].attachment img {
    box-shadow: 0 0 0 2px highlight;
}

trix-editor .attachment {
    position: relative;
}

trix-editor .attachment:hover {
    cursor: default;
}

trix-editor .attachment--preview .attachment__caption:hover {
    cursor: text;
}

trix-editor .attachment__progress {
    position: absolute;
    z-index: 1;
    height: 20px;
    top: calc(50% - 10px);
    left: 5%;
    width: 90%;
    opacity: 0.9;
    transition: opacity 200ms ease-in;
}

trix-editor .attachment__progress[value="100"] {
    opacity: 0;
}

trix-editor .attachment__caption-editor {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit;
    text-align: center;
    vertical-align: top;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

trix-editor .attachment__toolbar {
    position: absolute;
    z-index: 1;
    top: -0.9em;
    left: 0;
    width: 100%;
    text-align: center;
}

trix-editor .trix-button-group {
    display: inline-flex;
}

trix-editor .trix-button {
    position: relative;
    float: left;
    color: #666;
    white-space: nowrap;
    font-size: 80%;
    padding: 0 0.8em;
    margin: 0;
    outline: none;
    border: none;
    border-radius: 0;
    background: transparent;
}

trix-editor .trix-button:not(:first-child) {
    border-left: 1px solid #ccc;
}

trix-editor .trix-button.trix-active {
    background: #cbeefa;
}

trix-editor .trix-button:not(:disabled) {
    cursor: pointer;
}

trix-editor .trix-button--remove {
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    outline: none;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid highlight;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}

trix-editor .trix-button--remove::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
}

trix-editor .trix-button--remove:hover {
    border-color: #333;
}

trix-editor .trix-button--remove:hover::before {
    opacity: 1;
}

trix-editor .attachment__metadata-container {
    position: relative;
}

trix-editor .attachment__metadata {
    position: absolute;
    left: 50%;
    top: 2em;
    transform: translate(-50%, 0);
    max-width: 90%;
    padding: 0.1em 0.6em;
    font-size: 0.8em;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 3px;
}

trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

trix-editor .attachment__metadata .attachment__size {
    margin-left: 0.2em;
    white-space: nowrap;
}

.trix-content {
    line-height: 1.5;
}

.trix-content * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2;
}

.trix-content blockquote {
    border: 0 solid #ccc;
    border-left-width: 0.3em;
    margin-left: 0.3em;
    padding-left: 0.6em;
}

.trix-content [dir="rtl"] blockquote,
.trix-content blockquote[dir="rtl"] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em;
}

.trix-content li {
    margin-left: 1em;
}

.trix-content [dir="rtl"] li {
    margin-right: 1em;
}

.trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto;
}

.trix-content img {
    max-width: 100%;
    height: auto;
}

.trix-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%;
}

.trix-content .attachment a {
    color: inherit;
    text-decoration: none;
}

.trix-content .attachment a:hover,
.trix-content .attachment a:visited:hover {
    color: inherit;
}

.trix-content .attachment__caption {
    text-align: center;
}

.trix-content
    .attachment__caption
    .attachment__name
    + .attachment__size::before {
    content: " •";
}

.trix-content .attachment--preview {
    width: 100%;
    text-align: center;
}

.trix-content .attachment--preview .attachment__caption {
    color: #666;
    font-size: 0.9em;
    line-height: 1.2;
}

.trix-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px;
}

.trix-content .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.trix-content .attachment-gallery .attachment {
    flex: 1 0 33%;
    padding: 0 0.5em;
    max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 .attachment,
.trix-content .attachment-gallery.attachment-gallery--4 .attachment {
    flex-basis: 50%;
    max-width: 50%;
}

.tippy-box[data-animation="fade"][data-state="hidden"] {
    opacity: 0;
}

[data-tippy-root] {
    max-width: calc(100vw - 10px);
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^="top"] > .tippy-arrow {
    bottom: 0;
}

.tippy-box[data-placement^="top"] > .tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top;
}

.tippy-box[data-placement^="bottom"] > .tippy-arrow {
    top: 0;
}

.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom;
}

.tippy-box[data-placement^="left"] > .tippy-arrow {
    right: 0;
}

.tippy-box[data-placement^="left"] > .tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left;
}

.tippy-box[data-placement^="right"] > .tippy-arrow {
    left: 0;
}

.tippy-box[data-placement^="right"] > .tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right;
}

.tippy-box[data-inertia][data-state="visible"] {
    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333;
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1;
}
.outline-container .ql-label-small {
    color: #1a73e8;
    font-weight: 700;
    padding: 20px 0px 24px 0px;
}

/* Keep this after the scraped stylesheet so its legacy menu/layout rules
   cannot pull the active control back to the left edge. */
@media (min-width: 601px) {
    .native-lab-control-panel.is-running {
        position: fixed !important;
        left: calc(75vw - 25px) !important;
        right: auto !important;
        transform: none !important;
    }
}