.error-page {
  background-color: #fff;
}
.error-page__gif {
  display: block;
  height: 317px;
  margin: 50px auto;
}
.error-page__message {
  padding: 0 100px;
  text-align: center;
}
.error-page__message h3 {
  color: #2b303b;
  font-family: 'Proxima Nova', Arial, sans-serif;
  line-height: 1.65;
  margin: 0;
  padding: 0;
  font-family: 'Proxima Nova', Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: normal;
  margin: 0 0 16px 0;
}
.error-page__message p {
  color: #2b303b;
  font-family: 'Proxima Nova', Arial, sans-serif;
  line-height: 1.65;
  margin: 0;
  padding: 0;
  margin: 0 0 16px 0;
}
.error-page__message.channels-app--not-available h3,
.error-page__message.channels-app--not-available p {
  color: #fff;
}
p.error-page__meta {
  margin: 0;
}
.error-page__links {
  padding: 30px 0;
  text-align: center;
}
.error-page__links .comet-button--flat.comet-button--primary {
  color: #2d6a9f;
}
body,
.comet-global-nav-bar {
  font-size: 16px;
}
.js-comet-dropdown-trigger svg {
  pointer-events: none;
}
.comet-product-bar__product-title:hover {
  color: #fff;
}
.comet-product-bar__action--profile .comet-dropdown-menu {
  max-height: none;
}
.comet-product-bar__action--profile .comet-list-group__avatar {
  opacity: 0;
  transition: 0.25s ease-in;
}
.comet-product-bar__action--profile .comet-list-group__avatar.comet-list-group__avatar--loaded {
  opacity: 1;
}
.comet-dropdown-menu.comet-product-bar__profile-dropdown {
  z-index: 10000;
}
.comet-product-bar__action-icon {
  pointer-events: none;
}
.comet-product-bar__action-icon.comet-product-bar__action-icon--quit-impersonation {
  fill: #363c49;
}
.comet-product-bar__action-link.comet-button.comet-product-bar__action-link--quit-impersonation {
  background: #ff7d2a;
}
.comet-product-bar__search-input::-ms-clear {
/* prevent IE's clear search X from appearing */
  display: none;
  width: 0;
  height: 0;
}
.comet-product-bar__search-button {
  background-color: #3884c7;
}
.comet-product-bar__search-button:hover,
.comet-product-bar__search-button:focus {
  background-color: #224f77;
}
.comet-product-bar__search-button .comet-button__icon {
  fill: #fff;
  vertical-align: baseline;
}
.comet-product-bar__search-box-wrapper .comet-dropdown-menu {
  top: 35px;
  left: 0;
  display: block;
}
.comet-product-bar__action-link.comet-button,
.comet-product-bar__profile-dropdown-header-close {
  border: 0;
}
.comet-screenreader-only {
/* preventing focus outline from surrounding screenreader text */
  font-size: 0;
}
.comet-footer {
  padding-bottom: 40px; /* pushing footer above quicklist bar */
}
.comet-footer__link {
  margin: 0 16px 0 0;
}
a.comet-button--primary.comet-button--hover,
a.comet-button--primary:hover,
.comet-footer__link a:visited,
.comet-footer__link a:hover {
  color: #fff;
}
.comet-product-bar .comet-product-bar__product-title,
.comet-product-bar .comet-product-bar__product-title:visited,
.comet-product-bar .comet-product-bar__product-title:hover,
.comet-product-bar .comet-product-bar__product-title:focus,
.comet-product-bar .comet-product-bar__product-title:active {
  color: #535c70;
}
@media screen and (min-width: 768px) {
  .comet-product-bar .comet-product-bar__product-title,
  .comet-product-bar .comet-product-bar__product-title:visited,
  .comet-product-bar .comet-product-bar__product-title:hover,
  .comet-product-bar .comet-product-bar__product-title:focus,
  .comet-product-bar .comet-product-bar__product-title:active {
    color: #fff;
  }
}
.comet-global-nav-bar.comet-global-nav-bar--theme-product-my-de .comet-global-nav-bar__item--selected:before {
  background-color: #2d6a9f;
}
.comet-global-nav-bar.comet-global-nav-bar--theme-product-streaming-plus .comet-global-nav-bar__item--selected:before {
  background-color: #439fef;
}
.comet-global-nav-bar.comet-global-nav-bar--theme-product-math-techbook .comet-global-nav-bar__item--selected:before {
  background-color: #814ae8;
}
.comet-global-nav-bar.comet-global-nav-bar--theme-product-science-techbook .comet-global-nav-bar__item--selected:before {
  background-color: #9edf53;
}
.comet-global-nav-bar.comet-global-nav-bar--theme-product-social-studies-techbook .comet-global-nav-bar__item--selected:before {
  background-color: #e7774b;
}
.comet-global-nav-bar.comet-global-nav-bar--theme-product-stem-connect .comet-global-nav-bar__item--selected:before {
  background-color: #62d0bc;
}
.comet-product-bar__search .comet-list-group__row--search-suggest-selected a {
  background-color: #f0f2f4;
}
.comet-page-shell__global-nav-bar-inner {
  width: 290px;
}
#scrollable {
  z-index: 11;
}
@media screen and (min-width: 768px) {
  .comet-product-bar__global-brand,
  .comet-page-shell__product-well-overlay {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .comet-skiplinks,
  .comet-skiplinks:focus {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .comet-page-shell .lightbox-content-wrap {
    width: 80% !important;
  }
}
.comet-toggletip {
  position: relative;
}
.comet-toggletip .comet-popover__nub {
  background: #fff;
  box-shadow: -3px -3px 3px 0 rgba(0,0,0,0.05);
}
.comet-toggletip-content {
  background: #fff;
  color: #2b303b;
  left: 50%;
  margin-top: 8px;
  transform: translateX(-50%);
  width: 100%;
}
#nprogress {
  background: #0b0c0f;
  height: 5px;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10;
}
#nprogress .bar {
  background: #439fef;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
}
body.techbook.science #nprogress .bar {
  background: #9edf53;
}
body.techbook.math #nprogress .bar {
  background: #814ae8;
}
body.techbook.ss #nprogress .bar {
  background: #e7774b;
}
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 10px 0 15px #eee, 5px 5px 10px #eee;
  opacity: 1;
  border-radius: 0 0 5px 0;
  -webkit-transform: rotate(4deg) translate(0px, -9px);
  -ms-transform: rotate(4deg) translate(0px, -9px);
  transform: rotate(4deg) translate(0px, -9px);
}
@media screen and (max-width: 374px) {
  .comet-global-brand-logo {
    width: 32px;
  }
  .comet-product-bar__product-title-icon {
    height: 24px;
    width: 82px;
  }
  .comet-product-bar__product-title {
    padding: 0;
  }
}
ul.comet-product-bar__actions {
  margin-left: auto;
}
ul.comet-product-bar__actions .comet-list-group__list {
  margin: 0;
}
.comet-product-bar__actions .comet-product-bar__profile-dropdown-sign-out-row.comet-product-bar__profile-dropdown-sign-out-row--hidden {
  display: none;
}
.comet-product-bar__search-button-microphone {
  bottom: 0;
  display: none;
  margin: 0;
  padding: 13px 10px;
  position: absolute;
  right: 54px;
  top: 0;
  z-index: 100;
}
.comet-product-bar-container--show-microphone .comet-product-bar__search-button-microphone {
  display: block;
}
.comet-product-bar__search-button-microphone svg {
  fill: #2d6a9f;
}
.comet-product-bar__search-button-microphone--recording svg {
  fill: #b42818;
}
.comet-product-bar__action--help {
  position: static;
}
.comet-product-bar__help-dropdown {
  max-height: none;
}
.comet-product-bar__help-dropdown .comet-theme--dark-background .comet-list-group__row {
  border-bottom-width: 0;
}
.comet-product-bar__help-dropdown .comet-theme--dark-background .comet-list-group__row .comet-list-group__row-anchor {
  padding: 16px;
}
.comet-product-bar__help-dropdown .comet-list-group__row:first-of-type {
  border-top: 0;
}
@media screen and (min-width: 600px) {
  .comet-product-bar__action--help {
    position: relative;
  }
  .comet-product-bar__action--help .comet-product-bar__action__popover {
    left: -17px;
    top: 44px;
  }
  .comet-dropdown-menu.comet-product-bar__help-dropdown {
    width: 300px;
  }
  .comet-dropdown-menu.comet-product-bar__help-dropdown .comet-theme--dark-background .comet-list-group__row {
    border-bottom-width: 1px;
  }
  .comet-dropdown-menu.comet-product-bar__help-dropdown .comet-theme--dark-background .comet-list-group__row .comet-list-group__row-anchor {
    padding: 8px 16px;
  }
}
.comet-product-bar__action-link--quit-impersonation {
  background: #ff7d2a;
}
.comet-product-bar__action-icon--quit-impersonation {
  fill: #363c49;
}
.comet-product-bar__action {
  text-align: left;
}
.comet-list-group__row-label--quit-impersonation {
  background: #ff7d2a;
  border-radius: 3px;
  padding: 8px;
}
.comet-list-group__row-label--quit-impersonation-svg {
  fill: #fff;
  height: 20px;
  margin: 0 5px 0 0;
  vertical-align: middle;
  width: 20px;
}
.comet-list-group--no-hairlines .comet-list-group__row.comet-list-group__row-multisite {
  border-bottom: solid 1px #58627d;
  padding: 8px 16px;
  width: 100%;
}
.comet-list-group__multisite-inner {
  margin: 0;
  padding: 0;
  width: 100%;
}
.comet-list-group__multisite-item--site {
  text-transform: uppercase;
}
.comet-list-group__multisite-item {
  color: #fff;
  padding: 4px 0;
}
.comet-list-group__multisite-item > .comet-button {
  text-align: center;
  width: 100%;
}
.comet-product-bar__action:hover .comet-product-bar__action__popover.visible,
.comet-product-bar__action__popover.visible {
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  .comet-product-bar__action__popover.visible {
    font-family: 'Proxima Nova', Arial, sans-serif;
    font-size: 1.125rem;
    opacity: 0;
    position: absolute;
    transition: 0.25s ease-in-out;
    visibility: hidden;
  }
  .comet-product-bar__action-link:hover .comet-product-bar__action__popover.visible {
    opacity: 0.85;
    visibility: visible;
  }
  .comet-product-bar__action--quicklist .comet-product-bar__action__popover {
    right: -16px;
    top: 33px;
  }
  .comet-product-bar__action--profile .comet-product-bar__action__popover {
    right: 1px;
    top: 44px;
  }
  .comet-product-bar__action--profile .comet-product-bar__action__popover .comet-popover__nub {
    left: 61px;
  }
}
.comet-page-shell__product-well--contains-breadcrumb-nav .comet-product-bar__search-box-wrapper {
  opacity: 0;
  transition: all 0.25s ease-in-out;
  visibility: hidden;
}
.comet-page-shell__product-well--contains-breadcrumb-nav .comet-button.comet-product-bar__action-link.comet-product-bar__close-search {
  background-color: transparent;
  display: block;
  width: 36px;
}
.comet-page-shell__product-well--contains-breadcrumb-nav .comet-button.comet-product-bar__action-link.comet-product-bar__close-search svg {
  display: none;
}
.comet-page-shell__search-visible .comet-page-shell__product-well--contains-breadcrumb-nav .comet-product-bar__search-box-wrapper {
  opacity: 1;
  visibility: visible;
}
.comet-page-shell__search-visible .comet-page-shell__product-well--contains-breadcrumb-nav .comet-button.comet-product-bar__action-link.comet-product-bar__close-search svg {
  display: block;
}
.comet-product-bar__action-link:focus {
  outline: 1px #106cbc #fff;
}
.action-quick-list .action-quick-list__check,
.action-quick-list .action-quick-list__sr-remove {
  display: none;
}
.action-quick-list.active .action-quick-list__check,
.action-quick-list.active .action-quick-list__sr-remove {
  display: inline-block;
}
.action-quick-list.active .action-quick-list__plus,
.action-quick-list.active .action-quick-list__sr-add {
  display: none;
}
.action-menu-list,
.action-tool-tip {
  background: #0b0c0f;
  border-radius: 4px;
  bottom: auto;
  color: #fff;
  display: none;
  font-family: 'Proxima Nova', Arial, sans-serif;
  font-size: 16px;
  padding: 8px;
  position: absolute;
  width: 180px;
  z-index: 1;
}
.action-menu-list:before,
.action-tool-tip:before {
  border: 8px solid;
  border-color: transparent transparent #0b0c0f transparent;
  content: "";
  display: block;
  position: absolute;
  right: -16px;
  top: 16px;
  transform: rotate(90deg);
}
.action-menu-list {
  right: 40px;
  top: 29px;
}
.action-menu-list:before {
  top: 16px;
}
.action-list-visible {
  background-color: #0b0c0f;
}
.action-list-visible + .action-menu-list {
  display: block;
}
.action-menu-list__item {
  line-height: 1;
  margin: 0;
}
.action-menu-list__button {
  background: transparent;
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: 'Proxima Nova', Arial, sans-serif;
  list-style-type: none;
  padding: 8px 4px;
  text-align: right;
  width: 100%;
}
.action-menu-list__button:hover {
  background: #404653;
  color: #fff;
}
.action-button:hover .action-tool-tip {
  display: block;
}
.touch .action-button:hover .action-tool-tip {
  display: none;
}
.action-tool-tip {
  right: 40px;
  text-align: center;
}
.action-tool-tip:before {
  top: 9px;
}
.action-tool-tip--quicklist {
  top: 0;
}
.action-tool-tip--more {
  top: 36px;
}
.comet-flyout-overlay {
  display: none;
  position: absolute;
  z-index: 140;
}
.comet-flyout-trigger {
  align-items: center;
  color: #fff;
  display: flex;
  cursor: pointer;
  border: 0;
  border-radius: 0;
  height: 72px;
  padding: 0 19px 0 16px;
  transition: all 0.25s ease-in-out;
  width: 100%;
}
.comet-flyout-trigger:hover,
.comet-flyout-trigger.comet-flyout--visible {
  background-color: #535c70;
  transition: 0.25s ease-in-out;
}
.comet-flyout-trigger:focus {
  transition: 0.25s ease-in-out;
}
.comet-flyout-trigger__text-wrap {
  padding: 0 16px 0 0;
  text-align: left;
  width: calc(100% - 32px);
}
.comet-flyout-trigger__label {
  font-size: 13px;
  text-transform: uppercase;
}
.comet-flyout-trigger__title {
  display: block;
  font-size: 1.125rem;
  overflow: hidden;
  padding: 0;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.comet-flyout-trigger__expand-icon {
  fill: #fff;
  margin: 0;
}
.comet-flyout-trigger__expand-icon--close {
  display: none;
}
.comet-flyout {
  background-color: #535c70;
  display: none;
  position: absolute;
  width: 100%;
  z-index: 200;
}
.comet-flyout > .comet-row__inner {
  position: relative;
}
.comet-flyout--visible {
  display: flex;
}
.comet-flyout--visible .comet-flyout-trigger__expand-icon--expand {
  display: none;
}
.comet-flyout--visible .comet-flyout-trigger__expand-icon--close {
  display: block;
}
.comet-flyout__close-button {
  height: 42px;
  margin-right: 0;
  position: absolute;
  right: 24px;
  top: 16px;
}
.comet-flyout__close-button:focus {
  outline-color: #fff;
}
.comet-flyout__close-button:hover,
.comet-flyout__close-button:active,
.comet-flyout__close-button:focus {
  background-color: transparent;
}
.comet-flyout__close-button__icon {
  fill: #fff;
  transition: 0.25s ease-in-out;
}
@media screen and (min-width: 568px) {
  .comet-flyout-trigger {
    border: 1px solid #58627d;
    border-top: 0;
    border-bottom: 0;
    padding: 0 16px;
  }
  .comet-flyout-trigger__wrap {
    flex-grow: 1;
  }
  .comet-flyout-trigger__label {
    font-size: 11px;
  }
  .comet-flyout-trigger__title {
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .comet-flyout-trigger__wrap {
    flex-grow: unset;
  }
  .comet-flyout-trigger {
    width: 350px;
  }
  .comet-flyout__close-button {
    right: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .comet-flyout-trigger__label {
    font-size: 13px;
  }
  .comet-flyout-trigger__title {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1350px) {
  .comet-flyout__close-button {
    right: -50px;
  }
  .comet-flyout__close-button:hover .comet-flyout__close-button__icon {
    fill: #fff;
  }
  .comet-flyout__close-button__icon {
    fill: #f0f2f4;
  }
}
.navigation-flyout,
.navigation-flyout-overlay {
  top: 72px;
}
.navigation-flyout .comet-row__inner {
  padding-top: 16px;
  padding-bottom: 16px;
}
.navigation-flyout .navigation-flyout__back-links-mobile-container {
  display: block;
  margin: 24px 0 32px;
}
.navigation-flyout .navigation-flyout__back-links-mobile-container .comet-list-group__list {
  margin: 0;
}
.navigation-flyout .navigation-flyout__back-links-mobile-container .comet-list-group__row {
  border-bottom: 0;
}
.navigation-flyout .navigation-flyout__back-links-mobile-container .comet-list-group__row:last-of-type {
  display: none;
}
.navigation-flyout .navigation-flyout__back-links-mobile-container .comet-list-group__row +.comet-list-group__row {
  margin-top: 16px;
}
.navigation-flyout .navigation-flyout__back-links-mobile-container .comet-list-group__row .comet-list-group__row-anchor {
  display: block;
  padding: 8px 0;
}
.navigation-flyout .navigation-flyout__back-links-mobile-container .comet-list-group__row .comet-list-group__row-anchor:hover {
  background-color: #404653;
}
.navigation-flyout .navigation-flyout__back-links-mobile-container .comet-list-group__row .comet-list-group__row-anchor:focus {
  background-color: #58627d;
  outline: 1px dotted #fff;
}
.navigation-flyout .navigation-flyout__back-links-mobile-container .comet-list-group__row .comet-list-group__row-type-icon {
  fill: #fff;
  float: left;
  margin: 6px 6px 0 0;
}
.navigation-flyout .navigation-flyout__back-links-mobile-container .comet-list-group__row .comet-list-group__row-title {
  color: #fff;
  display: block;
  font-size: 14px;
}
.navigation-flyout .navigation-flyout__back-links-mobile-container .comet-list-group__row .comet-list-group__row-title .comet-list-group__row-title-dim-text {
  display: block;
  text-transform: uppercase;
}
.navigation-flyout .navigation-flyout__back-links-mobile-container .comet-list-group__row .comet-list-group__row-title .comet-list-group__row-title-text {
  display: block;
}
.navigation-flyout .navigation-flyout__list {
  max-height: 405px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
}
.navigation-flyout .comet-list-group__row.comet-list-group__row--selected .comet-list-group__row-anchor {
  background-color: #404653;
}
.navigation-flyout .comet-list-group__row.comet-list-group__row--selected .comet-list-group__row-anchor:focus {
  background-color: #404653;
}
.navigation-flyout .comet-list-group__row.comet-list-group__row--selected .comet-list-group__row-anchor:hover {
  background-color: #2b303b;
}
.navigation-flyout .comet-list-group__row {
  border-bottom-color: #7b869d;
}
.navigation-flyout .comet-list-group__row:first-child {
  border-top: 0;
}
.navigation-flyout .comet-list-group__row:last-child {
  border-bottom: 0;
}
.navigation-flyout .comet-list-group__row:hover {
  background-color: #404653;
}
.navigation-flyout .comet-list-group__row .comet-list-group__row-anchor {
  padding-top: 12px;
  padding-bottom: 12px;
}
.navigation-flyout .comet-list-group__row .comet-list-group__row-anchor:focus {
  background-color: #58627d;
  outline: 1px dotted #fff;
}
.navigation-flyout .comet-list-group__row .comet-list-group__row-label {
  color: #fff;
}
.navigation-flyout.navigation-flyout--fixed {
  position: fixed;
  top: 72px;
}
.navigation-flyout.navigation-flyout--fixed .navigation-flyout__list {
  margin-left: -30px;
}
.navigation-flyout-trigger {
  margin-right: 0;
}
.navigation-flyout-trigger .comet-flyout-trigger__title {
  font-size: 1rem;
}
@media screen and (min-width: 1000px) {
  .navigation-flyout .navigation-flyout-trigger .comet-flyout-trigger__title {
    font-size: 1.125rem;
  }
  .navigation-flyout .navigation-flyout__back-links-mobile-container {
    display: none;
  }
}
.comet-product-bar__action--quicklist {
  margin: 0 8px 0 0;
}
.comet-product-bar__action--quicklist .comet-product-bar__action-link.comet-button.comet-product-bar__quicklist-button {
  background-color: #535c70;
  border: 0;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  min-height: 0;
  padding: 0 8px 2px;
  pointer-events: all;
  transition: all 0.25s ease-in;
}
.comet-product-bar__action--quicklist .comet-product-bar__action-link.comet-button.comet-product-bar__quicklist-button .comet-product-bar__action--quicklist__icon {
  margin-left: 4px;
  padding-top: 5px;
  width: 20px;
}
.comet-product-bar__action--quicklist .comet-product-bar__action-link.comet-button.comet-product-bar__quicklist-button .comet-product-bar__action--quicklist__icon .comet-product-bar__action--quicklist__icon--bar {
  background-color: #fff;
  border-radius: 100px;
  display: block;
  height: 2px;
  margin-bottom: 3px;
  transition: all 0.5s ease-in;
}
.comet-product-bar__action--quicklist .comet-product-bar__action-link.comet-button.comet-product-bar__quicklist-button .comet-product-bar__action--quicklist__icon .comet-product-bar__action--quicklist__icon--bar-0 {
  opacity: 0;
  margin-top: -6px;
  width: 6px;
}
.comet-product-bar__action--quicklist .comet-product-bar__action-link.comet-button.comet-product-bar__quicklist-button .comet-product-bar__action--quicklist__icon .comet-product-bar__action--quicklist__icon--bar-1 {
  transition: all 0.5s ease-in;
  width: 12px;
}
.comet-product-bar__action--quicklist .comet-product-bar__action-link.comet-button.comet-product-bar__quicklist-button .comet-product-bar__action--quicklist__icon .comet-product-bar__action--quicklist__icon--bar-2 {
  width: 18px;
}
.comet-product-bar__action--quicklist .comet-product-bar__action-link.comet-button.comet-product-bar__quicklist-button .comet-product-bar__action--quicklist__icon .comet-product-bar__action--quicklist__icon--bar-3 {
  width: 8px;
}
.comet-product-bar__action--quicklist .comet-product-bar__action-link.comet-button.comet-product-bar__quicklist-button:hover {
  background-color: #008ee6;
}
.comet-product-bar__action--quicklist .comet-product-bar__action-link.comet-button.comet-product-bar__quicklist-button.comet-product-bar__quicklist-button--animate-no-transition .comet-product-bar__action--quicklist__icon--bar {
  transition: none;
}
.comet-product-bar__action--quicklist .comet-product-bar__action-link.comet-button.comet-product-bar__quicklist-button.comet-product-bar__quicklist-button--animate {
  background-color: #008ee6;
}
.comet-product-bar__action--quicklist .comet-product-bar__action-link.comet-button.comet-product-bar__quicklist-button.comet-product-bar__quicklist-button--animate .comet-product-bar__action--quicklist__icon--bar-0 {
  opacity: 1;
  transform: translateY(5px);
  width: 12px;
}
.comet-product-bar__action--quicklist .comet-product-bar__action-link.comet-button.comet-product-bar__quicklist-button.comet-product-bar__quicklist-button--animate .comet-product-bar__action--quicklist__icon--bar-1 {
  transform: translateY(5px);
  width: 18px;
}
.comet-product-bar__action--quicklist .comet-product-bar__action-link.comet-button.comet-product-bar__quicklist-button.comet-product-bar__quicklist-button--animate .comet-product-bar__action--quicklist__icon--bar-2 {
  transform: translateY(5px);
  width: 8px;
}
.comet-product-bar__action--quicklist .comet-product-bar__action-link.comet-button.comet-product-bar__quicklist-button.comet-product-bar__quicklist-button--animate .comet-product-bar__action--quicklist__icon--bar-3 {
  opacity: 0;
  transform: translateY(5px);
  width: 0;
}
.comet-product-bar__action--quicklist .tour-tip--quicklist {
  display: block;
  right: 0;
  top: 40px;
}
.comet-product-bar__action--quicklist .tour-tip--quicklist:before {
  left: auto;
  right: 20px;
}
@media screen and (min-width: 768px) {
  .comet-product-bar__action--quicklist {
    margin: 0 8px 0;
  }
}
.comet-button.comet-product-bar__quicklist-button {
  background-color: #535c70;
  border: 0;
  border-radius: 12px;
  color: #fff;
  cursor: default;
  float: left;
  font-size: 1rem;
  margin-left: 8px;
  margin-top: -2px;
  min-height: 0;
  padding: 0 8px 2px;
  pointer-events: none;
  transition: all 0.25s ease-in;
}
.comet-button.comet-product-bar__quicklist-button .comet-product-bar__action--quicklist__icon {
  margin-left: 4px;
  padding-top: 5px;
  width: 20px;
}
.comet-button.comet-product-bar__quicklist-button .comet-product-bar__action--quicklist__icon .comet-product-bar__action--quicklist__icon--bar {
  background-color: #fff;
  border-radius: 100px;
  display: block;
  height: 2px;
  margin-bottom: 3px;
  transition: all 0.5s ease-in;
}
.comet-button.comet-product-bar__quicklist-button .comet-product-bar__action--quicklist__icon .comet-product-bar__action--quicklist__icon--bar-0 {
  opacity: 0;
  margin-top: -6px;
  width: 6px;
}
.comet-button.comet-product-bar__quicklist-button .comet-product-bar__action--quicklist__icon .comet-product-bar__action--quicklist__icon--bar-1 {
  transition: all 0.5s ease-in;
  width: 12px;
}
.comet-button.comet-product-bar__quicklist-button .comet-product-bar__action--quicklist__icon .comet-product-bar__action--quicklist__icon--bar-2 {
  width: 18px;
}
.comet-button.comet-product-bar__quicklist-button .comet-product-bar__action--quicklist__icon .comet-product-bar__action--quicklist__icon--bar-3 {
  width: 8px;
}
.comet-button.comet-product-bar__quicklist-button:hover {
  background-color: #008ee6;
}
.comet-button.comet-product-bar__quicklist-button.comet-product-bar__quicklist-button--animate-no-transition .comet-product-bar__action--quicklist__icon--bar {
  transition: none;
}
.comet-button.comet-product-bar__quicklist-button.comet-product-bar__quicklist-button--animate {
  background-color: #008ee6;
}
.comet-button.comet-product-bar__quicklist-button.comet-product-bar__quicklist-button--animate .comet-product-bar__action--quicklist__icon--bar-0 {
  opacity: 1;
  transform: translateY(5px);
  width: 12px;
}
.comet-button.comet-product-bar__quicklist-button.comet-product-bar__quicklist-button--animate .comet-product-bar__action--quicklist__icon--bar-1 {
  transform: translateY(5px);
  width: 18px;
}
.comet-button.comet-product-bar__quicklist-button.comet-product-bar__quicklist-button--animate .comet-product-bar__action--quicklist__icon--bar-2 {
  transform: translateY(5px);
  width: 8px;
}
.comet-button.comet-product-bar__quicklist-button.comet-product-bar__quicklist-button--animate .comet-product-bar__action--quicklist__icon--bar-3 {
  opacity: 0;
  transform: translateY(5px);
  width: 0;
}
.comet-page-shell--panel-visible .comet-page-shell__panel {
  background-color: #21242c;
  box-shadow: 0 32px 48px 4px rgba(0,0,0,0.28), 0 12px 60px 10px rgba(0,0,0,0.24), 0 16px 20px -10px rgba(0,0,0,0.6);
  font-family: 'Proxima Nova', Arial, sans-serif;
  overflow: scroll;
}
.comet-page-shell__panel--quicklist-content {
  float: left;
  margin: 78px 0 0;
  width: 100%;
}
.comet-page-shell__panel--quicklist__asset-list {
  float: left;
  margin: 0;
  padding: 0 16px 16px;
  position: relative;
  width: 100%;
}
.comet-page-shell__panel--quicklist__spinner-title {
  clear: both;
  color: #c4c9d4;
  font-size: 1.5rem;
  font-weight: normal;
  padding: 24px 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .comet-page-shell--panel-visible .comet-page-shell__panel {
    left: calc(100vw - 406px);
  }
  .comet-page-shell__panel--quicklist {
    width: 406px;
  }
  .comet-page-shell__panel--quicklist__asset-list {
    width: 391px;
  }
}
@media screen and (min-width: 1440px) {
  .comet-page-shell--panel-visible .comet-page-shell__product-well {
    padding-right: 0;
  }
}
.comet-page-shell__panel-content-empty {
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease-in-out;
  visibility: hidden;
}
.comet-page-shell__panel-content-empty--visible {
  opacity: 1;
  padding: 24px 16px 0 0;
  text-align: center;
  top: 120px;
  width: 100%;
  visibility: visible;
}
.comet-page-shell__panel-content-empty__header {
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.comet-page-shell__panel-content-empty__paragraph {
  color: #98a1b3;
  font-size: 1.125rem;
  line-height: 1.65;
  margin-top: 4px;
}
.comet-page-shell__panel-content-controls {
  display: none;
  padding: 0 16px 16px;
}
.comet-page-shell__panel-content-controls--visible {
  display: block;
}
.comet-page-shell__panel--quicklist__header {
  background-color: #21242c;
  height: 70px;
  position: absolute;
  width: 100%;
  z-index: 10000;
}
.comet-page-shell__panel--quicklist__header--fixed {
  position: fixed;
}
.comet-page-shell__close-panel-wrap {
  right: 8px;
  top: 16px;
  z-index: 1;
}
.comet-page-shell__close-panel {
  background-color: #404653;
  border-radius: 4px;
  border-width: 0;
}
.comet-page-shell__close-panel:hover,
.comet-page-shell__close-panel:active {
  background-color: #535c70;
}
.comet-page-shell__close-panel:active,
.comet-page-shell__close-panel:focus {
  outline: 1px dotted #fff;
}
.comet-page-shell__close-panel-icon {
  fill: #fff;
}
.comet-page-shell__panel--quicklist__heading {
  padding: 30px 0 24px 16px;
  position: relative;
}
.comet-page-shell__panel--quicklist__title {
  color: #c4c9d4;
  float: left;
  font-size: 1rem;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .comet-page-shell__panel--quicklist__header {
    width: 383px;
  }
  .comet-page-shell__close-panel-wrap {
    right: 0;
    top: 0;
  }
}
.quicklist__action-bar {
  position: absolute;
  right: 0;
  width: 36px;
}
.quicklist__action-bar-item {
  background-color: transparent;
  border: 0;
  height: 36px;
}
.quicklist__action-bar-item:hover {
  background-color: #58627d;
}
.quicklist__action-bar-item:active,
.quicklist__action-bar-item:focus {
  outline: 1px dotted #fff;
}
.quicklist__action-bar__icon {
  height: 20px;
  width: 20px;
}
.quicklist__action-tool-tip--more {
  font-family: 'Proxima Nova', Arial, sans-serif;
  left: -158px;
  padding: 12px 8px;
  top: 53px;
  width: 190px;
}
.quicklist__action-menu-list {
  left: -190px;
  top: 53px;
  width: 190px;
}
.quicklist__action-menu-list .action-menu-list__button {
  color: #363c49;
}
.quicklist__action-menu-list .action-menu-list__button:hover {
  background-color: #f0f2f4;
}
.quicklist__action-menu-list,
.quicklist__action-tool-tip {
  background-color: #fff;
  box-shadow: 0 32px 48px 4px rgba(0,0,0,0.28), 0 12px 60px 10px rgba(0,0,0,0.24), 0 16px 20px -10px rgba(0,0,0,0.6);
  color: #363c49;
}
.quicklist__action-menu-list:before,
.quicklist__action-tool-tip:before {
  border-color: transparent transparent #fff transparent;
  right: 10px;
  top: -16px;
  transform: none;
}
.comet-page-shell__list-options-panel-wrap {
  align-items: center;
  display: flex;
  height: 50px;
  padding: 8px;
  position: absolute;
  right: 58px;
  top: 16px;
  transition: height 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}
.quicklist-list-option__action-menu-list__header .comet-list-group__label {
  color: #c4c9d4;
  font-size: 13px;
  padding: 16px;
}
.comet-page-shell__panel--quicklist-list-option__action-bar-item {
  background-color: #363c49;
  border: 0;
  height: 36px;
  margin: 0;
}
.comet-page-shell__panel--quicklist-list-option__action-bar-item:hover {
  background-color: #535c70;
}
.comet-page-shell__panel--quicklist-list-option__action-bar-item:active,
.comet-page-shell__panel--quicklist-list-option__action-bar-item:focus {
  outline: 1px dotted #fff;
}
.comet-page-shell__panel--quicklist-list-option__action-bar-item .comet-embedded_action-bar__icon {
  height: 20px;
  width: 20px;
}
.comet-page-shell__panel--quicklist-list-option__action-bar-item--disabled {
  cursor: default;
  pointer-events: none;
}
.comet-page-shell__panel--quicklist-list-option__action-bar-item--disabled .comet-page-shell__panel--quicklist-list-option__icon {
  fill: #7b869d;
}
.quicklist-list-option__action-menu-list {
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 32px 48px 4px rgba(0,0,0,0.28), 0 12px 60px 10px rgba(0,0,0,0.24), 0 16px 20px -10px rgba(0,0,0,0.6);
  right: -40px;
  top: 62px;
  width: 240px;
}
.quicklist-list-option__action-menu-list:after {
  border: 8px solid;
  border-color: transparent transparent #fff transparent;
  content: "";
  position: absolute;
  right: 58px;
  top: -16px;
  transform: rotate(0);
}
.quicklist-list-option__action-menu-list .action-menu-list__button {
  color: #363c49;
  padding: 16px;
  text-align: left;
}
.quicklist-list-option__action-menu-list .action-menu-list__button:hover {
  background-color: #f0f2f4;
}
.quicklist-list-option__action-menu-list .quicklist-list-option_label {
  background: transparent;
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #363c49;
  cursor: pointer;
  display: block;
  font-family: 'Proxima Nova', Arial, sans-serif;
  font-size: 13px;
  list-style-type: none;
  padding: 20px 16px;
  pointer-events: none;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
.comet-page-shell__panel--quicklist-list-option__action-menu-list__item {
  list-style-type: none;
}
@media screen and (min-width: 768px) {
  .comet-page-shell__list-options-panel-wrap {
    height: 75px;
    right: 50px;
    top: 0;
  }
  .quicklist-list-option__action-menu-list {
    right: -60px;
    top: 70px;
    width: 391px;
  }
  .quicklist-list-option__action-menu-list:after {
    right: 78px;
  }
}
.comet-page-shell__panel--quicklist__asset-list-item {
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  display: block;
  height: 100px;
  float: left;
  list-style-type: none;
  margin: 0 0 8px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  width: 100%;
}
.comet-page-shell__panel--quicklist__asset-list-item:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.comet-page-shell__panel--quicklist__asset-list-item--visible {
  opacity: 1;
}
.comet-card.comet-page-shell__panel--quicklist__asset-list-item {
  border-radius: 4px;
  overflow: visible;
}
.comet-card .comet-page-shell__panel--quicklist__asset-list-item__thumbnail,
.comet-card .comet-page-shell__panel--quicklist__asset-list-item__thumbnail-inner {
  border-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden;
}
.comet-page-shell__panel--quicklist__asset-list-item__anchor {
  border-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  float: left;
  height: 100px;
  overflow: hidden;
  width: 100px;
}
.comet-page-shell__panel--quicklist__asset-list-item__anchor:hover .comet-thumbnail__inner {
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  width: 100%;
}
.comet-page-shell__panel--quicklist__asset-list-item__thumbnail {
  height: 100px;
  padding-top: 0;
  width: 100px;
}
.comet-page-shell__panel--quicklist__add-to-builder {
  border-radius: 0;
  bottom: 0;
  display: none;
  left: 0;
  margin: 0;
  position: absolute;
  width: 100px;
}
.comet-page-shell__panel--quicklist__asset-list-item--board-builder .comet-page-shell__panel--quicklist__add-to-builder {
  display: block;
}
.comet-page-shell__panel--quicklist__asset-list-item__copy {
  float: left;
  padding-right: 24px;
  width: 64%;
}
.comet-page-shell__panel--quicklist__asset-list-item__type {
  color: #c4c9d4;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}
.comet-page-shell__panel--quicklist__asset-list-item__title {
  max-height: 50px;
}
.comet-page-shell__panel--quicklist__asset-list-item__link {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 400;
}
.comet-page-shell__panel--quicklist__asset-list-item__link:hover,
.comet-page-shell__panel--quicklist__asset-list-item__link:active,
.comet-page-shell__panel--quicklist__asset-list-item__link:focus,
.comet-page-shell__panel--quicklist__asset-list-item__link:visited {
  color: #fff;
}
.comet-page-shell__panel--quicklist__asset-list-item__link:hover {
  text-decoration: underline;
}
@media screen and (min-width: 400px) {
  .comet-page-shell__panel--quicklist__asset-list-item__anchor,
  .comet-page-shell__panel--quicklist__asset-list-item {
    height: 120px;
  }
  .comet-page-shell__panel--quicklist__add-to-builder,
  .comet-page-shell__panel--quicklist__asset-list-item__anchor {
    width: 120px;
  }
  .comet-page-shell__panel--quicklist__asset-list-item__thumbnail {
    height: 120px;
    width: 120px;
  }
  .comet-page-shell__panel--quicklist__asset-list-item__copy {
    padding: 10px 42px 10px 8px;
    width: 68%;
  }
}
@media screen and (min-width: 768px) {
  .comet-page-shell__panel--quicklist__asset-list-item__anchor,
  .comet-page-shell__panel--quicklist__asset-list-item {
    height: 108px;
  }
  .comet-page-shell__panel--quicklist__add-to-builder,
  .comet-page-shell__panel--quicklist__asset-list-item__anchor {
    width: 30%;
  }
  .comet-page-shell__panel--quicklist__asset-list-item__thumbnail {
    float: left;
    height: 0;
    padding-top: 108px;
    width: 100%;
  }
}
.comet-toast-message-queue {
  right: 16px;
  pointer-events: none;
  position: fixed;
  top: 66px;
  transition: all 0.25s ease-in-out;
  z-index: 21;
}
.comet-page-shell--panel-visible .comet-toast-message-queue {
  right: 407px;
}
.body--scrolled .comet-toast-message-queue {
  top: 16px;
}
.comet-toast-message {
  background-color: #21242c;
  border-radius: 4px;
  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.3);
  margin: 0 0 16px 16px;
  overflow: hidden;
  opacity: 0;
  pointer-events: all;
  position: relative;
  transition: all 0.25s ease-in-out;
}
.comet-toast-message--visible {
  opacity: 0.9;
}
.comet-toast-message__inner {
  display: flex;
  min-height: 70px;
}
.comet-toast-message__icon-container {
  align-items: center;
  background-color: #363c49;
  display: flex;
  justify-content: center;
  width: 60px;
}
.comet-toast-message__text-container {
  align-items: center;
  display: flex;
  padding: 16px;
  width: auto;
}
.comet-toast-message__text {
  color: #fff;
  font-family: 'Proxima Nova', Arial, sans-serif;
  line-height: 1.375;
}
.comet-toast-message__close {
  cursor: pointer;
  display: flex;
  height: 16px;
  margin-right: 16px;
  padding-top: 16px;
  width: 16px;
}
.comet-toast-message__icon {
  fill: #fff;
  height: 20px;
  width: 20px;
}
.comet-toast-message__text--strong {
  font-weight: 800;
  word-break: break-word;
}
@media screen and (min-width: 568px) {
  .comet-toast-message__text-container {
    width: 275px;
  }
}
@media screen and (min-width: 768px) {
  .comet-toast-message-queue {
    top: 91px;
  }
}
.tour-tip {
  background-color: #fff;
  border: 10px solid #ff9500;
  border-radius: 4px;
  display: none;
  color: #2b303b;
  font-family: 'Proxima Nova', Arial, sans-serif;
  padding: 16px;
  position: absolute;
  text-align: center;
  top: 0;
  z-index: 1000;
}
.tour-tip__paragraph {
  margin: 0 16px 16px;
  width: 265px;
}
.tour-tip__button--flat {
  color: #2d6a9f;
}
.tour-tip__button--primary {
  background-color: #ff9500;
  border: 0;
  color: #2b303b;
}
.tour-tip__button--primary:hover {
  background-color: #fa3;
}
.tour-tip--left {
  border-bottom: 0;
  border-right: 0;
  border-top: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tour-tip--top {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.tour-tip--right {
  border-bottom: 0;
  border-left: 0;
  border-top: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tour-tip--bottom {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.tour-tip:before {
  background: #ff9500;
  content: '';
  display: block;
  height: 12px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 12px;
}
.tour-tip--left:before {
  left: -15px;
  top: 54px;
}
.tour-tip--top:before {
  left: 160px;
  top: -16px;
}
.tour-tip--right:before {
  left: 333px;
  top: 70px;
}
.tour-tip--bottom:before {
  left: 160px;
  top: 150px;
}
.streaming-tour-tip__tip-1 {
  right: 5px;
  top: 50px;
}
.streaming-tour-tip__tip-1:before {
  left: 302px;
}
@media screen and (min-width: 600px) {
  .streaming-tour-tip__tip-1 {
    right: -3px;
  }
}
.streaming-tour-tip__tip-2 {
  left: 10px;
}
.streaming-tour-tip__tip-2.is-mobile-view {
  left: 5px;
  top: 5px;
}
.streaming-tour-tip__tip-2.is-mobile-view:before {
  left: 20px;
}
.streaming-tour-tip__tip-3 {
  right: 20px;
  top: 50px;
}
.streaming-tour-tip__tip-3.is-mobile-view {
  right: -30px;
}
.streaming-tour-tip__tip-3.is-mobile-view:before {
  left: 280px;
}
.streaming-tour-tip__tip-4 {
  left: -200px;
  top: 50px;
}
.streaming-tour-tip__tip-4:before {
  left: 260px;
}
.my-de-tour-tip__tip-1 {
  right: 5px;
  top: 50px;
}
.my-de-tour-tip__tip-1:before {
  left: 302px;
}
@media screen and (min-width: 600px) {
  .my-de-tour-tip__tip-1 {
    right: -3px;
  }
}
.my-de-tour-tip__tip-2 {
  left: 10px;
  top: 30px;
}
.my-de-tour-tip__tip-2.is-mobile-view {
  top: 50px;
}
.my-de-tour-tip__tip-2.is-mobile-view:before {
  left: 20px;
}
.my-de-tour-tip__tip-3 {
  right: 20px;
  top: 50px;
}
.my-de-tour-tip__tip-3.is-mobile-view {
  right: -30px;
}
.my-de-tour-tip__tip-3.is-mobile-view:before {
  left: 280px;
}
@page {
  margin: 15mm; /* margin for printer */
}
@media print {
  #playlist-bar,
  a[href]:after,
  .comet-footer__link-list {
    display: none;
  }
  .comet-product-bar,
  #flDebugToolbarHandle {
    display: none !important;
  }
}
.footer-cobranding {
  background-color: #106cbc;
  bottom: -80px;
  color: #fff;
  font-family: 'Proxima Nova', Arial, sans-serif;
  height: 80px;
  opacity: 0.9;
}
.footer-cobranding .footer-cobranding__inner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
  padding: 15px;
}
.footer-cobranding .footer-cobranding__inner .footer-cobranding__content {
  align-items: center;
  display: flex;
}
.footer-cobranding .footer-cobranding__inner .footer-cobranding__content > * {
  margin: 0 12px;
}
.footer-cobranding .footer-cobranding__inner .footer-cobranding__content p {
  text-align: center;
}
.footer-cobranding .footer-cobranding__inner .footer-cobranding__content .footer-cobranding-logo {
  height: 50px;
}
.footer-cobranding .footer-cobranding__inner .footer-cobranding__content a {
  border-color: #fff;
  color: #fff;
  white-space: nowrap;
}
.footer-cobranding .footer-cobranding__inner .footer-cobranding__close {
  width: 34px;
}
.footer-cobranding .footer-cobranding__inner .footer-cobranding__close button {
  background: none;
  border: 0;
  display: none;
  padding: 0;
}
.footer-cobranding .footer-cobranding__inner .footer-cobranding__close button svg {
  fill: #fff;
}
.footer-cobranding--fixed {
  bottom: 0;
  position: fixed;
  transition: bottom 0.25s ease;
  width: 100%;
  z-index: 2;
}
.footer-cobranding--fixed .footer-cobranding__inner .footer-cobranding__close button {
  display: block;
}
.footer-cobranding-hide-under-610,
.hidden {
  display: none;
}
@media screen and (min-width: 768px) {
  .footer-cobranding--fixed {
    width: calc(100% - 64px);
  }
}
@media screen and (min-width: 610px) {
  .footer-cobranding-hide-under-610 {
    display: inline;
  }
}
.comet-page-shell__search-visible .comet-breadcrumb--2018 {
  opacity: 0;
  transition: all 0.25s ease-in-out;
  visibility: hidden;
}
.comet-breadcrumb--2018 {
  background-color: rgba(33,36,44,0.8);
  height: 72px;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 55px;
  visibility: visible;
  z-index: 10000;
  width: 100%;
}
.comet-breadcrumb--2018 .comet-product-bar__breadcrumbs {
  align-items: center;
  display: flex;
}
.comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb,
.comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb-separator {
  display: none;
  flex-shrink: 0;
  margin: 0;
}
.comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb:last-child,
.comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb-separator:last-child {
  display: inline-flex;
}
.comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb-dim-text {
  color: #c4c9d4;
  font-size: 12px;
  text-transform: uppercase;
}
.comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb-link {
  color: #fff;
  overflow: hidden;
  text-align: left;
  margin-right: 0;
  max-width: 245px;
}
.comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb-link.comet-product-bar__breadcrumb-link--static {
  pointer-events: none;
}
.comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb-link.comet-product-bar__breadcrumb-link--static:hover {
  cursor: default;
  background-color: transparent;
}
.comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb-text {
  display: block;
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .navigation-flyout__trigger-container {
  width: 100%;
}
.comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .navigation-flyout__trigger-container .navigation-flyout-trigger__wrap {
  max-width: 100%;
  width: 100%;
}
.comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .navigation-flyout__trigger-container .navigation-flyout-trigger.comet-product-bar__breadcrumb-link {
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 568px) {
  .comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .navigation-flyout__trigger-container {
    width: auto;
  }
  .comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .navigation-flyout__trigger-container .navigation-flyout-trigger__wrap {
    max-width: 100%;
    width: calc(100% - 32px);
  }
  .comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .navigation-flyout__trigger-container .navigation-flyout-trigger.comet-product-bar__breadcrumb-link {
    max-width: 285px;
    width: 285px;
  }
}
@media screen and (min-width: 1000px) {
  .comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb,
  .comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb-separator {
    display: inline-flex;
  }
  .comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb-separator-icon {
    height: 16px;
    width: 16px;
  }
  .comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb-text {
    font-size: 1.125rem;
  }
}
.comet-breadcrumb--2018 .comet-product-bar__breadcrumbs--hidden {
  display: none;
}
@media screen and (min-width: 768px) {
  .comet-breadcrumb--2018 {
    background-color: transparent;
    height: 70px;
    position: static;
    width: auto;
  }
  .comet-breadcrumb--2018 .comet-product-bar__breadcrumbs,
  .comet-breadcrumb--2018 .navigation-flyout-trigger {
    height: 70px;
  }
}
@media screen and (min-width: 1000px) {
  .comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb-link.navigation-flyout-trigger {
    max-width: 255px;
    width: 255px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1175px) {
  .comet-breadcrumb--2018 {
    max-width: 66.6%;
  }
  .comet-breadcrumb--2018 .comet-product-bar__breadcrumb {
    max-width: 25%;
  }
}
@media screen and (min-width: 1200px) {
  .comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb-link.navigation-flyout-trigger {
    max-width: 285px;
    width: 285px;
  }
}
.comet-page-shell__product-well--contains-breadcrumb-nav .navigation-flyout-overlay,
.comet-page-shell__product-well--contains-breadcrumb-nav .navigation-flyout {
  top: 122px;
}
@media screen and (min-width: 768px) {
  .comet-page-shell__product-well--contains-breadcrumb-nav .navigation-flyout-overlay,
  .comet-page-shell__product-well--contains-breadcrumb-nav .navigation-flyout {
    top: 75px;
  }
}
#assign-app {
  height: calc(100vh - 16px);
}
.assign-assignment .assign-assignment-links {
  margin-top: 16px;
}
.assign-assignment .assign-assignment-links__item {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.assign-assignment .assign-assignment-links__link {
  padding: 32px 16px;
  display: flex;
}
.assign-assignment .assign-assignment-links__link:hover {
  text-decoration: none;
}
.assign-assignment h4 {
  margin: 16px 0;
}
.assign-assignment .assign-assignment-links__description {
  font-weight: 400;
}
.assign-assignment .assign-assignment-links__link svg {
  fill: #2d6a9f;
  margin: 28px 0 28px 8px;
}
.assign-assignment .assign-assignment-links__text {
  width: 100%;
}
.assign-receipt {
  padding: 64px 0;
}
.assign-receipt__class-item {
  font-size: 1.125rem;
  list-style-type: disc;
}
.assign-receipt__class-details {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}
.assign-receipt__dates {
  border-top: 1px solid #0b0c0f;
  display: flex;
  font-size: 1.125rem;
  justify-content: space-between;
  padding-top: 32px;
}
.receipt-date__title {
  font-weight: bold;
}
.comet-modal__button--assign .comet-spinner__icon {
  display: none;
  height: 20px;
  width: 20px;
}
.comet-modal__button--assign.comet-button--disabled .comet-button__text {
  display: none;
}
.comet-modal__button--assign.comet-button--disabled .comet-spinner__icon {
  display: block;
}
.assign-assignment .js-comet-modal__button--takeover-close {
  z-index: 10000;
}
.assign-modal__header {
  margin-bottom: 32px;
}
.assign-form__step-header {
  display: inline-block;
  margin-bottom: 32px;
}
.comet-form__field-error__title,
.comet-form__field-error__text-limit,
.comet-form__field-error__assign-date {
  display: none;
}
.comet-form--error .comet-form__field-error.comet-form__field-error__text-limit {
  display: none;
}
.comet-form__field-error__text-limit--visible {
  display: flex;
}
.assign-assignment .comet-form__select-open-indicator {
  right: 0;
}
#assign-to-student {
  min-height: 150px;
  width: 100%;
}
#student-list-spinner {
  margin: 16px 32px 16px 32px;
}
.assessment-options {
  margin: 16px 0 0;
}
.student-list__controls {
  display: flex;
}
.student-list__controls .students-button {
  margin: 0 0 0 auto;
}
.student-list__controls .students-button + .students-button {
  margin-left: 8px;
}
.comet-form__select-input--multiple {
  border: solid 1px #7b869d;
  border-radius: 4px;
  padding: 8px;
}
.comet-form__select-input--multiple option {
  padding: 4px 0;
}
.secondary-checkbox-text {
  display: inline-flex;
  font-size: 0.875rem;
  margin: 4px 0 16px 32px;
}
#assign-form {
  position: relative;
}
#assign-form .comet-form__label-required-indicator {
  text-decoration: none;
}
.assign-form__content {
  width: 100%;
}
.assign-form__content--hidden {
  display: none;
}
.assign-form__selector--hidden {
  display: none;
}
.assign-form__student-list {
  padding-right: 0;
}
.assign-form__student-list--hidden {
  display: none;
}
.assign-form__student-checkbox-wrapper {
  max-height: 320px;
  overflow-y: auto;
}
.assign-form__class-checkbox-wrap {
  margin: 0 0 32px;
  position: relative;
}
@media screen and (min-width: 480px) {
  .assign-form__class-checkbox-wrap {
    display: flex;
  }
}
.assign-form__class-checkbox-wrap .assign-form__class-checkbox-label {
  display: inline-flex;
  margin: 0 16px 0 0;
}
@media screen and (min-width: 480px) {
  .assign-form__class-checkbox-wrap .assign-form__class-checkbox-label {
    width: 60%;
  }
}
.assign-form__class-checkbox-wrap .assign-form__class-checkbox-label .comet-form__checkbox-text {
  font-size: 1.125rem;
}
.link-button {
  background: none;
  border: 0;
  color: #2d6a9f;
  padding: 0;
}
.link-button:hover {
  background: none;
  text-decoration: underline;
}
.assign-form__class-checkbox-wrap .link-button {
  display: none;
  margin: 16px 0 0;
}
@media screen and (min-width: 480px) {
  .assign-form__class-checkbox-wrap .link-button {
    display: inline-flex;
    margin: 0;
    visibility: hidden;
  }
}
.assign-form__class-checkbox-wrap--checked .link-button {
  display: block;
}
@media screen and (min-width: 480px) {
  .assign-form__class-checkbox-wrap--checked .link-button {
    display: inline-flex;
    visibility: visible;
  }
}
.assign-form__footer {
  width: 100%;
}
.assign-form__buttons--hidden {
  display: none;
}
.assign-form__stepper {
  align-items: center;
  bottom: -20px;
  display: flex;
  justify-content: space-between;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 80px;
}
@media screen and (min-width: 600px) {
  .assign-form__stepper {
    bottom: 0;
    display: inline-flex;
  }
}
.assign-form__student-select-button {
  position: relative;
  white-space: nowrap;
}
.stepper__step {
  background: #fff;
  border: 0;
  border-radius: 50%;
}
.stepper__step--current {
  border: 3px solid #163550;
  fill: #163550;
  padding: 3px 3px 0;
}
.stepper__step--incomplete {
  fill: #c4c9d4;
}
html[dir='rtl'] .assign-assignment .comet-modal__button--takeover-close {
  left: 16px;
  right: auto;
}
html[dir='rtl'] .comet-modal--directional {
  text-align: right;
}
html[dir='rtl'] .comet-modal__footer .comet-modal__button-row,
html[dir='rtl'] .assign-form__footer .comet-modal__button-row {
  justify-content: space-between;
}
@media (min-width: 600px) {
  html[dir='rtl'] .comet-modal__footer .comet-modal__button-row .js-comet-modal__button--takeover-close,
  html[dir='rtl'] .assign-form__footer .comet-modal__button-row .js-comet-modal__button--takeover-close,
  html[dir='rtl'] .comet-modal__footer .comet-modal__button-row .comet-modal__button--assign,
  html[dir='rtl'] .assign-form__footer .comet-modal__button-row .comet-modal__button--assign,
  html[dir='rtl'] .comet-modal__footer .comet-modal__button-row .assign-form__button--next,
  html[dir='rtl'] .assign-form__footer .comet-modal__button-row .assign-form__button--next {
    margin: 0;
  }
}
html[dir='rtl'] .comet-form__checkbox-visual {
  margin: 0 0 0 6px;
}
html[dir='rtl'] .assign-form__class-checkbox-wrap .assign-form__class-checkbox-label {
  margin: 0 0 0 16px;
}
html[dir='rtl'] .comet-form__checkbox-input ~ .link-button {
  margin: 6px auto 0 16px;
}
html[dir='rtl'] .student-list__controls .students-button:first-child {
  margin: 0 auto 0 0;
}
html[dir='rtl'] .student-list__controls .students-button:last-child {
  margin: 0 8px 0 0;
}
html[dir='rtl'] .assign-form__student-list {
  padding: 16px 16px 16px 0;
}
html[dir="rtl"] body {
  direction: rtl;
}
html[dir="rtl"] #comet-page-shell__product-well {
  left: 0;
}
html[dir="rtl"] .comet-global-nav-bar__brand-logo-wrap {
  transition: right 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s, width 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s;
  width: 17%;
}
html[dir="rtl"] .comet-global-nav-bar__customize-sortable-target {
  margin: 0 0 0 4px;
}
html[dir="rtl"] .comet-list-group__row.comet-list-group__row--selected:before {
  left: unset;
  right: 0;
}
@media screen and (min-width: 768px) {
  html[dir="rtl"] .comet-page-shell__product-well {
    margin-right: auto;
    transition: right 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s, width 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s;
  }
  html[dir="rtl"] .comet-page-shell--global-nav-bar-expanded .comet-page-shell__product-well {
    right: 205px;
  }
  html[dir="rtl"] .comet-page-shell--global-nav-bar-expanded .comet-global-nav-bar__brand-logo-wrap {
    width: 95%;
  }
  html[dir="rtl"] .comet-page-shell__global-nav-bar {
    left: 0;
    right: 0;
  }
}
html[dir="rtl"] .comet-dropdown-menu--dex-global-nav {
  left: 0;
  right: auto;
}
html[dir="rtl"] .comet-dropdown-menu--dex-global-nav .comet-popover__nub {
  left: 16px;
  right: auto;
}
html[dir="rtl"] .comet-dropdown-menu--dex-global-nav .dex-color-card {
  margin: 0 auto 16px auto;
}
html[dir="rtl"] .comet-dropdown-menu--dex-global-nav .dex-color-card__product-cards .comet-card__title {
  display: flex;
  margin-right: 0;
}
html[dir="rtl"] .comet-dropdown-menu--dex-global-nav .dex-color-card__product-cards .dex-color-card__product-icon-container {
  left: 14px;
  right: auto;
}
html[dir="rtl"] .dex-color-card {
  text-align: center;
}
html[dir="rtl"] .comet-product-bar-container .comet-product-bar__actions {
  margin-left: 16px;
  margin-right: auto;
}
html[dir="rtl"] .comet-product-bar__search {
  left: 0;
  right: auto;
}
html[dir="rtl"] .comet-button.comet-product-bar__action-link.comet-product-bar__close-search {
  margin: 0 8px 0 0;
}
html[dir="rtl"] .comet-product-bar__search-button {
  background-color: transparent;
  left: 0;
  right: auto;
}
html[dir="rtl"] .comet-product-bar__search-button-microphone {
  left: 50px;
  right: auto;
}
html[dir="rtl"] .comet-product-bar__search-box-wrapper-dex--visible {
  margin: 0 auto 0 0;
}
html[dir="rtl"] .comet-product-bar__search-input {
  margin: 0 auto 0 0;
  max-width: 100%;
  padding: 8px 8px 8px 50px;
}
@media screen and (min-width: 768px) {
  html[dir="rtl"] .comet-product-bar__search-input {
    padding: 4px 8px 4px 50px;
  }
}
html[dir="rtl"] .comet-page-shell__panel {
  left: auto;
  right: 100%;
  transition: right 0.4s cubic-bezier(0.29, 0.98, 0.2, 1) 0s, width 0.4s cubic-bezier(0.29, 0.98, 0.2, 1) 0s, margin 0.4s cubic-bezier(0.29, 0.98, 0.2, 1) 0s;
}
html[dir="rtl"] .comet-page-shell--panel-visible .comet-page-shell__panel {
  left: auto;
  right: 0;
  transition: right 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s, width 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s, margin 0.4s cubic-bezier(0.29, 0.98, 0.2, 1) 0s;
}
@media screen and (min-width: 768px) {
  html[dir="rtl"] .comet-page-shell--panel-visible .comet-page-shell__panel {
    left: auto;
    right: calc(100vw - 406px);
  }
}
html[dir="rtl"] .comet-product-bar__search-box-wrapper .comet-dropdown-menu {
  left: auto;
  right: 0;
}
html[dir="rtl"] .quicklist-list-option__action-menu-list {
  left: -80px;
  right: auto;
}
html[dir="rtl"] .quicklist-list-option__action-menu-list:after {
  left: 67px;
  right: auto;
}
html[dir="rtl"] .quicklist-list-option__action-menu-list .action-menu-list__button,
html[dir="rtl"] .quicklist-list-option__action-menu-list .quicklist-list-option_label {
  text-align: right;
}
html[dir="rtl"] .comet-page-shell__panel--quicklist__header {
  display: flex;
  left: 9px;
  right: auto;
}
html[dir="rtl"] .comet-page-shell__panel--quicklist__header .comet-page-shell__panel--quicklist__heading {
  padding: 30px 16px 24px 0;
}
html[dir="rtl"] .comet-page-shell__list-options-panel-wrap {
  left: 50px;
  right: auto;
}
html[dir="rtl"] .comet-page-shell__close-panel-wrap {
  left: 0;
  right: auto;
}
html[dir="rtl"] .comet-page-shell__panel--quicklist-content .comet-card.comet-page-shell__panel--quicklist__asset-list-item {
  display: flex;
  flex-direction: row;
}
html[dir="rtl"] .comet-page-shell__panel--quicklist-content .comet-card.comet-page-shell__panel--quicklist__asset-list-item .comet-page-shell__panel--quicklist__asset-list-item__thumbnail,
html[dir="rtl"] .comet-page-shell__panel--quicklist-content .comet-card.comet-page-shell__panel--quicklist__asset-list-item .comet-page-shell__panel--quicklist__asset-list-item__anchor,
html[dir="rtl"] .comet-page-shell__panel--quicklist-content .comet-card.comet-page-shell__panel--quicklist__asset-list-item .comet-card.comet-page-shell__panel--quicklist__asset-list-item__thumbnail-inner {
  border-radius: 0 4px 4px 0;
}
html[dir="rtl"] .comet-page-shell__panel--quicklist-content .comet-card.comet-page-shell__panel--quicklist__asset-list-item .comet-page-shell__panel--quicklist__asset-list-item__copy {
  padding: 10px 8px 10px 42px;
}
html[dir="rtl"] .comet-page-shell__panel--quicklist-content .comet-card.comet-page-shell__panel--quicklist__asset-list-item .quicklist__action-bar {
  left: 0;
  right: auto;
}
html[dir="rtl"] .comet-page-shell__panel--quicklist-content .comet-card.comet-page-shell__panel--quicklist__asset-list-item .quicklist__action-bar .quicklist__action-menu-list,
html[dir="rtl"] .comet-page-shell__panel--quicklist-content .comet-card.comet-page-shell__panel--quicklist__asset-list-item .quicklist__action-bar .quicklist__action-tool-tip--more {
  left: auto;
  right: -158px;
}
html[dir="rtl"] .comet-page-shell__panel--quicklist-content .comet-card.comet-page-shell__panel--quicklist__asset-list-item .quicklist__action-bar .quicklist__action-menu-list:before,
html[dir="rtl"] .comet-page-shell__panel--quicklist-content .comet-card.comet-page-shell__panel--quicklist__asset-list-item .quicklist__action-bar .quicklist__action-tool-tip:before {
  left: 10px;
  right: auto;
}
html[dir="rtl"] .comet-page-shell__panel--quicklist-content .comet-card.comet-page-shell__panel--quicklist__asset-list-item .quicklist__action-menu-list .action-menu-list__button {
  text-align: left;
}
html[dir="rtl"] .comet-button.comet-product-bar__quicklist-button {
  margin: -2px 0 0 8px;
}
html[dir="rtl"] .comet-button.comet-product-bar__quicklist-button .comet-product-bar__action--quicklist__icon {
  margin: 0 4px 0 0;
}
html[dir="rtl"] .comet-button.comet-product-bar__quicklist-button .comet-product-bar__action__popover {
  left: -11px;
  right: auto;
}
html[dir="rtl"] .comet-product-bar__action--help .comet-popover__nub {
  margin-left: -12px;
}
@media screen and (min-width: 600px) {
  html[dir="rtl"] .comet-product-bar__action--help .comet-product-bar__help-dropdown {
    left: 0 !important;
    right: auto !important;
  }
  html[dir="rtl"] .comet-product-bar__action--help .comet-product-bar__help-dropdown:before {
    left: 8px;
    right: auto;
  }
  html[dir="rtl"] .comet-product-bar__action--help .comet-product-bar__help-dropdown .comet-list-group__row-label {
    margin-left: auto;
    margin-right: 8px;
    text-align: right;
  }
}
@media screen and (min-width: 768px) {
  html[dir="rtl"] .comet-product-bar__action--help {
    margin: 0 0 0 8px;
  }
}
@media screen and (min-width: 600px) {
  html[dir="rtl"] .comet-product-bar__action--profile .comet-dropdown-menu.comet-product-bar__profile-dropdown {
    left: 0 !important;
    right: auto !important;
  }
  html[dir="rtl"] .comet-product-bar__action--profile .comet-dropdown-menu.comet-product-bar__profile-dropdown:before {
    left: 8px;
    right: auto;
  }
  html[dir="rtl"] .comet-product-bar__action--profile .comet-list-group__list .comet-list-group__row-anchor {
    text-align: right;
  }
  html[dir="rtl"] .comet-product-bar__action--profile .comet-list-group__list .comet-product-bar__profile-dropdown-name-row {
    padding: 8px 16px;
  }
  html[dir="rtl"] .comet-product-bar__action--profile .comet-list-group__list .comet-product-bar__profile-dropdown-name-row .comet-list-group__row-anchor {
    padding: 0;
  }
  html[dir="rtl"] .comet-product-bar__action--profile .comet-list-group__list .comet-product-bar__profile-dropdown-name-row img {
    margin: 0 0 0 4px;
  }
  html[dir="rtl"] .comet-product-bar__action--profile .comet-list-group__list .comet-product-bar__profile-dropdown-name-row .comet-list-group__row-label {
    text-align: right;
  }
  html[dir="rtl"] .comet-product-bar__action--profile .comet-list-group__list .comet-list-group__row-label--quit-impersonation-svg {
    margin: 0 0 0 5px;
  }
}
@media screen and (min-width: 768px) {
  html[dir="rtl"] .comet-product-bar__action--profile .comet-product-bar__action__popover {
    left: 0;
    right: auto;
  }
  html[dir="rtl"] .comet-product-bar__action--profile .comet-product-bar__action__popover .comet-popover__nub {
    left: 18px;
  }
}
html[dir="rtl"] .comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb-separator {
  transform: scaleX(-1);
}
html[dir="rtl"] .comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .comet-product-bar__breadcrumb-link {
  text-align: right;
}
html[dir="rtl"] .comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .navigation-flyout__trigger-container .navigation-flyout-trigger__wrap {
  padding: 0 0 0 16px;
  text-align: right;
}
html[dir="rtl"] .comet-breadcrumb--2018 .comet-product-bar__breadcrumbs .navigation-flyout__trigger-container .navigation-flyout-trigger__wrap .comet-product-bar__breadcrumb-text {
  text-align: right;
}
@media screen and (min-width: 768px) {
  html[dir="rtl"] .comet-flyout__close-button {
    left: 50px;
    right: auto;
  }
}
html[dir="rtl"] .comet-toast-message-queue {
  left: 16px;
  right: auto;
}
html[dir="rtl"] .comet-toast-message-queue .comet-toast-message .comet-toast-message__close {
  margin-left: 16px;
}
html[dir="rtl"] .bi-level-asset-card .bi-level-asset-card__preview-trigger {
  left: 8px;
  right: auto;
}
html[dir="rtl"] .bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container {
  visibility: visible;
  opacity: 1;
}
html[dir="rtl"] .bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__button-wrap {
  left: 8px;
  right: auto;
}
html[dir="rtl"] .bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__button-popover {
  left: 110%;
  right: auto;
}
html[dir="rtl"] .bi-level-asset-card.dex-home-tiles__cards .bi-level-asset-preview__unsubscribe-button {
  margin: 0;
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  html[dir="rtl"] .bi-level-asset-card.dex-home-tiles__cards:nth-child(3n) .bi-level-asset-preview__card {
    left: 0;
    right: auto;
  }
  html[dir="rtl"] .bi-level-asset-card.dex-home-tiles__cards:nth-child(3n + 1) .bi-level-asset-preview__card {
    left: auto;
    right: 0;
  }
}
@media screen and (min-width: 1024px) {
  html[dir="rtl"] .bi-level-asset-card.dex-home-tiles__cards:nth-child(4n + 4) .bi-level-asset-preview__card {
    left: 0;
    right: auto;
  }
  html[dir="rtl"] .bi-level-asset-card.dex-home-tiles__cards:nth-child(4n + 1) .bi-level-asset-preview__card {
    left: auto;
    right: 0;
  }
}
html[dir="rtl"] #studio-create-modal .comet-modal__header .comet-modal__header-content .comet-icon--xl {
  margin: 0 0 -12px 8px;
}
html[dir="rtl"] #studio-create-modal .comet-modal__header .comet-modal__button--cancel {
  left: 0;
  right: auto;
}
html[dir="rtl"] #studio-create-modal .comet-modal__footer .comet-button--primary {
  margin-left: 0;
  margin-right: auto;
}
html[dir="rtl"] .player-modal.active {
  display: flex;
  justify-content: center;
}
html[dir="rtl"] .player-modal.active .modal-container .comet-dialog__button-row .comet-button--primary {
  margin-left: 0;
  margin-right: auto;
}
.component-modal {
  margin-top: 0 !important;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.component-modal .modal-open {
  overflow: hidden;
}
.component-modal .modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.component-modal .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.component-modal .modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0,0,0,0.5);
  background-clip: padding-box;
  outline: none;
}
.component-modal .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.component-modal .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.component-modal .modal-header .close {
  margin-top: -2px;
}
.component-modal .modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.component-modal .modal-body {
  position: relative;
  padding: 20px;
}
.component-modal .modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.component-modal .modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.component-modal .modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.component-modal .modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@font-face {
  font-family: 'Raleway';
  src: url("/static/common/assets/fonts/raleway/Raleway-Medium.ttf") format('truetype');
}
@font-face {
  font-family: 'RalewayLight';
  src: url("/static/common/assets/fonts/raleway/Raleway-Regular.ttf") format('truetype');
}
.component-modal h1,
.component-modal h2,
.component-modal h3,
.component-modal h4,
.component-modal h5,
.component-modal h6 {
  font-family: 'Raleway', sans-serif;
}
.component-modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.component-modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.component-modal .dialog {
  width: auto;
  margin: 10px;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0,0,0,0.5);
  background-clip: padding-box;
  outline: none;
}
@media (min-width: 768px) {
  .component-modal .dialog {
    width: 600px;
    margin: 30px auto;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
  }
}
.lt-ie9 .component-modal .dialog {
  margin: 30px auto;
  width: 600px;
}
.component-modal .dialog header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.component-modal .dialog header h1 {
  font-size: 24px;
  margin: 0;
}
.component-modal .dialog header .profile-link {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 3px;
  -o-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border-color: #ccc;
  transition: background-color 0.2s ease;
  font-family: 'RalewayLight', sans-serif;
  color: #333;
}
.component-modal .dialog header .profile-link:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.component-modal .dialog header .profile-link:hover,
.component-modal .dialog header .profile-link:focus {
  color: #333;
  text-decoration: none;
}
.component-modal .dialog header .profile-link:active,
.component-modal .dialog header .profile-link.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.component-modal .dialog header .profile-link.disabled,
.component-modal .dialog header .profile-link[disabled],
fieldset[disabled] .component-modal .dialog header .profile-link {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  box-shadow: none;
}
.component-modal .dialog header .profile-link:hover,
.component-modal .dialog header .profile-link:focus,
.component-modal .dialog header .profile-link:active,
.component-modal .dialog header .profile-link.active,
.open .dropdown-toggle.component-modal .dialog header .profile-link {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.component-modal .dialog header .profile-link:active,
.component-modal .dialog header .profile-link.active,
.open .dropdown-toggle.component-modal .dialog header .profile-link {
  background-image: none;
}
.component-modal .dialog header .profile-link.disabled,
.component-modal .dialog header .profile-link[disabled],
fieldset[disabled] .component-modal .dialog header .profile-link,
.component-modal .dialog header .profile-link.disabled:hover,
.component-modal .dialog header .profile-link[disabled]:hover,
fieldset[disabled] .component-modal .dialog header .profile-link:hover,
.component-modal .dialog header .profile-link.disabled:focus,
.component-modal .dialog header .profile-link[disabled]:focus,
fieldset[disabled] .component-modal .dialog header .profile-link:focus,
.component-modal .dialog header .profile-link.disabled:active,
.component-modal .dialog header .profile-link[disabled]:active,
fieldset[disabled] .component-modal .dialog header .profile-link:active,
.component-modal .dialog header .profile-link.disabled.active,
.component-modal .dialog header .profile-link[disabled].active,
fieldset[disabled] .component-modal .dialog header .profile-link.active {
  background-color: #fff;
  border-color: #ccc;
}
.component-modal .dialog header .profile-link .badge {
  color: #fff;
  background-color: #333;
}
.component-modal .dialog header .profile-link:hover {
  background-color: #65aff0;
  border-color: #65aff0;
  color: #fff;
}
.component-modal .dialog header .profile-link span:hover {
  color: #fff;
}
.component-modal .dialog .body {
  position: relative;
  padding: 20px;
}
.component-modal .dialog .body:before,
.component-modal .dialog .body:after {
  content: " ";
  display: table;
}
.component-modal .dialog .body:after {
  clear: both;
}
.component-modal .dialog .body .details {
  margin-left: 145px;
}
.component-modal .dialog .body .fa-star {
  color: #5dbfe2;
}
.component-modal .dialog .body .profile-image {
  background: #f4f4f4;
  border-radius: 50%;
  float: left;
  height: 125px;
  margin-right: 20px;
  width: 125px;
}
.component-modal .dialog .body h2 {
  margin-bottom: 0.5em;
}
.component-modal .dialog .body h4 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.component-modal .dialog .body p,
.component-modal .dialog .body h4 {
  font-size: 1.1em;
  margin-bottom: 1em;
}
.component-modal .dialog .body h4.title {
  font-size: 1.4em;
  margin: 0 0 0.25em 0;
}
.component-modal .dialog .body h4.grades,
.component-modal .dialog .body h4.subjects {
  clear: left;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  float: left;
  line-height: 1.15em;
  margin-right: 0.5em;
}
.component-modal .dialog .body p.grades,
.component-modal .dialog .body p.subjects {
  float: left;
}
.component-modal .dialog .body .social-buttons {
  background-color: #fff;
  border: 0;
  margin-bottom: 1em;
  padding: 0;
  float: none;
}
.component-modal .dialog .body #copy-to-clipboard input {
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: baseline;
}
.component-modal .dialog .body #copy-to-clipboard .copy-link-swf {
  display: inline-block;
  height: 2.2em;
  right: auto;
  position: inherit;
  top: auto;
  vertical-align: middle;
}
.component-modal .dialog footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.component-modal .dialog footer:before,
.component-modal .dialog footer:after {
  content: " ";
  display: table;
}
.component-modal .dialog footer:after {
  clear: both;
}
.component-modal .dialog footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.component-modal .dialog footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.component-modal .dialog footer .btn-block + .btn-block {
  margin-left: 0;
}
.component-modal .dialog footer .profile-link,
.component-modal .dialog footer button,
.component-modal .dialog footer a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 3px;
  -o-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border-color: #ccc;
  transition: background-color 0.2s ease;
  color: #333;
  opacity: 1;
  font-family: 'RalewayLight', sans-serif;
}
.component-modal .dialog footer .profile-link:focus,
.component-modal .dialog footer button:focus,
.component-modal .dialog footer a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.component-modal .dialog footer .profile-link:hover,
.component-modal .dialog footer button:hover,
.component-modal .dialog footer a:hover,
.component-modal .dialog footer .profile-link:focus,
.component-modal .dialog footer button:focus,
.component-modal .dialog footer a:focus {
  color: #333;
  text-decoration: none;
}
.component-modal .dialog footer .profile-link:active,
.component-modal .dialog footer button:active,
.component-modal .dialog footer a:active,
.component-modal .dialog footer .profile-link.active,
.component-modal .dialog footer button.active,
.component-modal .dialog footer a.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.component-modal .dialog footer .profile-link.disabled,
.component-modal .dialog footer button.disabled,
.component-modal .dialog footer a.disabled,
.component-modal .dialog footer .profile-link[disabled],
.component-modal .dialog footer button[disabled],
.component-modal .dialog footer a[disabled],
fieldset[disabled] .component-modal .dialog footer .profile-link,
fieldset[disabled] .component-modal .dialog footer button,
fieldset[disabled] .component-modal .dialog footer a {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  box-shadow: none;
}
.component-modal .dialog footer .profile-link:hover,
.component-modal .dialog footer button:hover,
.component-modal .dialog footer a:hover,
.component-modal .dialog footer .profile-link:focus,
.component-modal .dialog footer button:focus,
.component-modal .dialog footer a:focus,
.component-modal .dialog footer .profile-link:active,
.component-modal .dialog footer button:active,
.component-modal .dialog footer a:active,
.component-modal .dialog footer .profile-link.active,
.component-modal .dialog footer button.active,
.component-modal .dialog footer a.active,
.open .dropdown-toggle.component-modal .dialog footer .profile-link,
.open .dropdown-toggle.component-modal .dialog footer button,
.open .dropdown-toggle.component-modal .dialog footer a {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.component-modal .dialog footer .profile-link:active,
.component-modal .dialog footer button:active,
.component-modal .dialog footer a:active,
.component-modal .dialog footer .profile-link.active,
.component-modal .dialog footer button.active,
.component-modal .dialog footer a.active,
.open .dropdown-toggle.component-modal .dialog footer .profile-link,
.open .dropdown-toggle.component-modal .dialog footer button,
.open .dropdown-toggle.component-modal .dialog footer a {
  background-image: none;
}
.component-modal .dialog footer .profile-link.disabled,
.component-modal .dialog footer button.disabled,
.component-modal .dialog footer a.disabled,
.component-modal .dialog footer .profile-link[disabled],
.component-modal .dialog footer button[disabled],
.component-modal .dialog footer a[disabled],
fieldset[disabled] .component-modal .dialog footer .profile-link,
fieldset[disabled] .component-modal .dialog footer button,
fieldset[disabled] .component-modal .dialog footer a,
.component-modal .dialog footer .profile-link.disabled:hover,
.component-modal .dialog footer button.disabled:hover,
.component-modal .dialog footer a.disabled:hover,
.component-modal .dialog footer .profile-link[disabled]:hover,
.component-modal .dialog footer button[disabled]:hover,
.component-modal .dialog footer a[disabled]:hover,
fieldset[disabled] .component-modal .dialog footer .profile-link:hover,
fieldset[disabled] .component-modal .dialog footer button:hover,
fieldset[disabled] .component-modal .dialog footer a:hover,
.component-modal .dialog footer .profile-link.disabled:focus,
.component-modal .dialog footer button.disabled:focus,
.component-modal .dialog footer a.disabled:focus,
.component-modal .dialog footer .profile-link[disabled]:focus,
.component-modal .dialog footer button[disabled]:focus,
.component-modal .dialog footer a[disabled]:focus,
fieldset[disabled] .component-modal .dialog footer .profile-link:focus,
fieldset[disabled] .component-modal .dialog footer button:focus,
fieldset[disabled] .component-modal .dialog footer a:focus,
.component-modal .dialog footer .profile-link.disabled:active,
.component-modal .dialog footer button.disabled:active,
.component-modal .dialog footer a.disabled:active,
.component-modal .dialog footer .profile-link[disabled]:active,
.component-modal .dialog footer button[disabled]:active,
.component-modal .dialog footer a[disabled]:active,
fieldset[disabled] .component-modal .dialog footer .profile-link:active,
fieldset[disabled] .component-modal .dialog footer button:active,
fieldset[disabled] .component-modal .dialog footer a:active,
.component-modal .dialog footer .profile-link.disabled.active,
.component-modal .dialog footer button.disabled.active,
.component-modal .dialog footer a.disabled.active,
.component-modal .dialog footer .profile-link[disabled].active,
.component-modal .dialog footer button[disabled].active,
.component-modal .dialog footer a[disabled].active,
fieldset[disabled] .component-modal .dialog footer .profile-link.active,
fieldset[disabled] .component-modal .dialog footer button.active,
fieldset[disabled] .component-modal .dialog footer a.active {
  background-color: #fff;
  border-color: #ccc;
}
.component-modal .dialog footer .profile-link .badge,
.component-modal .dialog footer button .badge,
.component-modal .dialog footer a .badge {
  color: #fff;
  background-color: #333;
}
.component-modal .dialog footer .profile-link:hover,
.component-modal .dialog footer button:hover,
.component-modal .dialog footer a:hover {
  background-color: #65aff0;
  border-color: #65aff0;
  color: #fff;
}
.lt-ie9 .component-modal .dialog footer .profile-link,
.lt-ie9 .component-modal .dialog footer button,
.lt-ie9 .component-modal .dialog footer a {
  -webkit-filter: none;
  filter: none;
}
.component-modal .dialog footer .profile-link {
  float: left;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  background: #fff;
}
@font-face {
  font-family: Raleway;
  font-weight: 300;
  src: local('â˜ºï¸Ž'), url("/static/common/assets/fonts/raleway/Raleway-ExtraLight.ttf") format('truetype');
}
@font-face {
  font-family: Raleway;
  font-weight: 400;
  src: local('â˜ºï¸Ž'), url("/static/common/assets/fonts/raleway/Raleway-Medium.ttf") format('truetype');
}
@font-face {
  font-family: Raleway;
  font-weight: 600;
  src: local('â˜ºï¸Ž'), url("/static/common/assets/fonts/raleway/Raleway-Bold.ttf") format('truetype');
}
.modal-container .view .download-videos h1,
.modal-container .view .download-video .type {
  font-family: Raleway, Verdana, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.625rem;
}
.modal-container .view .download-video a {
  font-family: Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.modal-container .alerts .alert {
  font-family: Helvetica, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
}
.modal-container .view .download-video a,
.modal-container .view .download-cc {
  background-color: transparent;
  background-image: none;
  border: solid 1px #b3b3b3;
  border-radius: 0.1875rem;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  margin: 0;
  outline: none;
  padding: 0.5rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  transition: color 200ms ease, background-color 300ms ease;
  vertical-align: middle;
}
.modal-container .view .download-video a:hover,
.modal-container .view .download-cc:hover {
  background-color: #68a2d5;
  border-color: transparent;
  color: #fafafa;
}
.modal-container .view .download-video a:active,
.modal-container .view .download-cc:active {
  background-color: #428bca;
  box-shadow: inset 0 4px 8px rgba(26,26,26,0.2);
  color: #fff;
  text-shadow: 0 1px 2px rgba(26,26,26,0.2);
}
.modal-container .view .download-video a,
.modal-container .view .download-cc {
  background-color: #326b96;
  border-color: transparent;
  color: #fafafa;
}
.modal-container .view .download-video a:hover,
.modal-container .view .download-cc:hover {
  background-color: #285678;
}
.modal-container .view .download-video a:active,
.modal-container .view .download-cc:active {
  background-color: #2b5b80;
}
.player-modal {
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: all 200ms;
  width: 100%;
  z-index: 1001;
}
.player-modal.active {
  opacity: 1;
}
.player-modal.active .comet-dialog {
  display: block;
}
.player-modal.active .comet-form__select-open-indicator {
  box-sizing: border-box;
  display: block;
}
.modal-overlay {
  background-color: rgba(0,0,0,0.8);
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.modal-container {
  box-sizing: content-box;
  max-height: calc(100vh - 50px);
  overflow-y: auto;
  position: absolute;
  margin-left: 5%;
  top: 2rem;
  width: 90%;
  z-index: 2;
}
.modal-container .comet-dialog {
  margin: 0;
}
.modal-container .comet-block-message {
  padding: 1rem;
}
.modal-container .comet-block-message__content p {
  font-size: 1rem;
}
.modal-container .comet-form__field-group {
  margin: 0 0 8px 0;
}
.modal-container .comet-form__label {
  margin: 0;
}
.modal-container .comet-form__input {
  margin: 0;
  padding: 6px 2px 6px 4px;
}
.modal-container .comet-form__microcopy {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .modal-container {
    margin-left: calc(50vw - 18rem);
    width: 36.25rem;
  }
  .modal-container .comet-form__field-group {
    margin: 0 0 1rem 0;
  }
  .modal-container .comet-form__label {
    margin: 0 0 0.5rem 0;
  }
  .modal-container .comet-form__input {
    margin: 0 0 0.25rem 0;
    padding: 0.75rem 0.5rem 0.75rem 0.5rem;
  }
}
.modal-container .comet-form__input {
  box-sizing: border-box;
}
.modal-container .alerts .alert {
  padding: 0.25rem 1rem;
}
.modal-container .alerts .alert[data-type="error"] {
  background-color: #f2d1d1;
}
.comet-dialog__button-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media (min-width: 600px) {
  .comet-dialog__button-row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.comet-dialog__button {
  margin: 0 0 16px 0;
}
@media (min-width: 600px) {
  .comet-dialog__button {
    margin-left: auto;
  }
  .comet-dialog__button:not(.comet-dialog__button--cancel) + .comet-dialog__button {
    margin: 0 0 0 16px;
  }
}
@media (min-width: 600px) {
  .comet-dialog__button--cancel {
    margin-left: 0;
  }
}
.jquery-css {
  position: relative;
  z-index: 1002;
}
.modal-container .view .assign-assets #assign {
  padding-bottom: 0;
}
.modal-container .view .assign-assets #assign-to-class {
  width: 100%;
}
.modal-container .view .assign-assets .assign-choose-inner {
  padding: 0;
}
.modal-container .view .assign-assets .element-wrap {
  display: block;
  margin: 0;
}
.modal-container .view .assign-assets .comet-form__label[for=assign-date] {
  padding: 0;
}
.modal-container .view .assign-assets #assign-to-student {
  margin-top: 3px;
  min-height: 70px;
  width: 100%;
}
.modal-container .view .assign-assets #submit-wrap {
  display: none;
}
@media only screen and (min-width: 768px) {
  .modal-container .view .assign-assets {
    margin: 20px 0;
  }
  .modal-container .view .assign-assets #assign-to-student {
    margin-top: 3px;
    min-height: 150px;
  }
}
.modal-container .view .classrooms-choose {
  max-width: 650px;
  width: auto;
}
.modal-container .view .classrooms-choose-inner {
  padding: 0;
}
.modal-container .view .builder-tools .listPageEl {
  margin-right: 0;
}
.modal-container .view .download-videos {
  padding: 1rem 0;
  margin: 0 2rem;
}
.modal-container .view .download-videos .cc-heading {
  padding-top: 1rem;
}
.modal-container .view .download-videos ul {
  *zoom: 1;
  margin-left: 0;
}
.modal-container .view .download-videos ul:before,
.modal-container .view .download-videos ul:after {
  content: '';
  display: table;
}
.modal-container .view .download-videos ul:after {
  clear: both;
}
.modal-container .view .download-video {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 49%;
  margin-left: 0;
  margin-right: 2%;
}
.modal-container .view .download-video:before,
.modal-container .view .download-video:after {
  content: '';
  display: table;
}
.modal-container .view .download-video:after {
  clear: both;
}
.modal-container .view .download-video:last-child {
  margin-right: 0;
}
.modal-container .view .download-video a {
  color: rgba(250,250,250,0.5);
  display: block;
  padding: 1rem;
  text-align: center;
}
.modal-container .view .download-video .type {
  color: #fafafa;
  display: block;
}
.modal-container .view .download-video .type:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f019";
  margin-left: 0.5rem;
}
.modal-container .view .download-video .description {
  color: #4d4d4d;
  margin: 0.5rem 0;
}
.modal-container .view .download-cc:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f20a";
  margin-left: 0.5rem;
}
@media only screen and (max-width: 480px) {
  .modal-container .view .download-video {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0;
    margin-right: 3%;
  }
  .modal-container .view .download-video:before,
  .modal-container .view .download-video:after {
    content: '';
    display: table;
  }
  .modal-container .view .download-video:after {
    clear: both;
  }
  .modal-container .view .download-video:last-child {
    margin-right: 0;
  }
  .modal-container .view .download-video:not(:last-child) {
    margin-bottom: 1rem;
  }
}
.modal-container .view .browse-view .modal-header {
  background-color: #f2f2f2;
}
.modal-container .view .browse-view .modal-header .close,
.modal-container .view .browse-view .modal-header h3 {
  display: none;
}
.modal-container .view .browse-view .modal-footer {
  display: none;
}
.modal-container .view .social-sharing {
  padding-bottom: 1rem;
}
.modal-container .view .social-sharing .social-buttons {
  background-color: transparent;
  border: 0;
  float: none;
  padding: 0;
}
.share-g-classroom-container,
.modal-container .view .social-sharing .social-buttons .share-button {
  display: inline-block;
  height: 32px;
  width: 32px;
}
.modal-container .view .social-sharing .social-buttons .share-button {
  margin-left: 0.2rem;
  text-indent: -9999px;
  vertical-align: top;
}
.modal-container .view .social-sharing .social-buttons .share-button:hover {
  opacity: 0.75;
}
.modal-container .view .social-sharing .social-buttons .teams-share-button {
  display: inline;
}
.modal-container .view .social-sharing .social-buttons .teams-share-button img {
  border: 2px solid #565aad;
  border-radius: 4px;
}
.modal-container .view .social-sharing .social-buttons .fb-share-button {
  background: url("/static/common/components/modals/img/facebook_32.png");
}
.modal-container .view .social-sharing .social-buttons .twitter-share-button {
  background: url("/static/common/components/modals/img/twitter_32.png");
}
.modal-container .view .social-sharing .social-buttons .email-share-button {
  background: url("/static/common/components/modals/img/email_32.png");
}
.modal-container .view .social-sharing .social-buttons .tumblr-share-button {
  background: url("/static/common/components/modals/img/tumblr_32.png");
}
.modal-container .view .social-sharing .social-buttons .gp-share-button {
  background: url("/static/common/components/modals/img/googleplus_32.png");
}
.modal-container .view .social-sharing .social-buttons .edmodo-share-button {
  background: url("/static/common/components/modals/img/edmodo_32.png");
}
.modal-container .view .social-sharing .social-buttons .remind-share-button {
  background: url("/static/common/components/modals/img/remind_32.png");
}
.modal-container .view .social-sharing .social-buttons .pinterest-share-button {
  background: url("/static/common/components/modals/img/pinterest_32.png");
}
.skip-navigation-link {
  position: absolute;
  transition: none;
  z-index: -1;
}
.skip-navigation-link:focus {
  background-color: #9a3737;
  border: 2px solid #fff;
  color: #fff;
  font-family: 'Droid Serif', Georgia, serif;
  font-size: 18px;
  margin-top: 6px;
  padding: 4px;
  text-decoration: underline;
  z-index: 1000;
}
@media print {
  .skip-navigation-link {
    display: none;
  }
}
.comet-page-shell__product-well--dex {
  left: 0;
  width: 100%;
}
.embedded-product-bar__form {
  margin-right: 60px;
}
.comet-product-bar__search-box-wrapper-dex {
  display: none;
  width: 530px;
}
@media screen and (min-width: 1024px) {
  .comet-product-bar__search-box-wrapper-dex {
    width: 740px;
  }
}
.comet-product-bar__search-box-wrapper-dex .comet-product-bar__search-box-wrapper,
.comet-product-bar__search-box-wrapper-dex .comet-product-bar__search-input {
  width: 100%;
}
.comet-product-bar__search-box-wrapper-dex .comet-list-group__row-anchor:focus {
  background-color: #f0f2f4;
}
.comet-product-bar--dex {
  background: #2b303b;
  height: 60px;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .comet-product-bar--dex {
    height: 75px;
  }
}
@media screen and (min-width: 1440px) {
  .comet-product-bar--dex {
    padding: 0 calc(50vw - 710px);
  }
}
.comet-product-bar--dex p {
  font-family: 'Proxima Vara', Arial, sans-serif;
}
.comet-global-nav-bar__header--dex {
  margin: 0;
  padding: 4px 8px 3px;
}
.comet-global-nav-bar__header--dex .comet-global-nav-bar__brand-logo-wrap .comet-global-nav-bar__brand-logo-small {
  height: 43px;
  position: relative;
  top: 10px;
  visibility: visible;
  width: 53px;
}
.comet-page-shell__product-well--dex .comet-product-bar .comet-product-bar__product-title {
  color: #fff;
  left: 50px;
  position: absolute;
}
@media (min-width: 768px) {
  .comet-page-shell__product-well--dex .comet-product-bar .comet-product-bar__product-title {
    left: auto;
    position: relative;
  }
}
.comet-product-bar__search-box-wrapper-dex--visible,
.comet-page-shell__product-well--contains-breadcrumb-nav .comet-product-bar__search-box-wrapper-dex--visible {
  display: block;
  opacity: 1;
  visibility: visible;
}
.comet-product-bar--dex .comet-product-bar__action--quicklist {
  margin-left: 0;
}
.comet-product-bar--dex .comet-product-bar__action--quicklist .comet-product-bar__action-link {
  margin-left: 0;
}
.comet-product-bar--dex .comet-product-bar__action--global-nav {
  position: inherit;
}
@media (min-width: 768px) {
  .comet-product-bar--dex .comet-product-bar__action--global-nav {
    position: relative;
  }
}
.comet-dropdown-menu--dex-global-nav {
  max-height: none;
  min-width: 100vw;
  overflow: visible;
  padding: 16px 16px 16px 16px;
  right: 0;
  top: 60px;
}
@media (min-width: 768px) {
  .comet-dropdown-menu--dex-global-nav {
    min-width: 430px;
    top: 47px;
  }
}
.comet-dropdown-menu--dex-global-nav .comet-popover__nub {
  display: none;
}
@media (min-width: 768px) {
  .comet-dropdown-menu--dex-global-nav .comet-popover__nub {
    background: #fff;
    box-shadow: none;
    display: block;
    right: 17px;
    top: -6px;
  }
}
.comet-dropdown-menu--dex-global-nav .comet-cards--justify-start {
  justify-content: flex-start;
}
.comet-dropdown-menu--dex-global-nav .comet-cards--justify-start .dex-color-card:first-child {
  margin-right: 16px;
}
.waffle-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 16px;
}
.dex-color-card {
  border-radius: 8px;
  box-shadow: 0 4px 4px rgba(0,0,0,0.25);
  margin: 0 0 16px 0;
  text-align: center;
  width: 100%;
}
.dex-color-card a {
  transition: background-color 0.25s ease-in-out;
}
.dex-color-card .comet-card__title {
  font-size: 1rem;
}
.dex-color-card .comet-card__card-anchor:focus,
.dex-color-card .comet-card__card-anchor:hover {
  background-color: transparent;
}
.dex-color-card--trending a,
.dex-color-card--by-subject a,
.dex-color-card--by-standard a {
  background-color: #034863;
}
.dex-color-card--trending a:active,
.dex-color-card--by-subject a:active,
.dex-color-card--by-standard a:active,
.dex-color-card--trending a:focus,
.dex-color-card--by-subject a:focus,
.dex-color-card--by-standard a:focus,
.dex-color-card--trending a:hover,
.dex-color-card--by-subject a:hover,
.dex-color-card--by-standard a:hover {
  background-color: #022b3b;
}
.dex-color-card--my-content a,
.dex-color-card--classrooms a {
  background-color: #4d2277;
}
.dex-color-card--my-content a:active,
.dex-color-card--classrooms a:active,
.dex-color-card--my-content a:focus,
.dex-color-card--classrooms a:focus,
.dex-color-card--my-content a:hover,
.dex-color-card--classrooms a:hover {
  background-color: #331650;
}
.dex-color-card--assignments a,
.dex-color-card--studio a,
.dex-color-card--spiral a,
.dex-color-card--assessment-builder a {
  background-color: #50717c;
}
.dex-color-card--assignments a:active,
.dex-color-card--studio a:active,
.dex-color-card--spiral a:active,
.dex-color-card--assessment-builder a:active,
.dex-color-card--assignments a:focus,
.dex-color-card--studio a:focus,
.dex-color-card--spiral a:focus,
.dex-color-card--assessment-builder a:focus,
.dex-color-card--assignments a:hover,
.dex-color-card--studio a:hover,
.dex-color-card--spiral a:hover,
.dex-color-card--assessment-builder a:hover {
  background-color: #28393e;
}
.dex-color-card--what-works-well a,
.dex-color-card--instructional-strategies a,
.dex-color-card--profession-learning a,
.dex-color-card--educator-network a {
  background-color: #327667;
}
.dex-color-card--what-works-well a:active,
.dex-color-card--instructional-strategies a:active,
.dex-color-card--profession-learning a:active,
.dex-color-card--educator-network a:active,
.dex-color-card--what-works-well a:focus,
.dex-color-card--instructional-strategies a:focus,
.dex-color-card--profession-learning a:focus,
.dex-color-card--educator-network a:focus,
.dex-color-card--what-works-well a:hover,
.dex-color-card--instructional-strategies a:hover,
.dex-color-card--profession-learning a:hover,
.dex-color-card--educator-network a:hover {
  background-color: #174f44;
}
.dex-color-card-icon {
  fill: #fff;
  margin: 20px 0 0;
  overflow: visible;
}
.dex-color-card__copy {
  padding: 0 16px 20px 16px;
}
.dex-color-card__copy .comet-card-title {
  font-size: 1rem;
}
.dex-color-card__product-cards {
  padding-top: 8px;
}
.dex-color-card--product {
  border-radius: 8px;
  box-shadow: none;
  text-align: left;
  width: 100%;
}
.dex-color-card--product .dex-color-card__copy {
  padding: 8px;
}
.dex-color-card--product .dex-color-card__product-course-name {
  font-weight: 700;
}
.dex-color-card--product .comet-card__card-anchor:focus,
.dex-color-card--product .comet-card__card-anchor:hover {
  background-color: transparent;
}
.dex-color-card--product-demb a,
.dex-color-card--product-mathlite a {
  background-color: #4e17b5;
}
.dex-color-card--product-demb a:active,
.dex-color-card--product-mathlite a:active,
.dex-color-card--product-demb a:focus,
.dex-color-card--product-mathlite a:focus,
.dex-color-card--product-demb a:hover,
.dex-color-card--product-mathlite a:hover {
  background-color: #270b5a;
}
.dex-color-card--product-detb a,
.dex-color-card--product-sciencelite a {
  background-color: #12880b;
}
.dex-color-card--product-detb a:active,
.dex-color-card--product-sciencelite a:active,
.dex-color-card--product-detb a:focus,
.dex-color-card--product-sciencelite a:focus,
.dex-color-card--product-detb a:hover,
.dex-color-card--product-sciencelite a:hover {
  background-color: #0c5907;
}
.dex-color-card--product-socs a,
.dex-color-card--product-soclite a {
  background-color: #b44418;
}
.dex-color-card--product-socs a:active,
.dex-color-card--product-soclite a:active,
.dex-color-card--product-socs a:focus,
.dex-color-card--product-soclite a:focus,
.dex-color-card--product-socs a:hover,
.dex-color-card--product-soclite a:hover {
  background-color: #5a220c;
}
.dex-color-card--product-stem a {
  background-color: #2f9d89;
}
.dex-color-card--product-dsce a {
  background-color: #6bac20;
}
.dex-color-card--product-dsc a {
  background-color: #6bac20;
}
.dex-color-card--product-dhc a {
  background-color: #c2570a;
}
.dex-color-card--product-espresso a {
  background-color: #48428a;
}
.dex-color-card--product-healthrelationship a {
  background-color: #8f3d6b;
}
.dex-color-card--product-coding a {
  background-color: #106cbc;
}
.dex-color-card--product-mysterysci a {
  background-color: #685bc7;
}
.dex-color-card--product-pathway a {
  background-color: #ac8b13;
}
.dex-color-card--product-pathway a .comet-card__title {
  color: #0b0c0f;
}
.dex-color-card--product-pathway a .dex-color-card-icon {
  fill: #0b0c0f;
}
.dex-color-card__product-course-name {
  font-size: 1.5rem;
  font-weight: 800;
  text-transform: uppercase;
}
.dex-color-card__product-type-name {
  font-size: 1.5rem;
  font-weight: 100;
  margin-right: 25px;
  text-transform: uppercase;
}
.dex-color-card__product-icon-container {
  position: absolute;
  right: 14px;
  top: 14px;
}
.dex-color-card--product .dex-color-card-icon {
  height: 20px;
  margin: 0;
  width: 20px;
}
.dex-color-card--myde {
  background: transparent;
  box-shadow: none;
  margin: 8px auto;
  padding: 8px 16px;
  width: fit-content;
}
.dex-color-card--myde .nebula-button {
  font-size: 24px;
}
.comet-product-bar-container--dex .comet-product-bar__action--profile .comet-product-bar__action-link {
  background: transparent;
  border: solid 1px #c4c9d4;
  border-radius: 50%;
  color: #c4c9d4;
  height: 46px;
  text-transform: uppercase;
  width: 46px;
}
.comet-product-bar-container--dex .comet-product-bar__action--profile .comet-product-bar__action-link:active,
.comet-product-bar-container--dex .comet-product-bar__action--profile .comet-product-bar__action-link:focus,
.comet-product-bar-container--dex .comet-product-bar__action--profile .comet-product-bar__action-link:hover {
  border-color: #fff;
  color: #fff;
}
.comet-product-bar-container--dex .comet-product-bar__action--profile .comet-product-bar__action-link .comet-popover {
  text-transform: none;
}
.comet-product-bar-container--dex .comet-product-bar__action--profile .comet-list-group__row-anchor {
  padding: 12px 20px;
}
.comet-product-bar--dex .comet-product-bar__action-link--search,
.comet-product-bar--dex .comet-product-bar__action-link--more-links,
.comet-product-bar--dex .comet-product-bar__action-link--profile {
  min-height: 46px;
  min-width: 46px;
}
.comet-product-bar__action-link--search .comet-product-bar__action__popover,
.comet-product-bar__action-link--more-links .comet-product-bar__action__popover,
.comet-product-bar__action-link--profile .comet-product-bar__action__popover {
  left: -23px;
  top: 44px;
}
.comet-dropdown-menu--search-form {
  right: 0;
  top: 0;
}
.comet-page-shell__product-well-inner--prelogin {
  margin: 54px 0 0;
}
@media screen and (min-width: 1024px) {
  .comet-page-shell__product-well-inner--prelogin {
    margin: 123px 0 0;
    padding-bottom: 0;
  }
}
.comet-product-bar--prelogin {
  background: #fff;
  border-top: 0;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  height: auto;
  padding: 8px 0;
  position: fixed;
  top: 0;
  z-index: 100;
}
@media screen and (min-width: 1024px) {
  .comet-product-bar--prelogin {
    padding: 32px 0;
  }
}
.comet-product-bar--prelogin .comet-global-nav-bar__header:hover {
  background: #fff;
}
.comet-product-bar--prelogin .comet-global-nav-bar__brand-logo-wrap {
  height: auto;
}
.comet-global-nav-bar__brand-logo-prelogin {
  width: 100px;
}
@media screen and (min-width: 1024px) {
  .comet-global-nav-bar__brand-logo-prelogin {
    width: 192px;
  }
}
.comet-product-bar__prelogin-call-to-action {
  margin-left: auto;
  margin-right: 0;
}
.bi-level-asset-card {
  overflow: visible;
}
.bi-level-asset-card .bi-level-asset-card__card-anchor {
  overflow: hidden;
}
.bi-level-asset-card .bi-level-asset-card__card-anchor .comet-card__title {
  max-height: 75px;
}
.bi-level-asset-card .bi-level-asset-card__card-anchor .bi-level-asset-card__copy .bi-level-asset-card__copy-logo {
  margin-right: 5px;
  width: 40px;
}
.bi-level-asset-card .comet-card__type {
  color: #0b0c0f;
}
.bi-level-asset-card .comet-card__title {
  display: block;
}
.bi-level-asset-card .comet-card__label {
  color: #c4c9d4;
  font-size: 12px;
  margin-bottom: 0;
}
.bi-level-asset-card .bi-level-asset-card__preview-trigger {
  background-color: rgba(11,12,15,0.4);
  border: 0;
  height: 42px;
  padding-top: 12px;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 42px;
}
.bi-level-asset-card .bi-level-asset-card__preview-trigger:hover,
.bi-level-asset-card .bi-level-asset-card__preview-trigger:focus {
  background-color: rgba(11,12,15,0.75);
}
.bi-level-asset-card .bi-level-asset-card__preview-trigger .bi-level-asset-card__preview-trigger-icon {
  height: 18px;
  width: 18px;
}
.bi-level-asset-card .bi-level-asset-card__preview-trigger .bi-level-asset-card__preview-trigger-popover {
  bottom: 110%;
  display: none;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
}
.bi-level-asset-card .bi-level-asset-card__preview-trigger:hover .bi-level-asset-card__preview-trigger-popover {
  display: block;
}
.bi-level-asset-card .bi-level-asset-preview__container {
  bottom: 0;
  visibility: hidden;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.5s ease;
  z-index: 1000;
}
.bi-level-asset-card .bi-level-asset-preview__container .bi-level-asset-preview__card {
  display: none;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container {
  visibility: visible;
  opacity: 1;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__button-wrap {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 8px;
  top: 8px;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__button {
  background-color: rgba(11,12,15,0.4);
  border: 0;
  height: 42px;
  margin: 0 0 8px;
  padding: 18px 0;
  position: relative;
  width: 42px;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__button:hover,
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__button:focus {
  background-color: rgba(11,12,15,0.75);
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__button .bi-level-asset-preview__button-popover {
  display: none;
  left: auto;
  right: 110%;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__button:hover .bi-level-asset-preview__button-popover {
  display: block;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__icon {
  fill: #fff;
  height: 18px;
  width: 18px;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__card {
  display: block;
  height: 350px;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__card {
    height: 450px;
    width: 450px;
  }
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__card--product {
  border-top: 10px solid;
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__card--product .bi-level-asset-preview__copy {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0;
  margin-top: 16px;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__card--product-demb {
  border-color: #4e17b5;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__card--product-detb {
  border-color: #6bac20;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__card--product-socs {
  border-color: #b44418;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__card--product-stem {
  border-color: #2f9d89;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__card--product-dsce {
  border-color: #6bac20;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__card--product-dsc {
  border-color: #6bac20;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__card--product-dhc {
  border-color: #c2570a;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__course-header {
  background-color: #404653;
  padding: 16px;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__course-heading {
  color: #98a1b3;
  font-size: 14px;
  text-transform: uppercase;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__course-title {
  color: #fff;
  font-size: 20px;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__course-container {
  border: solid 1px #c4c9d4;
  border-color: #535c70;
  border-radius: 4px;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__concept-container {
  background-color: #404653;
  border-radius: 4px;
  margin-top: auto;
  padding: 16px;
  transition: background 0.25s ease-in-out;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__concept-container:hover,
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__concept-container:focus {
  background-color: #58627d;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__concept-container:active {
  background-color: #6c7893;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__copy {
  height: 150px;
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__copy {
    height: 200px;
  }
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__unsubscribe-button {
  border-radius: 0 0 4px 4px;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.bi-level-asset-card.bi-level-asset-preview__container--visible .bi-level-asset-preview__container .bi-level-asset-preview__product-logo {
  fill: #fff;
  width: 40%;
}
.bi-level-asset-card .comet-thumbnail__inner--thumbnail-loaded .comet-thumbnail__icon {
  opacity: 0;
}
#studio-create-modal .modal__heading {
  font-family: 'Proxima Nova', Arial, sans-serif;
  font-weight: 700;
  margin: 16px 0;
}
#studio-create-modal .studio-create-modal__type-container {
  margin: 0 0 32px 0;
  width: 60%;
}
#studio-create-modal .comet-card__title {
  color: #2b303b;
  font-family: 'Proxima Nova', Arial, sans-serif;
  font-weight: 700;
  margin: 8px auto 0;
  width: 50%;
}
#studio-create-modal .comet-dialog__button {
  margin-bottom: 0;
}
#studio-create-modal .comet-card.studio-modal__thumbnail-container {
  background-color: #e2e4e9;
  margin: auto;
  padding: 8px;
  width: 50%;
}
#studio-create-modal .studio-create-modal__start-link {
  color: #fff;
  font-weight: normal;
  margin-left: auto;
  padding: 16px 16px 16px 16px;
  text-decoration: none;
}
.comet-card__card-anchor .comet-thumbnail__inner.comet-thumbnail__inner--thumbnail-loading {
  opacity: 0;
  transition: height 0.25s ease-in-out, margin 0.25s ease-in-out, opacity 0.45s ease-out, width 0.25s ease-in-out;
}
.comet-card__card-anchor .comet-thumbnail__inner.comet-thumbnail__inner--thumbnail-loaded {
  opacity: 1;
  transition: height 0.25s ease-in-out, margin 0.25s ease-in-out, opacity 0.25s ease-in, width 0.25s ease-in-out;
}
.non-loop-carousel__container .non-loop-carousel__arrow--hidden-not-enough-items,
.non-loop-carousel__container .non-loop-carousel__arrow--hidden {
  display: none;
}
.embedded__logout-container {
  position: fixed;
  right: 16px;
  top: 20px;
  width: 35px;
  z-index: 1;
}
.embedded__logout-container .embedded__logout-button {
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  padding: 10px;
}
.embedded__logout-container .embedded__logout-button:hover {
  background-color: #363c49;
}
.embedded__logout-container .embedded__logout-button svg {
  fill: #fff;
  height: 20px;
  width: 100%;
}
.embedded__logout-container .embedded__logout-dropdown-menu {
  background-color: #363c49;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  margin-top: 5px;
  right: 0;
  opacity: 0;
  padding: 10px;
  position: absolute;
  visibility: hidden;
  width: 120px;
}
.embedded__logout-container .embedded__logout-dropdown-menu.visible {
  opacity: 1;
  visibility: visible;
}
.embedded__logout-container .embedded__logout-dropdown-menu a {
  color: #fff;
}
.embedded__logout-container .embedded__logout-dropdown-menu a svg {
  margin-right: 4px;
}
.prelogin__body {
  background-color: #fff;
}
.prelogin__body #scroll-content {
  background: #fff none;
}
.public-spotlight__full-bleed {
  background-image: url("/static/img/spotlight/experience-virtual-demo-bg.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
}
.public-spotlight__full-bleed .comet-row,
.public-spotlight__full-bleed .comet-row__inner-flex {
  height: 100%;
}
.public-spotlight__full-bleed .comet-row__inner-flex {
  align-content: center;
  justify-content: center;
  text-align: center;
}
.public-spotlight__call-out {
  padding: 50px;
}
.public-spotlight__call-out h3 {
  color: #fff;
  font-family: 'Proxima Nova', Arial, sans-serif;
  font-size: 1.5rem;
  margin-bottom: 16px;
}
.public-spotlight__call-out a.public-spotlight__button {
  background-color: #fff;
  color: #163550;
  font-weight: bold;
  margin: 0;
  padding: 20px 32px 16px;
}
.public-spotlight__call-out a.public-spotlight__button:hover,
.public-spotlight__call-out a.public-spotlight__button:focus,
.public-spotlight__call-out a.public-spotlight__button:active {
  background-color: #e2e4e9;
  color: #163550;
}
.public-spotlight {
  background-color: #fff;
  margin: auto;
  max-width: 1280px;
}
.nebula-badge,
.nebula-flag {
  color: #595959;
  font-family: 'Proxima Vara', Arial, sans-serif;
  font-weight: normal;
  line-height: 1.4;
  font-size: 1rem;
  background-color: #c1d1d7;
  border: 1px solid #c1d1d7;
  border-radius: 4px;
  color: #000;
  display: inline-block;
  font-weight: bold;
  margin: 0 8px 8px 0;
  padding: 4px 8px 2px;
}
.nebula-badges {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.nebula-flag {
  font-size: 0.875rem;
  margin: 0;
  padding: 6px 8px 4px;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .nebula-flag {
    font-size: 1rem;
  }
}
.learn-nebula-card .nebula-flag {
  right: 8px;
  position: absolute;
  top: 8px;
  z-index: 120;
}
@media screen and (min-width: 1024px) {
  .learn-nebula-card .nebula-flag {
    right: 16px;
    top: 16px;
    z-index: 120;
  }
}
.nebula-flag--success {
  background-color: #128725;
  border-color: #128725;
  color: #fff;
}
html[dir="rtl"] .nebula-badge {
  margin: 0 0 8px 8px;
}
html[dir="rtl"] .learn-nebula-card .nebula-flag {
  left: 8px;
  right: auto;
}
@media screen and (min-width: 1024px) {
  html[dir="rtl"] .learn-nebula-card .nebula-flag {
    left: 16px;
    right: auto;
  }
}
.learn-nebula-cards {
  align-content: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}
.learn-nebula-card {
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0px 4px 26px 5px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  font-family: 'Proxima Vara', Arial, sans-serif;
  margin: 0 0 16px;
  position: relative;
  width: 100%;
}
.learn-nebula-card.learn-nebula-card--invisible {
  height: 0;
  margin: 0;
  visibility: hidden;
}
.learn-nebula-card.learn-nebula-card--channel .learn-nebula-thumbnail {
  border-radius: 24px;
  height: 100%;
  overflow: hidden;
  padding-top: 144%;
}
.learn-nebula-card.learn-nebula-card--channel .learn-nebula-card__copy {
  background-color: rgba(255,255,255,0.9);
  border-radius: 0 0 24px 24px;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 100;
}
@supports (backdrop-filter: none) {
  .learn-nebula-card.learn-nebula-card--channel .learn-nebula-card__copy {
    backdrop-filter: blur(15px);
    background-color: rgba(255,255,255,0.75);
  }
}
@supports (-webkit-backdrop-filter: none) {
  .learn-nebula-card.learn-nebula-card--channel .learn-nebula-card__copy {
    -webkit-backdrop-filter: blur(15px);
    background-color: rgba(255,255,255,0.75);
  }
}
.learn-nebula-card.learn-nebula-card--channel .learn-nebula-card-actions__container {
  bottom: 54px;
  top: auto;
  z-index: 120;
}
.learn-nebula-card .nebula-list-group__list {
  margin-bottom: 0;
}
.learn-nebula-card .nebula-list-group__row-anchor {
  transition: 0.25s ease-in-out;
}
.learn-nebula-card .nebula-list-group__row-anchor:hover,
.learn-nebula-card .nebula-list-group__row-anchor:focus {
  background-color: #005a9e;
}
@media screen and (max-width: 1024px) {
  .learn-nebula-card .nebula-list-group__row-anchor {
    padding: 8px;
  }
}
.learn-nebula-card .nebula-list-group__row:first-child {
  border-top: 1px solid;
  border-top-color: #a2bbc3;
}
.learn-nebula-card .nebula-list-group__row:last-child {
  border-bottom: 0;
}
.learn-nebula-card .learn-nebula-card__card-anchor .learn-nebula-thumbnail__inner {
  height: 100%;
  transition: 0.25s ease-in-out;
  width: 100%;
}
.learn-nebula-card .learn-nebula-card__card-anchor:hover .learn-nebula-thumbnail__inner,
.learn-nebula-card .learn-nebula-card__card-anchor:focus .learn-nebula-thumbnail__inner {
  height: 105%;
  margin-top: -2.5%;
  margin-left: -2.5%;
  width: 105%;
}
.learn-nebula-card .learn-nebula-thumbnail {
  background-color: #648d9b;
  border-radius: 24px 24px 0 0;
  transition: 0.25s ease-in-out;
}
.learn-nebula-card .learn-nebula-thumbnail--no-image .learn-nebula-thumbnail__inner {
  height: 100%;
  margin: 0;
  transition: 0.25s ease-in-out;
  width: 100%;
}
.learn-nebula-card .learn-nebula-thumbnail__icon {
  height: 40px;
  width: 40px;
}
.learn-nebula-card .learn-nebula-thumbnail--squared {
  padding-top: 100%;
}
.learn-nebula-card .comet-thumbnail__inner--thumbnail-loaded .comet-thumbnail__icon {
  opacity: 0;
}
.learn-nebula-card__card-anchor {
  flex-shrink: 0;
  flex-grow: 0;
  height: 100%;
  text-decoration: none;
  width: 100%;
}
.learn-nebula-card__card-anchor:hover .learn-nebula-card__title,
.learn-nebula-card__card-anchor:focus .learn-nebula-card__title {
  color: #005a9e;
}
.learn-nebula-card__duration {
  background-color: rgba(0,0,0,0.5);
  border: 0;
  border-radius: 32px;
  color: #fff;
  font-size: 0.875rem;
  left: 8px;
  padding: 4px 12px;
  position: absolute;
  top: 8px;
}
@media screen and (min-width: 1200px) {
  .learn-nebula-card__duration {
    font-size: 1rem;
    left: 16px;
    padding: 7px 16px;
    top: 16px;
  }
}
.learn-nebula-card__copy {
  padding: 8px 24px 24px;
}
.learn-nebula-card__type {
  color: #50717c;
  font-size: 1rem;
  font-weight: bold;
  margin-right: 24px;
  margin-top: 16px;
  text-transform: uppercase;
}
.learn-nebula-card__title {
  color: #3d3d3d;
  font-family: 'Proxima Vara', Arial, sans-serif;
  font-weight: bold;
  line-height: 1.2;
  font-size: 1.5rem;
  color: #3d3d3d;
  margin: 14px 0 0 0;
  max-height: 58px;
  overflow: hidden;
}
.learn-nebula-card__title.learn-nebula-card__title--no-type-padding,
.learn-nebula-card--channel .learn-nebula-card__title {
  padding-right: 30px;
}
.learn-nebula-card__caption {
  color: #595959;
  font-family: 'Proxima Vara', Arial, sans-serif;
  font-weight: normal;
  line-height: 1.4;
  font-size: 1.125rem;
  color: #595959;
  margin: 8px 0 0 0;
  max-height: 100px;
  overflow: hidden;
}
.learn-nebula-card__copy-logo {
  margin-right: 16px;
  margin-top: 8px;
  width: 40px;
}
.learn-nebula-card__metadata {
  margin-top: 16px;
}
.learn-nebula-card-actions__container {
  padding-top: 56%;
  position: absolute;
  right: 16px;
  width: 32px;
  top: 16px;
}
.learn-nebula-card--trending .learn-nebula-card-actions__container {
  padding-top: 100%;
}
.learn-nebula-card-actions__button {
  border-radius: 32px;
  justify-content: flex-end;
  position: relative;
}
.learn-nebula-card-actions__button.action-list-visible .nebula-tool-tip,
.learn-nebula-card-actions__button.action-list-visible:hover .nebula-tool-tip,
.learn-nebula-card-actions__button.action-list-visible:focus .nebula-tool-tip {
  opacity: 0;
  visibility: hidden;
}
.learn-nebula-card-actions__button:focus .nebula-tool-tip,
.learn-nebula-card-actions__button:hover .nebula-tool-tip {
  opacity: 1;
  visibility: visible;
}
.learn-nebula-card-actions__button.action-list-visible {
  background-color: #50717c;
  border-color: transparent;
}
@supports (backdrop-filter: none) {
  .learn-nebula-card-actions__button.action-list-visible {
    backdrop-filter: blur(15px);
    background-color: rgba(80,113,124,0.75);
  }
}
@supports (-webkit-backdrop-filter: none) {
  .learn-nebula-card-actions__button.action-list-visible {
    -webkit-backdrop-filter: blur(15px);
    background-color: rgba(80,113,124,0.75);
  }
}
.learn-nebula-card-actions__button.action-list-visible .nebula-button__icon {
  fill: #fff;
}
.learn-nebula-card-actions__menu-list {
  background-color: #50717c;
  border-radius: 16px;
  box-shadow: none;
  font-family: 'Proxima Vara', Arial, sans-serif;
  font-size: 1.125rem;
  margin-left: 0;
  margin-top: 4px;
  overflow: hidden;
  padding: 8px 0;
  right: 0;
  top: 100%;
  width: max-content;
  z-index: 1000;
}
@supports (backdrop-filter: none) {
  .learn-nebula-card-actions__menu-list {
    backdrop-filter: blur(15px);
    background-color: rgba(80,113,124,0.75);
  }
}
@supports (-webkit-backdrop-filter: none) {
  .learn-nebula-card-actions__menu-list {
    -webkit-backdrop-filter: blur(15px);
    background-color: rgba(80,113,124,0.75);
  }
}
.learn-nebula-card-actions__menu-list:before {
  display: none;
}
.learn-nebula-card-actions__list-button {
  border-radius: 0;
  color: #fff;
  max-width: none;
  width: 100%;
}
.learn-nebula-card-actions__list-button .nebula-button__icon {
  fill: #fff;
}
.learn-nebula-card-actions__list-button.nebula-button--flat:focus,
.learn-nebula-card-actions__list-button.nebula-button--flat:hover {
  background-color: rgba(0,0,0,0.2);
}
.learn-nebula-card-actions__list-button.action-quick-list .action-quick-list--plus-icon,
.learn-nebula-card-actions__list-button.action-quick-list .action-quick-list--add-text {
  display: block;
}
.learn-nebula-card-actions__list-button.action-quick-list .action-quick-list--minus-icon,
.learn-nebula-card-actions__list-button.action-quick-list .action-quick-list--remove-text {
  display: none;
}
.learn-nebula-card-actions__list-button.action-quick-list.active .action-quick-list--plus-icon,
.learn-nebula-card-actions__list-button.action-quick-list.active .action-quick-list--add-text {
  display: none;
}
.learn-nebula-card-actions__list-button.action-quick-list.active .action-quick-list--minus-icon,
.learn-nebula-card-actions__list-button.action-quick-list.active .action-quick-list--remove-text {
  display: block;
}
@media screen and (min-width: 480px) {
  .learn-nebula-card {
    width: calc(50% - 16px * 1 / 2);
  }
}
@media screen and (min-width: 768px) {
  .learn-nebula-card {
    margin: 0 0 32px 0;
    width: calc(33.3% - 16px * 2 / 3);
  }
}
@media screen and (min-width: 1200px) {
  .learn-nebula-card {
    width: calc(25% - 16px * 3 / 4);
  }
}
.search-results .learn-nebula-card {
  width: 100%;
}
@media screen and (min-width: 480px) {
  .search-results .learn-nebula-card {
    width: calc(50% - 16px * 1 / 2);
  }
}
@media screen and (min-width: 768px) {
  .search-results .learn-nebula-card {
    margin: 0 0 32px 0;
    width: calc(33.3% - 16px * 2 / 3);
  }
}
@media screen and (min-width: 1024px) {
  .search-results .learn-nebula-card {
    margin: 0 0 32px 0;
    width: calc(25% - 16px * 3 / 4);
  }
}
@media screen and (min-width: 1200px) {
  .search-results .learn-nebula-card {
    width: calc(20% - 16px * 4 / 5);
  }
}
.advanced-open .learn-nebula-card {
  width: 100%;
}
@media screen and (min-width: 720px) {
  .advanced-open .learn-nebula-card {
    margin: 0 0 32px 0;
    width: calc(50% - 16px * 1 / 2);
  }
}
@media screen and (min-width: 1024px) {
  .advanced-open .learn-nebula-card {
    margin: 0 0 32px 0;
    width: calc(33.3% - 16px * 2 / 3);
  }
}
@media screen and (min-width: 1200px) {
  .advanced-open .learn-nebula-card {
    width: calc(25% - 16px * 3 / 4);
  }
}
html[dir="rtl"] .learn-nebula-card {
  text-align: right;
}
html[dir="rtl"] .learn-nebula-card .learn-nebula-card__type {
  margin-left: 24px;
  margin-right: auto;
}
html[dir="rtl"] .learn-nebula-card .learn-nebula-card__duration {
  left: auto;
  right: 8px;
}
@media screen and (min-width: 1024px) {
  html[dir="rtl"] .learn-nebula-card .learn-nebula-card__duration {
    left: auto;
    right: 16px;
  }
}
html[dir="rtl"] .learn-nebula-card .actions-region-search {
  left: 16px;
  right: auto;
}
html[dir="rtl"] .learn-nebula-card .learn-nebula-card-actions__container {
  left: 16px;
  padding-top: 56%;
  position: absolute;
  right: auto;
  top: 8px;
}
html[dir="rtl"] .learn-nebula-card .nebula-list-group__row-anchor .nebula-list-group__row-type-icon,
html[dir="rtl"] .learn-nebula-card .nebula-list-group__row-anchor .nebula-list-group__row-label {
  margin: 0 0 0 8px;
}
html[dir="rtl"] .learn-nebula-card.learn-nebula-card--trending .learn-nebula-card-actions__container {
  padding-top: 100%;
}
html[dir="rtl"] .learn-nebula-card.learn-nebula-card--channel .learn-nebula-card__title {
  padding-left: 30px;
  padding-right: 0;
}
html[dir="rtl"] .learn-nebula-card.learn-nebula-card--channel .learn-nebula-card-actions__container {
  padding-top: 100%;
}
html[dir="rtl"] .learn-nebula-card .learn-nebula-card__title--no-type-padding {
  padding-left: 30px;
  padding-right: 0;
}
html[dir="rtl"] .nebula-tool-tip {
  left: 0;
  right: auto;
}
html[dir="rtl"] .learn-nebula-card-actions__menu-list {
  left: 0;
  right: auto;
}
html[dir="rtl"] .nebula-button--icon-left .nebula-button__text {
  margin-left: 0;
  margin-right: 8px;
}
.learn-nebula-dropdown-menu {
  background-color: #50717c;
  border: 0;
  border-radius: 16px;
  box-shadow: none;
  font-family: 'Proxima Vara', Arial, sans-serif;
  font-size: 1.125rem;
  margin-left: 0;
  margin-top: 4px;
  overflow: hidden;
  padding: 8px 0;
  right: 0;
  top: 100%;
  width: max-content;
  z-index: 1000;
}
@supports (backdrop-filter: none) {
  .learn-nebula-dropdown-menu {
    backdrop-filter: blur(15px);
    background-color: rgba(80,113,124,0.75);
  }
}
@supports (-webkit-backdrop-filter: none) {
  .learn-nebula-dropdown-menu {
    -webkit-backdrop-filter: blur(15px);
    background-color: rgba(80,113,124,0.75);
  }
}
.learn-nebula-dropdown-menu.comet-theme--dark-background .comet-list-group__row:active,
.learn-nebula-dropdown-menu.comet-theme--dark-background .comet-list-group__row:focus,
.learn-nebula-dropdown-menu.comet-theme--dark-background .comet-list-group__row:hover {
  background-color: rgba(0,0,0,0.2);
}
#ui-datepicker-div .ui-widget-header {
  background-color: #004555;
  background-image: -webkit-linear-gradient(top, #1e91ae, #16728a);
  background-image: -moz-linear-gradient(top, #1e91ae, #16728a);
  background-image: -ms-linear-gradient(top, #1e91ae, #16728a);
  background-image: -o-linear-gradient(top, #1e91ae, #16728a);
  background-image: linear-gradient(top, #1e91ae, #16728a);
  border: 0;
}
#de-content-wrapper:focus {
  outline: 0;
}
