@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 */
}

/* 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);
  }
}
/* Qwiklabs 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;
}

.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: rgba(31, 31, 31, 1);
  --md-state-layers-on-primary-color: rgba(4, 30, 73, 1);
  --md-state-layers-on-secondary-color: rgba(0, 29, 53, 1);
  --md-state-layers-on-tertiary-color: rgba(7, 39, 17, 1);
  --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);
}

/**
 * @license
 * Copyright (c) 2015–2020, Miriam Suzanne.
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are
 * met:
 *
 * * Redistributions of source code must retain the above copyright
 *   notice, this list of conditions and the following disclaimer.
 * * Redistributions in binary form must reproduce the above
 *   copyright notice, this list of conditions and the following
 *   disclaimer in the documentation and/or other materials provided
 *   with the distribution.
 * * Neither the name of the author nor the names of other
 *   contributors may be used to endorse or promote products derived
 *   from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
/**
 * @license
 * Copyright (c) 2015–2020, Miriam Suzanne.
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are
 * met:
 *
 * * Redistributions of source code must retain the above copyright
 *   notice, this list of conditions and the following disclaimer.
 * * Redistributions in binary form must reproduce the above
 *   copyright notice, this list of conditions and the following
 *   disclaimer in the documentation and/or other materials provided
 *   with the distribution.
 * * Neither the name of the author nor the names of other
 *   contributors may be used to endorse or promote products derived
 *   from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
/**
 * @license
 * Copyright (c) 2015–2020, Miriam Suzanne.
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are
 * met:
 *
 * * Redistributions of source code must retain the above copyright
 *   notice, this list of conditions and the following disclaimer.
 * * Redistributions in binary form must reproduce the above
 *   copyright notice, this list of conditions and the following
 *   disclaimer in the documentation and/or other materials provided
 *   with the distribution.
 * * Neither the name of the author nor the names of other
 *   contributors may be used to endorse or promote products derived
 *   from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
.gmTypographyDisplay1 {
  font-family: "Google Sans Display", Roboto, Arial, sans-serif;
  line-height: 4.75rem;
  font-size: 4rem;
  letter-spacing: 0em;
  font-weight: 400;
}

.gmTypographyDisplay2 {
  font-family: "Google Sans Display", Roboto, Arial, sans-serif;
  line-height: 4rem;
  font-size: 3.5rem;
  letter-spacing: 0em;
  font-weight: 400;
}

.gmTypographyDisplay3 {
  font-family: "Google Sans Display", Roboto, Arial, sans-serif;
  line-height: 3.25rem;
  font-size: 2.75rem;
  letter-spacing: 0em;
  font-weight: 400;
}

.gmTypographyHeadline1 {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 2.75rem;
  font-size: 2.25rem;
  letter-spacing: 0em;
  font-weight: 400;
}

.gmTypographyHeadline2 {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 2.5rem;
  font-size: 2rem;
  letter-spacing: 0em;
  font-weight: 400;
}

.gmTypographyHeadline3 {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 2.25rem;
  font-size: 1.75rem;
  letter-spacing: 0em;
  font-weight: 400;
}

.gmTypographyHeadline4 {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 2rem;
  font-size: 1.5rem;
  letter-spacing: 0em;
  font-weight: 400;
}

.gmTypographyHeadline5 {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 1.75rem;
  font-size: 1.375rem;
  letter-spacing: 0em;
  font-weight: 400;
}

.gmTypographyHeadline6 {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1.125rem;
  letter-spacing: 0em;
  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;
}

:root {
  --primary-text-on-surface-color: rgb(26, 115, 232);
  --primary-text-on-surface-color-dark: rgb(25, 103, 210);
  --primary-text-on-surface-color-darker: rgb(24, 90, 188);
  --primary-text-on-surface-color-darkest: rgb(23, 78, 166);
  --primary-surface-color: rgb(26, 115, 232);
  --primary-surface-color-dark: rgb(25, 103, 210);
  --primary-surface-color-darker: rgb(24, 90, 188);
  --primary-surface-color-darkest: rgb(23, 78, 166);
  --primary-surface-color-light: rgb(66, 133, 244);
  --primary-surface-color-lighter: rgb(102, 157, 246);
  --primary-surface-color-lightest: rgb(232, 240, 254);
  --text-on-primary-color: #fff;
  --accent-text-on-surface-color: rgb(242, 153, 0);
  --accent-surface-color: rgb(249, 171, 0);
  --accent-surface-color-dark: rgb(242, 153, 0);
  --accent-surface-color-darker: rgb(234, 134, 0);
  --accent-surface-color-darkest: rgb(227, 116, 0);
  --text-on-accent-color: rgb(32, 33, 36);
  --caution-color: rgb(249, 171, 0);
  --warn-color: rgb(217, 48, 37);
  --success-color: rgb(24, 128, 56);
  --hairline-color: rgb(218, 220, 224);
  --base-surface-color: #fff;
  --base-text-on-surface-color: rgb(32, 33, 36);
  --medium-text-on-surface-color: rgb(60, 64, 67);
  --light-text-on-surface-color: rgb(95, 99, 104);
  --hover-color: rgb(248, 249, 250);
  --focus-color: rgb(232, 240, 254);
  --text-on-focus-color: rgb(24, 90, 188);
  --disabled-content-color: rgba(60, 64, 67, 0.38);
  --disabled-container-color: rgba(60, 64, 67, 0.12);
  --disabled-surface-color: rgb(232, 234, 237);
  --text-on-disabled-surface-color: rgb(95, 99, 104);
  --course-color: #ddf8d8;
  --course-text-color: #006c35;
  --document-color: rgb(32, 33, 36);
  --game-color: #ffecee;
  --game-text-color: #b3251e;
  --lab-color: #fff2b4;
  --lab-text-color: #8f4e06;
  --link-color: rgb(32, 33, 36);
  --quest-color: rgb(30, 142, 62);
  --learning-path-color: #d8f6ff;
  --learning-path-text-color: #00687c;
  --quiz-color: #f7ecfe;
  --quiz-text-color: #7438d2;
  --video-color: #e7f2ff;
  --video-text-color: #1157ce;
  --classroom-color: #ffede1;
  --classroom-text-color: #9a4600;
  --default-text-color: rgb(32, 33, 36);
  --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: 0em;
  font-weight: 400;
}

.gmTypographyDisplay2 {
  font-family: "Google Sans Display", Roboto, Arial, sans-serif;
  line-height: 4rem;
  font-size: 3.5rem;
  letter-spacing: 0em;
  font-weight: 400;
}

.gmTypographyDisplay3 {
  font-family: "Google Sans Display", Roboto, Arial, sans-serif;
  line-height: 3.25rem;
  font-size: 2.75rem;
  letter-spacing: 0em;
  font-weight: 400;
}

.gmTypographyHeadline1 {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 2.75rem;
  font-size: 2.25rem;
  letter-spacing: 0em;
  font-weight: 400;
}

.gmTypographyHeadline2 {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 2.5rem;
  font-size: 2rem;
  letter-spacing: 0em;
  font-weight: 400;
}

.gmTypographyHeadline3 {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 2.25rem;
  font-size: 1.75rem;
  letter-spacing: 0em;
  font-weight: 400;
}

.gmTypographyHeadline4 {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 2rem;
  font-size: 1.5rem;
  letter-spacing: 0em;
  font-weight: 400;
}

.gmTypographyHeadline5 {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 1.75rem;
  font-size: 1.375rem;
  letter-spacing: 0em;
  font-weight: 400;
}

.gmTypographyHeadline6 {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1.125rem;
  letter-spacing: 0em;
  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-typography .ql-display-1,
.ql-display-1 {
  color: var(--base-text-on-surface-color);
  font: var(--display-1-font);
  letter-spacing: var(--display-1-letter-spacing);
}

.ql-typography .ql-display-1[disabled], .ql-typography .ql-display-1.disabled,
.ql-display-1[disabled],
.ql-display-1.disabled {
  color: var(--disabled-content-color);
}

.ql-typography .ql-display-2,
.ql-display-2 {
  color: var(--base-text-on-surface-color);
  font: var(--display-2-font);
  letter-spacing: var(--display-2-letter-spacing);
}

.ql-typography .ql-display-2[disabled], .ql-typography .ql-display-2.disabled,
.ql-display-2[disabled],
.ql-display-2.disabled {
  color: var(--disabled-content-color);
}

.ql-typography .ql-display-3,
.ql-display-3 {
  color: var(--base-text-on-surface-color);
  font: var(--display-3-font);
  letter-spacing: var(--display-3-letter-spacing);
}

.ql-typography .ql-display-3[disabled], .ql-typography .ql-display-3.disabled,
.ql-display-3[disabled],
.ql-display-3.disabled {
  color: var(--disabled-content-color);
}

.ql-typography h1,
.ql-typography .ql-headline-1,
.ql-headline-1 {
  color: var(--base-text-on-surface-color);
  font: var(--headline-1-font);
  letter-spacing: var(--headline-1-letter-spacing);
}

.ql-typography h1[disabled], .ql-typography h1.disabled,
.ql-typography .ql-headline-1[disabled],
.ql-typography .ql-headline-1.disabled,
.ql-headline-1[disabled],
.ql-headline-1.disabled {
  color: var(--disabled-content-color);
}

.ql-typography h2,
.ql-typography .ql-headline-2,
.ql-headline-2 {
  color: var(--base-text-on-surface-color);
  font: var(--headline-2-font);
  letter-spacing: var(--headline-2-letter-spacing);
}

.ql-typography h2[disabled], .ql-typography h2.disabled,
.ql-typography .ql-headline-2[disabled],
.ql-typography .ql-headline-2.disabled,
.ql-headline-2[disabled],
.ql-headline-2.disabled {
  color: var(--disabled-content-color);
}

.ql-typography h3,
.ql-typography .ql-headline-3,
.ql-headline-3 {
  color: var(--base-text-on-surface-color);
  font: var(--headline-3-font);
  letter-spacing: var(--headline-3-letter-spacing);
}

.ql-typography h3[disabled], .ql-typography h3.disabled,
.ql-typography .ql-headline-3[disabled],
.ql-typography .ql-headline-3.disabled,
.ql-headline-3[disabled],
.ql-headline-3.disabled {
  color: var(--disabled-content-color);
}

.ql-typography h4,
.ql-typography .ql-headline-4,
.ql-headline-4 {
  color: var(--base-text-on-surface-color);
  font: var(--headline-4-font);
  letter-spacing: var(--headline-4-letter-spacing);
}

.ql-typography h4[disabled], .ql-typography h4.disabled,
.ql-typography .ql-headline-4[disabled],
.ql-typography .ql-headline-4.disabled,
.ql-headline-4[disabled],
.ql-headline-4.disabled {
  color: var(--disabled-content-color);
}

.ql-typography h5,
.ql-typography .ql-headline-5,
.ql-headline-5 {
  color: var(--base-text-on-surface-color);
  font: var(--headline-5-font);
  letter-spacing: var(--headline-5-letter-spacing);
}

.ql-typography h5[disabled], .ql-typography h5.disabled,
.ql-typography .ql-headline-5[disabled],
.ql-typography .ql-headline-5.disabled,
.ql-headline-5[disabled],
.ql-headline-5.disabled {
  color: var(--disabled-content-color);
}

.ql-typography h6,
.ql-typography .ql-headline-6,
.ql-headline-6 {
  color: var(--base-text-on-surface-color);
  font: var(--headline-6-font);
  letter-spacing: var(--headline-6-letter-spacing);
}

.ql-typography h6[disabled], .ql-typography h6.disabled,
.ql-typography .ql-headline-6[disabled],
.ql-typography .ql-headline-6.disabled,
.ql-headline-6[disabled],
.ql-headline-6.disabled {
  color: var(--disabled-content-color);
}

.ql-typography .ql-subhead-1,
.ql-subhead-1 {
  color: var(--medium-text-on-surface-color);
  font: var(--subhead-1-font);
  letter-spacing: var(--subhead-1-letter-spacing);
}

.ql-typography .ql-subhead-1[disabled], .ql-typography .ql-subhead-1.disabled,
.ql-subhead-1[disabled],
.ql-subhead-1.disabled {
  color: var(--disabled-content-color);
}

.ql-typography .ql-subhead-2,
.ql-subhead-2 {
  color: var(--medium-text-on-surface-color);
  font: var(--subhead-2-font);
  letter-spacing: var(--subhead-2-letter-spacing);
}

.ql-typography .ql-subhead-2[disabled], .ql-typography .ql-subhead-2.disabled,
.ql-subhead-2[disabled],
.ql-subhead-2.disabled {
  color: var(--disabled-content-color);
}

.ql-typography .ql-subtitle-1,
.ql-subtitle-1 {
  font: var(--subtitle-1-font);
  letter-spacing: var(--subtitle-1-letter-spacing);
}

.ql-typography .ql-subtitle-1[disabled], .ql-typography .ql-subtitle-1.disabled,
.ql-subtitle-1[disabled],
.ql-subtitle-1.disabled {
  color: var(--disabled-content-color);
}

.ql-typography .ql-subtitle-2,
.ql-subtitle-2 {
  font: var(--subtitle-2-font);
  letter-spacing: var(--subtitle-2-letter-spacing);
}

.ql-typography .ql-subtitle-2[disabled], .ql-typography .ql-subtitle-2.disabled,
.ql-subtitle-2[disabled],
.ql-subtitle-2.disabled {
  color: var(--disabled-content-color);
}

.ql-typography .ql-overline,
.ql-overline {
  font: var(--overline-font);
  letter-spacing: var(--overline-letter-spacing);
}

.ql-typography .ql-overline[disabled], .ql-typography .ql-overline.disabled,
.ql-overline[disabled],
.ql-overline.disabled {
  color: var(--disabled-content-color);
}

.ql-typography,
.ql-typography p,
.ql-typography li,
.ql-typography .ql-body-1,
.ql-body-1 {
  color: var(--medium-text-on-surface-color);
  font: var(--body-1-font);
  letter-spacing: var(--body-1-letter-spacing);
}

.ql-typography[disabled], .ql-typography.disabled,
.ql-typography p[disabled],
.ql-typography p.disabled,
.ql-typography li[disabled],
.ql-typography li.disabled,
.ql-typography .ql-body-1[disabled],
.ql-typography .ql-body-1.disabled,
.ql-body-1[disabled],
.ql-body-1.disabled {
  color: var(--disabled-content-color);
}

.ql-typography .ql-body-2,
.ql-body-2 {
  color: var(--light-text-on-surface-color);
  font: var(--body-2-font);
  letter-spacing: var(--body-2-letter-spacing);
}

.ql-typography .ql-body-2[disabled], .ql-typography .ql-body-2.disabled,
.ql-body-2[disabled],
.ql-body-2.disabled {
  color: var(--disabled-content-color);
}

.ql-typography caption,
.ql-typography .ql-caption,
.ql-caption {
  font: var(--caption-font);
  letter-spacing: var(--caption-letter-spacing);
}

.ql-typography caption[disabled], .ql-typography caption.disabled,
.ql-typography .ql-caption[disabled],
.ql-typography .ql-caption.disabled,
.ql-caption[disabled],
.ql-caption.disabled {
  color: var(--disabled-content-color);
}

.ql-typography .ql-button-typography,
.ql-button-typography {
  font: var(--button-font);
  letter-spacing: var(--button-letter-spacing);
}

.ql-typography .ql-button-typography[disabled], .ql-typography .ql-button-typography.disabled,
.ql-button-typography[disabled],
.ql-button-typography.disabled {
  color: var(--disabled-content-color);
}

.ql-typography code,
.ql-typography .ql-code-typography,
.ql-code-typography {
  font: var(--code-font);
  letter-spacing: var(--code-letter-spacing);
}

.ql-typography code[disabled], .ql-typography code.disabled,
.ql-typography .ql-code-typography[disabled],
.ql-typography .ql-code-typography.disabled,
.ql-code-typography[disabled],
.ql-code-typography.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);
}

.non-visible-screen-reader-description {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}


* {
  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: 996;
}

/* Positioning for the support callout banners on the old-style layout pages. */
.sticky-for-old-layouts {
  /* Left margin is needed to overcome the 72px left padding on the body
  container, top margin is needed to overcome the bottom padding on the header
  container, bottom margin maintains the 24px spacing between the header/banner
  content and the rest of the page */
  margin: -23px 0px 24px -72px;
  position: sticky;
  top: 64px;
  width: 100vw;
  /* The header container has a z-index of 30, this must be set lower so that
  the account menu opens over the banners rather than behind them. */
  z-index: 29;
  /* This accounts for the changes to the body padding for mobile sizes */
}
@media (max-width: 600px) {
  .sticky-for-old-layouts {
    margin: -23px 0px 24px 0px;
  }
}

.body-container {
  overflow: visible;
}

.body-content {
  min-height: 100vh;
  padding-bottom: 128px;
}

.page-header {
  z-index: 9;
}

.standard-main-container {
  overflow: visible;
  z-index: 9;
}
.standard-main-container .sidenav-drawer {
  height: auto;
  overflow-y: auto;
  padding-right: 24px;
}
.standard-main-container main {
  padding: 24px;
}

@media (max-width: 600px) {
  body.l-full .zEWidget-launcher {
    bottom: 0 !important;
  }
}

html {
  scroll-padding-top: 80px;
  scroll-behavior: smooth;
}

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;
}

#callout-container {
  background: var(--base-surface-color, white);
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.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;
  }
}

@media (max-width: 965px) {
  .hide-tablet,
  .tablet-hide {
    display: none !important;
  }
}

.show-tablet,
.tablet-show {
  display: none !important;
}
@media (max-width: 965px) {
  .show-tablet,
  .tablet-show {
    display: block !important;
  }
}

@media (max-width: 965px) {
  .hide-ipad,
  .ipad-hide {
    display: none !important;
  }
}

.show-ipad,
.ipad-show {
  display: none !important;
}
@media (max-width: 965px) {
  .show-ipad,
  .ipad-show {
    display: block !important;
  }
}

.no-padding {
  padding: 0px !important;
}

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

.learner-profile-body {
  margin: 0 auto;
  max-width: 1400px;
}
.learner-profile-body .profile-badges {
  grid-template-columns: repeat(auto-fit, 1fr);
}

@media not (max-width: 600px) {
  #g_id_onload {
    position: fixed;
    right: 15px;
    top: 70px;
  }
}
.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;
}

#age-gate-modal {
  --dialog-color: #E9EEF6;
  padding-bottom: 0px;
}
#age-gate-modal .title {
  margin-bottom: 16px;
}
#age-gate-modal ql-icon {
  color: #00639B;
}
#age-gate-modal select {
  background-color: #E9EEF6;
}
#age-gate-modal .control-group.integer label,
#age-gate-modal .control-group.select label {
  background: #E9EEF6;
}
#age-gate-modal .form-row .control-group:not(:last-of-type) {
  margin-right: 12px;
}
#age-gate-modal .form-row.buttons {
  justify-content: flex-end;
}
#age-gate-modal .month {
  flex: 2;
}
#age-gate-modal .day {
  flex: 1;
}
#age-gate-modal .year {
  flex: 1.5;
}

.form-row.age-gate-fields {
  align-items: flex-start;
}
.form-row.age-gate-fields .control-group.integer label,
.form-row.age-gate-fields .control-group.select label {
  top: -13px;
}
.form-row.age-gate-fields select {
  border-color: var(--md-sys-color-outline);
}
.form-row.age-gate-fields select:focus {
  border-color: var(--primary-text-on-surface-color);
  border-width: 3px;
}

#age-verified-modal {
  --dialog-width: 380px;
}
#age-verified-modal .age-verified-header ql-icon {
  color: #188038;
}
#age-verified-modal ql-button {
  --button-width: 100%;
  padding: 0 16px 16px;
}

.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: 997;
  outline: 1px solid transparent;
}
.alert a {
  text-decoration: underline;
  transition: all 0.1s ease-in-out;
  color: var(--text-on-primary-color);
  cursor: pointer;
  text-decoration: none;
}
.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;
  width: fit-content;
}
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:not(ql-button) {
  --button-color: var(--md-sys-color-primary);
  align-items: center;
  background-color: var(--button-color, #1A73E8);
  border: none;
  border-radius: 20px;
  box-shadow: none;
  box-sizing: border-box;
  color: var(--text-on-primary-color);
  display: inline-flex;
  font: var(--button-font);
  height: 40px;
  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:not(ql-button).button--positive, .button:not(ql-button)[positive] {
  --button-color: var(--success-color);
}
.button:not(ql-button).button--negative, .button:not(ql-button)[negative] {
  --button-color: var(--warn-color);
}
.button:not(ql-button).button--accent, .button:not(ql-button)[accent] {
  --button-color: var(--accent-surface-color);
  color: var(--text-on-accent-color);
}
.button:not(ql-button).button--full-width, .button:not(ql-button)[full-width] {
  width: 100%;
}
.button:not(ql-button).button--large, .button:not(ql-button)[large] {
  height: 56px;
  padding: 0 48px;
}
.button:not(ql-button).button--small, .button:not(ql-button)[small] {
  height: 24px;
  min-width: 0;
  padding: 0 12px;
}
.button:not(ql-button):before, .button:not(ql-button):after {
  background-color: #202124;
  border-radius: 20px;
  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:not(ql-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:not(ql-button):hover:not(:disabled):before {
  opacity: 0.16;
}
.button:not(ql-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:not(ql-button):active:not(:disabled):after {
  opacity: 0.2;
}
.button:not(ql-button):focus:not(:disabled):before {
  opacity: 0.24;
}
.button:not(ql-button):disabled, .button:not(ql-button)[disabled] {
  background-color: rgba(60, 64, 67, 0.12);
  color: rgba(60, 64, 67, 0.38);
  cursor: default;
}
.button:not(ql-button).button--hairline, .button:not(ql-button)[hairline] {
  background-color: transparent;
  border: 1px solid var(--hairline-color);
  color: var(--primary-text-on-surface-color);
  padding: 0 24px;
}
.button:not(ql-button).button--hairline:before, .button:not(ql-button).button--hairline:after, .button:not(ql-button)[hairline]:before, .button:not(ql-button)[hairline]:after {
  background-color: var(--button-color);
}
.button:not(ql-button).button--hairline:hover:not(:disabled), .button:not(ql-button)[hairline]:hover:not(:disabled) {
  box-shadow: none;
}
.button:not(ql-button).button--hairline:hover:not(:disabled):before, .button:not(ql-button)[hairline]:hover:not(:disabled):before {
  opacity: 0.04;
}
.button:not(ql-button).button--hairline:active:not(:disabled), .button:not(ql-button)[hairline]:active:not(:disabled) {
  box-shadow: none;
}
.button:not(ql-button).button--hairline:active:not(:disabled):after, .button:not(ql-button)[hairline]:active:not(:disabled):after {
  opacity: 0.12;
}
.button:not(ql-button).button--hairline:focus:not(:disabled), .button:not(ql-button)[hairline]:focus:not(:disabled) {
  border-color: var(--button-color);
}
.button:not(ql-button).button--hairline:focus:not(:disabled):before, .button:not(ql-button)[hairline]:focus:not(:disabled):before {
  opacity: 0.12;
}
.button:not(ql-button).button--hairline:disabled, .button:not(ql-button).button--hairline[disabled], .button:not(ql-button)[hairline]:disabled, .button:not(ql-button)[hairline][disabled] {
  border-color: rgba(60, 64, 67, 0.12);
  color: rgba(60, 64, 67, 0.38);
}
.button:not(ql-button).button--text, .button:not(ql-button).button--cancel, .button:not(ql-button)[text] {
  background-color: transparent;
  border: none;
  color: var(--button-color);
  padding: 0 8px;
}
.button:not(ql-button).button--text:before, .button:not(ql-button).button--text:after, .button:not(ql-button).button--cancel:before, .button:not(ql-button).button--cancel:after, .button:not(ql-button)[text]:before, .button:not(ql-button)[text]:after {
  background-color: var(--button-color);
}
.button:not(ql-button).button--text:hover:not(:disabled), .button:not(ql-button).button--cancel:hover:not(:disabled), .button:not(ql-button)[text]:hover:not(:disabled) {
  box-shadow: none;
}
.button:not(ql-button).button--text:hover:not(:disabled):before, .button:not(ql-button).button--cancel:hover:not(:disabled):before, .button:not(ql-button)[text]:hover:not(:disabled):before {
  opacity: 0.04;
}
.button:not(ql-button).button--text:active:not(:disabled), .button:not(ql-button).button--cancel:active:not(:disabled), .button:not(ql-button)[text]:active:not(:disabled) {
  box-shadow: none;
}
.button:not(ql-button).button--text:active:not(:disabled):after, .button:not(ql-button).button--cancel:active:not(:disabled):after, .button:not(ql-button)[text]:active:not(:disabled):after {
  opacity: 0.12;
}
.button:not(ql-button).button--text:focus:not(:disabled):before, .button:not(ql-button).button--cancel:focus:not(:disabled):before, .button:not(ql-button)[text]:focus:not(:disabled):before {
  opacity: 0.12;
}
.button:not(ql-button).button--text:disabled, .button:not(ql-button).button--text[disabled], .button:not(ql-button).button--cancel:disabled, .button:not(ql-button).button--cancel[disabled], .button:not(ql-button)[text]:disabled, .button:not(ql-button)[text][disabled] {
  color: rgba(60, 64, 67, 0.38);
}
.button:not(ql-button).button--inverted, .button:not(ql-button)[inverted] {
  background-color: var(--base-surface-color);
  border: none;
  color: var(--primary-text-on-surface-color);
}
.button:not(ql-button) ql-icon, .button:not(ql-button) i {
  height: 18px;
  font-size: 18px;
  margin-left: -4px;
  margin-right: 8px;
  width: 18px;
}

ql-button.button--full-width, ql-button.button[full-width] {
  --button-width: 100%;
}

.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 (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 md-outlined-text-field[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 {
  align-items: start;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 960px;
}
.learner-catalog-body .catalog-wrapper > *:not(:last-child) {
  margin-bottom: 64px;
}
.learner-catalog-body .catalog-wrapper.wider {
  max-width: 1300px;
}
.learner-catalog-body .catalog-intro > *:not(:last-child) {
  margin-bottom: 16px;
}
.learner-catalog-body .catalog-filters-and-search-activities {
  display: grid;
  gap: 40px;
  grid-template-columns: 320px 1fr;
  width: 100%;
}
@media (max-width: 965px) {
  .learner-catalog-body .catalog-filters-and-search-activities {
    grid-template-columns: 1fr;
    justify-content: center;
  }
}
.learner-catalog-body .catalog-filters-and-search-activities .catalog-filters .filter-card {
  border-radius: 8px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.learner-catalog-body .catalog-filters-and-search-activities .catalog-filters .filter-title {
  color: var(--light-text-on-surface-color);
  font-weight: bold;
}
.learner-catalog-body .catalog-filters-and-search-activities .catalog-filters .header {
  justify-content: space-between;
  padding-left: 24px;
  padding-top: 10px;
}
.learner-catalog-body .catalog-filters-and-search-activities .catalog-filters .list-item:first-child {
  border-top: none;
}
.learner-catalog-body .catalog-filters-and-search-activities .catalog-activities {
  margin-top: 20px;
}
@media (max-width: 965px) {
  .learner-catalog-body .catalog-filters-and-search-activities .catalog-activities {
    margin-top: 0;
  }
}
.learner-catalog-body .catalog-filter-chips-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  width: 100%;
}
.learner-catalog-body .catalog-filter-chips-wrapper .catalog-intro {
  display: flex;
  flex-direction: column;
  max-width: 786px;
  text-align: center;
}
.learner-catalog-body .catalog-filter-chips-wrapper .catalog-intro h1 {
  font-weight: 500;
  margin-bottom: 24px;
}
.learner-catalog-body .catalog-filter-chips-wrapper .catalog-search {
  margin-bottom: 16px;
  max-width: 720px;
}
.learner-catalog-body .catalog-filter-chips-wrapper .catalog-search input[type=search] {
  background: var(--md-sys-color-surface-container-high);
  border-color: transparent;
  border-radius: 28px;
}
.learner-catalog-body .catalog-filter-chips-wrapper .catalog-filters-and-results {
  width: 100%;
}
.learner-catalog-body .catalog-filter-chips-wrapper .catalog-filters-and-results .catalog-filters {
  justify-self: center;
}
.learner-catalog-body .catalog-filter-chips-wrapper .catalog-filters-and-results .catalog-activities {
  margin-top: 24px;
}
.learner-catalog-body .catalog-filter-chips-wrapper .catalog-filters-and-results .catalog-activities ql-search-result-container {
  --max-width: 1300px;
}
.learner-catalog-body .search-bar-icon {
  position: absolute;
  right: 5%;
  top: 30%;
}
.learner-catalog-body .catalog__list {
  padding: 0;
}
.learner-catalog-body .catalog__list__item {
  display: flex;
  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;
}

.catalog-search {
  width: 100%;
}
.catalog-search .js-search-form {
  position: relative;
}
.catalog-search #autocomplete {
  --md-outlined-text-field-container-shape: 28px;
  border-radius: 28px;
  scroll-margin: 70px;
}
.catalog-search #autocomplete-loading-icon,
.catalog-search #autocomplete-no-results {
  align-items: center;
  border: 1px solid #DADCE0;
  border-radius: 4px;
  display: none;
  font-weight: 400;
  gap: 10px;
  min-height: 47px;
  padding: 8px 16px;
}
.catalog-search #autocomplete-menu {
  background-color: white;
  border-bottom: none;
  border-radius: 4px;
  border-top: none;
  border: 1px solid #DADCE0;
  left: 0;
  margin: 0;
  max-height: 30vh;
  overflow-y: scroll;
  padding: 0;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 2;
}
.catalog-search #autocomplete-menu.hide {
  display: none;
}
.catalog-search #autocomplete-menu li {
  background-color: none;
  border-bottom: 1px solid var(--md-sys-color-outline-variant);
  cursor: pointer;
  font-weight: 400;
  list-style-type: none;
  margin: 0;
}
.catalog-search #autocomplete-menu li div {
  align-items: center;
  display: flex;
  gap: 10px;
  padding: 8px 16px;
  position: relative;
}
.catalog-search #autocomplete-menu li div a {
  color: #202124;
}
.catalog-search #autocomplete-menu li div:hover, .catalog-search #autocomplete-menu li div:focus {
  background-color: var(--md-sys-color-secondary-container);
}
.catalog-search #autocomplete-menu li div:hover a, .catalog-search #autocomplete-menu li div:focus a {
  color: var(--md-sys-color-on-secondary-container);
}
.catalog-search .autocomplete-active {
  background-color: var(--md-sys-color-secondary-container);
}
.catalog-search .autocomplete-active a {
  color: var(--md-sys-color-on-secondary-container) !important;
}

md-outlined-text-field[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);
}
md-outlined-text-field[type=text].catalog__search::placeholder {
  color: #5F6368;
}
md-outlined-text-field[type=text].catalog__search:hover {
  background-image: url("/assets/icon_search--hover-bdcd08cda313c29cc423dc7219a7a61e43bc24cf.svg");
}
md-outlined-text-field[type=text].catalog__search:focus {
  background-image: url("/assets/icon_search--active-b7a6073c9dc158d008108ca0dea85bb94d11eac6.svg");
}

.card.catalog__filters ul {
  padding: 0;
  margin: 0;
}
.card.catalog__filters .list-item__details {
  list-style-type: none;
  max-height: 400px;
  overflow-y: auto;
  padding: 0 24px 12px 24px;
  width: 100%;
}
.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;
}

#challenge-lab-modal {
  --dialog-width: 600px;
}

.content-chip {
  --chip-text-color: white;
}
.content-chip.content-lab {
  --chip-color: var(--lab-color);
  --chip-text-color: black;
}
.content-chip.content-quest {
  --chip-color: var(--quest-color);
}
.content-chip.content-game {
  --chip-color: var(--game-color);
  --chip-text-color: black;
}
.content-chip.content-classroom {
  --chip-color: var(--classroom-color);
  --chip-text-color: black;
}
.content-chip.content-external-course {
  --chip-color: var(--external-course-color);
}
.content-chip.content-course {
  --chip-color: var(--course-color);
  --chip-text-color: black;
}
.content-chip.content-certification {
  --chip-color: var(--certification-color);
}
.content-chip.content-learning-plan {
  --chip-color: var(--quest-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;
}

.credly-integration-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.credly-integration-modal .credly-img {
  width: 50%;
  height: 50%;
}
.credly-integration-modal .credly-header {
  text-align: center;
}
.credly-integration-modal .credly-description {
  margin-top: 20px;
  text-align: center;
}

.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 {
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
  background: #DADCE0;
  color: #202124;
}
.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-group input[type=date] {
  font: var(--button-font);
  letter-spacing: var(--button-letter-spacing);
  color: var(--light-text-on-surface-color);
  height: auto;
  width: auto;
}

#filters_date_range {
  align-items: center;
  gap: 8px;
  display: flex;
}
#filters_date_range.date_range_hidden {
  display: none;
}

.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;
  flex-wrap: wrap;
  height: 64px;
  justify-content: flex-end;
  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; /* Reduced horizontal spacing */
}
@media (max-width: 600px) {
  .application-footer {
    justify-content: center; /* Center content on small screens */
    padding: 16px; /* Adjust padding */
  }
}

.footer {
  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;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@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(--md-sys-color-error);
  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: 2;
}
.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);
}

.control-group.string label,
.control-group.text label,
.control-group.email label,
.control-group.password label {
  display: none;
}

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;
}

md-outlined-text-field, md-filled-text-field, md-outlined-select, md-filled-select {
  width: 100%;
}

md-outlined-text-field {
  --md-outlined-field-disabled-label-text-opacity: 1;
}

.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-outlined-text-field ~ .md-input__borders {
  display: none;
}
.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;
}

.organization-invite-link-form .help-block {
  text-transform: none;
  padding-left: 16px;
  padding-top: 4px;
}
.organization-invite-link-form .form-row {
  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-container:not(.light-theme) {
  --md-icon-button-icon-color: var(--text-on-primary-color);
  --md-icon-button-focus-icon-color: var(--text-on-primary-color);
  --md-icon-button-hover-icon-color: var(--text-on-primary-color);
}
.header-container ql-toolbar {
  --md-icon-button-icon-color: initial;
  --md-icon-button-focus-icon-color: initial;
  --md-icon-button-hover-icon-color: initial;
}
.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 {
  max-height: min(640px, 75vh);
}

.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 .name {
  white-space: normal;
}
.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;
}

.search-bar-container {
  position: relative;
  display: none;
}
.search-bar-container .header-search-input {
  width: 75vw;
  height: 45px;
  border-radius: 20px;
  border: none;
  outline: none;
  background-color: #F1F3F4;
  padding-left: 48px;
}
@media (max-width: 965px) {
  .search-bar-container .header-search-input {
    width: 85vw;
  }
}
.search-bar-container #searchbar-autocomplete-center {
  background-color: #E9EEF6;
  border-radius: 32px;
}
.search-bar-container #searchbar-autocomplete-center::placeholder {
  color: #444746;
}
.search-bar-container ql-icon-button {
  color: #3C4043;
  position: absolute;
  top: 1.5px;
  z-index: 2;
}
.search-bar-container .search-bar-button {
  left: 5px;
}
.search-bar-container .exit-search-button {
  right: 5px;
}
.search-bar-container.visible-search-header {
  display: block;
}
.search-bar-container.visible-search-header .header-search-input {
  width: 30vw;
  padding-left: 18px;
  padding-right: 48px;
}
.search-bar-container.visible-search-header .search-bar-button {
  left: unset;
  right: 5px;
}
@media (max-width: 965px) {
  .search-bar-container.visible-search-header .header-search-input {
    padding-left: 48px;
    width: 85vw;
  }
  .search-bar-container.visible-search-header .search-bar-button {
    left: 5px;
    right: unset;
  }
}
.search-bar-container #searchbar-autocomplete-loading-icon,
.search-bar-container #searchbar-autocomplete-loading-icon-center,
.search-bar-container #searchbar-autocomplete-no-results,
.search-bar-container #searchbar-autocomplete-no-results-center {
  align-items: center;
  background-color: white;
  border: 1px solid #DADCE0;
  border-radius: 4px;
  display: none;
  font-weight: 400;
  gap: 10px;
  min-height: 47px;
  padding: 8px 16px;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 998;
}
.search-bar-container #searchbar-autocomplete-menu,
.search-bar-container #searchbar-autocomplete-menu-center {
  background-color: white;
  border-bottom: none;
  border-radius: 4px;
  border-top: none;
  border: 1px solid #DADCE0;
  left: 0;
  margin: 0;
  max-height: 30vh;
  overflow-y: scroll;
  padding: 0;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 998;
}
.search-bar-container #searchbar-autocomplete-menu.hide,
.search-bar-container #searchbar-autocomplete-menu-center.hide {
  display: none;
}
.search-bar-container #searchbar-autocomplete-menu li,
.search-bar-container #searchbar-autocomplete-menu-center li {
  background-color: none;
  border-bottom: 1px solid var(--md-sys-color-outline-variant);
  cursor: pointer;
  font-weight: 400;
  list-style-type: none;
  margin: 0;
}
.search-bar-container #searchbar-autocomplete-menu li div,
.search-bar-container #searchbar-autocomplete-menu-center li div {
  align-items: center;
  display: flex;
  gap: 10px;
  padding: 8px 16px;
  position: relative;
}
.search-bar-container #searchbar-autocomplete-menu li div a,
.search-bar-container #searchbar-autocomplete-menu-center li div a {
  color: #202124;
}
.search-bar-container #searchbar-autocomplete-menu li div:hover, .search-bar-container #searchbar-autocomplete-menu li div:focus,
.search-bar-container #searchbar-autocomplete-menu-center li div:hover,
.search-bar-container #searchbar-autocomplete-menu-center li div:focus {
  background-color: var(--md-sys-color-secondary-container);
}
.search-bar-container #searchbar-autocomplete-menu li div:hover a, .search-bar-container #searchbar-autocomplete-menu li div:focus a,
.search-bar-container #searchbar-autocomplete-menu-center li div:hover a,
.search-bar-container #searchbar-autocomplete-menu-center li div:focus a {
  color: var(--md-sys-color-on-secondary-container);
}
.search-bar-container .autocomplete-active {
  background-color: var(--md-sys-color-secondary-container);
}
.search-bar-container .autocomplete-active a {
  color: var(--md-sys-color-on-secondary-container) !important;
}

.search-overlay {
  left: 0;
  top: 64px;
  background-color: var(--overlay-color);
  height: 97.5%;
  width: 100%;
  opacity: 0.6;
  position: absolute;
  z-index: 995;
}

[redesigned] .search-overlay {
  top: 0;
}

.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;
  text-wrap: balance;
}

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);
}

#incorrect-start-lab-modal {
  --dialog-border-radius: 28px;
  --dialog-color: var(--md-sys-color-surface-container-high);
  --dialog-width: 560px;
}
#incorrect-start-lab-modal::part(header) {
  padding-bottom: 0px;
}
#incorrect-start-lab-modal .actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding-top: 24px;
}
#incorrect-start-lab-modal img {
  border-radius: 12px;
  min-height: 265px;
  object-fit: contain;
  width: 512px;
}
#incorrect-start-lab-modal .page-text {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0px;
  overflow: auto;
}
#incorrect-start-lab-modal .page-text h1 {
  padding: 16px 0px;
}

.innovator-overlay {
  left: 0px;
  top: 0px;
  background-color: var(--overlay-color);
  height: 100%;
  width: 100%;
  opacity: 0.6;
  position: fixed;
  z-index: 997;
}

.innovator-form-container {
  right: 0px;
  top: 0px;
  height: 100%;
  width: 30%;
  z-index: 998;
  position: fixed;
  display: none;
  background-color: white;
  flex-direction: column;
  overflow-y: scroll;
}
@media (max-width: 965px) {
  .innovator-form-container {
    width: 60%;
  }
}
.innovator-form-container .form-title {
  display: flex;
  flex-direction: row;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 965px) {
  .innovator-form-container .form-title {
    flex-wrap: wrap;
  }
}
.innovator-form-container .form-title .top-close-button {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  flex: 1;
}
.innovator-form-container .innovator-acknowledgement {
  background-color: #F2F3F4;
  padding: 10px;
}
.innovator-form-container ql-checkbox {
  margin: 0 0 1.5rem 0;
  padding: 0;
}
.innovator-form-container .invalid-location:focus {
  border-color: red;
  outline: none;
  box-shadow: inset 0 0 0 1px red;
}
.innovator-form-container .invalid-submission {
  border-color: red;
  outline: none;
  box-shadow: inset 0 0 0 1px red;
}

.innovator-form-container > * {
  border-bottom: 1px solid lightgrey;
  padding: 0px 20px;
}

#innovator-autocomplete-loading-icon, #innovator-autocomplete-no-results {
  align-items: center;
  background-color: white;
  border: 1px solid #DADCE0;
  border-radius: 4px;
  display: none;
  font-weight: 400;
  gap: 10px;
  min-height: 47px;
  padding: 8px 16px;
  position: relative;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 998;
}

#innovator-autocomplete-menu.hide {
  display: none;
}
#innovator-autocomplete-menu ul {
  background-color: white;
  border-bottom: none;
  border-radius: 4px;
  border-top: none;
  border: 1px solid #DADCE0;
  left: 0;
  margin: 0;
  max-height: 30vh;
  overflow-y: scroll;
  padding: 0;
  position: relative;
  right: 0;
  top: 100%;
  z-index: 998;
}
#innovator-autocomplete-menu ul li {
  background-color: none;
  border-bottom: 1px solid #DADCE0;
  cursor: pointer;
  font-weight: 400;
  list-style-type: none;
  margin: 0;
}
#innovator-autocomplete-menu ul li div {
  align-items: center;
  display: flex;
  gap: 10px;
  padding: 8px 16px;
}
#innovator-autocomplete-menu ul li div a {
  color: #202124;
}
#innovator-autocomplete-menu ul li:hover {
  background-color: #E8EAED;
}

.autocomplete-active {
  background-color: #E8EAED;
}

.innovator-dialog-text {
  margin-bottom: 0;
}

.innovator-dialog-buttons {
  display: flex;
  flex-direction: row-reverse;
  padding-bottom: 8px;
  padding-top: 24px;
}
.innovator-dialog-buttons * {
  margin-left: 8px;
}

.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;
  padding: 16px 5px;
}
.lab-assessment__tab button {
  background: transparent;
  border: none;
  color: inherit;
  font-family: var(--md-ref-typeface-plain);
  font-size: inherit;
  letter-spacing: 0.64px;
}
@media (max-width: 600px) {
  .lab-assessment__tab {
    display: none;
  }
}

.lab-assessment__panel {
  opacity: 0;
  padding: 16px;
  max-height: 40%;
  max-width: 600px;
  overflow: auto;
  transition: opacity 0.2s;
  visibility: hidden;
}
.lab-assessment__panel.is-open {
  opacity: 1;
  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__pdf {
  border: none;
  height: calc(100vh - 156px);
}
@media (max-width: 832px) {
  .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);
}

.js-lab-content button.js-img-container {
  text-decoration: none;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
}

.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__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;
}

dialog.lab-content__image-overlay {
  border: none;
  cursor: zoom-out;
  padding: 0;
  overflow: auto;
}
dialog.lab-content__image-overlay .lab-content__image {
  background: var(--base-surface-color);
  border: none;
  border-radius: 2px;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
  margin: auto;
  padding: 3rem;
  max-width: 90vw;
  max-height: 90vh;
}
dialog.lab-content__image-overlay button {
  text-decoration: none;
  background: none;
  color: inherit;
  cursor: zoom-out;
  border: none;
  border-radius: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
dialog.lab-content__image-overlay::backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 1, 0.85);
}

.lab-preamble .lab-preamble__title {
  hyphens: auto;
  margin: 10px 0px 16px 0px;
  word-break: break-word;
}
@media (max-width: 832px) {
  .lab-preamble .lab-preamble__title {
    font-size: 48px;
  }
}
.lab-preamble .lab-preamble__ai_notice ql-infobox {
  margin: 16px 0px;
}
.lab-preamble .lab-preamble__ai_notice span {
  align-items: center;
  display: inline-flex;
}
.lab-preamble .lab-preamble__ai_notice span ql-icon {
  color: var(--primary-text-on-surface-color);
  margin-right: 8px;
}
.lab-preamble .lab-preamble__details {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 16px;
}
@media (max-width: 600px) {
  .lab-preamble .lab-preamble__details {
    display: grid;
    grid-gap: 10px 24px;
    grid-template-columns: 1fr 1fr;
  }
}
.lab-preamble .lab-preamble__details span {
  align-items: center;
  display: inline-flex;
}
.lab-preamble .lab-preamble__details span ql-icon {
  margin-right: 4px;
}
.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;
}

#private-mode-modal {
  --dialog-border-radius: 28px;
  --dialog-color: var(--md-sys-color-surface-container-high);
  --dialog-width: 560px;
}
#private-mode-modal .page-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-height: 685px;
  min-height: 600px;
  padding: 0px 24px;
  text-align: center;
}
#private-mode-modal .page-content .page-text {
  margin: 32px 0px;
  overflow: auto;
}
#private-mode-modal .page-content img {
  border-radius: 12px;
  min-height: 265px;
  object-fit: contain;
  width: 512px;
}
#private-mode-modal .page-content ol {
  padding-left: 24px;
  text-align: left;
}
#private-mode-modal .page-content ol li {
  margin: 16px 0px;
}

.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 {
  border-bottom: 1px dotted #999;
  font-weight: 600;
  position: relative;
  text-decoration: none !important;
  transition: all 0.1s ease-in-out;
  color: #5F6368;
  cursor: pointer;
  text-decoration: none;
}
.sort_link:hover {
  text-decoration: underline;
}
.sort_link.asc, .sort_link.desc {
  color: #202124;
}

.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:focus {
  outline: 2px solid var(--md-sys-color-primary);
}
.custom-logo:focus * {
  color: var(--text-on-focus-color);
}
.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 (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: 3rem;
}
.markdown-lab-instructions#markdown-lab-instructions ul {
  list-style-position: inside;
}
.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 {
  color: white;
  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__account-setting-logo {
  height: 64px;
  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;
}

#org-terms-modal {
  --dialog-width: 380px;
  padding-bottom: 0px;
}
#org-terms-modal .actions .buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.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;
}

.purchase_receipt {
  zoom: 1.1;
  position: absolute;
  margin-top: 100px;
  padding-left: 10px;
}
.purchase_receipt .address {
  padding-top: 5px;
  font-size: 75%;
  line-height: 95%;
}
.purchase_receipt table {
  border: 1px solid black;
  border-collapse: collapse;
}
.purchase_receipt table caption {
  text-align: left;
}
.purchase_receipt table th {
  border: 1px solid black;
  padding: 5px;
}
.purchase_receipt table td {
  text-align: left;
  border: 1px solid black;
  padding: 5px;
}

.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("/assets/star-3b18c5b7e014be94f29426b5f6a530f944edcbb6.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("/assets/star-3b18c5b7e014be94f29426b5f6a530f944edcbb6.png") left -32px;
  background-size: 16px 64px;
}

.rateit .rateit-hover-rtl {
  background-position: right -32px;
}

.rateit .rateit-selected {
  background: url("/assets/star-3b18c5b7e014be94f29426b5f6a530f944edcbb6.png") left -16px;
  background-size: 16px 64px;
}

.rateit .rateit-selected-rtl {
  background-position: right -16px;
}

.rateit .rateit-preset {
  background: url("/assets/star-3b18c5b7e014be94f29426b5f6a530f944edcbb6.png") left -48px;
  background-size: 16px 64px;
}

.rateit .rateit-preset-rtl {
  background: url("/assets/star-3b18c5b7e014be94f29426b5f6a530f944edcbb6.png") left -48px;
  background-size: 16px 64px;
}

.rateit .rateit-reset {
  background: url("/assets/delete-75a5b122e113f1c6be1e0c9f3335e57e9f5a8622.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-drawer.redesigned {
  position: fixed;
  top: 64px;
}
ql-drawer.redesigned.free-trial-banner-spacer {
  top: 124px;
}

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;
}
ql-sidenav.redesigned,
.ql-sidenav.redesigned {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
ql-sidenav.redesigned ql-fab,
.ql-sidenav.redesigned ql-fab {
  --button-color: var(--md-sys-color-primary-container);
  --button-text-color: var(--md-sys-color-on-surface-variant);
  margin-bottom: 40px;
}
ql-sidenav.redesigned ql-sidenav-item,
.ql-sidenav.redesigned ql-sidenav-item {
  width: 100%;
}

.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 {
  color: var(--text-on-primary-color);
  height: auto;
  margin-top: 0.75rem;
  padding: 6px;
  background: var(--primary-surface-color);
  color: "white";
}
.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 (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-actions__streak-count {
  display: flex;
  gap: 3px;
}
.toolbar-actions__streak-count .count-label {
  font-weight: 500;
}

.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;
  margin: 4px;
  padding: 2px;
  /* Fallback for older browsers */
}
.toolbar-title a div {
  display: -webkit-box; /* Old webkit */
  display: flex; /* Standard */
  -webkit-line-clamp: 1; /* Old webkit */
  overflow: hidden;
  text-overflow: ellipsis; /* Standard */
  -webkit-box-orient: vertical; /* Old webkit */
  flex-direction: column; /* Standard */
  white-space: nowrap; /* Standard */
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .toolbar-title a div {
    display: block; /* Fallback for -webkit-box */
    white-space: normal; /* Fallback for white-space */
    overflow: hidden; /* Fallback for overflow */
  }
}
.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;
  font-size: 13px;
  font-style: normal;
  opacity: 0.7;
}

.tooltip-arrow {
  display: none;
  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;
}

#underage-modal {
  --dialog-width: 380px;
  --overlay-color: white;
}
#underage-modal .underage-header ql-icon {
  color: #D56E0C;
}
#underage-modal ql-button {
  --button-width: 100%;
  padding: 0;
}

.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;
}

.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;
}

.age-gate {
  align-items: center;
  display: flex;
  gap: 10px;
}

.item-label {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.item-label-field-wrapper {
  align-items: center;
  display: flex;
  gap: 20px;
}

.subscription-status__failed {
  font-weight: bold;
}

.admin-warning {
  color: red;
}

.badge-creation-form {
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-width: 400px;
  max-width: 50%;
}
.badge-creation-form .credly-badge-picker {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.badge-creation-form .badge-preview {
  border: 1px solid rgb(54, 129, 228);
  background-color: rgba(54, 129, 228, 0.05);
  display: flex;
  height: 200px;
}
.badge-creation-form .badge-preview .badge-image {
  box-sizing: border-box;
  padding: 15px;
  width: 200px;
}
.badge-creation-form .badge-preview .badge-metadata {
  display: flex;
  flex-direction: column;
  padding: 15px;
}
.badge-creation-form .badge-preview .badge-metadata p {
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.badge-creation-form .content-picker {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.badge-creation-form .content-picker .mdl-card.mdl-card--shadow.card--search {
  flex-direction: row;
}

.alexandria_subscriptions .pagination__navigation {
  gap: 10px;
}
.alexandria_subscriptions .pagination__navigation a {
  display: flex;
}
.alexandria_subscriptions .pagination__navigation a:hover {
  text-decoration: none;
}

.callout-icon--success {
  color: #1E8E3E;
}
.callout-icon--info {
  color: #1967D2;
}
.callout-icon--warning {
  color: #D56E0C;
}
.callout-icon--error {
  color: #D93025;
}

.callout-toggle--published {
  color: #1967D2;
}

.callout-message-text {
  max-width: 464px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-callouts .control-group.radio_buttons .radio label {
  display: flex;
}
.admin-callouts .control-group.radio_buttons .radio label ql-callout {
  flex-grow: 1;
}
.admin-callouts .severity, .admin-callouts .message, .admin-callouts .action, .admin-callouts .message-title {
  border: 1px solid var(--hairline-color);
  border-radius: 16px;
  margin-bottom: 24px;
  padding: 24px;
}
.admin-callouts .severity .title, .admin-callouts .message .title, .admin-callouts .action .title, .admin-callouts .message-title .title {
  font-family: Google Sans;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 16px;
  size: 24px;
}
.admin-callouts .form-row:last-child {
  margin-bottom: 0px;
}

.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 (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 (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 (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;
}

.snippet-image-preview img {
  max-height: 400px;
}

#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;
}

.badge_page {
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin: 0 auto;
  max-width: 1000px;
  padding: 72px;
}
.badge_page .message_and_badge {
  display: flex;
  gap: 60px;
}
.badge_page .message_and_badge__badge {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  justify-content: start;
}
.badge_page .message_and_badge__badge img {
  max-width: 300px;
  width: 100%;
}
.badge_page .message_and_badge__message {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 495px;
}
.badge_page .message_and_badge__message.full-width {
  max-width: none;
}
.badge_page .message_and_badge__message .ql-title-large {
  margin-bottom: 24px;
}
@media (max-width: 965px) {
  .badge_page .message_and_badge {
    flex-direction: column;
  }
  .badge_page .message_and_badge__message {
    max-width: none;
  }
}
.badge_page .new_to_badges {
  align-items: start;
  background-color: var(--primary-surface-color-lightest);
  border: 1px solid var(--primary-surface-color);
  display: flex;
  gap: 30px;
  min-width: fit-content;
  padding: 25px;
}
.badge_page .new_to_badges ql-icon {
  color: var(--primary-text-on-surface-color-darkest);
}
.badge_page .new_to_badges__message {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.badge_page .new_to_badges__message ql-button {
  --button-width: fit-content;
  margin-left: -8px;
}

.credly_confirmation_modal .link {
  height: 0px;
  visibility: hidden;
}

.badge_guest {
  height: 100%;
  position: relative;
}
.badge_guest .overlay {
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  overflow: auto;
  z-index: 998;
}
.badge_guest .overlay .new_to_badges,
.badge_guest .overlay .message_and_badge img,
.badge_guest .overlay .message_and_badge ql-button {
  opacity: 0.3;
}
.badge_guest .sign_in_pop_up {
  height: min(100%, 763px);
  left: 50%;
  max-width: 500px;
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.badge_guest .sign_in_pop_up .image {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.badge_guest .sign_in_pop_up .title {
  margin-bottom: 30px;
  text-align: center;
}
.badge_guest .sign_in_pop_up .sign_up {
  margin-top: 30px;
  text-align: center;
}

.credly_notice {
  align-items: center;
  background-color: var(--primary-surface-color-lightest);
  border-radius: 8px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 8px 16px;
}
.credly_notice .info {
  align-items: start;
  display: flex;
  gap: 16px;
  padding: 6px 0px;
  text-align: start;
}
.credly_notice .info ql-icon {
  color: var(--primary-text-on-surface-color-dark);
}
.credly_notice .info .text {
  max-width: 615px;
  word-wrap: normal;
}

.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 md-outlined-text-field[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 {
  max-width: 720px;
  width: 100%;
}
.credits-quantity .form-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}
.credits-quantity .form-row .control-group.integer {
  margin: 0;
}
.credits-quantity .form-row .control-group.integer #credits-quantity-input {
  min-width: 145px;
}
.credits-quantity .form-row .credits-hint {
  margin-left: 16px;
  margin-top: 4px;
}
.credits-quantity input::-webkit-outer-spin-button,
.credits-quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.credits-quantity md-outlined-text-field[type=number] {
  -moz-appearance: textfield; /* Firefox */
}
.credits-quantity .js-payment-discount {
  color: #137333;
  font-size: 14px;
  text-align: center;
}

.no-max-width {
  max-width: none;
}

.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 md-outlined-text-field[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 md-outlined-text-field[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 md-outlined-text-field[type=number] {
  background: none;
  border: 2px solid transparent;
  border-radius: 4px;
  height: auto;
  font-size: 14px;
  padding: 4px;
}
.authoring-catalog-body .catalog-items md-outlined-text-field[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 (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;
}

.console-free-trial-banner-container {
  background: #f0f4f9;
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.custom-action {
  padding-right: 24px;
}
.custom-action ::slotted(ql-button) {
  padding-left: 16px;
}

.trial-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.trial-banner-actions {
  display: flex;
  align-items: center;
}

.trial-banner-content {
  flex-grow: 1;
  padding: 2px 0px 2px 24px;
}

.trial-banner-text {
  margin-bottom: 0;
  padding-right: 10px;
}

.trial-banner-title {
  margin-bottom: 0;
}

.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);
  height: 100%;
  padding: 0;
}
body.course-layout-body .body-content {
  height: 100vh;
  display: grid;
  grid-template-rows: min-content min-content 1fr;
}
body.course-layout-body [redesigned] .body-content {
  display: block;
  height: 100%;
  min-height: 100%;
}
body.course-layout-body [redesigned] main {
  height: 100%;
}
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;
  gap: 8px;
  height: 48px;
  justify-content: space-between;
  padding: 0;
}
body.course-layout-body .course-activity .course-activity-header .breadcrumbs ol {
  align-items: center;
  color: var(--md-sys-color-on-surface);
  display: flex;
  flex: 1;
  gap: 8px;
  list-style-type: none;
  overflow: hidden;
  padding: 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 .breadcrumbs .course-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.course-layout-body .course-activity .course-activity-header .inline-breadcrumbs .breadcrumb-delimiter {
  padding-top: 2px;
  display: inline-block;
  vertical-align: middle;
}
body.course-layout-body .course-activity .course-activity-header .header-button:first-of-type {
  border-right: 1px solid var(--hairline-color);
}
body.course-layout-body .course-activity .course-activity-header .header-button:last-of-type {
  border-left: 1px solid var(--hairline-color);
}
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;
}
@media (max-width: 600px) {
  body.course-layout-body .course-activity .course-activity-content {
    margin-bottom: 73px;
  }
}
body.course-layout-body .course-activity .course-navigation-buttons {
  background: var(--base-surface-color);
  border-top: 1px solid var(--md-sys-color-surface-container-highest);
  display: flex;
  flex-shrink: 0;
  height: 73px;
  justify-content: space-between;
  padding: 16px 24px;
}
@media (max-width: 600px) {
  body.course-layout-body .course-activity .course-navigation-buttons {
    bottom: 0;
    position: fixed;
    width: 100%;
  }
}
@media (max-width: 600px) {
  body.course-layout-body .course-activity .course-navigation-buttons ql-button {
    --button-width: 100%;
  }
}
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;
  width: 100%;
}
body.course-layout-body .course-drawer ql-discussion {
  border: none;
  flex-grow: 1;
  height: auto;
  max-height: none;
}
body.course-layout-body .course-outline-header {
  border-bottom: 1px solid var(--md-sys-color-surface-container-highest);
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  z-index: 9;
  background-color: white;
  padding: 10px;
}
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-outline-header .course-info .course-progress__percentage {
  display: inline;
}
body.course-layout-body .course-outline-header .main-menu {
  margin-bottom: 8px;
}
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, body.course-layout-body .html-bundle-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;
}
body.course-layout-body .outline-back {
  --button-width: 100%;
  bottom: 16px;
  padding: 8px;
  position: absolute;
}
body.course-layout-body #lab-instructions {
  max-height: calc(100vh - 181px) !important;
}

.course-survey-body {
  /* Accessibility considerations - Assuming adequate contrast */
  /* Visual cues on hover */
}
.course-survey-body .likert {
  border-bottom: 1px solid var(--hairline-color);
  display: flex;
  gap: 12px;
  margin-bottom: 32px;
  padding-bottom: 24px;
}
@media (max-width: 965px) {
  .course-survey-body .likert {
    flex-direction: column;
    gap: 16px;
  }
}
.course-survey-body .likert legend {
  margin-bottom: 8px;
}
.course-survey-body .likert .item-option {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: flex-end;
  max-width: 200px;
  text-align: center;
}
@media (max-width: 965px) {
  .course-survey-body .likert .item-option {
    flex-direction: row-reverse;
    max-width: none;
    text-align: start;
  }
  .course-survey-body .likert .item-option label {
    font-size: 16px;
    margin-bottom: 0;
  }
  .course-survey-body .likert .item-option .mdl-radio__button, .course-survey-body .likert .item-option .mdl-checkbox__input {
    margin-top: 0;
  }
}
.course-survey-body .multiple-choice {
  border-bottom: 1px solid var(--hairline-color);
  display: flex;
  gap: 12px;
  flex-direction: column;
  margin-bottom: 32px;
  padding-bottom: 24px;
}
@media (max-width: 965px) {
  .course-survey-body .multiple-choice {
    gap: 16px;
  }
}
.course-survey-body .multiple-choice legend {
  margin-bottom: 8px;
}
.course-survey-body .multiple-choice .item-option {
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
  justify-content: flex-end;
  max-width: none;
  text-align: start;
}
.course-survey-body .multiple-choice .item-option label {
  margin-bottom: 0;
  font-size: 16px;
}
.course-survey-body .multiple-choice .item-option .mdl-radio__button {
  margin-top: 0;
}
.course-survey-body .survey-item--short-answer, .course-survey-body .survey-item--drop-down {
  margin: 56px 0;
}
.course-survey-body .survey-item--short-answer label, .course-survey-body .survey-item--drop-down label {
  font-size: 16px;
  margin-bottom: 8px;
  position: static;
}
.course-survey-body .survey-item--drop-down select {
  font-size: 16px;
  max-width: 100%;
  padding: 8px;
}
.course-survey-body .survey-item--short-answer textarea:focus,
.course-survey-body .survey-item--drop-down select:focus {
  outline: 2px solid var(--primary-text-on-surface-color);
}
.course-survey-body .survey-item {
  border-bottom: 1px solid var(--hairline-color);
  padding-bottom: 24px;
}
.course-survey-body .survey-item label {
  font-size: 16px;
  margin-bottom: 8px;
}
.course-survey-body .item-option:hover {
  background-color: #DADCE0;
}
.course-survey-body .multiple-select {
  border-bottom: 1px solid var(--hairline-color);
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
}
.course-survey-body .checkbox-label-pair {
  align-items: center; /* Align items vertically */
  display: flex;
  flex-direction: row; /* Display checkboxes and labels in a row */
  gap: 4px;
  margin-bottom: 16px;
  margin-top: 16px;
}
.course-survey-body .checkbox-label-pair label {
  font-size: 16px;
  margin-bottom: 8px;
}
.course-survey-body .checkbox-label-pair:hover {
  background-color: #DADCE0;
}
.course-survey-body .checkbox-label-pair input[type=checkbox] {
  margin-right: 8px; /* Add space between checkbox and label */
}

.course_survey {
  margin: 0 auto;
  max-width: 1000px;
  padding: 72px;
}
.course_survey form {
  display: flex;
  flex-direction: column;
}
.course_survey .button.button {
  align-self: flex-end;
  width: fit-content;
}

#unlocked-next-steps-modal {
  --dialog-width: 640px;
}
#unlocked-next-steps-modal .next-step {
  align-items: center;
  border: 1px solid var(--hairline-color);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 8px;
}
#unlocked-next-steps-modal .next-step .title {
  align-items: center;
  display: flex;
  gap: 8px;
}

.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;
  flex-direction: column;
  gap: 40px;
}
.course-template-show-body .course-badge-buttons__text-badge-section {
  display: flex;
}
.course-template-show-body .course-badge-buttons__text, .course-template-show-body .course-badge-buttons__buttons {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.course-template-show-body .course-badge-buttons__text .survey {
  padding: 24px;
}
.course-template-show-body .course-badge-buttons__buttons {
  width: fit-content;
}
.course-template-show-body .course-badge-buttons__buttons ql-dialog ql-button:first-of-type {
  margin-right: 10px;
}
.course-template-show-body .course-badge-buttons__badge {
  flex-shrink: 1;
}
.course-template-show-body .course-badge-buttons__badge .completed-course {
  padding: 24px;
}
.course-template-show-body .course-badge-buttons__badge .completed-course img {
  width: 100%;
}
.course-template-show-body .course-badge-buttons .course-challenge-skip {
  align-items: center;
  background-color: var(--md-sys-color-primary);
  border-width: 1px;
  border-style: solid;
  border-color: var(--google-grey-300);
  border-radius: 16px;
  color: var(--text-on-primary-color);
  display: flex;
  justify-content: space-between;
  padding: 24px;
  overflow: hidden;
}
.course-template-show-body .course-badge-buttons .course-challenge-skip .challenge_text .challenge_header {
  font-weight: bold;
  font-size: 22px;
  line-height: 28px;
}
.course-template-show-body .course-badge-buttons .course-challenge-skip .learn_more {
  font-size: 14px;
}
.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-badge-buttons .course-completed {
  color: var(--success-color);
  display: flex;
  font-weight: 500;
  gap: 8px;
}
.course-template-show-body .course-wrapper {
  margin: 0 auto;
  max-width: 860px;
  padding: 72px;
}
@media (max-width: 965px) {
  .course-template-show-body .course-wrapper {
    padding: 16px;
  }
}
@media (max-width: 600px) {
  .course-template-show-body .course-wrapper {
    padding: 16px;
  }
}
.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-progress ql-progress-bar {
  margin-bottom: 8px;
}
.course-template-show-body .course-skills {
  display: grid;
}
.course-template-show-body .course-skills .course-skills-chips {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  text-align: center;
}
.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;
  min-width: 200px;
  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 .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 .course_index .sort {
  visibility: hidden;
}
.course_builder .course_index .table_header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.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;
}

.download-document {
  display: flex;
  justify-content: center;
  padding: 24px;
}

.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: 1em;
  height: 100%;
  line-height: 2em;
  margin-bottom: 64px;
  width: 100%;
  text-align: center;
}
.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;
}

.stats turbo-frame {
  display: flex;
  flex: 1;
}

.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;
}

.group-resources-body .default-resources {
  max-width: 640px;
}
.group-resources-body .default-resources:not(:last-child) {
  margin-bottom: 24px;
}
.group-resources-body .card--group {
  display: flex;
  padding: 0 16px;
}
.group-resources-body .card--group ql-list-item {
  min-width: 100%;
}
.group-resources-body .card--group ql-list-item p {
  margin-bottom: 0px;
}
.group-resources-body .card--group ql-list-item p.text {
  font-size: 14px;
}
.group-resources-body .card--group ql-icon {
  color: #747775;
}
.group-resources-body .card--group ql-icon-button {
  color: #5F6368;
}

.guest-front-door-wrapper {
  display: flex;
  flex-direction: column;
  gap: 90px;
}
.guest-front-door-wrapper .guest-front-door-logo {
  margin-bottom: 24px;
}
.guest-front-door-wrapper h1, .guest-front-door-wrapper h2, .guest-front-door-wrapper h3 {
  align-self: center;
  font-weight: 700;
  margin: 0 auto 16px;
}
.guest-front-door-wrapper h1, .guest-front-door-wrapper h2 {
  letter-spacing: -0.02em;
}
.guest-front-door-wrapper .intro-body strong, .guest-front-door-wrapper .intro-body b, .guest-front-door-wrapper .msg-body strong, .guest-front-door-wrapper .msg-body b {
  background: linear-gradient(90deg, var(--md-sys-color-primary) 50%, var(--md-sys-color-secondary-fixed) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 600px) {
  .guest-front-door-wrapper {
    gap: 56px;
  }
  .guest-front-door-wrapper h2 {
    font-size: 36px;
    line-height: 44px;
    max-width: 390px;
  }
  .guest-front-door-wrapper span {
    color: #5F6368;
  }
}
.guest-front-door-wrapper .intro-background {
  background: linear-gradient(180deg, #FFF 65.97%, #F1F3F4 100%);
  border-radius: 50%;
}
@media (max-width: 965px) {
  .guest-front-door-wrapper .intro-background {
    background: none;
  }
}
.guest-front-door-wrapper ql-floating-nav-bar-container::part(nav-bar) {
  margin-bottom: 60px;
  top: 70px;
}
.guest-front-door-wrapper .guest-front-door-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  max-width: 1200px;
  scroll-margin-top: 120px;
  text-align: center;
  width: 100%;
}
.guest-front-door-wrapper .guest-front-door-block .catalog-search {
  margin-top: 40px;
}
.guest-front-door-wrapper .intro-body {
  justify-content: normal;
  max-width: 570px;
  min-height: 630px;
}
.guest-front-door-wrapper .intro-body h1 {
  font-size: 72px;
  letter-spacing: -0.36px;
  line-height: 80px;
}
.guest-front-door-wrapper .intro-body span {
  color: black;
  font-size: 18px;
}
@media (max-width: 600px) {
  .guest-front-door-wrapper .intro-body h1 {
    font-size: 36px;
    letter-spacing: -0.18px;
    line-height: 44px;
  }
  .guest-front-door-wrapper .intro-body span {
    font-size: 16px;
  }
}
@media (max-width: 965px) {
  .guest-front-door-wrapper .intro-body {
    min-height: 0;
  }
}
.guest-front-door-wrapper .media-msg-body {
  align-items: center;
  flex-direction: row;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 90px;
}
@media (max-width: 965px) {
  .guest-front-door-wrapper .media-msg-body {
    flex-direction: column;
  }
  .guest-front-door-wrapper .media-msg-body h2 {
    max-width: fit-content;
  }
}
.guest-front-door-wrapper .media-msg-body .media-msg-text {
  display: flex;
  flex-direction: column;
  flex-shrink: 2;
  max-width: 550px;
  text-align: left;
}
.guest-front-door-wrapper .media-msg-body .media-msg-thumbnail {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto auto;
}
.guest-front-door-wrapper .media-msg-body .media-msg-thumbnail img {
  border-radius: 16px;
  max-width: 640px;
  width: 100%;
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 4;
}
.guest-front-door-wrapper .media-msg-body .media-msg-thumbnail .vid-button {
  color: white;
  --icon-size: 96px;
  --md-icon-button-icon-color: #f03;
  --md-icon-button-focus-icon-color: #f03;
  display: grid;
  grid-column-start: 2;
  grid-row-start: 2;
}
.guest-front-door-wrapper .media-msg-body ql-button {
  margin-top: 24px;
  max-width: fit-content;
}
.guest-front-door-wrapper .msg-body {
  margin-top: 80px;
  max-width: 750px;
}
.guest-front-door-wrapper .msg-body ql-button {
  margin: 32px auto auto;
}
.guest-front-door-wrapper .msg-body span {
  color: #5F6368;
}
.guest-front-door-wrapper .trending-body {
  align-items: center;
  background: #060606;
  border-radius: 32px;
  gap: 40px;
  padding: 80px;
  margin-bottom: 90px;
}
.guest-front-door-wrapper .trending-body h2 {
  color: #FFFFFF;
}
@media (max-width: 965px) {
  .guest-front-door-wrapper .trending-body {
    gap: 30px;
    padding: 40px 20px;
  }
}
@media (max-width: 600px) {
  .guest-front-door-wrapper .trending-body {
    gap: 20px;
    padding: 40px 12px;
  }
}
.guest-front-door-wrapper .trending-body .top-matter {
  display: flex;
  flex-direction: column;
  max-width: 666px;
}
.guest-front-door-wrapper .trending-body .top-matter strong, .guest-front-door-wrapper .trending-body .top-matter b {
  background: linear-gradient(90deg, #4385F4, #7A7ADB, #AA70B6, #D96671);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.guest-front-door-wrapper .trending-body .top-matter .subheader {
  color: #959DB4;
}
.guest-front-door-wrapper .trending-body .categories {
  --fade-color: #060606;
  --fade-width: 20%;
  display: flex;
  gap: 8px;
  max-width: 100%;
  scrollbar-color: #959DB4 #1A1E27;
  scrollbar-width: thin;
  position: relative;
}
.guest-front-door-wrapper .trending-body .categories::part(scroll-container) {
  padding-bottom: 8px;
}
.guest-front-door-wrapper .trending-body .categories a {
  flex-shrink: 0;
}
.guest-front-door-wrapper .trending-body .categories ql-chip {
  --chip-border-color: #747775;
  --chip-color: #1A1E27;
  --chip-text-color: #959DB4;
  cursor: pointer;
  min-width: fit-content;
}
.guest-front-door-wrapper .trending-body .categories ql-chip:hover {
  --chip-color: #1D2538;
}
.guest-front-door-wrapper .trending-body .categories ql-chip ql-icon {
  margin-right: 2px;
}
.guest-front-door-wrapper .trending-body .categories .active {
  --chip-color: #303542;
  --chip-text-color: white;
  cursor: default;
}
.guest-front-door-wrapper .trending-body .categories .active:hover {
  --chip-color: #303542;
}
.guest-front-door-wrapper .trending-body .featured {
  align-items: stretch;
  display: flex;
  gap: 16px;
  justify-content: center;
  text-align: left;
}
@media (max-width: 1263px) {
  .guest-front-door-wrapper .trending-body .featured {
    flex-direction: column;
  }
}
.guest-front-door-wrapper .trending-body .featured .cards {
  display: contents;
}
.guest-front-door-wrapper .trending-body .featured .cards .card {
  transition: all var(--transition-time-enter) var(--transition-curve-enter);
  transition-behavior: allow-discrete;
}
@starting-style {
  .guest-front-door-wrapper .trending-body .featured .cards .card {
    opacity: 0;
    transform: translateX(-40px);
  }
}
.guest-front-door-wrapper .trending-body .featured .cards__hidden .card {
  display: none;
  opacity: 0;
  transition: none;
}
.guest-front-door-wrapper .trending-body .featured ql-activity-card {
  border-radius: 100%;
  max-width: 320px;
}
.guest-front-door-wrapper .statistics-body {
  align-items: center;
  background: #F8F9FA;
  border-radius: 32px;
  gap: 32px;
  padding: 60px;
  margin-bottom: 90px;
}
@media (max-width: 600px) {
  .guest-front-door-wrapper .statistics-body {
    padding: 60px 16px;
  }
}
.guest-front-door-wrapper .statistics-body > ql-chip {
  --chip-border-color: none;
  --chip-text-color: #38733a;
  color: #38733a;
  font-size: 16px;
  padding: 12px 16px;
}
.guest-front-door-wrapper .statistics-body > h2 {
  max-width: 850px;
}
@media (max-width: 600px) {
  .guest-front-door-wrapper .statistics-body > h2 {
    font-size: 28px;
  }
}
.guest-front-door-wrapper .statistics-body > h2 strong, .guest-front-door-wrapper .statistics-body > h2 b {
  color: #458C47;
}
.guest-front-door-wrapper .statistics-body .metrics {
  display: flex;
  gap: 24px;
  justify-content: center;
}
@media (max-width: 965px) {
  .guest-front-door-wrapper .statistics-body .metrics {
    flex-direction: column;
  }
}
.guest-front-door-wrapper .statistics-body .metrics a {
  color: var(--primary-text-on-surface-color-dark);
}
.guest-front-door-wrapper .statistics-body .metrics .metric {
  color: var(--light-text-on-surface-color);
  font-size: 18px;
  max-width: 320px;
  padding: 42px 60px;
}
.guest-front-door-wrapper .statistics-body .metrics .metric h3 {
  color: #458C47;
  font-size: 48px;
  letter-spacing: -0.02em;
}
.guest-front-door-wrapper .statistics-body .metrics .metric strong, .guest-front-door-wrapper .statistics-body .metrics .metric b {
  color: var(--md-sys-color-primary);
}
.guest-front-door-wrapper .statistics-body ql-button {
  background: var(--base-surface-color);
}
.guest-front-door-wrapper .multi-msg-body {
  align-items: center;
  margin-top: 34px;
}
.guest-front-door-wrapper .multi-msg-body__header {
  margin-bottom: 80px;
  max-width: 726px;
}
@media (max-width: 965px) {
  .guest-front-door-wrapper .multi-msg-body__header {
    margin-bottom: 60px;
  }
}
@media (max-width: 600px) {
  .guest-front-door-wrapper .multi-msg-body__header {
    margin-bottom: 40px;
  }
}
.guest-front-door-wrapper .multi-msg-body ql-accordion {
  display: contents;
  text-align: start;
}
@media (max-width: 965px) {
  .guest-front-door-wrapper .multi-msg-body ql-accordion {
    display: block;
  }
}
.guest-front-door-wrapper .multi-msg-body ql-accordion h3 {
  font-weight: 500;
  margin: 0 0 8px;
}
.guest-front-door-wrapper .multi-msg-body ql-accordion p {
  color: var(--light-text-color);
}
.guest-front-door-wrapper .multi-msg-body ql-accordion a {
  font-weight: 500;
  padding: 6px 12px;
}
.guest-front-door-wrapper ql-dialog {
  --dialog-body-padding: 0px;
  --dialog-color: none;
  --dialog-width: 900px;
}
.guest-front-door-wrapper ql-dialog::part(header) {
  padding: 0px;
}
.guest-front-door-wrapper ql-dialog::part(body) {
  display: flex;
  height: 500px;
  justify-content: center;
  padding: 0px;
}
@media (max-width: 965px) {
  .guest-front-door-wrapper ql-dialog::part(body) {
    height: 380px;
  }
}
@media (max-width: 600px) {
  .guest-front-door-wrapper ql-dialog::part(body) {
    height: 200px;
  }
}
.guest-front-door-wrapper ql-dialog::part(actions) {
  min-height: 0px;
}
@media (max-width: 965px) {
  .guest-front-door-wrapper ql-dialog {
    --dialog-width: 640px;
  }
}
@media (max-width: 600px) {
  .guest-front-door-wrapper ql-dialog {
    --dialog-width: 320px;
  }
}

@media (max-width: 768px) {
  .learner-layout-body.relaunch ql-drawer-content.body-content {
    width: 100vw;
  }
}
.learner-layout-body.relaunch main {
  padding: 0;
}
.learner-layout-body.relaunch ql-floating-nav-bar-container {
  margin: 0 48px;
}
.learner-layout-body.relaunch .ql-display-large, .learner-layout-body.relaunch .ql-display-large strong, .learner-layout-body.relaunch .ql-display-medium, .learner-layout-body.relaunch .ql-display-medium strong {
  font-weight: 500;
}
.learner-layout-body.relaunch .ql-headline-small, .learner-layout-body.relaunch .ql-headline-small strong, .learner-layout-body.relaunch .ql-body-large, .learner-layout-body.relaunch .ql-body-large strong {
  color: var(--md-sys-color-on-surface-variant);
}
.learner-layout-body.relaunch .hero-section {
  background: var(--md-sys-color-on-primary);
  overflow: hidden;
  position: relative;
}
.learner-layout-body.relaunch .hero-section .catalog-search {
  margin: 40px auto 48px;
  max-width: 720px;
}
.learner-layout-body.relaunch .hero-section .catalog-search input {
  background: var(--md-sys-color-surface-container-high);
  border-radius: var(--md-sys-shape-corner-value-extra-large);
}
.learner-layout-body.relaunch .hero-floaters {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
.learner-layout-body.relaunch .floater-bottom-left, .learner-layout-body.relaunch .floater-mid-left, .learner-layout-body.relaunch .floater-mid-right, .learner-layout-body.relaunch .floater-top-center, .learner-layout-body.relaunch .floater-top-left,
.learner-layout-body.relaunch .floater-triangle-top, .learner-layout-body.relaunch .floater-top-right, .learner-layout-body.relaunch .floater-triangle-bottom {
  position: absolute;
}
.learner-layout-body.relaunch .floater-bottom-left {
  left: 13%;
  top: 590px;
}
@media (max-width: 965px) {
  .learner-layout-body.relaunch .floater-bottom-left {
    left: 30px;
    top: 320px;
    width: 260px;
  }
}
@media (max-width: 768px) {
  .learner-layout-body.relaunch .floater-bottom-left {
    left: 0;
  }
}
@media (max-width: 600px) {
  .learner-layout-body.relaunch .floater-bottom-left {
    left: -70px;
    top: 290px;
  }
}
@media (max-width: 400px) {
  .learner-layout-body.relaunch .floater-bottom-left {
    top: 355px;
  }
}
.learner-layout-body.relaunch .floater-mid-left {
  left: -160px;
  top: 210px;
}
@media (max-width: 1263px) {
  .learner-layout-body.relaunch .floater-mid-left {
    top: 315px;
    width: 320px;
  }
}
@media (max-width: 965px) {
  .learner-layout-body.relaunch .floater-mid-left {
    display: none;
  }
}
.learner-layout-body.relaunch .floater-mid-right {
  right: -140px;
  top: 210px;
}
@media (max-width: 1263px) {
  .learner-layout-body.relaunch .floater-mid-right {
    top: 260px;
    width: 370px;
  }
}
@media (max-width: 965px) {
  .learner-layout-body.relaunch .floater-mid-right {
    right: -35px;
    top: 265px;
    width: 220px;
  }
}
@media (max-width: 768px) {
  .learner-layout-body.relaunch .floater-mid-right {
    top: 330px;
    width: 195px;
  }
}
@media (max-width: 600px) {
  .learner-layout-body.relaunch .floater-mid-right {
    right: -55px;
    top: 315px;
    width: 175px;
  }
}
.learner-layout-body.relaunch .floater-top-center {
  left: 50%;
  top: 0;
  transform: translateX(-70%);
}
@media (max-width: 1263px) {
  .learner-layout-body.relaunch .floater-top-center {
    wdith: 320px;
  }
}
@media (max-width: 965px) {
  .learner-layout-body.relaunch .floater-top-center {
    width: 180px;
  }
}
@media (max-width: 600px) {
  .learner-layout-body.relaunch .floater-top-center {
    display: none;
  }
}
.learner-layout-body.relaunch .floater-top-left {
  left: 1%;
  top: 0;
}
@media (max-width: 1263px) {
  .learner-layout-body.relaunch .floater-top-left {
    left: -110px;
    top: -50px;
  }
}
@media (max-width: 965px) {
  .learner-layout-body.relaunch .floater-top-left {
    left: -90px;
    top: -120px;
    width: 250px;
  }
}
.learner-layout-body.relaunch .floater-triangle-top {
  left: calc(3% - 25px);
  top: 10px;
}
@media (max-width: 1263px) {
  .learner-layout-body.relaunch .floater-triangle-top {
    top: -50px;
  }
}
@media (max-width: 965px) {
  .learner-layout-body.relaunch .floater-triangle-top {
    left: -80px;
    top: -120px;
    width: 280px;
  }
}
.learner-layout-body.relaunch .floater-top-right {
  right: 0;
  top: 0;
}
@media (max-width: 1263px) {
  .learner-layout-body.relaunch .floater-top-right {
    right: -50px;
  }
}
@media (max-width: 965px) {
  .learner-layout-body.relaunch .floater-top-right {
    right: -125px;
    top: -65px;
    width: 270px;
  }
}
.learner-layout-body.relaunch .floater-triangle-bottom {
  right: 11%;
  top: 720px;
}
@media (max-width: 600px) {
  .learner-layout-body.relaunch .floater-triangle-bottom {
    display: none;
  }
}
.learner-layout-body.relaunch .hero-body {
  margin: 344px auto 520px;
  max-width: 890px;
  position: relative;
  z-index: 100;
}
@media (max-width: 965px) {
  .learner-layout-body.relaunch .hero-body {
    margin: 125px auto;
  }
}
@media (max-width: 600px) {
  .learner-layout-body.relaunch .hero-body {
    margin: 48px auto 24px;
    padding: 0 24px;
  }
}
.learner-layout-body.relaunch .hero-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
}
.learner-layout-body.relaunch .guest-front-door-block.msg-body .ql-display-medium strong {
  background: var(--md-sys-color-on-background);
  background-clip: text;
}

.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 .ql-headline-large {
  font-weight: 900;
}
.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__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(auto-fit, minmax(0, 360px));
  justify-content: center;
}
.guest-landing-wrapper .guest-landing-intro__discover__tabs__next {
  margin-top: 100px;
  margin-bottom: 20px;
  text-align: center;
}
.guest-landing-wrapper .guest-landing-intro__elevate {
  margin-bottom: 100px;
}
.guest-landing-wrapper .guest-landing-intro__elevate__headers {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  text-align: center;
  margin-bottom: 48px;
}
.guest-landing-wrapper .guest-landing-intro__elevate__grid {
  display: flex;
  gap: 40px;
  justify-content: center;
  margin-bottom: 50px;
}
@media (max-width: 600px) {
  .guest-landing-wrapper .guest-landing-intro__elevate__grid {
    align-items: center;
    flex-direction: column;
    gap: 20px;
  }
}
.guest-landing-wrapper .guest-landing-intro__elevate__grid img {
  height: fit-content;
  max-width: 1070px;
  width: 100%;
}
@media (max-width: 600px) {
  .guest-landing-wrapper .guest-landing-intro__elevate__grid img {
    max-width: 300px;
  }
}
.guest-landing-wrapper .guest-landing-intro__help {
  gap: 64px;
  margin-bottom: 48px;
}
.guest-landing-wrapper .guest-landing-intro__help__headers {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  text-align: center;
  margin-bottom: 48px;
}
.guest-landing-wrapper .guest-landing-intro__help__body__qa {
  margin-bottom: 30px;
}
.guest-landing-wrapper .guest-landing-intro__help__body__qa__question {
  display: flex;
  margin-bottom: 10px;
}
.guest-landing-wrapper .guest-landing-intro__help__body__qa__question__button {
  margin-left: auto;
}
.guest-landing-wrapper .guest-landing-intro__help__body__qa__question ql-toggle-button {
  transform: rotate(180deg);
}
.guest-landing-wrapper .guest-landing-intro__help__body__qa__question ql-toggle-button[on] {
  transition: transform 0.1s ease-in-out;
  transform: rotate(90deg);
}
.guest-landing-wrapper .guest-landing-intro__help__body .is-on .answer {
  display: none;
}

.html-bundle-iframe {
  height: calc(100vh - 64px);
  width: 100%;
}

.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;
  }
}

.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: hidden;
  -webkit-overflow-scrolling: touch;
}
body.lab-show #lab-content-container {
  overflow: visible;
}
body.lab-show .lab-content-container {
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}
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 #tip-collapsible {
  --border-radius: 8px;
  max-width: 264px;
  padding-bottom: 20px;
}
body.lab-show #tip-collapsible::part(header) {
  padding-right: 0px;
}
body.lab-show #tip-collapsible::part(header)::before {
  background-color: var(--md-sys-color-surface-container);
}
body.lab-show #tip-collapsible::part(icon-button) {
  padding: 10px;
  right: 0;
}
body.lab-show #tip-collapsible .ql-body-medium {
  padding-bottom: 10px;
}
body.lab-show #tip-collapsible [slot=collapsible] {
  padding: 0px 16px 16px 16px;
}
body.lab-show #tip-collapsible [slot=header] {
  padding: 16px 0px 16px 16px;
}
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 {
  padding: 24px;
}
@container (max-width: 600px) {
  body.lab-show ql-lab-control-panel.onramp {
    display: none;
  }
}
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;
}
body.lab-show .outline-container .ql-label-small {
  color: #1A73E8;
  font-weight: 700;
  padding: 20px 0px 24px 0px;
}
@container (max-width: 965px) {
  body.lab-show .outline-container {
    display: none;
  }
}
body.lab-show #lab-instructions {
  max-height: calc(100vh - 64px);
  overflow-y: auto;
}
body.lab-show #lab-outline-drawer {
  top: 24px;
}
@media (max-width: 600px) {
  body.lab-show #markdown-lab-instructions {
    max-height: 100vh;
    overflow-y: clip;
  }
}
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.lab-show .lab-outline-mobile {
  display: none;
}
@container (max-width: 965px) {
  body.lab-show .lab-outline-mobile {
    border: 1px solid #E8EAED;
    border-radius: 0px;
    display: block;
    margin: 24px 0px;
    max-width: 100%;
  }
  body.lab-show .lab-outline-mobile .header {
    display: flex;
    justify-content: space-between;
    margin: 0px 20px;
  }
  body.lab-show .lab-outline-mobile .header .ql-label-small {
    color: #1A73E8;
    font-weight: 700;
  }
  body.lab-show .lab-outline-mobile ul {
    margin: 0px 0px 20px 20px;
  }
  body.lab-show .lab-outline-mobile.is-on ul {
    display: none;
  }
}
@media (max-width: 600px) {
  body.lab-show .lab-outline-mobile {
    display: none;
  }
}
body.lab-show .lab-content__renderable-instructions {
  position: relative;
}
@container (max-width: 600px) {
  body.lab-show .instruction-guest-card::before,
  body.lab-show .instruction-signed-in-card::before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--base-surface-color) 100%);
    content: "";
    height: 150px;
    left: 0;
    position: absolute;
    top: -150px;
    width: 100%;
  }
}
body.lab-show .instruction-guest-card,
body.lab-show .instruction-signed-in-card {
  display: none;
}
@container (max-width: 600px) {
  body.lab-show .instruction-guest-card,
  body.lab-show .instruction-signed-in-card {
    background-color: var(--base-surface-color);
    bottom: 0px;
    display: block;
    position: absolute;
    width: 100%;
    z-index: 2;
  }
}
@container (min-width: 601px) and (max-width: 965px) {
  body.lab-show .instruction-guest-card {
    bottom: auto;
    display: block;
    position: static;
  }
}
body.lab-show .lab-mobile-card {
  display: none;
}
@container (max-width: 600px) {
  body.lab-show .lab-mobile-card {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 100%;
    padding: 16px;
    margin: 2px;
    text-align: center;
  }
  body.lab-show .lab-mobile-card .ql-body-small {
    color: var(--light-text-on-surface-color);
  }
  body.lab-show .lab-mobile-card ql-button {
    --button-width: 100%;
  }
  body.lab-show .lab-mobile-card img {
    max-height: 104px;
    max-width: 97px;
  }
}
body.lab-show .draw-guest-card {
  display: block;
}
@container (max-width: 965px) {
  body.lab-show .draw-guest-card {
    display: none;
  }
}
body.lab-show .lab-mobile-card.guest {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 16px auto;
  max-width: 320px;
  padding: 16px;
  text-align: center;
}
body.lab-show .lab-mobile-card.guest .check_message {
  align-items: center;
  display: flex;
  gap: 8px;
}
body.lab-show .lab-mobile-card.guest .check_message ql-icon {
  background-color: #E6F4EA;
  border-radius: 20px;
  color: #1E8E3E;
  min-height: 40px;
  min-width: 40px;
}
body.lab-show .lab-mobile-card.guest .ql-body-small {
  color: inherit;
}
body.lab-show .lab-mobile-card.guest ql-button {
  --button-width: 100%;
  --button-color: var(--quest-color);
}

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;
}

#lab-notification-dialog,
#lab-notification-subscribed-dialog {
  --dialog-width: 640px;
}
#lab-notification-dialog img,
#lab-notification-subscribed-dialog img {
  width: 348px;
  height: 180px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
  margin-bottom: 16px;
}
#lab-notification-dialog p.description,
#lab-notification-subscribed-dialog p.description {
  text-align: center;
  margin: 0px;
}
#lab-notification-dialog p.title,
#lab-notification-subscribed-dialog p.title {
  text-align: center;
  margin: 8px 0 12px 0;
}

#lab-quota-modal,
#lab-quota-one-lab-modal {
  --dialog-width: 560px;
  --dialog-height: 395px;
}
#lab-quota-modal img.lab-image-medium, #lab-quota-modal img.lab-image-small,
#lab-quota-one-lab-modal img.lab-image-medium,
#lab-quota-one-lab-modal img.lab-image-small {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
  margin-bottom: 16px;
}
#lab-quota-modal img.lab-image-small,
#lab-quota-one-lab-modal img.lab-image-small {
  width: 165px;
  height: 135px;
}
#lab-quota-modal img.lab-image-medium,
#lab-quota-one-lab-modal img.lab-image-medium {
  width: 297px;
  height: 154px;
}
#lab-quota-modal p.description,
#lab-quota-one-lab-modal p.description {
  text-align: center;
  margin: 0px;
  color: var(--md-sys-color-on-surface-variant);
}
#lab-quota-modal p.title,
#lab-quota-one-lab-modal p.title {
  text-align: center;
  margin: 8px 0 16px 0;
  color: var(--base-text-on-surface-color);
  font: var(--md-sys-typescale-title-large);
}

#close_button {
  margin: auto 24px 24px auto;
  line-height: 24px;
}

#cancel_button {
  margin: auto 12px 24px auto;
  line-height: 24px;
}

#confirm_button {
  margin: auto 24px 24px 12px;
  line-height: 24px;
}

#lab-notification-submit {
  margin: 6px 24px 40px 12px;
  line-height: 20px;
}

#lab-notification-close-button {
  margin: 6px 12px 40px 12px;
  line-height: 20px;
}

#lab-notification-subscribed-close-button {
  margin: 8px auto 40px auto;
}

.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 {
  --button-width: 112px;
}
.learner-layout-body ql-toolbar.app-toolbar .toolbar-tabs ql-tab:focus, .learner-layout-body ql-toolbar.app-toolbar .toolbar-tabs ql-tab.focus-visible {
  background-color: #1F1F1F · 10%;
}
@media (max-width: 965px) {
  .learner-layout-body ql-toolbar.app-toolbar .toolbar-tabs ql-tab {
    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);
  justify-content: center;
  min-height: 40px;
  position: relative;
}
@media (max-width: 600px) {
  .learner-layout-body .page-banner {
    text-align: center;
  }
}
.learner-layout-body .page-banner .content {
  max-width: calc(100vw - 64px);
}
.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;
  }
}

body.dashboard-body {
  background-color: var(--md-sys-color-surface-container);
}

.learner-profile-dashboard-wrapper {
  align-items: flex-start;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  justify-content: center;
  margin: 0 auto;
  max-width: 1440px;
  /**
   * Base components
   */
  /*
   * Misc component styling
   */
  /*
   * Up next section
   */
  /*
   * Stay on track section
   */
  /*
   * Featured section
   */
  /*
   * Your progress section
   */
  /*
   * League section
   */
}
@media (max-width: 965px) {
  .learner-profile-dashboard-wrapper {
    grid-template-columns: minmax(0, auto);
  }
}
.learner-profile-dashboard-wrapper .dashboard__column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.learner-profile-dashboard-wrapper .dashboard__section {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.learner-profile-dashboard-wrapper .dashboard__card {
  background: var(--base-surface-color);
  border-radius: 32px;
  padding: 32px;
}
.learner-profile-dashboard-wrapper .dashboard__card:has(ql-tab-group), .learner-profile-dashboard-wrapper .dashboard__card:is(ql-tab-group) {
  padding-top: 16px;
}
.learner-profile-dashboard-wrapper ql-activity-card {
  height: 320px;
  width: 100%;
}
.learner-profile-dashboard-wrapper .card-grid, .learner-profile-dashboard-wrapper .featured-section .featured-cards, .learner-profile-dashboard-wrapper .in-progress__content-cards, .learner-profile-dashboard-wrapper .up-next__content-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  justify-items: center;
}
@media (max-width: 1263px) {
  .learner-profile-dashboard-wrapper .card-grid, .learner-profile-dashboard-wrapper .featured-section .featured-cards, .learner-profile-dashboard-wrapper .in-progress__content-cards, .learner-profile-dashboard-wrapper .up-next__content-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
}
.learner-profile-dashboard-wrapper .up-next__no-content {
  display: flex;
  gap: 24px;
  justify-content: center;
}
@media (max-width: 965px) {
  .learner-profile-dashboard-wrapper .up-next__no-content {
    flex-direction: column;
  }
}
.learner-profile-dashboard-wrapper .up-next__no-content-msg {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: space-between;
}
.learner-profile-dashboard-wrapper .up-next__no-content-msg__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.learner-profile-dashboard-wrapper .up-next__no-content-msg ql-button {
  align-self: flex-end;
}
@media (max-width: 965px) {
  .learner-profile-dashboard-wrapper .up-next__no-content-msg {
    align-items: center;
    text-align: center;
  }
}
.learner-profile-dashboard-wrapper .up-next__classroom-breadcrumbs {
  color: var(--md-sys-color-surface-tint);
  font-weight: 700;
}
.learner-profile-dashboard-wrapper .up-next__content {
  display: flex;
  gap: 40px;
}
@media (max-width: 965px) {
  .learner-profile-dashboard-wrapper .up-next__content {
    align-items: center;
    flex-direction: column;
  }
}
.learner-profile-dashboard-wrapper .up-next__details {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}
.learner-profile-dashboard-wrapper .up-next__details h2 {
  font-weight: 500;
  text-wrap: auto;
}
.learner-profile-dashboard-wrapper .up-next__details-separator {
  margin: auto 0;
}
.learner-profile-dashboard-wrapper .up-next__footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 16px 0;
}
.learner-profile-dashboard-wrapper .up-next__footer div {
  align-items: center;
  color: #5F6368;
  display: flex;
  gap: 12px;
}
.learner-profile-dashboard-wrapper .up-next__footer .classroom-footer {
  display: flex;
  gap: 8px;
}
@media (max-width: 1263px) {
  .learner-profile-dashboard-wrapper .up-next__footer {
    align-items: start;
    flex-direction: column;
    gap: 8px;
  }
}
.learner-profile-dashboard-wrapper .up-next .breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  gap: 4px;
  padding-left: 0;
}
.learner-profile-dashboard-wrapper .up-next .breadcrumbs > a {
  display: inline-block;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.learner-profile-dashboard-wrapper .up-next img {
  max-height: 280px;
  max-width: 360px;
  width: 100%;
}
.learner-profile-dashboard-wrapper .in-progress__content {
  align-content: center;
  min-height: 220px;
}
.learner-profile-dashboard-wrapper .in-progress__content-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.learner-profile-dashboard-wrapper .in-progress__no-content {
  display: flex;
  gap: 24px;
  justify-content: center;
}
@media (max-width: 965px) {
  .learner-profile-dashboard-wrapper .in-progress__no-content {
    flex-direction: column;
  }
}
.learner-profile-dashboard-wrapper .in-progress__no-content-msg {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 450px;
}
.learner-profile-dashboard-wrapper .in-progress__no-content-msg h2 {
  font-weight: 500;
}
.learner-profile-dashboard-wrapper .in-progress__no-content-msg span {
  color: #5F6368;
}
@media (max-width: 965px) {
  .learner-profile-dashboard-wrapper .in-progress__no-content-msg {
    align-items: center;
    text-align: center;
  }
}
.learner-profile-dashboard-wrapper .in-progress__footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 16px 0;
}
.learner-profile-dashboard-wrapper .in-progress__footer div {
  align-items: center;
  color: #5F6368;
  display: flex;
  gap: 12px;
}
.learner-profile-dashboard-wrapper .in-progress__footer .classroom-footer {
  display: flex;
  gap: 8px;
}
@media (max-width: 1263px) {
  .learner-profile-dashboard-wrapper .in-progress__footer {
    align-items: start;
    flex-direction: column;
    gap: 8px;
  }
}
.learner-profile-dashboard-wrapper .in-progress__classroom {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.learner-profile-dashboard-wrapper .in-progress__classroom .thumbnail {
  max-height: 280px;
  max-width: 100%;
}
.learner-profile-dashboard-wrapper .in-progress__classroom-breadcrumbs {
  color: var(--md-sys-color-surface-tint);
  font-weight: 700;
}
.learner-profile-dashboard-wrapper .in-progress__details {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.learner-profile-dashboard-wrapper .in-progress__details h2 {
  font-weight: 500;
  text-wrap: auto;
}
.learner-profile-dashboard-wrapper .in-progress__details-separator {
  margin: auto 0;
}
.learner-profile-dashboard-wrapper .in-progress ql-tab-group {
  background: none;
}
.learner-profile-dashboard-wrapper .your-progress-section .dashboard__card {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.learner-profile-dashboard-wrapper .your-progress-section__activities, .learner-profile-dashboard-wrapper .your-progress-section__awards {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.learner-profile-dashboard-wrapper .your-progress-section__activities__headers, .learner-profile-dashboard-wrapper .your-progress-section__awards__headers {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.learner-profile-dashboard-wrapper .your-progress-section ql-pill-chart {
  margin-bottom: -16px;
}
.learner-profile-dashboard-wrapper .your-progress-section__badges {
  display: flex;
  gap: 8px;
}
.learner-profile-dashboard-wrapper .your-progress-section__badges img {
  width: 60px;
}
.learner-profile-dashboard-wrapper .your-progress-section ql-body-large {
  color: #5F6368;
}
.learner-profile-dashboard-wrapper .your-progress-section__badge-label-count {
  align-items: center;
  display: flex;
  font: var(--md-sys-typescale-body-medium);
  font-weight: bold;
  justify-content: space-between;
}
.learner-profile-dashboard-wrapper .your-progress-section__badge-label-count .badge-count {
  text-align: left;
}
.learner-profile-dashboard-wrapper .your-progress-section__badge-label-count .badge-label {
  align-items: center;
  display: flex;
  gap: 12px;
}
.learner-profile-dashboard-wrapper .your-progress-section__badge-label-count .badge-label::first-letter {
  text-transform: uppercase;
}
.learner-profile-dashboard-wrapper .your-progress-section__badge-label-count ql-icon {
  color: #006788;
}
.learner-profile-dashboard-wrapper .league-section {
  background: white;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.learner-profile-dashboard-wrapper .league-section__main-content {
  color: #5F6368;
  display: flex;
  gap: 16px;
  margin: 0 24px;
}
.learner-profile-dashboard-wrapper .league-section__main-content h3 {
  font-weight: 700;
}
.learner-profile-dashboard-wrapper .league-section__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.learner-profile-dashboard-wrapper .league-section__footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.learner-profile-dashboard-wrapper .league-section img {
  -webkit-box-reflect: below -8px linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6));
}
.learner-profile-dashboard-wrapper ql-activity-card {
  --card-border-radius: 32px;
}

ql-tab-group::part(tabs-container) {
  justify-content: flex-start;
  margin-left: 24px;
}
ql-tab-group::part(tab-0), ql-tab-group::part(tab-1), ql-tab-group::part(tab-2), ql-tab-group::part(tab-3), ql-tab-group::part(tab-4), ql-tab-group::part(tab-5), ql-tab-group::part(tab-6), ql-tab-group::part(tab-7), ql-tab-group::part(tab-8), ql-tab-group::part(tab-9) {
  width: auto;
}

#learner-profile-modal {
  --dialog-body-padding: 0px;
  --dialog-border-radius: 32px;
  --dialog-color: #E9EEF6;
  --dialog-icon-color: #00639B;
  --dialog-text-color: #444746;
  --dialog-width: 450px;
}
#learner-profile-modal .body_description {
  margin: 16px 24px 24px 24px;
}
#learner-profile-modal .carousel {
  background-color: #DDE3EA;
  display: flex;
  justify-content: center;
  max-height: 248px;
  padding: 24px 24px 0 24px;
  width: 100%;
}
#learner-profile-modal .carousel img.wide {
  max-width: 382px;
}
#learner-profile-modal .carousel img.short {
  max-width: 250px;
}

.learner-profile-account-menu {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 320px;
  overflow: auto;
  padding: 24px 16px 16px;
  text-align: center;
  width: fit-content;
}
.learner-profile-account-menu__profile {
  border-bottom: 1px solid var(--hairline-color);
  display: flex;
  gap: 16px;
  padding-bottom: 12px;
}
.learner-profile-account-menu__metadata {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.learner-profile-account-menu__metadata ql-chip {
  --chip-color: var(--md-sys-color-secondary-fixed);
}
.learner-profile-account-menu__credits {
  display: flex;
}
.learner-profile-account-menu__groups {
  text-align: left;
}
.learner-profile-account-menu__groups:first-of-type {
  padding-top: 12px;
}
.learner-profile-account-menu__groups:last-of-type {
  border-bottom: 1px solid var(--hairline-color);
  padding-bottom: 16px;
}
.learner-profile-account-menu__options {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
}
.learner-profile-account-menu__footer {
  display: flex;
}
@media (max-width: 400px) {
  .learner-profile-account-menu {
    min-width: unset;
    padding-top: 16px;
    width: 300px;
  }
}

.learning-plan-activity {
  display: flex;
}
.learning-plan-activity .learning-plan-outline {
  border-right: 1px solid var(--hairline-color);
  min-width: 240px;
}
@media (max-width: 600px) {
  .learning-plan-activity .learning-plan-outline {
    display: none;
  }
}
.learning-plan-activity .learning-plan-outline .outline-header {
  border-bottom: 1px solid var(--hairline-color);
  padding: 12px;
}

.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-search {
  width: 100%;
}
.learning-plans-body .learning-plans-wrapper .learning-plans-search md-outlined-text-field[type=search] {
  background: url("/assets/search_icon_gray700-69437a87d08aa8b6bbc535e02d84f13dd798bac6.svg") no-repeat 16px center;
  padding-left: 50px;
  margin-bottom: 60px;
}
.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: 965px) {
  .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: 965px) {
  .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: 965px) {
  .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 .learning-plan-title {
  font: var(--md-sys-typescale-display-large);
}
@media (max-width: 600px) {
  .learning-plans-body .learning-plan-details-wrapper .top-matter .learning-plan-title {
    font: var(--md-sys-typescale-headline-large);
  }
}
.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;
    flex-direction: column;
  }
}
.learning-plans-body .learning-plan-details-wrapper .top-matter .learning-plan-details .detail {
  align-items: center;
  display: flex;
  gap: 8px;
  line-height: 20px;
}
.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 .top-matter .learning-plan-completed {
  color: var(--success-color);
  display: flex;
  font-weight: 500;
  gap: 8px;
}
.learning-plans-body .learning-plan-details-wrapper .activities {
  margin-top: 80px;
}
.learning-plans-body .learning-plan-details-wrapper .activities .grid {
  display: grid;
  gap: 24px;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(auto, 400px));
  padding: 0;
}
@media (max-width: 600px) {
  .learning-plans-body .learning-plan-details-wrapper .activities .grid {
    justify-content: center;
    justify-items: center;
  }
  .learning-plans-body .learning-plan-details-wrapper .activities .grid ql-card {
    width: 100%;
  }
}
.learning-plans-body .learning-plan-details-wrapper .activities .grid .activity-card {
  align-items: flex-start;
  display: grid;
  height: 100%;
  width: 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 .top_section {
  min-height: 222px;
}
.learning-plans-body .learning-plan-details-wrapper .activities .grid .activity-card .content .top_section .badge_survey {
  color: var(--base-text-on-surface-color);
  margin: 59px 0 24px 0;
}
.learning-plans-body .learning-plan-details-wrapper .activities .grid .activity-card .content .top_section .ql-headline-3 {
  font-weight: bold;
}
.learning-plans-body .learning-plan-details-wrapper .activities .grid .activity-card .content .title {
  display: flex;
  gap: 8px;
}
.learning-plans-body .learning-plan-details-wrapper .activities .grid .activity-card .content .title span:first-child {
  color: var(--medium-text-on-surface-color);
  word-break: keep-all;
}
.learning-plans-body .learning-plan-details-wrapper .activities .grid .activity-card .content .title span:first-child.badge_survey {
  color: inherit;
}
@media not (max-width: 600px) {
  .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;
  }
}
@media (max-width: 600px) {
  .learning-plans-body .learning-plan-details-wrapper .activities .grid .activity-card .content .activity-details {
    display: grid;
    gap: 8px 24px;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
  }
}
.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;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: center;
}
.learning-plans-body .learning-plan-dashboard-wrapper .no-activity .learning-plans-grid {
  justify-content: center;
  width: 100%;
}
.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 .learning-plan-dashboard-wrapper .my-activity {
  display: flex;
  flex-direction: column;
  gap: 10px;
  display: grid;
  gap: 24px;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(auto, 360px));
  padding: 0;
}
.learning-plans-body .learning-plan-dashboard-wrapper .my-activity ql-activity-card {
  width: 100%;
}
@media (max-width: 600px) {
  .learning-plans-body .learning-plan-dashboard-wrapper .my-activity {
    justify-content: center;
    justify-items: center;
  }
}
.learning-plans-body .learning-plan-dashboard-wrapper .my-activity-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}
.learning-plans-body .learning-plan-dashboard-wrapper .my-activity-section h2 {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.learning-plans-body .learning-plan-dashboard-wrapper .my-activity .activities {
  display: inline-flex;
  gap: 24px;
}
.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;
  }
}

@media (max-width: 768px) {
  .learning-plans-body.relaunch ql-drawer-content.body-content {
    width: 100vw;
  }
}
.learning-plans-body.relaunch main {
  background: var(--md-sys-color-surface-container-low);
  overflow: hidden;
  padding: 48px;
}
@media (max-width: 600px) {
  .learning-plans-body.relaunch main {
    padding: 24px 16px;
  }
}
.learning-plans-body.relaunch .paths-shape-bottom, .learning-plans-body.relaunch .paths-shape-middle, .learning-plans-body.relaunch .paths-shape-top {
  position: absolute;
  z-index: 0;
}
.learning-plans-body.relaunch .paths-shape-top {
  right: 0;
  top: 0;
}
@media (max-width: 600px) {
  .learning-plans-body.relaunch .paths-shape-top {
    height: 337px;
    width: 337px;
  }
}
.learning-plans-body.relaunch .paths-shape-middle {
  left: 0;
  top: 1008px;
}
@media (max-width: 965px) {
  .learning-plans-body.relaunch .paths-shape-middle {
    left: unset;
    right: 50vw;
    top: 880px;
  }
}
@media (max-width: 600px) {
  .learning-plans-body.relaunch .paths-shape-middle {
    left: unset;
    right: 170px;
    top: 870px;
  }
}
@media (width <= 456px) {
  .learning-plans-body.relaunch .paths-shape-middle {
    right: 70px;
    top: 1050px;
    width: 90vw;
  }
}
@media (width <= 353px) {
  .learning-plans-body.relaunch .paths-shape-middle {
    top: 1140px;
  }
}
.learning-plans-body.relaunch .paths-shape-bottom {
  right: 0;
  top: 1658px;
}
@media (max-width: 600px) {
  .learning-plans-body.relaunch .paths-shape-bottom {
    left: 60%;
    top: calc(2100px - 50vw);
    width: 60vw;
  }
}
@media (width <= 353px) {
  .learning-plans-body.relaunch .paths-shape-bottom {
    top: calc(2300px - 50vw);
  }
}
.learning-plans-body.relaunch .paths-wrapper {
  margin: 0 auto;
  max-width: 1120px;
}
.learning-plans-body.relaunch .paths-intro, .learning-plans-body.relaunch .learning-paths-grid {
  margin-top: 32px;
  padding: 0 80px;
}
@media (max-width: 965px) {
  .learning-plans-body.relaunch .paths-intro, .learning-plans-body.relaunch .learning-paths-grid {
    padding: 0 24px;
  }
}
@media (max-width: 600px) {
  .learning-plans-body.relaunch .paths-intro, .learning-plans-body.relaunch .learning-paths-grid {
    padding: 0 12px;
  }
}
.learning-plans-body.relaunch .paths-intro, .learning-plans-body.relaunch .paths-categories, .learning-plans-body.relaunch .paths-list, .learning-plans-body.relaunch .explore, .learning-plans-body.relaunch .media, .learning-plans-body.relaunch .credentials, .learning-plans-body.relaunch .continue {
  position: relative;
  z-index: 100;
}
.learning-plans-body.relaunch .paths-intro {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.learning-plans-body.relaunch .paths-headline {
  color: var(--md-sys-color-on-surface);
  font-family: var(--Static-Display-Large-Font, "Google Sans");
  font-size: var(--Static-Display-Large-Size, 57px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: var(--Static-Display-Large-Tracking, 0px);
  line-height: var(--Static-Display-Large-Line-Height, 64px); /* 112.281% */
  margin-bottom: 16px;
}
.learning-plans-body.relaunch .paths-headline strong {
  background-image: linear-gradient(90deg, #4385F4 47%, #7A7ADB 60%, #AA70B6 63%, #D96671 72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
}
@media (max-width: 600px) {
  .learning-plans-body.relaunch .paths-headline strong {
    background-image: linear-gradient(90deg, #7A7ADB 0%, #D96671 10%, #D96671 43.1%, #4385F4 41%, #4385F4 96%, #AA70B6 100%);
  }
}
.learning-plans-body.relaunch .paths-description {
  margin-bottom: 24px;
}
.learning-plans-body.relaunch .paths-categories {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 24px 0;
  padding: 0;
}
.learning-plans-body.relaunch .paths-categories:hover, .learning-plans-body.relaunch .paths-categories a, .learning-plans-body.relaunch .paths-categories a.link, .learning-plans-body.relaunch .paths-categories a:hover, .learning-plans-body.relaunch .paths-categories a.link:hover {
  text-decoration: none;
}
.learning-plans-body.relaunch .paths-categories .category-block {
  align-content: center;
  align-items: center;
  color: var(--md-sys-color-on-surface-variant);
  cursor: pointer;
  display: flex;
  flex: 0 0 94px;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: center;
}
.learning-plans-body.relaunch .paths-categories .category-block .category-icon {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 56px;
  padding: 4px 0px;
}
.learning-plans-body.relaunch .paths-categories .category-block .category-title {
  align-items: center;
  display: flex;
  min-width: 100px;
  max-width: 160px;
  padding: 4px 0px;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media (max-width: 600px) {
  .learning-plans-body.relaunch .paths-categories .category-block .category-title {
    min-width: 0;
    max-width: 100px;
    font-size: var(--md-sys-typescale-label-medium-size, 12px);
  }
}
.learning-plans-body.relaunch .paths-categories .category-block.active {
  color: var(--md-sys-color-secondary);
}
.learning-plans-body.relaunch .paths-categories .category-block.active .category-icon {
  background: var(--md-sys-color-secondary-container);
  border-radius: 16px;
  font-variation-settings: "FILL" 1;
}
.learning-plans-body.relaunch .paths-categories .category-block.active .category-title {
  font-weight: 500;
}
.learning-plans-body.relaunch .paths-list {
  padding: 0 80px;
}
@media (max-width: 965px) {
  .learning-plans-body.relaunch .paths-list {
    padding: 0 8px;
  }
}
.learning-plans-body.relaunch .paths-list .learning-plans-grid {
  display: grid;
  gap: 20px;
  grid-auto-rows: 320px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  justify-content: center;
  padding: 0;
}
@media (max-width: 768px) {
  .learning-plans-body.relaunch .paths-list .learning-plans-grid {
    display: flex;
    gap: 0;
    justify-content: flex-start;
    margin: 0 -56px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
  }
  .learning-plans-body.relaunch .paths-list .learning-plans-grid ql-activity-card {
    flex-shrink: 0;
    height: 320px;
    margin-right: 0;
    padding-left: 20px;
    scroll-snap-align: start;
    width: 300px;
  }
  .learning-plans-body.relaunch .paths-list .learning-plans-grid ql-activity-card:first-child {
    padding-left: 48px;
  }
  .learning-plans-body.relaunch .paths-list .learning-plans-grid ql-activity-card:last-child {
    margin-right: 56px;
  }
}
@media (max-width: 600px) {
  .learning-plans-body.relaunch .paths-list .learning-plans-grid {
    margin: 0 -24px;
  }
  .learning-plans-body.relaunch .paths-list .learning-plans-grid ql-activity-card:first-child {
    padding-left: 24px;
  }
  .learning-plans-body.relaunch .paths-list .learning-plans-grid ql-activity-card:last-child {
    margin-right: 24px;
  }
}
.learning-plans-body.relaunch .explore {
  display: flex;
  justify-content: center;
  margin: 32px auto 24px;
  padding: 0;
}
.learning-plans-body.relaunch .media {
  padding: 80px 0;
}
@media (max-width: 600px) {
  .learning-plans-body.relaunch .media {
    padding: 80px 12px;
  }
}
.learning-plans-body.relaunch .media .media-msg-body {
  align-items: center;
  display: flex;
  gap: 32px;
}
@media (max-width: 965px) {
  .learning-plans-body.relaunch .media .media-msg-body {
    flex-direction: column-reverse;
    align-items: stretch;
  }
}
.learning-plans-body.relaunch .media h2.ql-display-large {
  font-size: 45px;
  line-height: var(--md-sys-typescale-display-medium-line-height, 52px);
  margin-bottom: 16px;
}
.learning-plans-body.relaunch .media span.ql-body-large {
  margin-bottom: 32px;
}
.learning-plans-body.relaunch .media .media-msg-text {
  display: flex;
  flex-direction: column;
  flex: 2;
  max-width: 550px;
  text-align: left;
}
.learning-plans-body.relaunch .media .media-msg-thumbnail {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto auto;
  flex: 3;
}
.learning-plans-body.relaunch .media .media-msg-thumbnail img {
  border-radius: 16px;
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 4;
  max-height: 420px;
  max-width: 640px;
  object-fit: cover;
  width: 100%;
}
@media (max-width: 600px) {
  .learning-plans-body.relaunch .media .media-msg-thumbnail img {
    max-height: 288px;
  }
}
.learning-plans-body.relaunch .media .media-msg-thumbnail .vid-button {
  color: white;
  --icon-size: 96px;
  --md-icon-button-icon-color: var(--md-sys-color-on-primary);
  --md-icon-button-focus-icon-color: var(--md-sys-color-on-primary);
  align-self: center;
  display: grid;
  grid-column-start: 2;
  grid-row-start: 2;
  justify-self: center;
  line-height: 0;
}
@media (max-width: 600px) {
  .learning-plans-body.relaunch .credentials {
    margin-top: 48px;
    padding: 80px 12px;
  }
}
.learning-plans-body.relaunch .credentials h2.ql-display-large.credential-title {
  font: var(--md-sys-typescale-display-medium);
  margin-bottom: 16px;
  text-align: center;
}
.learning-plans-body.relaunch .credentials span.credential-description {
  display: block;
  max-width: 660px;
  margin: 0 auto 24px;
  text-align: center;
}
.learning-plans-body.relaunch .credentials h3 {
  margin-bottom: 8px;
}
.learning-plans-body.relaunch .credentials a {
  font-weight: 500;
  padding: 6px 12px;
}
.learning-plans-body.relaunch .continue {
  margin: 80px auto;
  text-align: center;
}
@media (max-width: 600px) {
  .learning-plans-body.relaunch .continue {
    padding: 0 12px;
  }
}
.learning-plans-body.relaunch .continue .continue-img {
  margin-bottom: 24px;
}
.learning-plans-body.relaunch .continue h2 {
  margin-bottom: 16px;
}
.learning-plans-body.relaunch .continue .continue-description {
  margin-bottom: 32px;
}
.learning-plans-body.relaunch #video-modal {
  --dialog-body-padding: 0px;
  --dialog-color: none;
  --dialog-width: 900px;
}
.learning-plans-body.relaunch #video-modal::part(header) {
  padding: 0px;
}
.learning-plans-body.relaunch #video-modal::part(body) {
  display: flex;
  height: 500px;
  justify-content: center;
  padding: 0px;
}
@media (max-width: 965px) {
  .learning-plans-body.relaunch #video-modal::part(body) {
    height: 380px;
  }
}
@media (max-width: 600px) {
  .learning-plans-body.relaunch #video-modal::part(body) {
    height: 200px;
  }
}
.learning-plans-body.relaunch #video-modal::part(actions) {
  min-height: 0px;
}
@media (max-width: 965px) {
  .learning-plans-body.relaunch #video-modal {
    --dialog-width: 640px;
  }
}
@media (max-width: 600px) {
  .learning-plans-body.relaunch #video-modal {
    --dialog-width: 320px;
  }
}

#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-account #app-nav {
  border-right: 1px solid var(--hairline-color);
  overflow-x: hidden;
}
.my-account .page-header {
  position: sticky;
  top: 64px;
}

ql-dialog#delete-account-history-are-you-sure-modal {
  text-align: center;
}

.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 {
  --button-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;
  margin: 14px 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;
}

.learner-profile .activities-table {
  --anchor-text-decoration: underline;
  --first-th-padding-left: 24px;
  --last-td-padding-right: 24px;
  --thead-th-padding: 16px;
  border: 1px solid var(--hairline-color);
  border-radius: 16px;
  overflow: auto;
}
.learner-profile .description {
  color: #5F6368;
  margin-bottom: 40px;
  max-width: 789px;
}
.learner-profile .title {
  margin: 40px 0px 20px;
}
.learner-profile .profile-tabs {
  max-width: 1400px;
}
.learner-profile .in-progress__content-cards ql-search-result-container {
  --max-width: 1400px;
}
.learner-profile .in-progress__content {
  align-content: center;
  margin: 24px 24px 8px;
  min-height: 220px;
}
.learner-profile .in-progress__no-content {
  display: flex;
  gap: 24px;
  justify-content: center;
}
@media (max-width: 600px) {
  .learner-profile .in-progress__no-content {
    flex-direction: column;
  }
}
.learner-profile .in-progress__no-content-msg {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 450px;
}
.learner-profile .in-progress__no-content-msg h2 {
  font-weight: 500;
}
.learner-profile .in-progress__no-content-msg span {
  color: #5F6368;
}
@media (max-width: 600px) {
  .learner-profile .in-progress__no-content-msg {
    align-items: center;
    text-align: center;
  }
}

.barker-leaderboard-wrapper .leaderboard-content {
  margin: 0 auto;
  max-width: 954px;
}
.barker-leaderboard-wrapper ql-dialog#about-leagues-dialog {
  --dialog-width: 840px;
}
.barker-leaderboard-wrapper .league-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 40px 0 56px;
}
.barker-leaderboard-wrapper .league-header img {
  -webkit-box-reflect: below -8px linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6));
}
.barker-leaderboard-wrapper .league-header__info {
  display: flex;
  gap: 24px;
}
.barker-leaderboard-wrapper .league-header__promo-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  text-align: center;
}
.barker-leaderboard-wrapper .league-header__promo-details p {
  color: #5F6368;
  margin: 0;
}
.barker-leaderboard-wrapper .league-header__user-avatar {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 32px;
}
.barker-leaderboard-wrapper .league-header__user-avatar p {
  margin: 4px 0 0 0;
}
.barker-leaderboard-wrapper .league-header__help {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: center;
  text-align: center;
}
.barker-leaderboard-wrapper .league-header__help .about {
  text-decoration: underline;
}
@media (max-width: 600px) {
  .barker-leaderboard-wrapper .league-header__help {
    flex-direction: column;
    gap: 4px;
  }
}
.barker-leaderboard-wrapper .league-header__content {
  margin-bottom: 32px;
}
.barker-leaderboard-wrapper .league-header__nav-bar {
  align-items: center;
  display: flex;
  gap: 24px;
}
.barker-leaderboard-wrapper .league-header__about {
  align-items: center;
}
.barker-leaderboard-wrapper .league-header__about .leagues {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  justify-content: center;
}
.barker-leaderboard-wrapper .league-header__about .leagues .league-badge {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 965px) {
  .barker-leaderboard-wrapper .league-header {
    flex-direction: column;
  }
}
.barker-leaderboard-wrapper .time-remaining {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 24px;
}
.barker-leaderboard-wrapper .time-remaining.soon {
  color: var(--caution-color);
}
.barker-leaderboard-wrapper .time-remaining.very-soon {
  color: var(--warn-color);
}
.barker-leaderboard-wrapper table.leaderboard {
  border-radius: 24px;
  box-shadow: 0 0 0 1px var(--hairline-color);
  overflow: hidden;
}
.barker-leaderboard-wrapper table.leaderboard thead {
  border-bottom: 1px solid var(--hairline-color);
}
.barker-leaderboard-wrapper table.leaderboard th.position-header {
  text-align: center;
  width: 130px;
}
@media (max-width: 600px) {
  .barker-leaderboard-wrapper table.leaderboard th.position-header {
    width: 10px;
  }
}
.barker-leaderboard-wrapper table.leaderboard th.avatar-header {
  width: 50px;
}
.barker-leaderboard-wrapper table.leaderboard tr:has(+ .promote), .barker-leaderboard-wrapper table.leaderboard tr:has(+ .demote) {
  border-bottom: none;
}
.barker-leaderboard-wrapper table.leaderboard tr.promote, .barker-leaderboard-wrapper table.leaderboard tr.demote {
  border-bottom: none;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.barker-leaderboard-wrapper table.leaderboard tr.promote td, .barker-leaderboard-wrapper table.leaderboard tr.demote td {
  padding-left: 24px;
  padding-right: 24px;
}
.barker-leaderboard-wrapper table.leaderboard tr.promote span, .barker-leaderboard-wrapper table.leaderboard tr.demote span {
  margin: 0 12px;
  vertical-align: middle;
}
.barker-leaderboard-wrapper table.leaderboard tr.promote ql-icon, .barker-leaderboard-wrapper table.leaderboard tr.demote ql-icon {
  vertical-align: middle;
}
.barker-leaderboard-wrapper table.leaderboard tr .promote__container {
  background: #E6F4EA;
  border-radius: 8px;
  color: #0D652D;
  padding: 12px;
}
.barker-leaderboard-wrapper table.leaderboard tr .demote__container {
  background: #FCE8E6;
  border-radius: 8px;
  color: #A50E0E;
  padding: 12px;
}
.barker-leaderboard-wrapper table.leaderboard tr.current-user {
  background: var(--primary-surface-color-lightest);
}
.barker-leaderboard-wrapper table.leaderboard tr:last-child {
  border-bottom: none;
}
.barker-leaderboard-wrapper table.leaderboard td.rank {
  text-align: center;
}
.barker-leaderboard-wrapper .cohort-pending, .barker-leaderboard-wrapper .leaderboards-paused {
  margin-top: 32px;
  text-align: center;
}
.barker-leaderboard-wrapper .cohort-pending ql-progress-bar, .barker-leaderboard-wrapper .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 {
  --button-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;
}

.revoke_organization_invitation .button--delete {
  color: var(--md-sys-color-error);
}

@media (max-width: 600px) {
  .invite-link-banner {
    width: 700px;
  }
}

.invite-info-box {
  align-items: center;
  background: var(--md-sys-color-surface-container);
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between;
}
.invite-info-box .invite-text {
  flex-grow: 1;
  padding-left: 10px;
  text-align: left;
  white-space: normal;
}
.invite-info-box .invite-text p {
  margin-bottom: 7px;
}
.invite-info-box .invite-text p.bold {
  font-weight: bold;
}
.invite-info-box .invite-button {
  padding-left: 20px;
}
.invite-info-box .expand-button {
  padding: 10px 0px 10px 20px;
}

.invite-link-banner {
  background: var(--md-sys-color-surface-container);
  border: 1px solid var(--hairline-color);
  border-radius: 8px;
  padding: 16px;
}

.invite-link-list {
  background: var(--text-on-primary-color);
  border: 1px solid var(--hairline-color);
  border-radius: 8px;
  margin-top: 8px;
}
.invite-link-list table {
  overflow: hidden;
  table-layout: auto;
  width: 100%;
}
.invite-link-list table tbody tr:last-child {
  border-bottom: none;
}
.invite-link-list td {
  word-break: break-all;
}
.invite-link-list th.invite-header {
  width: 35%;
}
.invite-link-list th.bold-header {
  color: #3C4043;
  font-size: 14px;
  font-weight: bold;
}
.invite-link-list .toggle-column {
  align-items: center;
  display: flex;
}
.invite-link-list .link-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.invite-link-list .link-wrapper a {
  font-weight: normal;
}
.invite-link-list .link-wrapper :hover {
  cursor: pointer;
  text-decoration: none;
}
@media (max-width: 600px) {
  .invite-link-list .link-wrapper {
    display: inline-block;
    height: 4em;
    white-space: nowrap;
  }
  .invite-link-list .link-wrapper a {
    direction: rtl;
    display: block;
    max-width: 150px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
  }
}
.invite-link-list .extra_domains:hover {
  text-decoration: none;
}

ql-collapsible {
  --header-background: var(--md-sys-color-surface-container);
  --header-border: none;
  --panel-background: var(--md-sys-color-surface-container);
}
ql-collapsible [slot=header] {
  display: flex;
}
ql-collapsible [slot=collapsible] {
  padding: 0px;
}
ql-collapsible::part(header) {
  padding-right: 0px;
}
ql-collapsible::part(header):hover::before {
  background-color: var(--md-sys-color-surface-container);
}
ql-collapsible::part(icon-button) {
  margin-top: 0px;
  margin-left: 20px;
  position: relative;
  top: unset;
}
ql-collapsible .invite_table {
  max-height: 350px;
  overflow-y: auto;
}

.save_warning {
  font-weight: bold;
}

ql-tab-group.teams-and-members-tabs {
  background: none;
  margin-left: -24px;
  margin-right: -24px;
}
ql-tab-group.teams-and-members-tabs::part(tabs-container) {
  justify-content: flex-start;
  margin-left: 24px;
}
ql-tab-group.teams-and-members-tabs::part(tab-0), ql-tab-group.teams-and-members-tabs::part(tab-1) {
  width: auto;
}

.members-header, .teams-header, .team-header {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  --md-filled-button-container-height: 56px;
  --md-filled-button-label-text-size: 16px;
  --md-filled-button-icon-color: var(--md-sys-color-on-surface-variant);
  --md-filled-button-icon-size: 24px;
  --md-filled-button-focus-icon-color: var(--md-sys-color-on-surface-variant);
  --md-filled-button-hover-icon-color: var(--md-sys-color-on-surface-variant);
  --md-filled-button-pressed-icon-color: var(--md-sys-color-on-surface-variant);
}
.members-header ql-button, .teams-header ql-button, .team-header ql-button {
  --button-height: 56px;
  --button-color: transparent;
  --button-text-color: var(--md-sys-color-on-surface-variant);
  border: 1px solid var(--md-sys-color-outline-variant);
  border-radius: 100px;
  font: var(--md-sys-typescale-title-medium);
}
.members-header h3, .teams-header h3, .team-header h3 {
  display: flex;
  align-items: center;
  color: var(--md-sys-color-on-surface-variant);
}

.member-invite-banner {
  padding-top: 40px;
}

.members-search, .teams-search {
  padding-bottom: 24px;
  padding-top: 40px;
}
.members-search .search-and-filter, .teams-search .search-and-filter {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 16px;
  justify-content: space-between;
}
.members-search .search-and-filter .search-bar, .teams-search .search-and-filter .search-bar {
  align-items: center;
  display: flex;
}
.members-search .search-and-filter .search-bar #q_user_search_cont, .members-search .search-and-filter .search-bar #q_name_cont, .teams-search .search-and-filter .search-bar #q_user_search_cont, .teams-search .search-and-filter .search-bar #q_name_cont {
  background-color: var(--md-sys-color-surface-container-high);
  border-radius: 32px;
  max-width: 720px;
  min-width: 360px;
  padding-left: 10px;
  padding-right: 20px;
  --md-outlined-text-field-outline-color: transparent;
  --md-outlined-text-field-focus-outline-color: transparent;
  --md-outlined-text-field-hover-outline-color: transparent;
}
.members-search .search-and-filter .search-bar .icon-button, .teams-search .search-and-filter .search-bar .icon-button {
  background: none;
  color: var(--md-sys-color-on-surface-variant);
  border: none;
  margin-left: -60px;
  cursor: pointer;
}
.members-search .filters, .teams-search .filters {
  color: var(--md-sys-color-on-surface-variant);
}
.members-search .filters .filter-checkbox input[type=checkbox]:checked + label, .teams-search .filters .filter-checkbox input[type=checkbox]:checked + label {
  color: var(--md-sys-color-on-secondary-fixed-variant);
  background: var(--md-sys-color-secondary-container);
}

.members-table table, .teams-table table, .team-members-table table {
  border: none;
  border-collapse: collapse;
  font: var(--md-sys-typescale-body-medium);
  margin-bottom: 0px;
}
.members-table table a, .members-table table .link, .teams-table table a, .teams-table table .link, .team-members-table table a, .team-members-table table .link {
  color: var(--md-sys-color-primary);
}
.members-table table tbody tr:last-child, .teams-table table tbody tr:last-child, .team-members-table table tbody tr:last-child {
  border-bottom: none;
}
.members-table th, .teams-table th, .team-members-table th {
  color: var(--md-sys-color-on-surface-variant);
  font: var(--md-sys-typescale-title-small);
}
.members-table th .sort_link, .teams-table th .sort_link, .team-members-table th .sort_link {
  color: var(--md-sys-color-on-surface-variant);
  font: var(--md-sys-typescale-title-small);
}
.members-table .shaded-row, .teams-table .shaded-row, .team-members-table .shaded-row {
  background: rgba(31, 31, 31, 0.1019607843);
}
.members-table .membership-table, .teams-table .membership-table, .team-members-table .membership-table {
  display: flex;
  flex-direction: column;
}
.members-table .top-content, .teams-table .top-content, .team-members-table .top-content {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 16px;
  justify-content: space-between;
  padding-bottom: 40px;
  padding-top: 16px;
  padding-right: 16px;
  --md-outlined-button-label-text-color: var(--md-sys-color-on-surface-variant);
  --md-outlined-button-outline-color: var(--md-sys-color-outline-variant);
}
.members-table .top-content p, .teams-table .top-content p, .team-members-table .top-content p {
  margin-bottom: 0px;
}
.members-table .top-content ql-button, .teams-table .top-content ql-button, .team-members-table .top-content ql-button {
  --button-height: 48px;
  --button-color: var(--md-sys-color-secondary-container);
  --button-text-color: var(--md-sys-color-on-secondary-fixed-variant);
}
.members-table .teams-table .td:nth-child(4), .teams-table .teams-table .td:nth-child(4), .team-members-table .teams-table .td:nth-child(4) {
  width: 10%;
}
.members-table .table-container, .teams-table .table-container, .team-members-table .table-container {
  border: 1px solid var(--md-sys-color-outline-variant);
  border-radius: 8px;
}

.assignments-body .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.assignments-body .actions ql-card {
  flex: 1;
}
.assignments-body .actions ql-card .text {
  float: left;
}
.assignments-body .actions ql-card ql-icon-button {
  float: right;
}

.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 (width <= 1032px) {
  .profile-badges {
    grid-template-columns: 1fr 1fr;
  }
}
@media (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;
}

.public-profile {
  border-radius: 8px;
  padding: 4px 8px;
}
.public-profile.public {
  background: var(--md-sys-color-tertiary-container);
  color: var(--md-sys-color-on-tertiary-container);
}

.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;
}

.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 {
  overflow-x: hidden;
  padding: 24px 16px 0 16px;
}
.quiz-body .quiz-wrapper h3, .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;
}

ql-dialog#subscription-modal {
  --dialog-width: 525px;
  --dialog-color: #E9EEF6;
  text-align: center;
  padding: 24px;
}
ql-dialog#subscription-modal ql-icon {
  color: #00639B;
  margin-bottom: 16px;
}

.updated-subscriptions-body {
  background-color: #F8FAFD;
}
.updated-subscriptions-body a.mdlink {
  color: var(--md-sys-color-primary);
}
.updated-subscriptions-body .organization-user-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: fit-content;
}
.updated-subscriptions-body .organization-user-container .organization-text {
  margin-bottom: 0;
}
.updated-subscriptions-body .organization-user-container .button-container {
  display: inline-block;
}
.updated-subscriptions-body .subscriptions-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 904px;
}
.updated-subscriptions-body .subscriptions-container .heading {
  text-align: center;
  font-family: var(--Static-Display-Large-Font, "Google Sans");
  font-size: var(--Static-Display-Large-Size, 57px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Static-Display-Large-Line-Height, 64px); /* 112.281% */
  letter-spacing: var(--Static-Display-Large-Tracking, 0px);
  margin-bottom: 16px;
}
.updated-subscriptions-body .subscriptions-container .heading .highlight {
  color: var(--md-sys-color-primary);
}
.updated-subscriptions-body .subscriptions-container .description {
  text-align: center;
  width: 100%;
  margin-bottom: 24px;
}
.updated-subscriptions-body .subscriptions-container .gcsb-org-banner-container {
  background: #f0f4f9;
  width: 100%;
  display: flex;
  padding: 16px 8px 16px 16px;
  flex-direction: column;
  gap: 1px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: var(--Corner-Large, 16px);
  background: #e9eef6;
  margin-bottom: 48px;
}
.updated-subscriptions-body .subscriptions-container .gcsb-org-banner-container .custom-action {
  padding-right: 24px;
}
.updated-subscriptions-body .subscriptions-container .gcsb-org-banner-container .custom-action ::slotted(ql-button) {
  padding-left: 16px;
}
.updated-subscriptions-body .subscriptions-container .gcsb-org-banner-container .gcsb-org-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.updated-subscriptions-body .subscriptions-container .gcsb-org-banner-container .gcsb-org-banner-start {
  align-items: flex-start;
  display: flex;
  align-items: center;
  margin-right: auto;
  padding: 4px 0px;
}
@media (width <= 768px) {
  .updated-subscriptions-body .subscriptions-container .gcsb-org-banner-container .gcsb-org-banner-start {
    grid-column: 1;
    left: 0;
  }
}
.updated-subscriptions-body .subscriptions-container .gcsb-org-banner-container .gcsb-org-banner-icon {
  border-radius: var(--Corner-Full, 1000px);
  background: #0b57d0;
  color: #e3e3e3;
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.updated-subscriptions-body .subscriptions-container .gcsb-org-banner-container .gcsb-org-banner-actions {
  display: flex;
  align-items: center;
}
.updated-subscriptions-body .subscriptions-container .gcsb-org-banner-container .gcsb-org-banner-content {
  flex-grow: 1;
  padding: 2px 0px 2px 24px;
}
.updated-subscriptions-body .subscriptions-container .gcsb-org-banner-container .gcsb-org-banner-title {
  margin-bottom: 0;
}
.updated-subscriptions-body .subscriptions-container .gcsb-org-banner-container .gcsb-org-banner-text {
  margin-bottom: 0;
}
.updated-subscriptions-body .subscriptions-container .subscriptions-footer {
  text-align: center;
}
.updated-subscriptions-body .subscriptions-container .terms {
  text-align: center;
  width: 60%;
}
.updated-subscriptions-body .subscriptions-container .subscriptions-tabs {
  display: flex;
  flex-direction: row;
  margin-bottom: 24px;
}
.updated-subscriptions-body .subscriptions-container .subscriptions-tabs .tab-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.updated-subscriptions-body .subscriptions-container .subscriptions-tabs ql-icon {
  margin-right: 8px;
}
.updated-subscriptions-body .subscriptions-container .subscriptions-tabs .left-tab, .updated-subscriptions-body .subscriptions-container .subscriptions-tabs .right-tab {
  color: #1F1F1F;
  border: 1px solid #747775;
  padding: 10px 12px;
}
.updated-subscriptions-body .subscriptions-container .subscriptions-tabs .left-tab.active, .updated-subscriptions-body .subscriptions-container .subscriptions-tabs .right-tab.active {
  background-color: #C2E7FF;
  color: #004A77;
}
.updated-subscriptions-body .subscriptions-container .subscriptions-tabs .left-tab {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-right: none;
}
.updated-subscriptions-body .subscriptions-container .subscriptions-tabs .right-tab {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
.updated-subscriptions-body .subscriptions-container .plans-content {
  display: flex;
  flex-direction: row;
  align-self: stretch;
  justify-content: center;
  gap: 20px;
  margin-bottom: 24px;
}
@media (max-width: 965px) {
  .updated-subscriptions-body .subscriptions-container .plans-content {
    flex-direction: column;
    justify-content: flex-start;
    align-self: auto;
  }
}
.updated-subscriptions-body .subscriptions-container .plan-container {
  width: 288px;
  border: 1px solid #E1E3E1;
  border-radius: 8px;
  background-color: white;
  padding: 24px 24px 16px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.updated-subscriptions-body .subscriptions-container .plan-container.current-plan {
  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.updated-subscriptions-body .subscriptions-container .plan-container p {
  margin-bottom: 0;
}
.updated-subscriptions-body .subscriptions-container .plan-container .chips-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
}
.updated-subscriptions-body .subscriptions-container .plan-container .chips-container ql-chip {
  --chip-border-color: none;
}
.updated-subscriptions-body .subscriptions-container .plan-container .chips-container ql-chip.current-chip {
  --chip-border-color: #C4C7C5;
}
.updated-subscriptions-body .subscriptions-container .plan-container .chips-container ql-chip.innovator {
  --chip-color: #E9EEF6;
}
.updated-subscriptions-body .subscriptions-container .plan-container .chips-container ql-chip.monthly {
  --chip-color: #FFFADE;
  --chip-text-color: #8F4E06;
}
.updated-subscriptions-body .subscriptions-container .plan-container .chips-container ql-chip.annual {
  --chip-color: #F7ECFE;
  --chip-text-color: #7438D2;
}
.updated-subscriptions-body .subscriptions-container .plan-container h2.plan-title-heading {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin: 0;
  text-align: center;
}
.updated-subscriptions-body .subscriptions-container .plan-container h2.plan-title-heading ql-chip {
  --chip-border-color: none;
}
.updated-subscriptions-body .subscriptions-container .plan-container h2.plan-title-heading ql-chip.innovator {
  --chip-color: #E9EEF6;
}
.updated-subscriptions-body .subscriptions-container .plan-container h2.plan-title-heading ql-chip.monthly {
  --chip-color: #FFFADE;
  --chip-text-color: #8F4E06;
}
.updated-subscriptions-body .subscriptions-container .plan-container h2.plan-title-heading ql-chip.annual {
  --chip-color: #F7ECFE;
  --chip-text-color: #7438D2;
}
.updated-subscriptions-body .subscriptions-container .plan-container h2.plan-title-heading .price-details {
  font-family: "Google Sans";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}
.updated-subscriptions-body .subscriptions-container .plan-container h2.plan-title-heading .price-details .frequency-details {
  font-weight: 400;
}
.updated-subscriptions-body .subscriptions-container .plan-container .plan-description {
  text-align: center;
  width: 100%;
}
.updated-subscriptions-body .subscriptions-container .plan-container .plan-details-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.updated-subscriptions-body .subscriptions-container .plan-container .plan-details-container .plan-detail {
  display: flex;
  flex-direction: row;
}
.updated-subscriptions-body .subscriptions-container .plan-container .plan-details-container .plan-detail p {
  font-size: 14px;
  line-height: 2.5rem;
}
.updated-subscriptions-body .subscriptions-container .plan-container .plan-details-container .plan-detail ql-icon {
  margin-right: 8px;
}
.updated-subscriptions-body .subscriptions-container .plan-container .plan-form {
  width: 100%;
}
.updated-subscriptions-body .subscriptions-container .plan-container .plan-button {
  --button-width: 100%;
}
.updated-subscriptions-body .subscriptions-container .plan-container .manage-subscriptions-button {
  --md-outlined-button-outline-color: #B3261E;
  --md-outlined-button-hover-state-layer-color: #B3261E;
  --md-outlined-button-pressed-state-layer-color: #B3261E;
  --md-outlined-button-label-text-color: #B3261E;
  --md-outlined-button-hover-label-text-color: #B3261E;
  --md-outlined-button-focus-label-text-color: #B3261E;
  --md-outlined-button-pressed-label-text-color: #B3261E;
}

.terms-of-service-body .terms-wrapper {
  max-width: 800px;
  margin: 0 auto;
  padding: 64px 24px;
  text-align: center;
}
.terms-of-service-body .terms-wrapper .ql-body {
  text-align: left;
}
.terms-of-service-body .terms-wrapper #decline-tos-dialog {
  --dialog-width: 379px;
}
.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-body .form-row.buttons {
  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;
  overflow-wrap: break-word;
}
.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: 8px 0;
}
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;
}

/* Qwiklabs 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;
}

/* stylelint-disable-line scss/load-partial-extension */