@charset "UTF-8";
/**
 * reset
 */
@font-face {
  font-family: "Source Sans Pro";
  src: url(/3ba9836fde035d78b4c3f58db4a763ba.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url(/3f482321becfaa40fcb19825fa717859.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url(/f2268e7070f6d13a832ff5e0b2643d37.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url(/550b42a5f50d0b943bc45f5c361a9bc1.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url(/7e0ee8c45d872446649aacd3ce96e1f7.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Source Sans 3";
  src: url(/a923b66a888fa07af060554d8c28644b.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Source Sans 3";
  src: url(/cf5be8398a1f0d84582ce6b3723c031d.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Source Sans 3";
  src: url(/04f1a4f0fdf585fc5b56885fefc9e8d2.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
/* aamc-font-icon */
@font-face {
  font-family: "aamc-icon";
  src: url(/886434ac95d5471799568ccacbd6b7bc.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
.aamc-icon {
  font-family: "aamc-icon";
}
.aamc-icon::before {
  vertical-align: bottom;
}
.aamc-icon.timer::before {
  /* timer icon */
  content: "r";
}
.aamc-icon.navigation::before {
  /* compass rose looking thing */
  content: "l";
}
.aamc-icon.arrow-left::before {
  content: "u";
}
.aamc-icon.arrow-right::before {
  content: "m";
}
.aamc-icon.caret-down::before {
  content: "d";
}
.aamc-icon.table::before {
  /* periodic table */
  content: "v";
}
.aamc-icon.strikethrough-icon::before {
  /* looks like a pencil */
  content: "n";
}
.aamc-icon.counter::before {
  /* Spaceship? Used next to current question */
  content: "a";
}
.aamc-icon.flag::before {
  /* flag */
  content: "g";
}
.aamc-icon.flag--filled::before {
  /* flag -- but filled in */
  content: "f";
}
.aamc-icon.flag--stacked::before {
  /* icon for selected radio group */
  content: "p";
}
.aamc-icon.xbox::before {
  /* icon for closing things */
  content: "b";
}
.aamc-icon.collapsed--tab::before {
  /* icon for a collapsed accordion */
  content: "t";
}
.aamc-icon.expanded--tab::before, .aamc-icon.arrow--down::before {
  /* icon for an expanded accordion
      also known as a down arrow. */
  content: "d";
}
.aamc-icon.arrow--up::before {
  /* icon for an expanded accordion
      also known as an up arrow */
  content: "s";
}
.aamc-icon.selected::before {
  /* icon for selected radio group */
  content: "B";
}
.aamc-icon.unselected::before {
  /* icon for unselected radio group */
  content: "C";
}
.aamc-icon.box--plus::before {
  /* Icon for a collapsed instruction component */
  content: "A";
}
.aamc-icon.box--minus::before {
  /* Icon for an expanded instruction component */
  content: "z";
}
.aamc-icon.exit::before {
  /* icon for EndSection or EndExam */
  content: "w";
}
.aamc-icon.x::before {
  /* icon for EndSection or EndExam */
  content: "h";
}

html {
  box-sizing: border-box;
  font-size: 16px;
  scroll-behavior: smooth;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

.assignment_bank__container::after {
  display: none;
  content: url(/493a76bcf57115385d40e90b6a1e7690.svg) url(/b48874badc38f90e270422b29a4ef228.png) url(/4fbc4de1633499cfa849ebcbe539f856.png) url(/42ddd2abd177f2f01316f7a43105aa48.svg) url(/1e11b411a41f2bcae6e230826458cf67.svg) url(/91c1f98a1edf016796b9884694df7437.svg) url(/69c2e25ac9711b9dc132abbbaed6dd72.svg) url(/7bcc9a15d21b3d058905c33569a7b342.svg) url(/ad34f6875e7a9634c2012486d9a2999e.svg) url(/e0075f3825fa1efffcca6b3b325b79bb.svg) url(/7e2a9c2b4e17ccf60599a09dc2faed2b.svg) url(/7477eb2b9720aac6bce2ff00a0ba13ab.svg) url(/809c3dc891bc4f1fed5360c3f48e4b23.svg) url(/16a20bfea659659b41aeac77e28aca32.svg) url(/d4f920a5d07caa98289bef02f7bf3a35.svg) url(/b6e4e3e0068f449c1392f905c19f4fc3.svg) url(/e27a0c1049d0fbb5d235f21d2f2d8f11.svg) url(/04901d221b52090cbeb5d0ec3eba3f17.svg) url(/3d7a03918a48a6c482aaaccabea8c3c1.svg);
}

ol,
ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  overflow: auto;
}

/**
 * App styles
 */
.parent {
  opacity: 0.8;
}

/* Font-weights
Source Sans Pro */
/* Transition */
body {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.005em;
  text-rendering: optimizelegibility;
  margin: 0;
  color: #2f2f2f;
  background: #fff;
  -moz-osx-font-smoothing: grayscale;
  /* Firefox */
  -webkit-font-smoothing: antialiased;
  /* WebKit  */
}

.App {
  margin: 0 auto;
  display: block;
  background: #fff;
}

a {
  color: #4fa3ec;
  text-decoration: none;
}

nav .wideDiv {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

nav .wideDiv .nav-links > a:first-child {
  background: url(/409e7a5d2817579ea9d64ff03f59fcd2.svg) no-repeat;
  width: 60px;
  height: 75px;
  background-size: 30px;
  padding: 0 !important;
  background-position: 25px 22px;
  background-blend-mode: multiply;
}

nav .wideDiv .nav-links {
  display: flex;
}

a.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

nav {
  height: 73px;
  background: #fff;
}

.navSticky {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9;
  background-color: #ffffff;
  border: 1px solid #e8eaed;
}

nav .navWide a {
  color: #6a7684;
  float: left;
  font-weight: 400;
}

nav .navWide a:hover {
  color: #3b4d63;
  transition: color 0.2s;
}

nav .navWide a.active {
  color: #2f2f2f;
}

nav .navWide .wideDiv {
  text-align: left;
  margin: 0 auto;
}

nav .navWide .wideDiv a {
  text-decoration: none;
  display: inline-block;
  /*Adjust padding to increase/decrease the space between links.*/
  padding: 25px;
}
nav .navWide .wideDiv a:focus {
  outline: none;
}
@media screen and (max-width: 1200px) {
  nav .navWide .wideDiv a {
    padding: 25px 10px 25px 25px;
  }
}

/*Navbar is set to default with the "hamburger" and links on the left
side of the screen. To move to the right of the screen, simply
change the three "float: Left;" references to read "float: right;".*/
nav .navNarrow i {
  float: left;
  cursor: pointer;
  color: #000;
}

nav .navNarrow .narrowLinks a {
  text-decoration: none;
  display: block;
  float: left;
  clear: left;
}

.hidden {
  display: none !important;
}

/* custom slider input styles */
input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
  --webkitProgressPercent: 0%;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
  box-shadow: 0rem 0rem 0.1875rem 0.125rem rgba(76, 170, 251, 0.75);
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #4fa3ec;
  height: 0.6875rem;
  width: 0.6875rem;
  border-radius: 50%;
  background: #4fa3ec;
  cursor: pointer;
  margin-top: -4px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}

input[type=range]::-moz-range-thumb {
  /* Styles for Firefox */
  border: 1px solid #4fa3ec;
  height: 0.6875rem;
  width: 0.6875rem;
  border-radius: 50%;
  background: #4fa3ec;
  cursor: pointer;
}

input[type=range]::-ms-thumb {
  /* Styles for IE */
  border: 1px solid #4fa3ec;
  height: 0.6875rem;
  width: 0.6875rem;
  border-radius: 50%;
  background: #4fa3ec;
  cursor: pointer;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  background: #ffffff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
  border-radius: 625rem;
  border: 1px solid #ebebeb;
  background-image: linear-gradient(90deg, #4fa3ec var(--webkitProgressPercent), #ffffff var(--webkitProgressPercent));
  cursor: pointer;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  background: #ffffff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
  border-radius: 625rem;
  border: 1px solid #ebebeb;
  background-image: linear-gradient(90deg, #4fa3ec var(--webkitProgressPercent), #ffffff var(--webkitProgressPercent));
  cursor: pointer;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  background: #ffffff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
  border-radius: 0.625rem;
  border: 1px solid #ebebeb;
  background-image: linear-gradient(90deg, #4fa3ec var(--webkitProgressPercent), #ffffff var(--webkitProgressPercent));
  cursor: pointer;
}

/* Select Dropdown Overrides Start */
.lmsdropdown .override__control .override__value-container {
  padding-left: 15px;
}

@media screen and (max-width: 767px) {
  .lmsdropdown .override__option,
  .lmsdropdown .override__single-value,
  .date_picker__selector_text,
  .lmsdropdown .override__placeholder {
    font-size: 18px;
  }
}
/* Select Dropdown Overrides End */
/*Adjust breakpoint as desired to select when the "hamburger" menu is
replaced by just the links.*/
@media screen and (min-width: 1043px) {
  nav .navNarrow {
    display: none;
  }
}
@media screen and (max-width: 1043px) {
  nav .navWide a:not(.logo):not(.active):not(.fc-nav) {
    display: none;
  }
  nav .navWide .wideDiv {
    display: flex;
  }
  nav .navWide .wideDiv .logo.hide {
    display: none;
    pointer-events: none;
  }
  nav .navWide .wideDiv a.active {
    padding: 25px 25px;
    float: none;
    margin: 0 auto;
    clear: left;
    width: auto !important;
  }
  nav .navWide .wideDiv a.active.logo {
    width: 70px !important;
  }
  .nav .logo {
    float: left;
    margin-right: 50px;
  }
  nav .hamburger {
    display: block;
    float: right;
  }
}
.loader {
  position: fixed;
  top: 73px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Navbar -- right side menu */
.nav-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin: 0rem 1rem;
}
.nav-right button {
  border: none;
  background-color: #ffffff;
  cursor: pointer;
}

/* New side nav */
.profile-info > * {
  margin: 5px 5px;
}

.side-nav .nav-links > * {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #2e363f;
  margin: 10px 0px;
}

.profile-info .email {
  font-family: "Source Sans Pro";
  font-style: normal;
  overflow-wrap: break-word;
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  text-align: justify;
  color: #555e68;
}
.profile-info .course-status {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  color: #555e68;
}
.profile-info .course-expiration-notice {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.profile-info .course-expiration-notice > * {
  margin: 2px 0px;
}
.profile-info .course-expiration-notice .expiration {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #bcc6d0;
}
.profile-info .course-expiration-notice .extend {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.profile-info .course-expiration-notice .extend-btn {
  border: none;
  background: none;
  color: #5da4e2;
  cursor: pointer;
}

.side-nav {
  position: fixed;
  top: 64px;
  right: 32px;
  background: #ffffff;
  z-index: 10;
  box-shadow: 0px 2px 5px 1px rgba(64, 60, 67, 0.16);
  border-radius: 1px;
  padding: 12px 12px 0px 12px;
  gap: 12px;
  isolation: isolate;
  width: 250px;
}
.side-nav .profile-info {
  border-bottom: 1px solid #f1f1f1;
}
.side-nav .nav-links {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #f1f1f1;
  margin: 10px;
}
@media screen and (min-width: 1043px) {
  .side-nav .nav-links {
    display: none;
  }
}
.side-nav .menu-options {
  margin: 5px 0px;
}
.side-nav .menu-options > .btn {
  border: none;
  background-color: #ffffff;
  width: 100%;
}
.side-nav .menu-options .menu-option {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 5px;
  width: 100%;
}
.side-nav .menu-options .menu-option:hover {
  background: #f1f2f7;
  border-radius: 12px;
}
.side-nav .menu-options .menu-option .icon {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.side-nav .menu-options .menu-option .option {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #2e363f;
  margin-left: 10px;
}

.menu-overlay {
  position: fixed;
  z-index: 9;
  top: 73px;
  left: 0;
  right: 0;
  bottom: 0;
}

.tooltip__portal .tooltip__content {
  opacity: 0;
  z-index: 3;
  background-color: #2f2f2f;
  color: white;
  border-radius: 3px;
  white-space: nowrap;
}
.tooltip__portal .tooltip__content--visible {
  opacity: 1;
  transition: opacity 0.2s 1s;
}
.tooltip__portal .tooltip__content--visible_immediate {
  transition: unset;
}
.tooltip__portal .tooltip__content--invisible {
  /* send invisible tooltips offscreen */
  margin-left: 100% !important;
}
.tooltip__portal .tooltip__content--component {
  background: transparent;
}
.tooltip__portal .tooltip__content--text {
  padding: 0 10px;
}

.react-notification-root .notification-container-mobile-top {
  left: auto;
  margin-left: 20px;
}
.react-notification-root .notification-success {
  opacity: 0.95;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.75);
  border-left: none;
}
.react-notification-root .notification-item {
  margin-bottom: 7px;
}
.react-notification-root .notification-content {
  padding: 9px 22px;
}
.react-notification-root .notification-content .notification-message {
  font-family: "Source Sans Pro";
  font-size: 21px;
  color: #ffffff;
  display: inline;
}

.notification-container-top-center,
.notification-container-bottom-center,
.notification-container-top-left,
.notification-container-top-right,
.notification-container-bottom-left,
.notification-container-bottom-right,
.notification-container-mobile-top,
.notification-container-mobile-bottom {
  position: fixed;
  z-index: 8000;
}

.notification-container-top-center {
  transform: translateX(-50%);
  top: 20px;
  left: 50%;
}

.notification-container-bottom-center {
  transform: translateX(-50%);
  bottom: 20px;
  left: 50%;
}

.notification-container-top-left {
  left: 20px;
  top: 20px;
}

.notification-container-top-right {
  right: 20px;
  top: 20px;
}

.notification-container-bottom-left {
  left: 20px;
  bottom: 20px;
}

.notification-container-bottom-right {
  bottom: 20px;
  right: 20px;
}

.notification-container-mobile-top {
  right: 20px;
  left: 20px;
  top: 20px;
}

.notification-container-mobile-bottom {
  right: 20px;
  left: 20px;
  bottom: 20px;
  margin-bottom: -15px;
}

.notification-default {
  background-color: #007bff;
  border-left: 8px solid #0562c7;
}
.notification-default .timer {
  background-color: #007bff;
}
.notification-default .timer-filler {
  background-color: #fff;
}
.notification-default .notification-close {
  background-color: #007bff;
}

.notification-success {
  background-color: #28a745;
  border-left: 8px solid #1f8838;
}
.notification-success .timer {
  background-color: #28a745;
}
.notification-success .timer-filler {
  background-color: #fff;
}
.notification-success .notification-close {
  background-color: #28a745;
}

.notification-danger {
  background-color: #dc3545;
  border-left: 8px solid #bd1120;
}
.notification-danger .timer {
  background-color: #dc3545;
}
.notification-danger .timer-filler {
  background-color: #fff;
}
.notification-danger .notification-close {
  background-color: #dc3545;
}

.notification-info {
  background-color: #17a2b8;
  border-left: 8px solid #138b9e;
}
.notification-info .timer {
  background-color: #17a2b8;
}
.notification-info .timer-filler {
  background-color: #fff;
}
.notification-info .notification-close {
  background-color: #17a2b8;
}

.notification-warning {
  background-color: #eab000;
  border-left: 8px solid #ce9c09;
}
.notification-warning .timer {
  background-color: #eab000;
}
.notification-warning .timer-filler {
  background-color: #fff;
}
.notification-warning .notification-close {
  background-color: #eab000;
}

.notification-awesome {
  background-color: #685dc3;
  border-left: 8px solid #4c3fb1;
}
.notification-awesome .timer {
  background-color: #685dc3;
}
.notification-awesome .timer-filler {
  background-color: #fff;
}
.notification-awesome .notification-close {
  background-color: #685dc3;
}

@keyframes timer {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
.notification-item {
  display: flex;
  position: relative;
  border-radius: 3px;
  margin-bottom: 15px;
  box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.notification-item .timer {
  width: 100%;
  height: 3px;
  margin-top: 10px;
  border-radius: 5px;
}
.notification-item .timer .timer-filler {
  height: 3px;
  border-radius: 5px;
}
.notification-item .notification-title {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.notification-item .notification-message {
  color: #fff;
  max-width: calc(100% - 15px);
  font-size: 14px;
  line-height: 150%;
  word-wrap: break-word;
  margin-bottom: 0;
  margin-top: 0;
}
.notification-item .notification-content {
  padding: 8px 15px;
  display: inline-block;
  width: 100%;
}
.notification-item .notification-close {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
}
.notification-item .notification-close::after {
  content: "×";
  position: absolute;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 12px;
  left: 50%;
  top: 50%;
}

.n-parent {
  width: 275px;
}

.notification-container-mobile-top .notification-item,
.notification-container-mobile-bottom .notification-item,
.notification-container-mobile-top .n-parent,
.notification-container-mobile-bottom .n-parent {
  max-width: 100%;
  width: 100%;
}

.notification-container-top-right .n-parent,
.notification-container-bottom-right .n-parent {
  margin-left: auto;
}

.notification-container-top-left .n-parent,
.notification-container-bottom-left .n-parent {
  margin-right: auto;
}

.notification-container-mobile-top .n-parent,
.notification-container-mobile-bottom .n-parent {
  margin-left: auto;
  margin-right: auto;
}

/* exam styles to go here */
.examcard {
  padding-top: 65px;
}
.examcard .btn-oval {
  font-size: 20px;
}
.examcard sup {
  vertical-align: text-top;
  font-size: 10px;
}

.aamcexamcard .examcard__section_container {
  width: unset;
}
.aamcexamcard .examcard__section_container .examcard__section_progress {
  max-width: unset;
}

.exam_layout_page {
  margin: 0px 25px;
}
.exam_layout_page__header {
  display: flex;
  align-items: center;
  margin-top: 0px;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #f4f4f4;
  max-width: 1360px;
  position: fixed;
  z-index: 6;
  padding-top: 40px;
  left: 0;
  right: 0;
  background-color: #ffffff;
}
.exam_layout_page__header_tab {
  color: unset;
}
.exam_layout_page__header_tab:hover {
  opacity: 0.75;
  border-bottom: 1px solid #c9c9c9;
}
.exam_layout_page__header_tab.active {
  border-bottom: 1px solid #2f2f2f;
}
.exam_layout_page__header_tab.active .exam_layout_page__header_tab_title {
  font-weight: normal;
}
.exam_layout_page__header_tab_title {
  font-size: 28px;
  font-weight: 300;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
}
.exam_layout_page__header .syllabus_page__today {
  font-size: 14px;
  color: #9094ac;
  margin-right: 40px;
  margin-bottom: 18px;
  margin-left: auto;
}

.examcard__title {
  font-size: 28px;
  margin-bottom: 20px;
}

.examcard__section_container {
  max-width: calc(100% + 4px);
  margin-left: -4px;
  margin-bottom: 1px;
  position: relative;
  height: 61.4px;
  width: 885px;
  opacity: 0.9;
}

.exampage__exam_list {
  width: 1033px;
  margin: 0 auto;
  padding-bottom: 2rem;
  padding-top: 6rem;
}

.exampage__exam_list_info_link {
  float: right;
  padding-top: 20px;
}
@media (max-width: 1024px) {
  .exampage__exam_list_info_link {
    padding: 20px 30px 0 0;
  }
}

.examcard__section_content {
  margin: 0 0 0 4px;
  padding: 0 10.9px 0 10.9px;
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
}

.examsetup__exam_confirm_info {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.examsetup__exam_confirm_prompt {
  font-size: 19px;
  padding-bottom: 19px;
}

.examsetup__exam_confirm_warning {
  font-size: 14px;
  color: #838383;
  padding-top: 14px;
}

.examsetup__checkmarks {
  display: flex;
  flex-direction: column;
  align-items: center;
}

span.examsetup__check {
  margin-left: -20px;
}

.attempt__subheader {
  display: flex;
  align-items: center;
  margin-left: 14px;
  margin-top: -5px;
  margin-bottom: 11px;
  color: #838383;
}
.attempt__subheader .attempt__subheader_progress {
  flex: 1;
  color: #4fa3ec;
}
.attempt__subheader .attempt__statisticsheader {
  flex: 1;
  display: flex;
  text-align: center;
}
.attempt__subheader .attempt__statisticsheader > div {
  flex: 1;
}
.attempt__subheader .attempt__subheader_tail {
  flex: 3;
}

.examcard__section_title {
  flex: 1;
}

.examcard__section_statistics {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.examcard__section_statistics > div {
  flex: 1;
}

.examsection__scorebutton {
  flex: 1;
  text-align: center;
}

.examsection__reviewbutton {
  flex: 1;
}

.examsection__continuebutton {
  flex: 1;
  text-align: center;
}
.examsection__continuebutton .btn-oval {
  padding: 10px 45px;
  font-size: 16px;
  font-weight: 600;
}

.examsection__tutorMode {
  flex: 1;
  text-align: center;
  max-width: 304px;
}
@media (max-width: 767px) {
  .examsection__tutorMode {
    padding: 20px;
  }
}
.examsection__tutorMode p {
  color: #838383;
}

.examsection__startbutton {
  flex: 1;
  text-align: center;
}

.examsection__spacer {
  flex: 1;
}

.examcard__sections_timing {
  overflow: visible;
  flex: 1;
  text-align: right;
}

.justify-left {
  margin-right: auto;
}

.examcard__description {
  padding-top: 8px;
  padding-bottom: 15px;
  font-size: 14px;
}

.examcard__footer {
  display: flex;
  min-height: 46.6px;
  padding-left: 1em;
  padding-right: 1em;
}

.examcard__attempt_index {
  font-size: 15px;
  color: #838383;
  padding: 10px 1em 3px;
  position: relative;
}
.examcard__attempt_index .timing_container {
  position: absolute;
  top: 18px;
  right: 0;
  display: flex;
  align-items: center;
}
.examcard__attempt_index .timing_container .duration {
  width: 12px;
  margin-right: 4px;
}
.examcard__attempt_index .timing_container span {
  padding: 3px 11px;
  color: #632892;
  background: rgb(228, 222, 244);
  font-size: 13px;
  border-radius: 5px;
  margin-right: 10px;
  display: flex;
  max-height: 25px;
}
@media (max-width: 360px) {
  .examcard__attempt_index .timing_container span {
    font-size: 11px;
    padding: 3px 8px;
  }
}

.examcard__attempt_status {
  max-width: 38px;
}

.examcard__section_progress {
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
  height: 61.4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  max-width: 885px;
}

span.progress_text,
.exam__attempt--expanded img.progress_svg {
  margin-right: 3px;
}

img.progress_svg,
span.progress_text {
  vertical-align: middle;
}

.examcard__section_score {
  font-size: 1em;
  font-weight: 600;
}

.examcard__stack {
  display: flex;
}

.exam__attempt {
  max-width: 881px;
  flex-basis: 2em;
  font-size: 14px;
  border-radius: 4px;
  box-shadow: 1px 3px 12px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  background: #fcfcfc;
}
.exam__attempt.unset_max_width {
  max-width: unset;
}

.exam__attempt_overlay {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.examsetup__pane {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}
.examsetup__pane .examsetup__startbuttons {
  text-align: center;
  margin-top: 3px;
}
.examsetup__pane .examsetup__dropdown {
  width: 100%;
  max-width: 260px;
}
.examsetup__pane .examsetup__dropdown .dropdown__label {
  color: #555;
  font-size: 18px;
}

.examsetup__buttons {
  position: absolute;
  bottom: 10px;
  right: 20px;
  display: flex;
}
.examsetup__buttons > button {
  margin-left: 10px;
  margin-right: 10px;
}

.examscore__pane {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.examscore__pane > div {
  flex: 1;
}

.examsscore__buttoncontainer {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-top: 9px;
  height: 120px;
}

.examsetup__startsections {
  text-align: center;
  padding: 10px;
}

.exam__attempt--expanded {
  flex-grow: 1;
  background: white;
}

.exam__attempt.exam__attempt--expanded {
  z-index: 5;
}

.attempt__subheader {
  display: flex;
  font-size: 11px;
  font-weight: 600;
}

.exam__attempt:not(.exam__attempt--expanded) {
  display: flex;
  flex-direction: column;
  text-align: center;
  max-width: 38px;
  cursor: pointer;
  transition: 0.1s;
}
.exam__attempt:not(.exam__attempt--expanded) .attempt__subheader {
  justify-content: center;
  margin: 0;
  padding-left: 2px;
  padding-right: 2px;
}
.exam__attempt:not(.exam__attempt--expanded) .attempt__subheader img.progress_svg {
  max-width: 97%;
}
.exam__attempt:not(.exam__attempt--expanded) .attempt__subheader img.progress_svg.inprogress {
  padding-top: 3px;
}
.exam__attempt:not(.exam__attempt--expanded) .progress_text {
  display: none;
}
.exam__attempt:not(.exam__attempt--expanded):hover {
  cursor: pointer;
  background: white;
  box-shadow: 1px 5px 13px 0 rgba(0, 0, 0, 0.12);
}
.exam__attempt:not(.exam__attempt--expanded):hover span {
  opacity: 1;
}

.examcard__attempt_status {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}
.examcard__attempt_status span {
  white-space: nowrap;
  text-transform: uppercase;
  transform: rotate(-270deg);
  font-size: 11px;
  font-weight: 600;
  opacity: 0.5;
  letter-spacing: 1.5px;
  color: #4fa3ec;
}

.examcard__section_list {
  position: relative;
}

.dim {
  opacity: 0.1;
}

.examcard__attempt_progress {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 11px;
  color: #4fa3ec;
  padding-left: 14px;
  padding-right: 14px;
}

.timing_svg {
  padding-right: 10.9px;
}

.attempt__timestamp {
  color: #a5a9aa;
  align-self: center;
  margin-left: auto;
}

.examcard__mobile_attempts {
  display: none;
}

.examcard__mobile_modal {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 18.4px 13.2px 25.6px;
  margin: 0 auto;
  background-color: white;
  min-height: 168.7px;
  max-width: 86.7vw;
  box-shadow: 1px 1px 5px;
  border-radius: 3.6px;
  z-index: 99;
}

.examcard__mobile_modal_backdrop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.75);
  z-index: 98;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  pointer-events: none;
}

.examcard__mobile_modal_close_wrapper {
  margin-left: auto;
  margin-right: 0;
  cursor: pointer;
}

.examcard__mobile_modal_close {
  display: flex;
}

.examcard__mobile_modal_x {
  margin-right: 9px;
}

.examsetup__check_icon {
  margin-right: 10.5px;
}

.examcard__mobile_modal_title {
  font-weight: 600;
  font-size: 16px;
}

@media screen and (max-width: 1024px) {
  .hidden_on_small_screens {
    display: none;
  }
  .examcard__stack {
    max-width: 100vw;
    margin: 0 6.5vw;
  }
  .examsetup__pane {
    max-width: 100%;
  }
  .exam__attempt_overlay {
    max-width: 100%;
  }
  .examcard__section_content {
    max-width: 100%;
  }
  .exam__attempt--expanded {
    margin: 0 auto;
    max-width: 72.5vw;
  }
  .exampage__exam_list {
    max-width: 100vw;
  }
  .examcard__title {
    display: flex;
    max-width: 100vw;
    margin: 0 6.5vw;
    justify-content: space-between;
    align-items: flex-end;
  }
  .examcard__section_content {
    max-width: 100%;
  }
  .examcard__description {
    max-width: 100vw;
    margin-left: 6.5vw;
  }
  .examcard__stack {
    max-width: 100vw;
  }
  .examcard__mobile_attempts {
    display: flex;
    font-size: 15px;
    margin-bottom: 4px;
  }
  .examcard__mobile_attempts_header {
    color: #a5a9aa;
    margin-right: 7px;
  }
  .examcard__mobile_attempt {
    padding: 0 2.8px;
    color: #4fa3ec;
    font-weight: 600;
  }
  .attempt__subheader_progress {
    display: flex;
  }
  .examcard__attempt_index {
    display: flex;
    align-items: flex-end;
  }
  .examcard__attempt_index:first-child {
    margin-right: 4px;
  }
  .examsetup__pane {
    padding-bottom: 40px;
  }
  .exam__attempt_overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .examcard__mobile_modal {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 18.4px 13.2px 25.6px;
    background-color: white;
    min-height: 168.7px;
    min-width: 86.7vw;
    box-shadow: 1px 1px 5px;
    border-radius: 3.6px;
    z-index: 99;
  }
  .examcard__mobile_attempts {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .exam__attempt:not(.exam__attempt--expanded) {
    display: none;
  }
  .exam__attempt--expanded {
    margin: 0 auto;
    max-width: 87vw;
  }
  .exampage__exam_list {
    max-width: 100vw;
  }
  .examcard__title {
    display: flex;
    max-width: 100vw;
    margin: 0 6.5vw;
    justify-content: space-between;
    align-items: flex-end;
  }
  .examcard__section_content {
    max-width: 100%;
  }
  .examcard__description {
    max-width: 100vw;
    margin-left: 6.5vw;
  }
  .examcard__stack {
    max-width: 100vw;
  }
  .examcard__mobile_attempts {
    display: flex;
    font-size: 15px;
    margin-bottom: 4px;
  }
  .examcard__mobile_attempts_header {
    color: #a5a9aa;
    margin-right: 7px;
  }
  .examcard__mobile_attempt {
    padding: 0 2.8px;
    color: #4fa3ec;
    font-weight: 600;
  }
  .underlined {
    text-decoration: underline;
  }
  .attempt__subheader_progress {
    display: flex;
  }
  .examcard__attempt_index {
    display: flex;
    align-items: flex-end;
  }
  .examcard__attempt_index:first-child {
    margin-right: 4px;
  }
  .circle-background {
    display: none;
  }
  .circle-progress {
    display: none;
  }
  .donut__svg {
    margin-right: -40px;
  }
  .btn-rectangle-rounded {
    min-width: 120px !important;
    padding: 0 0 0 0 !important;
  }
  .examsetup__pane {
    padding-bottom: 40px;
  }
  .exam__attempt_overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .examcard__sections_timing {
    display: none;
  }
  .examcard__section_percentile {
    display: none;
  }
  .attempt__statisticsheader_score {
    margin-left: 11vw;
  }
  .attempt__statisticsheader_percentile {
    display: none;
  }
  .progress_text {
    flex: 5 auto;
  }
  .examcard__section_score {
    font-weight: 600;
    font-size: 19px;
  }
}
.paginator {
  display: block;
  width: 50%;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
}
.paginator .page-number {
  display: inline-block;
  padding: 4px 5px;
  color: #bbb;
  margin: 0 5px;
  text-decoration: none;
  font-size: 12px;
}
.paginator .page-number.current {
  border: 1px solid #ddd;
  border-radius: 2px;
}

.parent {
  opacity: 0.8;
}

.parent {
  opacity: 0.8;
}

/* Font-weights
Source Sans Pro */
/* Transition */
.oh-header {
  display: flex;
  flex-direction: row;
  padding: 20px 0;
}
.oh-header div {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .oh-header div.oh-header-left {
    display: none;
  }
}
.oh-header .breadcrumb {
  margin: 0 10px 0 0;
  font-size: 14px;
  display: inline-block;
  padding: 4px 10px 4px 0;
  vertical-align: middle;
}
.oh-header .breadcrumb.root-level {
  color: #a5a9aa;
}

.oh-wrapper {
  max-width: 930px;
  margin: 0 auto;
  padding: 0 25px;
  margin-bottom: 100px;
}

.oh-wrapper > *:not(.oh-header) {
  border-top: 1px solid #f6f6f6;
}

.office-hours-controls:after {
  content: " ";
  display: table;
  clear: both;
}

.oh-control {
  font-size: 14px;
  background: white;
  float: right;
  vertical-align: middle;
  color: #4fa3ec;
  cursor: pointer;
  width: auto;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 4px;
  margin: 0 0 0 10px;
}
.oh-control.active {
  background: #4fa3ec;
  color: white;
}
.oh-control.active:hover {
  background: #4fa3ec;
}
.oh-control:hover {
  background: #f6f7fb;
}

.office-hours-item {
  clear: both;
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 20px 0;
  max-width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .office-hours-item {
    padding: 20px 0;
  }
}
.office-hours-item h3 {
  float: left;
  font-weight: 400;
  font-size: 19px;
  margin: 0;
  width: 70%;
}
.office-hours-item .video-btn {
  position: absolute;
  top: 32px;
  right: 0;
  font-size: 17px;
  width: auto;
  max-width: 150px;
  border: 1px solid #4fa3ec;
  color: #4fa3ec;
  padding: 8px 30px;
  font-weight: 400;
  border-radius: 50px;
  text-align: center;
}
.office-hours-item .video-btn:hover {
  background: #4caafb;
  color: white;
  cursor: pointer;
}
.office-hours-item .video-btn.disabled-btn {
  opacity: 0.5;
}
.office-hours-item .video-btn.disabled-btn:hover {
  background: #fff;
  color: #4fa3ec;
  cursor: not-allowed;
}
@media screen and (max-width: 767px) {
  .office-hours-item .video-btn {
    top: 17px;
    padding: 8px 20px;
  }
}
.office-hours-item .office-hours-info p {
  margin: 0;
  max-width: 580px;
  line-height: 22px;
  font-weight: 400;
  color: #a5a9aa;
}
.office-hours-item .office-hours-info .office-hours-instructor-name {
  cursor: pointer;
  color: #4fa3ec;
  display: inline;
}
.office-hours-item .controls {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .office-hours-item .controls {
    clear: both;
  }
}
.office-hours-item .controls span {
  float: right;
  color: #4fa3ec;
  cursor: pointer;
}
.office-hours-item .controls span.details-trigger {
  padding: 2px 0;
  margin-right: 25px;
}
@media screen and (max-width: 767px) {
  .office-hours-item .controls span.details-trigger {
    clear: both;
    float: right;
    display: inline-block;
    text-align: right;
    margin-right: 0;
  }
}
.office-hours-item .controls span.study-plan {
  padding: 1px 0 2px;
  text-align: center;
}
.office-hours-item .controls span.study-plan.in-study-plan {
  width: 210px;
  background: #4fa3ec;
  color: white;
  border-radius: 3px;
}
.office-hours-item .controls span.study-plan.in-study-plan svg {
  fill: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  margin-top: -3px;
}
.office-hours-item .controls span.study-plan.need-study-plan {
  cursor: not-allowed;
  opacity: 0.5;
}
.office-hours-item .details {
  height: 0;
  visibility: hidden;
  padding-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .office-hours-item .details {
    clear: both;
  }
}
.office-hours-item .details .description {
  margin-top: 10px;
  color: #555;
  white-space: pre-wrap;
}
.office-hours-item .details.opened {
  height: auto;
  visibility: visible;
}
.office-hours-item .details .media-files {
  display: inline-block;
  width: 41%;
  text-align: right;
  margin: 20px 0 0 0;
}
.office-hours-item .details .media-files.hide {
  display: none;
}
@media screen and (max-width: 767px) {
  .office-hours-item .details .media-files {
    width: 40%;
  }
}
.office-hours-item .details .media-files .media-file {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 25px;
  font-size: 14px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .office-hours-item .details .media-files .media-file {
    margin: 0;
    display: block;
  }
}
.office-hours-item .details .media-files .media-file svg {
  display: inline-block;
  vertical-align: middle;
  height: 14px;
  margin-top: -5px;
  fill: #4caafb;
}
.office-hours-item .details .tags-list {
  display: inline-block;
  width: 59%;
  margin: 20px 0 0 0;
}
@media screen and (max-width: 767px) {
  .office-hours-item .details .tags-list {
    width: 60%;
  }
}
.office-hours-item .details .tags-list .tag {
  color: white;
  background: #999;
  font-size: 13px;
  display: inline-block;
  font-weight: 600;
  margin: 0 4px 0 0;
  padding: 1px 7px;
  border-radius: 3px;
  max-width: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.office-hours-item .details .tags-list .bio {
  background: #4ec092;
}
.office-hours-item .details .tags-list .biochem {
  background: #5bccc6;
}
.office-hours-item .details .tags-list .cars {
  background: #9094a6;
}
.office-hours-item .details .tags-list .chem {
  background: #c667cf;
}
.office-hours-item .details .tags-list .organic {
  background: #ff748a;
}
.office-hours-item .details .tags-list .physics {
  background: #fd9f69;
}
.office-hours-item .details .tags-list .psych {
  background: #7675e4;
}
.office-hours-item .details .tags-list .science-reasoning {
  background: #44558c;
}
.office-hours-item .details .tags-list .test-taking-skills {
  background: #404040;
}
.office-hours-item .details .tags-list.no-tags {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .office-hours-item .details .tags-list.no-tags .tag {
    max-width: auto;
  }
}

.office-hours-instructor {
  outline: none;
  display: flex;
  justify-content: space-between;
  min-width: 260px;
}
.office-hours-instructor h3 {
  margin-top: none;
  font-size: 16px;
  color: #2f2f2f;
  font-weight: 600;
  outline: none;
}
.office-hours-instructor p {
  color: #555;
  font-size: 14px;
  padding-right: 10px;
  outline: none;
  word-break: break-word;
}
.office-hours-instructor .instructor-photo {
  float: right;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  top: -10px;
  right: -20px;
  border: 1px solid #5c7080;
  background-color: #ededed;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 75px;
}
.office-hours-instructor .instructor-photo img {
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
  width: 100%;
}

.mobile-tutor-fc-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.mobile-timezone-wrapper {
  position: fixed;
  z-index: 9;
  background-color: #FFFFFF;
  margin-top: -7px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #f1f1f1;
  padding: 10px 22px;
  display: flex;
  justify-content: space-between;
}
.mobile-timezone-wrapper.flashcard_hide {
  display: none;
}
@media (min-width: 767px) {
  .mobile-timezone-wrapper.flashcard_hide {
    display: block;
  }
}
@media (min-width: 1450px) {
  .mobile-timezone-wrapper.flashcard_hide {
    display: none;
  }
}
@media (min-width: 1450px) {
  .mobile-timezone-wrapper {
    display: none;
  }
}

.timezone-picker-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.time-zone-picker {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  margin-top: 22px;
  margin-right: 90px;
  float: right;
  z-index: 3;
}
@media (max-width: 1450px) {
  .time-zone-picker {
    position: relative;
    margin: 0;
    float: none;
    margin-right: 12px;
  }
}
.time-zone-picker .today-time {
  white-space: nowrap;
  margin-right: 44px;
  font-size: 14px;
  color: #677a89;
}
.time-zone-picker .today-time__date {
  font-weight: 600;
}
.time-zone-picker .trigger {
  min-width: 70px;
  border-bottom: 1px solid #4fa3ec;
  color: #4fa3ec;
  display: block;
  line-height: 29px;
  position: relative;
  padding: 0 0 0 2px !important;
  font-size: 14px;
  cursor: pointer;
}
@media (max-width: 1450px) {
  .time-zone-picker .trigger {
    margin-left: auto;
  }
}
.time-zone-picker .trigger svg {
  position: absolute;
}
.time-zone-picker .trigger svg:first-child {
  top: 7px;
  left: -20px;
}
.time-zone-picker .trigger svg:last-child {
  right: 0;
  top: 10px;
  float: right;
}
.time-zone-picker ul {
  width: inherit;
  box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.2);
  margin: 0;
  padding: 0;
  border-radius: 5px;
  position: absolute;
  top: 26px;
  right: 0;
  background: white;
  z-index: 2;
  font-size: 14px;
}
.time-zone-picker ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.time-zone-picker ul li:first-child a {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.time-zone-picker ul li a {
  text-decoration: none;
  color: #4caafb;
  display: block;
  height: 100%;
  width: 100%;
  padding: 10px !important;
  cursor: pointer;
}
.time-zone-picker ul li a:hover {
  background: #4caafb;
  color: white;
}
.time-zone-picker ul li:last-child a {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

button {
  font-family: "Source Sans Pro", sans-serif;
  transition: 0.2s;
}
button:focus {
  outline: none;
}

.btn-rectangle-rounded {
  height: 35px;
  font-size: 16px;
  border-radius: 4.1px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  font-weight: 600;
  border: 0px solid;
  padding-left: 1em;
  padding-right: 1em;
  min-width: 100px;
}
.btn-rectangle-rounded.w-123 {
  width: 123.8px;
}

.small-btn-rectangle-rounded {
  width: 195px;
  height: 22.5px;
  font-size: 16px;
  border-radius: 4.1px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  font-weight: 600;
  border: 0px solid;
  padding-left: 1em;
  padding-right: 1em;
}

.btn-oval {
  padding: 12px 46px 13px;
  border-radius: 30px;
  border: solid 1px #4fa3ec;
  font-size: 17px;
  vertical-align: text-bottom;
}
.btn-oval:hover {
  color: #4fa3ec;
  background: white;
  border-color: #4fa3ec;
}

.btn-reg-oval {
  padding: 12px 46px 13px;
  border-radius: 30px;
  border: solid 1px #4fa3ec;
  font-size: 17px;
  font-weight: 600;
  vertical-align: text-bottom;
}

.btn-text {
  border: 0px solid;
  color: #4fa3ec;
  background-color: rgba(0, 0, 0, 0);
  font-size: 17px;
}
.btn-text.small {
  font-size: 14px;
  display: inherit;
}
.btn-text.small img {
  margin-right: 10px;
}
.btn-text.btn-white:hover {
  color: #4fa3ec;
  background: none;
}

.btn-universal-size {
  height: 52px;
  font-size: 16px;
  font-weight: 400;
  padding-left: 95px;
  padding-right: 95px;
}

textarea:focus,
input:focus {
  outline: none;
}

.btn-blue {
  background-color: #4fa3ec;
  color: white;
}

.btn-white {
  background-color: white;
  color: #4fa3ec;
}
.btn-white:hover {
  color: white;
  background: #4fa3ec;
}

.btn-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.btn-white,
.btn-blue,
.btn-text,
.btn-oval,
.btn-reg-oval,
.btn-white,
.btn-rectangle-rounded {
  cursor: pointer;
}

.blue-border {
  border: 1px solid #4fa3ec;
}

.session_conf_button_block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.session_conf_button_full_message {
  background: #ffffff;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  width: 280px;
  height: 65px;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.session_conf_button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 30px;
  font-size: 17px;
  font-weight: 600;
  vertical-align: text-bottom;
  color: white;
  width: 140px;
  height: 42px;
  border: none;
  border-radius: 30px;
}
.session_conf_button--joinable {
  background: linear-gradient(to right, #385ee5 -2%, #7114fd 109%);
}
.session_conf_button--joinable:hover {
  opacity: 0.9;
}
.session_conf_button--joinable .session_conf_button__icon {
  margin-right: 10px;
}
.session_conf_button--registered {
  background-color: #28db61;
}
.session_conf_button--registered:hover {
  opacity: 0.9;
}
.session_conf_button--future {
  background-color: #4fa3ec;
}
.session_conf_button--future:hover {
  background-color: #4caafb;
  opacity: 0.9;
}
.session_conf_button--past {
  color: #4fa3ec;
  background-color: white;
  border: 1px solid #4fa3ec;
}
.session_conf_button--past:hover {
  color: white;
  background-color: #4fa3ec;
}
.session_conf_button--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.session_conf_button--full {
  border: 1px solid #abb7c6;
  background: #f5f6f7;
  color: #abb7c6;
}
.session_conf_button--full:hover {
  opacity: 0.9;
}
.session_conf_button--completed {
  background: #4fa3ec;
  border: none;
}
.session_conf_button__icon {
  margin-right: 6px;
}
.session_conf_button__text {
  text-align: center;
}
.session_conf_button--lshero {
  border-radius: 34px;
  width: 225px;
  height: 68px;
  font-size: 24px;
  text-shadow: 0 1px 4px rgba(14, 95, 21, 0.15);
  align-self: flex-start;
  margin-bottom: 1rem;
}
.session_conf_button--lshero.session_conf_button--future {
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px solid white;
}
.session_conf_button--lshero.session_conf_button--future:hover {
  background-color: rgba(255, 255, 255, 0.15);
  opacity: 1;
  text-shadow: 0px 1px 4px rgba(14, 95, 21, 0.3);
}
.session_conf_button--lshero.session_conf_button--full {
  color: #abb7c6;
  border: none;
  background: #f5f6f7;
}
.session_conf_button--lshero.session_conf_button--full:hover {
  opacity: 0.9;
}
.session_conf_button--lshero .session_conf_button__icon {
  height: 21px;
}

.session_conf_button_bottom_message {
  opacity: 0.84;
  font-size: 12px;
  text-align: center;
  color: #989898;
  max-width: 140px;
  margin-top: 6px;
  line-height: 1.4;
}
.session_conf_button_bottom_message__join {
  color: #4fa3ec;
  font-weight: bold;
}

.btn-toggler {
  position: relative;
  margin: 20px;
}
.btn-toggler input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.btn-toggler label {
  cursor: pointer;
  text-indent: -9999px;
  width: 36px;
  height: 20px;
  border: 1px solid #abb7c6;
  display: block;
  border-radius: 100px;
  position: relative;
}
.btn-toggler label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 3px;
  width: 16px;
  height: 16px;
  background: #abb7c6;
  border-radius: 90px;
  transition: 0.7s;
}
.btn-toggler input:checked + label {
  background: #61b4fc;
  border: 1px solid #61b4fc;
}
.btn-toggler input:checked + label:after {
  background: white;
  left: calc(100% - 3px);
  transform: translateX(-100%);
}
.btn-toggler label:active:after {
  width: 130px;
}

.radio-options {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  padding: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .radio-options {
    padding: 0.5rem;
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  .radio-options > * {
    padding: 0rem 0.5rem;
  }
}

.circle-background,
.circle-progress {
  fill: none;
}

.circle-background {
  stroke: #e96f6f;
  fill: rgba(255, 255, 255, 0.6784313725);
  stroke-width: 3.25px;
}

.circle-progress {
  stroke: #6fdc95;
  stroke-linecap: initial;
  stroke-width: 3.5px;
}

.circle-score {
  font-size: 52px;
  font-weight: 600;
  fill: #2f2f2f;
}

.circle-header {
  font-size: 14px;
  fill: #a5a9aa;
}

.circle-footer {
  font-size: 15px;
  fill: #838383;
}

#logo-img {
  width: 100%;
}

.exam__page {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100vw;
  min-width: 100vw;
  height: 100vh;
}

.exam__footer_left_tools {
  display: flex;
}

.exam__header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  background-color: #006daa;
  color: white;
  flex: 0 1 auto;
  min-width: 1200px;
}

.exam__header_information {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 45px;
}

.exam__header_information_title {
  font-family: Tahoma, Geneva, sans-serif;
  padding-left: 20px;
  font-size: 16pt;
  float: left;
  line-height: 40px;
}

.exam__header_information_data {
  text-align: right;
  margin-right: 20px;
  font-size: 12pt;
}

.exam__header-timer {
  display: flex;
  justify-content: flex-end;
}

.exam__header-counter:hover {
  color: yellow;
  cursor: pointer;
}

.exam__header-strikethrough_container:hover {
  color: yellow;
  cursor: pointer;
}

.exam__header-highlight_container:hover {
  color: yellow;
  cursor: pointer;
}

.exam__header-flag_container:hover {
  color: yellow;
  cursor: pointer;
}

.exam__header-timer:hover {
  color: yellow;
  cursor: pointer;
}

.exam__header_divider {
  border: 1px solid white;
}

.exam__header_toolbar {
  display: flex;
  height: 30px;
  width: 100%;
  background-color: #80aee1;
  color: white;
  align-items: center;
}

.exam__header_system_toolbar {
  height: 28px;
  background-color: #a6a6a6;
  color: white;
}

.exam__header-highlight_indicator {
  display: flex;
  align-items: center;
  height: 100%;
  width: 117px;
}

.exam__header-highlight_color {
  height: 23px;
  width: 23px;
  background-color: yellow;
  border: 1px solid white;
}

.exam__header-highlight_dropdown_select {
  margin-top: 5px;
  padding-left: 8px;
  display: flex;
  flex-direction: row;
}

.exam__header-highlight_select_remove {
  height: 23px;
  width: 23px;
  border: 2px solid white;
  margin-right: 5px;
}

.exam__header-highlight_select_color {
  height: 23px;
  width: 23px;
  background-color: yellow;
}

.underline {
  text-decoration: underline;
}

.exam__header-highlight_container {
  position: relative;
  top: 0;
  left: 20px;
  height: 30px;
  background-color: #80aee1;
  font-family: Verdana;
  font-size: 16px;
}

.exam__header-highlight_dropdown {
  position: absolute;
  top: 32px;
  left: 0;
  width: 202px;
  background-color: #006daa;
  border: 1px solid black;
  display: none;
  padding-bottom: 4px;
  z-index: 10;
}

.exam__header-strikethrough_container {
  margin-left: 30px;
  font-family: Verdana;
  font-size: 16px;
}

.exam__header-flag_container {
  display: flex;
  position: absolute;
  right: 20px;
  font-family: Verdana;
  font-size: 16px;
}
.exam__header-flag_container.disabled {
  pointer-events: none;
}
.exam__header-flag_container .aamc-icon {
  padding-right: 8px;
}

.exam__header-flag_container.flagged,
.exam__header-strikethrough_container:hover,
.exam__header-flag_container:hover,
.exam__header-highlight_prompt:hover {
  color: yellow;
}

.exam__header-flag_tooltip {
  position: absolute;
  top: 33px;
  left: 10px;
  padding: 2px;
  border: 1px solid black;
  background-color: #80aee1;
  display: none;
}

.exam__header-flag_container:hover .exam__header-flag_tooltip {
  display: inline-block;
  color: white;
}

.exam__header-uuid {
  border-radius: 5px;
  border: solid 1px rgba(255, 255, 255, 0.35);
  padding: 1px 10px;
  font-size: 11px;
  letter-spacing: 0.07px;
  display: flex;
  align-items: center;
  margin-left: 20px;
  cursor: pointer;
}
.exam__header-uuid .clipboard-icon {
  width: 10px;
  margin-left: 10px;
}

.exam__header_system_toolbar {
  display: flex;
  justify-content: center;
}

.exam__header_system_toolbar_button {
  border-radius: initial;
  width: 70px;
  border: 1px solid white;
}

.exam__header_system_toolbar_button:hover {
  background-color: #f2f1f0;
}

.exam__footer_container {
  position: absolute;
  bottom: 0;
  width: 100vw;
  left: 0;
  height: 40px;
  background-color: #006daa;
  padding: 0 10px 0;
  flex: 0 1 auto;
  min-width: 1200px;
}

.exam__footer_container {
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.exam__footer_periodic_prompt_container,
.exam__footer_navigation_prompt_container,
.exam__footer_next_prompt,
.exam__footer_prev_prompt_container,
.exam__footer_prev_prompt {
  font-size: 22px;
  display: flex;
  max-height: 30px;
  white-space: pre;
}

.exam__header-highlight_prompt,
.exam__header-strikethrough_prompt,
.exam__header-strikethrough_container {
  display: flex;
  max-height: 30px;
  white-space: pre;
}

.exam__footer_periodic_prompt_container:hover,
.exam__footer_navigation_prompt_container:hover,
.exam__footer_next_prompt:hover,
.exam__footer_prev_prompt_container:hover {
  color: yellow;
}

.exam__footer_periodic_prompt_container:focus,
.exam__footer_navigation_prompt_container:focus,
.exam__footer_next_prompt:focus,
.exam__footer_prev_prompt_container:focus {
  border: 1px solid white;
}

.exam__footer_periodic_prompt {
  padding: 0 8px 0;
  border-right: 1px solid white;
  display: flex;
  max-height: 30px;
}

.exam__footer_navigation_prompt_container,
.exam__footer_next_prompt,
.exam__footer_prev_prompt_container {
  padding: 0 8px 0;
  line-height: 28px;
  border-left: 1px solid white;
  display: flex;
  max-height: 30px;
}

.exam__footer_right_tools {
  display: flex;
}

.exam__footer_next_prompt_text {
  padding-right: 8px;
  display: flex;
  max-height: 30px;
}

.exam__footer_navigation_prompt {
  padding-left: 8px;
  display: flex;
  max-height: 30px;
}

.exam__header_system_toolbar_copyright {
  position: absolute;
  left: 0;
}

.exam__header_system_toolbar_copyright {
  padding-left: 20px;
}

.section__introduction--body p {
  margin: 10px 0;
}

.exam__interface {
  overflow: auto;
  height: 100vh;
  width: 100vw;
  display: flex;
  height: 100%;
  flex-direction: column;
  min-width: 1200px;
}

.exam__interface_container {
  height: 100%;
  width: 100%;
  display: flex;
  flex: 1 1 auto;
}

.exam__interface_content {
  width: 100vw;
  height: calc(100vh - 40px);
  min-width: 1200px;
  padding-top: 105px;
  overflow-y: scroll;
}

.exam__interface_container_divider {
  width: 20px;
  background-color: #006daa;
  flex: 0 1 auto;
}

.section__review--container {
  padding-top: 110px;
}

.exam__interface_review {
  padding-top: 105px;
  min-width: 1200px;
}

.exam__interface_container_section {
  width: auto;
  flex: 1 1 0;
  max-height: calc(100vh - 117px);
  overflow: hidden;
  scrollbar-color: #80aee1 white;
  /* mostly copy-pasted from the other site */
  scrollbar-face-color: #80AEE1;
  scrollbar-3dlight-color: #EEE;
  scrollbar-track-color: #FFF;
  scrollbar-arrow-color: #050408;
  scrollbar-shadow-color: #80AEE1;
}
.exam__interface_container_section::-webkit-scrollbar {
  width: 18px;
  height: 18px;
}
.exam__interface_container_section::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
}
.exam__interface_container_section::-webkit-scrollbar-thumb {
  background: #80AEE1;
}
.exam__interface_container_section::-webkit-scrollbar-button:start:decrement, .exam__interface_container_section::-webkit-scrollbar-button:end:increment {
  height: 18px;
  width: 18px;
  display: block;
  background-color: #80AEE1;
}
.exam__interface_container_section::-webkit-scrollbar-button:vertical:increment {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gcTDx43AHTppQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAm0lEQVQ4y+2Suw3CQBBE39xdjoREE27FvVABIR1QAEW4EIhcByHB2UPAIVlgI+wMySNNsp+3u9LCqv+TxoNhj9hg8qDGiIS5mf703pNGQWIn4gH5Y4TVHe0ZqwbFa1RyVLoXOyheFtysuoBysYXquZxYtmoKzEGxGeZmgUDVCwSqvoHSBKh75tya/gwY3Jb6vPQ1tsWT77LqNz0Anmsn5gIKn8AAAAAASUVORK5CYII=);
  background-size: cover;
  background-repeat: no-repeat;
  border-top: 1px solid #EEE;
}
.exam__interface_container_section::-webkit-scrollbar-button:vertical:decrement {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAKJJREFUOBHtUcENwjAQu0vSBRijq3QnPswBSzAI7MGnzz5Kgx2cX4QieCE1kuvcxbbSi9m+fpmAy3wAE1y19646v4m6EMIFOMtTep3+IosSj9FTJlCP6tUzlZ+piN3jtQZx/00QPZNCVjDBW00K66fg4a6gBUxk9G79CVBiuKfoQ5mNwrQfMs9aYc1X2DZ7mD2PMKxAfXL+WrJscyto7/3jBF4VyyFYXSX8JQAAAABJRU5ErkJggg==);
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom: 1px solid #EEE;
}
.exam__interface_container_section::-webkit-scrollbar-button:horizontal:increment {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAAvElEQVQ4Ee1ROw7CMAy1nSJ2jsHSg1BmbsHKxNR7cAl6DaQusHASpCbuM1KkKC2RmGDokyzZsd/zJ0QL/uECchSRNpnEwTf7FnJ2vFJh6cHcJewKPifx25X8IYkHIgVDasdVx+yuyG1heEciQ0kodn2B44W4geAd614QbzIdKgnltTGeTGMJ2/cTImFtBYG0U/UnLPWYI5QmQhMGL/RehwYiewiYyOyxC9/JNYvegoYDyE+Y1VpjD1vwywuMc2QovmDQf+cAAAAASUVORK5CYII=);
  background-size: cover;
  background-repeat: no-repeat;
  border-right: 1px solid #EEE;
}
.exam__interface_container_section::-webkit-scrollbar-button:horizontal:decrement {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAAyUlEQVQ4Ee1Ruw3CQAy1fUH0jAFsQlgie1BRIRZgEJaABtEgsUQmSO7FzkfKSQ6iSpUnOXf+vdjviBbMpkD48SfLiRqsRkTOAO/VfZr/D1iLslHhQVhegVdKKKdRPLmOG4aETVCpbZnDRYjzLtEOZnEXHtFG17gypOg7aj2NYK1m07owDTxMNnjFFvOIyhhjUaPaRcJda0x0m8bQ7tdd069HNIj9AeqjEuag+O638qRoGaeeP2p2eP4vCDcWygAqdahHOsviza5AA+J9L9WtRJHRAAAAAElFTkSuQmCC);
  background-size: cover;
  background-repeat: no-repeat;
  border-left: 1px solid #EEE;
}

.highlighted {
  background-color: yellow;
}

.strikethrough {
  text-decoration: line-through;
}

.exam__header-highlight_focus {
  display: flex;
  align-items: center;
}

.exam__header-highlight_container {
  cursor: default;
}

.exam__header-strikethrough_container {
  cursor: default;
  padding-left: 20px;
}

.strikethrough-icon {
  margin-right: 4px;
}

.exam__page {
  font-family: Verdana;
  letter-spacing: 0 !important;
}

.section__review--header {
  height: 50px;
}

.section__review--instructions {
  height: calc(100% - 50px);
}

.section__review--container {
  padding-bottom: 40px;
}

.info_dialog--end-section {
  line-height: 1rem;
}

.info_dialog--end-section-text {
  margin-bottom: 1rem;
}

.info_dialog__confirm {
  margin-right: 1rem;
}

.question__review--container {
  overflow: auto;
  height: 100%;
  padding-bottom: 40px;
}

.question__review--header {
  background-color: black;
  color: white;
  display: flex;
  flex-direction: row;
  min-height: 120px;
}

.question__review--header-row {
  display: flex;
  justify-content: space-between;
  padding: 5px 2px 6px 40px;
}

.question__review--header-column {
  padding-top: 10px;
}

.column-left {
  flex: 1;
}

.column-right {
  flex: 1;
}

.question__review--header-category-header,
.question__review--header-subject-header,
.question__review--header-topic-header,
.question__review--header-difficulty-header,
.question__review--header-relationship-header,
.question__review--header-skill-header {
  font-size: 10px;
  line-height: 12px;
  color: #a0a9b1;
}

.question__review--header-category-content,
.question__review--header-subject-content,
.question__review--header-topic-content,
.question__review--header-difficulty-content,
.question__review--header-relationship-content,
.question__review--header-skill-content {
  font-size: 12px;
  font-weight: 600;
}

.question__review--header-category-content,
.question__review--header-skill-content,
.question__review--header-relationship-content,
.question__review--header-difficulty-content,
.question__review--header-topic-content,
.question__review--header-subject-content,
.passage__review--length-content,
.passage__review--type-content {
  font-size: 12px;
  font-weight: 600;
}

.question__review--header-topic {
  margin: 0 10px;
}

.section__introduction--container {
  box-sizing: border-box;
  width: 450px;
  margin: 0 auto;
  padding: 40px 0 0 0;
  text-align: justify;
  font-family: verdana;
}

.section__introduction--header {
  text-align: center;
  font-weight: bold;
  font-size: 22pt;
}

.section__introduction--body {
  font-size: 16px;
}

.section__introduction--num-questions {
  text-align: center;
  display: block;
  width: 100%;
  margin: 20px 0;
  font-weight: bold;
}

.instruction_list__item--numbered {
  list-style: decimal;
  margin-left: 30px;
}

.instructions_list--ordered {
  list-style: decimal;
}

.exam__header-counter {
  min-height: 21px;
}

.question_list_item__name:hover {
  cursor: pointer;
  text-decoration: underline;
}

.exam__header-timer_time {
  display: flex;
}

.exam__header-counter {
  display: flex;
  justify-content: flex-end;
}

.radio__option--tooltip {
  padding: 0 10;
  border-radius: 3px;
}

.exam__interface_review .radio__option {
  cursor: default;
}

.lmsdropdown .override__control {
  color: #4fa3ec;
  border-radius: 7px;
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.15);
  border: none;
}
.lmsdropdown .override__control .override__value-container {
  height: 50px;
  padding-left: 15px;
}
.lmsdropdown .override__control,
.lmsdropdown .override__menu {
  font-size: 20px;
  cursor: pointer;
}
.lmsdropdown .override__placeholder {
  color: #4fa3ec;
}
.lmsdropdown .override__single-value {
  color: inherit;
}
.lmsdropdown .override__indicator-separator {
  width: 0;
}
.lmsdropdown .override__indicator,
.lmsdropdown .override__indicator:hover {
  color: #4fa3ec;
}
.lmsdropdown .sp-modal-override__indicator,
.lmsdropdown .sp-modal-override__indicator:hover {
  color: black;
}
.lmsdropdown .override__menu {
  margin-bottom: 0;
  margin-top: -7px;
  border-radius: 0 0 7px 7px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
  background-color: white;
}
.lmsdropdown .override__option {
  color: #4fa3ec;
  cursor: pointer;
  padding-left: 17px;
}
.lmsdropdown .override__option:last-of-type {
  border-radius: 0 0 6px 6px;
  margin-bottom: -4px;
}
.lmsdropdown .override__option--is-selected {
  display: none;
}
.lmsdropdown .override__option--is-disabled {
  color: #c9c9c9 !important;
  cursor: not-allowed;
}
.lmsdropdown .override__option--is-focused {
  color: white;
  background-color: #4fa3ec;
}
.lmsdropdown .override__control .override__value-container {
  padding-left: 15px;
}

.sp-modal-override__option {
  cursor: pointer !important;
}

.lmsdropdown--small .override__control {
  color: #4fa3ec;
  border-radius: 6.9px;
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.15);
  border: none;
  min-height: unset;
  width: 110px;
  height: 30px;
}
.lmsdropdown--small .sp-modal-override__control {
  cursor: pointer;
  font-size: 14px;
  border: 1px solid #e0e0e0;
  width: 115px;
  border-radius: 5px;
  min-height: unset;
  padding: 4px 6px 4px 0;
  color: #2f2f2f;
}
.lmsdropdown--small .date_picker__selector_text--small {
  color: #2f2f2f;
}
.lmsdropdown--small .sp-modal-override__control:hover {
  border: 1px solid #e0e0e0 !important;
}
.lmsdropdown--small .override__control,
.lmsdropdown--small .override__menu {
  font-size: 20px;
  cursor: pointer;
}
.lmsdropdown--small .override__placeholder {
  color: #4fa3ec;
}
.lmsdropdown--small .override__single-value {
  color: inherit;
  font-size: 14px;
}
.lmsdropdown--small .sp-modal-override__indicator {
  padding: 0;
  width: 12px;
}
.lmsdropdown--small .override__indicator-separator,
.lmsdropdown--small .sp-modal-override__indicator-separator {
  width: 0;
}
.lmsdropdown--small .override__indicator,
.lmsdropdown--small .override__indicator:hover {
  color: #4fa3ec;
}
.lmsdropdown--small .sp-modal-override__dropdown-indicator,
.lmsdropdown--small .sp-modal-override__dropdown-indicator:hover {
  color: #2f2f2f;
}
.lmsdropdown--small .sp-modal-override__single-value {
  color: #2f2f2f;
}
.lmsdropdown--small .override__menu {
  margin-bottom: 0;
  margin-top: -7px;
  border-radius: 7px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  background-color: white;
}
.lmsdropdown--small .override__option {
  color: #4fa3ec;
  cursor: pointer;
  font-size: 14px;
}
.lmsdropdown--small .override__option:last-of-type {
  border-radius: 0 0 6px 6px;
  margin-bottom: -4px;
}
.lmsdropdown--small .override__option--is-selected {
  display: none;
}
.lmsdropdown--small .override__option--is-focused {
  color: white;
  background-color: #4fa3ec;
}

.accordion_item {
  color: white;
}

.accordion_item_header {
  background-color: #006daa;
  height: 40px;
}

.accordion_item_title {
  font-weight: 600;
  color: white;
  line-height: 40px;
  padding-left: 10px;
  font-size: 16pt;
}

.accordion_content {
  color: black;
  padding: 20px;
  overflow: hidden;
  border: 1px solid rgb(241, 241, 241);
}

.accordion {
  width: 90vw;
  margin: 60px auto 60px auto;
}

.collapsed {
  transition: max-height 0.5s linear, padding-top 0.25s linear 0.25s, padding-bottom 0.25s linear 0.25s;
  max-height: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.expanded {
  transition: max-height 0.5s linear, padding-top 0.25s linear, padding-bottom 0.25s linear;
}
.expanded .body p, .expanded .reset_plan_modal .body--li p, .reset_plan_modal .expanded .body--li p, .expanded .live-downgrade__modal-container .body--li p, .live-downgrade__modal-container .expanded .body--li p, .expanded .live-upgrade__modal-container .body--li p, .live-upgrade__modal-container .expanded .body--li p, .expanded .reset_plan_dialog__content .body--li p, .reset_plan_dialog__content .expanded .body--li p {
  margin-bottom: 15px;
}
.expanded .body img, .expanded .reset_plan_modal .body--li img, .reset_plan_modal .expanded .body--li img, .expanded .live-downgrade__modal-container .body--li img, .live-downgrade__modal-container .expanded .body--li img, .expanded .live-upgrade__modal-container .body--li img, .live-upgrade__modal-container .expanded .body--li img, .expanded .reset_plan_dialog__content .body--li img, .reset_plan_dialog__content .expanded .body--li img {
  margin-left: 70px;
  margin-bottom: 15px;
}

.accordion_section__container {
  font-weight: 600;
  margin-top: 15px;
  width: 170px;
}
.accordion_section__container .accordion_section__header {
  cursor: pointer;
  color: #677a89;
  padding: 12px 0px;
  border-bottom: 1px solid #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accordion_section__container .accordion_section__header .accordion_section__title {
  font-size: 1rem;
  letter-spacing: 0.2px;
  line-height: normal;
}
.accordion_section__container .accordion_section__header .accordion_section__opener_icon {
  width: 10px;
  height: 5px;
  flex: 0 0 auto;
  margin-right: 10px;
  transform: rotate(-90deg);
  transition: transform 0.25s linear;
}
.accordion_section__container .accordion_section__header .accordion_section__opener_icon.expanded {
  transform: unset;
}
.accordion_section__container .accordion_section__body {
  overflow: hidden;
  max-height: 0px;
  transition-property: max-height, padding;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
}
.accordion_section__container .accordion_section__body.expanded {
  max-height: 1000px;
  padding-top: 4px;
  overflow: auto;
}
.accordion_section__container .accordion_section__body.expanded.overflow {
  overflow: visible;
}

.radio__option p {
  display: inline;
}
.radio__option span {
  cursor: pointer;
}

.radio__option_icon {
  position: relative;
  top: -3.5px;
  font-size: 0.7em;
  font-weight: 600;
  padding-right: 5px;
  margin-top: 7px;
}

.radio__option_choice {
  padding-right: 5px;
  font-weight: 600;
}

.radio__option--explanation {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 20px;
  padding-left: 12px;
  border-left: 3px solid #e9e9e9;
  background-color: #fcfcfc;
  font-size: 13px;
  display: block;
}
.radio__option--explanation p {
  display: block;
}

.radio__option--changed-icon {
  margin-top: 6px;
}

.radio__option--show-explanation {
  padding-top: 5px;
  padding-left: 12px;
  margin-left: 20px;
  font-size: 14px;
  color: #b9b9b9;
  cursor: pointer;
}

.correct {
  color: #24bc50;
}

.incorrect {
  color: #ec6767;
}

.hidden {
  display: none;
}

.right {
  margin-left: -25px;
  margin-right: 10px;
}

.wrong {
  margin-left: -22px;
  margin-right: 10px;
}

.wtw {
  margin-left: -43px;
  margin-right: 10px;
}

.wtc {
  margin-left: -52px;
  margin-right: 10px;
}

.ctw {
  margin-left: -48px;
  margin-right: 10px;
}

.radio__option {
  margin-top: 10px;
}

.radio__option--content {
  display: flex;
  align-items: flex-start;
}

.info_dialog__info_icon {
  width: 40px;
}

.info_dialog__portal {
  position: absolute;
  height: 100%;
  width: 100%;
}

.info_dialog__backdrop {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.info_dialog__container {
  border: 1px solid black;
  color: white;
  background-color: #006daa;
  width: 600px;
}

.info_dialog__titlebar {
  border-bottom: 1px solid white;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 20px;
  font-size: 12pt;
  display: flex;
}
.info_dialog__titlebar .info_dialog__titlebarcontents {
  flex: 1;
}

.info_dialog__body--tan {
  background-color: #e1decd;
}

.info_dialog__body {
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
  align-items: center;
}
.info_dialog__body .info_dialog__content {
  padding-left: 10px;
  padding-right: 10px;
  flex: 1;
}

.info_dialog__footer {
  text-align: center;
  padding-bottom: 20px;
  display: flex;
  justify-content: center;
}
.info_dialog__footer .info_dialog__button {
  display: flex;
  justify-content: center;
  line-height: 1.5;
}

button.info_dialog__button {
  background: none;
  color: inherit;
  font: inherit;
  border: 1px solid white;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
}
button.info_dialog__button :hover {
  color: yellow;
}

.info_dialog__portal {
  font-family: verdana;
}

.passage__title {
  font-weight: 600;
}

.passage__container--review {
  max-height: calc(100vh - 117.33px);
}

.passage__container--handle {
  display: flex;
  justify-content: center;
  background-color: #d9d9d9;
  height: 1vh;
  width: 100%;
  cursor: ns-resize;
}

.passage__container--bottom,
.passage__container--top {
  height: calc((99vh - 164.88px) / 2);
  overflow-y: scroll;
}

.passage__container--sub-content {
  padding: 25px 40px;
}

.passage__container--exam {
  max-height: calc(100vh - 135px);
  padding: 40px;
  min-height: 100%;
  overflow-y: scroll;
}

.passage__container--header {
  position: absolute;
  background-image: linear-gradient(to right, #f6f6f6, #f6f6f6, white);
  font-weight: 600;
  color: #838383;
  font-size: 11px;
  line-height: 16px;
  max-height: 28px;
  width: 100%;
  padding: 5px 0 5px 40px;
}

.passage__container--passage-information {
  padding: 15px 0 18px;
  background-color: black;
  color: white;
}

.passage__container--handle-icon {
  width: 100%;
  text-align: center;
  transform: rotate(90deg);
  color: #838383;
  font-size: 0.6em;
  cursor: ns-resize;
}

.passage__review--header {
  display: flex;
}

.passage__review--length-header,
.passage__review--type-header,
.passage__review--other-header {
  font-size: 10px;
  color: #a0a9b1;
}

.passage__review--length-content,
.passage__review--type-content,
.passage__review--other-content {
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

.passage__review--length,
.passage__review--type,
.passage__review--other {
  display: flex;
  flex-direction: column;
  padding-left: 40px;
  height: 100%;
  justify-content: center;
}

.passage__review--header {
  height: 100%;
}

.passage__body_recommended p,
.passage__body_user p,
.passage__body p {
  margin: 1rem 0;
}
.passage__body_recommended li,
.passage__body_user li,
.passage__body li {
  list-style-type: disc;
  list-style-position: inside;
}

.question__title {
  font-weight: 600;
  margin-bottom: 10px;
}

.question__title--review {
  margin-left: 30px;
  margin-top: 30px;
  font-weight: 600;
}

.question__question {
  margin-bottom: 10px;
}

.question__questions {
  margin-bottom: 10px;
}

.question__review--information {
  margin: 20px 35px;
}

.question__container {
  max-height: calc(100vh - 135px);
  padding: 40px;
  min-height: 100%;
  overflow-y: scroll;
}

.question__review_container {
  padding: 20px 40px 40px;
}

.question__review_questions {
  margin-left: 20px;
}

.periodic_table__window {
  z-index: 100;
}

img.periodic-table {
  max-width: unset;
  width: 1024px;
  height: 708px;
}

.subwindow__portal--modal {
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.subwindow__container {
  display: flex;
  flex-direction: column;
  position: fixed;
  border: 1px solid black;
  color: white;
  background-color: #006daa;
}

.subwindow__titlebar {
  border-bottom: 1px solid white;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12pt;
  display: flex;
}
.subwindow__titlebar .subwindow__titlebarcontents {
  flex: 1;
}

/* drag cursor */
.subwindow__container {
  /*
  &--dragging .subwindow__titlebar {
      cursor: grabbing;
  }
  */
}
.subwindow__container .subwindow__titlebar {
  /* existing implimentation just uses the grabbing cursor */
  cursor: grabbing;
  /* cursor: grab; */
}

.subwindow__closecorner {
  cursor: pointer;
}

.subwindow__body {
  flex: 1;
  overflow: auto;
  background-color: white;
  /* mostly copy-pasted from the other site */
  scrollbar-face-color: #80AEE1;
  scrollbar-3dlight-color: #EEE;
  scrollbar-track-color: #FFF;
  scrollbar-arrow-color: #050408;
  scrollbar-shadow-color: #80AEE1;
}
.subwindow__body::-webkit-scrollbar {
  width: 18px;
  height: 18px;
}
.subwindow__body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
}
.subwindow__body::-webkit-scrollbar-thumb {
  background: #80AEE1;
}
.subwindow__body::-webkit-scrollbar-button:start:decrement, .subwindow__body::-webkit-scrollbar-button:end:increment {
  height: 18px;
  width: 18px;
  display: block;
  background-color: #80AEE1;
}
.subwindow__body::-webkit-scrollbar-button:vertical:increment {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gcTDx43AHTppQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAm0lEQVQ4y+2Suw3CQBBE39xdjoREE27FvVABIR1QAEW4EIhcByHB2UPAIVlgI+wMySNNsp+3u9LCqv+TxoNhj9hg8qDGiIS5mf703pNGQWIn4gH5Y4TVHe0ZqwbFa1RyVLoXOyheFtysuoBysYXquZxYtmoKzEGxGeZmgUDVCwSqvoHSBKh75tya/gwY3Jb6vPQ1tsWT77LqNz0Anmsn5gIKn8AAAAAASUVORK5CYII=);
  background-size: cover;
  background-repeat: no-repeat;
  border-top: 1px solid #EEE;
}
.subwindow__body::-webkit-scrollbar-button:vertical:decrement {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAKJJREFUOBHtUcENwjAQu0vSBRijq3QnPswBSzAI7MGnzz5Kgx2cX4QieCE1kuvcxbbSi9m+fpmAy3wAE1y19646v4m6EMIFOMtTep3+IosSj9FTJlCP6tUzlZ+piN3jtQZx/00QPZNCVjDBW00K66fg4a6gBUxk9G79CVBiuKfoQ5mNwrQfMs9aYc1X2DZ7mD2PMKxAfXL+WrJscyto7/3jBF4VyyFYXSX8JQAAAABJRU5ErkJggg==);
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom: 1px solid #EEE;
}
.subwindow__body::-webkit-scrollbar-button:horizontal:increment {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAAvElEQVQ4Ee1ROw7CMAy1nSJ2jsHSg1BmbsHKxNR7cAl6DaQusHASpCbuM1KkKC2RmGDokyzZsd/zJ0QL/uECchSRNpnEwTf7FnJ2vFJh6cHcJewKPifx25X8IYkHIgVDasdVx+yuyG1heEciQ0kodn2B44W4geAd614QbzIdKgnltTGeTGMJ2/cTImFtBYG0U/UnLPWYI5QmQhMGL/RehwYiewiYyOyxC9/JNYvegoYDyE+Y1VpjD1vwywuMc2QovmDQf+cAAAAASUVORK5CYII=);
  background-size: cover;
  background-repeat: no-repeat;
  border-right: 1px solid #EEE;
}
.subwindow__body::-webkit-scrollbar-button:horizontal:decrement {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAAyUlEQVQ4Ee1Ruw3CQAy1fUH0jAFsQlgie1BRIRZgEJaABtEgsUQmSO7FzkfKSQ6iSpUnOXf+vdjviBbMpkD48SfLiRqsRkTOAO/VfZr/D1iLslHhQVhegVdKKKdRPLmOG4aETVCpbZnDRYjzLtEOZnEXHtFG17gypOg7aj2NYK1m07owDTxMNnjFFvOIyhhjUaPaRcJda0x0m8bQ7tdd069HNIj9AeqjEuag+O638qRoGaeeP2p2eP4vCDcWygAqdahHOsviza5AA+J9L9WtRJHRAAAAAElFTkSuQmCC);
  background-size: cover;
  background-repeat: no-repeat;
  border-left: 1px solid #EEE;
}

.subwindow__footer {
  text-align: center;
  margin-right: 10px;
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

.subwindow__closebutton button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
.subwindow__closebutton .xbox {
  padding: 2px;
}

.gripimage__sw,
.gripimage__se {
  display: block;
}

.subwindow__resizegrip {
  position: absolute;
}
.subwindow__resizegrip--n {
  top: -2px;
  height: 6px;
  width: 100%;
  cursor: n-resize;
}
.subwindow__resizegrip--w {
  left: -2px;
  width: 6px;
  height: 100%;
  cursor: w-resize;
}
.subwindow__resizegrip--s {
  bottom: -2px;
  height: 6px;
  width: 100%;
  cursor: s-resize;
}
.subwindow__resizegrip--e {
  right: -2px;
  width: 6px;
  height: 100%;
  cursor: e-resize;
}
.subwindow__resizegrip--nw {
  left: -2px;
  top: -2px;
  width: 6px;
  height: 6px;
  cursor: nw-resize;
}
.subwindow__resizegrip--ne {
  right: -2px;
  top: -2px;
  width: 6px;
  height: 6px;
  cursor: ne-resize;
}
.subwindow__resizegrip--sw {
  left: -2px;
  bottom: -2px;
  width: 14px;
  height: 14px;
  cursor: sw-resize;
  transform: scaleX(-1);
}
.subwindow__resizegrip--se {
  right: -1px;
  bottom: -1px;
  width: 14px;
  height: 14px;
  cursor: se-resize;
}

.subwindow__portal {
  font-family: verdana;
}

/* uncomment the following to visualize the resize grips */
/*
.subwindow__resizegrip {
    background-color: purple;
    &--nw, &--ne, &--se, &--sw {
        background-color: yellow;
    }
}
*/
.navigation__window {
  width: 1000px;
  height: 500px;
  min-width: 550px;
  max-width: 1000px;
  max-height: 500px;
  padding-left: 10px;
  padding-right: 10px;
}

.navigation_table__container {
  background-color: #006daa;
  width: 100%;
  height: 100%;
}

.navigation_table {
  background-color: #006daa;
  width: 100%;
  border-collapse: collapse;
}

.navigation_table__header_column {
  background-color: #80aee1;
  border-right: 1px solid white;
  border-left: 1px solid white;
  border-bottom: 1px solid black;
  line-height: 21px;
  padding: 5px;
  font-weight: 600;
  font-size: 18px;
  max-height: 31px;
}

.navigation_table__header_column {
  width: 33%;
}

.navigation_table__body {
  background: white;
}

.navigation_table__index_column span:hover {
  text-decoration: underline;
  cursor: pointer;
}

.navigation_table__flag_column {
  text-align: center;
}

.navigation_flag {
  color: #006daa;
}

.navigation_table th {
  font-size: 15px;
}

.navigation_table__column {
  font-size: 15px;
  color: black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding: 5px;
}

.navigation_table__body tr:hover {
  background-color: #fffd67;
}

.navigation_table .status-text--red {
  color: red;
}

.navigation_table__row:nth-child(odd) {
  background-color: #f4f4f4;
}

.navigation__window_title {
  font-size: 1.25em;
}

.navigation__window_bolded {
  font-weight: 600;
  margin-left: 4px;
}

.navigation_table_wrapper {
  height: 100%;
}

.section__review--header {
  width: 100vw;
  text-align: center;
  font-weight: 600;
  font-size: 19px;
  padding: 10px;
}

.collapsing__instruction--container {
  margin-bottom: 1px;
  max-height: 100%;
}

.collapsing__instruction--header {
  height: 25px;
  width: 100vw;
  background-color: #80aee1;
  font-size: 14pt;
  color: white;
  line-height: 100%;
}

.collapsing__instruction--content {
  max-height: 100%;
  line-height: 2em;
  overflow-y: auto;
}

.collapsing__instruction--icon {
  margin-right: 4px;
  margin-left: 4px;
}

.instructions {
  max-height: 220px;
  overflow-y: auto;
}

ol {
  margin-left: 20px;
  line-height: 1.5em !important;
}

.collapsed {
  display: none;
}

.collapsing__instruction--header {
  display: flex;
  justify-content: space-between;
  padding: 0 5px;
}

.hidden {
  display: none;
}

.collapsing__instruction--content {
  scrollbar-color: #80aee1 white;
  /* mostly copy-pasted from the other site */
  scrollbar-face-color: #80AEE1;
  scrollbar-3dlight-color: #EEE;
  scrollbar-track-color: #FFF;
  scrollbar-arrow-color: #050408;
  scrollbar-shadow-color: #80AEE1;
}
.collapsing__instruction--content::-webkit-scrollbar {
  width: 18px;
  height: 18px;
}
.collapsing__instruction--content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
}
.collapsing__instruction--content::-webkit-scrollbar-thumb {
  background: #80AEE1;
}
.collapsing__instruction--content::-webkit-scrollbar-button:start:decrement, .collapsing__instruction--content::-webkit-scrollbar-button:end:increment {
  height: 18px;
  width: 18px;
  display: block;
  background-color: #80AEE1;
}
.collapsing__instruction--content::-webkit-scrollbar-button:vertical:increment {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gcTDx43AHTppQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAm0lEQVQ4y+2Suw3CQBBE39xdjoREE27FvVABIR1QAEW4EIhcByHB2UPAIVlgI+wMySNNsp+3u9LCqv+TxoNhj9hg8qDGiIS5mf703pNGQWIn4gH5Y4TVHe0ZqwbFa1RyVLoXOyheFtysuoBysYXquZxYtmoKzEGxGeZmgUDVCwSqvoHSBKh75tya/gwY3Jb6vPQ1tsWT77LqNz0Anmsn5gIKn8AAAAAASUVORK5CYII=);
  background-size: cover;
  background-repeat: no-repeat;
  border-top: 1px solid #EEE;
}
.collapsing__instruction--content::-webkit-scrollbar-button:vertical:decrement {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAKJJREFUOBHtUcENwjAQu0vSBRijq3QnPswBSzAI7MGnzz5Kgx2cX4QieCE1kuvcxbbSi9m+fpmAy3wAE1y19646v4m6EMIFOMtTep3+IosSj9FTJlCP6tUzlZ+piN3jtQZx/00QPZNCVjDBW00K66fg4a6gBUxk9G79CVBiuKfoQ5mNwrQfMs9aYc1X2DZ7mD2PMKxAfXL+WrJscyto7/3jBF4VyyFYXSX8JQAAAABJRU5ErkJggg==);
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom: 1px solid #EEE;
}
.collapsing__instruction--content::-webkit-scrollbar-button:horizontal:increment {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAAvElEQVQ4Ee1ROw7CMAy1nSJ2jsHSg1BmbsHKxNR7cAl6DaQusHASpCbuM1KkKC2RmGDokyzZsd/zJ0QL/uECchSRNpnEwTf7FnJ2vFJh6cHcJewKPifx25X8IYkHIgVDasdVx+yuyG1heEciQ0kodn2B44W4geAd614QbzIdKgnltTGeTGMJ2/cTImFtBYG0U/UnLPWYI5QmQhMGL/RehwYiewiYyOyxC9/JNYvegoYDyE+Y1VpjD1vwywuMc2QovmDQf+cAAAAASUVORK5CYII=);
  background-size: cover;
  background-repeat: no-repeat;
  border-right: 1px solid #EEE;
}
.collapsing__instruction--content::-webkit-scrollbar-button:horizontal:decrement {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAAyUlEQVQ4Ee1Ruw3CQAy1fUH0jAFsQlgie1BRIRZgEJaABtEgsUQmSO7FzkfKSQ6iSpUnOXf+vdjviBbMpkD48SfLiRqsRkTOAO/VfZr/D1iLslHhQVhegVdKKKdRPLmOG4aETVCpbZnDRYjzLtEOZnEXHtFG17gypOg7aj2NYK1m07owDTxMNnjFFvOIyhhjUaPaRcJda0x0m8bQ7tdd069HNIj9AeqjEuag+O638qRoGaeeP2p2eP4vCDcWygAqdahHOsviza5AA+J9L9WtRJHRAAAAAElFTkSuQmCC);
  background-size: cover;
  background-repeat: no-repeat;
  border-left: 1px solid #EEE;
}

.question__list--container {
  display: flex;
  flex-wrap: wrap;
  width: 100vw;
  max-height: 465px;
}

.question__list_column {
  display: inline-block;
  flex-wrap: wrap;
  height: 100%;
  width: 33%;
  line-height: 41px;
  justify-content: space-between;
}

.question__list--collumn_item {
  border-bottom: 1px solid black;
  padding: 0 5px;
}

.question__list_column_left {
  border-right: 1px solid black;
}

.question__list_column_center {
  border-right: 1px solid black;
}

.question__list--collumn-left {
  display: inline-block;
}

.question__list--collumn-right {
  display: inline;
  float: right;
}

.status-bad {
  color: red;
}

.question__list--icon {
  margin-right: 10px;
  color: #80aee1;
  font-size: 1.1em;
}

.question__list--collumn-left .question__list--icon:hover {
  color: #838383;
  cursor: pointer;
}

.answer__graph--container {
  display: flex;
  align-items: flex-end;
  margin-top: 22px;
  margin-left: 80px;
  height: 180px;
  padding: 20px;
  background-color: #fcfcfc;
  border-left: 3px solid #e9e9e9;
  font-size: 13px;
}

.answer__graph--chart-bar {
  display: flex;
  width: 50px;
  height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  margin-right: 15px;
}

.answer__graph--chart-bar-percentage {
  text-align: center;
}

.answer__graph--chart-bar-bar {
  background-color: green;
}

.answer__graph--chart-bar-choice {
  text-align: center;
  padding-top: 4px;
}

.answer__graph--chart {
  display: flex;
  width: 50%;
  height: 100%;
}

.answer__graph--summary {
  display: flex;
  flex-direction: column;
  width: 50%;
  height: 100%;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}

.answer__graph--summary-information {
  color: #b9b9b9;
}

.timed__break--container {
  width: 100vw;
  height: 100vh;
  padding-top: 125px;
  background-color: #006daa;
}

.timed__break--dialog {
  width: 600px;
  height: 400px;
  background-color: #e1decc;
  margin: 0 auto;
  border: 3px solid black;
}

.timed__break--dialog-header {
  min-height: 31px;
  background-color: #006daa;
  color: white;
  line-height: 31px;
  padding-left: 10px;
}

.info_icon {
  display: block;
  background-image: linear-gradient(transparent, transparent), url(//d2to8dvdqb8lhi.cloudfront.net/app/assets/shared/aamc/break-1ae8deb38668ddc8918b4a90be49a2323139dbc011b561f592f7b4bbef440457.svg);
  width: 40px;
  height: 40px;
  margin-right: 20px;
  display: block;
  float: left;
  margin: 15px 0 0 15px;
}

.timed__break--dialog-body {
  display: inline-block;
  width: 515px;
  padding: 15px;
  font-size: 16px;
}
.timed__break--dialog-body p {
  margin-bottom: 1em;
  font-family: "Greek Letters", Verdana, Geneva, sans-serif;
}

.timed__break--dialog-buttons {
  display: flex;
  justify-content: center;
}

.timed__break--timer {
  width: 450px;
  height: 650px;
  margin: 0 auto;
  background-color: #e1decc;
  border: 3px solid black;
  font-family: Verdana;
}

.timed__break--timer-white {
  width: 410px;
  height: 300px;
  background-color: white;
  margin: 0 auto;
}

.timed__break--timer-body {
  padding: 15px;
}

.timed__break--timer-box {
  border: 1px solid black;
}

fieldset p {
  font-size: 15px;
  margin-bottom: 1em;
}

.timed__break--timer-button {
  border: 3px solid black;
  padding: 5px 30px;
  font-size: 12pt;
  cursor: default;
  text-align: center;
  background-color: #e1decc;
  margin: 10px 37%;
}

.timed__break--dialog-button {
  padding: 5px 20px;
  border: 3px solid black;
  font-size: 12pt;
  cursor: default;
  margin-right: 10px;
  background-color: #e1decc;
}

.radio__option--tooltip {
  visibility: hidden;
  position: absolute;
  z-index: 100;
  background-color: #2f2f2f;
  color: white;
  padding: 2px 5px;
}

.out_of_time__container {
  width: 500px;
  height: 200px;
  background-color: #e1decc;
  margin: 0 auto;
  border: 3px solid black;
}

.out_of_time_dialog__header {
  min-height: 31px;
  background-color: #006daa;
  padding: 0 20px;
  color: white;
  line-height: 31px;
}

.out_of_time_dialog__body {
  display: flex;
  flex-direction: column;
  height: 85%;
  justify-content: space-around;
}

.out_of_time_dialog__body_tail {
  flex: 2 1 0;
}

.out_of_time_dialog__text {
  flex: 3 1 0;
  line-height: 100%;
  padding: 0 20px;
}

.timed__break--timer-button {
  flex: 1 1 0;
}

.side_panel__container {
  position: relative;
  width: 260px;
  max-height: calc(100vh - 73px);
  overflow-y: auto;
}

.side_panel__container_hamburger {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
}

.side_panel__container {
  border-right: 1px solid #ecedf0;
}

#hamburger {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 45px;
  margin: 15px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 4;
}
#hamburger.open {
  transition: transform 0.3s ease;
  transform: translateX(-250px);
}

#hamburger span {
  display: block;
  margin: 7px 0;
  height: 3px;
  width: 100%;
  background: #6a7684;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#hamburger span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#hamburger span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#hamburger span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#hamburger.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#hamburger.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}

.study_plan_page__container {
  display: flex;
  justify-content: center;
}
.study_plan_page__container.compact {
  margin: 0 25px 0 25px;
}
.study_plan_page__container.expanded {
  margin: 0 4rem 0 4rem;
}
.study_plan_page__container--loading {
  flex-direction: column;
}

.studyplan__overlay {
  background: #ffffff;
  color: #666666;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
  padding-top: 25%;
  opacity: 0.8;
  display: none;
}
.studyplan__overlay.show {
  display: block;
}

.static_nav {
  position: fixed;
  z-index: 4;
  padding-top: 40px;
  left: 0;
  right: 0;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  background-color: #ffffff;
}

.studyplan__nav_container__header {
  display: flex;
  align-items: center;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #f4f4f4;
  max-width: 1360px;
}
.studyplan__nav_container__header--page {
  width: 100%;
}
.studyplan__nav_container__header_tab {
  color: unset;
}
.studyplan__nav_container__header_tab:hover {
  opacity: 0.75;
  border-bottom: 1px solid #c9c9c9;
}
.studyplan__nav_container__header_tab.active {
  border-bottom: 1px solid #2f2f2f;
}
.studyplan__nav_container__header_tab.active .studyplan__nav_container__header_tab_title {
  font-weight: normal;
}
.studyplan__nav_container__header_tab_title {
  font-size: 28px;
  font-weight: 300;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.studyplan__tools {
  display: flex;
  justify-content: space-between;
  padding-top: 10rem;
  padding-bottom: 4px;
  margin-top: -40px;
}
@media screen and (max-width: 767px) {
  .studyplan__tools {
    padding-top: 12.5rem;
  }
}

.studyplan__subscribe_btn,
.studyplan__reset_btn {
  display: flex;
  padding: 6px 20px;
  cursor: pointer;
}
.studyplan__subscribe_btn:hover,
.studyplan__reset_btn:hover {
  border-radius: 4px;
  background-color: #f7f9fb;
}

.studyplan__custom_btn {
  margin-left: auto;
}

.studyplan__reset_text {
  display: none;
  color: #2f2f2f;
}

.studyplan__reset_icon {
  margin-top: -1px;
  width: 16px;
}

@media screen and (min-width: 767px) {
  .studyplan__reset_text {
    display: inline;
    padding-left: 8px;
    padding-right: 8px;
  }
}
.study_plan_generator__form_header {
  margin-top: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 20px;
  font-size: 28px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 575px) {
  .study_plan_generator__form_header {
    flex-direction: column;
  }
  .study_plan_generator__form_header .step_indicator {
    margin: 20px 0 30px 27px;
  }
}

.study_plan_generator__form_item {
  margin-bottom: 90px;
  transition: 0.95s;
}

.study_plan_generator__days_off_counter {
  background: #f4f4f4;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 13px;
}
.study_plan_generator__days_off_counter .negative b {
  color: #ff0000;
}

.study_plan__question {
  display: flex;
}

.study_plan__question_number {
  width: 35px;
  flex-shrink: 0;
  font-size: 18px;
  color: #555;
  line-height: 33px;
}

.study_plan__question_number:after {
  /* content: url(../images/little-arrow.png); */
  content: " ";
  width: 6px;
  height: 8px;
  font-size: 18px;
  position: absolute;
  margin-left: 9px;
  background: url(/8426ca8300448dc69b559cce6a0718d8.png);
  background-size: 5px;
  margin-top: 14px;
  background-repeat: no-repeat;
}

.study_plan__question_text {
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 16px;
  line-height: 33px;
}

.study_plan__question_description {
  font-size: 17px;
  color: #555;
}
.study_plan__question_description--bold {
  font-weight: 600;
}

.study_plan__control_group {
  display: flex;
  max-width: calc(100vw - 45px);
}

.study_plan__validity_indicator {
  display: flex;
  align-items: flex-end;
  width: 35px;
  flex-shrink: 0;
}

.study_plan__validity_icon {
  content: url(/7c7b44aa9e9727f80a42dd3e54c3970d.svg);
  width: 18px;
  padding-bottom: 19px;
}

.study_plan__form_item_controls {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}

.study_plan_generator__form_item_selector {
  padding-top: 15px;
  width: 282px;
  margin-right: 41.5px;
}

.study_plan__class-list {
  max-height: 520px;
  max-width: calc(100vw - 45px);
  border-radius: 6px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.13);
  overflow: auto;
  margin-left: 35px;
}
.study_plan__class-list .classes_loading,
.study_plan__class-list .no_results {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 520px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .study_plan__class-list .classes_loading,
  .study_plan__class-list .no_results {
    height: 115px;
  }
}
.study_plan__class-list .no_results {
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .study_plan__class-list .no_results {
    height: 250px;
    width: 75%;
    margin: 0 auto;
  }
}

.study_plan__class-item {
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 50px;
  border-bottom: solid 1px #f6f6f6;
  cursor: pointer;
}
.study_plan__class-item:hover {
  background-color: #f3f8fc;
}
.study_plan__class-item.selected-style .class-option--date-time:hover {
  text-decoration: none;
}
.study_plan__class-item.selected-style .class-option--instructor:hover .instructor--name {
  text-decoration: none;
}
.study_plan__class-item .class-option--day,
.study_plan__class-item .class-option--time,
.study_plan__class-item .class-option--date,
.study_plan__class-item .instructor--name {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
.study_plan__class-item .class-option--day.disabled,
.study_plan__class-item .class-option--time.disabled,
.study_plan__class-item .class-option--date.disabled,
.study_plan__class-item .instructor--name.disabled {
  color: #808285 !important;
}
.study_plan__class-item .class-full {
  display: flex;
  width: 10%;
}
.study_plan__class-item .class-option--date-time {
  width: 43%;
  display: flex;
  align-items: center;
}
.study_plan__class-item .class-option--date-time:hover {
  text-decoration: underline;
}
.study_plan__class-item .class-option--date-time.disabled:hover {
  text-decoration: none;
}
.study_plan__class-item .class-option--day {
  width: 43%;
}
.study_plan__class-item .class-option--time {
  width: 57%;
}
.study_plan__class-item .class-option--time .timezone {
  font-weight: 300;
}
.study_plan__class-item .class-option--time .timezone.disabled {
  color: #808285 !important;
}
.study_plan__class-item .class-option--date {
  width: 31%;
  text-align: center;
}
.study_plan__class-item .class-option--instructor {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 25.5%;
}
.study_plan__class-item .class-option--instructor .instructor--image {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: solid 3px #e0e0e0;
  margin-left: 12px;
}
.study_plan__class-item .class-option--instructor .instructor--name {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
.study_plan__class-item .class-option--instructor .instructor--name .instructor--label {
  font-weight: 300;
  color: #a5a9ab;
}
.study_plan__class-item .class-option--instructor:hover .instructor--name {
  text-decoration: underline;
}
.study_plan__class-item .study_plan__lectures--mobile {
  display: none;
}

.study_plan__class-container {
  padding: 36.67px;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
  border: solid 2px white;
}
.study_plan__class-container .placeholder__text {
  font-size: 21px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #9094ac;
}
.study_plan__class-container.selected {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(190, 190, 190, 0.5);
  border: solid 2px #4fa3ec;
  padding: 0;
}

.class_picker_toggler_container {
  display: flex;
  padding-bottom: 20px;
  padding-right: 10px;
  margin-left: 40px;
  justify-content: flex-end;
}
.class_picker_toggler_container .class_picker_toggler {
  color: #555555;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.class_picker_toggler_container .class_picker_toggler:last-child {
  margin-left: 40px;
}
@media (max-width: 1024px) {
  .class_picker_toggler_container {
    flex-direction: column;
    padding-right: 0;
  }
  .class_picker_toggler_container .class_picker_toggler:last-child {
    margin-left: 0;
  }
}

.study_plan__class-asterisk-info {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #9094ac;
  padding-top: 14.5px;
  padding-left: 85px;
}

.study_plan__instructor-popover {
  position: fixed;
  right: calc((100vw - 1260px) / 2 - 250px);
  width: 400px;
  border-radius: 7px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.19);
  background-color: #ffffff;
  padding: 15px;
  z-index: 100;
}

.study_plan__lectures-popover,
.study_plan__lectures--mobile {
  position: fixed;
  left: calc((100vw - 1260px) / 2 + 500px);
  width: 435px;
  border-radius: 7px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.19);
  background-color: #ffffff;
  z-index: 100;
  padding: 35px 30px 20px;
}
.study_plan__lectures-popover .days-until,
.study_plan__lectures--mobile .days-until {
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: black;
  margin-bottom: 20px;
}
.study_plan__lectures-popover .lecture-item,
.study_plan__lectures--mobile .lecture-item {
  display: flex;
  margin-bottom: 14px;
}
.study_plan__lectures-popover .lecture-item.past,
.study_plan__lectures--mobile .lecture-item.past {
  text-decoration: line-through;
}
.study_plan__lectures-popover .lecture-item .title, .study_plan__lectures-popover .lecture-item .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .study_plan__lectures-popover .lecture-item .title-highlighted, .study_plan__lectures-popover .lecture-item .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .study_plan__lectures-popover .lecture-item .title-highlighted, .study_plan__lectures-popover .lecture-item .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .study_plan__lectures-popover .lecture-item .title-highlighted, .study_plan__lectures-popover .lecture-item .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .study_plan__lectures-popover .lecture-item .title-highlighted, .study_plan__lectures-popover .lecture-item .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .study_plan__lectures-popover .lecture-item .title-highlighted,
.study_plan__lectures--mobile .lecture-item .title,
.study_plan__lectures--mobile .lecture-item .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted,
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .study_plan__lectures--mobile .lecture-item .title-highlighted,
.study_plan__lectures--mobile .lecture-item .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted,
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .study_plan__lectures--mobile .lecture-item .title-highlighted,
.study_plan__lectures--mobile .lecture-item .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted,
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .study_plan__lectures--mobile .lecture-item .title-highlighted,
.study_plan__lectures--mobile .lecture-item .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted,
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .study_plan__lectures--mobile .lecture-item .title-highlighted,
.study_plan__lectures--mobile .lecture-item .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted,
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .study_plan__lectures--mobile .lecture-item .title-highlighted {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  width: 25%;
}
.study_plan__lectures-popover .lecture-item .time,
.study_plan__lectures--mobile .lecture-item .time {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  width: 75%;
}

.study_plan__form-validation {
  background-color: #f3f8fc;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: normal;
  color: #555;
  width: fit-content;
  margin-top: 15px;
  margin-bottom: 6px;
  padding: 5px 10px;
}

.study_plan_generator__form_item_selector--hidden {
  display: none;
}

.study_plan_generator__form_item--faded {
  opacity: 0.3;
  pointer-events: none;
}

.date_picker__selector_icon img {
  margin-top: 6px;
  width: 13px;
  height: 13px;
}

.date_picker__selector {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding-left: 18px;
  padding-right: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 20px;
  color: #4fa3ec;
  border-radius: 6.9px;
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.15);
}

.todo_date_picker__selector {
  cursor: pointer;
  display: flex;
  gap: 15px;
  align-items: center;
  height: 50px;
  padding-left: 18px;
  padding-right: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 20px;
  color: #4fa3ec;
  border-radius: 6.9px;
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.15);
}
.todo_date_picker__selector img {
  margin-top: 12px;
}

.date_picker__selector_icon--small img {
  margin-top: 12px;
  color: #e0e0e0;
}

.date_picker__selector_icon--small img {
  color: #afafaf;
}

.date_picker__mini_cal, .todo_date_picker__mini_cal {
  position: absolute;
  margin-top: 5px;
  z-index: 100;
  background: white;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 6px;
}

.todo_date_picker__mini_cal {
  right: 0;
}

.study_plan__form_buttons {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 25px;
}
.study_plan__form_buttons--left {
  justify-content: flex-start;
  margin-left: 36px;
}
.study_plan__form_buttons.extra {
  margin-bottom: 70px;
}
@media (max-width: 879px) {
  .study_plan__form_buttons.extra {
    margin-bottom: 90px;
  }
}

.study_plan__form_button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 230px;
  height: 52px;
  font-size: 18px;
  font-weight: 400;
}

.study_plan__back_text {
  margin-left: 6px;
}

.study_plan_generator__container {
  max-width: 1360px;
  width: 100%;
  margin: 0 auto;
}

.study_plan_generator__form_item_selector--valid:before {
  position: absolute;
  font-size: 1.3em;
  margin-left: -30px;
  color: #6fdc95;
  content: url(/7c7b44aa9e9727f80a42dd3e54c3970d.svg);
}

.assignment_item__title {
  white-space: nowrap;
  margin-left: 3px;
}
.assignment_item__title.expanded {
  font-size: 16px;
}

.assignment_item__container:not(.assignment_item__container--mcat) {
  cursor: pointer;
}

.module_accordion__container {
  position: relative;
}

.assignment_bank__preloader {
  display: none;
}

.note_modal__invalid {
  margin-top: -10px;
  color: red;
  font-size: 12px;
  background-color: white;
}

.sp-modal-override__menu {
  width: 105% !important;
}

.sp-modal-override__control:hover {
  border-color: #afafaf !important;
}

.lmsdropdown--small .sp-modal-override__control {
  box-shadow: unset;
  color: black;
}

.sp-modal-override--is-disabled {
  opacity: 0.5 !important;
}

/* AssignmentEvent temporary styles Start */
.cal {
  width: 90vw;
  margin: 0 auto;
}

.cal-row {
  width: 100%;
  min-height: 12.8571428571vw;
  display: flex;
}

.cal-day-cell {
  flex: 1 1 0;
  border-top: 1px solid #f1f1f1;
  padding: 10px;
}

.assignment_item__container--highlighted {
  box-shadow: 0px 0px 12px #93c9ff;
  text-decoration: underline;
}

.assignment_event_triangle_white--left {
  position: absolute;
  left: -6px;
  width: 12px;
  height: 24px;
  border-left: 6px solid white;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-radius: 3px;
}

.assignment_event_triangle_color--right {
  position: absolute;
  right: -7px;
  width: 9px;
  height: 25px;
  border-top: 12px solid transparent;
  border-bottom: 13px solid transparent;
  border-radius: 4px;
  z-index: -1;
}

.assignment_event_triangle_note_image {
  position: absolute;
  right: -3px;
  z-index: 2;
}

/* AssignmentEvent temporary styles end */
/*
MEDIA QUERIES
*/
@media screen and (max-width: 1800px) {
  .study_plan__instructor-popover {
    right: calc((100vw - 1260px) / 2 + 360px);
  }
}
@media screen and (max-width: 1100px) {
  .study_plan__class-item {
    padding: 0 23px;
  }
  .study_plan__class-item .class-option--date-time {
    width: 40%;
    align-items: center;
  }
  .study_plan__class-item .class-option--date-time .class-option--day {
    font-size: 16px;
    width: 36%;
  }
  .study_plan__class-item .class-option--date-time .class-option--time {
    font-size: 16px;
    width: 68%;
  }
  .study_plan__class-item .class-option--date {
    font-size: 16px;
    width: 34%;
  }
  .study_plan__class-item .class-option--instructor {
    width: 26%;
  }
  .study_plan__class-item .class-option--instructor .instructor--name {
    font-size: 16px;
  }
  .study_plan__instructor-popover {
    right: calc((100vw - 1260px) / 2 + 375px);
  }
  .study_plan__lectures-popover {
    left: calc((100vw - 1260px) / 2 + 475px);
  }
}
@media screen and (max-width: 1025px) {
  .study_plan__instructor-popover {
    right: calc((100vw - 1260px) / 2 + 435px);
  }
  .study_plan__lectures-popover {
    left: calc((100vw - 1260px) / 2 + 550px);
  }
}
@media screen and (max-width: 768px) {
  .study_plan__class-container {
    padding: 21.5px 0;
  }
  .study_plan__class-list {
    overflow: visible;
    max-height: none;
    box-shadow: none;
  }
  .study_plan__class-item {
    flex-direction: column;
    padding: 18px;
    position: relative;
    margin-bottom: 18px;
    border: solid 1px #f6f6f6;
    border-radius: 5px;
    overflow: hidden;
    max-height: 235px;
    height: 235px;
    transition-property: max-height;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
  }
  .study_plan__class-item .class-option--instructor,
  .study_plan__class-item .class-option--date-time {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
  }
  .study_plan__class-item .class-option--date {
    width: 100%;
    margin-bottom: 15px;
  }
  .study_plan__class-item .class-option--time {
    margin-bottom: 30px;
  }
  .study_plan__class-item .class-option--instructor {
    align-items: center;
  }
  .study_plan__class-item .class-option--instructor .instructor--image {
    margin: 15px 0;
  }
  .study_plan__class-item .class-option--instructor .instructor--name:hover {
    text-decoration: none;
  }
  .study_plan__class-item .class-option--date-time:hover {
    text-decoration: none;
  }
  .study_plan__class-item .study_plan__lectures--mobile {
    display: block;
    position: static;
    max-width: 280px;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    background: none;
    margin: 7px auto;
  }
  .study_plan__class-item .study_plan__lectures--mobile .lecture-item {
    margin-bottom: 5px;
  }
  .study_plan__class-item .study_plan__lectures--mobile .days-until {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .study_plan__class-item .study_plan__lectures--mobile .time,
  .study_plan__class-item .study_plan__lectures--mobile .title,
  .study_plan__class-item .study_plan__lectures--mobile .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted,
  .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .study_plan__class-item .study_plan__lectures--mobile .title-highlighted,
  .study_plan__class-item .study_plan__lectures--mobile .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted,
  .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .study_plan__class-item .study_plan__lectures--mobile .title-highlighted,
  .study_plan__class-item .study_plan__lectures--mobile .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted,
  .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .study_plan__class-item .study_plan__lectures--mobile .title-highlighted,
  .study_plan__class-item .study_plan__lectures--mobile .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted,
  .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .study_plan__class-item .study_plan__lectures--mobile .title-highlighted,
  .study_plan__class-item .study_plan__lectures--mobile .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted,
  .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .study_plan__class-item .study_plan__lectures--mobile .title-highlighted {
    font-size: 12px;
  }
  .study_plan__class-item.expanded-class {
    max-height: 1200px;
    height: auto;
  }
  .study_plan__class-item .class-full {
    margin-bottom: 15px;
  }
  .study_plan__class-item.selected-style {
    height: 70px;
    max-height: 70px;
    margin-bottom: 0;
    padding: 14px;
  }
  .study_plan__class-item.selected-style .class-option--date-time {
    flex-direction: row;
  }
  .study_plan__class-item.selected-style .class-option--date-time .class-option--day {
    width: auto;
    margin-right: 10px;
    font-size: 14px;
  }
  .study_plan__class-item.selected-style .class-option--date-time .class-option--time {
    width: auto;
    font-size: 14px;
    margin-bottom: 0;
  }
  .study_plan__class-item.selected-style .class-option--date {
    width: 100%;
    text-align: left;
    margin-bottom: 0;
  }
  .study_plan__class-item.selected-style .instructor--name {
    display: none;
  }
  .study_plan__class-item.selected-style .instructor--image {
    margin: 0;
    position: absolute;
    width: 36px;
    height: 36px;
    right: 14px;
    bottom: 23.5%;
  }
  .study_plan__lectures-popover,
  .study_plan__instructor-popover {
    display: none;
  }
  .study_plan__class-asterisk-info {
    padding-left: 45px;
  }
}
@media screen and (min-width: 767px) {
  .study_plan__question_text {
    font-size: 27px;
  }
}
@media screen and (max-width: 767px) {
  .study_plan_generator__form_item_selector {
    margin-right: 30px;
  }
  .note_modal__container {
    margin-left: 10%;
  }
}
.class_is_full_tooltip {
  background: #ffffff;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
}

.syllabus_page {
  margin: 0px 25px;
}
.syllabus_page__header {
  display: flex;
  align-items: center;
  margin-top: 0px;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #f4f4f4;
  max-width: 1360px;
  position: fixed;
  z-index: 4;
  padding-top: 40px;
  left: 0;
  right: 0;
  background-color: #FFFFFF;
}
.syllabus_page__header_tab {
  color: unset;
}
.syllabus_page__header_tab:hover {
  opacity: 0.75;
  border-bottom: 1px solid #c9c9c9;
}
.syllabus_page__header_tab.active {
  border-bottom: 1px solid #2f2f2f;
}
.syllabus_page__header_tab.active .syllabus_page__header_tab_title {
  font-weight: normal;
}
.syllabus_page__header_tab_title {
  font-size: 28px;
  font-weight: 300;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
}
.syllabus_page__header .syllabus_page__today {
  font-size: 14px;
  color: #9094ac;
  margin-right: 40px;
  margin-bottom: 18px;
  margin-left: auto;
}

.syllabus__container {
  padding-top: 8rem;
  max-width: 1260px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

.lesson_card {
  width: 100%;
  margin-bottom: 45px;
  border-radius: 6px;
  box-shadow: 0px 7px 19px 0px rgba(68, 71, 77, 0.2);
  overflow: hidden;
  transition-property: max-height;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
  max-height: 2000px;
  display: grid;
  grid-template-columns: auto 386px;
  grid-template-rows: auto;
  grid-template-areas: "header lectures" "assignments lectures";
}
.lesson_card.card_collapsed {
  max-height: 180px;
}
.lesson_card__header {
  cursor: pointer;
  grid-area: header;
  border-top-left-radius: inherit;
  padding-top: 30px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 15px;
  line-height: normal;
  letter-spacing: normal;
  display: flex;
}
.lesson_card__header .lesson_card__controls_container {
  display: flex;
  flex: 0 0 138px;
}
.lesson_card__header .lesson_card__title_container {
  flex: 0 0 100px;
}
.lesson_card__header .lesson_card__title_container .lesson_card__title {
  font-weight: bold;
  letter-spacing: -0.4px;
  margin-bottom: 6px;
}
.lesson_card__header .lesson_card__title_container .lesson_card__status {
  font-weight: 600;
  color: #4c9ade;
  display: flex;
  align-items: center;
}
.lesson_card__header .lesson_card__title_container .lesson_card__status_icon {
  width: 15px;
}
.lesson_card__header .lesson_card__title_container .lesson_card__status_text {
  margin-left: 6px;
}
.lesson_card__header .lesson_card__opener {
  padding: 14px;
  line-height: 0;
  flex: 0 0 auto;
  align-self: flex-start;
}
.lesson_card__header .lesson_card__opener_icon {
  width: 10px;
  transition: transform 0.2s linear;
}
.lesson_card__header .lesson_card__opener_icon.card_collapsed {
  transform: rotate(-90deg);
}
.lesson_card__header .lesson_card__info_container {
  padding-top: 8px;
}
.lesson_card__header .lesson_card__info_container .lesson_card__description {
  font-weight: 300;
  margin-bottom: 10px;
}
.lesson_card__header .lesson_card__info_container .lesson_card__meta_tag_list {
  font-weight: 600;
  font-size: 13px;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.lesson_card__header .lesson_card__info_container .lesson_card__meta_tag_list_item {
  margin-right: 15px;
  margin-bottom: 1px;
  padding: 0;
}
.lesson_card__header .lesson_card__info_container .lesson_card__meta_tag_list_item::before {
  content: "•";
  margin-right: 6px;
}
.lesson_card__assignments {
  grid-area: assignments;
  border-bottom-left-radius: inherit;
}
.lesson_card__lectures {
  grid-area: lectures;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-left: 1px solid #f4f4f4;
}

@media screen and (max-width: 767px) {
  .syllabus_page {
    margin: 0px;
  }
  .syllabus_page__header {
    margin-bottom: 0px;
  }
  .syllabus_page__header_tab_title {
    font-size: 26px;
    padding-left: 35px;
    padding-right: 35px;
  }
  .lesson_card {
    margin-bottom: 0px;
    box-shadow: unset;
    border-radius: 0px;
    border-bottom: 1px solid #f4f4f4;
  }
}
@media screen and (max-width: 1023px) {
  .lesson_card {
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas: "header" "lectures" "assignments";
  }
  .lesson_card.card_collapsed {
    max-height: 230px;
  }
  .lesson_card__assignments {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
  }
  .lesson_card__lectures {
    border-radius: 0px;
    border-left: none;
  }
  .lesson_card__header {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    display: block;
  }
  .lesson_card__header .lesson_card__title_container {
    flex: 1 0 auto;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
  }
  .lesson_card__header .lesson_card__title_container .lesson_card__title {
    margin-bottom: 0px;
  }
}
.mini_calendar__container {
  width: 282px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  border-radius: 6px;
  padding: 7px;
}

.mini_calendar__header {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  margin: 11px 0 16px;
}

.mini_calendar__day_header {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  padding: 6px 0px;
  color: #a5a5a5;
  border-bottom: 1px solid #f4f4f4;
}

.mini_calendar__day_header_item {
  flex: 1 1 0;
  text-align: center;
}

.mini_calendar__day_container {
  display: flex;
  flex-wrap: wrap;
  border-radius: 6px;
}

.mini_calendar__day {
  flex: 1 1 0;
  text-align: center;
  font-size: 14px;
  color: #666;
  margin: 1px 0;
  font-weight: 400;
  min-width: 14.2857142857%;
  min-width: 14.2857142857%;
  padding: 9px 0;
}
.mini_calendar__day:hover {
  color: black;
}
.mini_calendar__day.disabled {
  color: #666;
  cursor: not-allowed;
}
.mini_calendar__day.disabled .mini_calendar__day_selected {
  cursor: not-allowed;
  color: #e0e0e0;
}
.mini_calendar__day.selected {
  background: #4fa3ec;
  border-radius: 20px;
  color: #fff;
}

.hidden {
  display: none;
}

.invisible {
  visibility: hidden;
}

.mini_calendar__header {
  display: flex;
}

.mini_calendar__header_tail,
.mini_calendar__header_navigator {
  flex: 1 1 0;
}

.mini_calendar__header_month {
  flex: 2 1 0;
}

.mini_calendar__header_nav_btn {
  background-color: #fcfcfc;
  margin-right: 4px;
  padding: 0 7px 1px;
  cursor: pointer;
}
.mini_calendar__header_nav_btn:hover {
  background-color: #f4f4f4;
}

.mini_calendar__container_presentational {
  margin-top: 45px;
  width: 172px;
}

.mini_calendar__day_selected {
  width: 70%;
  margin: 0 auto;
  cursor: pointer;
}

.date_picker__selector--small {
  height: 31px;
  width: 102px;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
  box-shadow: none;
  color: black;
  font-size: 14px;
  line-height: 30px;
  padding: 0 8px 2px;
}

.todo_date_picker__selector--small {
  height: 40px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #BCC5D0;
  background-color: white;
  box-shadow: none;
  color: black;
  font-size: 14px;
  line-height: 30px;
  padding: 0 8px 2px;
}

.date_picker__selector--small:hover {
  border: 1px solid #e0e0e0;
}

.timed__break--container {
  width: 100vw;
  height: 100vh;
  padding-top: 125px;
  background-color: #006daa;
}

.timed__break--dialog {
  width: 600px;
  height: 400px;
  background-color: #e1decc;
  margin: 0 auto;
  border: 3px solid black;
}

.timed__break--dialog-header {
  min-height: 31px;
  background-color: #006daa;
  color: white;
  line-height: 31px;
  padding-left: 10px;
}

.info_icon {
  display: block;
  background-image: linear-gradient(transparent, transparent), url(//d2to8dvdqb8lhi.cloudfront.net/app/assets/shared/aamc/break-1ae8deb38668ddc8918b4a90be49a2323139dbc011b561f592f7b4bbef440457.svg);
  width: 40px;
  height: 40px;
  margin-right: 20px;
  display: block;
  float: left;
  margin: 15px 0 0 15px;
}

.timed__break--dialog-body {
  display: inline-block;
  width: 515px;
  padding: 15px;
  font-size: 16px;
}
.timed__break--dialog-body p {
  margin-bottom: 1em;
  font-family: "Greek Letters", Verdana, Geneva, sans-serif;
}

.timed__break--dialog-buttons {
  display: flex;
  justify-content: center;
}

.timed__break--timer {
  width: 450px;
  height: 650px;
  margin: 0 auto;
  background-color: #e1decc;
  border: 3px solid black;
  font-family: Verdana;
}

.timed__break--timer-white {
  width: 410px;
  height: 300px;
  background-color: white;
  margin: 0 auto;
}

.timed__break--timer-body {
  padding: 15px;
}

.timed__break--timer-box {
  border: 1px solid black;
}

fieldset p {
  font-size: 15px;
  margin-bottom: 1em;
}

.timed__break--timer-button {
  border: 3px solid black;
  padding: 5px 30px;
  font-size: 12pt;
  cursor: default;
  text-align: center;
  background-color: #e1decc;
  margin: 10px 37%;
}

.timed__break--dialog-button {
  padding: 5px 20px;
  border: 3px solid black;
  font-size: 12pt;
  cursor: default;
  margin-right: 10px;
  background-color: #e1decc;
}

.radio__option--tooltip {
  visibility: hidden;
  position: absolute;
  z-index: 100;
  background-color: #2f2f2f;
  color: white;
  padding: 2px 5px;
}

.out_of_time__container {
  width: 500px;
  height: 200px;
  background-color: #e1decc;
  margin: 0 auto;
  border: 3px solid black;
}

.out_of_time_dialog__header {
  min-height: 31px;
  background-color: #006daa;
  padding: 0 20px;
  color: white;
  line-height: 31px;
}

.out_of_time_dialog__body {
  display: flex;
  flex-direction: column;
  height: 85%;
  justify-content: space-around;
}

.out_of_time_dialog__body_tail {
  flex: 2 1 0;
}

.out_of_time_dialog__text {
  flex: 3 1 0;
  line-height: 100%;
  padding: 0 20px;
}

.timed__break--timer-button {
  flex: 1 1 0;
}

.assignment_bank__container {
  position: absolute;
  left: -379px;
  width: 379px;
  height: 650px;
  border-radius: 4.7px;
  background-color: white;
  box-shadow: 0 5px 40px 7px rgba(0, 0, 0, 0.13);
  z-index: 4;
  transition-property: top, left;
  transition-duration: 0.2s;
  transition-timing-function: linear;
}

.assignment_bank_popover__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 28px;
  height: 91px;
}

.assignment_bank_popover__content {
  min-height: 502px;
  overflow-y: auto;
}
@media screen and (min-width: 1024px) {
  .assignment_bank_popover__content {
    max-height: 502px;
  }
}

.assignment_bank_popover__title {
  font-size: 24px;
  color: #2f2f2f;
  font-weight: 600;
}

.assignment_bank_popover__dismiss {
  cursor: pointer;
}

.assignment_bank_popover__search {
  display: flex;
  align-items: center;
  height: 57.4px;
  width: 100%;
  background-color: #fcfcfc;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  padding: 0 29.1px;
}

.assignment_bank_popover_search__icon {
  margin-right: 16.5px;
  flex: 0 0 auto;
}

.assignment_bank_popover_search__input {
  border: unset;
  font-size: 14px;
  font-family: "Source Sans Pro", sans-serif;
  background-color: rgba(0, 0, 0, 0);
  flex: 1 1 auto;
}

.module_accordion__header,
.module_accordion__header_module,
.module_accordion__header_module--content {
  height: 56.2px;
  line-height: 56.2px;
  font-size: 14px;
  color: #2f2f2f;
}

.sp-modal-override__dropdown-indicator,
.sp-modal-override__dropdown-indicator:hover {
  color: #2f2f2f;
}

.module_accordion__header {
  padding-left: 55px;
  border-bottom: 1px solid #f4f4f4;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.module_accordion__content {
  padding-left: 56.6px;
  padding-right: 24.5px;
  margin-top: 17px;
}

.module_accordion_header_button {
  height: 25px;
  width: 72px;
  font-size: 13px;
  min-width: unset;
  margin-right: 35px;
}

.module_accordion__header > span:before {
  left: 27px;
  max-width: 5px;
  min-width: 5px;
  min-height: 5px;
  position: absolute;
  top: 2px;
}

.module_accordion__header_module--exam:before {
  content: url(/42ddd2abd177f2f01316f7a43105aa48.svg);
  margin-right: 13px;
}

.module_accordion__header_module--content:before {
  content: url(/1e11b411a41f2bcae6e230826458cf67.svg);
}

.module_accordion__header_module--premium:before {
  content: url(/6160d12f243a76beac14b56c4a30f604.svg);
}

.module_accordion__header_module--reasoning:before {
  content: url(/7bcc9a15d21b3d058905c33569a7b342.svg);
}

.module_accordion__header_module--suppl-videos:before {
  content: url(/7e2a9c2b4e17ccf60599a09dc2faed2b.svg);
  left: 28px !important;
  top: 1px !important;
}

.module_accordion__header_module--suppl-pdfs:before {
  content: url(/69c2e25ac9711b9dc132abbbaed6dd72.svg);
  left: 28px !important;
  top: 2px !important;
}

.module_accordion__header_module--diagnostic:before {
  content: url(/e0075f3825fa1efffcca6b3b325b79bb.svg);
  left: 29px !important;
  top: 2px !important;
}

.module_accordion__header_module--aamc:before {
  content: url(/493a76bcf57115385d40e90b6a1e7690.svg);
  left: 32px !important;
  top: 2px !important;
}

.module_accordion__header_module--section-exam:before {
  content: url(/ad34f6875e7a9634c2012486d9a2999e.svg);
  top: 0 !important;
}

.module_accordion__header_module--qbank:before {
  content: url(/df7f7d3836f800aec17af6f27b087a6f.svg);
  top: 0 !important;
}

.module_accordion__header_module--sketchy:before {
  content: url(/9e312f1f1c2c405a592a9fcd84739450.svg);
  left: 26px !important;
}

.module_accordion__header_module--eoc:before {
  content: url(/cdaa65aa4bb08b0571942b7682168614.svg);
  left: 26px !important;
}

.module_accordion__header_module--todo:before {
  content: url(/c528ee52e80876fc32a3fec4d3996d24.svg);
  left: 26px !important;
  top: 4px !important;
}

.module_accordion__header_module--exam-inactive:before {
  content: url(/16a20bfea659659b41aeac77e28aca32.svg);
}

.module_accordion__header_module--content-inactive:before {
  content: url(/d4f920a5d07caa98289bef02f7bf3a35.svg);
}

.module_accordion__header_module--premium-inactive:before {
  content: url(/6160d12f243a76beac14b56c4a30f604.svg);
}

.module_accordion__header_module--reasoning-inactive:before {
  content: url(/b6e4e3e0068f449c1392f905c19f4fc3.svg);
}

.module_accordion__header_module--suppl-videos-inactive:before {
  content: url(/3d7a03918a48a6c482aaaccabea8c3c1.svg);
  left: 28px !important;
  top: 1px !important;
}

.module_accordion__header_module--suppl-pdfs-inactive:before {
  content: url(/d9d0d413fbee0c7c6f44e57d9f938b33.svg);
  left: 28px !important;
  top: 2px !important;
}

.module_accordion__header_module--diagnostic-inactive:before {
  content: url(/04901d221b52090cbeb5d0ec3eba3f17.svg);
  left: 29px !important;
  top: 2px !important;
}

.module_accordion__header_module--aamc-inactive:before {
  content: url(/7477eb2b9720aac6bce2ff00a0ba13ab.svg);
  left: 32px !important;
  top: 2px !important;
}

.module_accordion__header_module--section-exam-inactive:before {
  content: url(/e27a0c1049d0fbb5d235f21d2f2d8f11.svg);
  top: 0 !important;
}

.module_accordion__header_module--qbank-inactive:before {
  content: url(/938d9a95b503081d74a0b4aa92b74f9a.svg);
}

.module_accordion__header_module--sketchy-inactive:before {
  content: url(/2f757d24ef4cfa418f9ecfba0a76ac37.svg);
  left: 26px !important;
}

.module_accordion__header_module--eoc-inactive:before {
  content: url(/5356dbc0e189042463f3b8a846ff7cb5.svg);
  left: 26px !important;
}

.module_accordion__header_module--todo-inactive:before {
  content: url(/27aae96d12e728e7d2799e4e8bb2d20b.svg);
  left: 26px !important;
  top: 4px !important;
}

.module_accordion__content--hidden {
  display: none;
}

.assignment_item--learning-module-review:before {
  content: url(/b5361fb2d7574d802b62c514cd6cd944.svg) !important;
  position: absolute;
  left: 6px;
  top: 3px;
}

.assignment_item--reasoning:before {
  content: url(/7bcc9a15d21b3d058905c33569a7b342.svg);
  position: absolute;
  left: 6px;
  top: 3px;
}

.assignment_item--content:before {
  content: url(/1e11b411a41f2bcae6e230826458cf67.svg);
  position: absolute;
  left: 8px;
  top: 3px;
}

.assignment_item--premium:before {
  content: url(/cd95e52854dd9a808e51b42f12e4dec6.svg);
  position: absolute;
  left: 8px;
  top: 3px;
}

.assignment_item--section-exam:before {
  content: url(/ad34f6875e7a9634c2012486d9a2999e.svg);
  position: absolute;
  left: 6px;
}

.assignment_item--pdf:before {
  content: url(/69c2e25ac9711b9dc132abbbaed6dd72.svg);
  position: absolute;
  left: 8px;
  top: 1px;
}

.assignment_item--video:before {
  content: url(/7e2a9c2b4e17ccf60599a09dc2faed2b.svg);
  position: absolute;
  left: 8px;
  top: 0;
}

.assignment_item--aamc:before {
  content: url(/493a76bcf57115385d40e90b6a1e7690.svg);
  position: absolute;
  left: 11px;
  top: 3px;
}

.assignment_item--created-qbank:before {
  content: url(/df7f7d3836f800aec17af6f27b087a6f.svg);
  position: absolute;
  left: 8px;
  top: 2px;
}

.assignment_item--not-created-qbank:before {
  content: url(/938d9a95b503081d74a0b4aa92b74f9a.svg);
  position: absolute;
  left: 8px;
  top: 2px;
}

.assignment_item--eoc-physics {
  color: #fd9f69;
}
.assignment_item--eoc-physics:before {
  content: url(/be938f24deec7ca843154e79a477487d.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--eoc-ochem {
  color: #ff748a;
}
.assignment_item--eoc-ochem:before {
  content: url(/365edd193e8d24695e0dc797f8694f4e.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--eoc-genchem {
  color: #c667cf;
}
.assignment_item--eoc-genchem:before {
  content: url(/1900d620f159121e3269ca578c4441b6.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--eoc-biochem {
  color: #5bccc6;
}
.assignment_item--eoc-biochem:before {
  content: url(/95174c2d6df33161d9e85defc08e1dd0.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--eoc-psychsocio {
  color: #5f5ed7;
}
.assignment_item--eoc-psychsocio:before {
  content: url(/7deb4c3000a7636f1b6e6a886ea2a31f.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--eoc-biology {
  color: #4ec092;
}
.assignment_item--eoc-biology:before {
  content: url(/c65422c7efb3538970bc8e7351dc9195.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}

.assignment_item--externalvideo-strategy {
  color: #005db4;
}
.assignment_item--externalvideo-strategy:before {
  content: url(/9e312f1f1c2c405a592a9fcd84739450.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--externalvideo-physics {
  color: #ea3800;
}
.assignment_item--externalvideo-physics:before {
  content: url(/9e312f1f1c2c405a592a9fcd84739450.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--externalvideo-ochem {
  color: #e80038;
}
.assignment_item--externalvideo-ochem:before {
  content: url(/9e312f1f1c2c405a592a9fcd84739450.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--externalvideo-genchem {
  color: #8409a2;
}
.assignment_item--externalvideo-genchem:before {
  content: url(/9e312f1f1c2c405a592a9fcd84739450.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--externalvideo-biochem {
  color: #006472;
}
.assignment_item--externalvideo-biochem:before {
  content: url(/9e312f1f1c2c405a592a9fcd84739450.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--externalvideo-psychsocio {
  color: #6c3cd3;
}
.assignment_item--externalvideo-psychsocio:before {
  content: url(/9e312f1f1c2c405a592a9fcd84739450.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--externalvideo-biology {
  color: #055712;
}
.assignment_item--externalvideo-biology:before {
  content: url(/9e312f1f1c2c405a592a9fcd84739450.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}

.assignment_item--todo-red:before {
  content: url(/65fe47f557dd0c7d9ccf435e979cf9b5.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--todo-orange:before {
  content: url(/39834e7245c73bd57a6ec6f9f5b308ca.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--todo-yellow:before {
  content: url(/30282ef9b50b3de0d69fbbe6c0656d47.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--todo-green:before {
  content: url(/72bbdb0de898ac5df9cf1b4c1719575c.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--todo-blue:before {
  content: url(/544220091d9359a2914001b212a92a23.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--todo-purple:before {
  content: url(/54a9b98543a612dd7d1977d2d7390c61.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}
.assignment_item--todo-black:before {
  content: url(/80daa2034be4c8fdcbf317fc944c197b.svg);
  position: absolute;
  left: 6px;
  top: 2px;
}

.assignment_item--pdf,
.assignment_item--video {
  color: #6a7684;
}

.assignment_item__container {
  position: relative;
  display: flex;
  align-items: center;
  height: 25px;
  line-height: 25px;
  border-radius: 6px;
  margin: 0 auto 3px;
  width: 99%;
  max-width: 600px;
  z-index: 0;
}
.assignment_item__container.expanded {
  height: 30px;
}

.module_accordion__content_category_title {
  cursor: pointer;
  margin-bottom: 15px;
  font-size: 14px;
}
.module_accordion__content_category_title--biology {
  color: #0eb371;
}
.module_accordion__content_category_title--biochem {
  color: #30c2bb;
}
.module_accordion__content_category_title--chem {
  color: #bc3dc8;
}
.module_accordion__content_category_title--ochem {
  color: #ff5974;
}
.module_accordion__content_category_title--physics {
  color: #fd8139;
}
.module_accordion__content_category_title--psych {
  color: #5f5ed7;
}
.module_accordion__content_category_title--strategy {
  color: #437bae;
}
.module_accordion__content_category_title--soc {
  color: #82b7e9;
}
.module_accordion__content_category_title--bio-chem {
  color: #009a5a;
}
.module_accordion__content_category_title--chemphys {
  color: #ff5974;
}
.module_accordion__content_category_title--psychsoc {
  color: #5f5ed7;
}
.module_accordion__content_category_title--cars {
  color: #6b7191;
}
.module_accordion__content_category_title--red:before {
  content: url(/65fe47f557dd0c7d9ccf435e979cf9b5.svg);
  position: absolute;
  left: 45px;
}
.module_accordion__content_category_title--orange:before {
  content: url(/39834e7245c73bd57a6ec6f9f5b308ca.svg);
  position: absolute;
  left: 45px;
}
.module_accordion__content_category_title--yellow:before {
  content: url(/30282ef9b50b3de0d69fbbe6c0656d47.svg);
  position: absolute;
  left: 45px;
}
.module_accordion__content_category_title--green:before {
  content: url(/72bbdb0de898ac5df9cf1b4c1719575c.svg);
  position: absolute;
  left: 45px;
}
.module_accordion__content_category_title--blue:before {
  content: url(/544220091d9359a2914001b212a92a23.svg);
  position: absolute;
  left: 45px;
}
.module_accordion__content_category_title--purple:before {
  content: url(/54a9b98543a612dd7d1977d2d7390c61.svg);
  position: absolute;
  left: 45px;
}
.module_accordion__content_category_title--black:before {
  content: url(/80daa2034be4c8fdcbf317fc944c197b.svg);
  position: absolute;
  left: 45px;
}

.module_accordion__content_category_list--collapsed {
  display: none;
}

.assignment-bank-item-wrapper {
  display: flex;
  align-items: center;
}

.assignment_item__add_button {
  position: relative;
  left: -36px;
  margin-right: -22.2px;
  cursor: pointer;
  width: 19px;
  height: 19px;
  bottom: 2px;
}

.module_accordion__content_category_list:last-child {
  margin-bottom: 26px;
}

.assignment_bank__container .assignment_item {
  line-height: 23px;
}

.assignment_bank__container .assignment_item {
  height: initial;
}
.assignment_bank__container .assignment_item--reasoning:before {
  left: 7px;
}
.assignment_bank__container .assignment_item--section-exam:before {
  left: 8px;
  top: -1px;
}
.assignment_bank__container .assignment_item--video:before {
  left: 10px;
  top: 0px;
}
.assignment_bank__container .assignment_item--aamc:before {
  left: 14px;
  top: 3px;
}

.assignment_item {
  display: inline-block;
  line-height: 25px;
  font-size: 15px;
  overflow: hidden;
  padding-left: 25px;
  padding-right: 2px;
  position: relative;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

.assignment_item__container--session {
  min-height: 60px;
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  background: #fff !important;
  border: none;
  border-radius: 6px;
  padding-bottom: 7.5px;
  height: unset;
  width: unset;
  align-items: unset;
  cursor: pointer;
}
.assignment_item__container--session .icon-line {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-grow: 0;
}
.assignment_item__container--session .icon-line .icon {
  align-items: flex-start;
  margin-right: 7.5px;
  height: 12px;
  margin-top: 4px;
}
.assignment_item__container--session .icon-line .line {
  border-left: 1px solid #ff738a;
  height: 100%;
  margin-left: 9.625px;
}
.assignment_item__container--session .title, .assignment_item__container--session .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .assignment_item__container--session .title-highlighted, .assignment_item__container--session .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .assignment_item__container--session .title-highlighted, .assignment_item__container--session .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .assignment_item__container--session .title-highlighted, .assignment_item__container--session .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .assignment_item__container--session .title-highlighted, .assignment_item__container--session .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .assignment_item__container--session .title-highlighted,
.assignment_item__container--session .time {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #312f2f;
}
.assignment_item__container--session .time {
  font-weight: normal;
}
.assignment_item__container--session .title--oh {
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.09;
  letter-spacing: normal;
  color: #8d8d8d;
  margin: 3.5px 0 2.5px;
}
.assignment_item__container--session .assignment_item--session {
  flex-grow: 1;
  overflow: hidden;
}
.assignment_item__container--session .assignment_item--session.expanded .title, .assignment_item__container--session .assignment_item--session.expanded .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .assignment_item__container--session .assignment_item--session.expanded .title-highlighted, .assignment_item__container--session .assignment_item--session.expanded .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .assignment_item__container--session .assignment_item--session.expanded .title-highlighted, .assignment_item__container--session .assignment_item--session.expanded .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .assignment_item__container--session .assignment_item--session.expanded .title-highlighted, .assignment_item__container--session .assignment_item--session.expanded .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .assignment_item__container--session .assignment_item--session.expanded .title-highlighted, .assignment_item__container--session .assignment_item--session.expanded .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .assignment_item__container--session .assignment_item--session.expanded .title-highlighted {
  font-size: 18px;
}
.assignment_item__container--session .assignment_item--session.expanded .time {
  font-size: 17px;
}
.assignment_item__container--session .assignment_item--session.expanded .title--oh {
  font-size: 14px;
}
.assignment_item__container--session .indicator_container {
  height: 25px;
  margin-top: 5px;
  margin-right: 1px;
  border-radius: 6px;
  background: white;
  border: 1px solid #e5e5e5;
  padding-left: 5px;
  font-size: 11px;
  overflow: hidden;
  white-space: nowrap;
}
.assignment_item__container--session .indicator_container .checkmark {
  height: 11px;
  width: 11px;
  margin-right: 5px;
}
.assignment_item__container--session .indicator_container .progress {
  color: #3794fc;
  font-weight: 700;
}
.assignment_item__container--session .indicator_container.completed {
  color: #5ed287;
  border: 1px solid #5ed287;
  display: flex;
  align-items: center;
}

.assignment_item__container--meeting {
  min-height: 60px;
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  background: #fff !important;
  border: none;
  border-radius: 6px;
  padding-bottom: 7.5px;
  height: unset;
  width: unset;
  align-items: unset;
  cursor: pointer;
}
.assignment_item__container--meeting .left {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-grow: 0;
}
.assignment_item__container--meeting .left .instr-circle {
  width: 32.41px;
  height: 32.41px;
  border-radius: 50%;
  border: 2px solid #b3b3b3;
}
.assignment_item__container--meeting .left .line {
  border-left: 1.11803px solid #4fa3ec;
  height: 20px;
  margin-left: 16.625px;
  margin-top: 5.2px;
}
.assignment_item__container--meeting .studyplan_item--meeting {
  flex-grow: 1;
  overflow: hidden;
  margin-left: 9.19px;
}
.assignment_item__container--meeting .title, .assignment_item__container--meeting .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .assignment_item__container--meeting .title-highlighted, .assignment_item__container--meeting .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .assignment_item__container--meeting .title-highlighted, .assignment_item__container--meeting .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .assignment_item__container--meeting .title-highlighted, .assignment_item__container--meeting .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .assignment_item__container--meeting .title-highlighted, .assignment_item__container--meeting .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .assignment_item__container--meeting .title-highlighted {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1725px;
  color: #000000;
}
.assignment_item__container--meeting .instr-name {
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  color: #8d8d8d;
}
.assignment_item__container--meeting .time {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}

.assignment_item__container--exam {
  min-height: 81.1px;
  border-radius: 6px;
  background: #ffea80;
}
.assignment_item__container--exam.assignment_item__container--exam-review {
  background: #fdf3c3;
}
.assignment_item__container--exam.expanded {
  min-height: 95px;
}

.assignment_item__container--content,
.assignment_item__container--reasoning,
.assignment_item__container--premium {
  color: white;
}

.assignment_item__container--premium {
  background: linear-gradient(90.13deg, #19A1CC -2.46%, #6765D4 100.58%);
}

.assignment_item__container--reasoning {
  background: #63bfec;
}

.assignment_item__container--section-chem {
  border: 1px solid #ff5974;
}

.assignment_item__container--section-cars {
  border: 1px solid #6b7191;
}

.assignment_item__container--section-bio {
  border: 1px solid #009a5a;
}

.assignment_item__container--section-psych {
  border: 1px solid #5f5ed7;
}

.assignment_item__container--aamc-content {
  border: solid 1px #135fc2;
  color: #135fc2;
}

.assignment_item__container--created-qbank {
  border: solid 1px #282828;
  color: #282828;
}

.assignment_item__container--not-created-qbank {
  border: solid 1px #7f90aa;
  color: #282828;
}

.assignment_item__container--eoc-physics {
  border: 1px solid #fd9f69 !important;
}
.assignment_item__container--eoc-ochem {
  border: 1px solid #ff748a !important;
}
.assignment_item__container--eoc-genchem {
  border: 1px solid #c667cf !important;
}
.assignment_item__container--eoc-biochem {
  border: 1px solid #5bccc6 !important;
}
.assignment_item__container--eoc-psychsocio {
  border: 1px solid #5f5ed7 !important;
}
.assignment_item__container--eoc-biology {
  border: 1px solid #4ec092 !important;
}

.assignment_item__container--externalvideo-strategy {
  background-color: #e8f7ff !important;
  border-color: #e8f7ff !important;
}
.assignment_item__container--externalvideo-physics {
  background-color: #ffe6cf !important;
  border-color: #ffe6cf !important;
}
.assignment_item__container--externalvideo-ochem {
  background-color: #ffe8ea !important;
  border-color: #ffe8ea !important;
}
.assignment_item__container--externalvideo-genchem {
  background-color: #fcdfff !important;
  border-color: #fcdfff !important;
}
.assignment_item__container--externalvideo-biochem {
  background-color: #ccfffd !important;
  border-color: #ccfffd !important;
}
.assignment_item__container--externalvideo-psychsocio {
  background-color: #e5e4ff !important;
  border-color: #e5e4ff !important;
}
.assignment_item__container--externalvideo-biology {
  background-color: #c2fce4 !important;
  border-color: #c2fce4 !important;
}

.assignment_item__container--custom {
  border: 1px solid #4fa3ec;
}

.assignment_item--exam,
.assignment_item--exam-review {
  width: 100%;
  text-align: center;
  line-height: 80px;
  line-height: normal;
}
.assignment_item--exam .assignment_item__title,
.assignment_item--exam-review .assignment_item__title {
  white-space: normal;
}

.assignment_item--diagnostic {
  margin: 0 auto;
}

.assignment_item--exam,
.assignment_item--exam-review,
.assignment_item--diagnostic,
.assignment_item--mcat_exam {
  padding: 0;
}

.assignment_item--externalvideo {
  filter: brightness(40%);
}

.assignment_item__container--supplemental {
  background-color: #e7e7e7 !important;
}

.assignment_item__container--diagnostic {
  min-height: 53px;
  max-height: 53px;
  background-color: #ffea80;
  color: black;
}
.assignment_item__container--diagnostic.assignment_item__container--diagnostic-review {
  background-color: #fdf3c3;
}
.assignment_item__container--diagnostic.expanded {
  min-height: 70px;
  max-height: 70px;
}

.assignment_bank_popover__content--search {
  padding-left: 56.6px;
  padding-right: 24.5px;
  padding-top: 17px;
}

.assignment_bank_popover__title {
  cursor: pointer;
}

.assignment_bank_popover__content--search-none {
  width: 150px;
  margin: 0 auto;
}

.assignment_item__container--disabled {
  opacity: 0.35 !important;
  text-decoration: line-through;
}

.assignment_item__container--not-authorized {
  opacity: 0.35 !important;
}

.module_accordion__header_module--disabled,
.module_accordion__content_category_title--disabled {
  opacity: 0.5;
}

.tooltip__container {
  position: absolute;
  display: block;
  background-color: #2f2f2f;
  color: white;
  padding: 0 10px;
  border-radius: 3px;
  left: -100vw;
  z-index: 1000;
  pointer-events: none;
}
.tooltip__container.study-planner {
  font-size: 15px;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.assignment_item--office-hour {
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  display: flex;
  width: 100%;
}
.assignment_item--office-hour .assignment_item__title {
  max-width: calc(100% - 86px);
}
@media (max-width: 768px) {
  .assignment_item--office-hour .assignment_item__title {
    max-width: unset;
  }
}

.assignment_event_spacer {
  width: 6px;
  min-width: 6px;
  background: #fff;
}

.assignment_event_oh_time {
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  background: #fff;
}

.assignment_item--mcat_exam {
  font-size: 21px;
  padding-top: 55px;
  font-weight: 600;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .assignment_item--mcat_exam {
    padding-top: 14px;
  }
}

.assignment_event_triangle_note_image--hidden {
  visibility: none;
}

.assignment_item__container--note::before {
  content: url(/91c1f98a1edf016796b9884694df7437.svg);
  position: absolute;
  z-index: 1;
  right: -12px;
  top: 0px;
}

@media screen and (max-width: 1024px) {
  .assignment_bank__container {
    position: fixed;
    width: 100vw;
    height: 100vh;
    box-shadow: unset;
    border-radius: unset;
    left: 0;
    top: 170px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 4;
  }
}
@media screen and (max-width: 1024px) and (max-width: 767px) {
  .assignment_bank__container {
    top: 218px;
  }
}
@media screen and (max-width: 1024px) {
  .assignment_bank_popover__title {
    font-size: 14px;
    color: #6a7684;
  }
}
@media screen and (max-width: 1024px) {
  .assignment_bank_popover__header {
    height: 42px;
  }
}
@media screen and (max-width: 1024px) {
  @keyframes slideout {
    from {
      top: 0;
      left: 0;
    }
    to {
      left: -100vw;
    }
  }
}
@media screen and (max-width: 1024px) {
  @keyframes slidein {
    from {
      top: 0;
      left: -100vw;
    }
    to {
      left: 0;
    }
  }
}
@media screen and (max-width: 1024px) {
  .assignment_bank__container {
    animation-duration: 0.5s;
    animation-name: slidein;
  }
}
@media screen and (max-width: 1024px) {
  .assignment_bank__container--slideout {
    animation-duration: 0.5s;
    animation-name: slideout;
  }
}
.studyplanner__weekdays {
  display: none;
}

.studyplanner__day {
  display: flex;
  padding: 13px 10px 11px 7px;
  margin-bottom: 0px;
  cursor: default;
}
.studyplanner__day.current {
  border-color: #d6eaff;
  background: #f5fbff;
}
.studyplanner__day .is-dragging-over .studyplanner__day_add_button_container {
  opacity: 0 !important;
}

.studyplanner__day:not(.studyplanner__day--not-in-month) {
  cursor: default;
}

.studyplanner__weekday,
.studyplanner__day {
  flex: 1;
}

.studyplanner__events {
  flex: 1;
  border: dashed 1px lightgray;
  height: 85%;
}

.studyplanner__month_container {
  margin-bottom: 20px;
}

.studyplanner__month_container h2 {
  text-align: center;
  color: #555;
  font-size: 22px;
  margin-bottom: 8px;
}

.studyplanner__weekdays {
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #a5a9aa;
}
.studyplanner__weekdays.compact {
  font-size: 10.5px;
}
.studyplanner__weekdays.expanded {
  font-size: 11px;
}

.studyplanner__daylabels {
  line-height: 2;
  text-align: center;
  margin-right: 10px;
  width: 100%;
  max-width: 100%;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .studyplanner__daylabels {
    width: unset;
  }
}
@media screen and (max-width: 767px) {
  .studyplanner__daylabels {
    flex-direction: column;
  }
}

.studyplanner__dayname {
  display: block;
  text-transform: uppercase;
  font-size: 9px;
  color: #555;
}

.studyplanner__daynumber {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  font-size: 16px;
  color: #666;
  border-radius: 50%;
}

.studyplanner__flashcard_container {
  padding-left: 0.25rem;
}

.studyplanner__duration {
  display: none;
}
.studyplanner__duration.focused {
  display: block;
  color: #000000;
  position: absolute;
  right: 15px;
  top: 0;
  line-height: 30px;
  font-weight: 600;
}

.studyplanner__flashcards {
  align-self: start;
  max-height: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.studyplanner__flashcards.expanded img {
  width: 30px;
}

.studyplanner__day--not-in-month {
  display: none;
}

.studyplanner__day--today .studyplanner__daynumber {
  color: white;
  background-color: #4fa3ec;
}
.studyplanner__day--today.expanded img {
  width: 30px;
}

.studyplanner__day--disable-events {
  pointer-events: none;
}

.studyplanner__day--blackout:not(.studyplanner__day--not-in-month) {
  background-color: rgba(238, 240, 242, 0.6);
}
.studyplanner__day--blackout:not(.studyplanner__day--not-in-month).studyplanner__day--step2 {
  background-color: #eef0f2;
}
.studyplanner__day--blackout:not(.studyplanner__day--not-in-month) .studyplanner__daynumber {
  text-decoration: line-through;
}

.studyplanner__daynumber {
  display: flex;
  justify-content: flex-start;
}

.studyplanner__day_note {
  color: #312f2f;
  font-weight: 300;
  line-height: 23px;
  font-size: 14px;
  letter-spacing: 0.18px;
  cursor: pointer;
  max-width: 90%;
  margin-left: 5px;
  margin-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: auto;
  margin-bottom: auto;
}

.studyplanner__daynumber_container {
  margin: 0 auto;
}

.studyplanner__day_add_button {
  width: 100%;
  height: 27px;
  border-radius: 6px;
  border: 1px solid #ebebeb;
  background-color: #fcfcfc;
  text-align: center;
  line-height: 23px;
  cursor: pointer;
}
.studyplanner__day_add_button:hover {
  background-color: #f4f4f4;
}

.studyplanner__day_add_button_container {
  margin: -1px auto 2px;
  width: 95%;
  opacity: 0;
  transition: 0.75s;
  cursor: pointer;
}

.note_modal__container {
  position: absolute;
  display: flex;
  width: 270px;
  height: 120px;
  margin: 4px 0 0 1px;
  z-index: 3;
  align-items: flex-start;
}

.note_modal__input {
  width: 180px;
  height: 130px;
  background-color: #fdfdfd;
  border-radius: 3px;
  resize: none;
  border: 1px solid #ebebeb;
  color: #2f2f2f;
  font-family: "Source Sans Pro";
  box-shadow: 3px 6px 17px #e7e7e7;
  margin-right: 1px;
  font-size: 14px;
  padding: 5px 9px;
}

.note_modal__container img {
  margin: -2px 0 0 -1px;
}

.note_modal_button {
  filter: brightness(100%) contrast(125%) invert(0%) drop-shadow(1px 1px 2px #c9c9c9);
  cursor: pointer;
}

img.note_modal_button {
  border: 3px solid transparent;
  background: transparent;
  border-radius: 0 3px 2px 0;
  width: 38px;
}
img.note_modal_button:nth-child(3) {
  margin: 34px 0 0 -38px;
  border: 2px solid transparent;
}

.note_modal_button:hover {
  filter: brightness(102%) contrast(110%) invert(0%) drop-shadow(1px 1px 2px #c9c9c9);
}

@media screen and (max-width: 1024px) {
  .studyplanner__day_add_button_container {
    opacity: 1;
  }
}
.studyplanner__day:hover:not(.studyplanner__day--not-in-month).studyplanner__day-step2 {
  cursor: pointer;
  border: solid #4fa3ec 1px;
  border-radius: 2px;
}

@media screen and (min-width: 767px) {
  .studyplanner__day_note_image {
    opacity: 0;
    cursor: pointer;
    margin-top: 0px;
    margin-left: 2px;
    transition: opacity 0.85s;
  }
  .studyplanner__weekdays {
    display: flex;
    justify-content: center;
    height: 42px;
  }
  .studyplanner__weekday {
    display: flex;
    align-items: center;
  }
  .studyplanner__weekday.step-two {
    cursor: pointer;
  }
  .studyplanner__week {
    display: flex;
    border-top: 1px solid lightgray;
    min-height: 160px;
  }
  .studyplanner__week.expanded {
    padding-bottom: 25px;
  }
  .studyplanner__day {
    display: block;
    margin-bottom: 0;
    min-width: 0;
    border: solid transparent 1px;
    padding: 1px;
  }
  .studyplanner__day.expanded {
    padding-top: 20px;
  }
  .studyplanner__day:hover:not(.studyplanner__day--not-in-month) .studyplanner__day_add_button_container {
    opacity: 1;
  }
  .studyplanner__day:hover:not(.studyplanner__day--not-in-month).studyplanner__day--step2 {
    cursor: pointer;
    border: solid #4fa3ec 1px;
    border-radius: 2px;
  }
  .studyplanner__day:hover:not(.studyplanner__day--not-in-month) .studyplanner__day_note_image {
    opacity: 1;
  }
  .studyplanner__metadata {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
  }
  .studyplanner__daylabels {
    display: inline-flex;
    margin-bottom: 5px;
    display: flex;
  }
  .studyplanner__dayname {
    display: none;
  }
  .studyplanner__daynumber {
    height: 20px;
    width: 20px;
  }
  .studyplanner__daynumber.compact {
    font-size: 13px;
  }
  .studyplanner__daynumber.expanded {
    font-size: 17px;
  }
  .studyplanner__duration {
    font-size: 13px;
    color: #d6d6d6;
    font-weight: 600;
    display: block;
    transition: color 0.5s;
  }
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
  .studyplanner__duration {
    font-size: 9px;
  }
}
@media screen and (min-width: 767px) {
  .studyplanner__duration.focused {
    position: relative;
    right: 0;
    line-height: 2;
    color: #d6d6d6;
  }
}
@media screen and (min-width: 767px) {
  .studyplanner__duration.hovered {
    transition: color 1s;
    color: black;
  }
}
@media screen and (min-width: 767px) {
  .studyplanner__day--mcat.studyplanner__mcat_reset {
    cursor: pointer !important;
  }
  .studyplanner__day--mcat.studyplanner__mcat_reset:hover {
    background: #f9faff;
  }
  .studyplanner__day--mcat.studyplanner__mcat_reset:hover .assignment_item--reschedule {
    display: block !important;
  }
  .studyplanner__day--mcat.studyplanner__mcat_reset .assignment_item__container--mcat {
    display: flex;
    flex-direction: column;
  }
  .studyplanner__day--mcat.studyplanner__mcat_reset .assignment_item__container--mcat .assignment_item--mcat_exam {
    padding-top: 35px;
  }
  .studyplanner__day--mcat.studyplanner__mcat_reset .assignment_item__container--mcat .assignment_item--reschedule {
    display: none;
    margin-top: 30px;
    text-decoration: underline;
    color: #6a7684;
    font-size: 10px;
  }
  .studyplanner__day--mcat .studyplanner__daynumber {
    background: #222;
    color: white;
  }
}
@media screen and (min-width: 767px) {
  .studyplanner__events {
    border: none;
    position: relative;
  }
}
@media screen and (min-width: 767px) {
  .studyplanner__day_note {
    position: absolute;
    top: -18px;
    left: 18px;
    line-height: 15px;
  }
}
@media screen and (max-width: 767px) {
  .studyplanner__events {
    overflow: hidden;
  }
  .studyplanner__events.has-events {
    border: none;
  }
  .studyplanner__day.focused {
    box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.25);
    border-radius: 5px;
    margin: 4px 0 7px;
    position: relative;
    padding-top: 35px;
    padding-bottom: 30px;
  }
  .studyplanner__day.focused .studyplanner__day_note,
  .studyplanner__day.focused .studyplanner__day_add_button_container {
    display: inherit;
  }
  .studyplanner__day.focused .studyplanner__day_note {
    margin: 10px;
    font-size: 13px;
  }
  .studyplanner__day.focused .studyplanner__events {
    padding-bottom: 5px;
    border-color: #f4f4f4;
  }
  .studyplanner__day .studyplanner__day_note_image,
  .studyplanner__day .studyplanner__day_add_button_container {
    display: none;
  }
  .studyplanner__day--blackout .studyplanner__events {
    border: none;
  }
  .assignment_item__container--mcat {
    display: flex;
    flex-direction: column;
    height: 70px;
  }
  .assignment_item__container--mcat .assignment_item--reschedule {
    text-decoration: underline;
    color: #6a7684;
    font-size: 10px;
  }
}
.assignment_modal__container {
  position: absolute;
  background-color: #F9FCFF;
  z-index: 100;
  width: 400px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08), 0px 4px 32px rgba(13, 27, 43, 0.16);
  border-radius: 12px;
  padding: 30px;
  transition-property: top, left;
  transition-duration: 0.2s;
  transition-timing-function: linear;
}
.assignment_modal__container--link {
  width: 550px;
}

.assignment_modal__header {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.assignment_modal__title {
  font-size: 24px;
  font-weight: 600;
  flex: 14;
}

.assignment_modal__close_prompt {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex: 1;
  font-size: 24px;
  cursor: pointer;
}

.assignment_modal__aamc_instructions {
  font-size: 14px;
  margin: 9px 0;
  border-top: 1px solid #ecedf0;
}

.date_picker__selector_text--small {
  font-size: 14px;
}

.todo_date_picker__selector_text--small {
  font-size: 15px;
}

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

.assignment_modal__section {
  padding: 10px 0;
}

.assignment_modal__tags {
  border-bottom: 1px solid #ecedf0;
}

.assignment_modal__note {
  width: 100%;
  max-height: 40px;
  background-color: #fafafa;
  resize: none;
  border-radius: 3px;
  resize: none;
  border: 1px solid #ebebeb;
  color: #2f2f2f;
  font-family: "Source Sans Pro";
  margin-right: 1px;
  font-size: 14px;
  padding: 8px 9px;
}

.assignment_modal__form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.assignment_modal__form_duration {
  display: flex;
  align-items: center;
}
.assignment_modal__form_duration_icon {
  height: 18px;
  width: 18px;
}
.assignment_modal__form_duration_text {
  margin-left: 9px;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
}

.assignment_modal__tag {
  color: white;
  background: #999;
  font-size: 13px;
  display: inline-block;
  font-weight: 600;
  margin: 0 4px 0 0;
  padding: 1px 7px;
  border-radius: 3px;
  max-width: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.assignment_modal__date_modifiers {
  display: flex;
  justify-content: space-between;
}

.assignment_modal__scheduled_header {
  font-size: 12px;
  color: #a5a9aa;
}

.assignment_modal__recycling_bin {
  align-self: flex-end;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 43px;
  height: 30px;
  border-radius: 3.8px;
  border: solid 0.6px #f38d8d;
  cursor: pointer;
}

.todo_delete {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid #BCC5D0;
  cursor: pointer;
  background-color: white;
}

.assignment_modal__read_more {
  color: #4fa3ec;
  cursor: pointer;
}

.assignment_modal__linked_content_header {
  font-size: 14px;
  color: #555;
}

.assignment_modal__linked_assignment {
  margin-left: 23px;
  cursor: pointer;
}

.tooltip__content.assignment_modal__linked_assignment_tooltip {
  z-index: 110;
}

.assignment_modal__linked_assignments {
  position: relative;
  color: #4fa3ec;
}

.assignment_modal__linked_assignment--current {
  color: #2f2f2f !important;
}

.assignment_modal__out_of_bounds {
  font-size: 12px;
  margin-bottom: 10px;
  display: block;
  color: red;
}

.assignment_modal__linked_assignment--completed {
  text-decoration: line-through;
}

.assignment_modal__linked_assignment--inc-prereq::before {
  content: url(/ee3a125c6e0057933e1718034d4b62fa.svg);
  position: absolute;
  left: 0;
  pointer-events: none;
}

.assignment_modal__linked_assignment--current::before {
  content: url(/bacc9e76aaf3b2dc65085af0c2a90ae4.svg);
  position: absolute;
  left: 2px;
}

.assignment_modal__cta_button {
  font-size: 17px;
  margin-top: 38px;
}

.assignment_modal__recycling_bin:hover {
  background-color: #f38d8d;
}

.assignment_modal__recycling_bin_image:hover {
  color: white;
}

.assignment_modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}

.assignment_modal__remove_modal {
  border-radius: 3px;
  padding: 25px;
  width: 90%;
  box-shadow: 0 5px 21px 1px rgba(0, 0, 0, 0.2);
  background-color: white;
  display: flex;
  flex-direction: column;
  background-color: white;
}

.assignment_modal__modal_header {
  margin-bottom: 25px;
}

.assignment_modal__modal_body {
  margin-bottom: 25px;
}

.assignment_modal__modal_cta {
  display: flex;
  justify-content: space-around;
}

.assignment_modal__note_section--invalid {
  color: red;
  font-size: 14px;
}

.assignment_modal__external_description {
  margin: 12px auto 16px;
  padding-top: 12px;
  border-top: 1px solid #edeef0;
  width: 300px;
  height: 55px;
  font-size: 14px;
}

.assignment_modal__external_link_icon {
  height: 18px;
  width: 18px;
  margin: 2px 18px 0px 0px;
}

.assignment_modal__out_of_questions {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.36;
  letter-spacing: normal;
}
.assignment_modal__out_of_questions p:first-of-type {
  margin-bottom: 20px;
}
.assignment_modal__out_of_questions p a {
  cursor: pointer;
  text-decoration: underline;
}
.assignment_modal__out_of_questions_remove {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.assignment_modal__out_of_questions_remove .assignment_modal__recycling_bin {
  align-self: unset;
  flex: 0 0 auto;
}

@media screen and (max-width: 480px) {
  .assignment_modal__container {
    --horiz-buffer: 12px;
    --vert-buffer: 12px;
    position: fixed;
    top: var(--vert-buffer);
    left: var(--horiz-buffer);
    width: calc(100vw - 2 * var(--horiz-buffer));
    height: calc(100vh - 2 * var(--vert-buffer));
    overflow-x: hidden;
    overflow-y: auto;
    animation-duration: 0.5s;
    animation-name: slidein;
  }
  .assignment_modal__container--slideout {
    animation-duration: 0.5s;
    animation-name: slideout;
  }
  @keyframes slideout {
    from {
      top: var(--vert-buffer);
      left: var(--horiz-buffer);
    }
    to {
      left: -100vw;
    }
  }
  @keyframes slidein {
    from {
      top: var(--vert-buffer);
      left: -100vw;
    }
    to {
      left: var(--horiz-buffer);
    }
  }
}
.dialog__portal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 100;
}

.dialog__container {
  position: relative;
  background-color: white;
  padding: 26px;
  border-radius: 3px;
  box-shadow: 0 5px 21px 1px rgba(0, 0, 0, 0.2);
  margin: 0 15px;
}

.dialog__header {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  margin-bottom: 12px;
}

.dialog__title {
  font-weight: 600;
}

.dialog__body {
  margin-bottom: 10px;
}

.dialog__close_btn {
  line-height: 1;
  color: #a5a9aa;
  font-size: 26px;
  cursor: pointer;
}

.office_hours_modal__container {
  position: absolute;
  width: 660px;
  border-radius: 5.9px;
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.25);
  background-color: white;
  padding: 0 30px;
  z-index: 4;
  transition-property: top, left;
  transition-duration: 0.2s;
  transition-timing-function: linear;
}
.office_hours_modal__container .office_hours_modal__close_modal {
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 14px;
  font-size: 20px;
  line-height: normal;
  color: black;
}

@media screen and (max-width: 480px) {
  .office_hours_modal__container {
    --horiz-buffer: 10px;
    --vert-buffer: 20px;
    position: fixed;
    top: var(--vert-buffer);
    left: var(--horiz-buffer);
    width: calc(100vw - 2 * var(--horiz-buffer));
    height: calc(100vh - 2 * var(--vert-buffer));
    overflow-x: hidden;
    overflow-y: auto;
    animation-duration: 0.5s;
    animation-name: slidein;
  }
  .office_hours_modal__container--slideout {
    animation-duration: 0.5s;
    animation-name: slideout;
  }
  @keyframes slideout {
    from {
      top: var(--vert-buffer);
      left: var(--horiz-buffer);
    }
    to {
      left: -100vw;
    }
  }
  @keyframes slidein {
    from {
      top: var(--vert-buffer);
      left: -100vw;
    }
    to {
      left: var(--horiz-buffer);
    }
  }
}
.reset_plan__dialog {
  max-width: 640px;
}

.reset_plan_dialog__buttons {
  display: flex;
  justify-content: flex-end;
}
.reset_plan_dialog__buttons > div {
  margin: 10px 10px 0;
}

.reset_plan_dialog__note {
  font-size: 13px;
  font-style: italic;
  letter-spacing: 0.16px;
  color: #808080;
  margin-top: 25px;
}

.reset_plan_dialog__cancel_button {
  display: flex;
  align-items: center;
  padding: 10px;
}

.reset_plan_dialog__reset_button {
  display: flex;
  align-items: center;
  height: 48px;
}

.reset_plan_dialog__content .body, .reset_plan_dialog__content .body--li {
  margin-bottom: 6.5px;
}
.reset_plan_dialog__content .body--li {
  margin-left: 23px;
  list-style-type: disc;
  list-style-position: outside;
}

.score_report__page {
  max-width: 1185px;
  margin: 0 auto;
  padding: 25px;
}
.score_report__page h1 {
  line-height: initial;
}

.score_report__pagetop {
  display: flex;
  justify-content: space-between;
  margin-bottom: 42px;
}

.tags {
  display: flex;
  margin-bottom: 12px;
}
.tags .tag {
  margin-right: 4px;
  padding: 2px 6px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  border-radius: 2px;
}
.tags .tag:hover {
  cursor: pointer;
}

.recharts-wrapper {
  max-width: 100%;
}

.recharts-tooltip-wrapper {
  z-index: 1;
}

.studyplanner__day_event_wrapper {
  mix-blend-mode: normal;
}

.score_report__breadcrumb {
  font-size: 12px;
  display: flex;
}
.score_report__breadcrumb .breadcrumb__root {
  white-space: nowrap;
}
.score_report__breadcrumb .breadcrumb__root a {
  color: #6a7684;
  margin-right: 14px;
}
.score_report__breadcrumb .breadcrumb__root:after {
  margin-right: 14px;
  content: url(/27483e15b226de9c9b88d20369b611f8.svg);
}
.score_report__breadcrumb .breadcrumb__children {
  display: flex;
  flex-wrap: wrap;
}
.score_report__breadcrumb .breadcrumb__child {
  color: #a5a9aa;
  white-space: nowrap;
}
.score_report__breadcrumb .breadcrumb__child:after {
  margin-left: 14px;
  margin-right: 14px;
  content: url(/27483e15b226de9c9b88d20369b611f8.svg);
}
.score_report__breadcrumb .breadcrumb__child:last-of-type:after {
  margin-left: unset;
  margin-right: unset;
  content: none;
}

.score_report__header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 20px;
}
.score_report__header h {
  font-size: 28px;
}
@media (max-width: 667px) {
  .score_report__header h1,
  .score_report__header h3 {
    display: flex;
    flex-direction: column;
  }
}
.score_report__header .shortexam-label {
  padding: 3px 11px;
  color: #632892;
  background: rgb(228, 222, 244);
  font-size: 13px;
  border-radius: 5px;
  display: flex;
  float: right;
  margin: 10px 10px 0 17px;
  max-height: 25px;
}
.score_report__header .shortexam-label.analytics__shortexam-label {
  margin-top: 7px;
}
@media (max-width: 667px) {
  .score_report__header .shortexam-label {
    align-self: flex-start;
    margin-left: 0;
  }
}
@media (max-width: 360px) {
  .score_report__header .shortexam-label {
    font-size: 11px;
    padding: 3px 8px;
  }
}
.score_report__header .shortexam-label .duration {
  width: 12px;
  margin-right: 4px;
}
@media (max-width: 1024px) {
  .score_report__header .score_report__explanations_link {
    display: none;
  }
}

.score_report__subheader {
  display: flex;
  justify-content: space-between;
  color: #a5a9aa;
  font-size: 12px;
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 40px;
}

.score_report__chart-container {
  margin-top: 75px;
  max-width: 100%;
}
.score_report__chart-container.no-margin {
  margin: 0;
}

.scorereport__flagged-questions .collapse-container {
  display: flex;
  align-items: center;
  border-bottom: solid 1px #2f2f2f;
  padding-bottom: 14px;
  cursor: pointer;
}
.scorereport__flagged-questions .collapse-container .title, .scorereport__flagged-questions .collapse-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .scorereport__flagged-questions .collapse-container .title-highlighted, .scorereport__flagged-questions .collapse-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .scorereport__flagged-questions .collapse-container .title-highlighted, .scorereport__flagged-questions .collapse-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .scorereport__flagged-questions .collapse-container .title-highlighted, .scorereport__flagged-questions .collapse-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .scorereport__flagged-questions .collapse-container .title-highlighted, .scorereport__flagged-questions .collapse-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .scorereport__flagged-questions .collapse-container .title-highlighted {
  margin-right: 15px;
  font-size: 16px;
  color: #2f2f2f;
}
.scorereport__flagged-questions .collapse-container .flag_svg {
  margin-right: 5px;
}
.scorereport__flagged-questions .collapse-container .arrow_svg {
  transition: all 0.25s 0s;
  transform: rotate(0);
  width: 6px;
  margin-top: 4px;
}
.scorereport__flagged-questions .collapse-container .arrow_svg.expanded {
  transform: rotate(90deg);
}
.scorereport__flagged-questions .recharts-responsive-container {
  margin-top: 16px;
}
.scorereport__flagged-questions .recharts-default-legend li {
  margin-right: 58px !important;
}
.scorereport__flagged-questions .recharts-default-legend li svg {
  margin-right: 12px !important;
  width: 13px;
}
.scorereport__flagged-questions .recharts-default-legend li span {
  margin-top: 3px;
  font-size: 14px;
}
.scorereport__flagged-questions .flag-empty {
  font-size: 24px;
  font-weight: 100;
  text-align: center;
  color: #c9c9c9;
  margin-top: 150px;
  margin-bottom: 130px;
}

.scorereport__changed-answers .info-icon {
  margin-left: auto;
  height: 14px;
  margin-top: 3px;
}
.scorereport__changed-answers .legends-container {
  display: flex;
  margin-top: 21px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}
.scorereport__changed-answers .legends-container .fixed-width {
  min-width: 136px;
  margin-right: 50px;
  display: flex;
  align-items: center;
  height: 24px;
}
.scorereport__changed-answers .legends-container .fixed-width:last-child {
  margin: 0;
}
.scorereport__changed-answers .legends-container .dot {
  margin-right: 12px;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  display: inline-block;
}
.scorereport__changed-answers .legends-container .dot.wrong-to-right {
  background-color: #6fdc95;
}
.scorereport__changed-answers .legends-container .dot.wrong-to-wrong {
  background-color: #e96f6f;
}
.scorereport__changed-answers .legends-container .dot.right-to-wrong {
  background-color: #dc4242;
}
.scorereport__changed-answers .legends-container .legends-label {
  font-size: 14px;
  font-family: "Source Sans Pro";
  color: #2f2f2f;
  white-space: nowrap;
}
.scorereport__changed-answers .changed-empty {
  font-size: 24px;
  font-weight: 100;
  text-align: center;
  color: #c9c9c9;
  margin-top: 150px;
}

.score_report__donut-and-barchart {
  display: flex;
  justify-content: space-between;
  overflow-x: auto;
  overflow-y: hidden;
}
.score_report__donut-and-barchart .donut-container {
  min-width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.score_report__donut-and-barchart .donut-container .bplogo {
  margin: 12px auto;
  display: block;
}
.score_report__donut-and-barchart .donut-container .total {
  font-size: 16px;
  text-align: center;
  margin-top: 10px;
}
.score_report__donut-and-barchart .donut-container .section-name {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #ff5974;
}
.score_report__donut-and-barchart .donut-container .score-range {
  font-size: 13px;
  color: #97a4ba;
  white-space: nowrap;
}

.three-bars-chart-container {
  display: flex;
  height: 180px;
  max-height: 180px;
  width: 100%;
  margin-top: 10px;
}
.three-bars-chart-container .custom-labels {
  font-size: 16px;
  text-align: right;
  color: #2f2f2f;
  min-width: 112px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-right: 20px;
}
.three-bars-chart-container .custom-labels .custom-label:first-child {
  margin-top: 3px;
}
.three-bars-chart-container .custom-labels .custom-label:last-child {
  margin-bottom: 3px;
}

.score_report__flagged-and-changed {
  display: flex;
  justify-content: space-between;
}
.score_report__flagged-and-changed > div {
  width: 49%;
}

.scorereport__difficulty-graph .content {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}
.scorereport__difficulty-graph .content .labels {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 125px;
  margin: 12px 0;
}
.scorereport__difficulty-graph .content .labels .label {
  text-transform: capitalize;
  font-size: 14px;
  color: #2f2f2f;
}

.scorereport__subject-topic-table.margin-bottom {
  margin-bottom: 75px;
}
.scorereport__subject-topic-table .subject-wrapper {
  overflow-x: hidden;
  overflow-y: hidden;
}
@media (max-width: 880px) {
  .scorereport__subject-topic-table .subject-wrapper {
    overflow-x: auto;
  }
}
.scorereport__subject-topic-table .subject-container {
  min-width: 760px;
  border-bottom: 1px solid #dcdddf;
}
.scorereport__subject-topic-table .subject-container:last-of-type {
  margin-bottom: 100px;
}
.scorereport__subject-topic-table .subject-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.scorereport__subject-topic-table .subject-row.sub-row {
  margin-left: 24px;
}
.scorereport__subject-topic-table .subject-row.sub-row:last-child {
  margin-bottom: 15px;
}
.scorereport__subject-topic-table .subject-row.sub-row .left-row {
  font-size: 13px;
  min-width: 385px;
  padding: 3px 9px;
}
.scorereport__subject-topic-table .subject-row:not(.sub-row) * {
  cursor: pointer;
}
.scorereport__subject-topic-table .subject-row .left-row {
  padding: 14px 9px;
  font-size: 16px;
  color: #2f2f2f;
  font-weight: 400;
  display: flex;
  white-space: nowrap;
  min-width: 373px;
}
.scorereport__subject-topic-table .subject-row .left-row .arrow_svg {
  transition: all 0.25s 0s;
  transform: rotate(0);
  width: 6px;
  margin-left: 12px;
}
.scorereport__subject-topic-table .subject-row .left-row .arrow_svg.expanded {
  transform: rotate(90deg);
}

.scorereport__tooltip-container {
  width: 230px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  border-radius: 5px;
}
.scorereport__tooltip-container > div:not(:first-child) {
  font-size: 14px;
  font-weight: 600;
}
.scorereport__tooltip-container .section-name {
  font-size: 14px;
  color: #242424;
  padding: 10px 0 10px 16px;
  background: #f7f7f7;
  border-radius: 5px 5px 0 0;
  text-transform: capitalize;
}
.scorereport__tooltip-container .correct-count {
  color: #5dd287;
  padding: 8px 0 2px 16px;
}
.scorereport__tooltip-container .incomplete-count {
  color: #999999;
  padding-left: 16px;
}
.scorereport__tooltip-container .incorrect-count {
  color: #e45f5f;
  padding: 2px 0 8px 16px;
}
.scorereport__tooltip-container .single-content {
  padding: 10px 0 10px 16px;
  font-weight: 600;
}

.scorereport__relationship-passage-donuts .donuts-container {
  display: flex;
  margin-top: 23px;
}
.scorereport__relationship-passage-donuts .donuts-container .donut-wrapper {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.scorereport__relationship-passage-donuts .donuts-container .donut-wrapper .type {
  text-align: center;
  font-size: 14px;
  color: #2f2f2f;
  max-width: 190px;
  margin-bottom: 10px;
}

.scorereport__percent-row {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.scorereport__percent-row:nth-child(odd) {
  background: #fafafa;
}
.scorereport__percent-row.sub-row {
  cursor: auto;
  margin-left: 24px;
}
.scorereport__percent-row.sub-row .left-row {
  font-weight: normal;
}
.scorereport__percent-row.sub-row .right-row {
  background: white;
}
.scorereport__percent-row.sub-row .right-row .percentage-box {
  font-weight: 100;
}
.scorereport__percent-row .left-row {
  padding: 14px 9px;
  font-size: 14px;
  color: #2f2f2f;
  font-weight: 600;
  display: flex;
}
.scorereport__percent-row .left-row .arrow_svg {
  transition: all 0.25s 0s;
  transform: rotate(0);
  width: 6px;
  margin-left: 12px;
}
.scorereport__percent-row .left-row .arrow_svg.expanded {
  transform: rotate(90deg);
}
.scorereport__percent-row .right-row {
  display: flex;
}
.scorereport__percent-row .right-row .percentage-box {
  min-width: 55px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 600;
  color: #2f2f2f;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scorereport__percent-row .right-row .percentage-box .tooltip-container {
  width: 230px;
  background: "#fff";
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  border-radius: 5px;
  position: absolute;
  display: none;
  z-index: 1;
  top: 80%;
  right: 20%;
}
.scorereport__percent-row .right-row .percentage-box .tooltip-container > div:not(:first-child) {
  font-size: 14px;
  font-weight: 600;
}
.scorereport__percent-row .right-row .percentage-box .tooltip-container .section-name {
  font-size: 14px;
  color: #242424;
  padding: 10px 16px;
  background: #f7f7f7;
  border-radius: 5px 5px 0 0;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.scorereport__percent-row .right-row .percentage-box .tooltip-container .section-info {
  text-align: left;
  padding: 8px 0 8px 16px;
}

.scorereport__simple-collapser {
  display: flex;
  align-items: center;
  border-bottom: solid 1px #2f2f2f;
  padding-bottom: 14px;
  cursor: pointer;
}
.scorereport__simple-collapser .title, .scorereport__simple-collapser .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .scorereport__simple-collapser .title-highlighted, .scorereport__simple-collapser .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .scorereport__simple-collapser .title-highlighted, .scorereport__simple-collapser .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .scorereport__simple-collapser .title-highlighted, .scorereport__simple-collapser .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .scorereport__simple-collapser .title-highlighted, .scorereport__simple-collapser .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .scorereport__simple-collapser .title-highlighted {
  margin-right: 15px;
  font-size: 16px;
  color: #2f2f2f;
}
.scorereport__simple-collapser .arrow_svg {
  transition: all 0.25s 0s;
  transform: rotate(0);
  width: 6px;
  margin-top: 4px;
}
.scorereport__simple-collapser .arrow_svg.expanded {
  transform: rotate(90deg);
}

.scorereport__percent-collapser {
  display: flex;
  align-items: center;
  border-bottom: solid 1px #2f2f2f;
  padding-bottom: 14px;
  justify-content: space-between;
  cursor: pointer;
}
.scorereport__percent-collapser .collapse-left .title, .scorereport__percent-collapser .collapse-left .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .scorereport__percent-collapser .collapse-left .title-highlighted, .scorereport__percent-collapser .collapse-left .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .scorereport__percent-collapser .collapse-left .title-highlighted, .scorereport__percent-collapser .collapse-left .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .scorereport__percent-collapser .collapse-left .title-highlighted, .scorereport__percent-collapser .collapse-left .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .scorereport__percent-collapser .collapse-left .title-highlighted, .scorereport__percent-collapser .collapse-left .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .scorereport__percent-collapser .collapse-left .title-highlighted {
  margin-right: 15px;
  font-size: 16px;
  color: #2f2f2f;
  float: left;
}
.scorereport__percent-collapser .collapse-left .arrow_svg {
  transition: all 0.25s 0s;
  transform: rotate(0);
  width: 6px;
  margin-top: 4px;
}
.scorereport__percent-collapser .collapse-left .arrow_svg.expanded {
  transform: rotate(90deg);
}
.scorereport__percent-collapser .collapse-right {
  display: flex;
}
.scorereport__percent-collapser .collapse-right .col-label,
.scorereport__percent-collapser .collapse-right .mobile-label {
  font-size: 13px;
  color: #2f2f2f;
  min-width: 55px;
  box-sizing: border-box;
  text-align: center;
}
.scorereport__percent-collapser .collapse-right .mobile-label {
  display: none;
}

.exam_explanations_modal__container {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.4);
}

.explanations_iframe__container {
  width: 95%;
  height: 95%;
}

.passage_report__accordion_item,
.passage_report__accordion_table,
.passage_report__accordion_table_body,
.passage_report__accordion_table_body tr {
  width: 100%;
  font-weight: 400;
}

.passage_report__accordion_table_body > tr:nth-of-type(2):hover {
  opacity: 1;
}

.passage_report__actual_time,
.passage_report__rec_time,
.passage_report__num_correct,
.passage_report__accordion_delta_col {
  font-size: 14px;
}

.passage_report__accordion_row th {
  display: flex;
  justify-content: flex-start;
  font-weight: 400;
}

.passage_report__accordion_row {
  display: flex;
  height: 35px;
  cursor: pointer;
}
.passage_report__accordion_row:hover {
  opacity: 0.5;
}
@media (max-width: 1024px) {
  .passage_report__accordion_row:not(.passage_report__accordion_title_row) {
    pointer-events: none;
  }
}

.passage_report__accordion_title_col {
  font-weight: unset;
  flex: 6;
}

.passage_report__accordion_qnum_col {
  flex: 3;
  padding-right: 2px;
  padding-left: 12px;
  line-height: 2 !important;
}

.passage_report__accordion_subject_col {
  flex: 5;
  font-size: 14px;
}

th.passage_report__accordion_topic_col {
  flex: 0;
}

.passage_report__accordion_topic_col {
  flex: 5;
  font-size: 14px;
}

.passage_report__accordion_relationship_col {
  flex: 12;
  font-size: 14px;
}

.passage_report__accordion_aamc_col {
  flex: 3;
  font-size: 14px;
}

.passage_report__accordion_reasoning_col {
  flex: 5;
  font-size: 14px;
}

.passage_report__accordion_difficulty_col {
  flex: 3;
  font-size: 14px;
}

.passage_report__accordion_correct_col {
  flex: 8;
  font-size: 14px;
}

.passage_report__accordion_time_col {
  flex: 3;
  font-size: 14px;
}

.passage_report__accordion_delta_col {
  flex: 2;
  font-size: 14px;
}

.passage_report__num_correct {
  color: #a5a9aa;
}

.passage_report__rec_time {
  color: #a5a9aa;
}

.passage_report__accordion_row--dark {
  background-color: #f9f9fb;
}
@media (max-width: 1024px) {
  .passage_report__accordion_row--dark:not(.passage_report__accordion_title_row) {
    pointer-events: none;
  }
}

.passage_report__accordion_row > td {
  line-height: 2.5;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: baseline;
  padding-right: 5px;
}

.section_report_accordion__header {
  display: flex;
}

.section_report_accordion__header {
  width: 100%;
  border-bottom: 1px solid #2f2f2f;
}

.passage_report__accordion_title_text {
  display: inline-block;
  font-size: 18px;
}

.passage_report__square {
  display: inline-block;
  min-width: 13px;
  min-height: 13px;
  margin-right: 5px;
}

.passage_report__accordion_correct_col--section-header {
  color: black;
  font-size: 16px;
}

.small_donut__svg {
  margin-bottom: -2px;
}

.passage_report__total_time--header {
  color: black;
  font-weight: 600;
}

.passage_report__accordion_time_col--header {
  font-size: 16px;
}

.passage_report__rec_time--header {
  font-size: 16px;
  color: #a5a9aa;
}

.passage_report__accordion_correct_col--section-header {
  margin: 0 23.5px 0 -55.5px;
}

.passage_report__accordion_delta_col_text {
  font-size: 14px;
}

.section_report_accordion__header > div {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.passage_report__accordion_item {
  border-bottom: 1px solid #ebebec;
  padding: 9px 0 9px;
}
.passage_report__accordion_item:first-of-type {
  padding-top: 9px;
}

.passage_report__accordion_title_row > th {
  display: flex;
  align-items: center;
}
.passage_report__accordion_title_row > td {
  font-size: 11px;
}

.passage_report__text {
  min-width: 90px;
}

@keyframes rotateBack {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rorate(0);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(90deg);
  }
}
.passage_report__accordion_caret img {
  margin-left: 7.5px;
  transform-origin: center center;
  animation-name: rotateBack;
  animation-duration: 0.5s;
}

.passage_report__accordion_caret--rotate img {
  transform-origin: center center;
  transform: rotate(90deg);
  animation-name: rotate;
  animation-duration: 0.5s;
}

.section_report_accordion__container {
  margin-bottom: 70px;
  width: 100%;
  overflow-x: auto;
}

.passage_report__accordion_delta_col {
  display: flex;
  justify-content: flex-end;
}

th.passage_report__accordion_delta_col {
  display: flex;
  justify-content: flex-end;
}

.passage_report__accordion_correct_col {
  display: flex;
  align-items: center;
  position: relative;
}
.passage_report__accordion_correct_col img {
  position: absolute;
  right: -50px;
  width: 100px;
  top: 6px;
}
.passage_report__accordion_correct_col.isExamUntimed img {
  position: absolute;
  right: -31px;
  width: 94px;
  top: 7px;
}
.passage_report__accordion_correct_col.isPractice img {
  position: absolute;
  right: -32px;
  width: 94px;
  top: calc(50% - 6px);
}
.passage_report__accordion_correct_col.isEOC img {
  position: absolute;
  right: -32px;
  width: 93px;
  top: 7px;
}

.passage_report__accordion_title_row,
.section_report_accordion__header {
  cursor: pointer;
  min-width: 1100px; /*this is to add scroll bars on each table on small screens*/
}

.passage_report_table__flag {
  margin-left: 25px;
  vertical-align: middle;
}

@media screen and (max-width: 1024px) {
  .scorereport__relationship-passage-donuts .donuts-container {
    flex-wrap: wrap;
    margin-top: 0;
  }
  .scorereport__relationship-passage-donuts .donuts-container .donut-wrapper {
    width: 50%;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .score_report__flagged-and-changed {
    flex-direction: column;
  }
  .score_report__flagged-and-changed > div {
    width: 100%;
  }
  .score_report__flagged-and-changed .scorereport__changed-answers {
    margin-top: 75px;
  }
  .score_report__flagged-and-changed .info-icon {
    margin-left: 6px;
  }
  .score_report__donut-and-barchart .donut-container .donut__svg {
    margin: 0;
  }
  .score_report__donut-and-barchart .donut-container .donut__svg .circle-background,
  .score_report__donut-and-barchart .donut-container .donut__svg .circle-progress {
    display: inline;
  }
  .scorereport__relationship-passage-donuts .donuts-container {
    flex-wrap: wrap;
  }
  .scorereport__relationship-passage-donuts .donuts-container .donut-wrapper {
    width: 100%;
  }
  .scorereport__percent-row .right-row {
    display: flex;
  }
  .scorereport__percent-row .right-row .percentage-box {
    width: 43px;
    max-width: 43px;
    min-width: unset;
  }
}
@media (max-width: 767px) and (max-width: 348px) {
  .scorereport__percent-collapser .collapse-left .title, .scorereport__percent-collapser .collapse-left .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .scorereport__percent-collapser .collapse-left .title-highlighted, .scorereport__percent-collapser .collapse-left .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .scorereport__percent-collapser .collapse-left .title-highlighted, .scorereport__percent-collapser .collapse-left .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .scorereport__percent-collapser .collapse-left .title-highlighted, .scorereport__percent-collapser .collapse-left .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .scorereport__percent-collapser .collapse-left .title-highlighted, .scorereport__percent-collapser .collapse-left .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .scorereport__percent-collapser .collapse-left .title-highlighted {
    font-size: 14px;
    margin-top: 3px;
  }
}
@media (max-width: 767px) {
  .scorereport__percent-collapser .collapse-right {
    display: flex;
  }
  .scorereport__percent-collapser .collapse-right .mobile-label {
    width: 43px;
    max-width: 43px;
    min-width: unset;
    display: block;
  }
  .scorereport__percent-collapser .collapse-right .col-label {
    display: none;
  }
}
.question_linechart__container .question_linechart__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.question_linechart__container .question_linechart__header > div {
  flex: 1;
}
@media (max-width: 800px) {
  .question_linechart__container .question_linechart__header > .header__right {
    flex: 0;
  }
}
.question_linechart__container .header__left {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.question_linechart__container .header__section_square {
  height: 13px;
  width: 13px;
  margin-right: 5px;
}
.question_linechart__container .header__section_title {
  font-size: 18px;
}
.question_linechart__container .header__collapse_control {
  margin-left: 7.5px;
}
.question_linechart__container .header__collapse_control img {
  transition: all 0.25s 0s;
  transform: rotate(0);
}
.question_linechart__container .header__collapse_control.expanded img {
  transform: rotate(90deg);
}
.question_linechart__container .header__center {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  color: #97a4ba;
}
.question_linechart__container .question_linechart__collapse {
  display: none;
}
.question_linechart__container .question_linechart__collapse--expanded {
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
}

.timeline__tooltip_body {
  padding-top: 8px;
  padding-left: 16px;
  padding-bottom: 16px;
}
.timeline__tooltip_body .timeline__correctness {
  text-transform: capitalize;
}
.timeline__tooltip_body .duration--longer {
  color: #ec6767;
}
.timeline__tooltip_body .duration--shorter {
  color: #5dd287;
}
.timeline__tooltip_body .timeline__flagged_text {
  padding-left: 5px;
}

.analytics__tooltip-container {
  min-width: 300px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  border-radius: 5px;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
  z-index: 1;
}
.analytics__tooltip-container .exam-name {
  color: #242424;
  background: #f7f7f7;
  padding: 10px 16px 10px 16px;
  border-radius: 5px 5px 0 0;
  display: flex;
  justify-content: space-between;
}
.analytics__tooltip-container .exam-name:not(:first-of-type) {
  background: white;
  border-top: 0.3px solid #c9c9c9;
  border-radius: 0;
}
.analytics__tooltip-container .exam-name > :last-child {
  color: #2f2f2f;
}
.analytics__tooltip-container .exam-name .shortexam-label {
  padding: 3px 11px;
  color: #632892;
  background: rgb(228, 222, 244);
  font-size: 13px;
  border-radius: 5px;
  display: flex;
  float: right;
  margin: 0 10px;
  max-height: 25px;
}
@media (max-width: 360px) {
  .analytics__tooltip-container .exam-name .shortexam-label {
    font-size: 11px;
    padding: 3px 8px;
  }
}
.analytics__tooltip-container .exam-name .shortexam-label .duration {
  width: 12px;
  margin-right: 4px;
}
.analytics__tooltip-container .sections {
  padding: 8px 16px;
}
.analytics__tooltip-container .sections .chem {
  color: #ff5974;
}
.analytics__tooltip-container .sections .cars {
  color: #6b7191;
}
.analytics__tooltip-container .sections .bio {
  color: #13aa6d;
}
.analytics__tooltip-container .sections .psych {
  color: #5f5ed7;
}
.analytics__tooltip-container .tooltip-section-row {
  display: flex;
  justify-content: space-between;
}
.analytics__tooltip-container .tooltip-section-row > :last-child {
  font-size: 14px;
  color: #2f2f2f;
}
.analytics__tooltip-container .date {
  font-size: 14px;
  color: #b9b9b9;
  padding: 17px;
}

.analytics__legends-container {
  display: flex;
}
@media (max-width: 420px) {
  .analytics__legends-container {
    flex-wrap: wrap;
  }
}
.analytics__legends-container > div {
  display: flex;
  align-items: center;
  margin-right: 30px;
}
.analytics__legends-container .dot {
  margin-right: 12px;
  min-height: 11px;
  min-width: 11px;
  border-radius: 50%;
  display: inline-block;
}
.analytics__legends-container .dot.aamc {
  background-color: #9574db;
}
.analytics__legends-container .dot.diagnostic {
  background-color: #202020;
}
.analytics__legends-container .dot.full {
  background-color: #2879bd;
}
.analytics__legends-container .dot.chem {
  background-color: #ff5974;
}
.analytics__legends-container .dot.cars {
  background-color: #6b7191;
}
.analytics__legends-container .dot.bio {
  background-color: #13aa6d;
}
.analytics__legends-container .dot.psych {
  background-color: #5f5ed7;
}

.analytics__header {
  font-size: 28px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.18px;
  color: #2f2f2f;
}

.analytics__scaled-scores-toolbar {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
}
.analytics__scaled-scores-toolbar .dropdown-wrapper {
  width: 320px;
}
@media (max-width: 664px) {
  .analytics__scaled-scores-toolbar {
    flex-direction: column;
  }
  .analytics__scaled-scores-toolbar .dropdown-wrapper {
    margin-top: 14px;
  }
}

.analytics__aggregate-groups {
  margin-top: 60px;
}
.analytics__aggregate-groups .analytics__filters-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 40px 0;
}
.analytics__aggregate-groups .analytics__filters-container .buttons button {
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  color: #767676;
  min-width: 127px;
  min-height: 48px;
  padding: 15px 20px;
  border: none;
  margin-right: 6px;
  margin-bottom: 6px;
  background: #f6f6f6;
}
.analytics__aggregate-groups .analytics__filters-container .buttons button:hover {
  cursor: pointer;
}
.analytics__aggregate-groups .analytics__filters-container .buttons button.selected {
  color: #ffffff;
  background: #4fa3ec;
}
.analytics__aggregate-groups .analytics__filters-container .buttons button.disabled {
  background: #fafafa;
  color: #e0e0e0;
  cursor: not-allowed;
}
.analytics__aggregate-groups .analytics__filters-container .date {
  padding: 13px 15px;
  display: flex;
  font-size: 16px;
  border-radius: 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.13);
  color: #555;
  max-height: 50px;
  cursor: pointer;
  position: relative;
}
.analytics__aggregate-groups .analytics__filters-container .date img {
  margin-left: 37px;
}
.analytics__aggregate-groups .analytics__filters-container .date .analytics__cal {
  position: absolute;
  right: 0;
  top: 60px;
  border: solid 1.5px #eaeaea;
  background: white;
  z-index: 1;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
}
@media (max-width: 754px) {
  .analytics__aggregate-groups .analytics__filters-container .date .analytics__cal {
    left: 0;
    right: unset;
  }
}
.analytics__aggregate-groups .analytics__filters-container .date .analytics__cal.show {
  opacity: 1;
}
.analytics__aggregate-groups .analytics__filters-container .date .analytics__cal.visuallyhidden {
  opacity: 0;
}
.analytics__aggregate-groups .analytics__filters-container .date .analytics__cal.hide {
  display: none;
}
.analytics__aggregate-groups .analytics__filters-container .date .analytics__cal .date-range {
  border-bottom: solid 1.5px #eaeaea;
}
.analytics__aggregate-groups .analytics__filters-container .date .analytics__cal .btn-blue {
  float: right;
  margin: 10px;
}

.analytics__no-data img {
  margin: 100px auto;
  display: block;
}

.eoc__report_table .section_report_accordion__header .passage_report__accordion_title_col {
  flex: 16;
}
.eoc__report_table .section_report_accordion__header .passage_report__accordion_subject_col,
.eoc__report_table .section_report_accordion__header .passage_report__accordion_topic_col {
  display: none;
}

.aamc_exams {
  margin: 2rem 0rem;
}
.aamc_exams__header {
  display: flex;
  flex-direction: row;
}
.aamc_exams__header .arrow_svg {
  margin-top: 0.25rem;
  transition: all 0.25s 0s;
  transform: rotate(-90deg);
}
.aamc_exams__header .arrow_svg.expanded {
  transform: rotate(0deg);
}
.aamc_exams__header_title {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 35px;
  letter-spacing: 0.175px;
  color: #2F2F2F;
  margin-right: 0.5rem;
}
.aamc_exams__exams_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  gap: 22px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .aamc_exams__exams_row {
    flex-direction: column;
  }
}
.aamc_exams__exams_row .aamc_exam_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  height: 231px;
  width: 24%;
}
@media screen and (max-width: 767px) {
  .aamc_exams__exams_row .aamc_exam_container {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.aamc_exams__exams_row .aamc_exam_container .aamc_logo_container {
  align-items: left;
  justify-content: center;
  padding: auto;
  margin: auto;
  width: 100%;
  height: 15%;
}
.aamc_exams__exams_row .aamc_exam_container .aamc_logo_container .aamc_logo {
  display: block;
  padding: 1rem 0.75rem;
}
.aamc_exams__exams_row .aamc_exam_container .aamc_score_info {
  height: 70%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  width: 85%;
}
.aamc_exams__exams_row .aamc_exam_container .aamc_score_info .date_taken {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #000000;
}
.aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title, .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title-highlighted, .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title-highlighted, .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title-highlighted, .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title-highlighted, .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title-highlighted {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  color: #000000;
}
@media screen and (max-width: 1024px) {
  .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title, .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title-highlighted, .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title-highlighted, .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title-highlighted, .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title-highlighted, .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title-highlighted {
    margin-top: 0.5rem;
    line-height: 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title, .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title-highlighted, .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title-highlighted, .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title-highlighted, .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title-highlighted, .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .title-highlighted {
    margin-top: unset;
    line-height: 25px;
    font-size: 20px;
  }
}
.aamc_exams__exams_row .aamc_exam_container .aamc_score_info .score {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 50px;
  line-height: 63px;
  text-align: center;
  color: #000000;
}
@media screen and (max-width: 1024px) {
  .aamc_exams__exams_row .aamc_exam_container .aamc_score_info .score {
    font-size: 46px;
  }
}
.aamc_exams__exams_row .aamc_exam_container .aamc_score_meter_container {
  height: 15%;
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.aamc_exam_tooltip .tip_container {
  width: 300px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.250109);
  border-radius: 5px;
}
.aamc_exam_tooltip .tip_container .tip_header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: rgb(247, 247, 247);
  height: 20%;
  padding: 0.75rem;
}
.aamc_exam_tooltip .tip_container .tip_header .exam_title {
  width: 70%;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #242424;
  text-overflow: ellipsis;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden;
}
.aamc_exam_tooltip .tip_container .tip_header .exam_score {
  width: 15%;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #2F2F2F;
}
.aamc_exam_tooltip .tip_container .tip_header .exam_percentage {
  width: 15%;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #2F2F2F;
}
.aamc_exam_tooltip .tip_container .tip_body {
  height: 60%;
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  padding: 0.75rem;
}
.aamc_exam_tooltip .tip_container .tip_body > :nth-child(1) .section_title {
  color: #FF5974;
}
.aamc_exam_tooltip .tip_container .tip_body > :nth-child(2) .section_title {
  color: #6B7191;
}
.aamc_exam_tooltip .tip_container .tip_body > :nth-child(3) .section_title {
  color: #13AA6D;
}
.aamc_exam_tooltip .tip_container .tip_body > :nth-child(4) .section_title {
  color: #5F5ED7;
}
.aamc_exam_tooltip .tip_container .tip_body .section {
  display: flex;
  flex-direction: row;
  margin: 0rem 0.15rem;
}
.aamc_exam_tooltip .tip_container .tip_body .section .section_title {
  width: 70%;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
}
.aamc_exam_tooltip .tip_container .tip_body .section .section_score {
  width: 15%;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  /* identical to box height */
  color: #2F2F2F;
}
.aamc_exam_tooltip .tip_container .tip_body .section .section_percentage {
  width: 15%;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  /* identical to box height */
  color: #2F2F2F;
}
.aamc_exam_tooltip .tip_container .tip_footer {
  height: 20%;
  background-color: #FFFFFF;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  /* identical to box height */
  padding: 0.75rem;
  color: #B9B9B9;
}

.practice_bank_page__container {
  max-width: 1024px;
  margin: 0 auto 30px;
}
.practice_bank_page__container.loader {
  display: flex;
  justify-content: center;
}

.practice_bank_page {
  padding: 24px;
}
.practice_bank_page .examcard {
  padding-top: 10px;
}
.practice_bank_page .examcard__stack {
  height: 182px;
  margin: 0;
  max-width: none;
  min-width: none;
  width: 100%;
}
.practice_bank_page .examcard__mobile_attempts {
  margin-top: 10px;
  margin-right: 17px;
}
.practice_bank_page .exam__attempt--expanded {
  max-width: none;
  min-width: none;
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.practice_bank_page .examcard__section_container {
  width: 100%;
}
.practice_bank_page .examcard__section_content {
  justify-content: center;
}
.practice_bank_page .examsection__startbutton {
  margin-top: 12px;
}
.practice_bank_page .examsection__startbutton button {
  font-size: 16px;
  cursor: pointer;
  background-color: #4fa3ec;
  color: white;
  padding: 10px 50px 12px;
  border-radius: 30px;
  border: solid 1px #4fa3ec;
  transition: 0.2s;
  font-weight: 600;
}
.practice_bank_page .examsection__startbutton button:hover {
  background: #fff;
  color: #4fa3ec;
}
.practice_bank_page .examsection__continuebutton {
  margin-top: 8px;
}
.practice_bank_page .questions_counts {
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #e9e9e9;
  margin-top: -50px;
}
@media (max-width: 767px) {
  .practice_bank_page .questions_counts {
    margin-top: -3px;
  }
}
.practice_bank_page .questions_counts div {
  margin: 0 15px;
}
@media (max-width: 500px) {
  .practice_bank_page .questions_counts div {
    margin: 0 4px;
  }
}
.practice_bank_page .questions_counts .correct {
  color: #6fdc95;
  margin: 0;
}
.practice_bank_page .questions_counts .incorrect {
  color: #e96f6f;
  margin: 0;
}
.practice_bank_page .questions_counts .incomplete {
  color: #b7b7b7;
  margin: 0;
}
.practice_bank_page .attempt__row {
  display: flex;
  justify-content: space-between;
}
.practice_bank_page .attempt__subheader_tail {
  flex: 0;
}
.practice_bank_page .attempt__row {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.practice_bank_page .attempt__row .untimed {
  position: absolute;
  top: 10px;
  right: 15px;
}
@media (max-width: 767px) {
  .practice_bank_page .attempt__row .untimed {
    display: none;
  }
}
.practice_bank_page .examcard__attempt_status {
  margin-top: 30px;
}
.practice_bank_page .attempt__timestamp {
  text-align: right;
  font-size: 13px;
  letter-spacing: 0.07px;
  color: #c9c9c9;
}
.practice_bank_page .attempt__timestamp.created {
  margin-top: 10px;
}
.practice_bank_page .attempt__timestamp .bank-delete-button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0 8px;
}
.practice_bank_page .attempt__timestamp .bank-delete-button:hover {
  color: #5DA4E2;
}
.practice_bank_page .btn-rectangle-rounded {
  margin: 10px;
  margin-top: 36px;
}
@media (max-width: 380px) {
  .practice_bank_page .btn-rectangle-rounded {
    min-width: 100px !important;
  }
}

.practice_bank__container {
  margin-top: 47px;
}

.practice_bank__empty_list_img {
  display: flex;
  justify-content: center;
}

.practice_bank_page__center {
  text-align: center;
  margin-top: 50px;
}

.practice_bank__paginations {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
.practice_bank__paginations > * {
  cursor: pointer;
}
.practice_bank__paginations .practice_bank__pagination {
  width: 19px;
  height: 24px;
  line-height: 24px;
  border-radius: 3px;
  border: solid 1px var(--nav-link);
  font-size: 14px;
  color: var(--nav-link);
  text-align: center;
  margin: 0 3px;
}
.practice_bank__paginations img {
  margin: 0 16px;
  width: 5px;
}

.practice_bank__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
}
.practice_bank__header .label {
  font-size: 12px;
  color: #c9c9c9;
}
.practice_bank__header .practice_bank__create {
  display: flex;
  flex-direction: column;
}
.practice_bank__header .practice_bank__create.hidden {
  display: none;
}
.practice_bank__header .practice_bank__create button {
  padding: 5px 10px;
  border-radius: 4px;
  background-color: #4fa3ec;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  border: none;
}
.practice_bank__header .practice_bank__create button:hover {
  cursor: pointer;
}
.practice_bank__header .practice_bank__create .practice_bank__start_here {
  max-height: 30px;
}
.practice_bank__header .practice_bank__create .practice_bank__start_here.hidden {
  display: none;
}

.practice_bank__card_header .title, .practice_bank__card_header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .practice_bank__card_header .title-highlighted, .practice_bank__card_header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .practice_bank__card_header .title-highlighted, .practice_bank__card_header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .practice_bank__card_header .title-highlighted, .practice_bank__card_header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .practice_bank__card_header .title-highlighted, .practice_bank__card_header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .practice_bank__card_header .title-highlighted {
  font-size: 23px;
  letter-spacing: 0.12px;
  color: #2f2f2f;
}
.practice_bank__card_header .card-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.practice_bank__card_header .card-details .detail {
  display: flex;
  flex: 1;
  padding: 7px 0;
}
.practice_bank__card_header .card-details .detail div {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.07px;
  color: #a5a9aa;
  margin-right: 20px;
}
.practice_bank__card_header .card-details .detail span {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.07px;
  color: #555;
}
.practice_bank__card_header .card-details .detail .recycle-mode-detail {
  display: flex;
}
.practice_bank__card_header .card-details .detail .recycle-mode-detail .recycle-mode {
  margin-left: 0.25rem;
}
.practice_bank__card_header .card-details .tags {
  display: flex;
}
.practice_bank__card_header .card-details .tags .tag {
  margin-right: 4px;
  padding: 2px 6px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  border-radius: 2px;
}

.practice_bank__creator_modal {
  border: 1px solid #dadada;
  border-radius: 10px;
  padding: 40px;
  background: #fff;
  max-width: 1024px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .practice_bank__creator_modal {
    max-height: 465px;
    overflow: scroll;
    padding: 30px;
  }
}
.practice_bank__creator_modal .header {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #fafafa;
  padding-bottom: 15px;
}
.practice_bank__creator_modal .header h1 {
  flex: 1;
  font-size: 19px;
  font-weight: 700;
  height: 50px;
}
@media (max-width: 768px) {
  .practice_bank__creator_modal .header h1 {
    height: auto;
  }
}
.practice_bank__creator_modal .header .closer {
  border: none;
  font-size: 19px;
  padding-left: 0;
  padding-right: 0;
  color: #aeaeae;
  cursor: pointer;
}
.practice_bank__creator_modal .header .header-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.practice_bank__creator_modal .header .question-counter {
  cursor: default;
  font-size: 14px;
  align-self: flex-end;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.practice_bank__creator_modal .header .question-counter img {
  margin-left: 5px;
  height: 15px;
}
@media (max-width: 768px) {
  .practice_bank__creator_modal .header .question-counter {
    align-self: flex-start;
  }
}
.practice_bank__creator_modal .header .current-count {
  font-weight: 600;
  margin-left: -3px;
  color: #aeaeae;
}
.practice_bank__creator_modal .header .current-count.zero em {
  color: #e45f5f;
}
.practice_bank__creator_modal .header .current-count em {
  color: #4fa3ec;
  font-style: normal;
  min-width: 30px;
}
.practice_bank__creator_modal .header .current-count em .dryrun-loader {
  width: 30px;
  height: 25px;
  margin-bottom: -8px;
}
.practice_bank__creator_modal .creator_form .creator_question {
  border-bottom: 1px solid #fafafa;
  padding: 15px 0 20px 0;
  transition: 0.25s;
}
.practice_bank__creator_modal .creator_form .creator_question.finished h2 {
  justify-content: space-between;
  color: rgba(47, 47, 47, 0.5);
  cursor: pointer;
}
.practice_bank__creator_modal .creator_form .creator_question.finished h2 .question-answer {
  display: inline-block;
  flex: 1;
  margin-left: 10px;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  color: rgba(60, 192, 110, 0.8);
  font-size: 12px;
  font-weight: 600;
  opacity: 1;
  padding-top: 3px;
  padding-right: 20px;
  background: url(/7c7b44aa9e9727f80a42dd3e54c3970d.svg) no-repeat center right;
  background-size: 12px auto;
}
.practice_bank__creator_modal .creator_form .creator_question.open {
  padding-left: 20px;
}
.practice_bank__creator_modal .creator_form .creator_question.open h2 {
  color: #2f2f2f;
}
.practice_bank__creator_modal .creator_form .creator_question.open h2 > img {
  transform: rotate(90deg);
}
.practice_bank__creator_modal .creator_form .creator_question h2 {
  font-size: 19px;
  margin-top: 5px;
  color: #c9c9c9;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.practice_bank__creator_modal .creator_form .creator_question h2 > img {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  margin-left: 10px;
  opacity: 0.35;
  margin-top: 2px;
  width: 8px;
  height: 8px;
  max-width: 12px;
  max-height: 12px;
  color: #aeaeae;
}
.practice_bank__creator_modal .creator_form .creator_question h2 .question-answer {
  display: none;
}
.practice_bank__creator_modal .creator_form .creator_question .question-desc {
  font-size: 14px;
  color: #838383;
  padding: 8px 0 10px 0;
  display: flex;
  align-items: center;
}
.practice_bank__creator_modal .creator_form .creator_question .question-desc img {
  margin-left: 5px;
  height: 15px;
}
.practice_bank__creator_modal .creator_form .creator_question small {
  margin-left: 38px;
  font-size: 14px;
  color: #838383;
}
.practice_bank__creator_modal .creator_form .creator_question .question-controls {
  display: flex;
  flex-wrap: wrap;
}
.practice_bank__creator_modal .creator_form .creator_question .question-controls .question-options-timescales {
  display: flex;
}
.practice_bank__creator_modal .creator_form .creator_question .question-controls .question-options-timescales .line {
  border-left: 1px solid #a9b6c8;
  height: 33px;
  margin: 8px 18px 0 15px;
}
@media (max-width: 767px) {
  .practice_bank__creator_modal .creator_form .creator_question .question-controls .question-options-timescales {
    flex-direction: column;
  }
  .practice_bank__creator_modal .creator_form .creator_question .question-controls .question-options-timescales .line {
    border: none;
    border-top: 1px solid #a9b6c8;
    height: 0px;
    width: 100%;
    margin: 18px 0;
  }
  .practice_bank__creator_modal .creator_form .creator_question .question-controls .question-options-timescales .question-option {
    width: 240px;
  }
}
.practice_bank__creator_modal .creator_form .creator_question .question-controls .question-option {
  transition: 0.25s;
  display: inline-block;
  max-width: 250px;
  border-radius: 3px;
  background: #f6f7fb;
  border: 1px solid #a9b6c8;
  padding: 6px 25px;
  font-size: 15px;
  margin: 5px 5px 3px 0;
  color: #6a7684;
  cursor: pointer;
  text-align: center;
}
.practice_bank__creator_modal .creator_form .creator_question .question-controls .question-option.selected {
  background: #6a7684;
  color: white;
  border-color: transparent;
}
.practice_bank__creator_modal .creator_form .creator_question .question-controls .question-option.selected:hover {
  color: white;
  background: rgba(106, 118, 132, 0.9);
}
.practice_bank__creator_modal .creator_form .creator_question .question-controls .question-option.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.practice_bank__creator_modal .creator_form .creator_question .question-controls .question-option:hover {
  background: #fdfdfd;
}
.practice_bank__creator_modal .creator_form .creator_question .q2-radio-label {
  font-size: 13px;
  margin-right: 50px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.practice_bank__creator_modal .creator_form .creator_question .q2-radio-label.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.practice_bank__creator_modal .creator_form .creator_question .q2-radio-label.disabled input {
  pointer-events: none;
  cursor: not-allowed;
}
.practice_bank__creator_modal .creator_form .creator_question .q2-radio-label input {
  cursor: pointer;
  margin: 0;
  margin-right: 10px;
}
.practice_bank__creator_modal .creator_form .creator_question .practice_title__input {
  height: 46px;
  padding: 0px 8px;
  width: 345px;
  font-size: 14px;
}
@media (max-width: 475px) {
  .practice_bank__creator_modal .creator_form .creator_question .practice_title__input {
    width: 225px;
  }
}
.practice_bank__creator_modal .creator_form .creator_question:not(.open) .question-desc,
.practice_bank__creator_modal .creator_form .creator_question:not(.open) .question-controls {
  display: none;
}
.practice_bank__creator_modal .creator_form .creator_question:not(.open) img {
  transform: rotate(0deg);
}
.practice_bank__creator_modal .creator_form .creator_question:not(.open) input {
  display: none;
}
.practice_bank__creator_modal .creator_form .creator-form-controls {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}
@media (max-width: 767px) {
  .practice_bank__creator_modal .creator_form .creator-form-controls {
    position: absolute;
    bottom: 16px;
    right: 16px;
  }
}
.practice_bank__creator_modal .creator_form .creator-form-controls .creator-step5-buttons {
  display: flex;
  justify-content: flex-end;
}
.practice_bank__creator_modal .creator_form .creator-form-controls .creator-step5-buttons .save-for-later {
  min-width: 168px;
  cursor: pointer;
  font-size: 16px;
  line-height: 52px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
  height: 52px;
  text-align: center;
}
@media (max-width: 1024px) {
  .practice_bank__creator_modal .creator_form .creator-form-controls .creator-step5-buttons .save-for-later {
    color: white;
    background: #4fa3ec;
    padding: 0 26px;
    border-radius: 4px;
    margin: 0;
  }
}
.practice_bank__creator_modal .creator_form .creator-form-controls .creator-step5-buttons .save-for-later img {
  height: 100%;
}
@media (max-width: 1024px) {
  .practice_bank__creator_modal .creator_form .creator-form-controls .creator-step5-buttons button {
    display: none;
  }
}
.practice_bank__creator_modal .creator_form .creator-form-controls button {
  display: block;
  width: auto;
  min-width: 220px;
  border-radius: 4.1px;
}
.practice_bank__creator_modal .creator_form .creator-form-controls button:hover {
  background: rgba(79, 163, 236, 0.9);
}
.practice_bank__creator_modal .creator_form .creator-form-controls button.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.practice_bank__creator_modal .creator_form .creator-form-controls button.disabled:hover {
  cursor: not-allowed;
  pointer-events: none;
}
.practice_bank__creator_modal .creator_form .creator-form-controls button img {
  height: 100%;
}
@media (max-width: 767px) {
  .practice_bank__creator_modal .creator_form .absolute-button-placeholder {
    height: 50px;
    width: 50px;
  }
}

.practice_bank__number_selector {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 200px;
}
.practice_bank__number_selector .number_selector_button {
  width: 76px;
  height: 32px;
  border-radius: 4px;
  border: solid 0.8px #a9b6c8;
  background-color: #f6f7fb;
  font-size: 18px;
  font-weight: 600;
  color: #74808d;
  cursor: pointer;
}
.practice_bank__number_selector .number_selector_button.disabled {
  pointer-events: none;
  opacity: 0.3;
}
.practice_bank__number_selector .number_selector_button:hover {
  background: #fdfdfd;
}
.practice_bank__number_selector .questionGroupLimit {
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 0.11px;
  color: #2f2f2f;
}

.tooltip__portal .tooltip__content {
  white-space: unset;
}
.tooltip__portal .tooltip__content.questions-available-tooltip {
  z-index: 102;
  background: #4fa3ec;
  color: white;
  max-width: 280px;
  font-size: 15px;
  padding: 10px 20px;
  border-radius: 2px;
}
.tooltip__portal .tooltip__content.questions-available-tooltip:before {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #4fa3ec transparent;
  top: -20px;
  left: 50%;
}
.tooltip__portal .tooltip__content.questions-available-tooltip p {
  word-wrap: break-word;
  padding: 5px 0;
  font-weight: 400;
}
.tooltip__portal .tooltip__content.questions-available-tooltip .questions-available {
  font-weight: 500;
}
.tooltip__portal .tooltip__content.questions-available-tooltip .questions-remaining {
  font-weight: 400;
}
.tooltip__portal .tooltip__content.topics-available-tooltip {
  z-index: 102;
  max-width: 290px;
  background: white;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 17px 20px;
}
.tooltip__portal .tooltip__content.topics-available-tooltip.hidden {
  display: none;
}
.tooltip__portal .tooltip__content.topics-available-tooltip p {
  color: #a5a9aa;
  margin-bottom: 3px;
  font-size: 12px;
}
.tooltip__portal .tooltip__content.topics-available-tooltip span {
  color: black;
  font-weight: normal;
  font-size: 13px;
  line-height: 10px;
}

.practice_bank__report_table .section_report_accordion__header .passage_report__accordion_title_col {
  flex: 16;
}
.practice_bank__report_table .section_report_accordion__header .passage_report__accordion_title_col .passage_report__accordion_title_text {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2f2f2f;
}
.practice_bank__report_table .section_report_accordion__header .passage_report__accordion_title_col .passage_report__square {
  display: none;
}
.practice_bank__report_table .section_report_accordion__header .passage_report__accordion_subject_col,
.practice_bank__report_table .section_report_accordion__header .passage_report__accordion_topic_col {
  flex: 0;
}

.practice_bank__line_chart_header .header__section_square {
  display: none;
}
.practice_bank__line_chart_header .header__section_title {
  font-size: 18px;
  font-weight: 600;
  color: #2f2f2f;
}

@media (max-width: 767px) {
  .practice_bank__card_header .card-details {
    flex-direction: column;
    align-items: start;
  }
  .practice_bank__card_header .card-details .detail {
    padding-left: 0;
    flex-wrap: wrap;
  }
  .practice_bank__card_header .card-details .tags {
    order: -1;
    margin: 7px 0;
  }
}
.practice_bank_subject_dropdown {
  width: 338px;
  min-width: 338px;
  max-height: 360px;
  box-shadow: 0px 6px 15px #e8eaed;
  overflow-y: scroll;
  overflow-x: hidden;
}
@media (max-width: 767px) {
  .practice_bank_subject_dropdown {
    min-width: unset;
  }
}
.practice_bank_subject_dropdown .subject_row {
  display: flex;
  justify-content: space-between;
  padding: 0 19px;
  border-bottom: 1px solid #f5f6fa;
}
.practice_bank_subject_dropdown .subject_row .caret {
  transform: rotate(90deg) !important;
  color: #97a4ba;
  width: 10px;
  opacity: 0.4;
}
.practice_bank_subject_dropdown .subject_row.open > .caret {
  transform: rotate(-90deg) !important;
}
.practice_bank_subject_dropdown .topic_row {
  padding: 0 46px;
  border-bottom: 1px solid #f5f6fa;
}
.practice_bank_subject_dropdown .topic_row__searched {
  padding: 0 19px;
}

.practice_bank_subject_dropdown__search_container {
  display: flex;
  align-items: center;
  height: 57.4px;
  width: 100%;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  padding: 0 29.1px;
}
.practice_bank_subject_dropdown__search_container input {
  display: block !important;
}

.practice_bank_subject_dropdown__icon {
  margin-right: 16.5px;
  flex: 0 0 auto;
}

.practice_bank_subject_dropdown__search {
  border: unset;
  font-size: 14px;
  font-family: "Source Sans Pro", sans-serif;
  background-color: rgba(0, 0, 0, 0);
  flex: 1 1 auto;
}

.practice_bank_delete_modal_overlay {
  background: rgba(171, 193, 218, 0.6);
}

.practice_bank_delete_modal {
  top: 30%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101; /* greater than studyplan modals */
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-around;
}
@media screen and (min-width: 767px) {
  .practice_bank_delete_modal {
    top: 25%;
  }
}
.practice_bank_delete_modal .deletion-modal-header {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 15px;
}
.practice_bank_delete_modal .deletion-modal-button-container {
  flex-direction: column-reverse;
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  gap: 16px;
}
@media screen and (min-width: 767px) {
  .practice_bank_delete_modal .deletion-modal-button-container {
    flex-direction: row;
  }
}

.practice_bank_delete_modal_closer {
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  height: 15px;
  width: 15px;
}

.creator-v2-container {
  border-radius: 10px;
  background: #fff;
  max-width: 817px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0px 15px 20px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .creator-v2-container {
    display: none;
  }
}
.creator-v2-container .creator--header {
  height: 10%;
  background: linear-gradient(-90deg, #385ee5 -2.04%, #7114fd 108.91%);
  border-radius: 10px 10px 0px 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0rem 1rem;
}
.creator-v2-container .creator--header-title {
  width: 50%;
  display: flex;
  flex-direction: row;
  margin-left: -45px;
}
@media (max-width: 1024px) {
  .creator-v2-container .creator--header-title {
    width: 60%;
  }
}
.creator-v2-container .creator--header-title-text {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  display: flex;
  align-items: center;
  padding: 0rem 1rem 0rem 0.5rem;
  color: #ffffff;
}
.creator-v2-container .creator--header-title-tooltip {
  cursor: pointer;
}
.creator-v2-container .creator--header-close {
  font-size: 24px;
  color: #ffffff;
  transform: rotate(45deg);
  cursor: pointer;
}
.creator-v2-container .creator--body {
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
}
.creator-v2-container .creator--body-section-title {
  height: 15%;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.creator-v2-container .creator--body-section-title .title-text {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.938rem;
  display: flex;
  align-items: center;
  color: #555e68;
}
.creator-v2-container .creator--body-section-title-editor {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.creator-v2-container .creator--body-section-title-editor .selected-text {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  display: flex;
  margin-right: 12px;
  align-items: center;
  color: #091016;
  background-color: #ffffff;
  max-width: 95%;
  white-space: nowrap;
  overflow: hidden;
  border: none;
  outline: 0px solid transparent;
  resize: none;
}
.creator-v2-container .creator--body-section-title-editor .editable {
  border: 1px solid black;
}
.creator-v2-container .creator--body-section-title-editor .pencil-icon {
  cursor: pointer;
}
.creator-v2-container .creator--body-recommended-options {
  max-width: 743px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fafcff;
  border-radius: 4px;
  justify-content: space-evenly;
}
.creator-v2-container .creator--body-recommended-options-header {
  font-weight: 400;
  font-size: 10.45px;
  line-height: 13px;
  display: flex;
  align-self: flex-start;
  letter-spacing: 2.09px;
  color: #555e68;
  margin: 20px 0px 16px 31px;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper {
  width: 100%;
  height: auto;
  padding: 0 33px;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles {
  display: flex;
  flex-direction: row;
  height: 216px;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 21px;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 100%;
  width: 146.32px;
  background: #ffffff;
  border-radius: 4px;
  filter: drop-shadow(0px 4px 4px rgba(155, 178, 194, 0.25));
}
@media (max-width: 1024px) {
  .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys {
    width: 24.25%;
  }
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys {
  background: linear-gradient(179.97deg, #ff9bb3 11.36%, #ff516b 99.97%);
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars {
  background: linear-gradient(180deg, #b7bbd9 0%, #616585 100%);
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem {
  background: linear-gradient(180deg, #88ffb8 0%, #5dce98 54.17%, #008f6d 100%);
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio {
  background: linear-gradient(180deg, #a073ff 0%, #5f5ed7 88.02%);
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .recommend-panel, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .recommend-panel-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .recommend-panel, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .recommend-panel-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .recommend-panel, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .recommend-panel-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .recommend-panel, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .recommend-panel-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .recommend-panel, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .recommend-panel-highlighted {
  border-radius: 22.2857px;
  font-weight: 600;
  font-size: 10px;
  line-height: 13px;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.75px;
  width: 115.87px;
  height: 17px;
  display: block;
  position: absolute;
  top: -5px;
  left: 15px;
  background: #f0f4f9;
  color: #8b97a4;
  padding: 2px 0px;
}
@media (max-width: 1024px) {
  .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .recommend-panel, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .recommend-panel-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .recommend-panel, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .recommend-panel-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .recommend-panel, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .recommend-panel-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .recommend-panel, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .recommend-panel-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .recommend-panel, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .recommend-panel-highlighted {
    width: 85px;
  }
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .recommend-panel-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .recommend-panel-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .recommend-panel-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .recommend-panel-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .recommend-panel-highlighted {
  background: linear-gradient(90deg, #385ee5 -2.04%, #7114fd 108.91%);
  color: #f5fbff;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile.recommend-tile, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .recommend-tile.section-tile-chemphys, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .recommend-tile.section-tile-cars, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .recommend-tile.section-tile-biobiochem, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .recommend-tile.section-tile-psysocio {
  z-index: 9;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  letter-spacing: 0.1875px;
  color: #343d42;
}
@media (max-width: 1024px) {
  .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted {
    font-size: 0.61rem;
  }
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted {
  color: #ffffff;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .accuracy, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .accuracy-psysocio, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .accuracy-biobiochem, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .accuracy-cars, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .accuracy-chemphys, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .accuracy-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .accuracy, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .accuracy-psysocio, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .accuracy-biobiochem, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .accuracy-cars, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .accuracy-chemphys, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .accuracy-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .accuracy, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .accuracy-psysocio, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .accuracy-biobiochem, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .accuracy-cars, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .accuracy-chemphys, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .accuracy-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .accuracy, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .accuracy-psysocio, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .accuracy-biobiochem, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .accuracy-cars, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .accuracy-chemphys, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .accuracy-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .accuracy, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .accuracy-psysocio, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .accuracy-biobiochem, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .accuracy-cars, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .accuracy-chemphys, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .accuracy-highlighted {
  display: flex;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 13px;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .accuracy-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .accuracy-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .accuracy-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .accuracy-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .accuracy-highlighted {
  color: #ffffff;
  font-weight: 700;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .accuracy-chemphys, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .accuracy-chemphys, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .accuracy-chemphys, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .accuracy-chemphys, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .accuracy-chemphys {
  color: #ff516b;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .accuracy-cars, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .accuracy-cars, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .accuracy-cars, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .accuracy-cars, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .accuracy-cars {
  color: #6e718d;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .accuracy-biobiochem, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .accuracy-biobiochem, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .accuracy-biobiochem, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .accuracy-biobiochem, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .accuracy-biobiochem {
  color: #13aa6d;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .accuracy-psysocio, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .accuracy-psysocio, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .accuracy-psysocio, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .accuracy-psysocio, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .accuracy-psysocio {
  color: #918bc0;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .section-donut-container, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .section-donut-container, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .section-donut-container, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .section-donut-container, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .section-donut-container {
  display: inline-block;
  justify-content: center;
  align-self: center;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .section-donut-container .icon-wrapper, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .section-donut-container .icon-wrapper-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .section-donut-container .icon-wrapper, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .section-donut-container .icon-wrapper-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .section-donut-container .icon-wrapper, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .section-donut-container .icon-wrapper-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .section-donut-container .icon-wrapper, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .section-donut-container .icon-wrapper-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .section-donut-container .icon-wrapper, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .section-donut-container .icon-wrapper-highlighted {
  position: absolute;
  left: 39px;
  top: 66px;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  z-index: -1;
}
@media (max-width: 1024px) {
  .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .section-donut-container .icon-wrapper, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .section-donut-container .icon-wrapper-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .section-donut-container .icon-wrapper, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .section-donut-container .icon-wrapper-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .section-donut-container .icon-wrapper, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .section-donut-container .icon-wrapper-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .section-donut-container .icon-wrapper, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .section-donut-container .icon-wrapper-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .section-donut-container .icon-wrapper, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .section-donut-container .icon-wrapper-highlighted {
    left: 22.5%;
    width: 65px;
  }
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .section-donut-container .icon-wrapper .section-icon, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .section-donut-container .icon-wrapper .section-icon, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .section-donut-container .icon-wrapper .section-icon, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .section-donut-container .icon-wrapper .section-icon, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .section-donut-container .icon-wrapper .section-icon, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .section-donut-container .icon-wrapper-highlighted .section-icon, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .section-donut-container .icon-wrapper-highlighted .section-icon, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .section-donut-container .icon-wrapper-highlighted .section-icon, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .section-donut-container .icon-wrapper-highlighted .section-icon, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .section-donut-container .icon-wrapper-highlighted .section-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .section-donut-container .icon-wrapper-shifted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .section-donut-container .icon-wrapper-shifted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .section-donut-container .icon-wrapper-shifted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .section-donut-container .icon-wrapper-shifted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .section-donut-container .icon-wrapper-shifted {
  top: 44px;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool {
  max-width: 679px;
  min-height: 134px;
  max-height: 206px;
  margin-top: 21px;
  margin-bottom: 28px;
  background: #ffffff;
  border: 1px solid #d4dee8;
  border-radius: 4px;
  position: relative;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool .reusable_tracker_panel {
  opacity: 0;
  transition: opacity 0.5s linear;
  display: block;
  top: 30px;
  right: -170px;
  width: 220px;
  transform: unset;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper {
  width: 100%;
  height: 100%;
  padding: 16px;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .header {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 18.5px;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .header-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #091016;
  margin-right: 12px;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .header .dropdown-container {
  z-index: 899;
  margin-left: auto;
  width: 215px;
  height: 1.563rem;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_modal .body--li, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-downgrade__modal-container .body--li, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-upgrade__modal-container .body--li, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_dialog__content .body--li, .reset_plan_dialog__content .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-height: 140px;
  overflow-y: auto;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body .topic-tag, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_modal .body--li .topic-tag, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-downgrade__modal-container .body--li .topic-tag, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-upgrade__modal-container .body--li .topic-tag, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_dialog__content .body--li .topic-tag, .reset_plan_dialog__content .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag {
  cursor: pointer;
  display: flex;
  width: fit-content;
  height: 30px;
  align-items: center;
  padding: 7px 8px;
  gap: 3px;
  border-radius: 2px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin-bottom: 4px;
  position: relative;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body .topic-tag .title, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_modal .body--li .topic-tag .title, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .title, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-downgrade__modal-container .body--li .topic-tag .title, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .title, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-upgrade__modal-container .body--li .topic-tag .title, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .title, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_dialog__content .body--li .topic-tag .title, .reset_plan_dialog__content .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .title, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body .topic-tag .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_modal .body--li .topic-tag .section-tiles .section-tile .title-highlighted, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-downgrade__modal-container .body--li .topic-tag .section-tiles .section-tile .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-upgrade__modal-container .body--li .topic-tag .section-tiles .section-tile .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .topic-pool--wrapper .body .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .topic-pool--wrapper .reset_plan_modal .body--li .topic-tag .title-highlighted, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .topic-pool--wrapper .live-downgrade__modal-container .body--li .topic-tag .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .topic-pool--wrapper .live-upgrade__modal-container .body--li .topic-tag .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_dialog__content .body--li .topic-tag .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .topic-pool--wrapper .reset_plan_dialog__content .body--li .topic-tag .title-highlighted, .reset_plan_dialog__content .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile .title-highlighted, .reset_plan_dialog__content .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body .topic-tag .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_modal .body--li .topic-tag .section-tiles .section-tile-chemphys .title-highlighted, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-downgrade__modal-container .body--li .topic-tag .section-tiles .section-tile-chemphys .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-upgrade__modal-container .body--li .topic-tag .section-tiles .section-tile-chemphys .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .topic-pool--wrapper .body .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .topic-pool--wrapper .reset_plan_modal .body--li .topic-tag .title-highlighted, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .topic-pool--wrapper .live-downgrade__modal-container .body--li .topic-tag .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .topic-pool--wrapper .live-upgrade__modal-container .body--li .topic-tag .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_dialog__content .body--li .topic-tag .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .topic-pool--wrapper .reset_plan_dialog__content .body--li .topic-tag .title-highlighted, .reset_plan_dialog__content .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile-chemphys .title-highlighted, .reset_plan_dialog__content .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body .topic-tag .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_modal .body--li .topic-tag .section-tiles .section-tile-cars .title-highlighted, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-downgrade__modal-container .body--li .topic-tag .section-tiles .section-tile-cars .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-upgrade__modal-container .body--li .topic-tag .section-tiles .section-tile-cars .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .topic-pool--wrapper .body .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .topic-pool--wrapper .reset_plan_modal .body--li .topic-tag .title-highlighted, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .topic-pool--wrapper .live-downgrade__modal-container .body--li .topic-tag .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .topic-pool--wrapper .live-upgrade__modal-container .body--li .topic-tag .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_dialog__content .body--li .topic-tag .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .topic-pool--wrapper .reset_plan_dialog__content .body--li .topic-tag .title-highlighted, .reset_plan_dialog__content .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile-cars .title-highlighted, .reset_plan_dialog__content .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body .topic-tag .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_modal .body--li .topic-tag .section-tiles .section-tile-biobiochem .title-highlighted, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-downgrade__modal-container .body--li .topic-tag .section-tiles .section-tile-biobiochem .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-upgrade__modal-container .body--li .topic-tag .section-tiles .section-tile-biobiochem .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .topic-pool--wrapper .body .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .topic-pool--wrapper .reset_plan_modal .body--li .topic-tag .title-highlighted, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .topic-pool--wrapper .live-downgrade__modal-container .body--li .topic-tag .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .topic-pool--wrapper .live-upgrade__modal-container .body--li .topic-tag .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_dialog__content .body--li .topic-tag .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .topic-pool--wrapper .reset_plan_dialog__content .body--li .topic-tag .title-highlighted, .reset_plan_dialog__content .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile-biobiochem .title-highlighted, .reset_plan_dialog__content .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body .topic-tag .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_modal .body--li .topic-tag .section-tiles .section-tile-psysocio .title-highlighted, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-downgrade__modal-container .body--li .topic-tag .section-tiles .section-tile-psysocio .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-upgrade__modal-container .body--li .topic-tag .section-tiles .section-tile-psysocio .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .topic-pool--wrapper .body .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .topic-pool--wrapper .reset_plan_modal .body--li .topic-tag .title-highlighted, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .topic-pool--wrapper .live-downgrade__modal-container .body--li .topic-tag .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .topic-pool--wrapper .live-upgrade__modal-container .body--li .topic-tag .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .topic-pool--wrapper .body--li .topic-tag .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_dialog__content .body--li .topic-tag .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .topic-pool--wrapper .reset_plan_dialog__content .body--li .topic-tag .title-highlighted, .reset_plan_dialog__content .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .section-tiles .section-tile-psysocio .title-highlighted, .reset_plan_dialog__content .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .topic-pool--wrapper .body--li .topic-tag .title-highlighted {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body .topic-tag .background, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_modal .body--li .topic-tag .background, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .background, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-downgrade__modal-container .body--li .topic-tag .background, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .background, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-upgrade__modal-container .body--li .topic-tag .background, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .background, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_dialog__content .body--li .topic-tag .background, .reset_plan_dialog__content .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag .background {
  opacity: 0.3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  border-radius: 2px;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body .topic-tag:not(:first-of-type), .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_modal .body--li .topic-tag:not(:first-of-type), .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag:not(:first-of-type), .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-downgrade__modal-container .body--li .topic-tag:not(:first-of-type), .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag:not(:first-of-type), .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-upgrade__modal-container .body--li .topic-tag:not(:first-of-type), .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag:not(:first-of-type), .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_dialog__content .body--li .topic-tag:not(:first-of-type), .reset_plan_dialog__content .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .topic-tag:not(:first-of-type) {
  margin-left: 4px;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body .no-topic-text, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_modal .body--li .no-topic-text, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .no-topic-text, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-downgrade__modal-container .body--li .no-topic-text, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .no-topic-text, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .live-upgrade__modal-container .body--li .no-topic-text, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .no-topic-text, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .reset_plan_dialog__content .body--li .no-topic-text, .reset_plan_dialog__content .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool--wrapper .body--li .no-topic-text {
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  display: flex;
  align-items: center;
  letter-spacing: 0.1875px;
  color: #bcc6d0;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.psysocio:after,
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.psysocio:before, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.biobiochem:after,
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.biobiochem:before, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.cars:after,
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.cars:before, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.chemphys:after,
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.chemphys:before {
  bottom: 100%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.psysocio:after, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.biobiochem:after, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.cars:after, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.chemphys:after {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.psysocio:before, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.biobiochem:before, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.cars:before, .creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.chemphys:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #d4dee8;
  border-width: 11px;
  margin-left: -11px;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.chemphys:after,
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.chemphys:before {
  left: 12%;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.cars:after,
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.cars:before {
  left: 37%;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.biobiochem:after,
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.biobiochem:before {
  left: 62%;
}
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.psysocio:after,
.creator-v2-container .creator--body-recommended-options .option-wrapper .topic-pool.psysocio:before {
  left: 87%;
}
.creator-v2-container .creator--body-settings {
  margin-top: 30px;
  height: 6.75rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.creator-v2-container .creator--body-settings .icon-row {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin: 5px 0px;
}
.creator-v2-container .creator--body-settings .icon-row .recycle-mode-toggle {
  font-size: 12px;
  display: inherit;
  align-items: center;
}
.creator-v2-container .creator--body-settings .icon-row .recycle-mode-toggle img {
  padding-top: 5px;
}
.creator-v2-container .creator--body-settings .passage-selector-row {
  display: flex;
  gap: 10px;
}
.creator-v2-container .creator--body-settings .settings {
  font-size: 16px;
  font-weight: 600;
}
.creator-v2-container .creator--body-settings .settings-icon {
  margin: 0 20px 0 10px;
  padding-top: 2px;
}
.creator-v2-container .creator--body-settings .questions {
  font-size: 12px;
}
.creator-v2-container .creator--body-settings .questions-icon {
  margin: 0 3px;
  padding-top: 5px;
}
.creator-v2-container .creator--body-settings .current-count {
  margin-left: -3px;
  padding: 4px 6px;
  font-size: 14px;
  white-space: nowrap;
  background-color: #f4faff;
}
.creator-v2-container .creator--body-settings .current-count.zero em {
  color: #e45f5f;
}
.creator-v2-container .creator--body-settings .current-count em {
  color: #4fa3ec;
  font-style: normal;
  min-width: 30px;
}
.creator-v2-container .creator--body-settings .question-controls {
  display: flex;
  justify-content: space-between;
  gap: 6px;
}
.creator-v2-container .creator--body-settings .question-controls .question-option {
  border-radius: 5px;
  font-size: 14px;
  padding: 5px 18px;
  background-color: #f0f4f9;
  color: #555e68;
  cursor: pointer;
}
.creator-v2-container .creator--body-settings .question-controls .question-option.selected, .creator-v2-container .creator--body-settings .question-controls .question-option:hover {
  background-color: #5da4e2;
  color: white;
}
@media (max-width: 1024px) {
  .creator-v2-container .creator--body-settings .question-controls .question-option {
    padding: 5px 17px;
  }
}
.creator-v2-container .creator--body-settings .time-keeping-column {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding-right: 15px;
}
.creator-v2-container .creator--body-settings .time-keeping-column .duration-container {
  background-color: #f9f6ff;
  align-self: flex-end;
  border-radius: 4px;
}
.creator-v2-container .creator--body-settings .time-keeping-column .time-setting {
  font-size: 12px;
  color: #555e68;
}
.creator-v2-container .creator--body-settings .time-keeping-column .duration-estimate {
  font-size: 12px;
  font-style: italic;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 5px;
  background: linear-gradient(90deg, #385ee5 -2.04%, #7114fd 108.91%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.creator-v2-container .creator--footer {
  cursor: pointer;
  height: 10%;
  background: linear-gradient(90deg, #385ee5 -2.04%, #7114fd 108.91%);
  border-radius: 0px 0px 10px 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem;
}
.creator-v2-container .creator--footer-disabled {
  background: linear-gradient(90deg, #385ee5 -2.04%, #7114fd 108.91%);
  opacity: 0.3;
  cursor: default;
}
.creator-v2-container .creator--footer-title {
  width: 40%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
@media (max-width: 1024px) {
  .creator-v2-container .creator--footer-title {
    width: 60%;
  }
}
.creator-v2-container .creator--footer-title-text {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  display: flex;
  align-items: center;
  color: #ffffff;
}
.creator-v2-container .creator--footer-title-arrow {
  cursor: pointer;
}

.personalized-learning-tooltip {
  display: flex;
  flex-direction: column;
  margin: 0.5rem;
  background: #ffffff;
}
.personalized-learning-tooltip .pl-tooltip--header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 0.25rem;
}
.personalized-learning-tooltip .pl-tooltip--header-title {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  margin-left: 0.25rem;
  color: #091016;
}
.personalized-learning-tooltip .pl-tooltip--body {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 0.1875px;
  color: #2e363f;
}

.recommended-wrapper {
  width: 20rem;
}

.practice-set-mobile-disclaimer {
  border-radius: 10px;
  background: #fff;
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 15px 20px 10px rgba(0, 0, 0, 0.1);
}
@media (min-width: 767px) {
  .practice-set-mobile-disclaimer {
    display: none;
  }
}
.practice-set-mobile-disclaimer .close-icon {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  padding: 1rem 1rem 0rem 0rem;
  height: 10%;
  width: 100%;
}
.practice-set-mobile-disclaimer .close-icon p {
  width: 10%;
  font-size: 24px;
  color: #2e363f;
  transform: rotate(45deg);
  cursor: pointer;
}
.practice-set-mobile-disclaimer .body, .practice-set-mobile-disclaimer .reset_plan_modal .body--li, .reset_plan_modal .practice-set-mobile-disclaimer .body--li, .practice-set-mobile-disclaimer .live-downgrade__modal-container .body--li, .live-downgrade__modal-container .practice-set-mobile-disclaimer .body--li, .practice-set-mobile-disclaimer .live-upgrade__modal-container .body--li, .live-upgrade__modal-container .practice-set-mobile-disclaimer .body--li, .practice-set-mobile-disclaimer .reset_plan_dialog__content .body--li, .reset_plan_dialog__content .practice-set-mobile-disclaimer .body--li {
  height: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0rem 1rem 1rem 1rem;
}
.practice-set-mobile-disclaimer .body .microscope-icon, .practice-set-mobile-disclaimer .reset_plan_modal .body--li .microscope-icon, .reset_plan_modal .practice-set-mobile-disclaimer .body--li .microscope-icon, .practice-set-mobile-disclaimer .live-downgrade__modal-container .body--li .microscope-icon, .live-downgrade__modal-container .practice-set-mobile-disclaimer .body--li .microscope-icon, .practice-set-mobile-disclaimer .live-upgrade__modal-container .body--li .microscope-icon, .live-upgrade__modal-container .practice-set-mobile-disclaimer .body--li .microscope-icon, .practice-set-mobile-disclaimer .reset_plan_dialog__content .body--li .microscope-icon, .reset_plan_dialog__content .practice-set-mobile-disclaimer .body--li .microscope-icon {
  height: 25%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1rem 0rem;
}
.practice-set-mobile-disclaimer .body .title, .practice-set-mobile-disclaimer .reset_plan_modal .body--li .title, .reset_plan_modal .practice-set-mobile-disclaimer .body--li .title, .practice-set-mobile-disclaimer .live-downgrade__modal-container .body--li .title, .live-downgrade__modal-container .practice-set-mobile-disclaimer .body--li .title, .practice-set-mobile-disclaimer .live-upgrade__modal-container .body--li .title, .live-upgrade__modal-container .practice-set-mobile-disclaimer .body--li .title, .practice-set-mobile-disclaimer .reset_plan_dialog__content .body--li .title, .reset_plan_dialog__content .practice-set-mobile-disclaimer .body--li .title, .practice-set-mobile-disclaimer .body .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .practice-set-mobile-disclaimer .reset_plan_modal .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .reset_plan_modal .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .practice-set-mobile-disclaimer .live-downgrade__modal-container .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .live-downgrade__modal-container .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .practice-set-mobile-disclaimer .live-upgrade__modal-container .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .live-upgrade__modal-container .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .practice-set-mobile-disclaimer .body .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .practice-set-mobile-disclaimer .reset_plan_modal .body--li .title-highlighted, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .practice-set-mobile-disclaimer .body--li .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .practice-set-mobile-disclaimer .live-downgrade__modal-container .body--li .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .practice-set-mobile-disclaimer .body--li .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .practice-set-mobile-disclaimer .live-upgrade__modal-container .body--li .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .practice-set-mobile-disclaimer .body--li .title-highlighted, .practice-set-mobile-disclaimer .reset_plan_dialog__content .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .practice-set-mobile-disclaimer .reset_plan_dialog__content .body--li .title-highlighted, .reset_plan_dialog__content .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .reset_plan_dialog__content .practice-set-mobile-disclaimer .body--li .title-highlighted, .practice-set-mobile-disclaimer .body .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .practice-set-mobile-disclaimer .reset_plan_modal .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .reset_plan_modal .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .practice-set-mobile-disclaimer .live-downgrade__modal-container .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .live-downgrade__modal-container .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .practice-set-mobile-disclaimer .live-upgrade__modal-container .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .live-upgrade__modal-container .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .practice-set-mobile-disclaimer .body .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .practice-set-mobile-disclaimer .reset_plan_modal .body--li .title-highlighted, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .practice-set-mobile-disclaimer .body--li .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .practice-set-mobile-disclaimer .live-downgrade__modal-container .body--li .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .practice-set-mobile-disclaimer .body--li .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .practice-set-mobile-disclaimer .live-upgrade__modal-container .body--li .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .practice-set-mobile-disclaimer .body--li .title-highlighted, .practice-set-mobile-disclaimer .reset_plan_dialog__content .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .practice-set-mobile-disclaimer .reset_plan_dialog__content .body--li .title-highlighted, .reset_plan_dialog__content .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .reset_plan_dialog__content .practice-set-mobile-disclaimer .body--li .title-highlighted, .practice-set-mobile-disclaimer .body .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .practice-set-mobile-disclaimer .reset_plan_modal .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .reset_plan_modal .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .practice-set-mobile-disclaimer .live-downgrade__modal-container .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .live-downgrade__modal-container .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .practice-set-mobile-disclaimer .live-upgrade__modal-container .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .live-upgrade__modal-container .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .practice-set-mobile-disclaimer .body .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .practice-set-mobile-disclaimer .reset_plan_modal .body--li .title-highlighted, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .practice-set-mobile-disclaimer .body--li .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .practice-set-mobile-disclaimer .live-downgrade__modal-container .body--li .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .practice-set-mobile-disclaimer .body--li .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .practice-set-mobile-disclaimer .live-upgrade__modal-container .body--li .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .practice-set-mobile-disclaimer .body--li .title-highlighted, .practice-set-mobile-disclaimer .reset_plan_dialog__content .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .practice-set-mobile-disclaimer .reset_plan_dialog__content .body--li .title-highlighted, .reset_plan_dialog__content .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .reset_plan_dialog__content .practice-set-mobile-disclaimer .body--li .title-highlighted, .practice-set-mobile-disclaimer .body .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .practice-set-mobile-disclaimer .reset_plan_modal .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .reset_plan_modal .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .practice-set-mobile-disclaimer .live-downgrade__modal-container .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .live-downgrade__modal-container .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .practice-set-mobile-disclaimer .live-upgrade__modal-container .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .live-upgrade__modal-container .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .practice-set-mobile-disclaimer .body .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .practice-set-mobile-disclaimer .reset_plan_modal .body--li .title-highlighted, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .practice-set-mobile-disclaimer .body--li .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .practice-set-mobile-disclaimer .live-downgrade__modal-container .body--li .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .practice-set-mobile-disclaimer .body--li .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .practice-set-mobile-disclaimer .live-upgrade__modal-container .body--li .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .practice-set-mobile-disclaimer .body--li .title-highlighted, .practice-set-mobile-disclaimer .reset_plan_dialog__content .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .practice-set-mobile-disclaimer .reset_plan_dialog__content .body--li .title-highlighted, .reset_plan_dialog__content .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .reset_plan_dialog__content .practice-set-mobile-disclaimer .body--li .title-highlighted, .practice-set-mobile-disclaimer .body .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .practice-set-mobile-disclaimer .reset_plan_modal .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .reset_plan_modal .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .practice-set-mobile-disclaimer .live-downgrade__modal-container .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .live-downgrade__modal-container .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .practice-set-mobile-disclaimer .live-upgrade__modal-container .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .live-upgrade__modal-container .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .practice-set-mobile-disclaimer .body .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .practice-set-mobile-disclaimer .reset_plan_modal .body--li .title-highlighted, .reset_plan_modal .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .practice-set-mobile-disclaimer .body--li .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .practice-set-mobile-disclaimer .live-downgrade__modal-container .body--li .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .practice-set-mobile-disclaimer .body--li .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .practice-set-mobile-disclaimer .live-upgrade__modal-container .body--li .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .practice-set-mobile-disclaimer .body--li .title-highlighted, .practice-set-mobile-disclaimer .reset_plan_dialog__content .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .practice-set-mobile-disclaimer .reset_plan_dialog__content .body--li .title-highlighted, .reset_plan_dialog__content .practice-set-mobile-disclaimer .body--li .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .reset_plan_dialog__content .practice-set-mobile-disclaimer .body--li .title-highlighted {
  height: 25%;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
  line-height: 29px;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 1rem 0rem;
  color: #091016;
}
.practice-set-mobile-disclaimer .body .subtitle-1, .practice-set-mobile-disclaimer .reset_plan_modal .body--li .subtitle-1, .reset_plan_modal .practice-set-mobile-disclaimer .body--li .subtitle-1, .practice-set-mobile-disclaimer .live-downgrade__modal-container .body--li .subtitle-1, .live-downgrade__modal-container .practice-set-mobile-disclaimer .body--li .subtitle-1, .practice-set-mobile-disclaimer .live-upgrade__modal-container .body--li .subtitle-1, .live-upgrade__modal-container .practice-set-mobile-disclaimer .body--li .subtitle-1, .practice-set-mobile-disclaimer .reset_plan_dialog__content .body--li .subtitle-1, .reset_plan_dialog__content .practice-set-mobile-disclaimer .body--li .subtitle-1 {
  height: 25%;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 0rem 1rem;
  color: #555e68;
}
.practice-set-mobile-disclaimer .body .subtitle-2, .practice-set-mobile-disclaimer .reset_plan_modal .body--li .subtitle-2, .reset_plan_modal .practice-set-mobile-disclaimer .body--li .subtitle-2, .practice-set-mobile-disclaimer .live-downgrade__modal-container .body--li .subtitle-2, .live-downgrade__modal-container .practice-set-mobile-disclaimer .body--li .subtitle-2, .practice-set-mobile-disclaimer .live-upgrade__modal-container .body--li .subtitle-2, .live-upgrade__modal-container .practice-set-mobile-disclaimer .body--li .subtitle-2, .practice-set-mobile-disclaimer .reset_plan_dialog__content .body--li .subtitle-2, .reset_plan_dialog__content .practice-set-mobile-disclaimer .body--li .subtitle-2 {
  height: 25%;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 1rem 0rem;
  color: #555e68;
}
.practice-set-mobile-disclaimer .footer {
  cursor: pointer;
  height: 20%;
  width: 100%;
  background: #5da4e2;
  border-radius: 0px 0px 10px 10px;
  padding: 1rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.practice-set-mobile-disclaimer .footer p {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  display: flex;
  align-items: center;
  color: #ffffff;
}

.complete-diagnostic-modal {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.complete-diagnostic-modal .header-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.complete-diagnostic-modal .header-box .title, .complete-diagnostic-modal .header-box .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .complete-diagnostic-modal .header-box .title-highlighted, .complete-diagnostic-modal .header-box .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .complete-diagnostic-modal .header-box .title-highlighted, .complete-diagnostic-modal .header-box .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .complete-diagnostic-modal .header-box .title-highlighted, .complete-diagnostic-modal .header-box .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .complete-diagnostic-modal .header-box .title-highlighted, .complete-diagnostic-modal .header-box .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .complete-diagnostic-modal .header-box .title-highlighted {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  color: #000000;
}
.complete-diagnostic-modal .header-box .close-btn {
  font-size: 24px;
  color: #a0a0a0;
  transform: rotate(45deg);
  cursor: pointer;
}
.complete-diagnostic-modal .body, .complete-diagnostic-modal .reset_plan_modal .body--li, .reset_plan_modal .complete-diagnostic-modal .body--li, .complete-diagnostic-modal .live-downgrade__modal-container .body--li, .live-downgrade__modal-container .complete-diagnostic-modal .body--li, .complete-diagnostic-modal .live-upgrade__modal-container .body--li, .live-upgrade__modal-container .complete-diagnostic-modal .body--li, .complete-diagnostic-modal .reset_plan_dialog__content .body--li, .reset_plan_dialog__content .complete-diagnostic-modal .body--li {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #2f2f2f;
}
.complete-diagnostic-modal .body--bold {
  font-weight: 700;
}
.complete-diagnostic-modal .button-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.complete-diagnostic-modal .button-box .dismiss-btn {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #64a3e6;
  border: none;
  cursor: pointer;
  background-color: #ffffff;
  margin-right: 1rem;
}
.complete-diagnostic-modal .button-box .submit-btn {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  /* identical to box height */
  color: #ffffff;
  cursor: pointer;
  background: #4fa3ec;
  border-radius: 24.5px;
  border: none;
  padding: 12px 48px;
  gap: 10px;
}

.practice_bank__number_selector_v2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 190px;
  background-color: #f4faff;
}
@media (max-width: 1024px) {
  .practice_bank__number_selector_v2 {
    width: 130px;
  }
}
.practice_bank__number_selector_v2 .number_selector_button {
  border-radius: 3px;
  border: solid 0.8px #a9b6c8;
  background-color: #5da4e2;
  font-size: 14px;
  font-weight: 700;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  padding: 0;
}
.practice_bank__number_selector_v2 .number_selector_button.disabled {
  pointer-events: none;
  background-color: #a9b6c8;
}
.practice_bank__number_selector_v2 .number_selector_button:hover {
  background: #fdfdfd;
}
.practice_bank__number_selector_v2 .questionGroupLimit {
  font-size: 14px;
  letter-spacing: 0.11px;
  color: #2f2f2f;
  background-color: white;
  padding: 3px 28px;
}
@media (max-width: 1024px) {
  .practice_bank__number_selector_v2 .questionGroupLimit {
    padding: 3px;
  }
}
.practice_bank__number_selector_v2 .button-container {
  padding: 10px;
}
@media (max-width: 1024px) {
  .practice_bank__number_selector_v2 .button-container {
    padding: 5px;
  }
}

.practice_bank_topics_dropdown {
  display: inherit;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  width: 215px;
  height: auto;
  background: #ffffff;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}
.practice_bank_topics_dropdown .default-bar {
  cursor: pointer;
  padding: 5px 12px;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  align-items: center;
}
.practice_bank_topics_dropdown .default-bar img {
  margin-left: auto;
  height: 0.45rem;
  width: 0.45rem;
}
.practice_bank_topics_dropdown .default-bar .display-text {
  color: #5da4e2;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 15px;
  display: flex;
  align-items: center;
}
.practice_bank_topics_dropdown .dropdown {
  z-index: inherit;
  width: 100%;
  height: auto;
  background-color: white;
}
.practice_bank_topics_dropdown .dropdown .search-bar {
  display: flex;
  padding: 5px 12px;
  background: #f9fcff;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.practice_bank_topics_dropdown .dropdown .search-bar .searchInput, .practice_bank_topics_dropdown .dropdown .search-bar .searchInput-empty {
  padding-left: 9.48px;
  display: flex;
  align-items: center;
  letter-spacing: 0.1875px;
  color: black;
  flex: none;
  order: 0;
  flex-grow: 0;
  border: none;
  background: #f9fcff;
  width: 95%;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
}
.practice_bank_topics_dropdown .dropdown .search-bar .searchInput-empty {
  color: #8b97a4 !important;
}
.practice_bank_topics_dropdown .dropdown .droppable {
  max-height: 158px;
  overflow: scroll;
}
.practice_bank_topics_dropdown .dropdown .droppable .subject-bar {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  padding: 5px 12px;
  width: 100%;
  height: 100%;
}
.practice_bank_topics_dropdown .dropdown .droppable .subject-bar img {
  margin-left: auto;
}
.practice_bank_topics_dropdown .dropdown .droppable .subject-bar .subject-text {
  display: flex;
  align-items: center;
  color: #555e68;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
}
.practice_bank_topics_dropdown .dropdown .droppable .topic-bar {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  padding: 2.5px 12px;
  width: 100%;
  height: 100%;
}
.practice_bank_topics_dropdown .dropdown .droppable .topic-bar .checkbox-container {
  width: 22px;
  height: 24px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.practice_bank_topics_dropdown .dropdown .droppable .topic-bar .topic-text {
  display: flex;
  align-items: center;
  color: #091016;
  order: 0;
  flex-grow: 0;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.1875px;
}

.questiongroup-exhaustion-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.questiongroup-exhaustion-modal .header {
  width: 100%;
  padding: 0.5rem 0rem 1.5rem;
}
.questiongroup-exhaustion-modal .header .title, .questiongroup-exhaustion-modal .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .questiongroup-exhaustion-modal .header .title-highlighted, .questiongroup-exhaustion-modal .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .questiongroup-exhaustion-modal .header .title-highlighted, .questiongroup-exhaustion-modal .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .questiongroup-exhaustion-modal .header .title-highlighted, .questiongroup-exhaustion-modal .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .questiongroup-exhaustion-modal .header .title-highlighted, .questiongroup-exhaustion-modal .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .questiongroup-exhaustion-modal .header .title-highlighted {
  font-family: "Source Sans Pro";
  font-weight: 600;
  font-size: 24px;
  line-height: 125%;
  color: #0d1b2b;
}
.questiongroup-exhaustion-modal .disabled {
  opacity: 0.5;
  cursor: default;
}
.questiongroup-exhaustion-modal .proceed {
  padding: 1.5rem 0rem;
  border-top: 1px dotted rgba(0, 0, 0, 0.5);
  border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
}
.questiongroup-exhaustion-modal .adjustments {
  padding: 1.5rem 0rem 0.5rem;
}
.questiongroup-exhaustion-modal .section {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.questiongroup-exhaustion-modal .section .explanation {
  width: 75%;
}
.questiongroup-exhaustion-modal .section .explanation .title, .questiongroup-exhaustion-modal .section .explanation .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .questiongroup-exhaustion-modal .section .explanation .title-highlighted, .questiongroup-exhaustion-modal .section .explanation .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .questiongroup-exhaustion-modal .section .explanation .title-highlighted, .questiongroup-exhaustion-modal .section .explanation .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .questiongroup-exhaustion-modal .section .explanation .title-highlighted, .questiongroup-exhaustion-modal .section .explanation .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .questiongroup-exhaustion-modal .section .explanation .title-highlighted, .questiongroup-exhaustion-modal .section .explanation .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .questiongroup-exhaustion-modal .section .explanation .title-highlighted {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 145%;
  color: #0d1b2b;
}
.questiongroup-exhaustion-modal .section .explanation .subtitle {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 145%;
  color: #607285;
}
.questiongroup-exhaustion-modal .section .controls {
  width: 25%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.questiongroup-exhaustion-modal .section .controls .btn {
  cursor: pointer;
  padding: 12px 32px;
  gap: 10px;
  width: 128px;
  height: 48px;
  background: #5da4e2;
  border-radius: 24.5px;
  border: none;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  color: #ffffff;
}

.unpersonalized_header {
  background: linear-gradient(89.99deg, #25282d -1.22%, #2b3748 102.06%) !important;
}
.unpersonalized_header_title {
  padding: 1rem;
  margin-left: unset !important;
}
.unpersonalized_disclaimer {
  padding: 1rem;
  margin: 0rem 1rem 1rem 1rem;
  background: #f1f4f8;
  border: 1px solid #dee4eb;
  box-shadow: 0px 4px 16px rgba(13, 27, 43, 0.08);
  border-radius: 8px;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 145%;
  color: #0d1b2b;
}
.unpersonalized_footer {
  background: #5da4e2 !important;
}
.unpersonalized_footer_title {
  width: 20% !important;
}

.video-container {
  position: relative;
}
.video-container .main {
  display: flex;
  align-items: center;
  background: #f6f7fb;
}
.video-container video {
  max-height: 80vh;
  background: #f6f7fb;
}
.video-container .bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: rgba(102, 102, 102, 0.5);
}
.video-container .bar.progress {
  background: #4c9ade;
}
.video-container .bar-container {
  background: rgba(255, 255, 255, 0.05);
  height: 7px;
  position: relative;
  flex: 1;
}
.video-container .preview {
  display: flex;
  position: absolute;
  bottom: 2em;
  flex-direction: column;
  align-items: center;
}
.video-container .preview .preview-image {
  background: rgba(23, 35, 34, 0.75);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  text-align: center;
  padding: 4px;
}
.video-container .preview .duration {
  background: rgba(23, 35, 34, 0.75);
  padding: 1px 3px;
  margin-top: 2px;
  color: white;
  font-size: 13px;
  margin-bottom: -9px;
}
.video-container .bottom {
  opacity: 0;
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1em;
  box-sizing: border-box;
  transition: opacity 0.25s linear;
  align-items: center;
}
.video-container .bottom.ready {
  display: flex;
}
.video-container .bottom.showControl {
  opacity: 1;
}
.video-container .bottom .main-button {
  color: white;
  background: rgba(23, 35, 34, 0.75);
  padding: 9px 20px;
  border-radius: 2px;
  margin-right: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.video-container .bottom .main-button:hover {
  background: #4c9ade;
}
.video-container .bottom .forward-button {
  background: rgba(23, 35, 34, 0.75);
  border-radius: 2px;
  height: 40px;
  margin-right: 5px;
  width: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-container .bottom .forward-button:hover {
  background: #4c9ade;
}
.video-container .bottom .controls-container {
  padding: 6px;
  display: flex;
  flex: 1;
  background: rgba(23, 35, 34, 0.75);
  align-items: center;
  border-radius: 2px;
  position: relative;
}
.video-container .bottom .controls-container.seeking {
  cursor: pointer;
}
.video-container .bottom .controls-container .control-buttons {
  height: 20px;
  display: flex;
  align-items: center;
}
.video-container .bottom .controls-container .control-buttons img {
  cursor: pointer;
  margin-left: 1em;
  width: 15px;
  height: 15px;
  transition: transform 0.3s ease;
}
.video-container .bottom .controls-container .control-buttons img:hover {
  color: #00adef;
  opacity: 0.5;
}
.video-container .bottom .controls-container .control-buttons .cc {
  width: 25px;
}
.video-container .bottom .controls-container .control-buttons .sound-bars {
  display: flex;
  align-items: flex-end;
  margin-left: 10px;
}
.video-container .bottom .controls-container .control-buttons .sound-bars .sound-bar {
  width: 5px;
  margin-left: 1px;
}
.video-container .bottom .controls-container .control-buttons .sound-bars .sound-bar:first-of-type {
  height: 4px;
}
.video-container .bottom .controls-container .control-buttons .sound-bars .sound-bar:nth-of-type(2) {
  height: 6.8px;
}
.video-container .bottom .controls-container .control-buttons .sound-bars .sound-bar:nth-of-type(3) {
  height: 9.5px;
}
.video-container .bottom .controls-container .control-buttons .sound-bars .sound-bar:nth-of-type(4) {
  height: 12.3px;
}
.video-container .bottom .controls-container .control-buttons .sound-bars .sound-bar:nth-of-type(5) {
  height: 15px;
}
.video-container .bottom .controls-container .control-panel {
  position: absolute;
  right: 0;
  bottom: 2.3em;
  display: flex;
}
.video-container .bottom .controls-container .control-panel .panel-column {
  border-radius: 2px;
  background: rgba(23, 35, 34, 0.75);
  margin-left: 2px;
  padding: 5px 17px;
}
.video-container .bottom .controls-container .control-panel .panel-column .column-title {
  font-weight: bold;
  font-size: 12px;
  opacity: 0.75;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 5px;
  list-style: none;
}
.video-container .bottom .controls-container .control-panel .panel-column .quality-text {
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  list-style: none;
}
.video-container .bottom .controls-container .control-panel .panel-column .quality-text:hover {
  color: #00adef !important;
}
.video-container .bottom .controls-container .timecode {
  background-color: #f8f8f8;
  text-align: center;
  padding: 2px 4px;
  position: absolute;
  bottom: 2.3em;
  font-size: 10px;
  width: 38px;
}
.video-container .bottom .controls-container .timecode .arrow {
  position: absolute;
  border-color: #c8c8c8 transparent transparent transparent;
  border-width: 8px 8px 0px 8px;
  bottom: -8px;
}
.video-container .bottom .controls-container .timecode .arrow:after {
  border-color: #f8f8f8 transparent transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0px 7px;
  bottom: 1px;
  content: "";
  position: absolute;
  left: 8px;
  bottom: 4px;
}
.video-container .end-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-container .end-overlay .reset-img {
  background: #1b1b1b;
  padding: 20px 19px;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.video-container .end-overlay .reset-img:hover {
  transform: rotate(45deg);
}
.video-container .end-overlay .play-wrapper {
  width: 60px;
  height: 60px;
  background: rgb(25, 25, 25);
  border-radius: 40px;
  cursor: pointer;
}
.video-container .end-overlay .play-wrapper .play-img {
  background: transparent;
  padding: 20px 20px;
}
.video-container .next-overlay {
  position: absolute;
  right: 60px;
  bottom: 85px;
  color: white;
  background: #4fa3ec;
  opacity: 0.95;
  border-radius: 5px;
  cursor: pointer;
}
.video-container .next-overlay:hover {
  opacity: 1;
}
@media (max-width: 1224px) {
  .video-container .next-overlay {
    right: 10px;
  }
}
@media (max-width: 1024px) {
  .video-container .next-overlay {
    bottom: 20px;
  }
}
.video-container .next-overlay .top {
  font-size: 16px;
  padding: 20px 25px 10px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .video-container .next-overlay .top {
    padding: 13px;
    padding-bottom: 10px;
    font-size: 13px;
  }
}
.video-container .next-overlay .top .svg-wrapper {
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.07);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
}
.video-container .next-overlay .quiz-title {
  font-size: 28px;
  font-weight: 600;
  padding: 0 25px 30px 25px;
  max-width: 300px;
  min-height: 90px;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  min-height: 90px;
}
@media (max-width: 1024px) {
  .video-container .next-overlay .quiz-title {
    max-width: 200px;
    font-size: 17px;
    padding: 0 13px 13px 13px;
    line-height: normal;
    font-weight: 600;
  }
}
@media (max-width: 500px) {
  .video-container .next-overlay .quiz-title {
    max-width: 120px;
    font-size: 15px;
  }
}
.video-container .playback-button {
  position: absolute;
  right: 22px;
  bottom: -44px;
  width: 67px;
  height: 28px;
  border-radius: 4px;
  border: solid 1px #e7e7e7;
  background-color: rgba(249, 249, 249, 0.9);
  padding: 17px 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}
.video-container .playback-button.forModal {
  display: none;
}
.video-container .playback-button.open .panel-column {
  display: block;
}
.video-container .playback-button .panel-column {
  display: none;
  position: absolute;
  bottom: -356px;
  right: 0px;
  width: 123px;
  border-radius: 4px;
  background-color: rgba(47, 47, 47, 0.97);
}
.video-container .playback-button .panel-column .column-title {
  font-size: 13px;
  color: white;
  border-top: none;
}
.video-container .playback-button .panel-column li {
  cursor: pointer;
  font-size: 16px;
  padding: 13px 22px;
  border-top: 0.5px solid black;
}
.video-container .hovered-details {
  display: none;
  width: 100%;
  opacity: 0.85;
  background-color: #272727;
  position: absolute;
  padding: 20px;
  top: 100%;
}
.video-container .hovered-details .title, .video-container .hovered-details .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .video-container .hovered-details .title-highlighted, .video-container .hovered-details .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .video-container .hovered-details .title-highlighted, .video-container .hovered-details .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .video-container .hovered-details .title-highlighted, .video-container .hovered-details .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .video-container .hovered-details .title-highlighted, .video-container .hovered-details .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .video-container .hovered-details .title-highlighted {
  font-size: 26px;
  color: #ffffff;
}
.video-container .hovered-details .description {
  font-size: 14px;
  color: #b9b9b9;
}

.video-container:hover .bottom {
  opacity: 1;
}

.video-container:hover .hovered-details {
  display: block;
}

.video-container:hover .playback-button {
  display: flex;
}

.learning_module__page {
  display: flex;
  position: relative;
}
.learning_module__page .learning_module__content-container {
  flex: 1;
}
.learning_module__page .learning_module__content-container .content {
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 100px;
  padding: 25px;
}

.learning_module__simple-button {
  width: 293.8px;
  min-height: 66.3px;
  border: none;
  border-radius: 6.4px;
  font-size: 20.4px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .learning_module__video_content {
    margin-top: 70px;
  }
}
.learning_module__video_content .video-content {
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 100px;
  padding: 25px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.learning_module__video_content .video-content .column-1 {
  flex: 0.8;
}
.learning_module__video_content .video-content .column-1 .title, .learning_module__video_content .video-content .column-1 .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .learning_module__video_content .video-content .column-1 .title-highlighted, .learning_module__video_content .video-content .column-1 .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .learning_module__video_content .video-content .column-1 .title-highlighted, .learning_module__video_content .video-content .column-1 .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .learning_module__video_content .video-content .column-1 .title-highlighted, .learning_module__video_content .video-content .column-1 .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .learning_module__video_content .video-content .column-1 .title-highlighted, .learning_module__video_content .video-content .column-1 .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .learning_module__video_content .video-content .column-1 .title-highlighted {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 42px;
  font-weight: 300;
  line-height: initial;
}
.learning_module__video_content .video-content .column-1 .subjects {
  font-size: 14px;
  font-weight: 300;
  color: #acb2bb;
  margin: 14px 0;
}
.learning_module__video_content .video-content .column-1 .subjects span {
  font-weight: 600;
}
.learning_module__video_content .video-content .column-1 .description {
  font-size: 16px;
  color: #666666;
}
.learning_module__video_content .video-content .column-2 {
  border-top: 1px solid #e8e8e8;
}
.learning_module__video_content .video-content .column-2 .label {
  color: #a5a9aa;
}
.learning_module__video_content .video-content .column-2 .file {
  margin-top: 13px;
  display: flex;
  align-items: center;
}
.learning_module__video_content .video-content .column-2 .file svg {
  margin-right: 5px;
  margin-top: 2px;
}

.learning_module__start-end .subject {
  font-size: 12px;
  color: #bc3dc8;
  margin-top: 20px;
}
.learning_module__start-end .title, .learning_module__start-end .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .learning_module__start-end .title-highlighted, .learning_module__start-end .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .learning_module__start-end .title-highlighted, .learning_module__start-end .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .learning_module__start-end .title-highlighted, .learning_module__start-end .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .learning_module__start-end .title-highlighted, .learning_module__start-end .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .learning_module__start-end .title-highlighted {
  font-size: 21px;
  margin: 10px 0 8px;
  line-height: initial;
  font-weight: 600;
}
.learning_module__start-end .description {
  font-size: 16px;
}
.learning_module__start-end .buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 120px;
}
@media (max-width: 768px) {
  .learning_module__start-end .buttons {
    margin-top: 10rem;
  }
}
.learning_module__start-end .review-container {
  display: flex;
  flex-direction: column;
  max-width: 20rem;
  margin: auto;
  gap: 27px;
  padding: 6rem 0;
}
@media (max-width: 768px) {
  .learning_module__start-end .review-container {
    padding: 2rem 0;
    max-width: 17rem;
    margin: unset;
  }
}
.learning_module__start-end .review-container .review-description {
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media (max-width: 768px) {
  .learning_module__start-end .review-container .review-description {
    text-align: left;
  }
}
.learning_module__start-end .review-container .review-description .review-title {
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .learning_module__start-end .review-container .review-description .review-title {
    display: none;
  }
}
.learning_module__start-end .review-container .review-description .review-subtitle {
  font-size: 18px;
}
@media (max-width: 768px) {
  .learning_module__start-end .review-container .review-description .review-subtitle {
    display: none;
  }
}
.learning_module__start-end .review-container .review-description .review-subtitle_mobile {
  display: none;
}
@media (max-width: 768px) {
  .learning_module__start-end .review-container .review-description .review-subtitle_mobile {
    display: block;
    font-size: 16px;
    font-weight: 600;
  }
}
.learning_module__start-end .review-container .review-stars {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .learning_module__start-end .review-container .review-stars {
    justify-content: flex-end;
    gap: 1rem;
  }
}
.learning_module__start-end .review-container .review-stars .star {
  width: 39px;
  height: 39px;
  background: #F9FCFF url(/b391225075e1d5adef51141afe1c69b8.svg) no-repeat center;
  border-radius: 100%;
  border: 1px solid #EBF5FE;
  cursor: pointer;
}
.learning_module__start-end .review-container .review-stars .star.star__locked {
  pointer-events: none;
}
.learning_module__start-end .review-container .review-stars .star.star__locked:not(.star__selected) {
  background: #F9FCFF url(/e561d581109164bbfa21751d637cc1bc.svg) no-repeat center;
}
.learning_module__start-end .review-container .review-stars .star:hover, .learning_module__start-end .review-container .review-stars .star:hover ~ .star {
  background: #F9FCFF url(/7048cb2262b05d1a4703f730360aa5e1.svg) no-repeat center;
}
.learning_module__start-end .review-container .review-stars .star.star__selected, .learning_module__start-end .review-container .review-stars .star.star__selected ~ .star {
  background: #F9FCFF url(/7048cb2262b05d1a4703f730360aa5e1.svg) no-repeat center;
}
.learning_module__start-end .review-container .review-stars .star.not-chosen {
  background: #F9FCFF url(/e561d581109164bbfa21751d637cc1bc.svg) no-repeat center;
}
.learning_module__start-end .review-container .review-stars .star.not-chosen:hover {
  background: #F9FCFF url(/7048cb2262b05d1a4703f730360aa5e1.svg) no-repeat center;
}
.learning_module__start-end .review-container .like-star-rating-note {
  border-radius: 4px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 14px;
  gap: 3px;
}
.learning_module__start-end .review-container .like-star-rating-note textarea {
  resize: none;
  background-color: #F9FCFF;
  border: 1px solid #F0F4F9;
  font-family: "Source Sans Pro";
  font-size: 12px;
  font-weight: 400;
  padding: 8px;
}
.learning_module__start-end .review-container .like-star-rating-note-sent {
  display: flex;
  justify-content: start;
  align-items: center;
  color: #6fdc95;
  font-weight: 600;
  margin-top: 12px;
  gap: 10px;
}
.learning_module__start-end .review-container .like-star-rating-note-send {
  text-align: left;
}
.learning_module__start-end .review-container .like-star-rating-note-send.enabled span {
  cursor: pointer;
  color: #5da4e2;
  font-weight: 600;
}
.learning_module__start-end .review-container .like-star-rating-note-send.disabled span {
  pointer-events: none;
  color: #C1C1C1;
  font-weight: 600;
}
.learning_module__start-end .quiz-results .labels {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.learning_module__start-end .quiz-results .labels span {
  font-size: 14px;
}
.learning_module__start-end .quiz-results .bar-container {
  height: 10px;
  background: #f6f6f6;
  position: relative;
  margin-bottom: 26px;
}
.learning_module__start-end .quiz-results .bar-container .progress-bar {
  position: absolute;
  left: 0;
  height: 100%;
}

.learning_module__absolute_button {
  display: none;
}
.learning_module__absolute_button > img {
  transform: rotate(180deg);
  cursor: pointer;
}
@media (max-width: 768px) {
  .learning_module__absolute_button.sidenav-collapsed {
    display: block;
    position: absolute;
    top: 18px;
    left: 28px;
  }
  .learning_module__absolute_button.sidenav-collapsed > img {
    transform: rotate(0);
  }
}

.learning_module__sidenav {
  border-right: solid 1px lightgrey;
  border-bottom: solid 1px lightgrey;
  box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.1);
  z-index: 2;
  max-width: 400px;
  width: 400px;
  align-self: flex-start;
  transition: width 0.3s ease;
  max-height: calc(100vh - 73px + 1px);
  overflow: auto;
}
@media (max-width: 1150px) {
  .learning_module__sidenav {
    max-height: calc(100vh - 124px + 1px);
  }
}
@media (max-width: 950px) {
  .learning_module__sidenav {
    margin-bottom: 220px;
  }
}
@media (max-width: 768px) {
  .learning_module__sidenav {
    position: absolute;
    background: #fff;
    max-width: 330px;
    width: 330px;
  }
}
.learning_module__sidenav.sidenav-collapsed {
  width: 80px;
}
@media (max-width: 768px) {
  .learning_module__sidenav.sidenav-collapsed {
    display: none;
  }
}
.learning_module__sidenav .sidenav-collapse {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px 12px 28px;
}
.learning_module__sidenav .sidenav-collapse > img {
  transform: rotate(180deg);
  cursor: pointer;
}
.learning_module__sidenav .sidenav-collapse > span {
  max-height: 47px;
  overflow: hidden;
}
.learning_module__sidenav .sidenav-collapse.sidenav-collapsed {
  padding: 20px 37px;
}
.learning_module__sidenav .sidenav-collapse.sidenav-collapsed > span {
  display: none;
}
.learning_module__sidenav .sidenav-collapse.sidenav-collapsed > img {
  min-width: 7px;
  transform: rotate(0);
}

.learning_module__sidenav_item {
  height: 80px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: solid 1px transparent;
  cursor: pointer;
}
.learning_module__sidenav_item:hover, .learning_module__sidenav_item.selected {
  background-color: #f3f8fc;
}
.learning_module__sidenav_item.selected {
  border: solid 1px #4c9ade;
}
.learning_module__sidenav_item .left {
  width: 120px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-left: 4px solid transparent;
}
@media (max-width: 768px) {
  .learning_module__sidenav_item .left {
    width: 80px;
  }
}
.learning_module__sidenav_item .left.selected {
  border-left: 4px solid #4c9ade;
}
.learning_module__sidenav_item .left .thumbnail {
  border-radius: 5px;
  border: 1px solid #ebebeb;
  margin-top: 7px;
  margin-left: 5px;
}
.learning_module__sidenav_item .left .svg-border {
  border: solid 1.2px #e0e0e0;
  border-radius: 50%;
  width: 33px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.learning_module__sidenav_item .left .svg-border.selected {
  border: none;
  background: #4fa3ec;
}
.learning_module__sidenav_item .left .svg-border .complete-icon {
  position: absolute;
  right: -1px;
  bottom: -8px;
  z-index: 1;
}
.learning_module__sidenav_item .left .vertical-line {
  border: solid 0.5px #efefef;
  opacity: 0.5;
  height: 27px;
}
.learning_module__sidenav_item .right-closed {
  width: 0;
}
.learning_module__sidenav_item .right-closed > * {
  display: none;
}
.learning_module__sidenav_item .right-expanded {
  width: 280px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  font-size: 14px;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .learning_module__sidenav_item .right-expanded {
    flex: 1;
    width: 250px;
  }
}
.learning_module__sidenav_item .right-expanded span {
  max-height: 72px;
  overflow: hidden;
}
.learning_module__sidenav_item .right-expanded img {
  max-width: 34px;
}
.learning_module__sidenav_item .right-expanded .video-detail > :first-child {
  font-size: 14px;
  color: #2f2f2f;
  max-height: 60px;
  overflow: hidden;
}
.learning_module__sidenav_item .right-expanded .video-detail > :last-child {
  font-size: 13px;
  color: #bcbcbc;
}
.learning_module__sidenav_item .right-expanded .lm-status {
  align-items: center;
  justify-content: center;
  display: flex;
}
.learning_module__sidenav_item .right-expanded .lm-status .pdf-detail {
  margin-right: 8px;
}

.learning_module__quiz li {
  list-style-type: disc;
  list-style-position: inside;
}
.learning_module__quiz .periodic-table-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.learning_module__quiz .topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .learning_module__quiz .topbar {
    margin-bottom: 0;
  }
}
.learning_module__quiz .topbar .periodic-table-button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.learning_module__quiz .topbar .periodic-table-button span {
  padding-right: 5px;
}
.learning_module__quiz .subject {
  font-size: 12px;
  color: #bc3dc8;
  margin-top: 20px;
}
.learning_module__quiz .title, .learning_module__quiz .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .learning_module__quiz .title-highlighted, .learning_module__quiz .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .learning_module__quiz .title-highlighted, .learning_module__quiz .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .learning_module__quiz .title-highlighted, .learning_module__quiz .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .learning_module__quiz .title-highlighted, .learning_module__quiz .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .learning_module__quiz .title-highlighted {
  font-size: 21px;
  margin: 10px 0 8px;
  line-height: initial;
  font-weight: 600;
}
.learning_module__quiz .description {
  font-size: 16px;
}
.learning_module__quiz .passage {
  font-size: 18px;
  line-height: 1.22;
  margin: 16px 0 20px;
}
.learning_module__quiz .prompt {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .learning_module__quiz .prompt {
    margin-bottom: 23px;
  }
}
.learning_module__quiz .question-number-indicators {
  display: flex;
}
@media (max-width: 768px) {
  .learning_module__quiz .question-number-indicators {
    margin-left: 30px;
  }
}
.learning_module__quiz .question-number-indicators .indicator {
  width: 11px;
  height: 11px;
  border: solid 0.9px #d4d4d4;
  border-radius: 50%;
  margin-right: 10px;
}
.learning_module__quiz .question-number-indicators .indicator.selected {
  background-color: #eff1f7;
}
.learning_module__quiz .stimulus-container {
  display: flex;
}
@media (max-width: 1200px) {
  .learning_module__quiz .stimulus-container {
    flex-direction: column;
  }
}
.learning_module__quiz .stimulus-container .stimulus-left {
  margin-right: 70px;
}
@media (max-width: 1200px) {
  .learning_module__quiz .stimulus-container .stimulus-left {
    margin-right: 0;
  }
}
.learning_module__quiz .stimulus-container .stimulus-left .passage {
  word-break: break-all;
}
.learning_module__quiz .fixed-buttons {
  position: fixed;
  right: 0px;
  bottom: 35px;
}
.learning_module__quiz .fixed-buttons > * {
  margin-right: 30px;
}
@media (max-width: 950px) {
  .learning_module__quiz .fixed-buttons {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    bottom: 0;
    padding: 10px 0;
    background: white;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.0784313725);
  }
  .learning_module__quiz .fixed-buttons > * {
    margin: 0;
  }
  .learning_module__quiz .fixed-buttons > :nth-child(2) {
    margin-top: 10px;
  }
}
.learning_module__quiz .relative-button:hover .tooltip {
  display: block;
  top: -30px;
  left: 10px;
}
.learning_module__quiz .relative-button .tooltip {
  position: absolute;
  display: none;
}

.learning_module_answers_wrapper .learning_module__answers {
  margin: 0 auto;
}
.learning_module_answers_wrapper .learning_module__answers button {
  margin-bottom: 5.6px;
}
.learning_module_answers_wrapper .learning_module__answers .learning_module__answer {
  max-width: 450px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.learning_module_answers_wrapper .learning_module__answers .learning_module__answer .learning_module__simple-button {
  font-size: 16px;
  padding: 15px;
  font-weight: 600;
  min-height: 80px;
  width: 100%;
  margin-left: 5px;
  box-shadow: none;
}
.learning_module_answers_wrapper .learning_module__answers .learning_module__answer .choice {
  width: 22px;
  text-align: center;
}
.learning_module_answers_wrapper .learning_module__answers .learning_module__answer_explanation {
  margin-left: 42px;
}
.learning_module_answers_wrapper .learning_module__answers .learning_module__answer_explanation .label {
  font-size: 12px;
  color: #5acf7c;
  margin: 9px 0;
}
.learning_module_answers_wrapper .learning_module__answers .learning_module__answer_explanation .explanation {
  font-size: 16px;
  margin-bottom: 40px;
}

.learning_module__dnd_answer_explanation {
  margin-top: 45px;
}
.learning_module__dnd_answer_explanation .label {
  font-size: 18px;
  color: #e15454;
  margin-bottom: 18px;
}
.learning_module__dnd_answer_explanation .grey-label {
  font-size: 12px;
  color: #b9b9b9;
  margin-bottom: 5px;
}
.learning_module__dnd_answer_explanation .explanation {
  font-size: 16px;
}

.learning_module__ordering-wrapper {
  display: flex;
}
@media (max-width: 768px) {
  .learning_module__ordering-wrapper {
    flex-direction: column;
  }
}
.learning_module__ordering-wrapper .guide {
  color: #6a7684;
  font-size: 14px;
  text-align: center;
  margin: 30px 0 10px 0;
}
.learning_module__ordering-wrapper .ordering-items {
  width: 500px;
  padding: 8px 12px;
  border-radius: 6px;
  border: solid 1px #c8c8c8;
}
@media (max-width: 768px) {
  .learning_module__ordering-wrapper .ordering-items {
    width: unset;
  }
}
.learning_module__ordering-wrapper .ordering-items .ordering-item {
  min-height: 65px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px 0;
  background: #edeef2;
  position: relative;
}
.learning_module__ordering-wrapper .ordering-items .ordering-item.hide {
  display: none;
}
.learning_module__ordering-wrapper .ordering-items .ordering-item .correction-icon {
  left: 8px;
  position: absolute;
  top: 30%;
}
.learning_module__ordering-wrapper .ordering-items .ordering-item .answer-holder {
  max-width: calc(100% - 80px);
}
.learning_module__ordering-wrapper .ordering-items .ordering-item #hamburger {
  position: absolute;
  bottom: 0;
  margin: auto;
  margin-right: 12px;
  top: 5px;
}
.learning_module__ordering-wrapper .ordering-items .ordering-item #hamburger span {
  height: 3px;
  background: #d1d4d6;
}
.learning_module__ordering-wrapper .left {
  margin-right: 50px;
}
@media (max-width: 768px) {
  .learning_module__ordering-wrapper .left {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .learning_module__ordering-wrapper .right {
    margin: 0;
  }
}
.learning_module__ordering-wrapper .right .ordering-items {
  border: none;
  background: white;
}

.learning_module__matching-answers .matching-instruction,
.learning_module__matching-answers .matching-instruction-mobile {
  margin-bottom: 38px;
  font-size: 14px;
  color: #6a7684;
}
.learning_module__matching-answers .matching-instruction-mobile {
  display: none;
}
@media (max-width: 1400px) {
  .learning_module__matching-answers .matching-instruction-mobile {
    display: block;
  }
  .learning_module__matching-answers .matching-instruction {
    display: none;
  }
}
.learning_module__matching-answers .learning_module__matching-wrapper {
  display: flex;
}
@media (max-width: 1400px) {
  .learning_module__matching-answers .learning_module__matching-wrapper {
    flex-direction: column;
  }
}
.learning_module__matching-answers .learning_module__matching-wrapper .prompts-and-responses {
  padding: 11px;
  padding-bottom: 4px;
  border-radius: 6px;
  border: solid 1px #c8c8c8;
  align-self: flex-start;
}
@media (max-width: 1400px) {
  .learning_module__matching-answers .learning_module__matching-wrapper .prompts-and-responses {
    display: none;
  }
}
.learning_module__matching-answers .learning_module__matching-wrapper .prompts-and-responses .prompts-and-responses-row {
  display: flex;
}
.learning_module__matching-answers .learning_module__matching-wrapper .prompts-and-responses .prompts-and-responses-row .prompt {
  width: 390px;
  min-height: 70px;
  border-bottom: solid 1px #c8c8c8;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 7px;
}
.learning_module__matching-answers .learning_module__matching-wrapper .prompts-and-responses .prompts-and-responses-row .prompt img {
  height: 63px;
  width: auto;
}
.learning_module__matching-answers .learning_module__matching-wrapper .prompts-and-responses .prompts-and-responses-row .dustbin-container {
  width: 390px;
  min-height: 70px;
  border-radius: 5px;
  border: dashed 1px #b3b3b3;
  margin-bottom: 7px;
  position: relative;
}
.learning_module__matching-answers .learning_module__matching-wrapper .prompts-and-responses .prompts-and-responses-row .dustbin-container img {
  left: 8px;
  position: absolute;
  top: 30%;
}
.learning_module__matching-answers .learning_module__matching-wrapper .prompts-and-responses .prompts-and-responses-row .dustbin-container .result-label {
  position: absolute;
  top: -40px;
  font-size: 12px;
  color: #bdbdbd;
}
.learning_module__matching-answers .learning_module__matching-wrapper .prompts-and-responses .prompts-and-responses-row .dustbin-container .dustbin-item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.learning_module__matching-answers .learning_module__matching-wrapper .prompts-and-responses .prompts-and-responses-row .dustbin-container .dustbin-item p {
  max-width: calc(100% - 90px);
  text-align: center;
  font-size: 15px;
}
.learning_module__matching-answers .learning_module__matching-wrapper .prompts-and-responses .prompts-and-responses-row .dustbin-container .dustbin-item img {
  position: static;
  height: 63px;
  width: auto;
}
.learning_module__matching-answers .learning_module__matching-wrapper .availableAnswers {
  padding: 0 11px;
  position: relative;
}
.learning_module__matching-answers .learning_module__matching-wrapper .availableAnswers .availableAnswer {
  width: 390px;
  min-height: 70px;
  border-radius: 5px;
  background-color: #edeef2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 7px;
  position: relative;
}
@media (max-width: 425px) {
  .learning_module__matching-answers .learning_module__matching-wrapper .availableAnswers .availableAnswer {
    width: unset;
  }
}
.learning_module__matching-answers .learning_module__matching-wrapper .availableAnswers .availableAnswer .description {
  max-width: calc(100% - 90px);
  text-align: center;
  font-size: 15px;
}
.learning_module__matching-answers .learning_module__matching-wrapper .availableAnswers .availableAnswer .description img {
  height: 63px;
  width: auto;
}
.learning_module__matching-answers .learning_module__matching-wrapper .availableAnswers .availableAnswer #hamburger {
  position: absolute;
  top: 5px;
  bottom: 0;
  right: 0;
  margin: auto;
  margin-right: 10px;
}
.learning_module__matching-answers .learning_module__matching-wrapper .availableAnswers .availableAnswer #hamburger span {
  height: 3px;
  background: #d1d4d6;
}
.learning_module__matching-answers .learning_module__matching-wrapper .availableAnswers .result-label {
  position: absolute;
  top: -28px;
  font-size: 12px;
  color: #bdbdbd;
}
.learning_module__matching-answers .learning_module__matching-wrapper .mobile-prompts-and-responses {
  padding: 11px;
}
@media (min-width: 1401px) {
  .learning_module__matching-answers .learning_module__matching-wrapper .mobile-prompts-and-responses {
    display: none;
  }
}
.learning_module__matching-answers .learning_module__matching-wrapper .mobile-prompts-and-responses .result-label {
  top: -40px;
  font-size: 12px;
  color: #bdbdbd;
}
.learning_module__matching-answers .learning_module__matching-wrapper .mobile-prompts-and-responses .mobile-prompt-and-response .prompt {
  width: 390px;
  min-height: 70px;
  border-bottom: solid 1px #c8c8c8;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 7px;
}
@media (max-width: 425px) {
  .learning_module__matching-answers .learning_module__matching-wrapper .mobile-prompts-and-responses .mobile-prompt-and-response .prompt {
    width: unset;
  }
}
.learning_module__matching-answers .learning_module__matching-wrapper .mobile-prompts-and-responses .mobile-prompt-and-response .prompt img {
  height: 63px;
  width: auto;
}
.learning_module__matching-answers .learning_module__matching-wrapper .mobile-prompts-and-responses .mobile-prompt-and-response .dustbin-container {
  width: 390px;
  min-height: 70px;
  border-radius: 5px;
  border: dashed 1px #b3b3b3;
  margin-bottom: 7px;
  position: relative;
}
@media (max-width: 425px) {
  .learning_module__matching-answers .learning_module__matching-wrapper .mobile-prompts-and-responses .mobile-prompt-and-response .dustbin-container {
    width: unset;
  }
}
.learning_module__matching-answers .learning_module__matching-wrapper .mobile-prompts-and-responses .mobile-prompt-and-response .dustbin-container img {
  left: 8px;
  position: absolute;
  top: 30%;
}
.learning_module__matching-answers .learning_module__matching-wrapper .mobile-prompts-and-responses .mobile-prompt-and-response .dustbin-container .dustbin-item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.learning_module__matching-answers .learning_module__matching-wrapper .mobile-prompts-and-responses .mobile-prompt-and-response .dustbin-container .dustbin-item p {
  max-width: calc(100% - 90px);
  font-size: 15px;
  text-align: center;
}
.learning_module__matching-answers .learning_module__matching-wrapper .mobile-prompts-and-responses .mobile-prompt-and-response .dustbin-container .dustbin-item img {
  position: static;
  height: 63px;
  width: auto;
}

.resources__top_row {
  background: white;
}
.resources__top_row .resources__top_container {
  max-width: 1140px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: -20px auto;
  padding: 0 12px;
  padding-bottom: 1rem;
  position: fixed;
  z-index: 6;
  padding-top: 20px;
  left: 0;
  right: 0;
  background-color: #ffffff;
}
@media (max-width: 700px) {
  .resources__top_row .resources__top_container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.resources__top_row .resources__top_container .tabs_container {
  display: flex;
}
@media (max-width: 700px) {
  .resources__top_row .resources__top_container .tabs_container {
    margin-bottom: 12px;
  }
}
.resources__top_row .resources__top_container .tabs_container .tab {
  font-size: 15px;
  font-weight: 600;
  padding: 25px;
  color: #919aa4;
  cursor: pointer;
  border-bottom: solid 3px transparent;
}
@media (max-width: 425px) {
  .resources__top_row .resources__top_container .tabs_container .tab {
    padding: 22px 8px;
  }
}
.resources__top_row .resources__top_container .tabs_container .tab.selected {
  color: #000000;
  border-bottom: solid 3px #4fa3ec;
}
.resources__top_row .resources__top_container .dropdown-container {
  display: flex;
  align-items: center;
  width: 250px;
}
.resources__top_row .resources__top_container .dropdown-container .lmsdropdown {
  width: 180px;
  margin-left: 22px;
  z-index: 6;
}

.resources__list_container {
  max-width: 1140px;
  padding-top: 6rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .resources__list_container {
    padding-top: 8rem;
  }
}
.resources__list_container .practice_bank__paginations {
  margin: 40px;
}

.resources__list {
  padding: 20px 12px;
}

.resources__module_row_container {
  border-radius: 6px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  margin-bottom: 8px;
}
.resources__module_row_container.faded {
  opacity: 0.5;
}

.resources__module_row {
  display: flex;
  align-items: center;
  padding: 20px 16px;
  cursor: pointer;
}
.resources__module_row .index {
  font-size: 14px;
  color: #a5a9aa;
  min-width: 21px;
  margin-right: 7px;
}
.resources__module_row .sketchy-icon {
  margin-right: 17px;
  width: 26px;
  height: 26px;
}
.resources__module_row .lm-icon {
  margin-right: 15px;
  width: 18px;
}
.resources__module_row .lm-icon.reasoning {
  width: 30px;
  margin-right: 8px;
  margin-left: -5px;
}
.resources__module_row .lm-icon.aamc {
  height: 25px;
}
.resources__module_row .title, .resources__module_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .resources__module_row .title-highlighted, .resources__module_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .resources__module_row .title-highlighted, .resources__module_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .resources__module_row .title-highlighted, .resources__module_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .resources__module_row .title-highlighted, .resources__module_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .resources__module_row .title-highlighted {
  flex: 1;
  max-width: 490px;
  word-break: break-word;
}
.resources__module_row .title.complete, .resources__module_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .complete.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .resources__module_row .complete.title-highlighted, .resources__module_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .complete.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .resources__module_row .complete.title-highlighted, .resources__module_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .complete.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .resources__module_row .complete.title-highlighted, .resources__module_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .complete.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .resources__module_row .complete.title-highlighted, .resources__module_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .complete.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .resources__module_row .complete.title-highlighted {
  text-decoration: line-through;
}
.resources__module_row-sp-status {
  display: flex;
  font-size: 14px;
  min-width: 105px;
  margin-right: 20px;
}
@media (max-width: 600px) {
  .resources__module_row-sp-status {
    min-width: 50px;
    justify-content: flex-end;
  }
}
.resources__module_row-sp-status .unscheduled {
  color: #c2cad0;
}
@media (max-width: 600px) {
  .resources__module_row-sp-status .unscheduled {
    display: none;
  }
}
.resources__module_row-sp-status .hover {
  color: #61b4fc;
}
.resources__module_row-sp-status img {
  margin-right: 10px;
}
.resources__module_row-sp-status--mobile {
  display: none;
}
@media (max-width: 600px) {
  .resources__module_row-sp-status--mobile {
    display: block;
  }
}
@media (max-width: 600px) {
  .resources__module_row-sp-status--desktop {
    display: none;
  }
}
.resources__module_row .description {
  word-break: break-word;
}
.resources__module_row .divider {
  display: flex;
  flex: 1;
}
.resources__module_row .divider .tags {
  margin: 0;
  flex: 1;
  max-width: 200px;
}
.resources__module_row .divider .tags .tags-date {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  background: #fff !important;
}
.resources__module_row .divider .tags span {
  color: white;
  background: #999;
  font-size: 13px;
  display: inline-block;
  font-weight: 600;
  margin: 0 4px 0 0;
  padding: 2px 7px;
  border-radius: 3px;
  max-width: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.resources__module_row .divider .divider-2 {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
}
.resources__module_row .divider .divider-2 .detail {
  width: 100px;
  color: #a5a9aa;
  font-weight: 200;
}
@media (max-width: 768px) {
  .resources__module_row .divider .divider-2 .detail {
    display: none;
  }
}
.resources__module_row .divider .divider-2 .pdf-status {
  display: flex;
  justify-content: center;
  align-items: center;
}
.resources__module_row .divider .divider-2 .status {
  margin: 0 5px;
  display: flex;
  justify-content: center;
}
.resources__module_row .divider .divider-2 .chevron-container {
  width: 15px;
  cursor: pointer;
}
.resources__module_row .divider .divider-2 .chevron-container.rotate img {
  transform: rotate(90deg);
}
.resources__module_row .divider .time {
  flex: 1;
  margin-left: 195px;
  display: flex;
  color: #272727;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
}

.resources__module_row_expand .description {
  font-size: 14px;
  color: #444444;
  max-width: 750px;
  margin-left: 58px;
}
.resources__module_row_expand .lm_item_row {
  display: flex;
  border-top: 1px solid #ebebeb;
  position: relative;
}
.resources__module_row_expand .lm_item_row:hover {
  background: #fafaff;
}
.resources__module_row_expand .lm_item_row .fixed-lastseen {
  position: absolute;
  width: 50px;
  height: 100%;
  border-radius: 8px 0 0 8px;
  background-image: linear-gradient(to left, #88cdf2 124%, #4fa3ec -64%);
  left: -50px;
  word-break: break-word;
  text-align: center;
  font-size: 10px;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 1230px) {
  .resources__module_row_expand .lm_item_row .fixed-lastseen {
    border-radius: 2px;
    top: 4px;
    right: 6px;
    left: unset;
    font-size: 12px;
    font-weight: 600;
    width: auto;
    padding: 0 2px;
    height: unset;
  }
}
.resources__module_row_expand .lm_item_row .fixed-lastseen .circular-border {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin: 0 0 3px 3px;
}
.resources__module_row_expand .lm_item_row .fixed-lastseen .circular-border img {
  width: 4px;
}
@media (max-width: 1230px) {
  .resources__module_row_expand .lm_item_row .fixed-lastseen .circular-border {
    display: none;
  }
}
.resources__module_row_expand .lm_item_row .lm_item_row_image {
  width: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 768px) {
  .resources__module_row_expand .lm_item_row .lm_item_row_image {
    width: 100px;
  }
}
.resources__module_row_expand .lm_item_row .lm_item_row_image:hover .eyeglass-icon {
  display: block;
}
.resources__module_row_expand .lm_item_row .lm_item_row_image .eyeglass-icon {
  display: none;
  position: absolute;
  background: #202020;
  padding: 8px;
  opacity: 0.7;
  border-radius: 50%;
}
.resources__module_row_expand .lm_item_row .lm_item_row_image .svg-border {
  border: solid 1.2px #e0e0e0;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.resources__module_row_expand .lm_item_row .resources__module_row {
  flex: 1;
  min-height: 70px;
}
.resources__module_row_expand .lm_item_row .resources__module_row .title, .resources__module_row_expand .lm_item_row .resources__module_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .resources__module_row_expand .lm_item_row .resources__module_row .title-highlighted, .resources__module_row_expand .lm_item_row .resources__module_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .resources__module_row_expand .lm_item_row .resources__module_row .title-highlighted, .resources__module_row_expand .lm_item_row .resources__module_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .resources__module_row_expand .lm_item_row .resources__module_row .title-highlighted, .resources__module_row_expand .lm_item_row .resources__module_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .resources__module_row_expand .lm_item_row .resources__module_row .title-highlighted, .resources__module_row_expand .lm_item_row .resources__module_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .resources__module_row_expand .lm_item_row .resources__module_row .title-highlighted {
  font-size: 14px;
  color: #2f2f2f;
}
.resources__module_row_expand .lm_item_row .resources__module_row .detail {
  font-size: 13px;
  color: #2f2f2f;
}
.resources__module_row_expand .lm_item_row .resources__module_row .divider .tags {
  margin-top: 4px;
}
.resources__module_row_expand .lm_item_row .resources__module_row .divider .divider-2 {
  margin-top: 4px;
}
@media (max-width: 768px) {
  .resources__module_row_expand .lm_item_row .resources__module_row {
    padding: 7px 0 7px 10px;
    min-height: 56px;
  }
  .resources__module_row_expand .lm_item_row .resources__module_row .divider {
    max-width: 48px;
  }
  .resources__module_row_expand .lm_item_row .resources__module_row .divider .tags {
    display: none;
  }
}

.resources__search_bar {
  position: relative;
}
.resources__search_bar .resources__input {
  width: 248.5px;
  height: 45px;
  border-radius: 7px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  border: none;
  font-size: 16px;
  color: #b2b2b2;
  text-indent: 35px;
}
.resources__search_bar .resources__input::placeholder {
  color: #b2b2b2;
}
.resources__search_bar .eye-glass-icon {
  position: absolute;
  left: 10px;
  top: 16px;
}

.resources__pdf_row_container {
  border-radius: 6px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  padding: 20px 30px;
  display: flex;
}
@media (max-width: 700px) {
  .resources__pdf_row_container {
    flex-direction: column;
  }
}
.resources__pdf_row_container .pdf_left {
  flex: 1;
}
.resources__pdf_row_container .pdf_left .pdf_top {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.resources__pdf_row_container .pdf_left .pdf_top svg {
  width: 20px 26px !important;
}
.resources__pdf_row_container .pdf_left .pdf_top .circular-border {
  border: 1px solid #4fa3ec;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.resources__pdf_row_container .pdf_left .pdf_top .title, .resources__pdf_row_container .pdf_left .pdf_top .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .resources__pdf_row_container .pdf_left .pdf_top .title-highlighted, .resources__pdf_row_container .pdf_left .pdf_top .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .resources__pdf_row_container .pdf_left .pdf_top .title-highlighted, .resources__pdf_row_container .pdf_left .pdf_top .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .resources__pdf_row_container .pdf_left .pdf_top .title-highlighted, .resources__pdf_row_container .pdf_left .pdf_top .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .resources__pdf_row_container .pdf_left .pdf_top .title-highlighted, .resources__pdf_row_container .pdf_left .pdf_top .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .resources__pdf_row_container .pdf_left .pdf_top .title-highlighted {
  font-size: 16px;
  font-weight: 600;
  color: #2f2f2f;
  margin-left: 20px;
  flex: 1;
  max-width: 500px;
  margin-bottom: 10px;
}
.resources__pdf_row_container .pdf_left .pdf_top .title.complete, .resources__pdf_row_container .pdf_left .pdf_top .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .complete.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .resources__pdf_row_container .pdf_left .pdf_top .complete.title-highlighted, .resources__pdf_row_container .pdf_left .pdf_top .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .complete.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .resources__pdf_row_container .pdf_left .pdf_top .complete.title-highlighted, .resources__pdf_row_container .pdf_left .pdf_top .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .complete.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .resources__pdf_row_container .pdf_left .pdf_top .complete.title-highlighted, .resources__pdf_row_container .pdf_left .pdf_top .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .complete.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .resources__pdf_row_container .pdf_left .pdf_top .complete.title-highlighted, .resources__pdf_row_container .pdf_left .pdf_top .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .complete.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .resources__pdf_row_container .pdf_left .pdf_top .complete.title-highlighted {
  text-decoration: line-through;
}
.resources__pdf_row_container .pdf_left .pdf_top .tags {
  flex: 1;
  max-width: 200px;
}
@media (max-width: 700px) {
  .resources__pdf_row_container .pdf_left .pdf_top .tags {
    max-width: unset;
    flex: unset;
  }
}
.resources__pdf_row_container .pdf_left .pdf_top .tags span {
  color: white;
  background: #999;
  font-size: 13px;
  display: inline-block;
  font-weight: 600;
  margin: 0 4px 0 0;
  padding: 1px 7px;
  border-radius: 3px;
  max-width: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.resources__pdf_row_container .pdf_left .pdf_bottom {
  margin: 20px 0;
  word-break: break-word;
}
@media (max-width: 700px) {
  .resources__pdf_row_container .pdf_left .pdf_bottom {
    margin: 10px 0;
  }
}
.resources__pdf_row_container .pdf_left .pdf_bottom.oh {
  margin: 10px 0;
}
.resources__pdf_row_container .pdf_left .pdf_bottom p {
  max-width: 728px;
  font-size: 14px;
  color: #444444;
  white-space: pre-wrap;
}
.resources__pdf_row_container .pdf_right {
  max-width: 115px;
}
@media (max-width: 700px) {
  .resources__pdf_row_container .pdf_right {
    align-self: flex-end;
  }
}
.resources__pdf_row_container .pdf_right button,
.resources__pdf_row_container .pdf_right a {
  width: 115px;
  height: 42px;
  border-radius: 22px;
  border: solid 1px #4fa3ec;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #4fa3ec;
  font-size: 16px;
  cursor: pointer;
}
.resources__pdf_row_container .pdf_right button svg,
.resources__pdf_row_container .pdf_right a svg {
  margin-left: 5px;
}
.resources__pdf_row_container .pdf_right button:hover,
.resources__pdf_row_container .pdf_right a:hover {
  background: #4fa3ec;
  color: #fff;
}

.resources__empty_list {
  font-size: 15px;
  font-weight: 600;
  padding: 80px 25px;
  color: lightgray;
  text-align: center;
}

.resources__eoc_container {
  padding: 24px;
}
.resources__eoc_container .examcard {
  padding-top: 10px;
}
.resources__eoc_container .examcard__stack {
  height: 182px;
  margin: 0;
  max-width: none;
  min-width: none;
  width: 100%;
}
.resources__eoc_container .examcard__mobile_attempts {
  margin-top: 10px;
  margin-right: 17px;
}
.resources__eoc_container .exam__attempt--expanded {
  max-width: none;
  min-width: none;
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.resources__eoc_container .examcard__section_container {
  width: 100%;
}
.resources__eoc_container .examcard__section_content {
  justify-content: center;
}
.resources__eoc_container .examsection__startbutton {
  margin-top: 12px;
}
.resources__eoc_container .examsection__startbutton button {
  font-size: 16px;
  cursor: pointer;
  background-color: #4fa3ec;
  color: white;
  padding: 10px 50px 12px;
  border-radius: 30px;
  border: solid 1px #4fa3ec;
  transition: 0.2s;
  font-weight: 600;
}
.resources__eoc_container .examsection__startbutton button:hover {
  background: #fff;
  color: #4fa3ec;
}
.resources__eoc_container .examsection__continuebutton {
  margin-top: 8px;
}
.resources__eoc_container .questions_counts {
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #e9e9e9;
  margin-top: -50px;
}
@media (max-width: 767px) {
  .resources__eoc_container .questions_counts {
    margin-top: -3px;
  }
}
.resources__eoc_container .questions_counts div {
  margin: 0 15px;
}
@media (max-width: 500px) {
  .resources__eoc_container .questions_counts div {
    margin: 0 4px;
  }
}
.resources__eoc_container .questions_counts .correct {
  color: #6fdc95;
  margin: 0;
}
.resources__eoc_container .questions_counts .incorrect {
  color: #e96f6f;
  margin: 0;
}
.resources__eoc_container .questions_counts .incomplete {
  color: #b7b7b7;
  margin: 0;
}
.resources__eoc_container .attempt__row {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.resources__eoc_container .attempt__row .untimed {
  position: absolute;
  top: 10px;
  right: 15px;
}
@media (max-width: 767px) {
  .resources__eoc_container .attempt__row .untimed {
    display: none;
  }
}
.resources__eoc_container .attempt__subheader_tail {
  flex: 0;
}
.resources__eoc_container .examcard__attempt_status {
  margin-top: 30px;
}
.resources__eoc_container .attempt__timestamp {
  text-align: right;
  font-size: 13px;
  letter-spacing: 0.07px;
  color: #c9c9c9;
}
.resources__eoc_container .attempt__timestamp.created {
  margin-top: 10px;
}
.resources__eoc_container .btn-rectangle-rounded {
  margin: 10px;
  margin-top: 36px;
}
@media (max-width: 380px) {
  .resources__eoc_container .btn-rectangle-rounded {
    min-width: 100px !important;
  }
}

.plans_page__wrapper {
  background: #edf3f7;
  height: 100vh;
}

.plans__container {
  background: #edf3f7;
  max-width: 1580px;
  padding: 15px;
  margin: 0 auto;
}
.plans__container .header {
  font-size: 28px;
  letter-spacing: 0.18px;
  color: #2f2f2f;
  margin: 30px 10px;
}
.plans__container .plans {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1300px) {
  .plans__container .plans {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.plans__container .plans .plan {
  display: flex;
  flex-direction: column;
  padding: 15px;
  padding-bottom: 30px;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
  margin: 0 4px;
  margin-bottom: 25px;
  background: #fff;
  border-top: 7px solid transparent;
  border-radius: 7px;
  position: relative;
}
.plans__container .plans .plan:hover {
  margin-top: -0.25rem;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
}
.plans__container .plans .plan:hover .plan_buttons_container button {
  opacity: 1;
  background: #057ae1;
  color: #fff;
}
@media (max-width: 1300px) {
  .plans__container .plans .plan {
    width: 31%;
    margin-bottom: 70px;
  }
}
@media (max-width: 890px) {
  .plans__container .plans .plan {
    width: 100%;
    margin-bottom: 50px;
  }
}
.plans__container .plans .plan.selected {
  border-top: 7px solid #5daaea;
}
.plans__container .plans .plan.premium {
  background: linear-gradient(rgb(13, 87, 140), #124573);
  color: white;
}
.plans__container .plans .plan.premium .plan_title {
  color: white !important;
}
.plans__container .plans .plan.premium .plan_details {
  opacity: 1 !important;
}
.plans__container .plans .plan .plan_current {
  position: absolute;
  top: -22px;
  left: 0;
  background: #5a9dd6;
  width: 100%;
  text-align: center;
  border-radius: 7px 7px 0 0;
  font-size: 13px;
  font-weight: 600;
  color: #c7e6ff;
  padding-top: 2px;
}
.plans__container .plans .plan .plan_header {
  text-align: center;
}
.plans__container .plans .plan .plan_header .plan_title {
  color: #7e93ac;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.plans__container .plans .plan .plan_header .plan_type {
  font-size: 13px;
  font-weight: 500;
  color: #7e93ac;
}
.plans__container .plans .plan .with_sketchy {
  position: relative;
}
.plans__container .plans .plan .with_sketchy div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 145px;
  background: #5eaaea;
  border-radius: 100px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 10px;
  height: 17px;
  letter-spacing: 1.53846px;
}
.plans__container .plans .plan .with_sketchy div img {
  width: 11px;
  margin-right: 5px;
}
.plans__container .plans .plan hr {
  margin: 1.5rem 0;
  border-top: 0.5px solid rgba(0, 0, 0, 0.1);
}
.plans__container .plans .plan .plan_details .text_container {
  display: flex;
  align-items: flex-start;
}
.plans__container .plans .plan .plan_details .text_container .cross {
  display: none;
}
.plans__container .plans .plan .plan_details .text_container img {
  margin-top: 7px;
  margin-right: 8px;
}
.plans__container .plans .plan .plan_details .text_container p {
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.plans__container .plans .plan .plan_details .text_container.faded {
  color: #6c757d;
  opacity: 0.5;
}
.plans__container .plans .plan .plan_details .text_container.faded .check {
  display: none;
}
.plans__container .plans .plan .plan_details .text_container.faded .cross {
  display: inline;
  opacity: 0.5;
}
.plans__container .plans .plan .plan_buttons_container {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
}
.plans__container .plans .plan .plan_buttons_container button {
  background-color: #057ae1;
  border: 1px solid #057ae1;
  opacity: 0.5;
  border-radius: 5rem;
  color: white;
  cursor: pointer;
  height: 50px;
  width: 100%;
  max-width: 260px;
  font-size: 13px;
  font-weight: bold;
}
@media (max-width: 890px) {
  .plans__container .plans .plan .plan_buttons_container button {
    margin-right: 40px;
  }
}
.plans__container .plans .plan .plan_buttons_container button.current {
  background: white;
  color: #057ae1;
}
.plans__container .plans .plan .plan_buttons_container button.add_qbank {
  background: rgba(151, 174, 191, 0.0705882353);
  border: none;
  color: #4198e2;
  margin-bottom: 10px;
  margin-top: 4px;
  opacity: 1;
}
.plans__container .plans .plan .plan_buttons_container button.no_upgrade {
  margin: 0;
}
.plans__container .plans .plan .plan_buttons_container button.invisible {
  opacity: 0;
  pointer-events: none;
}
.plans__container .plans .plan .plan_expiration {
  position: absolute;
  bottom: -30px;
  font-size: 14px;
  color: #7f92ac;
  text-align: center;
  width: 90%;
}

.dashboard__container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 25px 12px;
}
.dashboard__container h1 {
  margin-top: 30px;
  padding-bottom: 20px;
  font-size: 28px;
}
.dashboard__container .header-with-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  border-bottom: 1px solid #f4f4f4;
}
@media (max-width: 767px) {
  .dashboard__container .header-with-buttons {
    flex-direction: column;
    padding-bottom: 20px;
  }
}
.dashboard__container .dashboard_header {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 40px;
  line-height: 50px;
}
.dashboard__container .dashboard_header_primary {
  font-weight: 600;
}
.dashboard__container .oh-wrapper {
  padding: 0;
  margin: 0;
  max-width: unset;
}
.dashboard__container .oh-wrapper .office-hours-item {
  max-width: unset;
}
.dashboard__container .registeredTrademark {
  font-size: 20px;
  position: relative;
  top: 2px;
}

.dashboard_layout {
  display: flex;
  flex-direction: row;
  width: 100%;
}
@media (max-width: 1024px) {
  .dashboard_layout {
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0rem;
  }
}
.dashboard_layout__left {
  width: 65%;
  padding-right: 2rem;
  border-right: 1px solid #eff3fa;
}
@media (max-width: 1024px) {
  .dashboard_layout__left {
    width: 100%;
    border-right: none;
    padding-right: 0rem;
  }
}
.dashboard_layout__right {
  width: 35%;
  padding-left: 2rem;
}
@media (max-width: 1024px) {
  .dashboard_layout__right {
    display: none;
  }
}
@media (min-width: 1024px) {
  .dashboard_layout__hidden_desktop {
    display: none;
  }
}

h3 {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: -0.233846px;
  color: #2f2f2f;
}

.dashboard__subheader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dashboard__subheader.officehours {
  margin-bottom: 13px;
}
.dashboard__subheader.last {
  margin-top: 40px;
}
.dashboard__subheader h3 {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: -0.233846px;
  color: #2f2f2f;
}
.dashboard__subheader h3 span {
  font-weight: 100;
  font-size: 16px;
}

.dashboard__empty-day {
  margin: 60px auto;
  font-size: 19px;
  font-weight: 300;
  text-align: center;
  color: #c9c9c9;
}

.dashboard__assignments {
  margin: 20px 0 60px;
}
.dashboard__assignments .dashboard_status {
  margin: 0 5px;
  display: flex;
  justify-content: center;
}
.dashboard__assignments .dashboard_empty_status {
  width: 17px;
}

.dashboard__mcat_profile_information {
  display: flex;
  justify-content: space-evenly;
}

.dashboard__mcat-day {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 60px 0 100px;
}
.dashboard__mcat-day h3 {
  font-size: 31px;
  font-weight: 300;
  letter-spacing: 0.19px;
  color: #668cb6;
  margin-bottom: 10px;
}
.dashboard__mcat-day div {
  position: relative;
  width: 250px;
  height: 48px;
  border-radius: 7px;
  box-shadow: 0 0 7px 0 rgba(217, 217, 217, 0.5);
  background-color: #ffffff;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.08px;
  color: #45586d;
}
.dashboard__mcat-day div img {
  position: absolute;
  right: 15px;
  top: 15px;
}
.dashboard__mcat-day div img:hover {
  cursor: pointer;
}

.dashboard__empty-studyplan {
  display: flex;
  align-items: center;
  border-radius: 9px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
  height: 333px;
  justify-content: center;
  margin: 25px 0 50px;
}
@media (max-width: 768px) {
  .dashboard__empty-studyplan img {
    display: none;
  }
}
.dashboard__empty-studyplan .dashboard__text {
  max-width: 450px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 20px;
}
.dashboard__empty-studyplan .dashboard__text h4 {
  font-size: 24px;
  text-align: center;
  color: #2f2f2f;
  margin-bottom: 20px;
}
.dashboard__empty-studyplan .dashboard__text p {
  font-size: 16px;
  text-align: center;
  color: #a5a9aa;
  margin-bottom: 20px;
}
.dashboard__empty-studyplan .dashboard__text a {
  padding: 17px 57px;
  border-radius: 29.9px;
  background-color: #4fa3ec;
  color: white;
}

.dashboard__assignment_row_container {
  border-radius: 6px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  margin-bottom: 8px;
}
.dashboard__assignment_row_container.faded {
  opacity: 0.5;
}

.dashboard__assignment_row {
  display: flex;
  align-items: center;
  padding: 20px 16px;
  cursor: pointer;
}
.dashboard__assignment_row .index {
  font-size: 14px;
  color: #a5a9aa;
  min-width: 21px;
  margin-right: 7px;
}
.dashboard__assignment_row .lm-icon {
  margin-right: 15px;
  width: 18px;
}
.dashboard__assignment_row .lm-icon.reasoning {
  width: 30px;
  margin-right: 8px;
  margin-left: -5px;
}
.dashboard__assignment_row .lm-icon.aamc {
  height: 25px;
}
.dashboard__assignment_row .lm-icon.tutoring {
  border-radius: 50%;
  border: 2px solid #b3b3b3;
  width: 27.78px;
  height: 27.78px;
}
.dashboard__assignment_row .title, .dashboard__assignment_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .dashboard__assignment_row .title-highlighted, .dashboard__assignment_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .dashboard__assignment_row .title-highlighted, .dashboard__assignment_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .dashboard__assignment_row .title-highlighted, .dashboard__assignment_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .dashboard__assignment_row .title-highlighted, .dashboard__assignment_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .dashboard__assignment_row .title-highlighted {
  flex: 2;
  min-width: 30%;
  word-break: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dashboard__assignment_row .title.complete, .dashboard__assignment_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .complete.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .dashboard__assignment_row .complete.title-highlighted, .dashboard__assignment_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .complete.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .dashboard__assignment_row .complete.title-highlighted, .dashboard__assignment_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .complete.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .dashboard__assignment_row .complete.title-highlighted, .dashboard__assignment_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .complete.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .dashboard__assignment_row .complete.title-highlighted, .dashboard__assignment_row .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .complete.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .dashboard__assignment_row .complete.title-highlighted {
  text-decoration: line-through;
}
.dashboard__assignment_row .description {
  word-break: break-word;
}
.dashboard__assignment_row .tags-time-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .dashboard__assignment_row .tags-time-container {
    flex-direction: column;
  }
}
.dashboard__assignment_row .tags {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .dashboard__assignment_row .tags {
    flex: 2;
  }
}
.dashboard__assignment_row .tags span {
  color: white;
  background: #999;
  display: inline-block;
  font-weight: 600;
  margin: 1rem 4px 0 0;
  padding: 1px 7px;
  border-radius: 3px;
  max-width: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.dashboard__assignment_row .tags span.tags-date {
  justify-content: flex-end;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  background: #fff !important;
}
.dashboard__assignment_row .tags span.time-range {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #000;
  background: #f3f3f3;
}
@media (max-width: 768px) {
  .dashboard__assignment_row .tags span.time-range {
    white-space: normal;
  }
}
.dashboard__assignment_row .tags span.caTag {
  background: #ffffff !important;
  border: 1px solid #4fa3ec;
  color: #4fa3ec !important;
}
.dashboard__assignment_row .divider {
  display: flex;
  justify-content: flex-end;
  flex: 2;
}
@media (max-width: 767px) {
  .dashboard__assignment_row .divider {
    flex: 0;
    display: none;
  }
}
.dashboard__assignment_row .divider .divider-2 {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .dashboard__assignment_row .divider .divider-2.divider-2-session {
    display: none;
  }
}
.dashboard__assignment_row .divider .divider-2 .detail {
  width: 150px;
  color: #a5a9aa;
  font-weight: 200;
}
@media (max-width: 768px) {
  .dashboard__assignment_row .divider .divider-2 .detail {
    display: none;
  }
}
.dashboard__assignment_row .divider .divider-2 .status {
  width: 30px;
  margin: 0 5px;
  display: flex;
  justify-content: center;
}
.dashboard__assignment_row .divider .divider-2 .chevron-container {
  width: 15px;
  cursor: pointer;
}
.dashboard__assignment_row .divider .divider-2 .chevron-container.rotate img {
  transform: rotate(90deg);
}

/* Dashboard Streak Tracker */
.streak_tracker_container {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #eff3fa;
}
@media (max-width: 1024px) {
  .streak_tracker_container {
    border-bottom: none;
  }
}
.streak_tracker_container .st__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0.35rem;
}
.streak_tracker_container .st__header__title {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: -0.233846px;
}
.streak_tracker_container .st__header__streak {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: auto;
}
.streak_tracker_container .st__header__streak__bolt_icon {
  padding: 0.25rem;
}
.streak_tracker_container .st__header__streak__counter {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 25px;
  text-align: right;
  letter-spacing: -0.233846px;
}
.streak_tracker_container .st__hotstreak {
  display: flex;
  flex-direction: column;
  min-width: 100%;
  border: 1px solid #eff3fa;
  border-radius: 8px;
  overflow: hidden;
}
.streak_tracker_container .st__hotstreak__progress {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .streak_tracker_container .st__hotstreak__progress {
    align-items: flex-start;
  }
}
.streak_tracker_container .st__hotstreak__progress__icon {
  width: 100%;
}
.streak_tracker_container .st__hotstreak__progress__disclaimer {
  height: 50%;
  padding: 0.5rem;
}
@media (max-width: 767px) {
  .streak_tracker_container .st__hotstreak__progress__disclaimer {
    font-size: 95%;
  }
}
.streak_tracker_container .st__hotstreak__button {
  padding: 2rem;
  text-align: center;
  border: none;
  background-color: #61b4fc;
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
}

.enrollment_agreement_page__wrapper {
  max-width: 1033px;
  margin: 0 auto;
}
.enrollment_agreement_page__wrapper h2,
.enrollment_agreement_page__wrapper h3,
.enrollment_agreement_page__wrapper h4,
.enrollment_agreement_page__wrapper h5,
.enrollment_agreement_page__wrapper p {
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  margin: 0 0 1rem;
}
.enrollment_agreement_page__wrapper h2 {
  font-size: 31px;
  font-weight: normal;
  letter-spacing: 0.19px;
  color: #2f2f2f;
  text-align: center;
}
.enrollment_agreement_page__wrapper h3 {
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0.16px;
  color: #2f2f2f;
}
.enrollment_agreement_page__wrapper h4 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.11px;
  color: #2f2f2f;
}
.enrollment_agreement_page__wrapper h5 {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: normal;
  color: #2f2f2f;
}
.enrollment_agreement_page__wrapper p,
.enrollment_agreement_page__wrapper li {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.1px;
  color: #616161;
}
.enrollment_agreement_page__wrapper ul,
.enrollment_agreement_page__wrapper ol {
  padding-left: 1rem;
}
.enrollment_agreement_page__wrapper ul {
  list-style: disc;
  list-style-position: inside;
  margin-bottom: 1rem;
}
.enrollment_agreement_page__wrapper ol {
  list-style: decimal;
  list-style-position: outside;
}
.enrollment_agreement_page__wrapper button {
  border-radius: 10px;
}
.enrollment_agreement_page__wrapper button.disabled {
  background: lightgray;
  border-color: lightgray;
}
.enrollment_agreement_page__wrapper button.hide {
  display: none;
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container {
  margin: 2rem 1rem;
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container .enrollment_agreement_page__body h3 {
  text-align: center;
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container .enrollment_agreement_page__body h4 {
  padding: 1rem 0 0;
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container .enrollment_agreement_page__body .enrollment_agreement_page__options {
  text-align: left;
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container .enrollment_agreement_page__body .enrollment_agreement_page__options .enrollment_agreement_page__option {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin: 1rem 0;
  padding: 2rem;
  text-align: left;
  border-radius: 7px;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  cursor: pointer;
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container .enrollment_agreement_page__body .enrollment_agreement_page__options .enrollment_agreement_page__option.disabled {
  cursor: initial;
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container .enrollment_agreement_page__body .enrollment_agreement_page__options .enrollment_agreement_page__option h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: normal;
  color: #333333;
  text-align: left;
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container .enrollment_agreement_page__body .enrollment_agreement_page__options .enrollment_agreement_page__option p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  color: #333333;
  text-align: left;
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container .enrollment_agreement_page__body .enrollment_agreement_page__options .enrollment_agreement_page__option .enrollment_agreement_page__option_radio {
  display: flex;
  flex-direction: column;
  margin-right: 1rem;
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container .enrollment_agreement_page__body .enrollment_agreement_page__options .enrollment_agreement_page__option .enrollment_agreement_page__option_radio input {
  opacity: 0;
  cursor: none;
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container .enrollment_agreement_page__body .enrollment_agreement_page__options .enrollment_agreement_page__option .enrollment_agreement_page__option_radio .checkmark {
  top: 0;
  left: 0;
  height: 10px;
  width: 10px;
  background-color: #eee;
  border-radius: 50%;
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container .enrollment_agreement_page__body .enrollment_agreement_page__options .enrollment_agreement_page__option .enrollment_agreement_page__option_radio:hover input ~ .checkmark {
  background-color: #ccc;
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container .enrollment_agreement_page__body .enrollment_agreement_page__options .enrollment_agreement_page__option .enrollment_agreement_page__option_radio input:checked ~ .checkmark {
  background-color: #2196f3;
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container .enrollment_agreement_page__body .enrollment_agreement_page__options .enrollment_agreement_page__option .enrollment_agreement_page__option_radio .checkmark:after {
  content: "";
  position: relative;
  display: none;
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container .enrollment_agreement_page__body .enrollment_agreement_page__options .enrollment_agreement_page__option .enrollment_agreement_page__option_radio input:checked ~ .checkmark:after {
  display: block;
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container .enrollment_agreement_page__body .enrollment_agreement_page__options .enrollment_agreement_page__option .enrollment_agreement_page__option_radio .checkmark:after {
  top: 3px;
  left: 3px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: white;
}
.enrollment_agreement_page__wrapper .enrollment_agreement_page__container .enrollment_agreement_page__submit {
  display: flex;
  flex-direction: row-reverse;
}

.profile_page__wrapper {
  max-width: 1033px;
  margin: 0 auto;
}
.profile_page__wrapper h2,
.profile_page__wrapper h3,
.profile_page__wrapper h4,
.profile_page__wrapper h5,
.profile_page__wrapper p {
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  margin: 0 0 1rem;
}
.profile_page__wrapper h2 {
  font-size: 28px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.18px;
  color: #2f2f2f;
}
.profile_page__wrapper h3 {
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0.16px;
  color: #2f2f2f;
}
.profile_page__wrapper h4 {
  font-size: 22px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.14px;
  color: #2f2f2f;
}
.profile_page__wrapper h5 {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: normal;
  color: #2f2f2f;
}
.profile_page__wrapper p {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.1px;
  color: #616161;
}
.profile_page__wrapper ul {
  list-style: none;
  list-style-position: inside;
}
.profile_page__wrapper ol {
  list-style: decimal;
  list-style-position: outside;
}
.profile_page__wrapper li.disabled {
  opacity: 0.4;
}
.profile_page__wrapper button {
  border-radius: 10px;
}
.profile_page__wrapper button.disabled {
  background: lightgray;
  border-color: lightgray;
}
.profile_page__wrapper button.hide {
  display: none;
}
.profile_page__wrapper .profile_page__container {
  margin: 2rem 1rem;
}
.profile_page__wrapper .profile_page__container .profile_page__body {
  font-size: 20px;
}
.profile_page__wrapper .profile_page__container .profile_page__body h3 {
  text-align: center;
}
.profile_page__wrapper .profile_page__container .profile_page__body h4 {
  padding: 1rem 0 0;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item {
  margin-bottom: 90px;
  transition: 0.95s;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__question {
  display: flex;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__question .profile_page__question_number {
  width: 35px;
  flex-shrink: 0;
  font-size: 18px;
  color: #555;
  line-height: 33px;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__question .profile_page__question_number:after {
  content: " ";
  width: 6px;
  height: 8px;
  font-size: 18px;
  position: absolute;
  margin-left: 9px;
  background: url(/8426ca8300448dc69b559cce6a0718d8.png);
  background-size: 5px;
  margin-top: 14px;
  background-repeat: no-repeat;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__question .profile_page__question_content .tooltip {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__question .profile_page__question_content .profile_page__question_text {
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 16px;
  line-height: 33px;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__question .profile_page__question_content .profile_page__question_text .profile_page__question_with_tooltip {
  display: flex;
  gap: 5px;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__question .profile_page__question_content .profile_page__question_description {
  font-size: 17px;
  color: #555;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__question .profile_page__question_content .profile_page__question_description--bold {
  font-weight: 600;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .slider {
  padding-top: 2rem;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .slider .number {
  font-size: 16px;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group {
  display: flex;
  max-width: calc(100vw - 45px);
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group .profile_page__validity_indicator {
  display: flex;
  align-items: flex-start;
  width: 35px;
  margin-top: 33px;
  flex-shrink: 0;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group .profile_page__validity_indicator .profile_page__validity_icon {
  content: url(/7c7b44aa9e9727f80a42dd3e54c3970d.svg);
  width: 18px;
  padding-bottom: 19px;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group .profile_page__form_item_controls {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group .profile_page__form_item_controls .profile_page_generator__form_item_selector {
  padding-top: 15px;
  width: 282px;
  margin-right: 41.5px;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group .profile_page__form_item_controls .profile_page_generator__form_item_selector--hidden {
  display: none;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group .profile_page__form_item_controls .profile_page__search_bar {
  position: relative;
  width: 100%;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group .profile_page__form_item_controls .profile_page__search_bar .eye-glass-icon {
  position: absolute;
  left: 10px;
  top: 16px;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group .profile_page__form_item_controls .profile_page__search_bar .profile_page__input {
  width: 100%;
  height: 50px;
  border-radius: 7px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  border: none;
  padding: 0.5rem 0;
  font-size: 20px;
  color: #4fa3ec;
  text-indent: 35px;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group .profile_page__form_item_controls .profile_page__search_bar .profile_page__input::placeholder {
  color: #4fa3ec;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group .profile_page__form_item_controls .school__list {
  padding: 0;
  margin: 0;
  border-radius: 7px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  border: none;
  cursor: pointer;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group .profile_page__form_item_controls .school__list.hide {
  display: none;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group .profile_page__form_item_controls .school__list li {
  padding: 0.5rem;
  margin: 0;
  background-color: white;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group .profile_page__form_item_controls .school__list li p {
  color: #4fa3ec;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group .profile_page__form_item_controls .school__list li:hover {
  background-color: #4fa3ec;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group .profile_page__form_item_controls .school__list li:hover p {
  color: white;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item .profile_page__control_group .profile_page__form_item_controls .school__list p {
  padding: 0;
  margin: 0;
}
.profile_page__wrapper .profile_page__container .profile_page__body .profile_page_generator__form_item--faded {
  opacity: 0.3;
  pointer-events: none;
}
.profile_page__wrapper .profile_page__container .profile_page__submit {
  display: flex;
  flex-direction: row-reverse;
}
.profile_page__wrapper .check_box {
  margin-top: 20px;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.profile_page__wrapper .check_box .profile_page__form_checkbox_controls {
  display: block;
}
.profile_page__wrapper .check_box .profile_page__validity_indicator.checkbox {
  display: block !important;
  margin-top: -40px !important;
}
.profile_page__wrapper .check_box .checkbox_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.profile_page__wrapper .check_box .checkbox_container input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.profile_page__wrapper .check_box .checkmark {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
.profile_page__wrapper .check_box .checkmark:hover {
  background-color: #ccc;
}
.profile_page__wrapper .check_box .checkbox_container input:checked ~ .checkmark {
  background-color: #2196f3;
}
.profile_page__wrapper .check_box .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.profile_page__wrapper .check_box .checkbox_container input:checked ~ .checkmark:after {
  display: block;
}
.profile_page__wrapper .check_box .checkbox_container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.subscription__top {
  background: linear-gradient(to right, #61b6f1, #50a9e7);
  padding: 22px 36px;
  color: white;
  border-radius: 5px 5px 0 0;
}
.subscription__top h1 {
  text-shadow: 0 2px 14px #77b0e4;
  font-size: 30px;
  font-weight: bold;
  line-height: normal;
}
.subscription__top p {
  text-shadow: 0 2px 14px #6395c2;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.1px;
}

.subscription__bottom {
  padding: 22px 36px;
  max-width: 623px;
  display: flex;
  flex-direction: column;
}
.subscription__bottom p,
.subscription__bottom a {
  align-self: flex-start;
}
.subscription__bottom .clipboard_container {
  display: flex;
  border-radius: 3px;
  border: solid 1px #c1d5e7;
  background-color: #ffffff;
  margin: 16px 0 26px;
}
.subscription__bottom .clipboard_container input {
  border: none;
  flex: 1;
  font-size: 15px;
  color: #6a7684;
  margin-left: 15px;
  color: transparent;
  text-shadow: 0 0 0 #6a7684;
}
.subscription__bottom .clipboard_container div {
  width: 42.3px;
  height: 46.5px;
  border-left: solid 1px #c1d5e7;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.subscription__bottom .clipboard_container div span {
  display: none;
  position: absolute;
  top: 55px;
  width: 145px;
  background: #55a6ec;
  color: white;
  padding: 6px 11px;
  font-size: 16px;
  border-radius: 2px;
}
.subscription__bottom .clipboard_container div:hover span {
  display: block;
}

.product_upgrade_modal,
.upgrade_subscription_modal {
  margin: 50px;
  text-align: center;
}
@media (max-width: 678px) {
  .product_upgrade_modal,
  .upgrade_subscription_modal {
    margin: 0;
  }
}
.product_upgrade_modal h1,
.upgrade_subscription_modal h1 {
  margin-top: 20px;
  line-height: normal;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.4px;
  text-align: center;
  color: #2f2f2f;
  max-width: 625px;
}
@media (max-width: 483px) {
  .product_upgrade_modal h1,
  .upgrade_subscription_modal h1 {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0.3px;
  }
}
.product_upgrade_modal .top,
.upgrade_subscription_modal .top {
  display: flex;
  max-width: 500px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 20px;
  justify-content: center;
}
.product_upgrade_modal .top img,
.upgrade_subscription_modal .top img {
  margin-right: 40px;
}
@media (max-width: 483px) {
  .product_upgrade_modal .top img,
  .upgrade_subscription_modal .top img {
    margin-right: 0;
  }
}
.product_upgrade_modal .top p,
.upgrade_subscription_modal .top p {
  text-align: left;
}
@media (max-width: 483px) {
  .product_upgrade_modal .top p,
  .upgrade_subscription_modal .top p {
    display: none;
  }
}
.product_upgrade_modal .bottom,
.upgrade_subscription_modal .bottom {
  margin: 0 auto;
  margin-bottom: 50px;
  max-width: 350px;
  text-align: left;
}
@media (max-width: 483px) {
  .product_upgrade_modal .bottom,
  .upgrade_subscription_modal .bottom {
    margin-bottom: 30px;
  }
}
.product_upgrade_modal .bottom h3,
.upgrade_subscription_modal .bottom h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.19;
  letter-spacing: normal;
  color: #2f2f2f;
  margin-bottom: 6px;
}
.product_upgrade_modal .bottom li,
.upgrade_subscription_modal .bottom li {
  list-style: disc;
  list-style-position: inside;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: normal;
  color: #2f2f2f;
}
.product_upgrade_modal a,
.upgrade_subscription_modal a {
  display: inline-block;
}
.product_upgrade_modal a:focus,
.upgrade_subscription_modal a:focus {
  outline: none;
}
@media (max-width: 483px) {
  .product_upgrade_modal a,
  .upgrade_subscription_modal a {
    margin-bottom: 20px;
    font-size: 15px;
  }
}

.lesson__container {
  background: white;
  padding: 0px 10px 50px;
  width: 100%;
}

.lesson__content {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.lesson__content--column-prework {
  margin-left: 50px;
  max-width: 350px;
  width: 43%;
  padding-right: 15px;
}

.lesson__content--column-homework {
  width: 43%;
  max-width: 350px;
  padding-right: 15px;
}

.lesson__subheader, .lesson__subheader--files {
  margin: 15px 0px 12.5px 27px;
  font-size: 15px;
  font-weight: 600;
  color: #090909;
  text-align: left;
}
.lesson__subheader--files {
  margin-bottom: 10px;
}

.lesson__assignment-section, .lesson__assignment-section--with-label {
  padding-bottom: 15px;
}
.lesson__assignment-section--with-label {
  position: relative;
}

/**
ASSIGNMENT BLOCKS
**/
.lesson__assignment {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
  width: 100%;
}

.lesson__assignment-block, .lesson__assignment-block--review, .lesson__assignment-block--exam {
  cursor: pointer;
  display: flex;
  width: 100%;
  font-size: 15px;
  border-radius: 5.5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  align-items: center;
  justify-content: start;
  padding-left: 30px;
  padding-right: 2px;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
.lesson__assignment-block--exam {
  height: 55px;
  background-color: #ffea80;
  justify-content: center;
  padding: 5px;
}
.lesson__assignment-block--review {
  height: 55px;
  background-color: #fdf3c3;
  justify-content: center;
  padding: 5px;
}
.lesson__assignment-block--regular {
  height: 25px;
  overflow: hidden;
  position: relative;
}
.lesson__assignment-block--practice {
  border: solid 0.9px #a69fad;
  background-color: white;
}
.lesson__assignment-block--completed {
  opacity: 0.35 !important;
  text-decoration: line-through;
}

.lesson__assignment-complete, .lesson__assignment-complete--hidden {
  width: 10px;
  height: 7px;
  object-fit: cover;
  margin-right: 10px;
}
.lesson__assignment-complete--hidden {
  visibility: hidden;
}

.lesson__assignment-text {
  white-space: nowrap;
  position: absolute;
  text-decoration: inherit;
}
.lesson__assignment-text--exam {
  white-space: normal;
  text-align: center;
  position: static;
}

/**
FILES
**/
.lesson__supplemental {
  margin-left: 27px;
  display: flex;
  align-items: baseline;
  margin-bottom: 2px;
}

.lesson__supplemental--icon {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
}
.lesson__supplemental--text {
  font-size: 15px;
  color: #4fa3ec;
  margin-left: 5px;
  cursor: pointer;
  text-align: left;
  padding: 0;
}

/**
LABEL
**/
.lesson__label--container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 22px;
  position: absolute;
  height: 100%;
  left: -50px;
}

.lesson__label--text {
  writing-mode: vertical-lr;
  color: #b7b7b7;
  letter-spacing: 0.5px;
  font-size: 15px;
  transform: rotate(180deg);
  margin-right: 10px;
  font-style: italic;
}

.lesson__label--shape {
  height: 100%;
  width: 5px;
  background: white;
  border-width: 1px;
  border-color: #b7b7b7;
  border-style: solid none solid solid;
  margin-right: 12px;
}

/**
MEDIA QUERIES
**/
@media (max-width: 1024px) {
  .lesson__content--column-prework,
  .lesson__content--column-homework {
    max-width: none;
  }
}
@media (max-width: 767px) {
  .lesson__content {
    flex-direction: column;
    align-items: flex-end;
    padding: 15px 0;
  }
  .lesson__content--column-prework,
  .lesson__content--column-homework {
    width: 83%;
    max-width: none;
  }
  .lesson__content--column-prework {
    margin-bottom: 0;
  }
}
.lectures__container {
  height: 100%;
  background: linear-gradient(#fff, #fcfcfc, #f7f7f8);
}
.lectures__container .lectures__header_container {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 19px;
  font-weight: bold;
  color: #090909;
  padding: 25px 15px;
}
.lectures__container .lectures__header_container .lectures__header_click_image {
  position: absolute;
  top: 75%;
  right: 10px;
}
.lectures__container .lectures__header_container .lectures--header_button {
  border-radius: 5px;
  margin-left: auto;
  font-size: 14px;
  padding: 3px 10px;
}
.lectures__container .lectures__header_container_icon {
  margin-right: 5px;
}
.lectures__container .lectures__list {
  overflow: auto;
  max-height: 610px;
  min-height: calc(100% - 78px);
}
.lectures__container .lectures__list_image {
  display: block;
  margin: 125px auto 0px;
}
.lectures__container .lectures__list_image--find {
  margin-bottom: 100px;
}

.lecture__container {
  border-bottom: solid 0.5px #f4f4f4;
  display: flex;
  justify-content: space-between;
  padding: 38px 20px;
  background-color: white;
  border-color: #f4f4f4;
  border-style: solid;
  border-width: 1px 0px;
}
.lecture__container .lecture__info .lecture__recorded_date {
  font-size: 19px;
  color: #2f2f2f;
}
.lecture__container .lecture__info .lecture__recorded_date--watch {
  font-weight: 300;
}
.lecture__container .lecture__info .lecture__recorded_date img {
  margin-left: 8px;
}
.lecture__container .lecture__info .lecture__instructor_name {
  font-size: 16px;
  color: #4fa3ec;
  cursor: pointer;
}
.lecture__container .lecture__info .lecture__time {
  font-size: 16px;
  color: #a5a9aa;
}
.lecture__container .lecture__buttons {
  position: relative;
}
.lecture__container .lecture__buttons .lecture__instructor_image {
  cursor: pointer;
  position: absolute;
  left: -50px;
  width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #e0e0e0;
}

/**
HERO SECTION
**/
.ls-hero__container {
  width: 100%;
  min-height: 560px;
  box-shadow: 0 7px 19px 0 rgba(68, 71, 77, 0.3);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  position: relative;
  background-image: radial-gradient(circle at 99% 32%, rgba(255, 255, 255, 0.4) 0%, rgba(110, 167, 235, 0.17) 64%);
  margin: 0 auto 50px;
}

.ls-hero__background {
  position: absolute;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
  object-position: 60% 10%;
  z-index: 1;
}

.ls-hero__container--featured-session {
  width: 45%;
  z-index: 2;
  padding: 65px 0px 0px 75px;
}

.ls-hero__header {
  font-size: 52px;
  font-weight: 200;
  color: #ffffff;
  letter-spacing: normal;
}

.ls-hero__featured-session {
  display: flex;
  margin-top: 60px;
  min-height: 125px;
  margin-bottom: 36px;
}

.ls-hero__instructor-info {
  cursor: pointer;
  margin-right: 30px;
  padding-top: 16px;
  width: 64px;
  flex-shrink: 0;
}

.ls-hero__instructor-image, .ls-hero__instructor-image--list {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 3px solid #e0e0e0;
  object-fit: cover;
  object-position: 50% 50%;
}
.ls-hero__instructor-image--list {
  width: 47px;
  height: 47px;
  margin-top: 20px;
}

.ls-hero__instructor-name {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: white;
  white-space: nowrap;
}

.ls-hero__session-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.ls-hero__session-title {
  font-size: 38px;
  font-weight: bold;
  color: white;
  text-shadow: 0 2px 9px rgba(5, 9, 42, 0.1);
  letter-spacing: normal;
}

.ls-hero__session-time {
  font-size: 28px;
  font-weight: 300;
  text-shadow: 0 2px 9px rgba(5, 9, 42, 0.1);
  color: white;
  margin-top: -7px;
}

.ls-hero__session-status {
  margin-top: 5px;
  display: flex;
  align-items: center;
  flex-direction: row;
}

.ls-hero__registration-icon {
  width: 16px;
  height: 16px;
  margin-right: 7px;
}

.ls-hero__registration-text {
  font-size: 15px;
  letter-spacing: 0.19px;
  color: white;
}

.ls-hero__container--upcoming-session {
  width: 40%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.ls-hero__list {
  height: 370px;
  overflow: auto;
  width: 100%;
  padding: 0px 10px 0px 10px;
}

.ls-hero__session-item, .ls-hero__session-item--selected {
  margin: auto;
  width: 95%;
  min-height: 125px;
  border-radius: 11px;
  box-shadow: 0 2px 8px 0 #d8e1eb;
  background: white;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  padding: 13px 30px;
  cursor: pointer;
}
.ls-hero__session-item--selected {
  box-shadow: 0 2px 10px 0 rgba(143, 177, 214, 0.78);
  border: solid 1px #6a91f7;
}

.ls-hero__subheaders,
.ls-hero__subheaders--oh {
  position: sticky;
  top: -1px;
  background: white;
  margin-bottom: 12px;
  letter-spacing: normal;
  color: #0a1234;
  font-weight: 600;
  font-size: 16px;
  padding-left: 16px;
  z-index: 3;
}

.ls-hero__label--oh, .ls-hero__label--oh--hidden {
  font-size: 12px;
  letter-spacing: 0.27px;
  color: #9094ac;
}
.ls-hero__label--oh--hidden {
  visibility: hidden;
}

.ls-hero__session-item--title {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  color: #0a1234;
  text-overflow: ellipsis;
}

.ls-hero__session-item--time {
  font-size: 21px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0a1234;
}

.ls-hero__session-item--status {
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.15px;
  color: black;
  display: flex;
  align-items: center;
  padding-top: 5px;
}

.ls-hero__session-item--status-mobile {
  display: none;
  width: 171.5px;
  height: 50.5px;
  border-radius: 25.2px;
  background-color: #28db61;
  font-size: 18px;
  font-weight: 600;
  color: white;
}
.ls-hero__session-item--status-mobile .icon {
  margin-right: 10px;
}

.ls-hero__session-item--icon--green {
  width: 13px;
  height: 13px;
  margin-right: 6px;
}

/**
MEDIA QUERIES
**/
@media (max-width: 1100px) {
  .ls-hero__list--oh,
  .ls-hero__background,
  .ls-hero__featured-session,
  .ls-hero__container--featured-session,
  .ls-hero__header,
  .ls-session-card__caret,
  .ls-session-card__caret--rotate,
  .ls-hero__subheaders--oh {
    display: none;
  }
  .ls-hero__button {
    font-size: 17px;
  }
  .ls-hero__session-item--container {
    padding-bottom: 35px;
  }
  .ls-hero__container {
    background: white;
    display: block;
    min-height: 0;
    box-shadow: none;
    margin: 0;
  }
  .ls-hero__container--upcoming-session {
    width: 100%;
  }
  .ls-hero__list {
    overflow: visible;
    height: auto;
  }
  .ls-hero__session-item,
  .ls-hero__session-item--selected {
    border-radius: 0px;
    border: none;
    border-top: solid 1px #f4f4f4;
    box-shadow: none;
    margin: 0;
    width: 100%;
    min-height: 0;
    padding: 20px 20px 0px 20px;
  }
  .ls-hero__subheaders {
    text-align: center;
    padding: 25px;
    position: static;
    border-top: solid 1px #f4f4f4;
    margin-bottom: 0;
  }
  .ls-hero__session-item--status {
    display: none;
  }
  .ls-hero__session-item--status-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 35px auto 0;
    border: none;
  }
}
.live_page {
  margin: 0px 25px;
}
.live_page__header {
  display: flex;
  align-items: center;
  margin-top: 0px;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #f4f4f4;
  max-width: 1320px;
  position: fixed;
  z-index: 4;
  padding-top: 2rem;
  left: 0;
  right: 0;
  background-color: #FFFFFF;
}
.live_page__header_tab {
  color: unset;
}
.live_page__header_tab:hover {
  opacity: 0.75;
  border-bottom: 1px solid #c9c9c9;
}
.live_page__header_tab.active {
  border-bottom: 1px solid #2f2f2f;
}
.live_page__header_tab.active .live_page__header_tab_title {
  font-weight: normal;
}
.live_page__header_tab_title {
  font-size: 28px;
  font-weight: 300;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
}
.live_page__header .live_page__today {
  font-size: 14px;
  color: #9094ac;
  margin-right: 40px;
  margin-bottom: 18px;
  margin-left: auto;
}
@media screen and (max-width: 1100px) {
  .live_page {
    margin: 0px;
  }
  .live_page__header {
    margin-bottom: 0px;
  }
  .live_page__header_tab_title {
    font-size: 26px;
    padding-left: 35px;
    padding-right: 35px;
  }
  .live_page__header .live_page__today {
    display: none;
  }
}

.live_upcoming__container {
  max-width: 1260px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  padding-top: 8rem;
}
@media screen and (max-width: 1100px) {
  .live_upcoming__container {
    position: relative;
  }
}
.live_upcoming__container .live_upcoming__tools {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1101px) {
  .live_upcoming__container .live_upcoming__tools {
    display: none;
  }
}
.live_upcoming__container .live_upcoming__tools .live_upcoming__tools_button {
  cursor: pointer;
  font-size: 14px;
  color: #4c9ade;
  margin: 22px;
}
.live_upcoming__container .live_upcoming__tools .live_upcoming__tools_button_count {
  margin-right: 7px;
  border-radius: 50%;
  background-color: #4c9ade;
  color: white;
  width: 18px;
  height: 18px;
  display: inline-block;
  line-height: 1.2;
  text-align: center;
}
.live_upcoming__container .live_upcoming__tools .live_upcoming__tools_button_count.none {
  display: none;
}
.live_upcoming__container .live_upcoming__content {
  display: flex;
}
.live_upcoming__container .live_upcoming__content .live_upcoming__filter {
  z-index: 1;
}
@media (max-width: 1100px) {
  .live_upcoming__container .live_upcoming__content .live_upcoming__filter {
    position: absolute;
    top: 65px;
    width: 245px;
    transform: translateX(-285px);
    transition: transform 0.3s ease;
  }
  .live_upcoming__container .live_upcoming__content .live_upcoming__filter--open {
    transform: translateX(0px);
  }
}
.live_upcoming__container .live_upcoming__content .live_upcoming__sessions {
  width: 100%;
}
.live_upcoming__container .live_upcoming__content .live_upcoming__sessions .live_upcoming__more_sessions {
  text-align: center;
}

/**
*
SESSIONS LIST
*
**/
.ls-list__container {
  width: 100%;
}

.ls-list__no-results {
  display: block;
  width: 100%;
  background: #fafafa;
  padding: 200px 0;
}
.ls-list__no-results .no-results-gfx {
  display: block;
  margin: 0 auto;
}

.ls-list__header--mobile {
  text-align: center;
  width: 100%;
  display: none;
  padding: 25px;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  border-radius: 0px;
  border: none;
  border-top: solid 1px #f4f4f4;
  background: white;
}

/**
SESSION CARD
**/
.ls-session-card__container {
  width: 100%;
  margin-bottom: 50px;
  border-radius: 8px;
  box-shadow: 0 7px 19px 0 rgba(68, 71, 77, 0.3);
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 3000px;
  transition-property: max-height;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
}
.ls-session-card__container.collapsed {
  max-height: 210px;
}

.ls-session__details {
  min-height: 95px;
  display: flex;
  justify-content: space-between;
  padding: 0 40px;
  border-bottom: solid 1px #efefef;
  align-items: center;
  color: black;
  font-size: 18px;
  line-height: normal;
  letter-spacing: normal;
}

.ls-session__details--date,
.ls-session__details--time {
  font-weight: 600;
}
.ls-session__details--date.past,
.ls-session__details--time.past {
  margin-left: 10px;
}

.ls-session__details--day {
  margin-left: 12px;
  font-weight: 300;
}

.ls-session__details--session {
  cursor: pointer;
  display: flex;
  height: 100%;
  width: 20%;
  align-items: center;
}

.ls-session__details--instructor {
  display: flex;
  height: 100%;
  width: 79%;
  align-items: center;
  justify-content: space-between;
}

.ls-session__instructor {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-align: right;
  font-size: 16px;
}
.ls-session__instructor--img {
  border-radius: 50%;
  border: 3px solid #e0e0e0;
  object-fit: cover;
  width: 47px;
  height: 47px;
  margin-left: 20px;
}
.ls-session__instructor--label {
  color: #a5a9ab;
  margin-right: 4px;
}
.ls-session__instructor--name {
  font-weight: 600;
}

.ls-session-card__label--oh, .ls-session-card__label--oh--hidden {
  font-size: 12px;
  letter-spacing: 0.27px;
  color: #9094ac;
}
.ls-session-card__label--oh--hidden {
  visibility: hidden;
}

.ls-session-card__lesson {
  padding: 15px 40px;
  display: flex;
  align-items: flex-start;
  min-height: -webkit-fit-content;
}

.ls-session-card__lesson-left {
  width: 20%;
}

.ls-session-card__lesson-right {
  width: 80%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 20px;
}

.ls-card__container--mobile {
  display: none;
}

.ls-session-card__lesson--title {
  font-size: 25px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
  color: black;
}

.ls-session-card__lesson--description {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: normal;
  color: #3e3e3e;
  margin: 0 30px 10px 10px;
  margin-right: auto;
  padding-right: 20px;
}

.ls-session-card__metadata--list {
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.ls-session-card__metadata--item {
  margin-right: 15px;
  margin-bottom: 1px;
  padding: 0;
}
.ls-session-card__metadata--item::before {
  content: "•";
  margin-right: 6px;
}

.ls-session-card__lesson--status {
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.15px;
  color: black;
  display: flex;
  align-items: center;
  padding-top: 5px;
}

.ls-session-card__caret, .ls-session-card__caret--rotate {
  width: 10px;
  transition: transform 0.2s linear;
  margin-top: 10px;
  cursor: pointer;
  flex-shrink: 0;
}
.ls-session-card__caret--rotate {
  transform: rotate(-90deg);
}

.ls-session-card__assignments {
  width: 75%;
  margin: 0 auto;
  padding-right: 80px;
}

.ls-session-card__related-content {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 50px;
}
.ls-session-card__related-content .content {
  width: 78.5%;
}

.ls-session-card__video--container {
  display: flex;
  flex-direction: column;
}

.video__container {
  width: 180px;
  height: 90px;
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  cursor: pointer;
}
.video__container.disable {
  cursor: not-allowed;
}

.video__thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video__overlay {
  opacity: 0;
  transition: 0.25s ease;
}
.video__overlay.show {
  opacity: 1;
}

.video__play-icon--circle {
  border-radius: 50%;
  width: 55px;
  height: 55px;
  opacity: 0.72;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  background-color: #191919;
  margin: 0;
  position: absolute;
  top: 20%;
  left: 35%;
}

.video__play-icon--triangle {
  position: absolute;
  top: 40%;
  left: 45%;
}

.ls-session-card__conference-status {
  font-size: 13px;
  text-align: center;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #b3adb9;
  margin-top: 10px;
}

.ls-card__container--button {
  margin-left: 25px;
}

.ls-card__button--register {
  background-color: #4fa3ec;
}
.ls-card__button--register:hover {
  background-color: #4fa3ec;
}
.ls-card__button--register img {
  margin-right: 5px;
}

.ls-card__button--registered {
  background-color: #28db61;
}
.ls-card__button--registered img {
  margin-right: 5px;
}

.ls-card__button--join {
  background-image: linear-gradient(to right, #385ee5 -2%, #7114fd 109%);
}
.ls-card__button--join:hover {
  background-image: linear-gradient(to right, #385ee5 -2%, #7114fd 109%);
}
.ls-card__button--join img {
  margin-right: 10px;
  max-width: unset;
  width: 21px;
}

.lectures-expiration__dialog-footer .dialog-button {
  width: fit-content;
  display: block;
  margin: auto;
}

@media (max-width: 1100px) {
  .ls-list__container {
    background: white;
  }
  .ls-list__header--mobile {
    display: block;
    border-bottom: solid 1px #efefef;
  }
  .ls-session-card__container {
    border-radius: 0px;
    box-shadow: none;
    margin: 0;
    border-bottom: solid 1px #efefef;
  }
  .ls-session-card__container.collapsed {
    max-height: 225px;
  }
  .ls-session__details {
    border-bottom: none;
    height: auto;
    display: none;
  }
  .ls-session-card__lesson--status,
  .ls-session__instructor--label,
  .ls-card__container--button,
  .ls-session-card__lesson-left {
    display: none;
  }
  .ls-session-card__lesson {
    display: block;
    padding: 25px 20px 10px;
  }
  .ls-session-card__lesson-right {
    padding-top: 15px;
  }
  .ls-session-card__lesson--description {
    margin: 0 10px 10px 0;
  }
  .ls-session-card__metadata--list {
    margin-left: 0;
  }
  .ls-card__container--button {
    margin-left: 25px;
  }
  .ls-session-card__lesson-right {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
  }
  .ls-card__button {
    width: 130px;
    height: 42px;
    margin-left: 10px;
    font-size: 17px;
  }
  .ls-session__instructor--img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }
  .ls-session-card__assignments {
    width: 100%;
    margin: 0;
  }
  .ls-session-card__video--container {
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
  }
  .ls-card__container--mobile {
    display: block;
    width: 100%;
  }
  .ls-card__container--mobile .ls-session-card__caret, .ls-card__container--mobile .ls-session-card__caret--rotate {
    display: inline-block;
  }
  .ls-card__container--mobile .card__title,
  .ls-card__container--mobile .card__details {
    display: flex;
    justify-content: space-between;
  }
  .ls-card__container--mobile .card__title {
    align-items: center;
  }
  .ls-card__container--mobile .ls-session__details--day {
    margin-left: 0;
    font-size: 19px;
  }
  .ls-card__container--mobile .ls-session__instructor--name {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4fa3ec;
    text-align: left;
  }
  .ls-card__container--mobile .ls-session__details--time {
    font-size: 16px;
    color: #a5a9aa;
    margin: 0;
  }
  .ls-session-card__related-content .content {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .ls-session-card__assignments {
    width: 100%;
    padding: 0;
  }
}
.custom_checkbox__container {
  --color: #6b7191;
  --line_color: #e0ebf5;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-left: 3px;
  margin: 16px 0px;
}
.custom_checkbox__container .custom_checkbox__checkmark_container {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  border-radius: 1px;
  border: solid 1px var(--color);
  padding: 1px;
  transition: background-color 0.2s ease-in-out;
}
.custom_checkbox__container .custom_checkbox__checkmark_container .custom_checkbox__checkmark {
  display: none;
}
.custom_checkbox__container .custom_checkbox__checkmark_container.checked {
  background-color: var(--color);
}
.custom_checkbox__container .custom_checkbox__checkmark_container.checked .custom_checkbox__checkmark {
  display: block;
}
.custom_checkbox__container .custom_checkbox__checkmark_container.line {
  background-color: var(--line_color) !important;
  border-color: var(--line_color);
}
.custom_checkbox__container .custom_checkbox__checkmark_container.line img {
  width: 8px;
  margin-top: 4px;
  margin-left: 2px;
}
.custom_checkbox__container .custom_checkbox__base_checkbox {
  display: none;
}
.custom_checkbox__container .custom_checkbox__base_checkbox:checked ~ .custom_checkbox__checkmark_container {
  background-color: var(--color);
}
.custom_checkbox__container .custom_checkbox__base_checkbox:checked ~ .custom_checkbox__checkmark_container .custom_checkbox__checkmark {
  display: block;
}
.custom_checkbox__container .custom_checkbox__label {
  margin-left: 10px;
  font-size: 15px;
  line-height: normal;
}

.filters_list__container {
  padding-right: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.filters_list__container .filters_list__reset {
  cursor: pointer;
  font-size: 14px;
  line-height: normal;
  color: #4fa3ec;
  margin-top: 20px;
  display: none;
}
@media screen and (max-width: 1100px) {
  .filters_list__container {
    padding: 30px;
    background-color: #fafafa;
    box-shadow: 1px 4px 8px 0 rgba(0, 0, 0, 0.21);
  }
  .filters_list__container .filters_list__reset.changed {
    display: block;
  }
}

.date_range__container {
  position: relative;
}
.date_range__container .date_range__block {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-height: 50px;
  width: 160px;
  padding: 13px 15px;
  border-radius: 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
  color: #555;
  font-weight: normal;
  font-size: 16px;
}
.date_range__container .date_range__popup {
  position: absolute;
  left: 0px;
  top: 55px;
  border: solid 1px #eaeaea;
  background-color: white;
  z-index: 1;
}
.date_range__container .date_range__popup.hidden {
  display: none;
}
.date_range__container .date_range__popup .date_range__calendar {
  border-bottom: solid 1px #eaeaea;
}
.date_range__container .date_range__popup .btn-blue {
  float: right;
  margin: 10px;
}

.search_bar__form {
  position: relative;
  min-width: 150px;
}
.search_bar__form .search_bar__icon {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(0px, -50%);
  width: 14px;
}
.search_bar__form .search_bar__clear {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translate(0px, -54%);
  visibility: hidden;
  line-height: normal;
  font-size: 18px;
  color: #a5a9aa;
}
.search_bar__form .search_bar__clear.visible {
  visibility: visible;
}
.search_bar__form .search_bar__input {
  width: 100%;
  height: 45px;
  border-radius: 22.5px;
  border: 1px solid #e4e4e4;
  background-color: white;
  font-size: 17px;
  font-weight: normal;
  line-height: normal;
  padding-top: 14px;
  padding-bottom: 12px;
  padding-left: 40px;
  padding-right: 30px;
}
.search_bar__form .search_bar__input--resources {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  color: #b2b2b2;
}
.search_bar__form .search_bar__input--resources::placeholder {
  color: #b2b2b2;
}
.search_bar__form .search_bar__input:focus {
  border: 1px solid #4caafb;
}

.lesson-modal__container {
  width: 700px;
  padding: 25px 35px 0;
  border-radius: 6px;
  box-shadow: -5px 25px 50px 5px rgba(2, 2, 3, 0.19);
  background-color: #ffffff;
  margin-bottom: 50px;
  position: absolute;
  z-index: 4;
  transition-property: top, left;
  transition-duration: 0.2s;
  transition-timing-function: linear;
}
.lesson-modal__container .lesson-modal__hr {
  height: 1px;
  border: solid 1px #ecedf0;
  margin: 0;
}
.lesson-modal__container .oh-files {
  padding-bottom: 25px;
  margin-left: -27px;
}

.lesson-modal__header--container-desktop {
  padding-bottom: 22px;
  text-align: right;
}
.lesson-modal__header--container-desktop .exit-modal {
  font-size: 20px;
  color: black;
  cursor: pointer;
}
.lesson-modal__header--container-desktop .title, .lesson-modal__header--container-desktop .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .lesson-modal__header--container-desktop .title-highlighted, .lesson-modal__header--container-desktop .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .lesson-modal__header--container-desktop .title-highlighted, .lesson-modal__header--container-desktop .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .lesson-modal__header--container-desktop .title-highlighted, .lesson-modal__header--container-desktop .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .lesson-modal__header--container-desktop .title-highlighted, .lesson-modal__header--container-desktop .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .lesson-modal__header--container-desktop .title-highlighted {
  text-align: left;
  font-size: 28px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-bottom: 5px;
}
.lesson-modal__header--container-desktop .registration__container {
  display: flex;
  justify-content: space-between;
}
.lesson-modal__header--container-desktop .registration__container .registration-status {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.19px;
  color: #000000;
}
.lesson-modal__header--container-desktop .registration__container .unregister-link {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.19px;
  color: #4fa2ec;
  cursor: pointer;
}

.lesson-modal__info--container-desktop {
  display: flex;
  justify-content: space-between;
  padding: 22px 0;
}
.lesson-modal__info--container-desktop .session-date {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #969696;
  margin-bottom: 5px;
}
.lesson-modal__info--container-desktop .session-time {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #200e32;
}
.lesson-modal__info--container-desktop .session-instructor {
  display: flex;
}
.lesson-modal__info--container-desktop .session-instructor .instructor-label {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #969696;
  margin-bottom: 5px;
}
.lesson-modal__info--container-desktop .session-instructor .instructor-name {
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4fa3ec;
}
.lesson-modal__info--container-desktop .session-instructor .instructor-img {
  cursor: pointer;
  border-radius: 50%;
  border: 3px solid #e0e0e0;
  object-fit: cover;
  width: 45px;
  height: 45px;
  margin: 0 15px;
}
.lesson-modal__info--container-desktop .session-instructor .instructor-contact-info {
  display: flex;
  padding-top: 0.5rem;
  gap: 0.5rem;
}
.lesson-modal__info--container-desktop .session-instructor .tutor-info {
  align-self: flex-start;
  position: relative;
}
.lesson-modal__info--container-desktop .session-instructor .tutor-info .instructor-label {
  text-align: start;
}
.lesson-modal__info--container-desktop .session-instructor .tutor-info .instructor-name {
  text-align: start;
}
.lesson-modal__info--container-desktop .session-instructor .tutor-info .instructor-img {
  position: absolute;
  top: 0;
  right: 1rem;
}

.lesson-modal__header--container-mobile {
  display: none;
  padding: 30px;
  padding-bottom: 15px;
}

.lesson-modal__description--container {
  padding: 12px 0;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
}

.lesson-modal__tooltip {
  background: #ffffff;
  padding: 7px 25px;
  width: 217.5px;
  height: 45.5px;
  border-radius: 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.31);
}
.lesson-modal__tooltip .text {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #989898;
}

.lesson-modal__metadata--list {
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.lesson-modal__metadata--item {
  margin-right: 15px;
  margin-bottom: 1px;
  padding: 0;
}
.lesson-modal__metadata--item::before {
  content: "•";
  margin-right: 6px;
}

@media screen and (max-width: 767px) {
  .lesson-modal__container {
    --horiz-buffer: 10px;
    --vert-buffer: 10px;
    position: fixed;
    top: var(--vert-buffer);
    left: var(--horiz-buffer);
    width: calc(100vw - 2 * var(--horiz-buffer));
    height: calc(100vh - 2 * var(--vert-buffer));
    overflow-x: hidden;
    overflow-y: auto;
    animation-duration: 0.5s;
    animation-name: slidein;
  }
  .lesson-modal__container--slideout {
    animation-duration: 0.5s;
    animation-name: slideout;
  }
  @keyframes slideout {
    from {
      top: var(--vert-buffer);
      left: var(--horiz-buffer);
    }
    to {
      left: -100vw;
    }
  }
  @keyframes slidein {
    from {
      top: var(--vert-buffer);
      left: -100vw;
    }
    to {
      left: var(--horiz-buffer);
    }
  }
  .lesson-modal__container .lesson-modal__header--container-desktop,
  .lesson-modal__container .lesson-modal__hr,
  .lesson-modal__container .lesson-modal__info--container-desktop {
    display: none;
  }
  .lesson-modal__container .lesson-modal__description--container,
  .lesson-modal__container .lesson-modal__metadata--list {
    padding: 12px 30px;
  }
  .lesson-modal__container .lesson-modal__metadata--list {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .lesson-modal__container .oh-files {
    margin: 0;
    padding: 10px 0 0 2px;
  }
  .lesson-modal__header--container-mobile {
    display: block;
  }
  .lesson-modal__header--container-mobile .title__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
  }
  .lesson-modal__header--container-mobile .title__container .title, .lesson-modal__header--container-mobile .title__container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .lesson-modal__header--container-mobile .title__container .title-highlighted, .lesson-modal__header--container-mobile .title__container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .lesson-modal__header--container-mobile .title__container .title-highlighted, .lesson-modal__header--container-mobile .title__container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .lesson-modal__header--container-mobile .title__container .title-highlighted, .lesson-modal__header--container-mobile .title__container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .lesson-modal__header--container-mobile .title__container .title-highlighted, .lesson-modal__header--container-mobile .title__container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .lesson-modal__header--container-mobile .title__container .title-highlighted {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #000000;
  }
  .lesson-modal__header--container-mobile .title__container .exit-modal {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    font-size: 24px;
    cursor: pointer;
  }
  .lesson-modal__header--container-mobile .date-instructor-button__container {
    display: flex;
    justify-content: space-between;
  }
  .lesson-modal__header--container-mobile .date-instructor-button__container .instructor-label {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #969696;
    margin-bottom: 5px;
  }
  .lesson-modal__header--container-mobile .date-instructor-button__container .instructor-name {
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4fa3ec;
    margin-top: 5px;
  }
  .lesson-modal__header--container-mobile .date-instructor-button__container .right-side {
    display: flex;
    align-items: center;
  }
  .lesson-modal__header--container-mobile .date-instructor-button__container .right-side .instructor-img {
    cursor: pointer;
    border-radius: 50%;
    border: 3px solid #e0e0e0;
    object-fit: cover;
    width: 45px;
    height: 45px;
    margin: 0 15px;
  }
  .lesson-modal__header--container-mobile .date-instructor-button__container .session-date {
    font-size: 19px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: black;
  }
  .lesson-modal__header--container-mobile .time-unregister__container {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
  }
  .lesson-modal__header--container-mobile .time-unregister__container .session-time {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #a5a9aa;
  }
  .lesson-modal__header--container-mobile .time-unregister__container .unregister-link {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.19px;
    color: #4fa2ec;
    cursor: pointer;
    margin-right: 45px;
  }
}
@media screen and (max-width: 500px) {
  .lesson-modal__container {
    padding: 0;
  }
  .lesson-modal__container .lesson-modal__header--container-mobile .date-instructor-button__container .instructor-img {
    margin: 0 12px;
  }
}
.video-selection-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.video-selection-modal .header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0.25rem;
}
.video-selection-modal .header .title, .video-selection-modal .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .video-selection-modal .header .title-highlighted, .video-selection-modal .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .video-selection-modal .header .title-highlighted, .video-selection-modal .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .video-selection-modal .header .title-highlighted, .video-selection-modal .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .video-selection-modal .header .title-highlighted, .video-selection-modal .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .video-selection-modal .header .title-highlighted {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 125%;
  color: #0d1b2b;
}
.video-selection-modal .video-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.video-selection-modal .video-list .video-selection-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
  background: #ffffff;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
  border-radius: 12px;
  padding: 0.75rem;
  margin: 0.25rem;
}
.video-selection-modal .video-list .video-selection-item:hover {
  background: #f8fafc;
}
.video-selection-modal .video-list .video-selection-item .play-icon {
  width: 5%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.video-selection-modal .video-list .video-selection-item .video-title {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 145%;
  color: #0d1b2b;
  width: 95%;
  margin-left: 10px;
}

.styles_modal__gNwvD {
  padding: 30px;
  max-width: 640px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
}

.live-version-modal--prompt-container {
  display: flex;
  flex-direction: column;
  width: 30%;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  .live-version-modal--prompt-container {
    width: 100%;
    margin: 0.5rem 0rem;
  }
}
.live-version-modal--prompt-container .body, .live-version-modal--prompt-container .reset_plan_modal .body--li, .reset_plan_modal .live-version-modal--prompt-container .body--li, .live-version-modal--prompt-container .live-downgrade__modal-container .body--li, .live-downgrade__modal-container .live-version-modal--prompt-container .body--li, .live-version-modal--prompt-container .live-upgrade__modal-container .body--li, .live-upgrade__modal-container .live-version-modal--prompt-container .body--li, .live-version-modal--prompt-container .reset_plan_dialog__content .body--li, .reset_plan_dialog__content .live-version-modal--prompt-container .body--li {
  padding: 1rem;
  height: 80%;
}
@media screen and (max-width: 1024px) {
  .live-version-modal--prompt-container .body, .live-version-modal--prompt-container .reset_plan_modal .body--li, .reset_plan_modal .live-version-modal--prompt-container .body--li, .live-version-modal--prompt-container .live-downgrade__modal-container .body--li, .live-downgrade__modal-container .live-version-modal--prompt-container .body--li, .live-version-modal--prompt-container .live-upgrade__modal-container .body--li, .live-upgrade__modal-container .live-version-modal--prompt-container .body--li, .live-version-modal--prompt-container .reset_plan_dialog__content .body--li, .reset_plan_dialog__content .live-version-modal--prompt-container .body--li {
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .live-version-modal--prompt-container .body, .live-version-modal--prompt-container .reset_plan_modal .body--li, .reset_plan_modal .live-version-modal--prompt-container .body--li, .live-version-modal--prompt-container .live-downgrade__modal-container .body--li, .live-downgrade__modal-container .live-version-modal--prompt-container .body--li, .live-version-modal--prompt-container .live-upgrade__modal-container .body--li, .live-upgrade__modal-container .live-version-modal--prompt-container .body--li, .live-version-modal--prompt-container .reset_plan_dialog__content .body--li, .reset_plan_dialog__content .live-version-modal--prompt-container .body--li {
    padding-bottom: 1rem;
  }
}
.live-version-modal--prompt-container .body .header, .live-version-modal--prompt-container .reset_plan_modal .body--li .header, .reset_plan_modal .live-version-modal--prompt-container .body--li .header, .live-version-modal--prompt-container .live-downgrade__modal-container .body--li .header, .live-downgrade__modal-container .live-version-modal--prompt-container .body--li .header, .live-version-modal--prompt-container .live-upgrade__modal-container .body--li .header, .live-upgrade__modal-container .live-version-modal--prompt-container .body--li .header, .live-version-modal--prompt-container .reset_plan_dialog__content .body--li .header, .reset_plan_dialog__content .live-version-modal--prompt-container .body--li .header {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  height: 25%;
  margin: 0.25rem 0rem;
}
.live-version-modal--prompt-container .body .description, .live-version-modal--prompt-container .reset_plan_modal .body--li .description, .reset_plan_modal .live-version-modal--prompt-container .body--li .description, .live-version-modal--prompt-container .live-downgrade__modal-container .body--li .description, .live-downgrade__modal-container .live-version-modal--prompt-container .body--li .description, .live-version-modal--prompt-container .live-upgrade__modal-container .body--li .description, .live-upgrade__modal-container .live-version-modal--prompt-container .body--li .description, .live-version-modal--prompt-container .reset_plan_dialog__content .body--li .description, .reset_plan_dialog__content .live-version-modal--prompt-container .body--li .description {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1875px;
  color: #555E68;
  height: 75%;
}
@media screen and (max-width: 1024px) {
  .live-version-modal--prompt-container .body .description, .live-version-modal--prompt-container .reset_plan_modal .body--li .description, .reset_plan_modal .live-version-modal--prompt-container .body--li .description, .live-version-modal--prompt-container .live-downgrade__modal-container .body--li .description, .live-downgrade__modal-container .live-version-modal--prompt-container .body--li .description, .live-version-modal--prompt-container .live-upgrade__modal-container .body--li .description, .live-upgrade__modal-container .live-version-modal--prompt-container .body--li .description, .live-version-modal--prompt-container .reset_plan_dialog__content .body--li .description, .reset_plan_dialog__content .live-version-modal--prompt-container .body--li .description {
    font-size: 12px;
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) {
  .live-version-modal--prompt-container .body .description, .live-version-modal--prompt-container .reset_plan_modal .body--li .description, .reset_plan_modal .live-version-modal--prompt-container .body--li .description, .live-version-modal--prompt-container .live-downgrade__modal-container .body--li .description, .live-downgrade__modal-container .live-version-modal--prompt-container .body--li .description, .live-version-modal--prompt-container .live-upgrade__modal-container .body--li .description, .live-upgrade__modal-container .live-version-modal--prompt-container .body--li .description, .live-version-modal--prompt-container .reset_plan_dialog__content .body--li .description, .reset_plan_dialog__content .live-version-modal--prompt-container .body--li .description {
    font-size: 14px;
    font-weight: 400;
  }
}
.live-version-modal--prompt-container button {
  border: unset;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .live-version-modal--prompt-container button {
    padding: 0.5rem 0rem;
  }
}
.live-version-modal--prompt-container .submit, .live-version-modal--prompt-container .create-flashcard-modal .footer .modify-options .revert, .create-flashcard-modal .footer .modify-options .live-version-modal--prompt-container .revert {
  height: 20%;
  background: #4FA3EC;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.live-version-modal--prompt-container .submit .btn-text, .live-version-modal--prompt-container .create-flashcard-modal .footer .modify-options .revert .btn-text, .create-flashcard-modal .footer .modify-options .live-version-modal--prompt-container .revert .btn-text {
  color: #FFFFFF;
  padding: 0rem 1rem;
  font-size: 17px;
  font-weight: 600;
}

.live-version-modal--container {
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  max-width: 1024px;
  width: 100%;
  height: 496px;
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  .live-version-modal--container {
    height: unset;
  }
}
.live-version-modal--container .close-btn-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  height: 1%;
}
.live-version-modal--container .close-btn-container .close-btn {
  color: #D6D6D6;
  transform: rotate(45deg);
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  cursor: pointer;
  height: 100%;
}
.live-version-modal--container .header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 9%;
}
@media screen and (max-width: 767px) {
  .live-version-modal--container .header {
    text-align: center;
    justify-content: center;
  }
}
.live-version-modal--container .header .title, .live-version-modal--container .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .live-version-modal--container .header .title-highlighted, .live-version-modal--container .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .live-version-modal--container .header .title-highlighted, .live-version-modal--container .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .live-version-modal--container .header .title-highlighted, .live-version-modal--container .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .live-version-modal--container .header .title-highlighted, .live-version-modal--container .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .live-version-modal--container .header .title-highlighted {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #000000;
}
@media screen and (max-width: 767px) {
  .live-version-modal--container .header .title, .live-version-modal--container .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .live-version-modal--container .header .title-highlighted, .live-version-modal--container .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .live-version-modal--container .header .title-highlighted, .live-version-modal--container .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .live-version-modal--container .header .title-highlighted, .live-version-modal--container .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .live-version-modal--container .header .title-highlighted, .live-version-modal--container .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .live-version-modal--container .header .title-highlighted {
    text-align: center;
  }
}
.live-version-modal--container .subheader {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1875px;
  color: #555E68;
  height: 25%;
}
.live-version-modal--container .subheader p {
  padding: 0.5rem 0rem;
}
@media screen and (max-width: 767px) {
  .live-version-modal--container .subheader p {
    text-align: center;
  }
}
.live-version-modal--container .prompts {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  height: 42.5%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .live-version-modal--container .prompts {
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    padding-bottom: 1.25rem;
  }
}
.live-version-modal--container .buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 22.5%;
  width: 100%;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .live-version-modal--container .buttons {
    flex-direction: column-reverse;
  }
}
.live-version-modal--container .buttons button {
  border: unset;
  cursor: pointer;
  padding: 1rem;
  margin: 0rem 0.5rem;
}
@media screen and (max-width: 767px) {
  .live-version-modal--container .buttons button {
    margin: 0.25rem 0rem;
    padding: 0.75rem 0rem;
  }
}
.live-version-modal--container .buttons .deny {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #6B7190;
  text-align: center;
  background-color: #FFFFFF;
}
@media screen and (max-width: 767px) {
  .live-version-modal--container .buttons .deny {
    width: 100%;
    font-size: 18px;
  }
}
.live-version-modal--container .buttons .accept {
  background: linear-gradient(90deg, #385EE5 -2.04%, #7114FD 108.91%);
  border-radius: 4px;
  color: #FFFFFF;
  width: 17.5%;
  text-align: center;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
@media screen and (max-width: 767px) {
  .live-version-modal--container .buttons .accept {
    width: 100%;
    font-size: 18px;
  }
}

.prompt--disabled {
  pointer-events: none;
  opacity: 0.2;
}

.btn--disabled {
  pointer-events: none;
  opacity: 0.2;
}

.live-upgrade__modal-container .title, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .live-upgrade__modal-container .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .live-upgrade__modal-container .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .live-upgrade__modal-container .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .live-upgrade__modal-container .title-highlighted, .live-upgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .live-upgrade__modal-container .title-highlighted,
.live-upgrade__modal-container .body,
.live-upgrade__modal-container .body--li {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-bottom: 25px;
}
.live-upgrade__modal-container .body, .live-upgrade__modal-container .body--li {
  font-weight: normal;
  margin-bottom: 6.5px;
}
.live-upgrade__modal-container .body--li {
  margin-left: 23px;
  list-style-type: disc;
  list-style-position: outside;
}
.live-upgrade__modal-container .btn-regenerate {
  display: block;
  margin: 0 auto;
  margin-top: 17.5px;
}

.live-downgrade__modal-container .title, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .live-downgrade__modal-container .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .live-downgrade__modal-container .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .live-downgrade__modal-container .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .live-downgrade__modal-container .title-highlighted, .live-downgrade__modal-container .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .live-downgrade__modal-container .title-highlighted,
.live-downgrade__modal-container .body,
.live-downgrade__modal-container .body--li {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-bottom: 25px;
}
.live-downgrade__modal-container .body, .live-downgrade__modal-container .body--li {
  font-weight: normal;
  margin-bottom: 6.5px;
}
.live-downgrade__modal-container .body--li {
  margin-left: 23px;
  list-style-type: disc;
  list-style-position: outside;
}
.live-downgrade__modal-container .btn-container {
  display: flex;
  justify-content: space-evenly;
  margin-top: 17.5px;
}

@media screen and (max-width: 766px) {
  .live-downgrade__modal-container .btn-container {
    flex-direction: column;
    justify-content: start;
    align-items: center;
  }
  .live-downgrade__modal-container .btn-container .btn-downgrade {
    width: 260px;
    margin-bottom: 12px;
  }
  .live-downgrade__modal-container .btn-container .btn-downgrade:last-child {
    margin-bottom: 0;
  }
}
.sketchy_upgrade_modal > h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 4px;
}
.sketchy_upgrade_modal > p {
  font-size: 18px;
  line-height: 1.3;
}
.sketchy_upgrade_modal__buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 25px;
}
.sketchy_upgrade_modal__buttons span {
  cursor: pointer;
  font-size: 16px;
  color: #abb7c6;
  margin-right: 22px;
}
.sketchy_upgrade_modal__buttons button {
  background: linear-gradient(90deg, #385ee5 -2.04%, #7114fd 108.91%);
  border: none;
  border-radius: 4px;
  height: 48px;
  width: 177px;
  color: white;
  font-size: 16px;
  font-weight: 600;
}
.sketchy_upgrade_modal__buttons.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.sketchy_upgrade_modal__steps {
  display: flex;
}
@media (max-width: 690px) {
  .sketchy_upgrade_modal__steps {
    flex-direction: column;
  }
}
.sketchy_upgrade_modal__step {
  margin: 20px 5px 0;
  flex: 1 1 0px;
}
.sketchy_upgrade_modal__step:first-of-type {
  margin-left: 0;
}
.sketchy_upgrade_modal__step:last-of-type {
  margin-right: 0;
}
@media (max-width: 690px) {
  .sketchy_upgrade_modal__step {
    margin: 10px 0;
  }
}
.sketchy_upgrade_modal__step.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.sketchy_upgrade_modal__step-info {
  padding: 17px;
  box-shadow: 0px 0px 8px rgba(203, 213, 223, 0.25);
  height: 220px;
}
.sketchy_upgrade_modal__step-info h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 7px;
}
.sketchy_upgrade_modal__step-info p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
}
.sketchy_upgrade_modal__step button {
  width: 100%;
  border: none;
  height: 40px;
  font-size: 15px;
  border-radius: 2px;
  font-weight: 700;
  display: flex;
  justify-content: left;
  align-items: center;
  padding-left: 18px;
}
.sketchy_upgrade_modal__step button img {
  margin-left: 7px;
  margin-top: 2px;
}

.instructor_modal__container {
  position: absolute;
  background-color: white;
  z-index: 105;
  width: 450px;
  border-radius: 7px;
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.25);
  padding: 7px;
  transition-property: top, left;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  line-height: normal;
}
.instructor_modal__container .instructor_modal__header {
  position: relative;
  width: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
}
.instructor_modal__container .instructor_modal__header_backdrop {
  z-index: -1;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 95px;
  object-fit: cover;
  border-radius: inherit;
}
.instructor_modal__container .instructor_modal__header_label {
  text-align: center;
  color: white;
  font-size: 11px;
  letter-spacing: 0.37px;
  opacity: 0.65;
  margin: 13px 0px;
}
.instructor_modal__container .instructor_modal__header_photo {
  width: 74px;
  height: 74px;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #e0e0e0;
  background-color: white;
}
.instructor_modal__container .instructor_modal__header_name {
  text-align: center;
  margin: 6px 0px;
}
.instructor_modal__container .instructor_modal__header_name_text {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.16px;
  margin: 0px;
  padding: 0px;
  border: none;
}
.instructor_modal__container .instructor_modal__header_name_pronouns {
  font-size: 16px;
  color: #a5a9aa;
}
.instructor_modal__container .instructor_modal__header .instructor_modal__close_modal {
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 14px;
  width: 10px;
  height: 10px;
}
.instructor_modal__container .instructor_modal__body {
  margin-top: 0px;
  margin-right: 21px;
  margin-bottom: 21px;
  margin-left: 21px;
}
.instructor_modal__container .instructor_modal__body.empty_body {
  display: none;
}
.instructor_modal__container .instructor_modal__body_section {
  margin-bottom: 28px;
}
.instructor_modal__container .instructor_modal__body .instructor_modal__section_title {
  font-size: 14px;
  letter-spacing: 0.09px;
  color: #a5a9aa;
  margin-bottom: 6.5px;
}
.instructor_modal__container .instructor_modal__body .instructor_modal__education_list_item {
  font-size: 18px;
  line-height: 1.11;
  letter-spacing: 0.11px;
}
.instructor_modal__container .instructor_modal__body .instructor_modal__education_list_item:not(:last-child) {
  margin-bottom: 8px;
}
.instructor_modal__container .instructor_modal__body .instructor_modal__education_list_item .instructor_modal__school {
  font-weight: bold;
}
.instructor_modal__container .instructor_modal__body .instructor_modal__data_container {
  display: flex;
  align-items: center;
}
.instructor_modal__container .instructor_modal__body .instructor_modal__data_container .instructor_modal__data_block {
  margin-right: auto;
}
.instructor_modal__container .instructor_modal__body .instructor_modal__data_container .instructor_modal__data_block_number {
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 0.13px;
}
.instructor_modal__container .instructor_modal__body .instructor_modal__description {
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: 0.09px;
}

@media screen and (max-width: 480px) {
  .instructor_modal__container {
    --horiz-buffer: 13px;
    --vert-buffer: 20px;
    position: fixed;
    top: var(--vert-buffer);
    left: var(--horiz-buffer);
    width: calc(100vw - 2 * var(--horiz-buffer));
    height: calc(100vh - 2 * var(--vert-buffer));
    overflow-x: hidden;
    overflow-y: auto;
    animation-duration: 0.5s;
    animation-name: slidein;
  }
  .instructor_modal__container--slideout {
    animation-duration: 0.5s;
    animation-name: slideout;
  }
  @keyframes slideout {
    from {
      top: var(--vert-buffer);
      left: var(--horiz-buffer);
    }
    to {
      left: -100vw;
    }
  }
  @keyframes slidein {
    from {
      top: var(--vert-buffer);
      left: -100vw;
    }
    to {
      left: var(--horiz-buffer);
    }
  }
}
.survey-background {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 100;
  padding-top: 10vh;
}

.survey-container {
  max-width: 800px;
  width: 95%;
  max-height: 90%;
  height: auto;
  border-radius: 39px;
  box-shadow: 0 4px 14px 7px rgba(0, 0, 0, 0.21);
  background-color: #ffffff;
  z-index: 101;
  margin: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
}
.survey-container .disabled {
  opacity: 0.25;
}
.survey-container .header {
  height: 165px;
  border-radius: 39px 39px 0 0;
  background-image: linear-gradient(to bottom, #7ec7ff -30%, #7dabf3);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: relative;
}
.survey-container .header .greeting {
  font-size: 46px;
  font-weight: 600;
  line-height: 0.8;
  letter-spacing: -0.02px;
  color: #ffffff;
}
.survey-container .header .graphic {
  width: 115px;
}
.survey-container .header .exit {
  position: absolute;
  cursor: pointer;
  top: 22px;
  right: 38px;
  width: 23px;
  height: 23px;
}
.survey-container .survey-form {
  padding: 40px 75px;
  max-height: calc(80vh - 165px);
  overflow: auto;
}
.survey-container .survey-form .submit-button {
  width: 100%;
  padding: 23.5px 0;
  border-radius: 59px;
  border: none;
  background-color: #4fa3ec;
  font-size: 21px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.08px;
  color: #ffffff;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
.survey-container .survey-form .submit-button.disabled {
  cursor: default;
}

.survey-question {
  margin-bottom: 55px;
}
.survey-question .question-text {
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.11px;
  color: #081b41;
  margin-bottom: 10px;
}
.survey-question .singleline-input {
  width: 365px;
  border: solid 1px #606060;
  padding: 5px;
}
.survey-question .multiline-input {
  width: 365px;
  height: 81px;
  border: solid 1px #606060;
  resize: none;
  padding: 5px;
  font-family: inherit;
}
.survey-question .button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.survey-question .button-container .answer-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 4px;
  padding-top: 32px;
}
.survey-question .button-container .binary-button {
  width: calc(50% - 10px);
  height: 55px;
  padding: 15px 0;
  border-radius: 9px;
  background-color: #f3f8fb;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.15px;
  text-align: center;
  color: #081b41;
  border: none;
  cursor: pointer;
}
.survey-question .button-container .answer-title {
  font-size: 13px;
  letter-spacing: 0.08px;
  color: #91aad0;
  position: absolute;
  top: 0;
  min-width: max-content;
}
.survey-question .button-container .scale-button {
  width: 40px;
  height: 40px;
  background-color: #f3f8fb;
  border: none;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.15px;
  color: #081b41;
  border-radius: 50%;
}
.survey-question .button-container .selected {
  color: #ffffff;
  background-color: #193866;
}
.survey-question .button-container .disabled {
  cursor: default;
}

@media screen and (max-width: 767px) {
  .survey-background .survey-container {
    --horiz-buffer: 10px;
    --vert-buffer: 10px;
    position: fixed;
    top: var(--vert-buffer);
    left: var(--horiz-buffer);
    width: calc(100vw - 2 * var(--horiz-buffer));
    height: calc(100vh - 2 * var(--vert-buffer));
    max-height: none;
    overflow: hidden;
    animation-duration: 0.5s;
    animation-name: slidein;
  }
  .survey-background .survey-container--slideout {
    animation-duration: 0.5s;
    animation-name: slideout;
  }
  @keyframes slideout {
    from {
      top: var(--vert-buffer);
      left: var(--horiz-buffer);
    }
    to {
      left: -100vw;
    }
  }
  @keyframes slidein {
    from {
      top: var(--vert-buffer);
      left: -100vw;
    }
    to {
      left: var(--horiz-buffer);
    }
  }
  .survey-background .survey-container .header {
    padding: 0 25px;
  }
  .survey-background .survey-container .header .greeting {
    font-size: 33px;
    letter-spacing: -0.12px;
    margin-right: 5px;
  }
  .survey-background .survey-container .header .graphic {
    width: 20%;
    max-width: 115px;
  }
  .survey-background .survey-container .survey-form {
    padding: 50px 25px;
    max-height: calc(100vh - 2 * var(--vert-buffer) - 165px);
  }
  .survey-question .multiline-input,
  .survey-question .singleline-input {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .survey-container .header {
    height: 135px;
  }
  .survey-container .header .greeting {
    font-size: 25px;
  }
  .survey-container .header .graphic {
    width: 85px;
  }
  .survey-container .survey-form {
    padding: 40px 25px;
  }
  .inner-title {
    display: none;
  }
  .survey-question .button-container .scale-button--small {
    font-size: 14.5px;
    width: 29px;
    height: 29px;
  }
}
.flashcard_page {
  overflow: hidden;
  background: #f6f7fb;
  height: auto;
  min-height: calc(100vh - 73px);
  display: flex;
}
.flashcard_page._v2 {
  background: #ffffff !important;
}
@media (min-width: 767px) {
  .flashcard_page {
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 124px);
  }
}
@media (min-width: 1150px) {
  .flashcard_page {
    min-height: calc(100vh - 73px);
  }
}
.flashcard_page .show_desktop {
  width: 100%;
  max-width: 925px;
  display: none;
}
@media (min-width: 767px) {
  .flashcard_page .show_desktop {
    display: block;
  }
}
.flashcard_page .home_view_page {
  padding: 35px 30px;
  display: flex;
  width: 100%;
  justify-content: center;
}
.flashcard_page .flashcard_nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #2f2f2f;
  width: 100%;
}
@media (min-width: 767px) {
  .flashcard_page .flashcard_nav {
    width: 255px;
    margin-right: 50px;
    flex-shrink: 0;
  }
}
.flashcard_page .flashcard_nav .go_to_cards_container {
  width: 100%;
}
.flashcard_page .flashcard_nav .go_to_cards_container .go_to_cards_btn {
  font-style: normal;
  font-weight: 600;
  font-size: 19px;
  line-height: 24px;
  text-align: center;
  border: none;
  cursor: pointer;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 15px 45px 17px;
  gap: 10px;
  width: 100%;
  height: 56px;
  background: #4fa3ec;
  border-radius: 4px;
  margin-bottom: 29px;
}
.flashcard_page .flashcard_nav .go_to_cards_container .go_to_cards_btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}
@media (max-width: 767px) {
  .flashcard_page .flashcard_nav .go_to_cards_container {
    display: none;
  }
}
.flashcard_page .flashcard_nav .nav_item {
  width: 100%;
}
.flashcard_page .flashcard_nav .nav_item.home, .flashcard_page .flashcard_nav .nav_item.hover {
  text-decoration: underline;
}
.flashcard_page .flashcard_nav .nav_item.home .show_mobile, .flashcard_page .flashcard_nav .nav_item.hover .show_mobile {
  display: block;
}
@media (min-width: 767px) {
  .flashcard_page .flashcard_nav .nav_item.home .show_mobile, .flashcard_page .flashcard_nav .nav_item.hover .show_mobile {
    display: none;
  }
}
.flashcard_page .flashcard_nav .nav_item.home {
  margin-bottom: 10px;
  text-decoration: none;
}
@media (min-width: 767px) {
  .flashcard_page .flashcard_nav .nav_item.home {
    margin-bottom: 0;
    background: none;
    box-shadow: none;
  }
  .flashcard_page .flashcard_nav .nav_item.home.hover {
    background: white;
    border-radius: 4px;
    text-decoration: underline;
  }
}
.flashcard_page .flashcard_nav .nav_item.disabled {
  opacity: 40%;
  pointer-events: none;
}
.flashcard_page .flashcard_nav .nav_item .nav_button {
  background: none;
  border: none;
  padding: 15px 24px;
  display: flex;
  width: 100%;
  align-items: center;
  cursor: pointer;
  font-weight: 600;
}
.flashcard_page .flashcard_nav .nav_item .nav_button.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.flashcard_page .flashcard_nav .nav_item .nav_button img {
  margin-right: 20px;
  height: 22px;
}
.flashcard_page .flashcard_nav .nav_item .nav_button span {
  font-size: 18px;
}
@media (min-width: 767px) {
  .flashcard_page .flashcard_nav .nav_item .nav_button span {
    font-size: 16px;
  }
}
.flashcard_page .flashcard_nav .flashcard_nav_line {
  border-top: 1px dashed #a5a9aa;
  width: 100%;
}
.flashcard_page .flashcard_nav .flashcard_study_plan_reminder_box {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: center;
  gap: 3px;
  width: 300px;
  height: 127px;
  background: #ffffff;
  box-shadow: 0px 3px 12px rgba(134, 139, 147, 0.25);
  color: #000000;
  margin-top: 25px;
  margin-bottom: 50px;
  margin-left: 20px;
  border-radius: 5px;
}
.flashcard_page .flashcard_nav .flashcard_study_plan_reminder_box .reminder_txt {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin-bottom: 7px;
}
.flashcard_page .flashcard_nav .flashcard_study_plan_reminder_box .reminder_descr_text {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #a6a9aa;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.flashcard_page .flashcard_nav .flashcard_study_plan_reminder_box .box_right {
  width: 23%;
  height: 100%;
  display: flex;
  flex-direction: row;
  border-left: 1px solid #ecf0f2;
}
.flashcard_page .flashcard_nav .activity_breakdown_container {
  margin-left: auto;
  margin-right: auto;
}
.flashcard_page .flashcard_nav .activity_breakdown_container .comfort_summary_container {
  display: flex;
}
.flashcard_page .flashcard_nav .activity_breakdown_container .comfort_summary_container .donut {
  width: fit-content;
  padding-left: 10px;
}
.flashcard_page .flashcard_nav .activity_breakdown_container .comfort_summary_container .legend_container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  margin-left: 15.33px;
}
.flashcard_page .flashcard_nav .activity_breakdown_container .hot_streak_container {
  display: flex;
  color: #000000;
  padding-left: 10px;
}
.flashcard_page .flashcard_nav .activity_breakdown_container .hot_streak_container .icon {
  height: 87.3px;
  width: 87.3px;
  flex-shrink: 0;
}
.flashcard_page .flashcard_nav .activity_breakdown_container .hot_streak_container .hot_streak_text {
  margin: 12px 0px 0px 15.33px;
}
.flashcard_page .flashcard_nav .activity_breakdown_container .hot_streak_container .hot_streak_text .hot_streak {
  display: flex;
  align-items: center;
}
.flashcard_page .flashcard_nav .activity_breakdown_container .hot_streak_container .hot_streak_text .hot_streak .number {
  font-weight: 600;
  font-size: 28px;
  line-height: 35px;
  letter-spacing: -0.910568px;
  margin-right: 6px;
}
.flashcard_page .flashcard_nav .activity_breakdown_container .hot_streak_container .hot_streak_text p {
  font-style: normal;
  font-weight: 400;
  font-size: 11.67px;
  line-height: 15px;
  letter-spacing: 0.0670945px;
}
.flashcard_page .flashcard_nav .activity_breakdown_container .latest_badge_container {
  display: flex;
  padding-left: 10px;
  margin: 37.48px 0;
  align-items: center;
}
.flashcard_page .flashcard_nav .activity_breakdown_container .latest_badge_container .icon {
  height: 87.3px;
  width: 87.3px;
  flex-shrink: 0;
}
.flashcard_page .flashcard_nav .activity_breakdown_container .latest_badge_container .text {
  padding-left: 16px;
}
.flashcard_page .flashcard_nav .activity_breakdown_container .latest_badge_container .text .label {
  font-weight: 400;
  font-size: 11.6667px;
  line-height: 15px;
  letter-spacing: 0.0614035px;
  color: #a5a9aa;
}
.flashcard_page .flashcard_nav .activity_breakdown_container .latest_badge_container .text .title, .flashcard_page .flashcard_nav .activity_breakdown_container .latest_badge_container .text .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .flashcard_page .flashcard_nav .activity_breakdown_container .latest_badge_container .text .title-highlighted, .flashcard_page .flashcard_nav .activity_breakdown_container .latest_badge_container .text .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .flashcard_page .flashcard_nav .activity_breakdown_container .latest_badge_container .text .title-highlighted, .flashcard_page .flashcard_nav .activity_breakdown_container .latest_badge_container .text .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .flashcard_page .flashcard_nav .activity_breakdown_container .latest_badge_container .text .title-highlighted, .flashcard_page .flashcard_nav .activity_breakdown_container .latest_badge_container .text .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .flashcard_page .flashcard_nav .activity_breakdown_container .latest_badge_container .text .title-highlighted, .flashcard_page .flashcard_nav .activity_breakdown_container .latest_badge_container .text .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .flashcard_page .flashcard_nav .activity_breakdown_container .latest_badge_container .text .title-highlighted {
  font-weight: 600;
  font-size: 15.8333px;
  line-height: 20px;
  color: #000000;
}
.flashcard_page .flashcard_nav .activity_breakdown_container .latest_badge_container .text .description {
  font-weight: 400;
  font-size: 11.6667px;
  line-height: 15px;
  letter-spacing: 0.0614035px;
  color: #000000;
  width: 130px;
}
.flashcard_page .deck_customizer {
  position: relative;
  max-width: 925px;
}
@media (min-width: 767px) {
  .flashcard_page .deck_customizer {
    box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
  }
}
.flashcard_page .deck_customizer .main_container {
  padding: 25px;
  padding-bottom: 10px;
  border-top: 1px solid #f1f1f1;
  background: white;
}
@media (min-width: 767px) {
  .flashcard_page .deck_customizer .main_container {
    border-radius: 8px;
    padding: 46px;
    padding-bottom: 0;
  }
}
.flashcard_page .deck_customizer .main_container .header {
  font-weight: 600;
  font-size: 21px;
  color: black;
  margin-bottom: 14px;
}
@media (min-width: 767px) {
  .flashcard_page .deck_customizer .main_container .header {
    font-size: 26px;
    font-weight: 700;
  }
}
.flashcard_page .deck_customizer .main_container .description {
  color: #a5a9aa;
  font-size: 14px;
}
.flashcard_page .deck_customizer .main_container .deckfilter_selection ~ .deckfilter_selection {
  margin-top: 32px;
}
.flashcard_page .deck_customizer .main_container .deckfilter_selection h2 {
  line-height: 20px;
  font-size: 16px;
  font-weight: 700;
}
.flashcard_page .deck_customizer .main_container .deckfilter_selection p {
  margin-top: 10px;
  color: #6a7684;
  font-family: Source Sans Pro;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.1000000015px;
  text-align: left;
}
.flashcard_page .deck_customizer .main_container .deckfilter_selection .btn-container {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.flashcard_page .deck_customizer .main_container .deckfilter_selection .btn-container .highlighted_card {
  padding: 0 8px;
  color: #4fa3ec;
}
.flashcard_page .deck_customizer .main_container .deckfilter_selection .btn-container button {
  padding: 0 32px;
  background-color: white;
  height: 56px;
  color: #1a1a1a;
  margin-right: 10px;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  cursor: pointer;
  transition: border 0s linear;
}
.flashcard_page .deck_customizer .main_container .deckfilter_selection .btn-container button:hover {
  border: 2px solid #4fa3ec;
  padding: 0 31px;
}
.flashcard_page .deck_customizer .main_container .deckfilter_selection .btn-container button.clicked {
  background-color: #4fa3ec;
  color: white;
}
.flashcard_page .deck_customizer .main_container .deckfilter_selection .btn-container button.goal {
  display: flex;
  padding: 20px 18px;
  margin-right: 25px;
}
.flashcard_page .deck_customizer .main_container .deckfilter_selection .btn-container button.goal h4 {
  margin-right: 10px;
  font-weight: 600;
}
.flashcard_page .deck_customizer .main_container .deckfilter_selection .btn-container button.goal:hover {
  padding: 19px 17px;
}
.flashcard_page .deck_customizer .main_container .selection_container {
  padding-bottom: 35px;
  max-height: 2000px;
  overflow: hidden;
  transition-property: max-height;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
}
.flashcard_page .deck_customizer .main_container .selection_container.selection_collapsed {
  max-height: 68px;
}
@media (min-width: 767px) {
  .flashcard_page .deck_customizer .main_container .selection_container .hide {
    padding: 0;
  }
}
.flashcard_page .deck_customizer .main_container .selection_container .subheader_container {
  display: flex;
  justify-content: space-between;
  padding: 25px 0 18px;
  align-items: center;
}
.flashcard_page .deck_customizer .main_container .selection_container .subheader_container .subheader {
  font-weight: 600;
  font-size: 17px;
  color: #2f2f2f;
}
@media (min-width: 767px) {
  .flashcard_page .deck_customizer .main_container .selection_container .subheader_container .subheader.hide {
    display: none;
  }
}
@media (min-width: 767px) {
  .flashcard_page .deck_customizer .main_container .selection_container .subheader_container .subheader {
    font-size: 21px;
  }
}
.flashcard_page .deck_customizer .main_container .selection_container .subheader_container button {
  border: none;
  background: none;
  cursor: pointer;
}
.flashcard_page .deck_customizer .main_container .selection_container .subheader_container button .arrow {
  transform: rotate(-90deg);
  transition: transform 0.2s linear;
  height: 10px;
  width: 12px;
}
.flashcard_page .deck_customizer .main_container .selection_container .subheader_container button .arrow.selection_collapsed {
  transform: rotate(90deg);
}
@media (min-width: 767px) {
  .flashcard_page .deck_customizer .main_container .selection_container .subheader_container button .arrow {
    display: none;
  }
}
.flashcard_page .deck_customizer .main_container .selection_container .subject_topic_container {
  display: flex;
  margin-left: 10px;
}
@media (min-width: 767px) {
  .flashcard_page .deck_customizer .main_container .selection_container .side_options {
    display: flex;
    flex-wrap: wrap;
  }
}
.flashcard_page .deck_customizer .main_container .selection_container .side_options .side_selection {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  /* create the indicator (the dot/circle - hidden when not checked) */
  /* show the indicator (dot/circle) when checked */
  /* style the indicator (dot/circle) */
}
@media (min-width: 767px) {
  .flashcard_page .deck_customizer .main_container .selection_container .side_options .side_selection {
    margin-right: 60px;
    margin-bottom: 12px;
  }
}
.flashcard_page .deck_customizer .main_container .selection_container .side_options .side_selection input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 26px;
  width: 26px;
  margin-left: 2px;
}
.flashcard_page .deck_customizer .main_container .selection_container .side_options .side_selection .custom_radio {
  background-color: white;
  border: 2px solid #4fa3ec;
  height: 28px;
  width: 28px;
  margin-right: 16px;
  border-radius: 50%;
}
.flashcard_page .deck_customizer .main_container .selection_container .side_options .side_selection .custom_radio:after {
  content: "";
  display: none;
}
.flashcard_page .deck_customizer .main_container .selection_container .side_options .side_selection input:checked ~ .custom_radio:after {
  display: block;
}
.flashcard_page .deck_customizer .main_container .selection_container .side_options .side_selection .custom_radio:after {
  border-radius: 50%;
  background: #4fa3ec;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid white;
  background: #4fa3ec;
}
.flashcard_page .deck_customizer .main_container .selection_container .side_options .side_selection .side_label {
  color: black;
}
@media (min-width: 767px) {
  .flashcard_page .deck_customizer .main_container .selection_container .side_options .side_selection .side_label {
    font-size: 18px;
  }
}
.flashcard_page .deck_customizer .main_container .selection_container .side_selection:last-child {
  margin-bottom: 12px;
}
.flashcard_page .deck_customizer .main_container .selection_container .goal_tip {
  color: #a5a9aa;
  font-size: 14px;
}
@media (min-width: 767px) {
  .flashcard_page .deck_customizer .main_container .selection_container .goal_tip {
    display: none;
  }
}
.flashcard_page .deck_customizer .main_container .selection_container .daily_goal {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 19px;
  color: #b4bac1;
  margin-top: 28px;
}
@media (min-width: 767px) {
  .flashcard_page .deck_customizer .main_container .selection_container .daily_goal {
    position: absolute;
    right: 25px;
    top: 25px;
    margin-top: 0;
  }
}
.flashcard_page .deck_customizer .main_container .selection_container .daily_goal .goal_value {
  color: #4fa3ec;
  margin: 0 12px 0 5px;
}
.flashcard_page .deck_customizer .main_container .selection_container .daily_goal .button_edit {
  border: none;
  cursor: pointer;
  background: none;
}
.flashcard_page .deck_customizer .main_container .selection_container:last-child {
  border-bottom: none;
}
.flashcard_page .deck_customizer .button_container {
  background: white;
}
@media (min-width: 767px) {
  .flashcard_page .deck_customizer .button_container {
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
  }
}
.flashcard_page .deck_customizer .button_container .deck_size_warning {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #4fa3ec;
  max-width: 400px;
  margin-bottom: 70px;
  margin-left: 50px;
}
.flashcard_page .deck_customizer .button_container .deck_size_warning img {
  margin-right: 15px;
}
@media (max-width: 767px) {
  .flashcard_page .deck_customizer .button_container .deck_size_warning {
    max-width: 320px;
    margin-left: 20px;
    margin-bottom: 30px;
  }
}
.flashcard_page .deck_customizer .button_container .button_create_deck {
  width: 100%;
  color: white;
  background: #4fa3ec;
  border: none;
  cursor: pointer;
  padding: 18px 0;
  font-size: 19px;
  font-weight: 600;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.flashcard_page .deck_customizer .button_container .button_create_deck.disabled {
  opacity: 0.5;
  pointer-events: none;
}
@media (min-width: 767px) {
  .flashcard_page .deck_customizer .button_container .button_create_deck {
    width: 185px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom: 65px;
    margin-right: 50px;
  }
}
.flashcard_page .deck_customizer_v2 {
  position: relative;
}
.flashcard_page .deck_customizer_v2 h1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.0736842px;
  color: #000000;
  margin-bottom: 12px;
}
.flashcard_page .deck_customizer_v2 h2 {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #000000;
  margin-bottom: 10px;
}
.flashcard_page .deck_customizer_v2 p {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #6a7684;
}
.flashcard_page .deck_customizer_v2 h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  text-align: center;
}
.flashcard_page .deck_customizer_v2 h4 {
  font-weight: 600;
  font-size: 13.75px;
  line-height: 16px;
  text-align: center;
  color: #1a1a1a;
}
.flashcard_page .deck_customizer_v2 .section {
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
}
.flashcard_page .deck_customizer_v2 .section .review_style_header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.flashcard_page .deck_customizer_v2 .section .review_style_header .reusable_tracker_panel {
  opacity: 0;
  display: block;
  width: 220px;
  transform: unset;
}
.flashcard_page .deck_customizer_v2 .section .review_style_header_alacarte_open .reusable_tracker_panel {
  opacity: 1;
  top: 760px;
  left: 20px;
}
.flashcard_page .deck_customizer_v2 .section .review_style_header_studyplan_open .reusable_tracker_panel {
  opacity: 1;
  top: 520px;
  left: 20px;
}
.flashcard_page .deck_customizer_v2 .section .date_range_header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.flashcard_page .deck_customizer_v2 .section .date_range_header .reusable_tracker_panel {
  opacity: 0;
  transition: opacity 0.5s linear;
  display: block;
  top: 370px;
  left: 10px;
  width: 220px;
  transform: unset;
}
.flashcard_page .deck_customizer_v2 .section .date_range_header_open .reusable_tracker_panel {
  opacity: 1;
}
.flashcard_page .deck_customizer_v2 .section .btn-container {
  display: flex;
  flex-direction: row;
  margin-top: 13px;
  align-items: center;
}
.flashcard_page .deck_customizer_v2 .section .btn-container .highlighted_card {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #297bc2;
  margin: 0px 7px;
}
.flashcard_page .deck_customizer_v2 .section .btn-container .card_selected {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1px;
  color: #585858;
}
@media (max-width: 767px) {
  .flashcard_page .deck_customizer_v2 .section .btn-container {
    width: 100%;
  }
}
.flashcard_page .deck_customizer_v2 .btn {
  background: #ffffff;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding: 11px 32px 13px;
  gap: 10px;
  flex: none;
  height: 56px;
}
.flashcard_page .deck_customizer_v2 .btn.mode {
  padding: 28px 40px 24px 31px;
  margin-bottom: 16px;
  width: 455px;
  height: 104px;
  border: 2px solid #d3d3d3;
  border-radius: 5.6064px;
}
.flashcard_page .deck_customizer_v2 .btn.mode .txt {
  margin-right: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.flashcard_page .deck_customizer_v2 .btn.mode img {
  margin-left: auto;
}
.flashcard_page .deck_customizer_v2 .btn.mode.clicked {
  border: 2px solid #4fa3ec !important;
  background-color: white !important;
}
@media (max-width: 767px) {
  .flashcard_page .deck_customizer_v2 .btn.mode {
    width: 100%;
  }
}
.flashcard_page .deck_customizer_v2 .btn.date {
  max-width: 115px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .flashcard_page .deck_customizer_v2 .btn.date {
    width: 23%;
  }
}
.flashcard_page .deck_customizer_v2 .btn.review {
  max-width: 126px;
}
@media (max-width: 767px) {
  .flashcard_page .deck_customizer_v2 .btn.review {
    width: 33%;
  }
}
.flashcard_page .deck_customizer_v2 .btn.side {
  max-width: 95px;
}
@media (max-width: 767px) {
  .flashcard_page .deck_customizer_v2 .btn.side {
    width: 33%;
  }
}
.flashcard_page .deck_customizer_v2 .btn.card-type:hover {
  padding-left: 31px; /* 1px less to accomidate */
  padding-right: 31px; /* expanding border. */
}
.flashcard_page .deck_customizer_v2 .btn.goal {
  padding: 20px 18px;
  max-width: 72px;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  margin-right: 26px;
}
.flashcard_page .deck_customizer_v2 .btn.clicked {
  background: #4fa3ec;
  border: 2px solid #4fa3ec;
}
.flashcard_page .deck_customizer_v2 .btn.clicked h4 {
  color: white !important;
}
.flashcard_page .deck_customizer_v2 .btn.comfort {
  max-width: 92px;
}
.flashcard_page .deck_customizer_v2 .btn.comfort__high.clicked {
  background: #69aff8;
  border: 1px solid #69aff8;
}
@media (max-width: 767px) {
  .flashcard_page .deck_customizer_v2 .btn.comfort__high h4 {
    color: #69aff8;
  }
}
.flashcard_page .deck_customizer_v2 .btn.comfort__high:hover {
  border: 1px solid #69aff8;
}
.flashcard_page .deck_customizer_v2 .btn.comfort__med.clicked {
  background: #fca12c;
  border: 1px solid #fca12c;
}
@media (max-width: 767px) {
  .flashcard_page .deck_customizer_v2 .btn.comfort__med h4 {
    color: #fca12c;
  }
}
.flashcard_page .deck_customizer_v2 .btn.comfort__med:hover {
  border: 1px solid #fca12c;
}
.flashcard_page .deck_customizer_v2 .btn.comfort__low.clicked {
  background: #f8335e;
  border: 1px solid #f8335e;
}
@media (max-width: 767px) {
  .flashcard_page .deck_customizer_v2 .btn.comfort__low h4 {
    color: #f8335e;
  }
}
.flashcard_page .deck_customizer_v2 .btn.comfort__low:hover {
  border: 1px solid #f8335e;
}
@media (max-width: 767px) {
  .flashcard_page .deck_customizer_v2 .btn.comfort {
    width: 30%;
  }
}
.flashcard_page .deck_customizer_v2 .btn:hover {
  border: 2px solid #4fa3ec;
  cursor: pointer;
}
.flashcard_page .gotocards-btn {
  color: white;
  background: #4fa3ec;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 15px 45px 17px;
  gap: 10px;
  width: 271px;
  height: 56px;
  background: #4fa3ec;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  font-size: 19px;
  line-height: 24px;
  text-align: center;
  align-self: stretch;
}
.flashcard_page .gotocards-btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.subject_topic_tree_container {
  margin-left: 15px;
}
@media (max-width: 767px) {
  .subject_topic_tree_container {
    display: none;
  }
}
.subject_topic_tree_container .subject_topic_tree {
  margin-bottom: 12px;
}
.subject_topic_tree_container .topics_branch_container {
  display: flex;
}
.subject_topic_tree_container .topics_branch_container .topics_indent {
  border-left: 2px solid;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 9px;
}
.subject_topic_tree_container .topics_branch_container .topics_branch {
  display: flex;
  flex-wrap: wrap;
}
.subject_topic_tree_container .subject_topic_button {
  padding: 5px;
  font-size: 15px;
  cursor: pointer;
  color: white;
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
}
.subject_topic_tree_container .subject_topic_button:hover .subject_topic_hover_text {
  display: block;
}
.subject_topic_tree_container .subject_topic_button .subject_topic_button__background {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 3px;
}
.subject_topic_tree_container .subject_topic_button .subject_topic_button__text {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: 9px;
}
.subject_topic_tree_container .subject_topic_button .subject_topic_button__text img {
  width: 9px;
  margin-left: 5px;
  margin-top: 2px;
  opacity: 0.6;
}
.subject_topic_tree_container .subject_topic_button .subject_topic_button__placeholder {
  color: transparent;
}
.subject_topic_tree_container .subject_topic_button .subject_topic_button__placeholder span {
  color: transparent;
}
.subject_topic_tree_container .subject_topic_button .subject_topic_hover_text {
  position: absolute;
  z-index: 1;
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  color: black;
  padding: 7px 10px;
  bottom: -45px;
  white-space: nowrap;
  display: none;
}

.subject_button {
  display: inline-block;
  cursor: pointer;
  border-radius: 5px;
  background: white;
  padding: 8px 13px;
  border: 1px solid #e3ebf0;
  color: #6a7684;
  margin: 4px 2px;
  font-size: 16px;
}
.subject_button.isOnDeckCustomizer {
  background: #f6f7fb;
  height: 60px;
  width: 120px;
  text-align: center;
  color: #6a7684;
  cursor: pointer;
  border: none;
  margin: 0 10px 10px 0;
  padding: 0 5px;
  border-radius: 4px;
}
@media (min-width: 767px) {
  .subject_button.isOnDeckCustomizer {
    font-size: 19px;
    width: auto;
    height: auto;
    padding: 12px 16px;
  }
}
.subject_button.subject_selected {
  color: white;
}

.flashcard_donut_container {
  position: relative;
}
.flashcard_donut_container .center_text {
  position: absolute;
  text-align: center;
  top: 20%;
  left: 28%;
}
.flashcard_donut_container .center_text .number {
  font-weight: 600;
  font-size: 26.6667px;
  line-height: 34px;
  text-align: center;
  color: #000000;
}
.flashcard_donut_container .center_text p {
  font-weight: 400;
  font-size: 9.16667px;
  line-height: 11px;
  text-align: center;
  letter-spacing: 0.0614035px;
  color: #1f1f20;
}

.comfort_legend {
  display: flex;
  align-items: center;
  margin: 5px;
  width: max-content;
  color: black;
}
.comfort_legend .legend_circle {
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-right: 5px;
  flex-shrink: 0;
}
.comfort_legend .legend_circle.small {
  height: 7px;
  width: 7px;
}
.comfort_legend p {
  font-weight: 400;
  font-size: 10.8333px;
}
.comfort_legend .label {
  font-weight: 600;
  font-size: 10.8333px;
  line-height: 14px;
  margin-right: 3px;
}

.goal_modal {
  height: auto;
  padding: 20px;
  text-align: center;
  color: black;
}
.goal_modal .header {
  font-weight: 700;
  font-size: 23px;
  margin-bottom: 10px;
}
.goal_modal .description {
  font-weight: 400;
  font-size: 14px;
}
.goal_modal .slider_container {
  width: 100%;
  margin: 30px 0;
}
.goal_modal .goal_button {
  border: 1px solid #4fa3ec;
  width: 100%;
  background: white;
  color: #4fa3ec;
  padding: 15px 10px;
  font-size: 18px;
  border-radius: 5px;
  cursor: pointer;
}

.offline_modal {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.offline_modal_title {
  font-weight: 700;
  font-size: 23px;
  margin-bottom: 10px;
}
.offline_modal_desc {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 30px;
}

.fc_homeback_button {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100px;
  margin-right: auto;
}
.fc_homeback_button.nav {
  position: absolute;
  top: 28px;
  left: -16px;
}
.fc_homeback_button.nav p {
  margin-left: 28px;
  font-size: 13px;
  font-weight: 600;
}
.fc_homeback_button.nav img {
  height: 14px;
}
@media (min-width: 767px) {
  .fc_homeback_button.nav {
    display: none;
  }
}
.fc_homeback_button img {
  transform: rotate(180deg);
  width: 14px;
  height: 10px;
}
.fc_homeback_button p {
  font-size: 19px;
  margin-left: 14px;
}

.fc_tag_info {
  display: flex;
  border-radius: 3.37436px;
  padding: 2px 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  width: fit-content;
}
.fc_tag_info.studyplan {
  background-color: #a5acc3;
  color: #ffffff;
}
.fc_tag_info.alacarte {
  background-color: #4fa3ec;
  color: #ffffff;
}
.fc_tag_info.all-spacedrep {
  background-color: #ffffff;
  color: #595959;
}
.fc_tag_info.low {
  background-color: #f8335e;
  color: #ffffff;
}
.fc_tag_info.med {
  background-color: #f9af2c;
  color: #ffffff;
}
.fc_tag_info.high {
  background-color: #4d89ff;
  color: #ffffff;
}

.fc_subject_tag, .card_container .subject_tag_card {
  padding: 5px 10px;
  text-align: center;
  color: white;
  border-radius: 1.725px;
  width: auto;
  display: inline-block;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.0915374);
}

@keyframes anim-glow {
  0% {
    box-shadow: 0 0 #544ac8;
  }
  100% {
    box-shadow: 0 0 10px 8px transparent;
    border-width: 2px;
  }
}
.keyboard_modal_layout {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 25vw;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.keyboard_modal_layout .header {
  display: flex;
  flex-direction: row;
  height: 20%;
  border-bottom: 1px solid #e0e4e8;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.keyboard_modal_layout .header .title, .keyboard_modal_layout .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .keyboard_modal_layout .header .title-highlighted, .keyboard_modal_layout .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .keyboard_modal_layout .header .title-highlighted, .keyboard_modal_layout .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .keyboard_modal_layout .header .title-highlighted, .keyboard_modal_layout .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .keyboard_modal_layout .header .title-highlighted, .keyboard_modal_layout .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .keyboard_modal_layout .header .title-highlighted {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  padding: 0.5rem;
  width: 100%;
  text-align: left;
}
.keyboard_modal_layout .content {
  height: 80%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.key_row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
}
.key_row__shortcut {
  width: 30%;
}
.key_row__shortcut img {
  margin-top: auto;
  display: block;
}
.key_row__description {
  width: 70%;
}
.key_row__description p {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  /* identical to box height */
  display: flex;
  align-items: center;
  /* medium gray */
  color: #6a7684;
}

@media (max-width: 1024px) {
  .keyboard_shortcut_container {
    display: none;
  }
}

.keyboard_shortcut {
  position: absolute;
  left: 10px;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.keyboard_shortcut__text {
  padding: 0.5rem;
  color: #544ac8;
  height: 30%;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  text-align: justify;
}
.keyboard_shortcut__text.clicked {
  display: none;
}
.keyboard_shortcut__icon img {
  border-radius: 4px;
  animation: anim-glow 2s ease infinite;
  color: #544ac8;
  height: 70%;
}
.keyboard_shortcut__icon.clicked img {
  animation: none;
  opacity: 0.35;
  margin-left: 40px;
}
.keyboard_shortcut__icon.clicked img:hover {
  opacity: 1;
}

.card_view_page {
  display: flex;
  width: 100%;
  background-color: #f6f7fb;
}
@media (min-width: 767px) {
  .card_view_page {
    flex-direction: column;
  }
}
.card_view_page .container_top {
  display: flex;
  width: 100%;
  display: none;
  flex-direction: row;
  justify-content: flex-end;
}
.card_view_page .container_top_right {
  margin-left: 16.75px;
  flex-direction: column;
  justify-content: flex-end;
}
.card_view_page .container_top_right:not(:last-child) {
  width: fit-content;
}
.card_view_page .container_top_right:last-child {
  width: 119px;
}
.card_view_page .container_top_right .deck_descr {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  font-variant: small-caps;
  color: #a5acc4;
  margin-bottom: 1px;
}
.card_view_page .container_top_right .progress_descr {
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  text-align: justify;
  letter-spacing: 0.0736842px;
  color: #a5a9ab;
}
.card_view_page .container_top_right .goal_descr {
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  /* identical to box height */
  text-align: right;
  letter-spacing: 0.0736842px;
  color: #4fa3ec;
}
.card_view_page .container_top .info_bar {
  display: flex;
  width: 225px;
  align-items: center;
  padding-right: 6px;
  position: relative;
}
.card_view_page .container_top .info_bar .icon {
  filter: brightness(0) saturate(100%);
  width: 30px;
  margin-left: 16px;
  cursor: help;
}
.card_view_page .container_top .info_bar .icon:hover ~ .hover_modal {
  display: flex;
  flex-direction: column;
}
@media (min-width: 767px) {
  .card_view_page .container_top {
    display: flex;
    max-width: 1000px;
    width: 75%;
    margin: 25px auto 20px;
  }
}
.card_view_page .container_top .daily_goal_count {
  color: #a5a9aa;
  font-size: 19px;
}
.card_view_page .mobile_toolbar {
  color: #555e68;
  display: flex;
  align-items: center;
  font-size: 15px;
  position: absolute;
  top: 87px;
  right: 84px;
  z-index: 3;
}
.card_view_page .mobile_toolbar .edit_button {
  margin-left: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #4fa3ec;
}
.card_view_page .mobile_toolbar .edit_button img {
  margin-left: 10px;
}
.card_view_page .mobile_toolbar .info_button {
  margin-right: 10px;
  margin-left: 10px;
  display: flex;
}
.card_view_page .mobile_toolbar .info_button:hover ~ .hover_modal, .card_view_page .mobile_toolbar .info_button:active ~ .hover_modal {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 190px;
}
@media (min-width: 767px) {
  .card_view_page .mobile_toolbar {
    display: none;
  }
}
.card_view_page .mobile_toolbar .icon {
  filter: brightness(0.5) saturate(100%);
  width: 18px;
  margin-left: 7px;
  cursor: help;
}

.hover_modal {
  display: none;
  position: absolute;
  top: 40px;
  right: 0px;
  z-index: 10;
  background-color: white;
  padding: 20px;
  border-radius: 6px;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
  font-size: 14px;
}
.hover_modal span {
  font-weight: bold;
}

.right_slide {
  animation: slide-right 1s ease-in-out;
}
@keyframes slide-right {
  0% {
    transform: translateX(500px);
    opacity: 0;
  }
  50% {
    opacity: 0.25;
  }
  80% {
    opacity: 0.5;
  }
}

.left_slide {
  animation: slide-left 1s ease-in-out;
}
@keyframes slide-left {
  0% {
    transform: translateX(-500px);
    opacity: 0;
  }
  50% {
    opacity: 0.25;
  }
  80% {
    opacity: 0.5;
  }
}

.card_container {
  display: grid;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.card_container.goal {
  cursor: default;
}
@media (min-width: 767px) {
  .card_container {
    max-width: 1000px;
    width: 75%;
    margin: 0 auto;
    border-radius: 4px;
    height: calc(100% - 265px);
    max-height: 560px;
  }
}
.card_container.lightbox {
  height: 70%;
  width: 90%;
  border-radius: 4px;
}
@media (min-width: 767px) {
  .card_container.lightbox {
    max-height: 524px;
    width: 75%;
  }
}
.card_container .subject_tag_card {
  position: absolute;
  top: 14px;
  left: 12px;
  font-size: 15px;
  padding: 6px 16px;
  z-index: 1;
}
.card_container .subject_tag_card.lightbox {
  left: -10px;
}
@media (min-width: 767px) {
  .card_container .subject_tag_card {
    font-weight: 600;
    font-size: 21px;
    padding: 15px 25px;
    border-radius: 6px;
    left: -16px;
  }
}
.card_container .bookmark_icon {
  position: absolute;
  top: 14px;
  right: 20px;
  z-index: 3;
}
.card_container .edit_icon {
  position: absolute;
  top: 10px;
  right: 50px;
  width: 28px;
  z-index: 3;
  display: none;
}
@media (min-width: 767px) {
  .card_container .edit_icon {
    display: block;
  }
}
.card_container .arrow_left {
  position: absolute;
  top: 114%;
  left: 20%;
  height: 45px;
  z-index: 3;
  padding: 10px;
}
.card_container .arrow_left.hide {
  display: none;
}
@media (max-width: 1024px) {
  .card_container .arrow_left {
    left: 4%;
  }
}
@media (max-width: 767px) {
  .card_container .arrow_left {
    display: none;
  }
}
.card_container .arrow_right {
  transform: rotate(180deg);
  position: absolute;
  top: 114%;
  left: 77%;
  height: 45px;
  z-index: 3;
  padding: 10px;
}
.card_container .arrow_right.hide {
  display: none;
}
@media (max-width: 1024px) {
  .card_container .arrow_right {
    left: 90%;
  }
}
@media (max-width: 767px) {
  .card_container .arrow_right {
    display: none;
  }
}
.card_container .react-card-flip {
  width: 100%;
  text-align: center;
  display: flex;
  overflow-wrap: anywhere;
}
@media (min-width: 767px) {
  .card_container .react-card-flip {
    max-height: 560px;
  }
}
.card_container .term {
  font-size: 40px;
  position: relative;
}
.card_container .term.content_image {
  width: auto;
  max-height: 300px;
  overflow: scroll;
}
.card_container .term.content_image p {
  max-width: 80%;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .card_container .term.content_image p {
    max-width: 65%;
  }
}
.card_container .term.long {
  font-size: 30px;
  max-height: 55%;
  overflow: scroll;
}
@media (min-width: 767px) {
  .card_container .term.long {
    max-height: 65%;
  }
}
.card_container .definition {
  font-size: 26px;
  padding-bottom: 100px;
  position: relative;
  overflow: scroll;
  max-height: 300px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.card_container .definition.long {
  font-size: 30px;
  max-height: 55%;
  overflow: scroll;
}
.card_container .definition p span {
  font-size: 26px !important;
}
@media (min-width: 767px) {
  .card_container .definition {
    padding-bottom: 0px;
  }
}
.card_container .definition.lightbox {
  padding-bottom: 0;
}
.card_container .definition.content_image {
  width: auto;
}
.card_container .definition.content_image p {
  max-width: 60%;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .card_container .definition.content_image p {
    max-width: 65%;
  }
}
.card_container .content_container {
  box-shadow: 0px 7px 19px 1px rgba(68, 71, 77, 0.2);
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  background: white;
  backface-visibility: hidden;
  padding: 0 5% 140px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
}
.card_container .content_container ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.card_container .content_container ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
@media (min-width: 767px) {
  .card_container .content_container {
    padding-bottom: 0;
  }
}
.card_container .content_instructions {
  font-size: 21px;
  margin-bottom: 16px;
}
.card_container .tap_instructions {
  color: #a5a9aa;
  position: absolute;
  width: 100%;
  bottom: 165px;
  text-align: center;
  z-index: 1;
}
@media (min-width: 767px) {
  .card_container .tap_instructions {
    bottom: 20px;
    font-size: 19px;
  }
}
.card_container .tap_instructions.initial {
  bottom: 74px;
}
@media (min-width: 767px) {
  .card_container .tap_instructions.initial {
    bottom: 20px;
  }
}
.card_container .tap_instructions.lightbox {
  bottom: 20px;
}
.card_container .hide_button {
  color: #6a7684;
  text-decoration: underline;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 10px;
  font-size: 16px;
}
@media (min-width: 767px) {
  .card_container .hide_button {
    bottom: -175px;
    font-size: 19px;
  }
}
.card_container .unhide_button {
  display: block;
  color: #4fa3ec;
  background: white;
  text-align: center;
  text-decoration-line: underline;
  margin-top: 17px;
  width: 200px;
  height: 45px;
  border-radius: 8px;
  border: none;
  font-size: 16px;
  box-shadow: 0px 4px 15px rgba(68, 71, 77, 0.25);
  cursor: pointer;
  position: absolute;
  bottom: -15%;
  left: 50%;
  transform: translate(-50%, 0%);
}
@media (min-width: 767px) {
  .card_container .unhide_button {
    font-size: 19px;
    width: 300px;
    height: 60px;
  }
}

.comfort_container {
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 55px;
}
@media (min-width: 767px) {
  .comfort_container {
    bottom: -130px;
  }
}
.comfort_container .question {
  color: #6a7684;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 14px;
}
@media (min-width: 767px) {
  .comfort_container .question {
    font-size: 21px;
  }
}
.comfort_container .comfort_buttons_container {
  display: flex;
  justify-content: center;
}
.comfort_container .comfort_buttons_container .comfort_button {
  border: none;
  box-shadow: 2px 2px 10px 1px rgba(68, 71, 77, 0.2);
  border-radius: 10px;
  width: 100px;
  height: 60px;
  margin-right: 14px;
  font-weight: 600;
  font-size: 18px;
  cursor: pointer;
  background: white;
  color: black;
}
@media (min-width: 767px) {
  .comfort_container .comfort_buttons_container .comfort_button {
    width: 140px;
    font-size: 19px;
  }
}
.comfort_container .comfort_buttons_container .comfort_button:last-child {
  margin-right: 0px;
}

.flashcards-congrats-container {
  display: flex;
  width: 120%;
  height: 100%;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.flashcards-congrats-container p {
  font-weight: 600;
}
.flashcards-congrats-container span {
  color: #544ac8;
}
.flashcards-congrats-container .fc-congrats-content {
  height: 60%;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flashcards-congrats-container .fc-congrats-content .congrats-header {
  font-size: 35px;
}
.flashcards-congrats-container .fc-congrats-content .congrats-header .header-text {
  font-weight: 600;
}
.flashcards-congrats-container .fc-congrats-content .congrats-subheader {
  font-size: 14px;
  font-weight: 600;
  padding: 0.5rem 0.5rem 2rem 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.flashcards-congrats-container .fc-congrats-content .keep-going-btn {
  padding: 0.75rem;
  background: #4fa3ec;
  color: white;
  border-radius: 24px;
  width: 40%;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.flashcards-congrats-container .fc-congrats-content .go-to-study-plan-btn {
  color: #4fa3ec;
  border: none;
  padding: 0.25rem;
}

.list_view_container {
  width: 100%;
  max-width: 1440px;
  margin: 0 50px;
}
@media (max-width: 767px) {
  .list_view_container {
    margin: 0 20px;
  }
}
.list_view_container .list_view_header_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 36px 0 16px;
}
@media (max-width: 767px) {
  .list_view_container .list_view_header_container {
    margin-bottom: 20px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.list_view_container .list_view_header_container .list_view_header_back_button {
  min-width: 300px;
}
.list_view_container .list_view_header_container .list_view_header_title {
  width: 100%;
  color: black;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
}
.list_view_container .filters_grids_container {
  display: flex;
}
@media (max-width: 767px) {
  .list_view_container .filters_grids_container {
    flex-direction: column-reverse;
  }
}

.flashcards_filter_sections {
  min-width: 300px;
}
.flashcards_filter_sections .flashcards_filter_section {
  border-bottom: 1px solid #c9c9c9;
  padding: 20px 0 14px;
}
.flashcards_filter_sections .flashcards_filter_section_title {
  font-weight: 600;
  font-size: 18px;
}

.grid_view_container {
  margin: 0 30px;
  max-width: 1044px;
  padding-bottom: 30px;
}
@media (min-width: 767px) {
  .grid_view_container {
    width: 100%;
  }
}
.grid_view_container .grid_cards_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.grid_view_container .grid_cards_container .no_cards_available {
  width: 45%;
  margin-top: 50px;
  min-width: 215px;
  max-width: 300px;
}
@media (min-width: 767px) {
  .grid_view_container .grid_cards_container .no_cards_available {
    width: 30%;
  }
}
.grid_view_container .mini_card_container {
  height: 250px;
  width: 100%;
  margin: 10px 0;
  background: white;
  box-shadow: 0px 6px 19px rgba(68, 71, 77, 0.2);
  border-radius: 4px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow-wrap: anywhere;
}
@media (min-width: 767px) {
  .grid_view_container .mini_card_container {
    width: 330px;
    margin: 9px 7px;
    height: 146px;
    padding: 0 25px;
    text-align: center;
  }
}
.grid_view_container .mini_card_container .kebab_menu_button {
  position: absolute;
  font-weight: bold;
  font-size: 1.3rem;
  color: #4fa3ec;
  top: 3px;
  padding: 0 7px;
  cursor: pointer;
  right: 10px;
  background: none;
  border: none;
}
.grid_view_container .mini_card_container .kebab_menu_background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
.grid_view_container .mini_card_container .kebab_menu {
  position: absolute;
  right: 0px;
  background: white;
  padding: 7px 0;
  border: 1px solid #bcc5d0;
  box-shadow: 0px 4px 12px rgba(13, 27, 43, 0.08);
  border-radius: 8px;
  z-index: 10;
  text-align: left;
}
.grid_view_container .mini_card_container .kebab_menu li {
  list-style-type: none;
  padding: 3px 16px;
  margin: 0;
}
.grid_view_container .mini_card_container .kebab_menu li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.grid_view_container .mini_card_container .subject_tag_container {
  position: absolute;
  top: 10px;
  left: 7px;
  font-size: 10px;
}
.grid_view_container .mini_card_container .card_content {
  font-weight: 600;
  font-size: 19px;
}
.grid_view_container .mini_card_container .card_content p {
  font-weight: 600 !important;
}
.grid_view_container .mini_card_container .card_content.image {
  width: 45%;
  margin-top: 10px;
}
.grid_view_container .mini_card_container .card_content.image p {
  text-align: center;
}
.grid_view_container .mini_card_container .card_content.image p img {
  object-fit: contain;
  max-height: 220px;
}
@media (min-width: 767px) {
  .grid_view_container .mini_card_container .card_content.image p img {
    max-height: 125px;
  }
}
.grid_view_container .mini_card_container .bookmark {
  position: absolute;
  bottom: 8px;
  right: 8px;
  cursor: pointer;
}

.card_lightbox_container {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(106, 118, 132, 0.3);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: -73px;
}

.midnight_modal {
  max-width: 640px;
  color: white;
  padding: 36px;
  border-radius: 4px;
  background-position: top;
  background-size: 105%;
}
.midnight_modal p {
  font-size: 16px;
  margin-bottom: 30px;
}
.midnight_modal .header {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 12px;
}

.flashcard_analytics_container {
  padding: 24px 30px;
  width: 100%;
}
.flashcard_analytics_container .back_button_container {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
}
.flashcard_analytics_container .analytics_card {
  background: white;
  box-shadow: 0px 6px 19px rgba(68, 71, 77, 0.2);
  border-radius: 4px;
  width: 100%;
  height: auto;
  padding: 32px 20px;
  margin: 24px auto 0;
  max-width: 1260px;
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card {
    padding: 52px;
  }
}
.flashcard_analytics_container .analytics_card .header {
  font-weight: 600;
  font-size: 21px;
  color: black;
}
.flashcard_analytics_container .analytics_card .subheader {
  color: black;
  font-size: 18px;
  padding: 15px 0;
}
.flashcard_analytics_container .analytics_card .bold_number {
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  position: relative;
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card .bold_number {
    font-size: 50px;
  }
}
.flashcard_analytics_container .analytics_card .bold_number .all_label {
  position: absolute;
  font-size: 15px;
  color: #979797;
  top: -10px;
  padding-left: 3px;
}
.flashcard_analytics_container .analytics_card .totals_container {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card .totals_container {
    margin: 0 40px;
  }
}
.flashcard_analytics_container .analytics_card .totals_container .totals {
  margin-right: 5px;
}
.flashcard_analytics_container .analytics_card .totals_container .label {
  margin-top: 10px;
  font-size: 15px;
  color: #979797;
  max-width: 110px;
}
.flashcard_analytics_container .analytics_card .polar_comfort_legend {
  display: flex;
  justify-content: space-around;
  margin: 0 10px 40px;
  flex-wrap: wrap;
}
.flashcard_analytics_container .analytics_card .wrapper {
  overflow: hidden;
  border-bottom: 1px solid #f1f1f1;
  height: 100%;
}
.flashcard_analytics_container .analytics_card .wrapper .subheader_container {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card .wrapper .subheader_container .subheader {
    margin-left: 40px;
  }
}
.flashcard_analytics_container .analytics_card .wrapper .subheader_container button {
  border: none;
  background: none;
  cursor: pointer;
}
.flashcard_analytics_container .analytics_card .wrapper .subheader_container button .arrow {
  transform: rotate(-90deg);
  transition: transform 0.2s linear;
  height: 10px;
  width: 12px;
}
.flashcard_analytics_container .analytics_card .wrapper .subheader_container button .arrow.analytics_collapsed {
  transform: rotate(90deg);
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card .wrapper .subheader_container button .arrow {
    display: none;
  }
}
.flashcard_analytics_container .analytics_card .wrapper .children_container {
  max-height: 2000px;
  transition-property: max-height;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
}
.flashcard_analytics_container .analytics_card .wrapper .children_container.analytics_collapsed {
  max-height: 0px;
}
.flashcard_analytics_container .analytics_card .snapshot_container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card .snapshot_container {
    flex-direction: row;
    margin-top: 45px;
  }
}
.flashcard_analytics_container .analytics_card .snapshot_container .totals_hotstreak_container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card .snapshot_container .totals_hotstreak_container {
    flex-direction: column-reverse;
    width: 50%;
  }
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card .snapshot_container .totals_hotstreak_container .totals {
    height: 50%;
  }
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card .snapshot_container .totals_hotstreak_container .hot_streak_wrapper_container {
    height: 50%;
  }
}
.flashcard_analytics_container .analytics_card .snapshot_container .totals_hotstreak_container .hot_streak_wrapper_container .hot_streak_container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.flashcard_analytics_container .analytics_card .snapshot_container .totals_hotstreak_container .hot_streak_wrapper_container .hot_streak_container .icon {
  height: 87.3px;
  width: 87.3px;
  height: 100px;
  margin-left: 4px;
  margin-right: 10px;
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card .snapshot_container .totals_hotstreak_container .hot_streak_wrapper_container .hot_streak_container .icon {
    height: 124px;
  }
}
.flashcard_analytics_container .analytics_card .snapshot_container .totals_hotstreak_container .hot_streak_wrapper_container .hot_streak_container .text {
  font-size: 13px;
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card .snapshot_container .card_comfort_container {
    width: 50%;
    border-left: 1px solid #f1f1f1;
  }
}
.flashcard_analytics_container .analytics_card .custom_tooltip {
  background: white;
  color: black;
  box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  padding: 28px 20px;
}
.flashcard_analytics_container .analytics_card .custom_tooltip.donut {
  padding: 12px;
  min-width: 150px;
  width: auto;
}
.flashcard_analytics_container .analytics_card .custom_tooltip .tooltip_header {
  font-size: 21px;
  font-weight: 700;
}
.flashcard_analytics_container .analytics_card .custom_tooltip .tooltip_header.donut {
  font-size: 16px;
}
.flashcard_analytics_container .analytics_card .custom_tooltip .tooltip_subheader {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
}
.flashcard_analytics_container .analytics_card .custom_tooltip .tooltip_subheader.donut {
  font-size: 14px;
}
.flashcard_analytics_container .analytics_card .custom_tooltip .tooltip_label {
  color: #b8b8b8;
  font-size: 15px;
}
.flashcard_analytics_container .analytics_card .custom_tooltip .tooltip_label.donut {
  font-size: 13px;
}
.flashcard_analytics_container .analytics_card .stacked_area_container {
  height: 315px;
  margin-bottom: 115px;
  padding-top: 15px;
  padding-bottom: 20px;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card .stacked_area_container {
    margin-bottom: 65px;
  }
}
.flashcard_analytics_container .analytics_card .stacked_area_container .mobile,
.flashcard_analytics_container .analytics_card .stacked_area_container .desktop {
  height: 100%;
}
.flashcard_analytics_container .analytics_card .stacked_area_container .mobile .support_container,
.flashcard_analytics_container .analytics_card .stacked_area_container .desktop .support_container {
  position: relative;
  margin-bottom: 25px;
}
.flashcard_analytics_container .analytics_card .stacked_area_container .mobile .support_container .highlight_tip,
.flashcard_analytics_container .analytics_card .stacked_area_container .desktop .support_container .highlight_tip {
  color: #a3a3a3;
  font-size: 14px;
  text-align: center;
}
.flashcard_analytics_container .analytics_card .stacked_area_container .mobile .support_container .zoom_out_button,
.flashcard_analytics_container .analytics_card .stacked_area_container .desktop .support_container .zoom_out_button {
  background: white;
  font-size: 12px;
  border-radius: 6px;
  padding: 4px 12px;
  border: 1px solid black;
  cursor: pointer;
  display: block;
  margin: 10px auto 0;
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card .stacked_area_container .mobile .support_container .zoom_out_button,
  .flashcard_analytics_container .analytics_card .stacked_area_container .desktop .support_container .zoom_out_button {
    padding: 5px 15px;
    font-size: 16px;
    position: absolute;
    top: -12px;
    right: 30px;
  }
}
.flashcard_analytics_container .analytics_card .stacked_area_container .mobile {
  display: block;
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card .stacked_area_container .mobile {
    display: none;
  }
}
.flashcard_analytics_container .analytics_card .stacked_area_container .desktop {
  display: none;
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card .stacked_area_container .desktop {
    display: block;
  }
}
.flashcard_analytics_container .analytics_card .subject_donuts_container {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0 60px;
}
@media (min-width: 875px) {
  .flashcard_analytics_container .analytics_card .subject_donuts_container {
    flex-wrap: nowrap;
    justify-content: space-evenly;
  }
}
.flashcard_analytics_container .analytics_card .subject_donuts_container .subject_donut {
  width: 100px;
  margin: 5px 10px;
}
@media (min-width: 875px) {
  .flashcard_analytics_container .analytics_card .subject_donuts_container .subject_donut {
    margin: 0;
  }
}
.flashcard_analytics_container .analytics_card .subject_donuts_container .donut_legend {
  text-align: center;
  margin-top: 10px;
}
.flashcard_analytics_container .analytics_card .subject_bar_chart_container {
  margin: 35px 0;
}
.flashcard_analytics_container .analytics_card .subject_bar_chart_container .mobile {
  display: block;
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card .subject_bar_chart_container .mobile {
    display: none;
  }
}
.flashcard_analytics_container .analytics_card .subject_bar_chart_container .desktop {
  display: none;
}
@media (min-width: 767px) {
  .flashcard_analytics_container .analytics_card .subject_bar_chart_container .desktop {
    height: 315px;
    display: block;
  }
}

.polar_graph_container {
  width: 260px;
  height: 260px;
  margin: 0 auto 10px;
}
.polar_graph_container .single_data_tooltip {
  color: white;
  padding: 5px 7px;
  font-size: 14px;
  text-transform: capitalize;
  background: #112829;
  border-radius: 6px;
}
.polar_graph_container .single_data_tooltip .square {
  height: 12px;
  width: 12px;
  display: inline-block;
  margin-right: 3px;
  border: 1.5px solid white;
}
.polar_graph_container .circle {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

.achievement_container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}
@media (max-width: 767px) {
  .achievement_container {
    grid-template-columns: repeat(auto-fit, minmax(80.05px, 1fr));
  }
}

@media (min-width: 767px) {
  .badges_container {
    padding: 15px 40px 60px;
  }
}
@media (max-width: 767px) {
  .badges_container {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.badges_container .badges_subheader {
  font-size: 18px;
  padding-bottom: 15px;
}
.badges_container .badge_icon_container {
  width: 130px;
  display: inline-block;
  position: relative;
}
@media (max-width: 767px) {
  .badges_container .badge_icon_container {
    height: 80.05px;
    width: 80.05px;
  }
}
.badges_container .badge_icon_container .badge_icon {
  height: 100%;
  width: 100%;
}
.badges_container .badge_icon_container .badges_tooltip {
  width: 315px;
  background: #ffffff;
  box-shadow: 0px 7px 19px 1px rgba(68, 71, 77, 0.2);
  border-radius: 4px;
  z-index: 5;
  padding: 25px 30px 40px;
  position: absolute;
}
.badges_container .badge_icon_container .badges_tooltip .achievement {
  padding: 5px 12px;
  background: #f4f4f4;
  font-size: 15px;
  border-radius: 26px;
}
.badges_container .badge_icon_container .badges_tooltip .title, .badges_container .badge_icon_container .badges_tooltip .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .badges_container .badge_icon_container .badges_tooltip .title-highlighted, .badges_container .badge_icon_container .badges_tooltip .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .badges_container .badge_icon_container .badges_tooltip .title-highlighted, .badges_container .badge_icon_container .badges_tooltip .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .badges_container .badge_icon_container .badges_tooltip .title-highlighted, .badges_container .badge_icon_container .badges_tooltip .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .badges_container .badge_icon_container .badges_tooltip .title-highlighted, .badges_container .badge_icon_container .badges_tooltip .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .badges_container .badge_icon_container .badges_tooltip .title-highlighted {
  font-weight: 600;
  font-size: 30px;
  margin: 15px 0;
}
.badges_container .badge_icon_container .badges_tooltip .description {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 15px;
}
.badges_container .badge_icon_container .badges_tooltip .icon_container img {
  width: 55px;
  height: 55px;
  margin: 0 4px;
}

.flashcard_notifications {
  height: 150px;
  width: 400px;
  border-radius: 5px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
  background: white;
  border: 4px solid #ddebff;
  display: flex;
  align-items: center;
  padding: 0 15px 0 25px;
}
.flashcard_notifications .icon {
  height: 93px;
  width: 93px;
  margin-right: 15px;
  flex-shrink: 0;
}
.flashcard_notifications .achievement .achievement_header {
  color: #677d94;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 12px;
}
.flashcard_notifications .achievement .achievement_description {
  display: flex;
}
.flashcard_notifications .achievement .achievement_description .check {
  height: 24px;
  width: 24px;
  margin-right: 5px;
}
.flashcard_notifications .achievement .achievement_description .text {
  color: black;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-top: -5px;
  text-transform: capitalize;
}

/* Create flashcard modal */
.create-flashcard-modal {
  z-index: 2147483003;
  display: flex;
  flex-direction: column;
  cursor: default;
  padding: 15px 32px 32px 32px;
  gap: 16px;
  width: 450px;
  background: #F9FCFF;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08), 0px 4px 32px rgba(13, 27, 43, 0.16);
  border-radius: 12px;
}
.create-flashcard-modal.edit-version {
  width: 450px;
  align-self: center;
  justify-self: center;
  margin-top: 5rem;
  gap: 8px;
}
.create-flashcard-modal.edit-version .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
}
.create-flashcard-modal.edit-version .header span.title, .create-flashcard-modal.edit-version .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile span.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .create-flashcard-modal.edit-version .header span.title-highlighted, .create-flashcard-modal.edit-version .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys span.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .create-flashcard-modal.edit-version .header span.title-highlighted, .create-flashcard-modal.edit-version .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars span.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .create-flashcard-modal.edit-version .header span.title-highlighted, .create-flashcard-modal.edit-version .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem span.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .create-flashcard-modal.edit-version .header span.title-highlighted, .create-flashcard-modal.edit-version .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio span.title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .create-flashcard-modal.edit-version .header span.title-highlighted {
  font-size: 23px;
}
.create-flashcard-modal.edit-version .header span.card-description {
  color: #555E68;
  font-size: 14px;
  display: flex;
  gap: 4px;
  pointer-events: none;
  z-index: 2;
}
.create-flashcard-modal .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 10%;
}
.create-flashcard-modal .header .title, .create-flashcard-modal .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .create-flashcard-modal .header .title-highlighted, .create-flashcard-modal .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .create-flashcard-modal .header .title-highlighted, .create-flashcard-modal .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .create-flashcard-modal .header .title-highlighted, .create-flashcard-modal .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .create-flashcard-modal .header .title-highlighted, .create-flashcard-modal .header .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .create-flashcard-modal .header .title-highlighted {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
  line-height: 145%;
  color: #000000;
}
.create-flashcard-modal .header .window-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.create-flashcard-modal .header .window-buttons > * {
  background: none;
  border: none;
  cursor: pointer;
  z-index: 99;
}
.create-flashcard-modal .modal-body {
  height: 75%;
}
.create-flashcard-modal .tag-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 75%;
  width: 100%;
}
.create-flashcard-modal .tag-side .subheader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.create-flashcard-modal .tag-side .subheader .metadata-tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  height: 100%;
  padding: 0rem 0rem 0.5rem;
  max-width: 100%;
  max-height: 20vh;
  overflow-y: scroll;
}
.create-flashcard-modal .tag-side .subheader .metadata-tags .tag {
  border-radius: 4px;
  margin: 0.25rem 0.25rem;
  padding: 0.15rem 0.25rem 0.25rem;
  color: #FFFFFF;
  display: flex;
  flex-shrink: 0;
  max-width: 90%;
}
.create-flashcard-modal .tag-side .subheader .metadata-tags .tag .title-with-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.create-flashcard-modal .tag-side .subheader .metadata-tags .tag .remove-tag {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.6rem;
  margin-top: 0.2rem;
}
.create-flashcard-modal .tag-side .subheader .disclaimer {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 145%;
  color: #000000;
}
.create-flashcard-modal .tag-side .tag-selection {
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(13, 27, 43, 0.16);
  height: 90%;
  width: 100%;
  margin: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.create-flashcard-modal .tag-side .tag-selection .subjects {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 320px;
  overflow: auto;
}
.create-flashcard-modal .tag-side .tag-selection .subjects .practice_bank_topics_dropdown {
  width: 100%;
  height: 100%;
  box-shadow: none;
}
.create-flashcard-modal .tag-side .tag-selection .subjects .practice_bank_topics_dropdown .default-bar {
  display: none;
}
.create-flashcard-modal .tag-side .tag-selection .subjects .practice_bank_topics_dropdown .search-bar {
  padding: 0.75rem;
}
.create-flashcard-modal .tag-side .tag-selection .subjects .practice_bank_topics_dropdown .subject-bar {
  padding: 15px 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.create-flashcard-modal .tag-side .tag-selection .subjects .practice_bank_topics_dropdown .topic-bar {
  padding: 15px 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.create-flashcard-modal .tag-side .tag-selection .subjects .practice_bank_topics_dropdown .droppable {
  max-height: 280px;
  overflow: unset;
}
.create-flashcard-modal .tag-side .tag-selection .subjects .practice_bank_topics_dropdown .droppable .subject-text {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.create-flashcard-modal .tag-side .tag-selection .subjects .practice_bank_topics_dropdown .droppable .topic-text {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.create-flashcard-modal .drop-container {
  display: flex;
  height: 100%;
  width: 100%;
  max-height: 100%;
  overflow: auto;
  cursor: text;
  flex-direction: column;
}
.create-flashcard-modal .drop-container.active {
  height: 100%;
}
.create-flashcard-modal .drop-container.image-success {
  position: relative;
  cursor: default;
}
.create-flashcard-modal .drop-container .drop-zone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  height: 350px;
  min-width: 100%;
  background: #FFFFFF;
  border: 1px dashed #BCC6D0;
  border-radius: 12px;
}
.create-flashcard-modal .drop-container .drop-zone.active {
  background-color: #EBF5FE;
  border: 1px dashed;
  border-color: #3030D9;
}
.create-flashcard-modal .drop-container .drop-zone.text {
  border: 1px solid #BCC6D0;
  padding: 48px;
  font-family: "Source Sans Pro";
  font-size: 28px;
  font-weight: 600;
  max-width: 100%;
  max-height: 100%;
  overflow: scroll;
  word-break: break-word;
  display: block;
}
.create-flashcard-modal .drop-container .drop-zone.image-success {
  padding: 30px;
}
.create-flashcard-modal .drop-container .drop-zone .prompt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  text-align: center;
  color: #BCC6D0;
}
.create-flashcard-modal .image-select {
  color: #5DA4E2;
  background: none;
  border: none;
  position: absolute;
  bottom: 12rem;
  cursor: pointer;
  left: 0;
  right: 0;
}
.create-flashcard-modal .image-select.error {
  bottom: 9rem;
}
.create-flashcard-modal .image-select p {
  font-size: 18px;
}
.create-flashcard-modal .footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.create-flashcard-modal .footer.footer-custom {
  padding-top: 25px;
}
.create-flashcard-modal .footer .create-options {
  display: flex;
  flex-direction: row;
}
.create-flashcard-modal .footer .create-options :not(:last-child) {
  border-right: 1px solid #BCC6D0;
}
.create-flashcard-modal .footer .create-options > * {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0rem 1rem;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  color: #8B97A4;
}
.create-flashcard-modal .footer .create-options > .selected {
  color: #5DA4E2 !important;
}
.create-flashcard-modal .footer .modify-options {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.create-flashcard-modal .footer .modify-options > * {
  border: none;
  cursor: pointer;
  margin: 0.25rem;
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #BCC5D0;
  border-radius: 8px;
}
.create-flashcard-modal .footer .modify-options .delete {
  color: #8B97A4;
  background: #FFFFFF;
}
.create-flashcard-modal .footer .modify-options .submit, .create-flashcard-modal .footer .modify-options .revert {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  color: #FFFFFF;
  background: #5DA4E2;
  width: 88px;
  height: 45px;
}
.create-flashcard-modal .footer .modify-options .submit.disabled, .create-flashcard-modal .footer .modify-options .disabled.revert {
  pointer-events: none;
  cursor: not-allowed;
  background-color: #F1F4F8;
  border: none;
  color: #8B97A4;
}
.create-flashcard-modal .footer .modify-options .submit .edit-loading, .create-flashcard-modal .footer .modify-options .revert .edit-loading {
  object-fit: cover;
  height: 90px;
}
.create-flashcard-modal .footer .modify-options .revert {
  background-color: #FFFFFF;
  color: #0D1B2B;
  gap: 15px;
  padding-right: 30px;
}
.create-flashcard-modal .last-edited {
  color: #555E68;
  align-self: flex-end;
  font-size: 12px;
  font-weight: 400;
}
.create-flashcard-modal.minimized {
  height: 65px;
}
.create-flashcard-modal .header.handle {
  display: flex;
  justify-content: space-between;
  margin: 0 -30px 15px -30px;
}
.create-flashcard-modal .handle {
  padding: 0 30px;
  cursor: grab;
}
.create-flashcard-modal .handle:active {
  cursor: grabbing;
}
.create-flashcard-modal .top-grab {
  padding: 0 30px;
  margin: 0 -30px -15px -30px;
  text-align: center;
}

.confirm-close-modal {
  position: absolute;
  top: 30%;
  left: 10.5%;
  z-index: 2147483004;
  width: 360px;
  padding: 20px;
  gap: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #FFFFFF;
  box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}
.confirm-close-modal > p {
  padding: 0.25rem;
}
.confirm-close-modal .prompt {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  color: #091016;
}
.confirm-close-modal .body, .confirm-close-modal .reset_plan_modal .body--li, .reset_plan_modal .confirm-close-modal .body--li, .confirm-close-modal .reset_plan_dialog__content .body--li, .reset_plan_dialog__content .confirm-close-modal .body--li, .confirm-close-modal .live-upgrade__modal-container .body--li, .live-upgrade__modal-container .confirm-close-modal .body--li, .confirm-close-modal .live-downgrade__modal-container .body--li, .live-downgrade__modal-container .confirm-close-modal .body--li {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.1875px;
  color: #555E68;
}
.confirm-close-modal .buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.confirm-close-modal .buttons > * {
  border: none;
  background: none;
  cursor: pointer;
  margin: 0.25rem;
}
.confirm-close-modal .buttons .cancel {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: right;
  color: #0A73EB;
}
.confirm-close-modal .buttons .exit {
  background: #5DA4E2;
  border-radius: 24.5px;
  padding: 12px 36px;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  color: #FFFFFF;
}

.custom-flashcard-text {
  text-align: center;
  resize: none;
}

.character-warnings {
  position: absolute;
  bottom: 19%;
  right: 3.5rem;
}
.character-warnings.number {
  color: #E96F6F;
  font-size: 16px;
  bottom: 22%;
}

.upload-error {
  display: flex;
  background-color: #FEF2F2;
  border-radius: 8px;
  padding: 13px 24px;
  gap: 15px;
}
.upload-error p {
  color: #B91C1C;
  font-size: 15px;
}
.upload-error img {
  overflow: unset;
}

.remove-image {
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  position: absolute;
  bottom: 10px;
  padding-right: 20px;
  gap: 12px;
  align-items: center;
}
.remove-image p {
  color: #5DA4E2;
}
.remove-image img {
  margin-top: 3px;
}

.rest-of-content-scrollable {
  max-height: 70vh;
  overflow-y: scroll;
}

.slider_input .number_label_container {
  width: 100%;
  position: relative;
}
.slider_input .number_label_container .number {
  position: absolute;
  top: -1.25rem;
}

.close_button {
  position: absolute;
  top: 0.875rem;
  right: 0.875rem;
  height: 1rem;
  width: 1rem;
  padding: 0.125rem;
  font-size: 1.5rem;
  line-height: 0rem;
  color: #a5a9aa;
}

.tippy-box {
  background-color: white;
  --bg-color: white;
  background-color: var(--bg-color);
  color: white;
}
.tippy-box[data-placement^=top] > .tippy-arrow::before {
  border-top-color: var(--bg-color);
  color: var(--bg-color);
}
.tippy-box[data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: var(--bg-color);
  color: var(--bg-color);
}
.tippy-box[data-placement^=left] > .tippy-arrow::before {
  border-left-color: var(--bg-color);
  color: var(--bg-color);
}
.tippy-box[data-placement^=right] > .tippy-arrow::before {
  border-right-color: var(--bg-color);
  color: var(--bg-color);
}
.tippy-box[data-theme~=bp-light] {
  --bg-color: white;
  background-color: white;
  color: black;
}
.tippy-box[data-theme~=bp-blue] {
  --bg-color: #4fa3ec;
  color: white;
}
.tippy-box[data-theme~=tooltip] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: 0rem 0.0625rem 0.5rem rgba(0, 0, 0, 0.15);
}
.tippy-box[data-theme~=tooltip] .tippy-content {
  padding: 0;
}
.tippy-box[data-theme~=positioned-modal] {
  padding: 0rem;
  border-radius: 0.5rem;
  box-shadow: 0rem 0.375rem 0.5rem 0.125rem rgba(0, 0, 0, 0.25);
}
.tippy-box[data-theme~=positioned-modal] .tippy-content {
  padding: 0;
  max-height: 93vh;
  max-width: 87vw;
  border-radius: 0.3125rem;
}
@media screen and (max-width: 480px) {
  .tippy-box[data-theme~=positioned-modal] .tippy-content {
    overflow: auto;
  }
}
.tippy-box[data-theme~=no-pad] {
  padding: 0rem;
}
.tippy-box[data-theme~=no-pad] .tippy-content {
  padding: 0;
}

.reschedule_studyplan_modal {
  display: flex;
  flex-direction: column;
  padding: 35px 40px;
  justify-content: center;
  max-width: 418px;
}
.reschedule_studyplan_modal h1 {
  font-weight: bold;
  font-size: 23px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 10px;
}
.reschedule_studyplan_modal .reschedule_studyplan_instruction {
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 14px;
}
.reschedule_studyplan_modal .reschedule_studyplan_instruction span {
  cursor: pointer;
  color: #4fa3ec;
  text-decoration: underline;
}
.reschedule_studyplan_modal .reschedule_warning {
  display: flex;
  margin-top: 20px;
}
.reschedule_studyplan_modal .reschedule_warning p {
  text-align: left;
  color: #a6a9aa;
  font-size: 14px;
}
.reschedule_studyplan_modal .reschedule_warning img {
  margin: 0 13px 40px 8px;
}
.reschedule_studyplan_modal .lmsdropdown {
  margin-bottom: 8px;
}
.reschedule_studyplan_modal .reschedule_button {
  height: 50px;
  margin-top: 30px;
}
.reschedule_studyplan_modal .reschedule_button--warning {
  background: #eff4fb;
  color: #7a92a9;
  border: none;
}
.reschedule_studyplan_modal .reset_button {
  margin-top: 6px;
  height: 50px;
}

.reset_plan_modal {
  padding: 35px 40px;
}
.reset_plan_modal h1 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.reset_plan_modal .body, .reset_plan_modal .body--li {
  margin-bottom: 6.5px;
}
.reset_plan_modal .body--li {
  margin-left: 23px;
  list-style-type: disc;
  list-style-position: outside;
}

.past_completed_assignments_container {
  margin: 36px 0;
  border: 1px solid #e2e5e7;
  border-radius: 10px;
}
.past_completed_assignments_container .header {
  min-height: 56px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s linear;
  padding: 0 12px;
}
@media (max-width: 767px) {
  .past_completed_assignments_container .header {
    justify-content: flex-start;
    min-height: 40px;
    padding: 0 14px;
  }
}
.past_completed_assignments_container .header .toggle_button_expand {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  color: #6a7684;
  padding: 12px;
}
.past_completed_assignments_container .header .toggle_button_expand.expanded {
  color: black;
  transition: color 0.4s linear;
}
@media (max-width: 767px) {
  .past_completed_assignments_container .header .toggle_button_expand {
    padding: 0;
  }
}
.past_completed_assignments_container .header .toggle_button_expand .gray_caret {
  height: 8px;
  width: 6px;
  margin-left: 12px;
  transition: transform 0.4s linear;
}
.past_completed_assignments_container .header .toggle_button_expand .gray_caret.expanded {
  transform: rotate(180deg);
}
.past_completed_assignments_container .header .info_button {
  background: none;
  border: none;
  position: absolute;
  right: 12px;
  top: 18px;
  padding: 0;
  height: 21px;
}
@media (max-width: 767px) {
  .past_completed_assignments_container .header .info_button {
    top: 11px;
  }
}
.past_completed_assignments_container .months_container {
  max-height: 0px;
  overflow: hidden;
  padding: 0 12px;
  transition-property: max-height, padding;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
}
.past_completed_assignments_container .months_container.expanded {
  max-height: 560px;
  overflow: auto;
}
@media (max-width: 767px) {
  .past_completed_assignments_container .months_container.expanded {
    max-height: 100%;
    padding: 0 14px;
  }
}

.past_completed_assignments_tooltip {
  padding: 10px;
  font-size: 13px;
  color: black;
  background: #ffffff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  width: 250px;
  text-align: center;
}

.assignments_by_month_container {
  margin-bottom: 25px;
}
.assignments_by_month_container:first-child {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .assignments_by_month_container {
    margin-bottom: 0;
    margin-top: 16px;
  }
  .assignments_by_month_container:last-child {
    margin-bottom: 12px;
  }
}
.assignments_by_month_container .month_name {
  color: #6a7684;
  font-size: 10.45px;
  line-height: 13px;
  letter-spacing: 2.09px;
  text-transform: uppercase;
  padding-bottom: 14px;
  border-bottom: 1px solid #e2e5e7;
}
.assignments_by_month_container .weeks_container {
  padding-top: 14px;
  display: flex;
}
@media (max-width: 767px) {
  .assignments_by_month_container .weeks_container {
    flex-direction: column;
  }
}
.assignments_by_month_container .weeks_container .assignments_by_week_container {
  width: 15%;
  margin-right: 2%;
}
@media (max-width: 767px) {
  .assignments_by_month_container .weeks_container .assignments_by_week_container {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.assignments_by_month_container .weeks_container .assignments_by_week_container:last-child {
  margin-right: 0px;
}
.assignments_by_month_container .weeks_container .assignments_by_week_container .week_name {
  color: #6a7684;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.assignments_by_month_container .weeks_container .assignments_by_week_container .week_assignments {
  min-height: 8px;
}

.monitor_your_progress_container {
  display: flex;
  flex-direction: column;
}
.monitor_your_progress_container .monitor_your_progress_header {
  display: flex;
  justify-content: space-between;
  width: 210px;
  margin-bottom: 25px;
  position: relative;
}
.monitor_your_progress_container .monitor_your_progress_header > h3 {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: -0.233846px;
  color: #2f2f2f;
}
.monitor_your_progress_container .monitor_your_progress_header > img {
  cursor: pointer;
  margin-top: 2px;
}
.monitor_your_progress_container .monitor_your_progress_header .reusable_tracker_panel {
  opacity: 0;
  transition: opacity 0.5s linear;
  display: block;
  top: 30px;
  right: -170px;
  width: 220px;
  transform: unset;
}
.monitor_your_progress_container .monitor_your_progress_header_open .reusable_tracker_panel {
  opacity: 1;
}
.monitor_your_progress_container .monitor_your_progress {
  display: flex;
  margin-bottom: 40px;
  flex-direction: column;
}
.monitor_your_progress_container .monitor_your_progress .bottomrow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.monitor_your_progress_container .monitor_your_progress .bottomrow .reusable_tracker__container-blocked, .monitor_your_progress_container .monitor_your_progress .bottomrow .reusable_tracker__container-modules, .monitor_your_progress_container .monitor_your_progress .bottomrow .reusable_tracker__container-sessions {
  flex: 1;
  width: 30%;
}
@media (max-width: 1024px) {
  .monitor_your_progress_container .monitor_your_progress .bottomrow .reusable_tracker__container-blocked {
    flex: 1;
    width: 30%;
  }
}
@media (max-width: 767px) {
  .monitor_your_progress_container .monitor_your_progress .bottomrow {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .monitor_your_progress_container .monitor_your_progress .bottomrow .reusable_tracker__container-blocked, .monitor_your_progress_container .monitor_your_progress .bottomrow .reusable_tracker__container-modules {
    flex: 1;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .monitor_your_progress_container .monitor_your_progress {
    flex-wrap: wrap;
  }
  .monitor_your_progress_container .monitor_your_progress .reusable_tracker__container-questions {
    width: 100%;
    margin-right: 0 !important;
  }
  .monitor_your_progress_container .monitor_your_progress .reusable_tracker__container-blocked {
    flex: 1;
  }
  .monitor_your_progress_container .monitor_your_progress .reusable_tracker__container-modules {
    flex: 1;
  }
}
@media (max-width: 768px) {
  .monitor_your_progress_container .monitor_your_progress {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .monitor_your_progress_container .monitor_your_progress .reusable_tracker__container-blocked {
    flex: 1;
    width: unset;
  }
}

.sessions-panel {
  padding: 0.3rem;
}
.sessions-panel .panel-header {
  display: flex;
  flex-direction: row;
  width: 12.5rem;
  justify-content: space-around;
  align-items: center;
  padding: 0rem 0.25rem;
}
.sessions-panel .panel-header .lesson-status {
  width: 15%;
  padding-right: 0.25rem;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}
.sessions-panel .panel-header .lesson-name {
  width: 85%;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}
.sessions-panel .panel-body {
  padding: 0.25rem 0.15rem;
  margin-left: 0.25rem;
}
.sessions-panel .panel-body .panel-subtitle {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  /* identical to box height */
  letter-spacing: 0.1875px;
  /* Black 60 */
  color: #BCC6D0;
}
.sessions-panel .panel-body .panel-subtitle-date {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  /* identical to box height */
  letter-spacing: 0.1875px;
  color: #000000;
}

.reusable_tracker__container {
  padding: 20px 28px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  margin-bottom: 16px;
}
.reusable_tracker__container:not(:last-child) {
  margin-right: 16px;
}
.reusable_tracker__container-blocked {
  width: 260px;
}
.reusable_tracker__container .reusable_tracker__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.reusable_tracker__container .reusable_tracker__header > :first-child {
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  letter-spacing: -0.233846px;
  line-height: 1;
  color: #eff4f8;
}
.reusable_tracker__container .reusable_tracker__header > :first-child > :first-child {
  color: black;
}
.reusable_tracker__container .reusable_tracker__header > :last-child {
  font-style: italic;
  font-weight: normal;
  font-size: 14px;
}
.reusable_tracker__container .reusable_tracker__blocked {
  display: flex;
  justify-content: space-between;
  min-height: 16px;
  padding-bottom: 0.5rem;
}
.reusable_tracker__container .reusable_tracker__blocked-blocks {
  display: flex;
  flex-wrap: wrap;
  width: 100px;
  position: relative;
}
.reusable_tracker__container .reusable_tracker__blocked-blocks--continuous {
  width: 100%;
}
.reusable_tracker__container .reusable_tracker__blocked-blocks:hover .reusable_tracker_panel {
  display: block;
}
.reusable_tracker__container .reusable_tracker__blocked-blocks-item {
  width: 20px;
  height: 7px;
  margin-right: 2px;
  margin-bottom: 2px;
}
@media (max-width: 767px) {
  .reusable_tracker__container .reusable_tracker__blocked-blocks-item {
    width: 33px;
    height: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
}
.reusable_tracker__container .reusable_tracker__sessions {
  display: flex;
  justify-content: space-between;
  min-height: 16px;
}
.reusable_tracker__container .reusable_tracker__sessions-blocks {
  display: flex;
  flex-wrap: wrap;
  width: 200px;
  position: relative;
}
.reusable_tracker__container .reusable_tracker__sessions-blocks:hover .reusable_tracker_panel {
  display: block;
}
.reusable_tracker__container .reusable_tracker__sessions-blocks-item {
  width: 14px;
  height: 7px;
  margin-right: 2px;
  margin-bottom: 2px;
}
.reusable_tracker__container .reusable_tracker__legends {
  display: flex;
  flex-wrap: wrap;
}
.reusable_tracker__container .reusable_tracker__legends-item {
  display: flex;
  align-items: center;
  margin-right: 10px;
  font-size: 12px;
}
.reusable_tracker__container .reusable_tracker__legends-item div {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 6px;
}
.reusable_tracker__container .reusable_tracker__legends-blocked {
  justify-content: space-between;
}
.reusable_tracker__container .reusable_tracker__legends-blocked .reusable_tracker__legends-item {
  margin-right: 0;
  width: 100px;
}

.reusable_tracker__bar {
  position: relative;
  display: flex;
  width: 100%;
  height: 7px;
  background: #eff4f8;
  border-radius: 10px;
}
.reusable_tracker__bar-section {
  height: 7px;
  margin-right: 1.5px;
  position: relative;
}
.reusable_tracker__bar-section:first-child {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.reusable_tracker__bar-section:last-child {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.reusable_tracker__bar-section:hover .reusable_tracker_panel {
  display: block;
}
.reusable_tracker__bar-limit {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #4fa3ec;
  bottom: 0;
  right: 12.5%;
}
.reusable_tracker__bar-limit-counter {
  position: relative;
}
.reusable_tracker__bar-limit-counter:hover .reusable_tracker_panel {
  display: block;
}
.reusable_tracker__bar-limit .vertical_line {
  margin-top: 2px;
  height: 12px;
  border-left: 2px solid #4fa3ec;
}
.reusable_tracker__bar .right_fade {
  position: absolute;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 87.5%);
  width: 12%;
  right: 0;
  height: 7px;
}

.reusable_tracker_panel {
  background: white;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 18px;
  display: none;
  position: absolute;
  left: 50%;
  top: 70px;
  transform: translate(-50%, -50%);
  min-width: 130px;
  font-size: 14px;
  text-align: center;
}
.reusable_tracker_panel > span {
  position: absolute;
  top: 4px;
  right: 5px;
  cursor: pointer;
}
.reusable_tracker_panel .section-panel:last-child {
  white-space: nowrap;
}
.reusable_tracker_panel .exams-panel > :first-child {
  font-weight: bold;
}
.reusable_tracker_panel .question-max-panel {
  width: 220px;
  color: black;
}
.reusable_tracker_panel .info-panel {
  width: 203px;
}

.simple_tracker_panel_activator:hover {
  position: relative;
}
.simple_tracker_panel_activator:hover .simple_tracker_panel {
  display: block;
}

.simple_tracker_panel {
  display: none;
  position: absolute;
  top: 90%;
  left: -50%;
  background: white;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 18px;
  fontsize: 14px;
  text-align: center;
  min-width: 260px;
  font-weight: 400 !important;
}

.nav__side_alert {
  display: inline-flex;
  flex-direction: row;
}
.nav__side_alert__show {
  position: absolute;
  font-size: 11px;
  font-weight: 600;
  right: 116px;
  text-align: center;
  border: 0px solid #4fa3ec;
  height: 14px;
  width: 18px;
  color: white;
  background-color: #4fa3ec;
  border-radius: 44%;
}

.nav__side_alert:hover > .nav__side_alert__show {
  box-shadow: 0rem 0rem 0.1875rem 0.125rem rgba(76, 170, 251, 0.25);
}

.featurelabs__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100vw;
}
.featurelabs__container .featurelabs__header {
  line-height: 48px;
  text-align: center;
  padding-top: 61px;
  font-size: 38px;
  width: 73%;
}
@media screen and (max-width: 767px) {
  .featurelabs__container .featurelabs__header {
    margin: 0px 12px;
  }
}
.featurelabs__container .featurelabs__subheader {
  padding-top: 23px;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  color: #6a7684;
  width: 71%;
}
.featurelabs__container .featurelabs__labheader {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  width: 847px;
  border-bottom: 1px solid #eff3fa;
  padding: 24px 6px 18px;
  margin-bottom: 28px;
  width: 848px;
}
@media screen and (max-width: 767px) {
  .featurelabs__container .featurelabs__labheader {
    width: 329px;
    height: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .featurelabs__container .featurelabs__labheader {
    width: 630px;
    height: auto;
  }
}
.featurelabs__container .featurelabs__block_container {
  display: flex;
  flex-direction: column;
}

.labblock_lab_block {
  position: relative;
  width: 848px;
  min-height: 120px;
  background: #ffffff;
  box-shadow: 0px 3px 12px rgba(134, 139, 147, 0.15);
  border-radius: 5px;
  margin: 21px 0px;
  align-self: center;
}
@media screen and (max-width: 767px) {
  .labblock_lab_block {
    width: 329px;
    height: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .labblock_lab_block {
    width: 630px;
    height: auto;
  }
}
.labblock_lab_block__box {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
}
.labblock_lab_block__left {
  height: 100%;
  width: 90%;
  margin: 0px 24px;
  padding: 30px 0px;
}
@media screen and (max-width: 767px) {
  .labblock_lab_block__left {
    width: 65%;
  }
}
.labblock_lab_block__right {
  height: 100%;
  width: 30%;
}
@media screen and (max-width: 767px) {
  .labblock_lab_block__right {
    width: 35%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .labblock_lab_block__right {
    width: 30%;
  }
}
.labblock_lab_block__right label {
  cursor: pointer;
  text-indent: -9999px;
  width: 36px;
  margin-left: auto;
  height: 20px;
  border: 1px solid #abb7c6;
  display: block;
  border-radius: 100px;
  position: relative;
}
.labblock_lab_block .timezone-block {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .labblock_lab_block .timezone-block {
    width: 30%;
    margin-right: 20px;
  }
}
.labblock_lab_block_new_alert {
  position: absolute;
  left: -18px;
  top: 12px;
}
.labblock_lab_block__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  margin-bottom: 10px;
}
.labblock_lab_block__decription {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #a6a9aa;
}
.labblock_lab_block__toggler {
  position: relative;
  top: -32px;
  margin: 20px;
}
.labblock_lab_block__toggler input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.labblock_lab_block__toggler label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 3px;
  width: 16px;
  height: 16px;
  background: #abb7c6;
  border-radius: 90px;
  transition: 0.7s;
}
.labblock_lab_block__toggler input:checked + label {
  background: #61b4fc;
  border: 1px solid #61b4fc;
}
.labblock_lab_block__toggler input:checked + label:after {
  background: white;
  left: calc(100% - 3px);
  transform: translateX(-100%);
}
.labblock_lab_block__toggler label:active:after {
  width: 130px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-out {
  animation: fadeOut 1s;
}

.fade-in {
  animation: fadeIn 1s;
}

.thank-you {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 425px;
  width: 100%;
}
.thank-you .icon {
  height: 55%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 1rem;
}
.thank-you .text {
  height: 45%;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 21px;
  line-height: 26px;
  text-align: center;
  color: #4FA3EC;
}

.featurefeedback_feature_feedback_modal {
  width: 100%;
  height: 100%;
  padding: 0;
  max-width: 439px;
  max-height: 424px;
  background: #ffffff;
  box-shadow: -5px 25px 50px 5px rgba(2, 2, 3, 0.19);
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  .featurefeedback_feature_feedback_modal {
    max-width: 280px;
    max-height: 424px;
  }
}
.featurefeedback_feature_feedback_modal p {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.featurefeedback_feature_feedback_modal__top {
  height: 56px;
  width: auto;
  border-radius: 6px 6px 0px 0px;
  background: #4fa3ec;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 600;
  display: flex;
  align-items: center;
  padding-left: 36px;
}
.featurefeedback_feature_feedback_modal__bottom {
  margin: 20px 0px 0px 22px;
}
.featurefeedback_feature_feedback_modal__bottom .multiline_input {
  width: 391px;
  height: 76px;
  margin-top: 13px;
  background: #ffffff;
  border: 1px solid #dde7ee;
  box-sizing: border-box;
  border-radius: 4px;
  resize: none;
  font-family: inherit;
}
@media screen and (max-width: 767px) {
  .featurefeedback_feature_feedback_modal__bottom .multiline_input {
    width: 230px;
    height: 65px;
  }
}
.featurefeedback_feature_feedback_modal__choice {
  width: fit-content;
  margin: 13px 10px;
  display: flex;
  align-items: center;
}
.featurefeedback_feature_feedback_modal__bubble {
  width: 13px;
  height: 13px;
  border: 1px solid #0275ff;
  background-color: white;
  border-radius: 50%;
  box-sizing: border-box;
  margin-right: 8px;
}
.featurefeedback_feature_feedback_modal__bubble_selected {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  box-shadow: inset 0px 0px 0px 2px white;
  background-color: #0275ff;
  border: 1px solid #0275ff;
  box-sizing: border-box;
  margin-right: 8px;
}
.featurefeedback_feature_feedback_modal__option_text {
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
}

.submit_btn {
  width: 391px;
  height: 38px;
  margin-top: 13px;
  font-size: 18px;
  line-height: 23px;
  background-color: #4fa3ec;
  color: white;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}
.submit_btn_off {
  width: 391px;
  height: 38px;
  margin-top: 13px;
  font-size: 18px;
  line-height: 23px;
  color: #c4c4c4;
  background-color: #e3e3e3;
  border-radius: 5px;
  border: none;
}
@media screen and (max-width: 767px) {
  .submit_btn_off {
    width: 230px;
    height: 38px;
  }
}
@media screen and (max-width: 767px) {
  .submit_btn {
    width: 230px;
    height: 38px;
  }
}

.featurefeedback_feature_feedback_close_icon {
  height: 20px;
  width: 20px;
  fill: white;
}

.modal_loading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.custom_assignment_modal_container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
}
@media screen and (min-width: 1024px) {
  .custom_assignment_modal_container {
    width: 450px;
  }
}
.custom_assignment_modal_container.minimized {
  height: 101px;
}
.custom_assignment_modal_container label {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 8px;
}
.custom_assignment_modal_container input[type=text] {
  font-family: "Source Sans Pro";
  font-size: 15px;
  margin-bottom: 16px;
  padding: 8.5px 18px;
  border-radius: 8px;
  border: 1px solid #bcc5d0;
  font-weight: 400;
}
.custom_assignment_modal_container input[type=text]:focus::placeholder {
  color: transparent;
}
.custom_assignment_modal_container input[type=text]::placeholder {
  color: #8b97a4;
}
.custom_assignment_modal_container input[type=text].link-input {
  width: 100%;
  margin-top: 8px;
}
.custom_assignment_modal_container .assignment_txt {
  display: inline-block;
  font-size: 13px;
  margin-bottom: 8px;
}
.custom_assignment_modal_container .modal-grab {
  align-self: center;
}
.custom_assignment_modal_container .modal-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  overflow-wrap: anywhere;
}
.custom_assignment_modal_container .modal-top .modal-title {
  font-weight: 600;
  font-size: 20px;
}
.custom_assignment_modal_container .modal-top .close-modal {
  background-color: transparent;
  border: none;
  margin: auto 0;
  z-index: 100;
  cursor: pointer;
}
.custom_assignment_modal_container .title-and-colour {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.custom_assignment_modal_container .title-and-colour .title, .custom_assignment_modal_container .title-and-colour .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile .custom_assignment_modal_container .title-and-colour .title-highlighted, .custom_assignment_modal_container .title-and-colour .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-chemphys .custom_assignment_modal_container .title-and-colour .title-highlighted, .custom_assignment_modal_container .title-and-colour .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-cars .custom_assignment_modal_container .title-and-colour .title-highlighted, .custom_assignment_modal_container .title-and-colour .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-biobiochem .custom_assignment_modal_container .title-and-colour .title-highlighted, .custom_assignment_modal_container .title-and-colour .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .title-highlighted, .creator-v2-container .creator--body-recommended-options .option-wrapper .section-tiles .section-tile-psysocio .custom_assignment_modal_container .title-and-colour .title-highlighted {
  display: flex;
  flex-direction: column;
  width: 80%;
}
.custom_assignment_modal_container .title-and-colour .todo-color-select {
  align-self: center;
  margin-top: 8px;
}

.custom_assignment_link {
  text-align: center;
}
.custom_assignment_link-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom_assignment_link-wrapper > * {
  vertical-align: middle;
}
.custom_assignment_link-wrapper > span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 8px;
  font-weight: 600;
  font-size: 14px;
  max-width: 308px;
}
.custom_assignment_link-message {
  text-align: center;
  vertical-align: middle;
  height: 77px;
  width: 332px;
  line-height: 77px;
  font-size: 14px;
  background: #ffffff;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  position: relative;
  margin-top: 16px;
}
.custom_assignment_link-message:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top: 0;
  margin-left: -16px;
  margin-top: -16px;
}
.custom_assignment_link-message:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-bottom-color: #ffffff;
  border-top: 0;
  margin-left: -16px;
  margin-top: -16px;
}

.custom_assignment_duration {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  margin-bottom: 18px;
  width: 100%;
}
.custom_assignment_duration .duration {
  width: 40%;
}
.custom_assignment_duration .duration-selector {
  margin-top: 8px;
}
.custom_assignment_duration .link_col {
  width: 50%;
}
.custom_assignment_duration .link_col input {
  margin: 0;
}

.custom_input_field {
  display: flex;
  align-items: center;
  border-radius: 8px;
  margin-top: 8px;
  background-color: white;
  border: 1px solid #bcc5d0;
  padding: 8.5px 18px;
}
.custom_input_field a {
  line-height: 0;
}
.custom_input_field a .link-icon {
  filter: brightness(0%);
  margin-left: 3px;
  height: 19px;
}
.custom_input_field input.link-input {
  border: none;
  padding: 0;
  max-height: 19px;
  border-radius: 0;
  margin: 0 !important;
}

.schedule_and_completion {
  display: flex;
  align-items: flex-end;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 20px;
}
.schedule_and_completion .custom_assignment_schedule {
  width: 40%;
}
.schedule_and_completion .custom_assignment_completion {
  width: 50%;
}
.schedule_and_completion .custom_assignment_completion .completion-selector {
  margin-top: 8px;
}

.custom_assignment_description {
  resize: none;
  width: 100%;
  height: 100px;
  border: 1px solid #bcc5d0;
  box-sizing: border-box;
  border-radius: 8px;
  font-family: "Source Sans Pro", sans-serif;
  padding: 18px;
  font-size: 15px;
}

.dates-loading {
  cursor: not-allowed;
  color: #BCC5D0;
}

.custom_assignment__saved {
  position: absolute;
  background-color: #fcfeff;
  width: 100%;
  height: 100%;
  top: 0;
  border-radius: 12px;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 24px;
  z-index: 9;
}

.save-andor-edit {
  margin-top: 25px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
}

.custom_assignment_buttons {
  align-self: flex-end;
}
.custom_assignment_buttons > :first-child {
  border: none;
}
.custom_assignment_buttons > :last-child {
  position: relative;
  font-weight: 400;
  border-radius: 8px;
  padding: 12.5px 20px !important;
  height: unset;
  min-width: auto;
  margin-left: 30px;
}
.custom_assignment_buttons > :last-child .custom_assignment_buttons-message {
  display: none;
}
.custom_assignment_buttons > :last-child:hover .custom_assignment_buttons-message {
  display: inline-block;
}
.custom_assignment_buttons .disabled {
  cursor: not-allowed;
  color: #8b97a4;
  background-color: #f1f4f8;
}
.custom_assignment_buttons-message {
  vertical-align: middle;
  height: 77px;
  width: 332px;
  line-height: 77px;
  background: #ffffff;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  position: absolute;
  margin-top: 16px;
  bottom: -100px;
  right: 0;
  font-size: 16px;
  color: #000000;
}
.custom_assignment_buttons-message:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-top: 0;
  margin-left: -16px;
  margin-top: -16px;
}
.custom_assignment_buttons-message:after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-bottom-color: #ffffff;
  border-top: 0;
  margin-left: -16px;
  margin-top: -16px;
}

.creation-receipt {
  font-size: 13px;
  margin-top: 15px;
  color: #607285;
}
.creation-receipt .creation-span {
  margin-left: 3px;
}
.creation-receipt .creation-page {
  font-weight: 600;
  color: #314154;
}

.tutor_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0rem 1rem;
}
@media (max-width: 767px) {
  .tutor_container {
    display: none;
  }
}
.tutor_container .tutor_img {
  cursor: pointer;
  border-radius: 50%;
  border: 3px solid #e0e0e0;
  object-fit: cover;
  width: 36px;
  height: 36px;
  margin: 0 15px;
}
.tutor_container .tutor_name {
  color: #6a7684;
}
.tutor_container .tutor_name > :first-child {
  font-size: 14px;
  white-space: nowrap;
}
.tutor_container .tutor_name .tutor_info {
  position: absolute;
  background: #ffffff;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 25px;
  top: 80px;
  right: 125px;
  z-index: 10;
}
.tutor_container .tutor_name .tutor_info:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top: 0;
  margin-left: -16px;
  margin-top: -16px;
}
.tutor_container .tutor_name .tutor_info:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-bottom-color: #ffffff;
  border-top: 0;
  margin-left: -16px;
  margin-top: -16px;
}
.tutor_container .tutor_name .tutor_info__row {
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: #6a7684;
  font-size: 16px;
}
.tutor_container .tutor_name .tutor_info__row:last-of-type {
  margin-top: 12px;
}
.tutor_container .tutor_name .tutor_info__row img {
  width: 13px;
  height: 13px;
  margin: 0 13px 0 0;
}
.tutor_container .tutor_name .tutor_info__row span {
  color: #4fa3ec;
  cursor: pointer;
}

.fc-nav-container {
  background: none;
  border: none;
  cursor: pointer;
}
.fc-nav-container.goal-hit {
  animation: glow 2s infinite alternate;
}
@keyframes glow {
  from {
    filter: drop-shadow(0px 0px 15px rgba(147, 81, 255, 0.8));
  }
  to {
    filter: drop-shadow(0px 0px 5px rgba(147, 81, 255, 0.8));
  }
}

.streak-progress-icon {
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
@media (max-width: 1024px) {
  .streak-progress-icon {
    width: 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .streak-progress-icon {
    width: 100%;
    max-width: 100%;
  }
}

.streak-reminder {
  padding: 0.5rem;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 15px;
  text-align: center;
  color: #6E67BB;
}

.confettiCanvas {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.score_editor {
  width: 475px;
  /* Firefox */
}
.score_editor input {
  width: 70px;
  height: 30px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  text-align: center;
}
.score_editor input:focus {
  box-shadow: 0px 0px 7px rgba(97, 180, 252, 0.35);
}
.score_editor input::-webkit-outer-spin-button,
.score_editor input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.score_editor input[type=number] {
  -moz-appearance: textfield;
}
.score_editor input.invalid {
  border-color: #e96f6f;
}
.score_editor__toggle_btn {
  height: 31px;
  color: #4fa3ec;
  font-size: 14px;
  background: #ffffff;
  padding-left: 12px;
  padding-right: 12px;
  background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #299cff, #dc02ff) border-box;
  border-radius: 5px;
  border: 2px solid transparent;
  margin: 3px 0 25px;
}
.score_editor__toggled_content {
  max-height: 0;
  transition: max-height 0.15s ease-out;
  overflow: hidden;
}
.score_editor__toggled_content--expand {
  max-height: 300px;
  transition: max-height 0.25s ease-in;
}
.score_editor__instruction, .score_editor__toggle_btn_label {
  font-weight: 400;
  font-size: 13px;
  color: #b1b3b5;
}
.score_editor__score {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-size: 17px;
  border-bottom: 1px solid #dcdcdc;
  padding: 20px 0;
}
.score_editor__score span {
  margin-right: 26px;
}
.score_editor__sections_titles {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  font-size: 12px;
  color: #5b5b5b;
  margin-top: 24px;
}
.score_editor__sections_titles > :first-child {
  width: 117px;
  display: inline-block;
}
.score_editor__sections_titles > :not(:first-child) {
  width: 70px;
}
.score_editor__sections_row {
  font-weight: 400;
  font-size: 17px;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.score_editor__sections_row span {
  width: 117px;
}
.score_editor__btns {
  display: flex;
  flex-direction: column;
  margin-top: 44px;
}
.score_editor__btns--collapsed {
  margin-top: 0;
}
.score_editor__btns .save_btn {
  border: 1px solid #4fa3ec;
  width: 100%;
}
.score_editor__btns .goto_btn {
  width: 254px;
  margin-left: auto;
}
.score_editor__btns button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: none;
  height: 50px;
}
.score_editor__btns button img {
  margin-right: 5px;
}
.score_editor__btns button:hover {
  color: #4fa3ec;
  background: white;
}

.aamc_score_editor {
  position: fixed;
  padding: 32px;
  background-color: #f9fcff;
  z-index: 100;
  width: 493px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08), 0px 4px 32px rgba(13, 27, 43, 0.16);
  border-radius: 12px;
  max-height: unset;
}
.aamc_score_editor .mb-16 {
  margin-bottom: 16px;
}
.aamc_score_editor__header {
  display: flex;
  justify-content: space-between;
}
.aamc_score_editor__title {
  font-size: 18.94px;
  font-weight: 600;
}
.aamc_score_editor__close_prompt {
  line-height: normal;
  font-size: 24px;
  cursor: pointer;
  padding: 0 8px;
}
.aamc_score_editor__instruction {
  font-size: 15px;
  font-weight: 400;
}

@media screen and (max-width: 480px) {
  .score_editor {
    width: unset;
  }
  .score_editor input {
    width: 54px;
  }
  .score_editor__score span {
    margin-right: 5px;
  }
  .score_editor__sections_titles {
    font-size: 9px;
  }
  .score_editor__sections_titles > :first-child {
    width: 87px;
  }
  .score_editor__sections_titles > :not(:first-child) {
    width: 54px;
  }
  .score_editor__sections_row {
    font-size: 14px;
  }
  .score_editor__sections_row span {
    width: 87px;
  }
}
.step_indicator {
  display: flex;
  max-width: 200px;
  align-items: center;
  font-size: 14px;
}
.step_indicator hr {
  border: 1px solid #dee4eb;
  margin: 0;
  width: 90px;
}
.step_indicator span {
  background: #dee4eb;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: relative;
}
.step_indicator span.current {
  background: #4fa3ec;
  font-weight: 600;
}
.step_indicator span div {
  left: -45px;
  top: 13px;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  width: 100px;
}

.like_rating {
  position: relative;
  display: flex;
  align-items: center;
}
.like_rating_item {
  margin: 6px;
  width: 39px;
  height: 39px;
  border: 1px solid #f0f4f9;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #fcfeff;
  cursor: pointer;
}
.like_rating_item:hover {
  background: #f9fcff;
  border: 1px solid #ebf5fe;
}
.like_rating_item__selected {
  background: #f9fcff;
  border: 1px solid #ebf5fe;
}
.like_rating_item__locked {
  pointer-events: none;
}
.like_rating_note {
  position: absolute;
  right: 50px;
  top: 60px;
  box-shadow: 0px 4px 4px rgba(155, 178, 194, 0.25);
  border-radius: 4px;
  width: 200px;
  background: #fff;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 14px;
}
.like_rating_note textarea {
  border-style: none;
  background: #f9fcff;
  border: 1px solid #f0f4f9;
  width: 168px;
  height: 42px;
  font-size: 12px;
  font-family: "Source Sans Pro";
  margin: 8px 0;
}
.like_rating_note__send {
  text-align: right;
}
.like_rating_note__send span {
  cursor: pointer;
  color: #5da4e2;
  font-weight: 600;
}
.like_rating_note__sent {
  display: flex;
  justify-content: end;
  align-items: center;
  color: #6fdc95;
  font-weight: 600;
  margin-top: 12px;
}
.like_rating_note__sent img {
  width: 13px;
  margin-right: 4px;
}

/* Universal create button + menu styles */
.universal-create-btn {
  all: unset;
  bottom: 20px;
  right: 80px;
  max-width: 48px;
  width: 48px;
  max-height: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(338.77deg, #3030D9 -13.31%, #9B66FD 128.94%);
  box-shadow: 0px 3.07692px 11.5385px rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
}
.universal-create-btn .btn-icon {
  color: #FFFFFF;
  padding: 1rem;
  font-size: 36px;
  font-weight: 600;
}
.universal-create-btn:hover {
  transform: scale(1.1);
}
.universal-create-btn:active {
  transform: scale(0.8);
}

.universal-create-menu {
  bottom: 80px;
  right: 80px;
  background: #FFFFFF;
  box-shadow: -1px 17px 26px rgba(46, 46, 46, 0.1), 0px 3px 20px rgba(29, 29, 33, 0.2);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.universal-create-menu .menu-item {
  padding: 1rem;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 125%;
  color: #000000;
  width: 233px;
  max-width: 233px;
}
.universal-create-menu .menu-item:hover {
  background: rgba(224, 232, 240, 0.25);
}
.universal-create-menu .menu-item > img {
  vertical-align: middle;
}

/* Borrowed styles from intercom button */
.intercom-styles, .universal-create--whiteBtn, .universal-create-btn, .universal-create-menu {
  position: fixed;
  z-index: 2147483003;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  box-sizing: content-box;
  transition: transform 167ms cubic-bezier(0.33, 0, 0, 1);
}

.universal-create--whiteBtn {
  all: unset;
  position: fixed;
  bottom: 20px;
  right: 144.8px;
  min-width: 44px;
  height: 44px;
  border-radius: 100px;
  background: linear-gradient(180deg, #A0C6FF 0%, #9B78FF 100%);
  gap: 10px;
  box-shadow: 0px 3.07692px 11.5385px rgba(0, 0, 0, 0.25);
  padding: 3px;
  transition: transform 0.1s linear;
}
.universal-create--whiteBtn--textContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  color: #2214D6;
  height: 100%;
  width: 100%;
  border-radius: 100px;
  font-weight: 600;
}
.universal-create--whiteBtn--textContainer img {
  height: 70%;
  width: auto;
}
.universal-create--whiteBtn:hover {
  transform: scale(1.05);
}
.universal-create--whiteBtn:active {
  transform: scale(0.95);
}

.scrollable_content {
  overflow-y: auto;
  max-height: calc(100vh - 320px);
  gap: 15px;
}
.scrollable_content p.aamc_blurb {
  font-weight: 600;
  margin-bottom: 16px;
}

.llj-container {
  z-index: 999;
  position: fixed;
  right: 20px;
  bottom: 120px;
  transition: linear right 0.5s;
  background-color: #F9FCFF;
  padding: 10px 30px 30px 30px;
  display: grid;
  width: 450px;
  max-height: calc(100vh - 135px);
  gap: 16px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08), 0px 4px 32px rgba(13, 27, 43, 0.16);
  border-radius: 12px;
}
.llj-container-shiftLeft {
  right: 440px;
}
.llj-container .hide {
  visibility: hidden;
}
.llj-container .llj-created-msg {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 255px;
  text-align: center;
}
.llj-container .llj-created-msg p {
  font-size: 24px;
  font-weight: 600;
}
.llj-container.minimized {
  height: 65px;
  gap: 0px;
}
.llj-container .top-grab {
  margin: 0 -30px -15px -30px;
  width: 116%;
  text-align: center;
}
.llj-container .llj-header {
  display: flex;
  justify-content: space-between;
  margin: 0 -30px;
}
.llj-container .llj-header .llj-title {
  font-weight: 600;
  font-size: 23px;
}
.llj-container .llj-header .llj-icon-bar {
  display: flex;
  align-items: center;
  gap: 20px;
}
.llj-container .llj-header .llj-icon-bar img {
  width: 20px;
  height: 20px;
}
.llj-container .llj-header .llj-icon-bar img.closemodal, .llj-container .llj-header .llj-icon-bar img.minmax {
  cursor: pointer;
}
.llj-container .top-grab, .llj-container .llj-header {
  padding: 0 30px;
  cursor: grab;
}
.llj-container .top-grab:active, .llj-container .llj-header:active {
  cursor: grabbing;
}
.llj-container .llj-metadata-bar {
  border: 1px solid #DEE4EB;
  background-color: #FFFFFF;
  padding: 5px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  gap: 20px;
  margin-bottom: 12px;
}
.llj-container .llj-metadata-bar img {
  min-width: 14px;
  min-height: 14px;
}
.llj-container .llj-metadata-bar span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.llj-container .llj-user-input {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.llj-container .llj-user-input textarea.llj-textarea {
  padding: 18px;
  resize: none;
  font-family: "Source Sans Pro";
  font-size: 16px;
  border-radius: 8px;
  border: 1px solid #BCC5D0;
}
.llj-container .llj-user-input label.llj-label {
  margin-bottom: 8px;
  display: flex;
  justify-items: center;
  gap: 5px;
}
.llj-container .llj-user-input .choice-pills {
  display: flex;
  justify-content: space-between;
}
.llj-container .llj-user-input .choice-pills.aamc {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
.llj-container .llj-user-input .choice-pills .pill {
  padding: 15px;
  display: flex;
  justify-content: center;
  background: #FFFFFF;
  border: 1px solid #BCC5D0;
  border-radius: 8px;
  cursor: pointer;
}
.llj-container .llj-user-input .choice-pills .pill.aamc {
  font-size: 14px;
}
.llj-container .llj-user-input .choice-pills .pill.aamc.active {
  color: #0A5FC7;
  border: 2px solid #0A73EB;
}
.llj-container .llj-user-input .choice-pills .pill.emoji {
  width: 30%;
}
.llj-container .llj-user-input .choice-pills .pill.emoji.active {
  background: #E3F0FF;
}
.llj-container .review-later {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.llj-container .review-later-title {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 125%;
}
.llj-container .review-later-options {
  margin: 1rem 0rem 0rem 0rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.llj-container .review-later-options .review-option {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  background: #FFFFFF;
  /* Structure/Stroke Medium */
  border: 1px solid #BCC5D0;
  border-radius: 8px;
  width: 22.5%;
  cursor: pointer;
}
.llj-container .review-later-options .review-option:hover {
  background: #F1F4F8;
  border: 1px solid #BCC5D0;
  border-radius: 8px;
}
.llj-container .review-later-options .review-option-label {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 145%;
  text-align: center;
  color: #314154;
}
.llj-container .blue-dot {
  position: absolute;
  top: 13px;
  left: 14px;
}
.llj-container .llj-action-buttons {
  display: flex;
  justify-content: space-between;
}
.llj-container .llj-action-buttons.aamc {
  margin-top: 48px;
}
.llj-container .aamc-back {
  margin-right: 30px;
  font-size: 18px;
}
.llj-container .tab-container {
  display: flex;
  width: 100%;
  border-radius: 8px;
  border-top: 1px solid #BCC5D0;
  border-bottom: 1px solid #BCC5D0;
  margin-bottom: 12px;
}
.llj-container .tab-container.hide {
  visibility: hidden;
}
.llj-container .tab-container .tab-button {
  width: 50%;
  padding: 8px;
  border-bottom: none;
  border-top: none;
  font-size: 16px;
  background-color: white;
  cursor: pointer;
  font-weight: 600;
}
.llj-container .tab-container .tab-button.Blueprint {
  border-right: none;
  border-left: 2px solid #BCC5D0;
  border-radius: 8px 0px 0px 8px;
}
.llj-container .tab-container .tab-button.AAMC {
  border-right: 2px solid #BCC5D0;
  border-left: none;
  border-radius: 0px 8px 8px 0px;
}
.llj-container .tab-container .tab-button.selected {
  border-radius: 8px;
  border: 2px solid #0A73EB;
  color: #0A73EB;
}
.llj-container .aamc-number {
  border-radius: 4px;
  background: #FFF;
  width: 100px;
}
.llj-container .aamc-number.disabled {
  cursor: default;
  background: hsl(0, 0%, 95%);
  border: 1px solid rgba(118, 118, 118, 0.3);
}

.llj-buttons {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  color: #FFFFFF;
  background: #5DA4E2;
  width: 88px;
  height: 45px;
  border-radius: 8px;
  cursor: pointer;
}
.llj-buttons.cancel {
  background-color: #F1F4F8;
  border: 1px solid #BCC5D0;
  color: #0D1B2B;
}
.llj-buttons.disabled {
  cursor: not-allowed;
  pointer-events: none;
  background-color: #F1F4F8;
  color: #8B97A4;
}

.confirmation-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 35px;
}

.confirm-close {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.confirm-prompt {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  color: #091016;
  display: flex;
  justify-content: space-between;
}

.llj-metadata-tooltip {
  min-width: 400px;
  padding: 16px;
}
.llj-metadata-tooltip .question-info {
  font-weight: 600;
  font-size: 18px;
}
.llj-metadata-tooltip .correct-incorrect {
  display: flex;
  align-items: center;
  gap: 4px;
}
.llj-metadata-tooltip .correct-incorrect .correct {
  color: #10B965;
}
.llj-metadata-tooltip .correct-incorrect .incorrect {
  color: #EF4444;
}
.llj-metadata-tooltip .header {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-start;
  margin-bottom: 8px;
}
.llj-metadata-tooltip .body, .llj-metadata-tooltip .reset_plan_dialog__content .body--li, .reset_plan_dialog__content .llj-metadata-tooltip .body--li, .llj-metadata-tooltip .live-upgrade__modal-container .body--li, .live-upgrade__modal-container .llj-metadata-tooltip .body--li, .llj-metadata-tooltip .live-downgrade__modal-container .body--li, .live-downgrade__modal-container .llj-metadata-tooltip .body--li, .llj-metadata-tooltip .reset_plan_modal .body--li, .reset_plan_modal .llj-metadata-tooltip .body--li {
  display: grid;
  grid-template-columns: 40% 40%;
  grid-gap: 8px;
}
.llj-metadata-tooltip .body .metadata-cell .metadata-type, .llj-metadata-tooltip .reset_plan_dialog__content .body--li .metadata-cell .metadata-type, .reset_plan_dialog__content .llj-metadata-tooltip .body--li .metadata-cell .metadata-type, .llj-metadata-tooltip .live-upgrade__modal-container .body--li .metadata-cell .metadata-type, .live-upgrade__modal-container .llj-metadata-tooltip .body--li .metadata-cell .metadata-type, .llj-metadata-tooltip .live-downgrade__modal-container .body--li .metadata-cell .metadata-type, .live-downgrade__modal-container .llj-metadata-tooltip .body--li .metadata-cell .metadata-type, .llj-metadata-tooltip .reset_plan_modal .body--li .metadata-cell .metadata-type, .reset_plan_modal .llj-metadata-tooltip .body--li .metadata-cell .metadata-type {
  color: #607285;
}

.custom-tag {
  display: flex;
  max-width: 400px;
  margin: 1rem 0rem;
  gap: 10px;
}
.custom-tag .custom-tag-title {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 15%;
}
.custom-tag .custom-tag-title-icon {
  min-width: 15px;
}
.custom-tag .custom-tag-select {
  min-width: 250px;
  flex: 1;
}
.custom-tag .custom-tag-new-tag {
  text-transform: uppercase;
  font-weight: 600;
  color: #6A7684;
  font-size: 12px;
}
.custom-tag .custom-tag-delete-tag {
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.custom-tag .select-option {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.custom-tag-confirmation-modal {
  z-index: 99;
  width: 90%;
  padding: 32px;
  position: absolute;
  background-color: white;
  border-radius: 8px;
  line-height: 30px;
  box-shadow: 0px 4px 16px rgba(13, 27, 43, 0.04);
}
.custom-tag-confirmation-modal .custom-tag-confirmation-modal-header {
  display: flex;
  justify-content: space-between;
}
.custom-tag-confirmation-modal .custom-tag-confirmation-modal-header p {
  font-size: 24px;
  font-weight: 600;
}
.custom-tag-confirmation-modal .custom-tag-confirmation-modal-close {
  background: none;
  border: none;
  display: flex;
  margin-left: auto;
  margin-bottom: 10px;
  cursor: pointer;
}
.custom-tag-confirmation-modal .custom-tag-confirmation-modal-footer {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  gap: 36px;
}
.custom-tag-confirmation-modal .custom-tag-confirmation-modal-footer .custom-tag-confirmation-delete {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  color: #FFFFFF;
  background: #5DA4E2;
  width: 115px;
  height: 45px;
  cursor: pointer;
  margin: 0.25rem;
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #BCC5D0;
  border-radius: 8px;
}

.smart-assist {
  position: fixed;
  bottom: 120px;
  right: 144.8px;
  z-index: 998;
  background-color: #f9fcff;
  width: 352px;
  height: 466px;
  min-width: 352px;
  min-height: 466px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08), 0px 4px 32px rgba(13, 27, 43, 0.16);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(180deg, #f4faff 0%, #dce2ff 100%);
}
.smart-assist .resize-handle {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.smart-assist--loading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.smart-assist--feedbackContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(180deg, #f4faff 0%, #dce2ff 100%);
  border-radius: 16px;
  text-align: end;
}
.smart-assist--feedbackContainer .closemodal {
  position: relative;
  padding: 8px;
  cursor: pointer;
  top: 18px;
  right: 8px;
}
.smart-assist--feedbackContainer .review-buttonsContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.smart-assist--feedbackContainer .review-buttonsContainer button {
  height: 32px;
  padding: 0 12px;
  margin: 0 6px;
  margin-top: 24px;
  border-radius: 8px;
  font-family: "Source Sans 3";
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}
.smart-assist--feedbackContainer .review-buttonsContainer button.primary {
  background: #373eee;
  border: none;
  color: #ffffff;
}
.smart-assist--feedbackContainer .review-buttonsContainer button.secondary {
  border: 1px solid #bcc5d0;
  background-color: #ffffff;
}
.smart-assist--feedbackContainer .review-container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.smart-assist--feedbackContainer .review-description {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.smart-assist--feedbackContainer .review-title {
  font-family: "Source Sans 3";
  font-weight: 600;
  font-size: 18px;
}
.smart-assist--feedbackContainer .review-subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 17.6px;
  color: #607285;
  margin: 12px 0;
}
.smart-assist--feedbackContainer .review-stars {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}
.smart-assist--feedbackContainer .review-stars .star {
  width: 24px;
  height: 24px;
  padding: 0px;
  background: url(/8a67467bc9bf3bbbd874d5a87ac32b45.svg) no-repeat center;
  border-radius: 100%;
  border: none;
  margin: 8px 11px;
  cursor: pointer;
}
.smart-assist--feedbackContainer .review-stars .star.star__locked {
  pointer-events: none;
}
.smart-assist--feedbackContainer .review-stars .star.star__locked:not(.star__selected) {
  background: url(/8a67467bc9bf3bbbd874d5a87ac32b45.svg) no-repeat center;
}
.smart-assist--feedbackContainer .review-stars .star:hover, .smart-assist--feedbackContainer .review-stars .star:hover ~ .star {
  background: url(/dab44213e2e47ae47f752acd63930a96.svg) no-repeat center;
}
.smart-assist--feedbackContainer .review-stars .star.star__selected, .smart-assist--feedbackContainer .review-stars .star.star__selected ~ .star {
  background: url(/dab44213e2e47ae47f752acd63930a96.svg) no-repeat center;
}
.smart-assist--feedbackContainer .review-container .like-star-rating-note {
  width: 200px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding: 16px;
  box-shadow: 0px 4px 4px 0px rgba(155, 178, 194, 0.2509803922);
  background-color: #ffffff;
  border-radius: 4px;
  margin-top: 24px;
  text-align: start;
}
.smart-assist--feedbackContainer .review-container .like-star-rating-note p {
  font-size: 14px;
  /* line-height: 17.6px; */
  font-weight: 400;
}
.smart-assist--feedbackContainer .review-container .like-star-rating-note textarea {
  font-family: "Source Sans Pro";
  font-size: 12px;
  width: 100%;
  height: 41px;
  resize: none;
  border: 1px solid #f0f4f9;
  background: linear-gradient(0deg, #f9fcff, #f9fcff), linear-gradient(0deg, #f0f4f9, #f0f4f9);
}
.smart-assist--feedbackContainer .review-container .like-star-rating-note-send {
  text-align: end;
}
.smart-assist--feedbackContainer .review-container .like-star-rating-note-send span {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0px;
  color: #5da4e2;
  cursor: pointer;
}
.smart-assist--feedbackContainer .review-container .like-star-rating-note-send.disabled span {
  color: #c1c1c1;
}
.smart-assist--feedbackContainer .review-container .like-star-rating-note-sent {
  display: flex;
  justify-content: end;
  align-items: center;
}
.smart-assist--feedbackContainer .review-container .like-star-rating-note-sent img {
  width: 14px;
  margin-right: 8px;
}
.smart-assist--feedbackContainer .review-container .like-star-rating-note-sent span {
  font-size: 14px;
  font-weight: 600;
  color: #6fdc95;
}
.smart-assist--feedbackContainer--success {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min-content;
  text-align: center;
}
.smart-assist--feedbackContainer--success p {
  font-family: Source Sans 3;
  font-size: 18px;
  font-weight: 600;
}
.smart-assist--header {
  padding: 12px 16px 16px 16px;
  border-bottom: 1px solid #dee4eb;
  cursor: grab;
}
.smart-assist--header > .handle {
  display: flex;
  align-items: center;
}
.smart-assist--header > .handle > .spacer {
  flex-grow: 1;
}
.smart-assist--header--titleBlock {
  display: flex;
  justify-content: space-between;
}
.smart-assist--header--titleBlock > .closemodal {
  cursor: pointer;
}
.smart-assist--header--titleText {
  display: flex;
  align-items: center;
}
.smart-assist--header--titleText h2 {
  font-size: 18px;
  margin-right: 12px;
  font-family: "Source Sans 3";
  font-weight: 600;
}
.smart-assist--header--tag {
  background: linear-gradient(338.77deg, #3030d9 -13.31%, #9b66fd 128.94%);
  color: white;
  padding: 2px 4px 2px 4px;
  border-radius: 4px;
  font-family: "Source Sans 3";
  font-weight: 700;
  font-size: 10px;
  line-height: 12.5px;
}
.smart-assist--messages {
  padding: 16px 16px 0 16px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  flex: 1 1 auto;
  transition: max-height 0.5s linear;
  font-size: 14px;
}
.smart-assist--messages > :first-child {
  margin-top: auto;
}
.smart-assist--messages--chatBox {
  margin-top: 8px;
  display: flex;
  width: 100%;
  align-items: flex-start;
}
.smart-assist--messages--chatBox#user {
  justify-content: end;
  flex-direction: row-reverse;
}
.smart-assist--messages--icon {
  margin-top: 4px;
}
.smart-assist--messages--icon.assistant {
  margin-right: 6px;
  width: 30px;
}
.smart-assist--messages--icon.user {
  width: 26px;
  height: 26px;
  margin-left: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.smart-assist--messages--messageBox {
  font-family: "Source Sans 3";
}
.smart-assist--messages--messageBox#system, .smart-assist--messages--messageBox#assistant {
  background: #fff;
  color: #000 !important;
  border-radius: 3px 14px 14px 14px;
  max-width: 68%;
  padding: 12px;
  margin: 0 4px;
  flex: 1 0 auto;
}
.smart-assist--messages--messageBox#system img, .smart-assist--messages--messageBox#assistant img {
  margin-top: 4px;
}
.smart-assist--messages--messageBox#user {
  background: #3055d9;
  color: #fff !important;
  border-radius: 14px 3px 14px 14px;
  max-width: 68%;
  padding: 12px;
  margin: 0 4px;
}
.smart-assist--messages .message__rating {
  display: none;
}
.smart-assist--messages .message__rating.display {
  display: flex;
}
.smart-assist--messages .message__rating__thumbs {
  padding: 0 5px;
  cursor: pointer;
}
.smart-assist--messages .message__rating__thumbs.thumbs_up:hover g path, .smart-assist--messages .message__rating__thumbs.thumbs_down:hover g path {
  fill: #0a73eb;
}
.smart-assist--input {
  position: relative;
}
.smart-assist--input form {
  display: flex;
  width: 100%;
  transition: linear filter 0.5s;
}
.smart-assist--input--iconContainer {
  position: absolute;
  display: flex;
  top: 18.5px;
  right: 30px;
}
.smart-assist--input--iconContainer.shiftTray {
  right: 20px;
}
.smart-assist--input--lljIcon {
  padding: 6px 2px;
  cursor: pointer;
}
.smart-assist--input--flashcardIcon {
  padding: 6px 2px;
  cursor: pointer;
}
.smart-assist--input--flashcardIcon img {
  transform: rotate(-68deg);
}
.smart-assist--input--messageIcon {
  position: absolute;
  bottom: 18.5px;
  right: 23.5px;
  padding: 4px 10px 8px 10px;
}
.smart-assist--input textarea {
  font-family: "Source Sans 3";
  position: relative;
  flex: 1 1 auto;
  border-radius: 8px;
  border: 1px solid #bcc5d0;
  height: 66px;
  margin: 16px;
  padding: 8.5px 10px;
  resize: none;
  padding-right: 50px;
}
.smart-assist--input textarea:disabled {
  background-color: #ffffff;
}
/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
.rdrCalendarWrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rdrDateDisplay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.rdrDateDisplayItem {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem {
  margin-left: 0.833em;
}

.rdrDateDisplayItem input {
  text-align: inherit;
}

.rdrDateDisplayItem input:disabled {
  cursor: default;
}

.rdrMonthAndYearWrapper {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.rdrMonthAndYearPickers {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rdrNextPrevButton {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrMonths {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rdrMonthsVertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.rdrMonth {
  width: 27.667em;
}

.rdrWeekDays {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rdrWeekDay {
  -ms-flex-preferred-size: 14.2857142857%;
  flex-basis: 14.2857142857%;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  text-align: center;
}

.rdrDays {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rdrInfiniteMonths {
  overflow: auto;
}

.rdrDateRangeWrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rdrDay {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  width: 14.2857142857%;
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span {
  color: #1d2429;
}

.rdrDayDisabled {
  cursor: not-allowed;
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge {
  pointer-events: none;
}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview {
  pointer-events: none;
}

.rdrDateRangePickerWrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rdrStaticRanges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.rdrStaticRange {
  font-size: inherit;
}

.rdrInputRange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rdrCalendarWrapper {
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplay {
  background-color: rgb(239, 242, 247);
  padding: 0.833em;
}

.rdrDateDisplayItem {
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input {
  cursor: pointer;
  height: 2.5em;
  line-height: 2.5em;
  border: 0px;
  background: transparent;
  width: 100%;
  color: #849095;
}

.rdrDateDisplayItemActive {
  border-color: currentColor;
}

.rdrDateDisplayItemActive input {
  color: #7d888d;
}

.rdrMonthAndYearWrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers {
  font-weight: 600;
}

.rdrMonthAndYearPickers select {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  padding: 10px 30px 10px 10px;
  border-radius: 4px;
  outline: 0;
  color: #3e484f;
  background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='#0E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
  background-position: right 8px center;
  cursor: pointer;
  text-align: center;
}

.rdrMonthAndYearPickers select:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.rdrMonthPicker, .rdrYearPicker {
  margin: 0 5px;
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7;
}

.rdrNextPrevButton:hover {
  background: #E1E7F0;
}

.rdrNextPrevButton i {
  display: block;
  width: 0;
  height: 0;
  padding: 0;
  text-align: center;
  border-style: solid;
  margin: auto;
  -webkit-transform: translate(-3px, 0px);
  transform: translate(-3px, 0px);
}

.rdrPprevButton i {
  border-width: 4px 6px 4px 4px;
  border-color: transparent rgb(52, 73, 94) transparent transparent;
  -webkit-transform: translate(-3px, 0px);
  transform: translate(-3px, 0px);
}

.rdrNextButton i {
  margin: 0 0 0 7px;
  border-width: 4px 4px 4px 6px;
  border-color: transparent transparent transparent rgb(52, 73, 94);
  -webkit-transform: translate(3px, 0px);
  transform: translate(3px, 0px);
}

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth {
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
  padding: 0;
}

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName {
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  line-height: 3em;
  height: 3em;
  text-align: center;
  color: #1d2429;
}

.rdrDay:focus {
  outline: 0;
}

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span {
  font-weight: 500;
}

.rdrDayToday .rdrDayNumber span:after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: #3d91ff;
}

.rdrDayToday .rdrInRange ~ .rdrDayNumber span:after, .rdrDayToday .rdrStartEdge ~ .rdrDayNumber span:after, .rdrDayToday .rdrEndEdge ~ .rdrDayNumber span:after, .rdrDayToday .rdrSelected ~ .rdrDayNumber span:after {
  background: #fff;
}

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {
  color: rgba(255, 255, 255, 0.85);
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge {
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected {
  left: 2px;
  right: 2px;
}

.rdrStartEdge {
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge {
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected {
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge {
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrDayEndOfMonth .rdrInRange, .rdrDayEndOfMonth .rdrStartEdge, .rdrDayEndOfWeek .rdrInRange, .rdrDayEndOfWeek .rdrStartEdge {
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview {
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  border-left-width: 1px;
  left: 0px;
}

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview {
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  border-right-width: 1px;
  right: 0px;
}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview {
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview {
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper {
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected {
  color: currentColor;
  font-weight: 600;
}

.rdrStaticRange {
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff;
}

.rdrStaticRange:hover .rdrStaticRangeLabel, .rdrStaticRange:focus .rdrStaticRangeLabel {
  background: #eff2f7;
}

.rdrStaticRangeLabel {
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges {
  padding: 10px 0;
}

.rdrInputRange {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122);
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover {
  border-color: rgb(180, 191, 196);
  outline: 0;
  color: #333;
}

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after {
  content: "";
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive {
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span {
  color: #d5dce0;
}

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview {
  display: none;
}

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span {
  color: #aeb9bf;
}

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview {
  -webkit-filter: grayscale(100%) opacity(60%);
  filter: grayscale(100%) opacity(60%);
}

.rdrMonthName {
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}

/*# sourceMappingURL=main.a04a19698a7a18827880.css.map*/