/* node_modules/prosemirror-gapcursor/style/gapcursor.css */
.ProseMirror-gapcursor {
  display: none;
  pointer-events: none;
  position: absolute;
}

.ProseMirror-gapcursor:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  width: 20px;
  border-top: 1px solid black;
  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}

@keyframes ProseMirror-cursor-blink {
  to {
    visibility: hidden;
  }
}

.ProseMirror-focused .ProseMirror-gapcursor {
  display: block;
}

/* node_modules/prosemirror-view/style/prosemirror.css */
.ProseMirror {
  position: relative;
}

.ProseMirror {
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
}

.ProseMirror pre {
  white-space: pre-wrap;
}

.ProseMirror li {
  position: relative;
}

.ProseMirror-hideselection *::selection { background: transparent; }
.ProseMirror-hideselection *::-moz-selection { background: transparent; }
.ProseMirror-hideselection { caret-color: transparent; }

.ProseMirror-selectednode {
  outline: 2px solid #8cf;
}

/* Make sure li selections wrap around markers */

li.ProseMirror-selectednode {
  outline: none;
}

li.ProseMirror-selectednode:after {
  content: "";
  position: absolute;
  left: -32px;
  right: -2px; top: -2px; bottom: -2px;
  border: 2px solid #8cf;
  pointer-events: none;
}

/* src/js/activitybuilder/annotated-feedback/playground/annotations/arrow.styl */
.arrow-annotation {
  position: absolute;
}
.arrow-annotation .arrow-svg,
.arrow-annotation .arrow-outline-svg {
  vertical-align: unset;
  fill: none;
  stroke-dasharray: var(--arrow-length, 1000);
  stroke-dashoffset: var(--arrow-length, 1000);
  -webkit-animation: arrow-draw-animation 1s ease-in-out forwards;
  -moz-animation: arrow-draw-animation 1s ease-in-out forwards;
  -o-animation: arrow-draw-animation 1s ease-in-out forwards;
  -ms-animation: arrow-draw-animation 1s ease-in-out forwards;
  animation: arrow-draw-animation 1s ease-in-out forwards;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.arrow-annotation .arrow-svg {
  stroke: #c231a0;
  stroke-width: 4;
}
.arrow-annotation .arrow-outline-svg {
  stroke: #fff;
  stroke-width: 9;
}
@-moz-keyframes arrow-draw-animation {
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes arrow-draw-animation {
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes arrow-draw-animation {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes arrow-draw-animation {
  100% {
    stroke-dashoffset: 0;
  }
}

/* src/js/activitybuilder/annotated-feedback/playground/annotations/label.styl */
.label-annotation {
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  white-space: nowrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.label-annotation .label-wrapper {
  text-shadow: calc(1px * -1) calc(1px * -1) 0 #fff, calc(1px * -1) 1px 0 #fff, 1px calc(1px * -1) 0 #fff, 1px 1px 0 #fff, 0 calc(1px * -1) 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, calc(1px * -1) 0 0 #fff;
}
.label-annotation .prosemirror-container,
.label-annotation > span {
  display: inline-block;
  font-family: "gaegu";
  font-size: 29px;
  font-weight: 800;
  color: #c231a0;
}
.label-annotation .prosemirror-container .dcg-mathquill-wrapper,
.label-annotation > span .dcg-mathquill-wrapper {
  font-size: 22px;
}
.label-annotation .prosemirror-container .dcg-mq-paren path,
.label-annotation > span .dcg-mq-paren path {
  stroke: #fff;
  stroke-width: 5px;
}
.label-annotation.text-small .prosemirror-container,
.label-annotation.text-small > span {
  font-size: 22px;
}
.label-annotation.text-small .prosemirror-container .dcg-mathquill-wrapper,
.label-annotation.text-small > span .dcg-mathquill-wrapper {
  font-size: 16px;
}
.label-annotation.text-large .prosemirror-container,
.label-annotation.text-large > span {
  font-size: 44px;
}
.label-annotation.text-large .prosemirror-container .dcg-mathquill-wrapper,
.label-annotation.text-large > span .dcg-mathquill-wrapper {
  font-size: 30px;
}

/* src/js/activitybuilder/annotated-feedback/playground/annotations/lasso.styl */
.lasso-annotation {
  position: absolute;
}
.lasso-annotation .lasso-outline-svg,
.lasso-annotation .lasso-svg {
  fill: none;
  stroke-dasharray: var(--lasso-length, 3000);
  stroke-dashoffset: var(--lasso-length, 3000);
  -webkit-animation: lasso-draw-animation 1s ease-in-out forwards;
  -moz-animation: lasso-draw-animation 1s ease-in-out forwards;
  -o-animation: lasso-draw-animation 1s ease-in-out forwards;
  -ms-animation: lasso-draw-animation 1s ease-in-out forwards;
  animation: lasso-draw-animation 1s ease-in-out forwards;
  stroke-linecap: round;
}
.lasso-annotation .lasso-outline-svg {
  stroke: #fff;
  stroke-width: 9;
}
.lasso-annotation .lasso-svg {
  stroke: #c231a0;
  stroke-width: 4;
}
@-moz-keyframes lasso-draw-animation {
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes lasso-draw-animation {
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes lasso-draw-animation {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes lasso-draw-animation {
  100% {
    stroke-dashoffset: 0;
  }
}

/* src/js/activitybuilder/annotated-feedback/playground/annotations/line.styl */
.line-annotation {
  position: absolute;
}
.line-annotation .line-svg,
.line-annotation .line-outline-svg {
  vertical-align: unset;
  fill: none;
  stroke-dasharray: var(--line-length, 1000);
  stroke-dashoffset: var(--line-length, 1000);
  -webkit-animation: line-draw-animation 1s ease-in-out forwards;
  -moz-animation: line-draw-animation 1s ease-in-out forwards;
  -o-animation: line-draw-animation 1s ease-in-out forwards;
  -ms-animation: line-draw-animation 1s ease-in-out forwards;
  animation: line-draw-animation 1s ease-in-out forwards;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.line-annotation .line-svg {
  stroke: #c231a0;
  stroke-width: 4;
}
.line-annotation .line-outline-svg {
  stroke: #fff;
  stroke-width: 9;
}
@-moz-keyframes line-draw-animation {
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes line-draw-animation {
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes line-draw-animation {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes line-draw-animation {
  100% {
    stroke-dashoffset: 0;
  }
}

/* src/js/activitybuilder/annotated-feedback/playground/view.styl */
.feedback-annotation-container {
  position: relative;
}
.feedback-annotation {
  pointer-events: none;
}
.feedback-annotation.transient {
  -webkit-animation: transient-fade-animation 1s 1s ease-in-out forwards;
  -moz-animation: transient-fade-animation 1s 1s ease-in-out forwards;
  -o-animation: transient-fade-animation 1s 1s ease-in-out forwards;
  -ms-animation: transient-fade-animation 1s 1s ease-in-out forwards;
  animation: transient-fade-animation 1s 1s ease-in-out forwards;
}
.feedback-annotation.clear:not(.animationFinished) {
  -webkit-animation: clear-fade-animation 1s 0s ease-in-out forwards;
  -moz-animation: clear-fade-animation 1s 0s ease-in-out forwards;
  -o-animation: clear-fade-animation 1s 0s ease-in-out forwards;
  -ms-animation: clear-fade-animation 1s 0s ease-in-out forwards;
  animation: clear-fade-animation 1s 0s ease-in-out forwards;
}
.feedback-annotation.hidden {
  display: none;
}
@-moz-keyframes transient-fade-animation {
  80% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes transient-fade-animation {
  80% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes transient-fade-animation {
  80% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes transient-fade-animation {
  80% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes clear-fade-animation {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  20%, 100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes clear-fade-animation {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  20%, 100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes clear-fade-animation {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  20%, 100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes clear-fade-animation {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  20%, 100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

/* src/js/activitybuilder/components/action-button/miniscreen/view.scss */
.miniscreen-action-button-container {
  display: none;
}
/* src/js/activitybuilder/components/action-button/playground/view.scss */
.dcg-action-button-playground {
  text-align: left;
  margin: 0 auto 15px;
}
.dcg-action-button-playground.rtl-layout {
  text-align: right;
}
.dcg-action-button-playground.action-button-below-table {
  text-align: center;
}
.dcg-action-button-playground.has-snapshot-camera {
  margin-top: 26px;
}
.dcg-action-button-playground .dcg-action-button i {
  margin-right: 5px;
}
.dcg-action-button-playground .dcg-action-button.btn-secondary-red {
  color: #db2e00;
}
.dcg-action-button-playground .dcg-action-button.btn-secondary-red:hover {
  border-color: #db2e00;
  box-shadow: none;
}
.dcg-action-button-playground .dcg-action-button.amp-link {
  display: inline-block;
  height: 40px;
}
.dcg-action-button-playground .k5-button-secondary {
  box-shadow: var(--secondary-button-box-shadow-default);
  line-height: var(--secondary-button-line-height, 40px);
}
.dcg-action-button-playground .k5-button-secondary.dcg-hovered:not(.disabled) {
  box-shadow: var(--secondary-button-box-shadow-hover);
}
.dcg-action-button-playground .k5-button-secondary.dcg-depressed:not(.disabled) {
  box-shadow: var(--secondary-button-box-shadow-depressed);
  margin-top: var(--button-margin-top-depressed);
}
.dcg-action-button-playground [role=button]:not(.disabled) {
  pointer-events: auto;
}

@media screen and (min-width: 1500px) {
  .dcg-action-button-playground .dcg-action-button.amp-link {
    height: 45px;
  }
}
/* src/js/activitybuilder/components/ai-query/playground/view.scss */
.dcg-ai-query-playground {
  display: none;
}
/* src/js/activitybuilder/components/async/async-component-wrapper.scss */
.async-component-loading-failed {
  text-align: center;
  padding: 100px 50px;
}
.async-component-loading-failed .async-title {
  margin-bottom: 20px;
  color: #666;
  font-size: 150%;
}
.async-component-loading-failed .async-message {
  font-size: 115%;
  color: #999;
}
/* src/js/activitybuilder/components/cardsort/card-icons.scss */
.card-icons {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  overflow: hidden;
}
.card-icons .card-icon-group {
  position: relative;
  display: inline-block;
  vertical-align: top;
  pointer-events: none;
}
.card-icons .card-icon-group.clickable {
  pointer-events: all;
}
.card-icons .card-icon-group .card-icon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 35px;
  height: 46px;
  border-radius: var(--amp-border-radius, 0.1875em);
  border: 1px solid #fff;
}
.card-icons .card-icon-group .card-icon.correct {
  background-color: #3278c8;
}
.card-icons .card-icon-group .card-icon.incorrect {
  background: #ffc76d;
}
.card-icons .card-icon-group .card-icon.missing {
  background-color: #fff;
  border: 1px dashed #a0a0a0;
}
.card-icons .card-icon-group .card-icon.card {
  background-color: #bdbdbd;
  box-shadow: none;
}
.card-icons .card-icon-group .card-icon .card-icon-container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-icons .card-icon-group .card-icon .card-icon-container i {
  color: #fff;
}
.card-icons .card-icon-group.selected .card-icon {
  background-color: #3278c8;
}
/* src/js/activitybuilder/components/cardsort/miniscreen.scss */
.cardsort-miniscreen {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.cardsort-miniscreen .icon-container {
  font-size: 200%;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  padding-top: 10px;
  height: 50px;
  margin-top: -25px;
  color: #999;
  text-shadow: -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
}
/* src/js/activitybuilder/components/cardsort/playground/card-group.scss */
@keyframes cardsortCardBounceOnExpandCollapse {
  0% {
    max-height: 100vh;
  }
  50% {
    max-height: 100vh;
  }
}
@keyframes cardsortCardInnerBounceOnExpandCollapse {
  0% {
    padding: 0;
  }
  50% {
    padding: 5px 0;
  }
  100% {
    padding: 0;
  }
}
@keyframes cardsortCardBounceAfterCollapse {
  50% {
    max-height: var(--card-group-card-collapsed-height, 3.5px);
  }
}
.dcg-cardsort-group.drop-highlight.correct .cardsort-group-cards, .dcg-cardsort-group.drop-highlight.incorrect .cardsort-group-cards, .dcg-cardsort-group.drop-highlight.dimmed .cardsort-group-cards {
  padding-bottom: 0;
  background-color: transparent;
}
.dcg-cardsort-group.drop-highlight.dimmed .dcg-cardsort-card:first-child.dimmed {
  box-shadow: none;
}

.dcg-cardsort-group.incorrect.moving.dcg-hovered.dcg-depressed.dcg-focus-by-tap:not(.collapsed):not(.dragging) .dcg-cardsort-card,
.dcg-cardsort-group.correct.moving.dcg-hovered.dcg-depressed.dcg-focus-by-tap:not(.collapsed):not(.dragging) .dcg-cardsort-card,
.dcg-cardsort-group.correct.single:not(.collapsed):not(.dimmed):first-child .dcg-cardsort-card {
  box-shadow: none;
}

.dcg-cardsort-group .correctness-icon-container {
  cursor: pointer;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #fff;
  color: #fff;
  position: absolute;
  right: 6px;
  bottom: 6px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: var(--card-correctness-icon-font-size, 90%);
}
.dcg-cardsort-group.correct .correctness-icon-container {
  background: #3278c8;
}
.dcg-cardsort-group.correct .correctness-icon-container i {
  padding-left: 1px;
  padding-top: 3px;
}
.dcg-cardsort-group.incorrect .correctness-icon-container {
  background: #ffc76d;
}
.dcg-cardsort-group.incorrect .correctness-icon-container i {
  padding-top: 1px;
}

.dcg-cardsort-group:not(.dimmed).correct .cardsort-category-card, .dcg-cardsort-group:not(.dimmed).incorrect .cardsort-category-card, .dcg-cardsort-group.dimmed .highlight .cardsort-category-card {
  box-shadow: var(--card-correctness-no-border, inset 0 0 0 3px #fff);
}
.dcg-cardsort-group:not(.dimmed).correct .cardsort-category-card::before, .dcg-cardsort-group:not(.dimmed).incorrect .cardsort-category-card::before, .dcg-cardsort-group.dimmed .highlight .cardsort-category-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: var(--card-correctness-no-border, 3px solid #fff);
  border-radius: var(--card-border-radius, 5px);
}

.dcg-cardsort-group:not(.dimmed).correct .dcg-cardsort-card.collapsed:nth-child(n) {
  border: var(--card-correctness-border-width, 2px) solid #3278c8;
  border-top-width: 0;
  box-shadow: var(--card-correctness-not-single-box-shadow, 0 0 0 1px #3278c8);
}
.dcg-cardsort-group:not(.dimmed).correct .dcg-cardsort-card.collapsed:nth-child(n+3) {
  border-top-width: 1px;
}
.dcg-cardsort-group:not(.dimmed).correct .dcg-cardsort-card:not(.collapsed) {
  border: var(--card-correctness-border-width, 2px) solid #3278c8;
  box-shadow: var(--card-correctness-not-single-box-shadow, 0 0 0 1px #3278c8, 0 -3px #3278c8);
}
.dcg-cardsort-group:not(.dimmed).correct .dcg-cardsort-card:not(.collapsed):first-child {
  box-shadow: var(--card-correctness-not-single-box-shadow, 0 0 0 1px #3278c8);
}
.dcg-cardsort-group:not(.dimmed).correct .dcg-cardsort-card:not(.collapsed):first-child + .dcg-cardsort-card:not(.dragging), .dcg-cardsort-group:not(.dimmed).correct .dcg-cardsort-card:not(.collapsed):first-child + .dcg-cardsort-card.dragging + .dcg-cardsort-card {
  box-shadow: var(--card-correctness-not-single-box-shadow, 0 0 0 1px #3278c8, 0 -2px #3278c8);
}
.dcg-cardsort-group:not(.dimmed).correct .dcg-cardsort-card:not(.collapsed):first-child + .dcg-cardsort-card:not(.dragging)::after, .dcg-cardsort-group:not(.dimmed).correct .dcg-cardsort-card:not(.collapsed):first-child + .dcg-cardsort-card.dragging + .dcg-cardsort-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background-color: #3278c8;
}
.dcg-cardsort-group:not(.dimmed).correct .dcg-cardsort-card:not(.collapsed):not(:first-child) {
  border-top-width: var(--card-border-top-width, 0);
}
.dcg-cardsort-group:not(.dimmed).incorrect .dcg-cardsort-card.collapsed:nth-child(n) {
  border: var(--card-correctness-border-width, 2px) solid #ffc76d;
  border-top-width: 0;
  box-shadow: var(--card-correctness-not-single-box-shadow, 0 0 0 1px #ffc76d);
}
.dcg-cardsort-group:not(.dimmed).incorrect .dcg-cardsort-card.collapsed:nth-child(n+3) {
  border-top-width: 1px;
}
.dcg-cardsort-group:not(.dimmed).incorrect .dcg-cardsort-card:not(.collapsed) {
  border: var(--card-correctness-border-width, 2px) solid #ffc76d;
  box-shadow: var(--card-correctness-not-single-box-shadow, 0 0 0 1px #ffc76d, 0 -3px #ffc76d);
}
.dcg-cardsort-group:not(.dimmed).incorrect .dcg-cardsort-card:not(.collapsed):first-child {
  box-shadow: var(--card-correctness-not-single-box-shadow, 0 0 0 1px #ffc76d);
}
.dcg-cardsort-group:not(.dimmed).incorrect .dcg-cardsort-card:not(.collapsed):first-child + .dcg-cardsort-card:not(.dragging), .dcg-cardsort-group:not(.dimmed).incorrect .dcg-cardsort-card:not(.collapsed):first-child + .dcg-cardsort-card.dragging + .dcg-cardsort-card {
  box-shadow: var(--card-correctness-not-single-box-shadow, 0 0 0 1px #ffc76d, 0 -2px #ffc76d);
}
.dcg-cardsort-group:not(.dimmed).incorrect .dcg-cardsort-card:not(.collapsed):first-child + .dcg-cardsort-card:not(.dragging)::after, .dcg-cardsort-group:not(.dimmed).incorrect .dcg-cardsort-card:not(.collapsed):first-child + .dcg-cardsort-card.dragging + .dcg-cardsort-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background-color: #ffc76d;
}
.dcg-cardsort-group:not(.dimmed).incorrect .dcg-cardsort-card:not(.collapsed):not(:first-child) {
  border-top-width: var(--card-border-top-width, 0);
}
.dcg-cardsort-group.dimmed .dcg-cardsort-card.highlight.collapsed:nth-child(n) {
  border: var(--card-correctness-border-width, 2px) solid #3278c8;
  border-top-width: 0;
  box-shadow: var(--card-correctness-not-single-box-shadow, 0 0 0 1px #3278c8);
}
.dcg-cardsort-group.dimmed .dcg-cardsort-card.highlight.collapsed:nth-child(n+3) {
  border-top-width: 1px;
}
.dcg-cardsort-group.dimmed .dcg-cardsort-card.highlight:not(.collapsed) {
  border: var(--card-correctness-border-width, 2px) solid #3278c8;
  box-shadow: var(--card-correctness-not-single-box-shadow, 0 0 0 1px #3278c8, 0 -3px #3278c8);
}
.dcg-cardsort-group.dimmed .dcg-cardsort-card.highlight:not(.collapsed):first-child {
  box-shadow: var(--card-correctness-not-single-box-shadow, 0 0 0 1px #3278c8);
}
.dcg-cardsort-group.dimmed .dcg-cardsort-card.highlight:not(.collapsed):first-child + .dcg-cardsort-card:not(.dragging).highlight, .dcg-cardsort-group.dimmed .dcg-cardsort-card.highlight:not(.collapsed):first-child + .dcg-cardsort-card.dragging + .dcg-cardsort-card.highlight {
  box-shadow: var(--card-correctness-not-single-box-shadow, 0 0 0 1px #3278c8, 0 -2px #3278c8);
}
.dcg-cardsort-group.dimmed .dcg-cardsort-card.highlight:not(.collapsed):first-child + .dcg-cardsort-card:not(.dragging).highlight::after, .dcg-cardsort-group.dimmed .dcg-cardsort-card.highlight:not(.collapsed):first-child + .dcg-cardsort-card.dragging + .dcg-cardsort-card.highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background-color: #3278c8;
}
.dcg-cardsort-group.dimmed .dcg-cardsort-card.highlight:not(.collapsed):not(:first-child) {
  border-top-width: var(--card-border-top-width, 0);
}
.dcg-cardsort-group.dimmed .dcg-cardsort-card.dimmed + .dcg-cardsort-card:not(.dragging).highlight, .dcg-cardsort-group.dimmed .dcg-cardsort-card.dimmed + .dcg-cardsort-card.dragging + .dcg-cardsort-card.highlight {
  box-shadow: var(--card-correctness-not-single-box-shadow, 0 0 0 1px #3278c8, 0 -2px 0 1px #3278c8);
}

.dcg-cardsort-group.dimmed .dcg-cardsort-card.dimmed {
  border-color: #dadada;
  box-shadow: none;
}
.dcg-cardsort-group.dimmed .dcg-cardsort-card.dimmed:not(.first-child).collapsed {
  border-color: #dadada;
}
.dcg-cardsort-group.dimmed .dcg-cardsort-card.dimmed::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.75);
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
}

.dcg-cardsort-group .dcg-cardsort-card.missing-card,
.dcg-cardsort-group .dcg-cardsort-card.missing-card.dimmed {
  border-style: dashed;
  border-width: var(--card-correctness-missing-card-border-width, 1px);
  border-top-style: solid;
  border-color: var(--card-correctness-missing-card-border-color, #bdbdbd);
  height: var(--card-correctness-missing-card-height, 50px);
}

.dcg-cardsort-group.dimmed .dcg-cardsort-card.dimmed {
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  box-shadow: var(--card-not-single-box-shadow, none);
}

.dcg-cardsort-group.single.dimmed .dcg-cardsort-card.dimmed {
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  box-shadow: var(--card-box-shadow, none);
}

.cardsort-positioned-container .dcg-cardsort-group.incorrect .cardsort-group-cards .dcg-cardsort-card,
.cardsort-positioned-container .dcg-cardsort-group.correct .cardsort-group-cards .dcg-cardsort-card {
  border-radius: var(--card-correctness-border-radius);
}
.cardsort-positioned-container .dcg-cardsort-group.incorrect .cardsort-group-cards .dcg-cardsort-card.dcg-hovered:not(.collapsed):last-child,
.cardsort-positioned-container .dcg-cardsort-group.correct .cardsort-group-cards .dcg-cardsort-card.dcg-hovered:not(.collapsed):last-child {
  border-radius: var(--card-correctness-border-radius);
}
.cardsort-positioned-container .dcg-cardsort-group.dimmed:not(.correct):not(.incorrect) .cardsort-group-cards .dcg-cardsort-card.highlight.dcg-hovered .card-wrapper {
  border-radius: var(--card-correctness-dimmed-border-radius);
}

.dcg-cardsort-group {
  position: relative;
  z-index: 99;
  font-family: var(--card-font-family);
}
.dcg-cardsort-group.in-foreground {
  z-index: 100;
}
.dcg-cardsort-group .dcg-cardsort-card {
  position: relative;
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  box-shadow: var(--card-box-shadow, 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.12));
  background: var(--card-background, #fff);
  margin: 0 auto;
}
.dcg-cardsort-group .dcg-cardsort-card .card-wrapper {
  border: var(--card-wrapper-border, 1px solid #bdbdbd);
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  overflow: hidden;
}
.dcg-cardsort-group .dcg-cardsort-card .card-wrapper:focus-visible {
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  outline-offset: var(--card-single-outline-offset, 0);
}
.dcg-cardsort-group .dcg-cardsort-card:first-child {
  min-width: var(--card-width, 209px);
}
.dcg-cardsort-group .dcg-cardsort-card:not(:first-child) {
  min-width: var(--card-second-card-width, 200px);
  border-top-width: 0;
}
.dcg-cardsort-group .dcg-cardsort-card.dragging {
  display: none;
}
.dcg-cardsort-group .dcg-cardsort-card.dcg-hovered {
  box-shadow: var(--card-box-shadow, 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.115));
}
.dcg-cardsort-group .dcg-cardsort-card.moving {
  box-shadow: var(--card-box-shadow, 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 10px 20px rgba(0, 0, 0, 0.076), 0 6px 6px rgba(0, 0, 0, 0.092));
  transform: rotate(3deg);
  border: var(--card-wrapper-depressed-border);
}
.dcg-cardsort-group .dcg-cardsort-card.dcg-depressed {
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  box-shadow: var(--card-box-shadow, 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.115));
}
.dcg-cardsort-group .dcg-cardsort-card.dcg-depressed .card-wrapper {
  border: var(--card-wrapper-depressed-border, 1px solid #9c0d63);
}
.dcg-cardsort-group .dcg-cardsort-card.missing-card {
  background: var(--card-missing-card-background, #fff);
}
.dcg-cardsort-group.single .dcg-cardsort-card:hover, .dcg-cardsort-group.single .dcg-cardsort-card:active, .dcg-cardsort-group.single .dcg-cardsort-card:focus {
  box-shadow: var(--card-dragging-box-shadow, 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.115));
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  z-index: 100;
}
.dcg-cardsort-group.single .dcg-cardsort-card:hover .image-card, .dcg-cardsort-group.single .dcg-cardsort-card:active .image-card, .dcg-cardsort-group.single .dcg-cardsort-card:focus .image-card {
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  box-shadow: var(--card-dragging-image-box-shadow, 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.115));
}
.dcg-cardsort-group.single .dcg-cardsort-card.dcg-hovered {
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  box-shadow: var(--card-box-shadow, 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.115));
}
.dcg-cardsort-group.single .dcg-cardsort-card.dcg-depressed {
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  box-shadow: var(--card-box-shadow, 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.115));
}
.dcg-cardsort-group.single .dcg-cardsort-card.dcg-depressed .card-wrapper {
  border: var(--card-wrapper-depressed-border, 1px solid #9c0d63);
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card {
  overflow: auto;
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  box-shadow: var(--card-not-single-box-shadow, none);
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card .card-content:has(.mixed-text-container),
.dcg-cardsort-group:not(.single) .dcg-cardsort-card .card-content:has(.equation-card-container) {
  overflow-x: auto;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card .cardsort-typed-card,
.dcg-cardsort-group:not(.single) .dcg-cardsort-card .cardsort-category-card {
  min-width: 100%;
  width: min-content;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card .mixed-text-container {
  width: 100%;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card .card-wrapper:focus-visible {
  outline: 0;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card .card-wrapper:focus-visible::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 3px solid #9c0d63;
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card .card-wrapper:focus-visible .image-card-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 2px solid #9c0d63;
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card .image-card {
  box-shadow: 0 0 0 6px #b1b3b6;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:first-child {
  max-width: var(--card-width, 209px);
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  word-break: break-word;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:not(:first-child) {
  max-width: var(--card-second-card-width, 200px);
  border-radius: var(--card-border-radius, 0);
  border-bottom-left-radius: var(--card-border-radius, 0);
  border-bottom-right-radius: var(--card-border-radius, 0);
  word-break: break-word;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:not(:first-child) .card-wrapper {
  border-radius: var(--card-border-radius, 0);
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:last-child,
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:last-child .card-wrapper {
  border-bottom-left-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  border-bottom-right-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
}
.dcg-cardsort-group:not(.single).dcg-hovered:not(.moving) .dcg-cardsort-card {
  box-shadow: var(--card-not-single-box-shadow, 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.115));
}
.dcg-cardsort-group:not(.single).moving {
  transform: rotate(3deg);
  z-index: 100;
}
.dcg-cardsort-group:not(.single).moving .dcg-cardsort-card, .dcg-cardsort-group:not(.single).moving.dcg-hovered .dcg-cardsort-card {
  box-shadow: var(--card-box-shadow, 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 10px 20px rgba(0, 0, 0, 0.076), 0 6px 6px rgba(0, 0, 0, 0.092));
}
.dcg-cardsort-group:not(.single).moving .card-wrapper {
  border-color: #bdbdbd;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.dcg-hovered:not(.collapsed) {
  box-shadow: var(--card-not-single-box-shadow, 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.115));
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.dcg-hovered:not(.collapsed) .image-card {
  box-shadow: var(--card-dragging-image-box-shadow, 0 0 0 6px #b1b3b6);
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.dcg-hovered:not(.collapsed):last-child {
  border-bottom-left-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  border-bottom-right-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:last-child.dcg-depressed:not(.collapsed), .dcg-cardsort-group:not(.single) .dcg-cardsort-card:not(:first-child).dcg-depressed:not(.collapsed), .dcg-cardsort-group:not(.single) .dcg-cardsort-card:first-child.dcg-depressed:not(.collapsed) {
  box-shadow: var(--card-dragging-image-box-shadow, 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.115));
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:last-child.dcg-depressed:not(.collapsed) .image-card, .dcg-cardsort-group:not(.single) .dcg-cardsort-card:not(:first-child).dcg-depressed:not(.collapsed) .image-card, .dcg-cardsort-group:not(.single) .dcg-cardsort-card:first-child.dcg-depressed:not(.collapsed) .image-card {
  box-shadow: var(--card-dragging-image-box-shadow, 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.115));
}
.dcg-cardsort-group.drop-highlight {
  box-shadow: var(--card-drop-highlight-box-shadow, none);
  background-color: var(--card-drop-highlight-background-color, transparent);
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
}
.dcg-cardsort-group.drop-highlight .cardsort-group-cards {
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
}
.dcg-cardsort-group.drop-highlight .dcg-cardsort-card:not(:first-child) {
  box-shadow: none;
}
.dcg-cardsort-group.drop-highlight.single .dcg-cardsort-card.will-drop-before {
  border-top-left-radius: var(--card-border-radius, 0);
  border-top-right-radius: var(--card-border-radius, 0);
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  overflow: visible;
  box-shadow: var(--card-drop-highlight-single-box-shadow, 0 0 0 2px #fff);
  outline: var(--card-drop-highlight-single-outline, 4.5px solid var(--card-drop-highlight-color, #9c0d63));
  outline-offset: 2px;
  padding-top: 30px;
  background: var(--card-drop-highlight-color);
}
.dcg-cardsort-group.drop-highlight.single .dcg-cardsort-card.will-drop-before .card-wrapper {
  border: var(--card-wrapper-depressed-border, 1px solid #bdbdbd);
  border-top-left-radius: var(--card-border-radius, 0);
  border-top-right-radius: var(--card-border-radius, 0);
}
.dcg-cardsort-group.drop-highlight.single .dcg-cardsort-card.will-drop-before::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -4.5px;
  width: var(--card-drop-highlight-area-width, calc(100% + 9px));
  height: 30px;
  background: var(--card-drop-highlight-color, #9c0d63);
  border-top-left-radius: var(--card-border-radius, 6px);
  border-top-right-radius: var(--card-border-radius, 6px);
}
.dcg-cardsort-group.drop-highlight.single .dcg-cardsort-card.will-drop-after {
  border-bottom-left-radius: var(--card-border-radius, 0);
  border-bottom-right-radius: var(--card-border-radius, 0);
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  overflow: visible;
  box-shadow: var(--card-drop-highlight-single-box-shadow, 0 0 0 2px #fff);
  outline: var(--card-drop-highlight-single-outline, 4.5px solid var(--card-drop-highlight-color, #9c0d63));
  outline-offset: 2px;
  padding-bottom: 30px;
  background: var(--card-drop-highlight-color);
}
.dcg-cardsort-group.drop-highlight.single .dcg-cardsort-card.will-drop-after .card-wrapper {
  border: var(--card-wrapper-depressed-border, 1px solid #bdbdbd);
  border-bottom-left-radius: var(--card-border-radius, 0);
  border-bottom-right-radius: var(--card-border-radius, 0);
}
.dcg-cardsort-group.drop-highlight.single .dcg-cardsort-card.will-drop-after::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -4.5px;
  width: var(--card-drop-highlight-area-width, calc(100% + 9px));
  height: 30px;
  background: var(--card-drop-highlight-color, #9c0d63);
  border-bottom-left-radius: var(--card-border-radius, 6px);
  border-bottom-right-radius: var(--card-border-radius, 6px);
}
.dcg-cardsort-group.drop-highlight:not(.single) .cardsort-group-cards {
  padding-bottom: 5.5px;
  background-color: var(--card-drop-highlight-color, #9c0d63);
}
.dcg-cardsort-group.drop-highlight:not(.single) .dcg-cardsort-card .card-wrapper {
  border-radius: var(--card-border-radius, 0);
}
.dcg-cardsort-group.drop-highlight:not(.single) .dcg-cardsort-card.will-drop-before {
  border: 1px solid var(--card-drop-highlight-color, #9c0d63);
  margin-top: 30px;
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  border-left: var(--card-border-radius, 0);
  border-right: var(--card-border-radius, 0);
}
.dcg-cardsort-group.drop-highlight:not(.single) .dcg-cardsort-card.will-drop-after {
  border: 1px solid var(--card-drop-highlight-color, #9c0d63);
  margin-bottom: 30px;
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  border-left: var(--card-border-radius, 0);
  border-right: var(--card-border-radius, 0);
}
.dcg-cardsort-group.drop-highlight:not(.single) .dcg-cardsort-card:first-child {
  box-shadow: 0 0 0 4.5px var(--card-drop-highlight-color, #9c0d63);
}
.dcg-cardsort-group.drop-highlight:not(.single) .dcg-cardsort-card:first-child.will-drop-after {
  border-bottom: 0;
}
.dcg-cardsort-group.drop-highlight:not(.single) .dcg-cardsort-card:first-child.will-drop-after + .dcg-cardsort-card:not(.dragging), .dcg-cardsort-group.drop-highlight:not(.single) .dcg-cardsort-card:first-child.will-drop-after + .dcg-cardsort-card.dragging + .dcg-cardsort-card {
  border: 1px solid var(--card-drop-highlight-color, #9c0d63);
  margin-top: 30px;
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  border-left: var(--card-border-radius, 0);
  border-right: var(--card-border-radius, 0);
}
.dcg-cardsort-group .dcg-cardsort-card:not(:first-child) .card-content {
  transition: opacity 200ms ease-out;
}
.dcg-cardsort-group .dcg-cardsort-card:not(:first-child).collapsed .card-content {
  opacity: 0;
}
.dcg-cardsort-group .dcg-cardsort-card:not(:first-child).animating {
  animation: cardsortCardBounceOnExpandCollapse 200ms ease-out;
}
.dcg-cardsort-group .dcg-cardsort-card:not(:first-child).animating .card-wrapper {
  animation: cardsortCardInnerBounceOnExpandCollapse 200ms ease-out;
}
.dcg-cardsort-group .dcg-cardsort-card:not(:first-child).recently-collapsed:not(.animating) {
  animation: cardsortCardBounceAfterCollapse 200ms;
}
.dcg-cardsort-group .dcg-cardsort-card:not(:first-child).collapsed {
  overflow: hidden;
  margin: auto;
  min-width: 0;
  border-radius: 0 0 var(--card-border-radius, var(--amp-border-radius, 0.1875em)) var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  border-bottom-width: 1px;
  border-bottom-style: solid;
  transition-property: max-height, width;
  transition-duration: 200ms;
  transition-timing-function: ease-out, ease-in-out;
  max-height: var(--card-group-card-collapsed-height, 5px);
  width: var(--card-width, 200px);
}
.dcg-cardsort-group .dcg-cardsort-card:not(:first-child).collapsed.collapse-toggle-hovered {
  max-height: 6px;
}
.dcg-cardsort-group .dcg-cardsort-card:not(:first-child).collapsed:nth-child(2) {
  border-color: #bdbdbd;
  width: 200px;
}
.dcg-cardsort-group .dcg-cardsort-card:not(:first-child).collapsed:nth-child(3) {
  border-color: rgba(189, 189, 189, 0.85);
  width: 196px;
}
.dcg-cardsort-group .dcg-cardsort-card:not(:first-child).collapsed:nth-child(4) {
  border-color: rgba(189, 189, 189, 0.7);
  width: 192px;
}
.dcg-cardsort-group .dcg-cardsort-card:not(:first-child).collapsed:nth-child(5) {
  border-color: rgba(189, 189, 189, 0.55);
  width: 188px;
}
.dcg-cardsort-group .dcg-cardsort-card:not(:first-child).collapsed:nth-child(6) {
  border-color: rgba(189, 189, 189, 0.4);
  width: 184px;
}
.dcg-cardsort-group .dcg-cardsort-card:not(:first-child).collapsed:nth-child(n+7) {
  border-color: rgba(189, 189, 189, 0.25);
  width: 180px;
}

.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(1) {
  z-index: 99;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(1) {
  z-index: 199;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(2) {
  z-index: 98;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(2) {
  z-index: 198;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(3) {
  z-index: 97;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(3) {
  z-index: 197;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(4) {
  z-index: 96;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(4) {
  z-index: 196;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(5) {
  z-index: 95;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(5) {
  z-index: 195;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(6) {
  z-index: 94;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(6) {
  z-index: 194;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(7) {
  z-index: 93;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(7) {
  z-index: 193;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(8) {
  z-index: 92;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(8) {
  z-index: 192;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(9) {
  z-index: 91;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(9) {
  z-index: 191;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(10) {
  z-index: 90;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(10) {
  z-index: 190;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(11) {
  z-index: 89;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(11) {
  z-index: 189;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(12) {
  z-index: 88;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(12) {
  z-index: 188;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(13) {
  z-index: 87;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(13) {
  z-index: 187;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(14) {
  z-index: 86;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(14) {
  z-index: 186;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(15) {
  z-index: 85;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(15) {
  z-index: 185;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(16) {
  z-index: 84;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(16) {
  z-index: 184;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(17) {
  z-index: 83;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(17) {
  z-index: 183;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(18) {
  z-index: 82;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(18) {
  z-index: 182;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(19) {
  z-index: 81;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(19) {
  z-index: 181;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(20) {
  z-index: 80;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(20) {
  z-index: 180;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(21) {
  z-index: 79;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(21) {
  z-index: 179;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(22) {
  z-index: 78;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(22) {
  z-index: 178;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(23) {
  z-index: 77;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(23) {
  z-index: 177;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(24) {
  z-index: 76;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(24) {
  z-index: 176;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(25) {
  z-index: 75;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(25) {
  z-index: 175;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(26) {
  z-index: 74;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(26) {
  z-index: 174;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(27) {
  z-index: 73;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(27) {
  z-index: 173;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(28) {
  z-index: 72;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(28) {
  z-index: 172;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(29) {
  z-index: 71;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(29) {
  z-index: 171;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(30) {
  z-index: 70;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(30) {
  z-index: 170;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(31) {
  z-index: 69;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(31) {
  z-index: 169;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(32) {
  z-index: 68;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(32) {
  z-index: 168;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(33) {
  z-index: 67;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(33) {
  z-index: 167;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(34) {
  z-index: 66;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(34) {
  z-index: 166;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(35) {
  z-index: 65;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(35) {
  z-index: 165;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(36) {
  z-index: 64;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(36) {
  z-index: 164;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(37) {
  z-index: 63;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(37) {
  z-index: 163;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(38) {
  z-index: 62;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(38) {
  z-index: 162;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(39) {
  z-index: 61;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(39) {
  z-index: 161;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(40) {
  z-index: 60;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(40) {
  z-index: 160;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(41) {
  z-index: 59;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(41) {
  z-index: 159;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(42) {
  z-index: 58;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(42) {
  z-index: 158;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(43) {
  z-index: 57;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(43) {
  z-index: 157;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(44) {
  z-index: 56;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(44) {
  z-index: 156;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(45) {
  z-index: 55;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(45) {
  z-index: 155;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(46) {
  z-index: 54;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(46) {
  z-index: 154;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(47) {
  z-index: 53;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(47) {
  z-index: 153;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(48) {
  z-index: 52;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(48) {
  z-index: 152;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(49) {
  z-index: 51;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(49) {
  z-index: 151;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(50) {
  z-index: 50;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(50) {
  z-index: 150;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(51) {
  z-index: 49;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(51) {
  z-index: 149;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(52) {
  z-index: 48;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(52) {
  z-index: 148;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(53) {
  z-index: 47;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(53) {
  z-index: 147;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(54) {
  z-index: 46;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(54) {
  z-index: 146;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(55) {
  z-index: 45;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(55) {
  z-index: 145;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(56) {
  z-index: 44;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(56) {
  z-index: 144;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(57) {
  z-index: 43;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(57) {
  z-index: 143;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(58) {
  z-index: 42;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(58) {
  z-index: 142;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(59) {
  z-index: 41;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(59) {
  z-index: 141;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(60) {
  z-index: 40;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(60) {
  z-index: 140;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(61) {
  z-index: 39;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(61) {
  z-index: 139;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(62) {
  z-index: 38;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(62) {
  z-index: 138;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(63) {
  z-index: 37;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(63) {
  z-index: 137;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(64) {
  z-index: 36;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(64) {
  z-index: 136;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(65) {
  z-index: 35;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(65) {
  z-index: 135;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(66) {
  z-index: 34;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(66) {
  z-index: 134;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(67) {
  z-index: 33;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(67) {
  z-index: 133;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(68) {
  z-index: 32;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(68) {
  z-index: 132;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(69) {
  z-index: 31;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(69) {
  z-index: 131;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(70) {
  z-index: 30;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(70) {
  z-index: 130;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(71) {
  z-index: 29;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(71) {
  z-index: 129;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(72) {
  z-index: 28;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(72) {
  z-index: 128;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(73) {
  z-index: 27;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(73) {
  z-index: 127;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(74) {
  z-index: 26;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(74) {
  z-index: 126;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(75) {
  z-index: 25;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(75) {
  z-index: 125;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(76) {
  z-index: 24;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(76) {
  z-index: 124;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(77) {
  z-index: 23;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(77) {
  z-index: 123;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(78) {
  z-index: 22;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(78) {
  z-index: 122;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(79) {
  z-index: 21;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(79) {
  z-index: 121;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(80) {
  z-index: 20;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(80) {
  z-index: 120;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(81) {
  z-index: 19;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(81) {
  z-index: 119;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(82) {
  z-index: 18;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(82) {
  z-index: 118;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(83) {
  z-index: 17;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(83) {
  z-index: 117;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(84) {
  z-index: 16;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(84) {
  z-index: 116;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(85) {
  z-index: 15;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(85) {
  z-index: 115;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(86) {
  z-index: 14;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(86) {
  z-index: 114;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(87) {
  z-index: 13;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(87) {
  z-index: 113;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(88) {
  z-index: 12;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(88) {
  z-index: 112;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(89) {
  z-index: 11;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(89) {
  z-index: 111;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(90) {
  z-index: 10;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(90) {
  z-index: 110;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(91) {
  z-index: 9;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(91) {
  z-index: 109;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(92) {
  z-index: 8;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(92) {
  z-index: 108;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(93) {
  z-index: 7;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(93) {
  z-index: 107;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(94) {
  z-index: 6;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(94) {
  z-index: 106;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(95) {
  z-index: 5;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(95) {
  z-index: 105;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(96) {
  z-index: 4;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(96) {
  z-index: 104;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(97) {
  z-index: 3;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(97) {
  z-index: 103;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(98) {
  z-index: 2;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(98) {
  z-index: 102;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(99) {
  z-index: 1;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(99) {
  z-index: 101;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card:nth-child(100) {
  z-index: 0;
}
.dcg-cardsort-group:not(.single) .dcg-cardsort-card.highlight:nth-child(100) {
  z-index: 100;
}

.dcg-cardsort-group.single .dcg-cardsort-card.dragging {
  z-index: 100;
}

.dcg-cardsort-group.single .dcg-cardsort-card.dcg-depressed {
  z-index: 100;
}

.dcg-cardsort-group:not(.single):not(.moving):not(.drop-highlight).dcg-depressed .dcg-cardsort-card.dcg-depressed {
  box-shadow: var(--card-not-single-box-shadow, 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.115));
}

.dcg-cardsort-group:not(.single):not(.moving).drop-highlight.correct .dcg-cardsort-card:not(.dragging):not(.collapsed) {
  box-shadow: none;
  border: var(--card-correctness-border-width, 2px) solid #3278c8;
}

.dcg-cardsort-group:not(.single):not(.moving).drop-highlight.incorrect .dcg-cardsort-card:not(.dragging):not(.collapsed) {
  box-shadow: none;
  border: var(--card-correctness-border-width, 2px) solid #ffc76d;
}

@media screen and (max-width: 575px) {
  .dcg-cardsort-group .dcg-cardsort-card:first-child {
    min-width: 125.4px;
  }
  .dcg-cardsort-group .dcg-cardsort-card:not(:first-child) {
    min-width: 120px;
  }
  .dcg-cardsort-group .dcg-cardsort-card .cardsort-typed-card .image-card {
    box-shadow: none;
  }
  .dcg-cardsort-group:not(.single) .dcg-cardsort-card:first-child {
    max-width: 125.4px;
  }
  .dcg-cardsort-group:not(.single) .dcg-cardsort-card:not(:first-child) {
    max-width: 120px;
  }
}
/* src/js/activitybuilder/components/cardsort/playground/expanded-card.scss */
@keyframes subtleFadePulse {
  0% {
    opacity: 0.1;
    transform: scale(0.7, 0.7);
  }
  50% {
    opacity: 1;
    transform: scale(1.06, 1.06);
  }
  100% {
    transform: scale(1, 1);
  }
}
.expanded-card {
  position: absolute;
  top: var(--card-expanded-card-padding, 20px);
  left: var(--card-expanded-card-padding, 20px);
  bottom: var(--card-expanded-card-padding, 20px);
  right: var(--card-expanded-card-padding, 20px);
  z-index: 206;
}
.expanded-card:focus-visible {
  outline: 0;
}
.expanded-card .expanded-card-cover {
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  animation: fadeIn 0.3s;
  z-index: 201;
}
.expanded-card .expanded-card-container {
  cursor: default;
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  border: var(--card-expanded-card-container-border, 1px solid #a0a0a0);
  background: #fff;
  position: relative;
  min-width: var(--card-expanded-card-width, 400px);
  animation: subtleFadePulse 0.3s;
}
.expanded-card .expanded-card-container > div {
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
}
.expanded-card .expanded-card-container .cardsort-category-card {
  overflow: auto;
  border-radius: var(--card-border-radius, 2px);
}
.expanded-card .expanded-card-container .cardsort-category-card .prosemirror-container {
  font-size: var(--card-expanded-card-font-scale, 150%);
}
.expanded-card .expanded-card-container .cardsort-category-card .prosemirror-container p {
  line-height: 1.2em;
}
.expanded-card .expanded-card-container .long-string .prosemirror-container {
  margin: 0 auto;
}
.expanded-card .expanded-card-container .close-card-button {
  position: absolute;
  top: -1.5em;
  right: -1.5em;
}
.expanded-card .expanded-card-container .card-content:has(.mixed-text-container),
.expanded-card .expanded-card-container .card-content:has(.equation-card-container) {
  overflow-x: auto;
}
.expanded-card .expanded-card-container .card-content .mixed-text-display * {
  cursor: default;
}
.expanded-card .expanded-card-container .card-content .image-card {
  max-width: var(--card-expanded-card-width, 500px);
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
}
.expanded-card .expanded-card-container .card-content .equation-card-container {
  padding: var(--card-text-padding, 20px);
  font-size: var(--card-expanded-card-font-scale, 140%);
}
.expanded-card .expanded-card-container .card-content .mixed-text-container {
  padding: var(--card-text-padding, 20px);
  width: 100%;
  font-size: var(--card-expanded-card-font-scale, 120%);
  max-width: var(--card-typed-card-fit-content-width, 400px);
}
.expanded-card .expanded-card-container .card-content .mixed-text-container.text-only {
  max-width: var(--card-expanded-card-width, 400px);
}
.expanded-card .expanded-card-container .card-content .cardsort-category-card {
  padding: var(--card-text-padding, 20px);
  width: 100%;
}
.expanded-card .expanded-card-container .card-content .cardsort-category-card .prosemirror-container {
  width: var(--card-expanded-card-prosemirror-width, 400px);
}
.expanded-card .cardsort-positioned-container {
  z-index: 206;
}
.expanded-card.expanded-card--size-large .expanded-card-container {
  width: var(--card-expanded-card-min-content-width, 600px);
}
.expanded-card.expanded-card--size-large .image-card {
  max-width: var(--card-expanded-card-width, 600px);
}

@media screen and (max-width: 575px) {
  .expanded-card .expanded-card-container {
    min-width: var(--card-expanded-card-width, 300px);
  }
  .expanded-card .expanded-card-container .card-content .mixed-text-container {
    max-width: var(--card-expanded-card-width, 300px);
  }
  .expanded-card .expanded-card-container .card-content .cardsort-category-card .prosemirror-container {
    width: var(--card-expanded-card-width, 300px);
  }
  .expanded-card.expanded-card--size-large .expanded-card-container {
    width: var(--card-expanded-card-width, 600px);
  }
  .expanded-card.expanded-card--size-large .image-card {
    max-width: var(--card-expanded-card-width, 600px);
  }
}
/* src/js/activitybuilder/components/cardsort/playground/toggle-button.scss */
@keyframes cardsortCardBounceOnExpandCollapse {
  0% {
    max-height: 100vh;
  }
  50% {
    max-height: 100vh;
  }
}
@keyframes cardsortCardInnerBounceOnExpandCollapse {
  0% {
    padding: 0;
  }
  50% {
    padding: 5px 0;
  }
  100% {
    padding: 0;
  }
}
@keyframes cardsortCardBounceAfterCollapse {
  50% {
    max-height: var(--card-group-card-collapsed-height, 3.5px);
  }
}
.cardsort-toggle-button-container {
  position: sticky;
  bottom: 0;
  width: 40px;
  margin: 0 calc(50% - 20px);
  display: flex;
  justify-content: center;
  margin-top: var(--card-toggle-button-margin-top, -18px);
  z-index: 205;
}
.cardsort-toggle-button-container .dcg-tooltip-hit-area-container {
  cursor: pointer;
}
.cardsort-toggle-button-container .cardsort-toggle-button {
  position: relative;
  box-shadow: var(--card-box-shadow, 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.115));
}
.cardsort-toggle-button-container .cardsort-toggle-button.dimmed {
  box-shadow: none;
  border: 1px solid #e9e9e9;
}
.cardsort-toggle-button-container .cardsort-toggle-button.dimmed i {
  opacity: 0.5;
}
.cardsort-toggle-button-container:focus-visible {
  outline: none;
}
.cardsort-toggle-button-container:focus-visible .btn {
  outline: 3px solid #9c0d63;
}
.cardsort-toggle-button-container i {
  transition: transform 200ms ease-out;
}
.cardsort-toggle-button-container i.inverted {
  transform: rotate(-180deg);
}

.dcg-cardsort-group .cardsort-toggle-button-container .cardsort-toggle-button {
  border: none;
  color: var(--card-toggle-button-dimmed-color, #77787b);
  background-color: #fff;
}
.dcg-cardsort-group .cardsort-toggle-button-container .cardsort-toggle-button.dimmed {
  border: 1px solid #e9e9e9;
  color: var(--card-toggle-button-dimmed-color, #77787b);
}
.dcg-cardsort-group .cardsort-toggle-button-container .cardsort-toggle-button.dcg-hovered {
  background-color: #fff;
  box-shadow: var(--card-box-shadow, 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.12));
  color: var(--card-toggle-button-dimmed-color, #231f20);
}
/* src/js/activitybuilder/components/cardsort/playground/view.scss */
.cardsort {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-user-select: none;
          user-select: none;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-user-select: none;
  -webkit-touch-callout: none;
  overflow: hidden;
}
.cardsort .cardsort-inner {
  position: absolute;
  top: var(--card-inner-container-padding, 6px);
  left: 0;
  right: var(--card-inner-container-padding, 6px);
  bottom: 0;
}
.cardsort .cardsort-positioned-container {
  position: absolute;
}
.cardsort .dcg-cardsort-card {
  -webkit-user-select: none;
          user-select: none;
}
.cardsort .dcg-cardsort-card .dcg-calculator-api-container-v1_11 {
  pointer-events: none;
}
.cardsort .dcg-cardsort-card:focus.dcg-focus-by-tap {
  outline: 0;
}
.cardsort .dcg-cardsort-group.single .dcg-cardsort-card.size-large {
  min-width: var(--card-large-width, 300px);
}
.cardsort .dcg-cardsort-group.single .dcg-cardsort-card.size-large .cardsort-typed-card .mixed-text-container {
  max-width: var(--card-typed-card-fit-content-width, 300px);
  width: var(--card-typed-card-fit-content-width, 298px);
}
.cardsort .dcg-cardsort-group.single .dcg-cardsort-card.size-large .cardsort-typed-card .mixed-text-container.text-only {
  max-width: var(--card-large-width, 300px);
  width: var(--card-large-no-borders-width, 298px);
}
.cardsort .dcg-cardsort-group.single .dcg-cardsort-card.size-large .cardsort-typed-card .image-card {
  width: var(--card-large-no-borders-width, 298px);
  max-width: var(--card-large-no-borders-width, 298px);
}
.cardsort .dcg-cardsort-group.single .dcg-cardsort-card.size-large .cardsort-typed-card .cardsort-category-card {
  max-width: var(--card-large-width, 300px);
  width: var(--card-large-no-borders-width, 298px);
}
.cardsort .dcg-cardsort-group.single .dcg-cardsort-card.size-large .cardsort-typed-card .equation-card-container {
  width: var(--card-typed-card-fit-content-width, 298px);
}
.cardsort .cardsort-text-card .dcg-prosemirror-editor,
.cardsort .cardsort-category-card .dcg-prosemirror-editor {
  animation: none;
}
.cardsort .answer-key-container {
  background: #f7f7f7;
  position: absolute;
  left: 10px;
  bottom: 10px;
  border: 2px solid #bdbdbd;
  border-radius: 5px;
  padding: 10px;
}
.cardsort .answer-key-container .answer-key-header {
  text-transform: uppercase;
  color: #666;
}
.cardsort .answer-key-container .card-icons {
  margin-top: 0;
  padding: 10px 0 0 10px;
  height: 100%;
}
.cardsort .answer-key-container .card-icons .card-icon {
  background-color: #fff;
  border: 1px solid #3278c8;
}
.cardsort .answer-key-container .card-icons .card-icon-group.dcg-hovered .card-icon {
  background-color: #3f73a6;
  border-color: #fff;
}
.cardsort .answer-key-container .card-icons .card-icon-group.dcg-depressed .card-icon {
  background-color: #35608a;
  border-color: #fff;
}
.cardsort .answer-key-container .card-icons .card-icon-group.selected .card-icon {
  background-color: #3278c8;
  border-color: #fff;
}
.cardsort .answer-key-container .card-icons .card-icon-group.selected.dcg-hovered .card-icon {
  background-color: #3278c8;
  border-color: #fff;
}

.cardsort-offscreen-instructions {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.card-wrapper.dcg-hovered::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: var(--card-wrapper-hovered-border, 1px solid #bdbdbd);
  border-radius: var(--card-border-radius, 13);
}
/* src/js/activitybuilder/components/cardsort/shared/card.scss */
.cardsort-typed-card {
  min-width: var(--card-typed-card-width, 196px);
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  background: var(--card-background, #fff);
  cursor: pointer;
  text-align: center;
  color: var(--card-color, var(--amp-body-color, #3b3b3b));
  display: flex;
  justify-content: center;
}
.cardsort-typed-card .cardsort-text-card {
  flex-grow: 1;
}
.cardsort-typed-card .equation-card-container {
  padding: var(--card-text-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  font-size: var(--card-font-size-scale, 90%);
}
.cardsort-typed-card .mixed-text-container {
  padding: var(--card-text-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  font-size: 100%;
  text-align: left;
  width: var(--card-typed-card-fit-content-width, 196px);
}
.cardsort-typed-card .mixed-text-container.text-only {
  word-wrap: break-word;
  width: var(--card-typed-card-width, 196px);
}
.cardsort-typed-card .mixed-text-display * {
  cursor: pointer;
}
.cardsort-typed-card .cardsort-category-card {
  min-width: var(--card-typed-card-width, 196px);
  color: #fff;
  font-size: var(--card-font-size-scale, 30px);
  font-weight: var(--card-category-card-font-weight, 400);
  min-height: 80px;
  display: flex;
  flex-grow: 1;
  padding: var(--card-category-padding);
}
.cardsort-typed-card .cardsort-category-card .prosemirror-container {
  width: var(--card-category-card-prosemirror-width);
  padding: var(--card-category-card-prosemirror-padding, 10px);
  overflow-wrap: break-word;
  margin: auto;
}
.cardsort-typed-card .long-string {
  font-size: var(--card-font-size-scale, 25px);
}
.cardsort-typed-card .category-card-bg-red {
  background-color: #db2e00;
}
.cardsort-typed-card .category-card-bg-purple {
  background-color: #834fbf;
}
.cardsort-typed-card .category-card-bg-blue {
  background-color: #3278c8;
}
.cardsort-typed-card .category-card-bg-gold {
  background-color: #826101;
}
.cardsort-typed-card .category-card-bg-teal {
  background-color: #00866b;
}
.cardsort-typed-card .category-card-bg-brown {
  background-color: #76300f;
}
.cardsort-typed-card .category-card-bg-magenta {
  background-color: #9c0d63;
}
.cardsort-typed-card .cardsort-category-card.h3 {
  margin: 0;
}

@media screen and (max-width: 575px) {
  .cardsort-typed-card {
    min-width: 116px;
  }
  .cardsort-typed-card .mixed-text-container {
    width: 116px;
  }
  .cardsort-typed-card .cardsort-category-card {
    min-width: 116px;
    font-size: var(--card-font-size-scale, 20px);
    min-height: 50px;
  }
}
/* src/js/activitybuilder/components/challenge/challenge-thumb.scss */
.gallery-thumb {
  width: 100%;
  height: 100%;
  border: var(--challenge-creator-gallery-gallery-thumb-border, 1px solid #bdbdbd);
  border-radius: var(--challenge-creator-gallery-thumb-border-radius, var(--amp-border-radius, 0.1875em));
  position: relative;
}
.gallery-thumb.clickable {
  cursor: pointer;
  border: 1px solid #bdbdbd;
  border: var(--challenge-creator-gallery-gallery-thumb-border, 1px solid #bdbdbd);
}
.gallery-thumb.clickable ~ .dcg-comments-decorator-container {
  border-left: 1px solid #bdbdbd;
  border-top: 1px solid #bdbdbd;
  border-top-left-radius: var(--amp-border-radius, 0.1875em);
}
.gallery-thumb.clickable ~ .dcg-comments-decorator-container .dcg-comments-decorator {
  top: -1px;
  left: -1px;
}
.gallery-thumb.clickable.dcg-hovered, .gallery-thumb.clickable.dcg-hovered ~ .dcg-comments-decorator-container {
  border-color: #9c0d63;
}
.gallery-thumb.clickable.dcg-depressed, .gallery-thumb.clickable.dcg-depressed ~ .dcg-comments-decorator-container {
  border-color: #5e083b;
}
.gallery-thumb.clickable.dcg-hovered, .gallery-thumb.clickable.dcg-hovered ~ .dcg-comments-decorator-container {
  border-color: var(--challenge-creator-gallery-your-challenge-blue-color, #9c0d63);
  border-width: var(--challenge-creator-gallery-your-challenge-border-width-hovered, 1px);
  box-shadow: var(--challenge-creator-gallery-your-challenge-box-shadow);
}
.gallery-thumb.clickable.dcg-depressed, .gallery-thumb.clickable.dcg-depressed ~ .dcg-comments-decorator-container {
  border-color: var(--challenge-creator-gallery-your-challenge-blue-color, #5e083b);
  border-width: var(--challenge-creator-gallery-your-challenge-border-width-hovered, 1px);
  box-shadow: var(--challenge-creator-gallery-your-challenge-box-shadow);
}
.gallery-thumb:not(.clickable) {
  cursor: default;
}
.gallery-thumb .gallery-background,
.gallery-thumb .gallery-color-background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--challenge-creator-gallery-background-border-radius, var(--amp-border-radius, 0.1875em));
}
.gallery-thumb .cl-challenge-thumb,
.gallery-thumb .component-challenge-thumb {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  color: #fff;
  position: relative;
  text-align: left;
}
.gallery-thumb .cl-challenge-thumb.contains-image,
.gallery-thumb .component-challenge-thumb.contains-image {
  padding: 0;
}
.gallery-thumb .cl-challenge-thumb .fixed-aspect-parent,
.gallery-thumb .component-challenge-thumb .fixed-aspect-parent {
  display: flex;
  align-items: center;
  width: 100%;
}
.gallery-thumb .cl-challenge-thumb .fixed-aspect-container,
.gallery-thumb .component-challenge-thumb .fixed-aspect-container {
  margin: 0;
}
.gallery-thumb .cl-challenge-thumb .student-graph-thumb,
.gallery-thumb .cl-challenge-thumb .sketch-student-thumb,
.gallery-thumb .component-challenge-thumb .student-graph-thumb,
.gallery-thumb .component-challenge-thumb .sketch-student-thumb {
  border-radius: 2px;
}
.gallery-thumb .mixed-text-display .nobr {
  -webkit-line-clamp: 4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-width: 100%;
  pointer-events: none;
}
.gallery-thumb .mixed-text-response {
  position: relative;
}
.gallery-thumb .mixed-text-response.over-image {
  color: black;
}
.gallery-thumb .mixed-text-response.over-image .nobr {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  padding: 2px 6px;
}
/* src/js/activitybuilder/components/challenge/main.scss */
.gallery-container {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  padding-top: var(--challenge-creator-gallery-container-padding-top, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3));
  display: flex;
  flex-direction: row;
  color: var(--challenge-creator-font-color-default);
}
.gallery-container:not(.challenge-class-responses-container) {
  margin-top: var(--challenge-creator-landing-page-gallery-container-margin-top);
}
.gallery-container .gallery-section-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  height: 100%;
  margin-right: 175px;
  padding-top: 32px;
}
.gallery-container .gallery-section-empty span {
  color: #676767;
}
.gallery-container .gallery-section-empty img {
  width: 300px;
}

.gallery-container .gallery-classmates-section,
.cc-challenge-gallery .gallery-classmates-section {
  flex: 1;
}
.gallery-container .gallery-classmates-section .challenge-submitted-container,
.cc-challenge-gallery .gallery-classmates-section .challenge-submitted-container {
  display: flex;
  flex-flow: row wrap;
}
.gallery-container .gallery-classmates-section .challenge-submitted-container .student-name,
.gallery-container .gallery-classmates-section .challenge-submitted-container .challenge-response-student-name,
.gallery-container .gallery-classmates-section .challenge-submitted-container .challenge-entry-student-name,
.cc-challenge-gallery .gallery-classmates-section .challenge-submitted-container .student-name,
.cc-challenge-gallery .gallery-classmates-section .challenge-submitted-container .challenge-response-student-name,
.cc-challenge-gallery .gallery-classmates-section .challenge-submitted-container .challenge-entry-student-name {
  display: block;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gallery-container .gallery-section-title,
.cc-challenge-gallery .gallery-section-title {
  padding-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.gallery-container .gallery-section-empty,
.cc-challenge-gallery .gallery-section-empty {
  font-style: var(--challenge-creator-gallery-section-empty-font-style, italic);
  font-family: var(--challenge-creator-gallery-entry-container-font-family);
}

@media screen and (max-width: 575px) {
  .gallery-container {
    flex-direction: column;
  }
  .gallery-container .gallery-your-section,
  .gallery-container .gallery-classmates-section {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .gallery-container .gallery-section-empty {
    top: 275px;
    left: 0;
    width: 100%;
  }
  .gallery-container .gallery-section-empty img {
    margin-bottom: 20px;
  }
}
/* src/js/activitybuilder/components/challenge/miniscreen.scss */
.challenge-creator-miniscreen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 8px 0;
}
.challenge-creator-miniscreen .miniscreen-gallery-container {
  display: flex;
}
.challenge-creator-miniscreen .miniscreen-gallery-container .your-challenge,
.challenge-creator-miniscreen .miniscreen-gallery-container .class-challenge {
  border: 1px solid #bdbdbd;
  background: #e2e2e2;
  border-radius: 2px;
}
.challenge-creator-miniscreen .miniscreen-gallery-container .your-challenge {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.challenge-creator-miniscreen .miniscreen-gallery-container .class-challenges-container {
  flex: 1;
}
.challenge-creator-miniscreen .miniscreen-gallery-container .class-challenges-container .class-challenge {
  width: calc((100% - 21px) / 4);
  margin: 0 7px 7px 0;
  float: left;
}
.challenge-creator-miniscreen .miniscreen-gallery-container .class-challenges-container .class-challenge::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.challenge-creator-miniscreen .miniscreen-gallery-container .class-challenges-container .class-challenge:nth-of-type(4n) {
  margin-right: 0;
}
.challenge-creator-miniscreen .miniscreen-gallery-container .class-challenges-container .class-challenge:nth-of-type(4n + 1) {
  clear: both;
}

.navigation-miniscreen-container .challenge-creator-miniscreen .your-challenge {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
.navigation-miniscreen-container .challenge-creator-miniscreen .class-challenges-container .class-challenge {
  width: calc((100% - 12px) / 4);
  margin: 0 4px 4px 0;
}
/* src/js/activitybuilder/components/challenge/playground/challenge-entry.scss */
.gallery-your-section {
  width: 182px;
  margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) 0;
}
.gallery-your-section .created-challenge-entry .challenge-responses {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.gallery-your-section .created-challenge-entry .your-challenge,
.gallery-your-section .created-challenge-entry .your-challenge-completed {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 182px;
  min-height: 182px;
  position: relative;
}
.gallery-your-section .created-challenge-entry .your-challenge .cl-challenge-thumb,
.gallery-your-section .created-challenge-entry .your-challenge .gallery-color-background,
.gallery-your-section .created-challenge-entry .your-challenge-completed .cl-challenge-thumb,
.gallery-your-section .created-challenge-entry .your-challenge-completed .gallery-color-background {
  height: 182px;
}
.gallery-your-section .created-challenge-entry .your-challenge .component-challenge-thumb.contains-image,
.gallery-your-section .created-challenge-entry .your-challenge .gallery-color-background:has(~ .component-challenge-thumb.contains-image),
.gallery-your-section .created-challenge-entry .your-challenge-completed .component-challenge-thumb.contains-image,
.gallery-your-section .created-challenge-entry .your-challenge-completed .gallery-color-background:has(~ .component-challenge-thumb.contains-image) {
  height: var(--challenge-creator-gallery-your-challenge-size, 182px);
}
.gallery-your-section .created-challenge-entry .your-challenge {
  border: var(--challenge-creator-gallery-your-challenge-border, 1px solid #bdbdbd);
  padding: var(--challenge-creator-gallery-your-challenge-padding, 20px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) 3px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  border-radius: var(--challenge-creator-gallery-thumb-border-radius, var(--amp-border-radius, 0.1875em));
  text-align: center;
  font-size: var(--challenge-creator-gallery-your-challenge-font-size);
  line-height: var(--challenge-creator-gallery-your-challenge-line-height, 1.4rem);
  display: flex;
  align-items: center;
}
.gallery-your-section .created-challenge-entry .your-challenge.disabled {
  cursor: default;
  opacity: 0.5;
}
.gallery-your-section .created-challenge-entry .your-challenge:not(.disabled).dcg-hovered, .gallery-your-section .created-challenge-entry .your-challenge:not(.disabled).dcg-depressed {
  border: var(--challenge-creator-gallery-your-challenge-border-hovered, 1px solid #9c0d63);
  box-shadow: var(--challenge-creator-gallery-your-challenge-box-shadow);
}
.gallery-your-section .created-challenge-entry .challenge-submitting {
  animation: pulse 2s infinite;
  background: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 7px;
  border-radius: var(--challenge-creator-gallery-thumb-border-radius, var(--amp-border-radius, 0.1875em));
}
.gallery-your-section .created-challenge-entry .challenge-missing {
  justify-content: var(--challenge-creator-gallery-challenge-missing-justify-content);
  border: var(--challenge-creator-gallery-your-challenge-border, 1px solid #bdbdbd);
  color: var(--challenge-creator-gallery-challenge-missing-color, #a0a0a0);
  font-family: var(--font-family);
}
.gallery-your-section .created-challenge-entry .challenge-missing.dcg-hovered, .gallery-your-section .created-challenge-entry .challenge-missing.dcg-depressed {
  color: var(--challenge-creator-gallery-your-challenge-blue-color, #3278c8);
}
.gallery-your-section .created-challenge-entry .challenge-missing.dcg-hovered img, .gallery-your-section .created-challenge-entry .challenge-missing.dcg-depressed img {
  filter: none;
}
.gallery-your-section .created-challenge-entry .challenge-missing img {
  filter: grayscale(100%);
  width: 80%;
  margin-bottom: var(--challenge-creator-gallery-challenge-missing-img-margin-bottom, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.gallery-your-section .created-challenge-entry .challenge-missing span {
  inline-size: var(--challenge-creator-gallery-challenge-missing-inline-size);
}
.gallery-your-section .created-challenge-entry .resume-editing {
  border: var(--challenge-creator-gallery-your-challenge-border, 1px solid #bdbdbd);
  color: var(--challenge-creator-gallery-your-challenge-blue-color, #3278c8);
}
.gallery-your-section .created-challenge-entry .resume-editing img {
  filter: none;
}
.gallery-your-section .created-challenge-entry .challenge-stats-container {
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  font-family: var(--challenge-creator-gallery-entry-container-font-family);
}
.gallery-your-section .created-challenge-entry .challenge-stats-container .number-submitted {
  display: flex;
}
.gallery-your-section .created-challenge-entry .challenge-stats-container .number-submitted i {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
/* src/js/activitybuilder/components/challenge/playground/delete-challenge-confirmation-modal.scss */
.delete-challenge-confirmation-modal .delete-challenge-confirmation-modal-contents {
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  display: flex;
  flex-direction: column;
}
.delete-challenge-confirmation-modal .delete-challenge-confirmation-modal-actions {
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
/* src/js/activitybuilder/components/challenge/playground/gallery-entry.scss */
.challenge-entry-container {
  margin: 10px;
  margin-top: var(--challenge-creator-gallery-entry-container-no-margin, 10px);
}
.challenge-entry-container .challenge-gallery-entry {
  width: 117px;
  height: 117px;
  position: relative;
}
.challenge-entry-container .challenge-gallery-entry:has(.component-challenge-thumb.contains-image) {
  height: var(--challenge-creator-gallery-classmate-challenge-size, 117px);
  width: var(--challenge-creator-gallery-classmate-challenge-size, 117px);
}
.challenge-entry-container .challenge-gallery-entry .completed-challenge {
  background: var(--challenge-creator-gallery-completed-challenge-background, rgba(0, 0, 0, 0.6));
  color: var(--challenge-creator-font-color-default, #fff);
  border-radius: 50%;
  width: var(--challenge-creator-gallery-completed-challenge-measure, 40px);
  height: var(--challenge-creator-gallery-completed-challenge-measure, 40px);
  text-align: center;
  position: absolute;
  top: 50%;
  right: 50%;
  margin: var(--challenge-creator-gallery-completed-challenge-margin, -20px -20px 0 0);
}
.challenge-entry-container .challenge-gallery-entry .completed-challenge i {
  line-height: var(--challenge-creator-gallery-completed-challenge-measure, 40px);
  font-size: var(--challenge-creator-gallery-completed-challenge-icon-font-size, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  margin: auto;
}
.challenge-entry-container .challenge-entry-student-name {
  font-family: var(--challenge-creator-gallery-entry-container-font-family);
  max-width: 117px;
  font-weight: var(--challenge-creator-gallery-student-name-font-weight, 500);
}
.challenge-entry-container .challenge-stats-container {
  width: 117px;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0;
  padding-bottom: var(--challenge-creator-stats-container-padding-bottom, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
}
.challenge-entry-container .challenge-stats-container .number-submitted {
  font-family: var(--challenge-creator-gallery-entry-container-font-family);
  display: flex;
}
.challenge-entry-container .challenge-stats-container .number-submitted i {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
/* src/js/activitybuilder/components/challenge/playground/gallery.scss */
.challenge-playground {
  width: 100%;
}
.challenge-playground .gallery-contents-container {
  animation: fadeIn 0.3s;
}
.challenge-playground .gallery-contents-container .ribbon-container {
  max-width: var(--challenge-creator-ribbon-max-width, 400px);
  min-width: 200px;
  width: 75%;
  text-align: center;
  animation: fadeIn 0.3s;
  color: #fff;
  margin: auto;
  height: 50px;
  position: relative;
  z-index: 0;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  height: var(--challenge-creator-ribbon-height, 50px);
}
.challenge-playground .gallery-contents-container .ribbon-container::before, .challenge-playground .gallery-contents-container .ribbon-container::after {
  content: "";
  display: block;
  border: 25px solid var(--challenge-creator-ribbon-behind-color, #4079b1);
  z-index: -1;
}
.challenge-playground .gallery-contents-container .ribbon-container::before {
  position: absolute;
  top: 15px;
  left: -45px;
  border-right-width: 60px;
  border-left-color: transparent;
}
.challenge-playground .gallery-contents-container .ribbon-container::after {
  position: absolute;
  top: 15px;
  right: -45px;
  border-left-width: 60px;
  border-right-color: transparent;
}
.challenge-playground .gallery-contents-container .ribbon-container .ribbon-title {
  background: var(--challenge-creator-ribbon-main-color, #3278c8);
  line-height: 50px;
}
.challenge-playground .gallery-contents-container .ribbon-container .ribbon-title::before, .challenge-playground .gallery-contents-container .ribbon-container .ribbon-title::after {
  content: "";
  display: block;
  border-style: solid;
  border-color: var(--challenge-creator-ribbon-shadow-color, #336699) transparent transparent transparent;
}
.challenge-playground .gallery-contents-container .ribbon-container .ribbon-title::before {
  position: absolute;
  bottom: -15px;
  left: 0;
  border-width: 15px 0 0 40px;
}
.challenge-playground .gallery-contents-container .ribbon-container .ribbon-title::after {
  position: absolute;
  bottom: -15px;
  right: 0;
  border-width: 15px 40px 0 0;
}
.challenge-playground .gallery-contents-container .ribbon-container::before, .challenge-playground .gallery-contents-container .ribbon-container::after {
  border-width: var(--challenge-creator-ribbon-border-width, 25px);
}
.challenge-playground .gallery-contents-container .ribbon-container::before {
  left: var(--challenge-creator-ribbon-behind-absolute-position, -45px);
  border-right-width: 60px;
}
.challenge-playground .gallery-contents-container .ribbon-container::after {
  right: var(--challenge-creator-ribbon-behind-absolute-position, -45px);
  border-left-width: 60px;
}
.challenge-playground .gallery-contents-container .ribbon-container .ribbon-title {
  line-height: var(--challenge-creator-ribbon-line-height, 50px);
  color: var(--challenge-creator-font-color-default);
  font-weight: var(--challenge-creator-ribbon-title-font-weight);
  padding: var(--challenge-creator-ribbon-padding);
  margin-bottom: 15px;
}
.challenge-playground .gallery-contents-container .ribbon-container .ribbon-title.h3 {
  margin-top: 0;
}
.challenge-playground .gallery-contents-container .visit-dashboard-container {
  font-style: italic;
  color: #676767;
  border-radius: var(--amp-border-radius, 0.1875em);
  border: 1px dashed #bdbdbd;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
/* src/js/activitybuilder/components/challenge/playground/responses-view.scss */
.responses-view {
  animation: fadeIn 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.responses-view .response-ribbon {
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 3px;
  background: rgba(0, 0, 0, 0.5);
  padding: var(--challenge-creator-gallery-response-ribbon-padding, 4px 7px);
  color: #fff;
  text-transform: uppercase;
  font-size: var(--challenge-creator-gallery-responses-container-font-size, 70%);
  font-weight: var(--challenge-creator-gallery-response-ribbon-font-weight);
}
.responses-view .challenge-class-responses-container .challenge-response {
  font-family: var(--challenge-creator-gallery-entry-container-font-family);
  margin: 0 var(--challenge-creator-gallery-section-empty-margin-unit, 20px) var(--challenge-creator-gallery-section-empty-margin-unit, 20px) 0;
}
.responses-view .challenge-class-responses-container .challenge-response .student-name,
.responses-view .challenge-class-responses-container .challenge-response .challenge-response-student-name {
  max-width: 150px;
}
.responses-view .challenge-class-responses-container .challenge-response .challenge-response-student-name {
  font-weight: var(--challenge-creator-gallery-response-student-name-font-weight);
  margin-bottom: var(--challenge-creator-gallery-response-student-name-margin-bottom, 5px);
}
.responses-view .challenge-class-responses-container .challenge-response-thumb {
  width: var(--challenge-creator-response-thumb, 150px);
  height: var(--challenge-creator-response-thumb, 150px);
  position: relative;
  font-size: var(--challenge-creator-gallery-responses-container-font-size, 110%);
}
.responses-view .challenge-class-responses-container .gallery-classmates-section {
  display: var(--challenge-creator-gallery-classmates-section, block);
}
.responses-view .challenge-class-responses-container .gallery-section-empty {
  position: var(--challenge-creator-gallery-section-empty-position, absolute);
  top: var(--challenge-creator-gallery-section-empty-position-unit, 135px);
  left: var(--challenge-creator-gallery-section-empty-position-unit, 200px);
  font-family: var(--challenge-creator-gallery-responses-container-font-family);
  padding-top: var(--challenge-creator-gallery-section-empty-padding-top, 32px);
  justify-content: var(--challenge-creator-gallery-section-empty-justify-content, space-around);
}

@media screen and (max-width: 575px) {
  .responses-view .challenge-class-responses-container .gallery-section-empty {
    left: 0;
  }
}
/* src/js/activitybuilder/components/challenge/playground/translate-view.scss */
.challenge-playground {
  width: 100%;
}
.challenge-playground .translate-gallery-contents-container {
  animation: fadeIn 0.3s;
}
.challenge-playground .translate-gallery-contents-container .ribbon-container {
  max-width: 400px;
  min-width: 200px;
  width: 75%;
  text-align: center;
  animation: fadeIn 0.3s;
  color: #fff;
  margin: auto;
  height: 50px;
  position: relative;
  z-index: 0;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.challenge-playground .translate-gallery-contents-container .ribbon-container::before, .challenge-playground .translate-gallery-contents-container .ribbon-container::after {
  content: "";
  display: block;
  border: 25px solid #4079b1;
  z-index: -1;
}
.challenge-playground .translate-gallery-contents-container .ribbon-container::before {
  position: absolute;
  top: 15px;
  left: -45px;
  border-right-width: 60px;
  border-left-color: transparent;
}
.challenge-playground .translate-gallery-contents-container .ribbon-container::after {
  position: absolute;
  top: 15px;
  right: -45px;
  border-left-width: 60px;
  border-right-color: transparent;
}
.challenge-playground .translate-gallery-contents-container .ribbon-container .ribbon-title {
  background: #3278c8;
  line-height: 50px;
}
.challenge-playground .translate-gallery-contents-container .ribbon-container .ribbon-title::before, .challenge-playground .translate-gallery-contents-container .ribbon-container .ribbon-title::after {
  content: "";
  display: block;
  border-style: solid;
  border-color: #336699 transparent transparent transparent;
}
.challenge-playground .translate-gallery-contents-container .ribbon-container .ribbon-title::before {
  position: absolute;
  bottom: -15px;
  left: 0;
  border-width: 15px 0 0 40px;
}
.challenge-playground .translate-gallery-contents-container .ribbon-container .ribbon-title::after {
  position: absolute;
  bottom: -15px;
  right: 0;
  border-width: 15px 40px 0 0;
}
.challenge-playground .translate-gallery-contents-container .visit-dashboard-container {
  font-style: italic;
  color: var(--amp-body-color, #3b3b3b);
  border-radius: var(--amp-border-radius, 0.1875em);
  border: 1px dashed #bdbdbd;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.challenge-playground .translate-gallery-contents-container .gallery-your-section {
  width: -moz-fit-content;
  width: fit-content;
}
.challenge-playground .translate-gallery-contents-container .gallery-your-section .created-challenge-entry {
  width: 250px;
  height: 250px;
  position: relative;
  font-size: 200%;
  line-height: normal;
  background: #e9e9e9;
  border: 1px solid #bdbdbd;
  padding: 80px 10px 10px;
  border-radius: var(--amp-border-radius, 0.1875em);
  text-align: center;
}
.challenge-playground .translate-gallery-contents-container .gallery-your-section .created-challenge-entry.dcg-hovered, .challenge-playground .translate-gallery-contents-container .gallery-your-section .created-challenge-entry.dcg-depressed {
  border: 1px solid #9c0d63;
  box-shadow: 0 0 0 1px #9c0d63;
}
/* src/js/activitybuilder/components/challenge/sandbox-header.scss */
.sandbox-header {
  display: flex;
  align-items: center;
  background: var(--challenge-creator-sandbox-header-background, #3278c8);
  position: relative;
  height: var(--challenge-creator-student-header-height, 55px);
  color: #fff;
  padding: 0 var(--challenge-creator-sandbox-header-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  font-family: var(--font-family);
}
.sandbox-header.row {
  margin-left: 0;
  margin-right: 0;
}
.sandbox-header.scrolled {
  z-index: 1;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  border-color: #e2e2e2;
}
.sandbox-header.fade-in {
  animation: fadeIn 0.3s;
}
.sandbox-header > .header-back-arrow {
  margin-left: var(--challenge-creator-header-back-arrow-margin-left, calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5));
}
.sandbox-header .btn {
  height: 2.5em;
  line-height: var(--sandbox-header-btn-line-height, 2.375em);
}
.sandbox-header .btn label {
  z-index: 1;
}
.sandbox-header .btn.btn-secondary {
  border: 1px solid transparent;
}
.sandbox-header .btn.btn-secondary:hover {
  border: 1px solid transparent;
}
.sandbox-header .sandbox-header-content-left,
.sandbox-header .sandbox-header-content-center,
.sandbox-header .sandbox-header-content-right {
  padding: 0 var(--challenge-creator-sandbox-header-padding, 15px);
}
.sandbox-header .sandbox-header-content-left {
  font-family: var(--font-family);
}
.sandbox-header .sandbox-header-content-left .challenge-name-container,
.sandbox-header .sandbox-header-content-left .challenge-author-name {
  width: 100%;
}
.sandbox-header .sandbox-header-content-right {
  display: flex;
  justify-content: flex-end;
  font-family: var(--font-family);
}
.sandbox-header .sandbox-header-content-right .navigation-container {
  justify-content: flex-end;
}
.sandbox-header .sandbox-header-content-right .response-navigation {
  padding-right: var(--challenge-creator-sandbox-header-no-padding-right, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  color: var(--challenge-creator-font-color-default, #fff);
  line-height: var(--challenge-creator-response-navigation-line-height);
}
.sandbox-header .sandbox-header-content-center {
  text-align: center;
  display: flex;
  justify-content: center;
}
.sandbox-header .sandbox-header-content-center .centered-header-button {
  margin: 0;
}
.sandbox-header .sandbox-header-content-center .btn {
  color: var(--challenge-creator-btn-color, #fff);
}
.sandbox-header .navigation-container {
  display: flex;
  align-items: center;
  text-align: center;
  padding-right: var(--challenge-creator-sandbox-header-no-padding-right, 8px);
}
.sandbox-header .navigation-container .btn {
  border-color: var(--challenge-creator-nav-btn-border);
}
.sandbox-header .navigation-container .btn:first-of-type {
  margin-right: var(--challenge-creator-navigation-stepper-btn-margin-right, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.sandbox-header .navigation-container .forward-icon {
  margin-left: 5px;
  margin-right: -5px;
  font-size: 85%;
  display: inline-block;
}
.sandbox-header .navigation-container .previous-icon {
  font-size: 85%;
  display: inline-block;
}
.sandbox-header .challenge-author-name .cc-student-name-container,
.sandbox-header .challenge-responder-name .cc-student-name-container {
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.sandbox-header .challenge-author-name.your-response:not(.your-challenge) > span,
.sandbox-header .challenge-responder-name.your-response:not(.your-challenge) > span {
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sandbox-header .challenge-author-name {
  line-height: var(--challenge-creator-author-name-line-height, 55px);
  font-size: var(--challenge-creator-author-name-font-size, 130%);
  font-weight: var(--font-weight-bold, 400);
  color: var(--challenge-creator-font-color-default, rgba(255, 255, 255, 0.9));
  width: 100%;
}
.sandbox-header .challenge-author-name .cc-student-name-container {
  max-width: calc(100% - 160px);
}
.sandbox-header .challenge-author-name.is-viewing-response {
  line-height: var(--challenge-creator-author-name-line-height, initial);
}
.sandbox-header .your-challenge-dropdown .challenge-options-menu {
  vertical-align: middle;
}
.sandbox-header .your-challenge-dropdown .dropdown-container {
  margin-top: var(--challenge-creator-dropdown-container-margin-top, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.sandbox-header .your-challenge-dropdown .dropdown-container:not(.dropdown-pops-up) .dropdown-container-inner {
  box-shadow: var(--challenge-creator-dropdown-container-inner-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.2));
  border: var(--challenge-creator-dropdown-container-inner-border, 1px solid #bdbdbd);
  border-radius: var(--challenge-creator-dropdown-container-inner-border-radius, 3px);
  padding: var(--challenge-creator-dropdown-container-inner-padding, 6px) 0;
}
.sandbox-header .your-challenge-dropdown .challenge-options-anchor {
  display: flex;
  align-items: center;
  color: var(--challenge-creator-font-color-default, #fff);
}
.sandbox-header .your-challenge-dropdown .challenge-options-title {
  padding: 0 calc(var(--rhythm-unit-px, 12) / 16 * 1rem * (var(--challenge-creator-options-title-padding-right-rhythm-units, 0.5))) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  font-weight: var(--font-weight-bold, 400);
}
.sandbox-header .your-challenge-dropdown .submitted-check {
  line-height: 1em;
}
.sandbox-header .your-challenge-dropdown .dropdown-anchor-caret {
  vertical-align: middle;
}
.sandbox-header .your-challenge-dropdown .dropdown-choice {
  display: flex;
  align-items: center;
  line-height: var(--challenge-creator-dropdown-choice-line-height);
}
.sandbox-header .your-challenge-dropdown .dropdown-choice:not(.dropdown-choice-disabled):hover {
  background-color: var(--challenge-creator-your-challenge-dropdown-background-color-hover, #f6f6f6);
}
.sandbox-header .your-challenge-dropdown .dropdown-choice:not(.dropdown-choice-disabled):active {
  background-color: var(--challenge-creator-your-challenge-dropdown-background-color-active, #e9e9e9);
}
.sandbox-header .your-challenge-dropdown .dropdown-choice .option-icon-container {
  width: var(--challenge-creator-option-icon-container-width, 20px);
  margin-right: var(--challenge-creator-option-icon-container-margin-right, 14px);
}
.sandbox-header .your-challenge-dropdown .dropdown-choice .option-icon-container .option-icon {
  width: var(--challenge-creator-option-icon-size);
  height: var(--challenge-creator-option-icon-size);
}
.sandbox-header .your-challenge-dropdown .dropdown-choice .option-icon-container .option-icon img {
  width: auto;
  height: auto;
}
.sandbox-header .your-challenge-dropdown .dropdown-choice.delete-challenge {
  color: var(--challenge-creator-font-color-default, #db2e00);
}
.sandbox-header .your-challenge-dropdown .dropdown-choice.delete-challenge .option-icon-container {
  color: var(--challenge-creator-delete-challenge-icon-color);
}
.sandbox-header .your-challenge-dropdown .dropdown-choice.delete-response .option-icon-container {
  color: var(--challenge-creator-delete-response-icon-color);
}
.sandbox-header .your-challenge-dropdown .btn {
  color: #fff;
}
.sandbox-header .challenge-responder-name {
  margin: 0 auto;
  line-height: var(--challenge-creator-responder-name-line-height, initial);
  color: var(--challenge-creator-font-color-default, rgba(255, 255, 255, 0.9));
  display: flex;
  align-items: center;
  width: 100%;
}
.sandbox-header .challenge-responder-name > div:not(.your-challenge-dropdown) {
  width: 100%;
}
.sandbox-header .challenge-responder-name .cc-student-name-container {
  max-width: calc(100% - 140px);
}
.sandbox-header .challenge-responder-name .your-challenge-dropdown {
  display: inline-block;
  margin-left: calc(var(--rhythm-unit-px, 12) / 16 * 1rem * (var(--challenge-creator-responder-name-separator-rhythm-units, 1)));
  position: relative;
}
.sandbox-header .challenge-responder-name .your-challenge-dropdown::before {
  content: "";
  width: var(--challenge-creator-your-challenge-dropdown-before-width, 1px);
  height: 1em;
  position: absolute;
  top: 0.25em;
  left: 0;
  background: var(--challenge-creator-font-color-default, #fff);
}
.sandbox-header .challenge-responder-name .your-challenge-dropdown .dropdown-container {
  margin-top: auto;
}
.sandbox-header .challenge-responder-name .your-challenge-dropdown .challenge-options-title {
  padding-left: var(--challenge-creator-options-title-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  padding-right: var(--challenge-creator-sandbox-header-no-padding-right, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  font-weight: var(--font-weight-default, 400);
}
.sandbox-header .challenge-responder-name .dcg-shared-dropdown-popover-container {
  padding: 0 calc(var(--rhythm-unit-px, 12) / 16 * 1rem * (var(--challenge-creator-responder-name-separator-rhythm-units, 1)));
}
.sandbox-header .back-to-dashboard {
  padding: 10px;
  font-size: 120%;
  line-height: initial;
}
.sandbox-header .response-navigation {
  line-height: var(--challenge-creator-response-navigation-line-height, 1em);
  position: relative;
  display: flex;
}
.sandbox-header .response-navigation .student-count {
  display: flex;
  align-items: center;
  font-weight: var(--challenge-creator-response-navigation-student-count-font-weight, 400);
}
.sandbox-header .response-navigation .student-count .student-count-number {
  font-weight: 500;
}
.sandbox-header .response-navigation .navigation-arrows {
  display: flex;
  flex-direction: column;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.sandbox-header .response-navigation .navigation-arrows i {
  color: var(--challenge-creator-navigation-arrows-color, #fff);
  border-radius: var(--rectangle-btn-border-radius, 50%);
  cursor: pointer;
}
.sandbox-header .response-navigation .navigation-arrows i::before {
  height: var(--sandbox-header-nav-btn-height);
  display: flex;
  align-items: center;
}
.sandbox-header .response-navigation .navigation-arrows i:not(.disabled).dcg-hovered, .sandbox-header .response-navigation .navigation-arrows i:not(.disabled):focus-visible {
  background: var(--challenge-creator-navigation-arrows-background, rgba(0, 0, 0, 0.05));
  color: var(--challenge-creator-navigation-arrows-color-hovered);
}
.sandbox-header .response-navigation .navigation-arrows i:not(.disabled).dcg-depressed {
  background: var(--challenge-creator-navigation-arrows-background, rgba(0, 0, 0, 0.1));
  color: var(--challenge-creator-navigation-arrows-color-depressed);
}
.sandbox-header .response-navigation .navigation-arrows i.disabled {
  cursor: default;
  opacity: 0.4;
}
.sandbox-header .response-navigation .navigation-arrows i.icon-v2-caret-up::before {
  position: relative;
  top: -1.5px;
}

.modal-container .sandbox-header .response-navigation {
  margin-right: 8px;
}

@media screen and (max-width: 575px) {
  .sandbox-header .sandbox-header-content-center {
    text-align: left;
  }
}
/* src/js/activitybuilder/components/challenge/sandbox-view.scss */
.playground-challenge-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
}
.playground-challenge-container .playground-challenge-contents {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: var(--challenge-creator-student-header-height, 55px);
  display: flex;
  flex-direction: column;
}
.playground-challenge-container .playground-challenge {
  flex: 1;
  overflow: auto;
  position: relative;
  animation: fadeIn 0.3s;
  overflow-x: hidden;
}
.playground-challenge-container .challenge-view-container {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.playground-challenge-container .challenge-view-container .screens-container {
  flex: 1;
  position: relative;
}

.loading-challenge {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.loading-challenge .loading-header {
  height: 55px;
}
.loading-challenge .loading-header .loading-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 140%;
  text-align: center;
  line-height: 55px;
  background: #e2e2e2;
  animation: pulse 2s infinite;
}

@media screen and (max-width: 575px) {
  .playground-challenge-container .challenge-view-container.student-tool-panel-open .screens-container {
    width: 100%;
  }
}
/* src/js/activitybuilder/components/custom-component/miniscreen/view.scss */
.custom-miniscreen .icon-container {
  text-align: center;
  font-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: -18px;
}
.custom-miniscreen .custom-component-miniscreen-img {
  width: 16px;
  height: 16px;
}
.custom-miniscreen i.pillow-icon-code {
  font-size: 120%;
  color: #bbb;
}
/* src/js/activitybuilder/components/custom-component/playground/view.scss */
.desmos-custom-component {
  width: auto;
}
.desmos-custom-component.layout-fullscreen {
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 10px;
  right: 10px;
}
.desmos-custom-component .desmos-custom-component-content {
  height: 100%;
  width: 100%;
}
/* src/js/activitybuilder/components/expression-input/dashboard/expression-response.scss */
.expression-input-response-text {
  overflow-x: auto;
  font-size: 100%;
  background-color: #fff;
}
.expression-input-response-text:not(.what-other-students-said) {
  cursor: pointer;
}
.expression-input-response-text:not(.what-other-students-said).showing-selection-checkbox {
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  padding: 6px 15px;
  margin-top: 6px;
}
.expression-input-response-text:not(.what-other-students-said).showing-selection-checkbox::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 32px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.expression-input-response-text:not(.what-other-students-said).showing-selection-checkbox::before {
  content: "";
  position: absolute;
  top: -11.5px;
  left: 30.5px;
  border-width: 11.5px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.expression-input-response-text:not(.what-other-students-said).showing-selection-checkbox::before {
  margin-top: 1px;
}
.expression-input-response-text:not(.what-other-students-said).showing-selection-checkbox::after {
  margin-top: 1px;
}
.expression-input-response-text:not(.what-other-students-said).showing-selection-checkbox.hover-on-response {
  cursor: pointer;
  border: 1px solid #bdbdbd;
}
.expression-input-response-text:not(.what-other-students-said).showing-selection-checkbox.hover-on-response ~ .dcg-comments-decorator-container {
  border-left: 1px solid #bdbdbd;
  border-top: 1px solid #bdbdbd;
  border-top-left-radius: var(--amp-border-radius, 0.1875em);
}
.expression-input-response-text:not(.what-other-students-said).showing-selection-checkbox.hover-on-response ~ .dcg-comments-decorator-container .dcg-comments-decorator {
  top: -1px;
  left: -1px;
}
.expression-input-response-text:not(.what-other-students-said).showing-selection-checkbox.hover-on-response.dcg-hovered, .expression-input-response-text:not(.what-other-students-said).showing-selection-checkbox.hover-on-response.dcg-hovered ~ .dcg-comments-decorator-container {
  border-color: #9c0d63;
}
.expression-input-response-text:not(.what-other-students-said).showing-selection-checkbox.hover-on-response.dcg-depressed, .expression-input-response-text:not(.what-other-students-said).showing-selection-checkbox.hover-on-response.dcg-depressed ~ .dcg-comments-decorator-container {
  border-color: #5e083b;
}
.expression-input-response-text:not(.what-other-students-said).showing-selection-checkbox.hover-on-response.dcg-hovered::before {
  border-color: transparent transparent #9c0d63;
}
.expression-input-response-text:not(.what-other-students-said).showing-selection-checkbox.hover-on-response.dcg-depressed::before {
  border-color: transparent transparent #5e083b;
}
.expression-input-response-text:not(.what-other-students-said):not(.showing-selection-checkbox) {
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  padding: 6px 15px;
  margin-top: 6px;
}
.expression-input-response-text:not(.what-other-students-said):not(.showing-selection-checkbox)::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 5px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.expression-input-response-text:not(.what-other-students-said):not(.showing-selection-checkbox)::before {
  content: "";
  position: absolute;
  top: -11.5px;
  left: 3.5px;
  border-width: 11.5px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.expression-input-response-text:not(.what-other-students-said):not(.showing-selection-checkbox)::before {
  margin-top: 1px;
}
.expression-input-response-text:not(.what-other-students-said):not(.showing-selection-checkbox)::after {
  margin-top: 1px;
}
.expression-input-response-text:not(.what-other-students-said):not(.showing-selection-checkbox).hover-on-response {
  cursor: pointer;
  border: 1px solid #bdbdbd;
}
.expression-input-response-text:not(.what-other-students-said):not(.showing-selection-checkbox).hover-on-response ~ .dcg-comments-decorator-container {
  border-left: 1px solid #bdbdbd;
  border-top: 1px solid #bdbdbd;
  border-top-left-radius: var(--amp-border-radius, 0.1875em);
}
.expression-input-response-text:not(.what-other-students-said):not(.showing-selection-checkbox).hover-on-response ~ .dcg-comments-decorator-container .dcg-comments-decorator {
  top: -1px;
  left: -1px;
}
.expression-input-response-text:not(.what-other-students-said):not(.showing-selection-checkbox).hover-on-response.dcg-hovered, .expression-input-response-text:not(.what-other-students-said):not(.showing-selection-checkbox).hover-on-response.dcg-hovered ~ .dcg-comments-decorator-container {
  border-color: #9c0d63;
}
.expression-input-response-text:not(.what-other-students-said):not(.showing-selection-checkbox).hover-on-response.dcg-depressed, .expression-input-response-text:not(.what-other-students-said):not(.showing-selection-checkbox).hover-on-response.dcg-depressed ~ .dcg-comments-decorator-container {
  border-color: #5e083b;
}
.expression-input-response-text:not(.what-other-students-said):not(.showing-selection-checkbox).hover-on-response.dcg-hovered::before {
  border-color: transparent transparent #9c0d63;
}
.expression-input-response-text:not(.what-other-students-said):not(.showing-selection-checkbox).hover-on-response.dcg-depressed::before {
  border-color: transparent transparent #5e083b;
}
.expression-input-response-text:not(.what-other-students-said) .component-audio-player-wrapper {
  margin-top: 10px;
}
.expression-input-response-text.math-plus-explain .math-response {
  border-right: 1px solid #999;
  padding-right: 10px;
  margin-right: 15px;
}
.expression-input-response-text .textarea-image-thumbnails {
  margin-top: 5px;
}
/* src/js/activitybuilder/components/expression-input/evaluation.scss */
.evaluation {
  color: #676767;
  display: flex;
  align-items: center;
}
.evaluation.visible {
  padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.evaluation.placeholder {
  color: #676767;
}
.evaluation .dcg-braille-input {
  text-align: right;
  color: #666;
  max-width: 160px;
}
.evaluation .suffix {
  white-space: nowrap;
  margin-left: 5px;
  margin-top: -1px;
}
/* src/js/activitybuilder/components/expression-input/miniscreen/view.scss */
.expression-input-miniscreen {
  border-radius: 3px;
  border: 1px dashed #bbb;
  padding: 3px;
  margin: 2px 0 10px;
  text-align: center;
}
.expression-input-miniscreen i {
  font-size: 25px;
  color: #bbb;
  position: relative;
  top: 1px;
}

.dcg-layout-column:first-child.one-third .expression-input-miniscreen i {
  font-size: 16px;
}

.dcg-layout-column:last-child.two-third .expression-input-miniscreen i {
  font-size: 16px;
}
/* src/js/activitybuilder/components/expression-input/playground/view.scss */
.expression-input-playground-view {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
  margin: 0 auto;
}

.dcg-expression-input-container {
  max-width: 100%;
}
.dcg-expression-input-container .expression-input-playground-view {
  flex: 1;
  max-width: 100%;
}
.dcg-expression-input-container .camera-header-container {
  width: 100%;
  text-align: right;
  margin-bottom: -5px;
}
.dcg-expression-input-container .input-and-error-container {
  width: 100%;
}
.dcg-expression-input-container .input-and-error-container.edit-disabled [ontap] {
  cursor: default;
}
.dcg-expression-input-container .input-and-error-container .dcg-expression-input {
  border-radius: var(--border-radius, var(--amp-border-radius, 0.1875em) var(--amp-border-radius, 0.1875em) 0 0);
  border: var(--border-component, 1px solid #bdbdbd);
  overflow: hidden;
  display: flex;
  align-items: center;
  min-width: 200px;
  background-color: var(--math-input-background-color, #fff);
}
.dcg-expression-input-container .input-and-error-container .dcg-expression-input.is-error {
  background-color: var(--field-has-error-background-color);
  border-color: var(--field-has-error-border-color, #bdbdbd);
}
.dcg-expression-input-container .input-and-error-container .dcg-expression-input.dcg-hovered {
  box-shadow: inset 0 0 0 var(--math-input-focused-border-width) var(--math-input-border-color-hover);
  border-color: var(--math-input-border-color-hover, #9c0d63);
}
.dcg-expression-input-container .input-and-error-container .dcg-expression-input.dcg-mq-focused {
  box-shadow: inset 0 0 0 var(--math-input-focused-border-width, 1px) var(--math-input-border-color-focus, #9c0d63);
  border-color: var(--math-input-border-color-focus, #9c0d63);
}
.dcg-expression-input-container .input-and-error-container .dcg-expression-input.is-placeholder-text {
  color: #bbb;
}
.dcg-expression-input-container .input-and-error-container .dcg-expression-input.no-footer-input {
  border-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
}
.dcg-expression-input-container .input-and-error-container .dcg-expression-input .mathquill-auto-flexer {
  width: 100%;
  overflow: hidden;
}
.dcg-expression-input-container .input-and-error-container .dcg-expression-input .mathquill-auto-flexer .dcg-mathquill-wrapper {
  padding: var(--math-input-spacing, 10px);
  width: 100%;
}
.dcg-expression-input-container .input-and-error-container .dcg-expression-input .mathquill-auto-flexer .dcg-mathquill-wrapper .dcg-tooltip-hit-area-container {
  width: 100%;
}
.dcg-expression-input-container .input-and-error-container .dcg-expression-input .mathquill-auto-flexer .dcg-mathquill-wrapper .dcg-mq-math-mode {
  border: 0;
  width: 100%;
}
.dcg-expression-input-container .input-and-error-container .dcg-expression-input .mathquill-auto-flexer .dcg-mathquill-wrapper .dcg-mq-math-mode var {
  font-family: var(--font-family);
  font-size: var(--font-size-default);
}
.dcg-expression-input-container .input-and-error-container .dcg-expression-input .mathquill-auto-flexer .dcg-mathquill-wrapper .dcg-mq-math-mode.dcg-mq-focused {
  box-shadow: none;
  border: 0;
}
.dcg-expression-input-container .input-and-error-container .mq-error-message {
  display: flex;
  color: var(--math-input-error-icon-color);
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-top: var(--math-input-margin-top);
  animation: fadeIn 0.3s;
}
.dcg-expression-input-container .input-and-error-container .mq-error-message .error-text-container {
  width: 100vw;
  display: none;
  font-style: italic;
}
.dcg-expression-input-container .input-and-error-container .mq-error-message .error-text-container i {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.dcg-expression-input-container .input-and-error-container .mq-error-message .error-text-container span {
  width: calc(100% - 20px - var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dcg-expression-input-container .input-and-error-container .mq-error-message i {
  display: block;
  cursor: pointer;
  border-radius: var(--math-input-error-icon-border-radius);
  background: var(--math-input-error-icon-background);
  font-size: 1.25em;
  line-height: 1.25em;
}
.dcg-expression-input-container .input-and-button-container {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: var(--math-input-and-button-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.dcg-expression-input-container .dcg-exp-submit-btn-container {
  text-align: var(--math-submit-button-container-text-align, right);
  width: var(--math-submit-button-container-width);
  display: var(--math-submit-button-container-display);
  justify-content: var(--math-submit-button-container-justify);
  margin-left: auto;
}
.dcg-expression-input-container .expression-submitted .dcg-mq-math-mode {
  cursor: pointer;
}
.dcg-expression-input-container .expression-submitted .dcg-expression-input .evaluation {
  opacity: 1;
}
.dcg-expression-input-container .expression-submitted.edit-disabled .dcg-mq-math-mode {
  cursor: default;
}
.dcg-expression-input-container .dcg-explain-your-answer {
  animation: fadeIn 0.3s;
  position: relative;
  width: 100%;
}
.dcg-expression-input-container .dcg-explain-your-answer .explain-text {
  margin-bottom: 10px;
  display: inline-block;
  max-width: calc(100% - 30px);
}
.dcg-expression-input-container .dcg-explain-your-answer .capture-snapshot-container {
  position: absolute;
  top: 3px;
  right: 0;
}

.layout-top-student-view.two-column .dcg-explain-your-answer .dcg-edit-button,
.layout-top-student-view.two-column .expression-input-playground-view .dcg-edit-button {
  padding: 0 1em;
}

.dcg-layout-column.one-third .playground-component-container.left .expression-input-playground-view .dcg-textarea-submit-button,
.dcg-layout-column.one-third .playground-component-container.left .expression-input-playground-view .dcg-edit-button,
.dcg-layout-column.two-third .playground-component-container.right .expression-input-playground-view .dcg-textarea-submit-button,
.dcg-layout-column.two-third .playground-component-container.right .expression-input-playground-view .dcg-edit-button {
  font-size: var(--free-response-submit-button-font-size, 100%);
}
.dcg-layout-column.one-third .playground-component-container.left .dcg-explain-your-answer .dcg-textarea-submit-button,
.dcg-layout-column.two-third .playground-component-container.right .dcg-explain-your-answer .dcg-textarea-submit-button {
  font-size: var(--free-response-submit-button-font-size, 100%);
  padding: 0 0.7em;
}
.dcg-layout-column.one-third .playground-component-container.left .dcg-explain-your-answer .dcg-edit-button,
.dcg-layout-column.two-third .playground-component-container.right .dcg-explain-your-answer .dcg-edit-button {
  font-size: var(--free-response-edit-button-font-size, 100%);
  padding: 0 0.7em;
}

@media screen and (max-width: 575px) {
  .expression-input-playground-view .input-and-button-container {
    margin-bottom: calc(20px + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  }
  .expression-input-playground-view .input-and-error-container .mq-error-message {
    position: absolute;
    top: 100%;
    margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .expression-input-playground-view .input-and-error-container .mq-error-message .error-text-container {
    display: flex;
  }
  .expression-input-playground-view .input-and-error-container .mq-error-message .error-tooltip-container {
    display: none;
  }
}
@media screen and (max-width: 790px) {
  .layout-top-student-view.two-column .expression-input-playground-view .dcg-toggle-keypad-button {
    font-size: var(--expression-input-button-font-size, 100%);
  }
  .layout-top-student-view.two-column .expression-input-playground-view .dcg-edit-button,
  .layout-top-student-view.two-column .dcg-explain-your-answer .dcg-edit-button {
    padding: 0 0.5em;
    font-size: var(--expression-input-button-font-size, 100%);
  }
  .layout-top-student-view.two-column .expression-input-playground-view .dcg-textarea-submit-button,
  .layout-top-student-view.two-column .dcg-explain-your-answer .dcg-textarea-submit-button {
    font-size: var(--expression-input-button-font-size, 100%);
  }
  .dcg-layout-column.one-third .playground-component-container.left .expression-input-playground-view .dcg-toggle-keypad-button,
  .dcg-layout-column.two-third .playground-component-container.right .expression-input-playground-view .dcg-toggle-keypad-button {
    font-size: var(--free-response-submit-button-font-size-small, 90%);
  }
  .dcg-layout-column.one-third .playground-component-container.left .expression-input-playground-view .dcg-textarea-submit-button,
  .dcg-layout-column.one-third .playground-component-container.left .dcg-explain-your-answer .dcg-textarea-submit-button,
  .dcg-layout-column.two-third .playground-component-container.right .expression-input-playground-view .dcg-textarea-submit-button,
  .dcg-layout-column.two-third .playground-component-container.right .dcg-explain-your-answer .dcg-textarea-submit-button {
    font-size: var(--free-response-submit-button-font-size-small, 90%);
    padding: 0 0.5em;
  }
  .dcg-layout-column.one-third .playground-component-container.left .expression-input-playground-view .dcg-edit-button,
  .dcg-layout-column.one-third .playground-component-container.left .dcg-explain-your-answer .dcg-edit-button,
  .dcg-layout-column.two-third .playground-component-container.right .expression-input-playground-view .dcg-edit-button,
  .dcg-layout-column.two-third .playground-component-container.right .dcg-explain-your-answer .dcg-edit-button {
    font-size: var(--free-response-edit-button-font-size-small, 90%);
    padding: 0 0.5em;
  }
}
@media screen and (min-height: 768px) {
  .dcg-explain-your-answer .note .mixed-text-display {
    line-height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
    font-size: calc(var(--amp-scale-ratio) * 1em);
  }
}
/* src/js/activitybuilder/components/geometry/miniscreen/view.scss */
.geometry-widget-miniscreen.loading {
  opacity: 0.5;
}
.geometry-widget-miniscreen.within-fullscreen-layout {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  border-radius: var(--amp-border-radius, 0.1875em);
}
.geometry-widget-miniscreen.within-fullscreen-layout .copy-graph-miniscreen-cover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 100%;
  padding: 45px;
}
.geometry-widget-miniscreen .error {
  text-align: center;
  font-size: 16px;
  color: #db2e00;
  padding: 0 20px;
}
.geometry-widget-miniscreen .updating-message {
  text-align: center;
  font-size: 16px;
}
.geometry-widget-miniscreen .icon-container {
  margin: 0 auto;
  font-size: 64px;
  opacity: 0.2;
}
.geometry-widget-miniscreen img {
  width: 100%;
}
.geometry-widget-miniscreen:not(.within-fullscreen-layout) {
  position: relative;
  line-height: 0;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.geometry-widget-miniscreen:not(.within-fullscreen-layout) img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.geometry-widget-miniscreen:not(.within-fullscreen-layout) img,
.geometry-widget-miniscreen:not(.within-fullscreen-layout) .copy-graph-miniscreen-cover {
  border: 1px solid #e2e2e2;
  border-radius: 3px;
}

.dcg-layout-column:first-child.one-third .geometry-widget-miniscreen i {
  font-size: 66%;
}

.dcg-layout-column:last-child.two-third .geometry-widget-miniscreen i {
  font-size: 66%;
}

.dcg-layout-column.two-third .geometry-widget-miniscreen, .dcg-layout-column.one-third .geometry-widget-miniscreen {
  text-align: center;
}
/* src/js/activitybuilder/components/geometry/playground/view.scss */
.dcg-geometry-playground-container {
  border-top: 1px solid #bbb;
  z-index: 0;
}
.dcg-geometry-playground-container.within-fullscreen-layout {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  min-height: 400px;
}
.dcg-geometry-playground-container:not(.within-fullscreen-layout) {
  width: 100%;
  height: 0;
  padding-top: calc(100% - 2px);
  border: 1px solid #e2e2e2;
  position: relative;
}
.dcg-geometry-playground-container .geometry-playground {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.geometry-loading {
  text-align: center;
}
/* src/js/activitybuilder/components/graph-input/miniscreen.scss */
.graph-input-miniscreen-view.loading {
  opacity: 0.5;
}
.graph-input-miniscreen-view.white-background {
  background-color: white;
}
.graph-input-miniscreen-view:not(.half-width-mode) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  border-radius: var(--amp-border-radius, 0.1875em);
}
.graph-input-miniscreen-view:not(.half-width-mode) .copy-graph-miniscreen-cover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 100%;
  padding: 45px;
}
.graph-input-miniscreen-view .error {
  text-align: center;
  font-size: 16px;
  color: #db2e00;
  padding: 0 20px;
}
.graph-input-miniscreen-view .updating-message {
  text-align: center;
  font-size: 16px;
}
.graph-input-miniscreen-view .icon-container {
  margin: 0 auto;
  font-size: 64px;
  opacity: 0.2;
}
.graph-input-miniscreen-view .full-width-image {
  width: 100%;
}
.graph-input-miniscreen-view.half-width-mode {
  line-height: 0;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.graph-input-miniscreen-view.half-width-mode .half-width-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}
.graph-input-miniscreen-view.half-width-mode .copy-graph-miniscreen-cover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 20px 10px;
  font-size: 70%;
  line-height: 1em;
}
.graph-input-miniscreen-view.half-width-mode .half-width-image,
.graph-input-miniscreen-view.half-width-mode .copy-graph-miniscreen-cover {
  border: 1px solid #e2e2e2;
  border-radius: 3px;
}

.navigation-miniscreen-container .icon-container {
  font-size: 38px;
}

.one-column .graph-input-miniscreen-view.half-width-mode {
  width: 50%;
  margin-left: 25%;
}

.copy-graph-miniscreen-cover {
  background-color: rgba(255, 255, 255, 0.7);
  color: #999;
  text-transform: uppercase;
  text-align: center;
}
.copy-graph-miniscreen-cover .pillow-icon-copy-previous {
  display: block;
  font-size: 140%;
  padding-bottom: 5px;
}

.miniscreen-loading-half-width-mode {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 3px;
  background: #e2e2e2;
  animation: pulse 2s infinite;
}

.miniscreen-loading-fullscreen-mode {
  text-align: center;
  animation: pulse 2s infinite;
  padding-top: 30px;
  color: #bbb;
  font-size: 90%;
}

.dcg-layout-column:first-child.one-third .graph-input-miniscreen-view i {
  font-size: 66%;
}

.dcg-layout-column:last-child.two-third .graph-input-miniscreen-view i {
  font-size: 66%;
}

.dcg-layout-column.two-third .graph-input-miniscreen-view, .dcg-layout-column.one-third .graph-input-miniscreen-view {
  text-align: center;
}

.draggable-item .fullscreen-layout .graph-input-miniscreen-view {
  border: 1px solid #e2e2e2;
}
.draggable-item .fullscreen-layout .graph-input-miniscreen-view.miniscreen-graph-16-9-ratio {
  width: 80%;
  height: 50%;
  margin: 30.5px auto 0 auto;
}
.draggable-item .fullscreen-layout .graph-input-miniscreen-view.miniscreen-graph-4-3-ratio {
  width: 60%;
  height: 50%;
  margin: 30.5px auto 0 auto;
}

.preview-miniscreen-container .fullscreen-layout .graph-input-miniscreen-view {
  border: 1px solid #e2e2e2;
}
.preview-miniscreen-container .fullscreen-layout .graph-input-miniscreen-view.miniscreen-graph-16-9-ratio {
  width: 160px;
  height: 90px;
  overflow: hidden;
  margin: 25px auto 0 auto;
}
.preview-miniscreen-container .fullscreen-layout .graph-input-miniscreen-view.miniscreen-graph-4-3-ratio {
  width: 120px;
  height: 90px;
  margin: 25px auto 0 auto;
  overflow: hidden;
}
/* src/js/activitybuilder/components/graph-input/playground/view.scss */
.graph-input-student-flex-container:not(.is-exhibit-mode) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
}
.graph-input-student-flex-container:not(.is-exhibit-mode) .camera-header-container {
  height: 26px;
}
.graph-input-student-flex-container:not(.is-exhibit-mode) .graph-input-student-view {
  flex: 1;
  border-top: 1px solid #bdbdbd;
  position: relative;
}
.graph-input-student-flex-container:not(.is-exhibit-mode) .graph-input-student-view.full-border-in-modal {
  border: var(--graph-border, 1px solid #bdbdbd);
  border-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
}
.graph-input-student-flex-container:not(.is-exhibit-mode) .graph-input-student-view.full-border-in-modal .dcg-container {
  border-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
}
.graph-input-student-flex-container:not(.is-exhibit-mode) .graph-input-student-view .graph-input-student-calc .calculator {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.graph-input-student-flex-container {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.graph-input-student-flex-container .dcg-calculator-playground-view {
  position: relative;
  max-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.graph-input-student-flex-container .dcg-calculator-playground-view .camera-header-container {
  height: 26px;
  text-align: right;
}

.graph-input-student-flex-container.is-exhibit-mode:not(.is-fullscreen-exhibit) .graph-input-student-view {
  padding-top: calc(100% - 2 * var(--border-width-graphs, 1px));
}
.graph-input-student-flex-container.is-exhibit-mode.fullscreen-aspect-ratio .graph-input-student-view {
  padding-top: 75%;
}
.graph-input-student-flex-container.is-exhibit-mode.widescreen-aspect-ratio .graph-input-student-view {
  padding-top: 56.25%;
}
.graph-input-student-flex-container.is-exhibit-mode.is-fullscreen-exhibit {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 10px;
  left: 10px;
}
.graph-input-student-flex-container.is-exhibit-mode.geometry-toolbar-visible .dcg-action-button-playground {
  margin-top: 48px;
}
.graph-input-student-flex-container.is-exhibit-mode.geometry-toolbar-visible .dcg-action-button-playground.has-snapshot-camera {
  margin-top: 74px;
}
.graph-input-student-flex-container.is-exhibit-mode .graph-input-student-view {
  position: relative;
  width: 100%;
  flex: 1;
  border: var(--graph-border, 1px solid #bdbdbd);
  border-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
  overflow: var(--graph-input-overflow);
}
.graph-input-student-flex-container.is-exhibit-mode .graph-input-student-view.no-border {
  border: none;
}
.graph-input-student-flex-container.is-exhibit-mode .graph-input-student-view.white-background {
  background-color: white;
}
.graph-input-student-flex-container.is-exhibit-mode .graph-input-student-view .dcg-container {
  border-radius: calc((var(--amp-border-radius, 0.1875em)) - 1px);
}
.graph-input-student-flex-container.is-exhibit-mode .graph-input-student-view .dcg-container .dcg-mq-math-mode {
  line-height: 1;
}
.graph-input-student-flex-container.is-exhibit-mode .graph-input-student-calc .calculator {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.graph-input-student-flex-container.is-exhibit-mode .graph-input-deserialization-error {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fff;
  z-index: 100;
}
.graph-input-student-flex-container.is-exhibit-mode .graph-input-deserialization-error .amp-link {
  margin-top: 10px;
}
.graph-input-student-flex-container.is-exhibit-mode .graph-preview {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  border: var(--graph-border, 1px solid #bdbdbd);
}

.layout-top-student-view.showing-correctness .graph-input-student-flex-container:not(.is-exhibit-mode) {
  margin-right: 49px;
}
.layout-top-student-view.showing-correctness .graph-input-student-flex-container.is-fullscreen-exhibit {
  margin-left: 49px;
  margin-right: 49px;
}

.graph-input-student-view .scrubber-container {
  padding-right: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5);
  align-items: center;
}
.graph-input-student-view .animation-overlay-scrubber {
  background-color: #fff;
  border-top: var(--graph-scrubber-border-top, 1px solid #bdbdbd);
  border-bottom-left-radius: var(--amp-border-radius, 0.1875em);
  border-bottom-right-radius: var(--amp-border-radius, 0.1875em);
}
.graph-input-student-view .animation-overlay-scrubber .small-play-pause {
  margin: 2px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 2px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  height: 34px;
  width: 34px;
}
.graph-input-student-view .animation-overlay-scrubber .small-play-pause .icon-v2-pause {
  font-size: 1.3em;
}
.graph-input-student-view .animation-overlay-scrubber .small-play-pause label {
  font-size: 0.875em;
}
.graph-input-student-view .dcg-container .dcg-grapher.dcg-grapher-focused {
  border-radius: calc(var(--border-radius, var(--amp-border-radius, 0.1875em)) - var(--border-width-graphs, 1px));
}

.dcg-label-raw-text {
  font-family: var(--graph-label-raw-text-font-family, var(--font-family));
}

.sandbox-container-content:has(.projector-mode-panel-container) .graph-input-student-flex-container.is-exhibit-mode.is-fullscreen-exhibit {
  margin-bottom: calc(63px + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}

.student-sandbox-navigation-container.has-teacher-tip .graph-input-student-flex-container .fixed-aspect-container:after {
  content: "";
  position: absolute;
  height: 50px;
  width: 100%;
}
/* src/js/activitybuilder/components/iframe/miniscreen.scss */
.iframe-miniscreen-view.loading, .iframe-miniscreen-view:not(.half-width-mode) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.iframe-miniscreen-view .icon-container {
  margin: 0 auto;
  font-size: 2em;
  opacity: 0.2;
}
.iframe-miniscreen-view .ereader-book-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #cde6ec;
}
.iframe-miniscreen-view .ereader-book-wrapper img {
  height: 50%;
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.iframe-miniscreen-view .full-width-image {
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}

.navigation-miniscreen-container .icon-container {
  font-size: 1.5em;
}
/* src/js/activitybuilder/components/iframe/view.scss */
.iframe-wrapper {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  min-height: 500px;
}
.iframe-wrapper iframe {
  position: absolute;
}
/* src/js/activitybuilder/components/image-exhibit/miniscreen.scss */
.image-exhibit-miniscreen-view {
  height: 100%;
}
.image-exhibit-miniscreen-view .fade-out {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  width: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff 75%);
}
.image-exhibit-miniscreen-view img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 2px;
  pointer-events: none;
}

.miniscreen .fullscreen-layout .image-exhibit-miniscreen-view {
  padding-top: 30px;
}
/* src/js/activitybuilder/components/image-exhibit/view.scss */
.image-exhibit-within-fullscreen-layout {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 10px;
  left: 10%;
  bottom: 10px;
  right: 10%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
.image-exhibit-within-fullscreen-layout.show-border {
  border: var(--image-border, 1px solid #bdbdbd);
  border-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
}
.image-exhibit-within-fullscreen-layout .fullscreen-icon-position {
  position: absolute;
  right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.image-exhibit-within-fullscreen-layout .pillow-icon-fullscreen-open-button {
  background-color: transparent;
  border: none;
}
.image-exhibit-within-fullscreen-layout .pillow-icon-fullscreen-open {
  position: absolute;
  top: var(--image-fullscreen-icon-top, 2px);
  right: var(--image-fullscreen-icon-right, 2px);
  padding: var(--image-fullscreen-icon-padding, 4px);
  text-shadow: -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
  pointer-events: none;
  height: var(--image-fullscreen-icon-height);
  width: var(--image-fullscreen-icon-width);
  background-color: var(--image-fullscreen-icon-background-color);
  border: var(--image-fullscreen-icon-border);
  border-radius: var(--image-fullscreen-icon-border-radius);
}
.image-exhibit-within-fullscreen-layout.dcg-hovered .pillow-icon-fullscreen-open-button {
  color: var(--image-fullscreen-icon-color-hover, #666);
}

.dcg-image-exhibit {
  display: block;
  width: 100%;
}
.dcg-image-exhibit.full-width-image {
  width: 95%;
  margin: 10px auto;
}
.dcg-image-exhibit.show-border {
  border: var(--image-border, 1px solid #bdbdbd);
  border-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
}
.dcg-image-exhibit.show-border.tappable.dcg-hovered {
  border: var(--image-border, 1px solid #9c0d63);
}
.dcg-image-exhibit.show-border.tappable.dcg-depressed {
  border: var(--image-border, 1px solid #5e083b);
}

.image-exhibit-within-fullscreen-layout:not(.tappable),
.image-exhibit-container:not(.tappable) {
  cursor: default;
}

.image-exhibit-container {
  position: relative;
  clear: both;
  color: var(--image-fullscreen-icon-color, #999);
  margin: 0 auto calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.image-exhibit-container.dcg-hovered {
  color: var(--image-fullscreen-icon-color-hover, #666);
}
.image-exhibit-container.dcg-hovered .pillow-icon-fullscreen-open-button {
  color: var(--image-fullscreen-icon-color-hover, #666);
}
.image-exhibit-container.dcg-hovered .pillow-icon-fullscreen-open-button .pillow-icon-fullscreen-open {
  border: var(--image-fullscreen-icon-border-hover);
}
.image-exhibit-container.dcg-depressed {
  color: var(--image-fullscreen-icon-color-depressed, #000);
}
.image-exhibit-container .pillow-icon-fullscreen-open {
  position: absolute;
  top: var(--image-fullscreen-icon-top, 2px);
  right: var(--image-fullscreen-icon-right, 2px);
  padding: var(--image-fullscreen-icon-padding, 4px);
  text-shadow: -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
  pointer-events: none;
  height: var(--image-fullscreen-icon-height);
  width: var(--image-fullscreen-icon-width);
  background-color: var(--image-fullscreen-icon-background-color);
  border: var(--image-fullscreen-icon-border);
  border-radius: var(--image-fullscreen-icon-border-radius);
}
.image-exhibit-container .pillow-icon-fullscreen-open-button {
  background-color: transparent;
  border: none;
}
.image-exhibit-container .fullscreen-icon-position {
  position: absolute;
  right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}

.shared-image-container {
  position: relative;
}

@media screen and (max-width: 1000px) {
  .image-exhibit-within-fullscreen-layout {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
  }
}
/* src/js/activitybuilder/components/loading-states/full-screen-graph.scss */
.student-loading-full-mode {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-top: 1px solid #e2e2e2;
  animation: fadeIn 0.3s;
}
.student-loading-full-mode .fake-header {
  background: #f0f0f0;
  border-bottom: 1px solid #bbb;
  height: 53px;
}
.student-loading-full-mode .fake-expression {
  height: 60px;
  padding: 20px;
  border-bottom: 1px solid #e2e2e2;
}
.student-loading-full-mode .fake-expression .fake-equation {
  width: 70%;
  background: #e2e2e2;
  animation: pulse 1.5s infinite;
  height: 20px;
}
.student-loading-full-mode .fake-expression .half-width-equation {
  width: 40%;
}

@media screen and (min-width: 450px) {
  .student-loading-full-mode .fake-expressions-list {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 45%;
    max-width: 356px;
    min-width: 290px;
    border-right: 1px solid #bbb;
  }
}
@media screen and (max-width: 449px) {
  .student-loading-full-mode .fake-expressions-list {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    height: 65%;
    border-top: 1px solid #bbb;
  }
}
/* src/js/activitybuilder/components/marbleslides/marbles-overlay/marbles-overlay.scss */
@keyframes animateStar {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }
  20% {
    transform: scale(-1, 1);
    opacity: 1;
  }
  40% {
    transform: scale(1, 1);
  }
  60% {
    transform: scale(-1, 1);
  }
  80% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(-1, 1);
    opacity: 0;
  }
}
@keyframes animateMarbleSuccess {
  0% {
    opacity: 0;
    transform: scale(0.7, 0.7);
  }
  15% {
    transform: scale(1.1, 1.1);
  }
  30% {
    opacity: 1;
    transform: scale(1, 1);
  }
  75% {
    opacity: 0.9;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: scale(5, 5);
  }
}
.marbleslides-results h1 {
  text-align: left;
}
.marbleslides-results .narration-summary {
  margin-top: 1em;
  margin-bottom: 1em;
}

.overlay-animation {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  pointer-events: none;
}
.overlay-animation .marbleslides-star {
  font-size: 18px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: rgb(245, 198, 23);
  /* stylelint-disable-next-line property-no-unknown */
  text-stroke: 1px rgb(133, 106, 9);
  -webkit-text-stroke: 1px rgb(133, 106, 9);
  position: absolute;
  margin-top: -9px;
  margin-left: -10px;
}
.overlay-animation .marbleslides-star.captured .star-icon-container {
  animation: animateStar 0.6s forwards;
}
.overlay-animation .marbleslides-congratulations {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 300px;
  line-height: 300px;
  margin-top: -150px;
  color: #00866b;
  font-size: 400%;
  width: 400px;
  margin-left: -200px;
  text-align: center;
  text-shadow: -3px -3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, 3px 3px 0 #fff, 0 -3px 0 #fff, 0 3px 0 #fff, 3px 0 0 #fff, -3px 0 0 #fff;
  animation: animateMarbleSuccess 1.8s forwards;
  pointer-events: none;
}
.overlay-animation .marble {
  background: #83629e;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  position: absolute;
  top: 0;
  left: 0;
}
.overlay-animation .marble.done {
  opacity: 0;
}

.marbleslides-offscreen-aria {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* src/js/activitybuilder/components/marbleslides/miniscreen/view.scss */
.miniscreen-marbleslides {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.miniscreen-marbleslides.loading {
  opacity: 0.5;
}
.miniscreen-marbleslides .copy-graph-miniscreen-cover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 100%;
  padding: 45px;
}
.miniscreen-marbleslides .icon-container {
  margin: 0 auto;
  font-size: 64px;
  opacity: 0.2;
}
.miniscreen-marbleslides .full-width-image {
  width: 100%;
}
.miniscreen-marbleslides .marbleslides-icon-container {
  font-size: 180%;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  padding-top: 10px;
  height: 50px;
  margin-top: -25px;
  color: #999;
  text-shadow: -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
}
/* src/js/activitybuilder/components/marbleslides/playground/view.scss */
.marbleslides-student-screen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: 1px solid #bbb;
}
.marbleslides-student-screen.snapshot {
  position: absolute;
  top: 30px;
  right: 0;
  bottom: 0;
  left: 0;
}
.marbleslides-student-screen .camera-header-container {
  position: absolute;
  top: -30px;
  right: 0;
}
.marbleslides-student-screen .marbleslides-calc-wrapper {
  position: relative;
  height: 100%;
}
.marbleslides-student-screen .marbleslides-calc-wrapper .calculator {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.marbleslides-student-screen .dcg-animate-play {
  display: none;
}
.marbleslides-student-screen .launch-btn {
  position: absolute;
  top: 5px;
  right: 5px;
}

.layout-top-student-view.showing-correctness .marbleslides-student-screen {
  right: 49px;
}
/* src/js/activitybuilder/components/multiple-choice/miniscreen.scss */
.mc-input-miniscreen {
  text-align: center;
  padding: 3px;
  width: 100%;
  height: 100%;
}
.mc-input-miniscreen i {
  font-size: 25px;
  color: #bbb;
  position: relative;
  top: 1px;
}
.mc-input-miniscreen .mc-polygraph-miniscreen-card-grid {
  width: 100%;
  height: 100%;
}
.mc-input-miniscreen .mc-polygraph-miniscreen-card-grid .mc-polygraph-miniscreen-card-row {
  display: flex;
  margin-bottom: 3%;
  height: 22%;
}
.mc-input-miniscreen .mc-polygraph-miniscreen-card-grid .mc-polygraph-miniscreen-card-row .mc-polygraph-miniscreen-card {
  border: 1px solid #bdbdbd;
  border-radius: 2px;
  width: 22%;
  height: 100%;
  margin-left: 3%;
}
/* src/js/activitybuilder/components/multiple-choice/playground/buttons-layout.scss */
.dcg-multiple-choice-playground .buttons-layout {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: var(--multi-choice-button-gap, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  font-weight: var(--multi-choice-font-weight);
}
.dcg-multiple-choice-playground .buttons-layout.rows-of-10 .dcg-multiple-choice,
.dcg-multiple-choice-playground .buttons-layout.rows-of-10 .buttons-wrapper {
  flex-basis: calc(10% - (var(--multi-choice-button-gap, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5))));
}
.dcg-multiple-choice-playground .buttons-layout.rows-of-9 .dcg-multiple-choice,
.dcg-multiple-choice-playground .buttons-layout.rows-of-9 .buttons-wrapper {
  flex-basis: calc(11.111% - (var(--multi-choice-button-gap, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5))));
}
.dcg-multiple-choice-playground .buttons-layout.rows-of-8 .dcg-multiple-choice,
.dcg-multiple-choice-playground .buttons-layout.rows-of-8 .buttons-wrapper {
  flex-basis: calc(12.5% - (var(--multi-choice-button-gap, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5))));
}
.dcg-multiple-choice-playground .buttons-layout.rows-of-7 .dcg-multiple-choice,
.dcg-multiple-choice-playground .buttons-layout.rows-of-7 .buttons-wrapper {
  flex-basis: calc(14.28% - (var(--multi-choice-button-gap, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5))));
}
.dcg-multiple-choice-playground .buttons-layout.rows-of-6 .dcg-multiple-choice,
.dcg-multiple-choice-playground .buttons-layout.rows-of-6 .buttons-wrapper {
  flex-basis: calc(16.666% - (var(--multi-choice-button-gap, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5))));
}
.dcg-multiple-choice-playground .buttons-layout.rows-of-5 .dcg-multiple-choice,
.dcg-multiple-choice-playground .buttons-layout.rows-of-5 .buttons-wrapper {
  flex-basis: calc(20% - (var(--multi-choice-button-gap, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5))));
}
.dcg-multiple-choice-playground .buttons-layout.rows-of-4 .dcg-multiple-choice,
.dcg-multiple-choice-playground .buttons-layout.rows-of-4 .buttons-wrapper {
  flex-basis: calc(25% - (var(--multi-choice-button-gap, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5))));
}
.dcg-multiple-choice-playground .buttons-layout.rows-of-3 .dcg-multiple-choice,
.dcg-multiple-choice-playground .buttons-layout.rows-of-3 .buttons-wrapper {
  flex-basis: calc(33% - (var(--multi-choice-button-gap, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5))));
}
.dcg-multiple-choice-playground .buttons-layout.rows-of-2 .dcg-multiple-choice,
.dcg-multiple-choice-playground .buttons-layout.rows-of-2 .buttons-wrapper {
  flex-basis: calc(50% - (var(--multi-choice-button-gap, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5))));
}
.dcg-multiple-choice-playground .buttons-layout.rows-of-1 .dcg-multiple-choice,
.dcg-multiple-choice-playground .buttons-layout.rows-of-1 .buttons-wrapper {
  flex-basis: 100%;
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice {
  flex: 1;
  text-align: var(--multi-choice-basic-text-align, center);
  border-radius: var(--multi-choice-basic-border-radius, var(--amp-border-radius, 0.1875em));
  padding: var(--multi-choice-basic-padding-top-bottom, 0) var(--multi-choice-basic-padding-left-right, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  display: flex;
  justify-content: var(--multi-choice-basic-justify-content, center);
  align-items: center;
  border: var(--multi-choice-box-border, 1px solid #bdbdbd);
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.with-letter-label {
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.is-checkbox {
  align-items: var(--multi-choice-basic-vertical-align, center);
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.dcg-hovered.is-selectable:not(.is-selected) {
  border: var(--multi-choice-box-border-hover, 1px solid #9c0d63);
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.dcg-depressed.is-selectable:not(.is-selected) {
  border: var(--multi-choice-box-border-depressed, 1px solid rgba(0, 0, 0, 0.05));
  box-shadow: var(--multi-choice-box-shadow-depressed, inset 0 0 0 0 rgba(0, 0, 0, 0.05));
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.is-selected.dcg-choice-button {
  color: #fff;
  border: var(--multi-choice-box-border-selected, 1px solid rgba(0, 0, 0, 0.2));
  box-shadow: var(--multi-choice-box-shadow-selected, inset 0 0 0 var(--box-shadow-width) 1px);
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.is-selected.dcg-choice-button.dcg-hovered {
  border: var(--multi-choice-box-border-hover, 1px solid rgba(0, 0, 0, 0.25));
  box-shadow: var(--multi-choice-box-shadow-selected, inset 0 0 0 var(--box-shadow-width) 1px);
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.is-selected.dcg-choice-button:not(.is-submitted) {
  background: var(--multi-choice-background-selected, #3278c8);
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.is-selected.dcg-choice-button.is-submitted {
  background: var(--multi-choice-background-submitted, rgba(112, 112, 112, 0.8));
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.is-selected.dcg-choice-button.is-submitted .letter-label {
  filter: var(--multi-choice-letter-label-filter-submitted, grayscale(1));
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.is-selected.dcg-choice-button.dcg-hovered:not(.is-submitted) {
  background: var(--multi-choice-button-background-selected-hover, #3278c8);
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.is-selected.dcg-choice-button.dcg-hovered.is-submitted {
  background: var(--multi-choice-button-background-selected-hover, rgba(112, 112, 112, 0.8));
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.is-selected.dcg-choice-button.dcg-hovered:not(.is-submitted):focus-visible, .dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.is-selected.dcg-choice-button:not(.is-submitted):focus-visible {
  background: var(--multi-choice-button-background-selected-hover, #3278c8);
  box-shadow: var(--multi-choice-box-shadow-selected-focus-visible, 0 0 0 0.125em #fff, 0 0 0 0.3125em var(--amp-focus-color, #9c0d63), 0 0.25em 0 #80b4f1);
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.is-selected.dcg-choice-button.dcg-hovered.is-submitted:focus-visible, .dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.is-selected.dcg-choice-button.is-submitted:focus-visible {
  background: var(--multi-choice-button-background-selected-hover, rgba(112, 112, 112, 0.8));
  box-shadow: var(--multi-choice-box-shadow-selected-focus-visible, 0 0 0 0.125em #fff, 0 0 0 0.3125em var(--amp-focus-color, #9c0d63), 0 0.25em 0 #80b4f1);
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.is-selected.dcg-choice-button.dcg-depressed:not(.is-submitted), .dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.is-selected.dcg-choice-button.dcg-depressed.is-submitted {
  border: var(--multi-choice-box-border-depressed, 1px solid rgba(0, 0, 0, 0.35));
  box-shadow: var(--multi-choice-box-shadow-selected-depressed, inset 0 0 0 var(--box-shadow-width) 1px);
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.is-selected.dcg-choice-button.dcg-depressed.is-submitted {
  background: var(--multi-choice-button-background-selected-depressed, rgba(112, 112, 112, 0.8));
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.is-selected.dcg-choice-button.dcg-depressed:not(.is-submitted) {
  background: var(--multi-choice-button-background-selected-depressed, #3278c8);
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice:focus-visible {
  box-shadow: var(--multi-choice-box-shadow-selected-focus-visible, 0 0 0 0.125em #fff, 0 0 0 0.3125em var(--amp-focus-color, #9c0d63), 0 0.25em 0 #80b4f1);
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.btn:not(.btn-multipurpose) {
  height: auto;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.btn.btn-multipurpose {
  height: auto;
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.btn.btn-multipurpose .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
  font-weight: var(--multi-choice-font-weight);
}
.dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.btn.btn-multipurpose .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode .dcg-mq-fraction {
  font-weight: var(--multi-choice-font-weight);
  vertical-align: var(--multi-choice-button-fraction-vertical-align, -0.4em);
}

.two-third .playground-component-container.right .dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.dcg-choice-button.is-selected .button-checkmark::before,
.one-third .playground-component-container.left .dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.dcg-choice-button.is-selected .button-checkmark::before {
  background-color: var(--multi-choice-letter-label-background-color-selected, #1e4878);
  border: none;
}
.two-third .playground-component-container.right .dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.dcg-choice-button:has(.button-checkmark),
.one-third .playground-component-container.left .dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.dcg-choice-button:has(.button-checkmark) {
  padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.two-third .playground-component-container.right .dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.dcg-choice-button .button-checkmark,
.one-third .playground-component-container.left .dcg-multiple-choice-playground .buttons-layout .dcg-multiple-choice.dcg-choice-button .button-checkmark {
  position: absolute;
  top: calc(-1 * var(--multi-choice-basic-padding-top-bottom, 0));
  right: calc(-1 * var(--multi-choice-basic-padding-left-right, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5)));
}

.layout-top-student-view:not(.two-column) .buttons-layout {
  text-align: center;
}
/* src/js/activitybuilder/components/multiple-choice/playground/choice.scss */
/*
 * segmented-control-layout-single-row() puts items in a single row
 *
 * segmented-control-layout-responsive() additionally to wraps the items into a multi-row grid on smaller screens. Note
 * that this variant uses display: grid, whereas the single-row version only uses display: flex
 *
 * Example usage:
 * .my-segmented-row-container
 *   segmented-control-layout-single-row(40px, 5px)
 * .my-segmented-grid-container
 *   segmented-control-layout-responsive(40px, 5px, 650px)
 */
.mc-tile {
  --amp-mc-tile-font-weight: 400;
  --amp-mc-tile-font-size: 1em;
  --amp-mc-tile-line-height-units: 2;
  --amp-mc-tile-border-width: 0.0625em;
  --amp-mc-tile-hover-border-width: calc(
    0.0625em * 3
  );
  --amp-mc-tile-bg: #fff;
  --amp-mc-tile-border: #bdbdbd;
  --amp-mc-tile-color: var(--amp-body-color, #3b3b3b);
  --amp-mc-tile-hover-bg: #fff;
  --amp-mc-tile-hover-border: #3278c8;
  --amp-mc-tile-hover-color: var(--amp-body-color, #3b3b3b);
  --amp-mc-tile-active-bg: amp.darken(#fff, 10%);
  --amp-mc-tile-active-border: #1e4878;
  --amp-mc-tile-active-color: var(--amp-body-color, #3b3b3b);
  --amp-mc-tile-on-bg: #fff;
  --amp-mc-tile-on-border: #3278c8;
  --amp-mc-tile-on-color: var(--amp-body-color, #3b3b3b);
  --amp-mc-tile-on-hover-bg: #fff;
  --amp-mc-tile-on-hover-border: #1e4878;
  --amp-mc-tile-on-hover-color: var(--amp-body-color, #3b3b3b);
  --amp-mc-tile-on-active-bg: #1e4878;
  --amp-mc-tile-on-active-border: #0f243c;
  --amp-mc-tile-on-active-color: var(--amp-body-color, #3b3b3b);
  --amp-mc-tile-checkbox-size: 12%;
  --amp-mc-tile-checkbox-position: 0.25rem;
  --amp-mc-tile-checkbox-border: #bdbdbd;
  --amp-mc-tile-checkbox-hover-border: #9c0d63;
  --amp-mc-tile-checkbox-active-border: #9c0d63;
  --amp-mc-tile-checkbox-opacity: 0;
  --amp-mc-tile-on-checkbox-bg: #3278c8;
  --amp-mc-tile-on-checkbox-border: #fff;
  --amp-mc-tile-on-checkbox-hover-bg: #1e4878;
  --amp-mc-tile-on-checkbox-opacity: 1;
  --amp-mc-tile-checkbox-glyph: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M7.88%2014.91l-3.91-4.05%201.44-1.39%202.47%202.56%206.71-6.94%201.44%201.39-8.15%208.43%22%2F%3E%3C%2Fsvg%3E");
  aspect-ratio: 1/1;
  display: inline-flex;
  min-width: 6.25rem;
  width: 100%;
}
.mc-tile [type=checkbox] + .mc-tile-btn::after {
  align-items: center;
  background-color: #fff;
  background-image: var(--amp-mc-tile-checkbox-glyph);
  border: var(--amp-btn-input-border-width) solid var(--amp-mc-tile-checkbox-border);
  border-radius: var(--amp-border-radius, 0.1875em);
  content: "";
  display: flex;
  height: var(--amp-mc-tile-checkbox-size);
  justify-content: center;
  opacity: var(--amp-mc-tile-checkbox-opacity);
  position: absolute;
  right: var(--amp-mc-tile-checkbox-position);
  top: var(--amp-mc-tile-checkbox-position);
  transition: all 0.2s linear;
  width: var(--amp-mc-tile-checkbox-size);
  z-index: 2;
}
.mc-tile [type=checkbox] + .mc-tile-btn:hover::after {
  border-color: var(--amp-mc-tile-checkbox-hover-border);
}
.mc-tile [type=checkbox] + .mc-tile-btn:active::after {
  border-color: var(--amp-mc-tile-checkbox-active-border);
}
.mc-tile [type=checkbox]:checked + .mc-tile-btn::after {
  background-color: var(--amp-mc-tile-on-checkbox-bg);
  border-color: var(--amp-mc-tile-on-checkbox-border);
  opacity: var(--amp-mc-tile-checkbox-on-opacity);
}
.mc-tile [type=checkbox]:checked + .mc-tile-btn:hover::after {
  background-color: var(--amp-mc-tile-on-checkbox-hover-bg);
}
.mc-tile [type=checkbox]:focus-visible + .mc-tile-btn::after {
  box-shadow: 0 0 0 0.125em #fff, 0 0 0 0.3125em var(--amp-focus-color, #9c0d63);
}
.mc-tile label {
  margin: 0;
  width: 100%;
}
.mc-tile .mc-tile-btn {
  --amp-mc-tile-hidden-border: 1px;
  background-color: var(--amp-mc-tile-bg);
  border-color: var(--amp-mc-tile-border);
  color: var(--amp-mc-tile-color);
  align-items: start;
  border-width: var(--amp-mc-tile-hidden-border);
  height: 100%;
  justify-content: start;
  padding: 0;
  width: 100%;
}
.mc-tile .mc-tile-btn:hover {
  color: var(--amp-mc-tile-color);
}
@media (hover: hover) {
  .mc-tile .mc-tile-btn:focus-visible, .mc-tile .mc-tile-btn:hover {
    background-color: var(--amp-mc-tile-hover-bg);
    border-color: var(--amp-mc-tile-hover-border);
    color: var(--amp-mc-tile-hover-color);
    outline: none;
  }
}
.mc-tile .mc-tile-btn:active, .mc-tile .mc-tile-btn.active {
  background-color: var(--amp-mc-tile-active-bg);
  border-color: var(--amp-mc-tile-active-border);
  color: var(--amp-mc-tile-active-color);
}
.mc-tile .mc-tile-btn::before {
  border: var(--amp-btn-input-border-width) solid var(--amp-mc-tile-border);
  border-radius: var(--amp-border-radius);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  margin: calc(var(--amp-mc-tile-hidden-border) * -1);
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: border-color 0.2s linear;
  z-index: 1;
}
.mc-tile .mc-tile-btn:hover::before {
  border: var(--amp-mc-tile-hover-border-width) solid var(--amp-mc-tile-hover-border);
}
.mc-tile .mc-tile-btn:active::before {
  border-color: var(--amp-mc-tile-active-border);
}
.mc-tile .mc-tile-btn .mc-tile-label {
  -webkit-hyphens: auto;
          hyphens: auto;
  overflow-wrap: anywhere;
  word-break: normal;
  align-self: center;
  font-size: var(--amp-mc-tile-font-size);
  font-weight: var(--amp-mc-tile-font-weight);
  line-height: calc(var(--amp-rhythm-unit-px) * var(--amp-mc-tile-line-height-units) / 16 * 1rem);
  padding: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 0.5);
  position: relative;
  white-space: normal;
  width: 100%;
}
.mc-tile .mc-tile-btn:has(img) .mc-tile-label, .mc-tile .mc-tile-btn.has-image .mc-tile-label {
  text-shadow: 0 -2px 0 #fff, 2px -2px 0 #fff, 2px 0 0 #fff, 2px 2px 0 #fff, 0 2px 0 #fff, -2px 2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff;
  align-self: auto;
  text-align: left;
}
.mc-tile .mc-tile-image {
  border-radius: calc(var(--amp-border-radius) - var(--amp-mc-tile-hidden-border));
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.mc-tile .hidden-input:focus + .faux-input, .mc-tile .hidden-input[data-state=focus] + .faux-input {
  z-index: 10;
}
.mc-tile .hidden-input:focus-visible + .faux-input, .mc-tile .hidden-input[data-state=focus] + .faux-input {
  box-shadow: 0 0 0 0.125em #fff, 0 0 0 0.3125em var(--amp-focus-color, #9c0d63);
}
.mc-tile .hidden-input:checked:focus + .faux-input, .mc-tile .hidden-input:checked[data-state=focus] + .faux-input {
  z-index: 10;
}
.mc-tile .hidden-input:checked:focus-visible + .faux-input, .mc-tile .hidden-input:checked[data-state=focus] + .faux-input {
  box-shadow: 0 0 0 0.125em #fff, 0 0 0 0.3125em var(--amp-focus-color, #9c0d63);
}
.mc-tile .hidden-input:checked + .mc-tile-btn {
  background-color: var(--amp-mc-tile-on-bg);
  border-color: var(--amp-mc-tile-on-border);
  color: var(--amp-mc-tile-on-color);
}
.mc-tile .hidden-input:checked + .mc-tile-btn:hover {
  color: var(--amp-mc-tile-on-color);
}
@media (hover: hover) {
  .mc-tile .hidden-input:checked + .mc-tile-btn:focus-visible, .mc-tile .hidden-input:checked + .mc-tile-btn:hover {
    background-color: var(--amp-mc-tile-on-hover-bg);
    border-color: var(--amp-mc-tile-on-hover-border);
    color: var(--amp-mc-tile-on-hover-color);
    outline: none;
  }
}
.mc-tile .hidden-input:checked + .mc-tile-btn:active, .mc-tile .hidden-input:checked + .mc-tile-btn.active {
  background-color: var(--amp-mc-tile-on-active-bg);
  border-color: var(--amp-mc-tile-on-active-border);
  color: var(--amp-mc-tile-on-active-color);
}
.mc-tile .hidden-input:checked + .mc-tile-btn::before {
  border: var(--amp-mc-tile-hover-border-width) solid var(--amp-mc-tile-on-border);
}
.mc-tile .hidden-input:checked + .mc-tile-btn:hover::before {
  border-color: var(--amp-mc-tile-on-hover-border);
}
.mc-tile .hidden-input:checked + .mc-tile-btn .mc-tile-label {
  color: var(--amp-mc-tile-on-color);
}
.mc-tile .hidden-input:checked + .mc-tile-btn:has(img) .mc-tile-label, .mc-tile .hidden-input:checked + .mc-tile-btn.has-image .mc-tile-label {
  color: var(--amp-mc-tile-color);
}

.dcg-multiple-choice-playground .dcg-multiple-choice .checkbox-wrapper.has-image-before-text .children span:has(.dcg-choice-image-container) {
  display: flex;
  flex-direction: row-reverse;
}
.dcg-multiple-choice-playground .dcg-multiple-choice .checkbox-wrapper.has-image-before-text .children span:has(.dcg-choice-image-container) .dcg-choice-image-container {
  flex-shrink: 0;
  margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0 0;
}
.dcg-multiple-choice-playground .dcg-multiple-choice .checkbox-wrapper.has-image-before-text .children span:has(.dcg-choice-image-container) .dcg-choice-image-container:has(.dcg-choice-image) {
  width: auto;
  height: 100%;
}
.dcg-multiple-choice-playground .dcg-multiple-choice .checkbox-wrapper.has-image-before-text .children span:has(.dcg-choice-image-container) .dcg-choice-image-container .dcg-choice-image {
  height: auto;
  width: var(--multi-choice-image-container-with-letter-label-width, 125px);
}
.dcg-multiple-choice-playground .dcg-multiple-choice.disabled {
  opacity: 0.4;
}
.dcg-multiple-choice-playground .dcg-multiple-choice.disabled.mc-tile {
  opacity: 1;
}
.dcg-multiple-choice-playground .dcg-multiple-choice .amplify-radio-btn {
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.dcg-multiple-choice-playground .dcg-multiple-choice:not(.is-selected):not(.is-selectable) {
  cursor: default;
}
.dcg-multiple-choice-playground .dcg-multiple-choice:not(.is-selected):not(.is-selectable) > * {
  cursor: default;
}
.dcg-multiple-choice-playground .dcg-multiple-choice .rhythm-checkbox,
.dcg-multiple-choice-playground .dcg-multiple-choice .rhythm-radio {
  height: auto !important;
}
.dcg-multiple-choice-playground .dcg-multiple-choice .letter-label {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  transition: color 0.2s linear, background-color 0.2s linear;
}
.dcg-multiple-choice-playground .dcg-multiple-choice.dcg-segmented-control-btn .letter-label {
  transition: none;
}
.dcg-multiple-choice-playground .dcg-multiple-choice:not(:has(.dcg-choice-checkbox)):not(.mc-tile).dcg-hovered .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-hover, #bdbdbd);
  color: var(--multi-choice-letter-label-color-hover);
}
.dcg-multiple-choice-playground .dcg-multiple-choice:not(:has(.dcg-choice-checkbox)):not(.mc-tile):focus-visible .letter-label,
.dcg-multiple-choice-playground .dcg-multiple-choice:not(:has(.dcg-choice-checkbox)):not(.mc-tile) .btn:focus-visible .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-hover, #bdbdbd);
  color: var(--multi-choice-letter-label-color-hover);
}
.dcg-multiple-choice-playground .dcg-multiple-choice:not(:has(.dcg-choice-checkbox)):not(.mc-tile).dcg-depressed .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-depressed, #a0a0a0);
  color: var(--multi-choice-letter-label-color-depressed);
}
.dcg-multiple-choice-playground .dcg-multiple-choice:not(:has(.dcg-choice-checkbox)):not(.mc-tile).is-selected .letter-label, .dcg-multiple-choice-playground .dcg-multiple-choice:not(:has(.dcg-choice-checkbox)):not(.mc-tile).is-selected .btn:focus-visible .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-selected, #1e4878);
  color: #fff;
}
.dcg-multiple-choice-playground .dcg-multiple-choice label .children {
  padding-top: 0;
}
.dcg-multiple-choice-playground .buttons-layout .buttons-wrapper {
  flex: 1;
  display: flex;
}
.dcg-multiple-choice-playground .dcg-segmented-control-layout .segment-wrapper {
  flex: 1;
  display: flex;
}
.dcg-multiple-choice-playground .dcg-segmented-control-layout .segment-wrapper .dcg-segmented-control-btn {
  border-radius: 0;
}
.dcg-multiple-choice-playground .dcg-segmented-control-layout .segment-wrapper:not(:last-of-type) .dcg-segmented-control-btn:not(.dcg-hovered):not(.dcg-selected) {
  border-right: 0;
}
.dcg-multiple-choice-playground .dcg-segmented-control-layout .segment-wrapper:not(:last-of-type) .dcg-segmented-control-btn.dcg-hovered,
.dcg-multiple-choice-playground .dcg-segmented-control-layout .segment-wrapper:not(:last-of-type) .dcg-segmented-control-btn.dcg-selected {
  margin-right: var(--segmented-control-button-offset-center-border, -1px);
}
.dcg-multiple-choice-playground .dcg-segmented-control-layout .segment-wrapper:first-of-type .dcg-segmented-control-btn {
  border-top-left-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em));
  border-bottom-left-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em));
}
.dcg-multiple-choice-playground .dcg-segmented-control-layout .segment-wrapper:last-of-type .dcg-segmented-control-btn {
  border-top-right-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em));
  border-bottom-right-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em));
}
.dcg-multiple-choice-playground.has-audio .mc-tile,
.dcg-multiple-choice-playground.has-audio .checkbox-wrapper,
.dcg-multiple-choice-playground.has-audio .buttons-wrapper,
.dcg-multiple-choice-playground.has-audio .selectable-button-wrapper {
  display: inline-flex;
  align-items: flex-start;
}
.dcg-multiple-choice-playground.has-audio .mc-tile .component-audio-player-wrapper,
.dcg-multiple-choice-playground.has-audio .checkbox-wrapper .component-audio-player-wrapper,
.dcg-multiple-choice-playground.has-audio .buttons-wrapper .component-audio-player-wrapper,
.dcg-multiple-choice-playground.has-audio .selectable-button-wrapper .component-audio-player-wrapper {
  top: var(--multi-choice-checkbox-audio-wrapper-top, -1px);
}
.dcg-multiple-choice-playground.has-audio .mc-tile .audio-player-placeholder,
.dcg-multiple-choice-playground.has-audio .checkbox-wrapper .audio-player-placeholder,
.dcg-multiple-choice-playground.has-audio .buttons-wrapper .audio-player-placeholder,
.dcg-multiple-choice-playground.has-audio .selectable-button-wrapper .audio-player-placeholder {
  height: var(--component-audio-player-wrapper-height, 30px);
}
.dcg-multiple-choice-playground.has-audio .selectable-button-wrapper {
  display: flex;
}
.dcg-multiple-choice-playground.has-audio .grid-button-wrapper .mc-tile-btn > div .dcg-choice-image.text-only-card .dcg-choice-grid-text {
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.2);
}
.dcg-multiple-choice-playground.has-audio .grid-button-wrapper .component-audio-player-wrapper {
  top: var(--multi-choice-checkbox-audio-wrapper-tile-top);
}
.dcg-multiple-choice-playground.has-audio .buttons-wrapper .component-audio-player-wrapper {
  top: var(--multi-choice-checkbox-audio-wrapper-buttons-wrapper-top, 0);
  height: 0;
}
.dcg-multiple-choice-playground.has-audio .checkbox-wrapper .component-audio-player-wrapper {
  top: var(--multi-choice-checkbox-audio-wrapper-checkbox-wrapper-top, -6px);
  height: 0;
}
.dcg-multiple-choice-playground.has-audio .checkbox-wrapper .read-aloud-speaker-icon-container i,
.dcg-multiple-choice-playground.has-audio .checkbox-wrapper .read-aloud-speaker-icon-container i:hover,
.dcg-multiple-choice-playground.has-audio .checkbox-wrapper .play-stop-error-container i,
.dcg-multiple-choice-playground.has-audio .segment-wrapper .read-aloud-speaker-icon-container i,
.dcg-multiple-choice-playground.has-audio .segment-wrapper .read-aloud-speaker-icon-container i:hover,
.dcg-multiple-choice-playground.has-audio .segment-wrapper .play-stop-error-container i,
.dcg-multiple-choice-playground.has-audio .grid-button-wrapper .read-aloud-speaker-icon-container i,
.dcg-multiple-choice-playground.has-audio .grid-button-wrapper .read-aloud-speaker-icon-container i:hover,
.dcg-multiple-choice-playground.has-audio .grid-button-wrapper .play-stop-error-container i {
  width: var(--audio-player-size-sm, 39px);
  height: var(--audio-player-size-sm, 39px);
  font-size: var(--audio-player-font-size-sm, 23px);
  line-height: var(--audio-player-size-sm, 39px);
  overflow: hidden;
}
.dcg-multiple-choice-playground.has-audio .checkbox-wrapper .audio-player-placeholder,
.dcg-multiple-choice-playground.has-audio .segment-wrapper .audio-player-placeholder,
.dcg-multiple-choice-playground.has-audio .grid-button-wrapper .audio-player-placeholder {
  width: var(--audio-player-size-sm, 39px);
  min-width: var(--audio-player-size-sm, 39px);
}
.dcg-multiple-choice-playground.has-audio .checkbox-wrapper .component-audio-player-wrapper,
.dcg-multiple-choice-playground.has-audio .segment-wrapper .component-audio-player-wrapper,
.dcg-multiple-choice-playground.has-audio .grid-button-wrapper .component-audio-player-wrapper {
  min-width: calc((var(--audio-player-size-sm, 39px)) + 10px);
}
.dcg-multiple-choice-playground.has-audio .selectable-button-wrapper .read-aloud-speaker-icon-container i,
.dcg-multiple-choice-playground.has-audio .selectable-button-wrapper .read-aloud-speaker-icon-container i:hover,
.dcg-multiple-choice-playground.has-audio .selectable-button-wrapper .play-stop-error-container i,
.dcg-multiple-choice-playground.has-audio .buttons-wrapper .read-aloud-speaker-icon-container i,
.dcg-multiple-choice-playground.has-audio .buttons-wrapper .read-aloud-speaker-icon-container i:hover,
.dcg-multiple-choice-playground.has-audio .buttons-wrapper .play-stop-error-container i {
  width: var(--audio-player-size-lg, 39px);
  height: var(--audio-player-size-lg, 39px);
  font-size: var(--audio-player-font-size-lg, 23px);
  line-height: var(--audio-player-size-lg, 39px);
  overflow: hidden;
}
.dcg-multiple-choice-playground.has-audio .selectable-button-wrapper .audio-player-placeholder,
.dcg-multiple-choice-playground.has-audio .buttons-wrapper .audio-player-placeholder {
  width: var(--audio-player-size-lg, 39px);
  min-width: var(--audio-player-size-lg, 39px);
}
.dcg-multiple-choice-playground.has-audio .selectable-button-wrapper .component-audio-player-wrapper,
.dcg-multiple-choice-playground.has-audio .buttons-wrapper .component-audio-player-wrapper {
  min-width: calc((var(--audio-player-size-lg, 39px)) + 10px);
}
.dcg-multiple-choice-playground.has-audio .checkbox-wrapper .dcg-text-reader-container,
.dcg-multiple-choice-playground.has-audio .segment-wrapper .dcg-text-reader-container,
.dcg-multiple-choice-playground.has-audio .grid-button-wrapper .dcg-text-reader-container,
.dcg-multiple-choice-playground.has-audio .selectable-button-wrapper .dcg-text-reader-container,
.dcg-multiple-choice-playground.has-audio .buttons-wrapper .dcg-text-reader-container {
  right: 5px;
}
.dcg-multiple-choice-playground.has-audio .checkbox-wrapper .upload-spinner-container,
.dcg-multiple-choice-playground.has-audio .segment-wrapper .upload-spinner-container,
.dcg-multiple-choice-playground.has-audio .grid-button-wrapper .upload-spinner-container,
.dcg-multiple-choice-playground.has-audio .selectable-button-wrapper .upload-spinner-container,
.dcg-multiple-choice-playground.has-audio .buttons-wrapper .upload-spinner-container {
  margin-right: 10px;
}
.dcg-multiple-choice-playground.has-audio .dcg-segmented-control-layout .segment-wrapper {
  flex-direction: column;
}
.dcg-multiple-choice-playground.has-audio .dcg-segmented-control-layout .segment-wrapper .audio-player-placeholder {
  height: var(--component-audio-player-wrapper-height, 50px);
}
.dcg-multiple-choice-playground.has-audio .dcg-segmented-control-layout .segment-wrapper .component-audio-player-wrapper {
  display: flex;
  justify-content: center;
  height: var(--component-audio-player-wrapper-height, 50px);
  top: var(--multi-choice-checkbox-segmented-control-audio-player-top);
}
.dcg-multiple-choice-playground.has-audio .dcg-segmented-control-layout .segment-wrapper .component-audio-player-wrapper .dcg-text-reader-container {
  max-width: 56px;
  right: unset;
}
.dcg-multiple-choice-playground.has-audio .dcg-segmented-control-layout .upload-spinner-container {
  padding-bottom: calc(50% - var(--audio-player-size-lg, 39px) / 2);
}
.dcg-multiple-choice-playground .checkbox-wrapper .audio-player-placeholder,
.dcg-multiple-choice-playground .dcg-multiple-choice .audio-player-placeholder,
.dcg-multiple-choice-playground .buttons-wrapper .audio-player-placeholder {
  margin-right: 10px;
}
.dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-3 .dcg-multiple-choice.has-audio, .dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-4 .dcg-multiple-choice.has-audio, .dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-2 .dcg-multiple-choice.has-audio {
  width: calc(33.3333333333% - (var(--audio-player-size-sm, 39px)));
}
.dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-3 .dcg-multiple-choice.has-audio:nth-child(3n+1),
.dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-3 .dcg-multiple-choice.has-audio:nth-child(3n+2), .dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-4 .dcg-multiple-choice.has-audio:nth-child(3n+1),
.dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-4 .dcg-multiple-choice.has-audio:nth-child(3n+2), .dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-2 .dcg-multiple-choice.has-audio:nth-child(3n+1),
.dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-2 .dcg-multiple-choice.has-audio:nth-child(3n+2) {
  margin-right: calc((var(--audio-player-size-sm, 39px)) + 10px);
}
.dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-3 .component-audio-player-wrapper, .dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-4 .component-audio-player-wrapper, .dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-2 .component-audio-player-wrapper {
  position: absolute;
  left: var(--multi-choice-checkbox-tile-image-component-audio-player-left, -29px);
  top: var(--multi-choice-checkbox-tile-image-component-audio-player-top, 1px);
  width: 45px;
}
.dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-3 .audio-player-placeholder, .dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-4 .audio-player-placeholder, .dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-2 .audio-player-placeholder {
  position: absolute;
  width: 45px;
  margin-right: var(--multi-choice-checkbox-audio-player-placeholder-margin-right, 3px);
  height: var(--component-audio-player-wrapper-height, 50px);
}
.dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-3 .dcg-text-reader-container, .dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-4 .dcg-text-reader-container, .dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-2 .dcg-text-reader-container {
  right: 8px;
}
.dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-3 .upload-spinner-container, .dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-4 .upload-spinner-container, .dcg-multiple-choice-playground .grid-layout.grid-layout-with-audio.grid-cols-2 .upload-spinner-container {
  min-height: var(--audio-player-size-sm);
  width: var(--audio-player-size-sm);
}

@media screen and (max-width: 1000px) {
  .dcg-multiple-choice-playground.has-audio .grid-layout.grid-layout-with-audio.grid-cols-3 .dcg-multiple-choice.has-audio {
    width: calc(50% - (var(--audio-player-size-sm, 39px)));
    margin-right: 0;
    margin-bottom: 0 !important;
  }
  .dcg-multiple-choice-playground.has-audio .grid-layout.grid-layout-with-audio .dcg-multiple-choice.has-audio:nth-child(2n+1) {
    margin-right: var(--audio-player-size-sm, 39px);
    margin-left: var(--audio-player-size-sm, 39px);
  }
}
@media screen and (max-width: 1150px) {
  .editor-view .playground-component-container .dcg-multiple-choice-playground .buttons-wrapper .dcg-multiple-choice {
    justify-content: left;
    text-align: left;
  }
}
@media screen and (max-width: 1150px) {
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout {
    display: flex;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn {
    flex: 1;
    color: var(--segmented-control-button-font-color, var(--amp-body-color, #3b3b3b));
    min-height: var(--segmented-control-button-height, 40px);
    padding: var(--segmented-control-button-padding, 0 4px);
    font-weight: var(--segmented-control-button-font-weight);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: var(--segmented-control-button-border, 1px solid #bdbdbd);
    border-radius: 0;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-hovered:not(.dcg-selected) {
    color: var(--segmented-control-button-font-color-hover, var(--amp-body-color, #3b3b3b));
    border-color: var(--segmented-control-button-border-color-hover, #9c0d63);
    background: var(--segmented-control-button-background-color-hover);
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-selected {
    border: var(--segmented-control-button-border-selected, 1px solid #3278c8);
    background: var(--segmented-control-button-background-selected, #3278c8);
    box-shadow: var(--segmented-control-button-box-shadow-selected);
    color: var(--segmented-control-button-font-color-selected, #fff);
    position: relative;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-padded-segmented-control-btn {
    padding: 6px 4px;
    height: auto;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn i {
    font-size: 120%;
    margin-right: 4px;
    vertical-align: middle;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn:not(:last-of-type, .dcg-selected, .dcg-hovered) {
    border-right: 0;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-selected, .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-hovered {
    z-index: 1;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-selected:not(:last-of-type), .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-hovered:not(:last-of-type) {
    margin-right: var(--segmented-control-button-offset-center-border, -1px);
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-depressed:not(.dcg-selected) {
    background: var(--segmented-control-button-background-color-selected, rgba(0, 0, 0, 0.05));
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn:first-of-type {
    border-top-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
    border-bottom-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn:last-of-type {
    border-top-right-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
    border-bottom-right-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  }
}
@media screen and (max-width: 1150px) and (max-width: 1150px) {
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper {
    max-width: 100%;
    overflow-wrap: break-word;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:not(:last-of-type) .dcg-multiple-choice.dcg-segmented-control-btn:not(.dcg-hovered) {
    border-right: var(--segmented-control-button-border, 1px solid #bdbdbd);
    border-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)) var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)) 0 0;
    z-index: 1;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:not(:last-of-type) .dcg-segmented-control-btn.dcg-selected,
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:not(:last-of-type) .dcg-segmented-control-btn.dcg-hovered {
    margin-top: 0;
    border-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)) var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)) 0 0;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:not(:nth-child(-n+1)):not(:last-of-type) .dcg-segmented-control-btn:not(.dcg-selected):not(.dcg-hovered) {
    border-top: 0;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:not(:nth-child(-n+1)):not(:last-of-type):not(:first-of-type):not(:last-of-type) .dcg-segmented-control-btn {
    border-radius: 0;
    border-right: var(--segmented-control-button-border, 1px solid #bdbdbd);
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:not(:nth-child(-n+1)):not(:last-of-type):not(:first-of-type):not(:last-of-type) .dcg-segmented-control-btn.dcg-selected, .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:not(:nth-child(-n+1)):not(:last-of-type):not(:first-of-type):not(:last-of-type) .dcg-segmented-control-btn.dcg-hovered {
    border-top: 0;
    margin-top: 0;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper .dcg-segmented-control-btn.dcg-selected,
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper .dcg-segmented-control-btn.dcg-hovered {
    margin-right: 0;
    margin-top: var(--segmented-control-button-offset-center-border, 0);
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:last-of-type:not(:first-of-type) .dcg-segmented-control-btn {
    border-bottom-left-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em));
    border-top-right-radius: 0;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:last-of-type:not(:first-of-type) .dcg-segmented-control-btn:not(.dcg-selected):not(.dcg-hovered) {
    border-top: 0;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:last-of-type:not(:first-of-type) .dcg-segmented-control-btn.dcg-selected, .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:last-of-type:not(:first-of-type) .dcg-segmented-control-btn.dcg-hovered {
    border-top: 0;
    margin-top: 0;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:last-of-type .dcg-segmented-control-btn {
    border-top-right-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
    border-top-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
    border-bottom-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:last-of-type .dcg-segmented-control-btn:not(.dcg-selected):not(.dcg-hovered) {
    border-top: var(--segmented-control-button-border, 1px solid #bdbdbd);
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:last-of-type .dcg-segmented-control-btn.dcg-selected, .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:last-of-type .dcg-segmented-control-btn.dcg-hovered {
    margin-top: 0;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper .dcg-segmented-control-btn {
    overflow-wrap: break-word;
    word-break: break-all;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper.has-audio .dcg-segmented-control-btn {
    padding-left: 3.5em;
    padding-top: 5.5px;
  }
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper .dcg-multiple-choice {
    justify-content: left;
    text-align: left;
  }
}
@media screen and (max-width: 1150px) {
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .segment-wrapper.has-audio .component-audio-player-wrapper,
  .editor-view .small-component .dcg-multiple-choice-playground .choices-wrapper .segment-wrapper.has-audio .audio-player-placeholder {
    justify-content: start;
    z-index: 2;
    height: 0;
    top: var(--multi-choice-checbkox-segment-sm-screen-audio-player-top, 0);
    left: 15px;
  }
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout {
  display: flex;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .dcg-segmented-control-btn {
  flex: 1;
  color: var(--segmented-control-button-font-color, var(--amp-body-color, #3b3b3b));
  min-height: var(--segmented-control-button-height, 40px);
  padding: var(--segmented-control-button-padding, 0 4px);
  font-weight: var(--segmented-control-button-font-weight);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: var(--segmented-control-button-border, 1px solid #bdbdbd);
  border-radius: 0;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-hovered:not(.dcg-selected) {
  color: var(--segmented-control-button-font-color-hover, var(--amp-body-color, #3b3b3b));
  border-color: var(--segmented-control-button-border-color-hover, #9c0d63);
  background: var(--segmented-control-button-background-color-hover);
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-selected {
  border: var(--segmented-control-button-border-selected, 1px solid #3278c8);
  background: var(--segmented-control-button-background-selected, #3278c8);
  box-shadow: var(--segmented-control-button-box-shadow-selected);
  color: var(--segmented-control-button-font-color-selected, #fff);
  position: relative;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-padded-segmented-control-btn {
  padding: 6px 4px;
  height: auto;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .dcg-segmented-control-btn i {
  font-size: 120%;
  margin-right: 4px;
  vertical-align: middle;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .dcg-segmented-control-btn:not(:last-of-type, .dcg-selected, .dcg-hovered) {
  border-right: 0;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-selected, .dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-hovered {
  z-index: 1;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-selected:not(:last-of-type), .dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-hovered:not(:last-of-type) {
  margin-right: var(--segmented-control-button-offset-center-border, -1px);
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-depressed:not(.dcg-selected) {
  background: var(--segmented-control-button-background-color-selected, rgba(0, 0, 0, 0.05));
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .dcg-segmented-control-btn:first-of-type {
  border-top-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  border-bottom-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .dcg-segmented-control-btn:last-of-type {
  border-top-right-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  border-bottom-right-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper {
  max-width: 100%;
  overflow-wrap: break-word;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper:first-of-type:not(:last-of-type) .dcg-multiple-choice.dcg-segmented-control-btn:not(.dcg-hovered) {
  border-right: var(--segmented-control-button-border, 1px solid #bdbdbd);
  border-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)) var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)) 0 0;
  z-index: 1;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper:first-of-type:not(:last-of-type) .dcg-segmented-control-btn.dcg-selected,
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper:first-of-type:not(:last-of-type) .dcg-segmented-control-btn.dcg-hovered {
  margin-top: 0;
  border-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)) var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)) 0 0;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper:not(:nth-child(-n+1)):not(:last-of-type) .dcg-segmented-control-btn:not(.dcg-selected):not(.dcg-hovered) {
  border-top: 0;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper:not(:nth-child(-n+1)):not(:last-of-type):not(:first-of-type):not(:last-of-type) .dcg-segmented-control-btn {
  border-radius: 0;
  border-right: var(--segmented-control-button-border, 1px solid #bdbdbd);
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper:not(:nth-child(-n+1)):not(:last-of-type):not(:first-of-type):not(:last-of-type) .dcg-segmented-control-btn.dcg-selected, .dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper:not(:nth-child(-n+1)):not(:last-of-type):not(:first-of-type):not(:last-of-type) .dcg-segmented-control-btn.dcg-hovered {
  border-top: 0;
  margin-top: 0;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper .dcg-segmented-control-btn.dcg-selected,
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper .dcg-segmented-control-btn.dcg-hovered {
  margin-right: 0;
  margin-top: var(--segmented-control-button-offset-center-border, 0);
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper:last-of-type:not(:first-of-type) .dcg-segmented-control-btn {
  border-bottom-left-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em));
  border-top-right-radius: 0;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper:last-of-type:not(:first-of-type) .dcg-segmented-control-btn:not(.dcg-selected):not(.dcg-hovered) {
  border-top: 0;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper:last-of-type:not(:first-of-type) .dcg-segmented-control-btn.dcg-selected, .dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper:last-of-type:not(:first-of-type) .dcg-segmented-control-btn.dcg-hovered {
  border-top: 0;
  margin-top: 0;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper:first-of-type:last-of-type .dcg-segmented-control-btn {
  border-top-right-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  border-top-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  border-bottom-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper:first-of-type:last-of-type .dcg-segmented-control-btn:not(.dcg-selected):not(.dcg-hovered) {
  border-top: var(--segmented-control-button-border, 1px solid #bdbdbd);
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper:first-of-type:last-of-type .dcg-segmented-control-btn.dcg-selected, .dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper:first-of-type:last-of-type .dcg-segmented-control-btn.dcg-hovered {
  margin-top: 0;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper .dcg-segmented-control-btn {
  overflow-wrap: break-word;
  word-break: break-all;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper.has-audio .dcg-segmented-control-btn {
  padding-left: 3.5em;
  padding-top: 5.5px;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .choices-layout .segment-wrapper .dcg-multiple-choice {
  justify-content: left;
  text-align: left;
}
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .segment-wrapper.has-audio .component-audio-player-wrapper,
.dcg-multiple-choice-playground.force-column-layout .choices-wrapper .segment-wrapper.has-audio .audio-player-placeholder {
  justify-content: start;
  z-index: 2;
  height: 0;
  top: var(--multi-choice-checbkox-segment-sm-screen-audio-player-top, 0);
  left: 15px;
}

@media screen and (max-width: 900px) {
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout {
    display: flex;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn {
    flex: 1;
    color: var(--segmented-control-button-font-color, var(--amp-body-color, #3b3b3b));
    min-height: var(--segmented-control-button-height, 40px);
    padding: var(--segmented-control-button-padding, 0 4px);
    font-weight: var(--segmented-control-button-font-weight);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: var(--segmented-control-button-border, 1px solid #bdbdbd);
    border-radius: 0;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-hovered:not(.dcg-selected) {
    color: var(--segmented-control-button-font-color-hover, var(--amp-body-color, #3b3b3b));
    border-color: var(--segmented-control-button-border-color-hover, #9c0d63);
    background: var(--segmented-control-button-background-color-hover);
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-selected {
    border: var(--segmented-control-button-border-selected, 1px solid #3278c8);
    background: var(--segmented-control-button-background-selected, #3278c8);
    box-shadow: var(--segmented-control-button-box-shadow-selected);
    color: var(--segmented-control-button-font-color-selected, #fff);
    position: relative;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-padded-segmented-control-btn {
    padding: 6px 4px;
    height: auto;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn i {
    font-size: 120%;
    margin-right: 4px;
    vertical-align: middle;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn:not(:last-of-type, .dcg-selected, .dcg-hovered) {
    border-right: 0;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-selected, .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-hovered {
    z-index: 1;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-selected:not(:last-of-type), .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-hovered:not(:last-of-type) {
    margin-right: var(--segmented-control-button-offset-center-border, -1px);
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-depressed:not(.dcg-selected) {
    background: var(--segmented-control-button-background-color-selected, rgba(0, 0, 0, 0.05));
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn:first-of-type {
    border-top-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
    border-bottom-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn:last-of-type {
    border-top-right-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
    border-bottom-right-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  }
}
@media screen and (max-width: 900px) and (max-width: 900px) {
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper {
    max-width: 100%;
    overflow-wrap: break-word;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:not(:last-of-type) .dcg-multiple-choice.dcg-segmented-control-btn:not(.dcg-hovered) {
    border-right: var(--segmented-control-button-border, 1px solid #bdbdbd);
    border-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)) var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)) 0 0;
    z-index: 1;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:not(:last-of-type) .dcg-segmented-control-btn.dcg-selected,
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:not(:last-of-type) .dcg-segmented-control-btn.dcg-hovered {
    margin-top: 0;
    border-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)) var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)) 0 0;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:not(:nth-child(-n+1)):not(:last-of-type) .dcg-segmented-control-btn:not(.dcg-selected):not(.dcg-hovered) {
    border-top: 0;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:not(:nth-child(-n+1)):not(:last-of-type):not(:first-of-type):not(:last-of-type) .dcg-segmented-control-btn {
    border-radius: 0;
    border-right: var(--segmented-control-button-border, 1px solid #bdbdbd);
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:not(:nth-child(-n+1)):not(:last-of-type):not(:first-of-type):not(:last-of-type) .dcg-segmented-control-btn.dcg-selected, .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:not(:nth-child(-n+1)):not(:last-of-type):not(:first-of-type):not(:last-of-type) .dcg-segmented-control-btn.dcg-hovered {
    border-top: 0;
    margin-top: 0;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper .dcg-segmented-control-btn.dcg-selected,
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper .dcg-segmented-control-btn.dcg-hovered {
    margin-right: 0;
    margin-top: var(--segmented-control-button-offset-center-border, 0);
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:last-of-type:not(:first-of-type) .dcg-segmented-control-btn {
    border-bottom-left-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em));
    border-top-right-radius: 0;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:last-of-type:not(:first-of-type) .dcg-segmented-control-btn:not(.dcg-selected):not(.dcg-hovered) {
    border-top: 0;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:last-of-type:not(:first-of-type) .dcg-segmented-control-btn.dcg-selected, .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:last-of-type:not(:first-of-type) .dcg-segmented-control-btn.dcg-hovered {
    border-top: 0;
    margin-top: 0;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:last-of-type .dcg-segmented-control-btn {
    border-top-right-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
    border-top-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
    border-bottom-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:last-of-type .dcg-segmented-control-btn:not(.dcg-selected):not(.dcg-hovered) {
    border-top: var(--segmented-control-button-border, 1px solid #bdbdbd);
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:last-of-type .dcg-segmented-control-btn.dcg-selected, .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:last-of-type .dcg-segmented-control-btn.dcg-hovered {
    margin-top: 0;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper .dcg-segmented-control-btn {
    overflow-wrap: break-word;
    word-break: break-all;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper.has-audio .dcg-segmented-control-btn {
    padding-left: 3.5em;
    padding-top: 5.5px;
  }
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper .dcg-multiple-choice {
    justify-content: left;
    text-align: left;
  }
}
@media screen and (max-width: 900px) {
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .segment-wrapper.has-audio .component-audio-player-wrapper,
  .editor-view .dcg-multiple-choice-playground .choices-wrapper .segment-wrapper.has-audio .audio-player-placeholder {
    justify-content: start;
    z-index: 2;
    height: 0;
    top: var(--multi-choice-checbkox-segment-sm-screen-audio-player-top, 0);
    left: 15px;
  }
}
@media screen and (max-width: 841px) {
  .preview-modal:not(.editor-view) .two-third .playground-component-container.right .dcg-multiple-choice-playground .buttons-wrapper .dcg-multiple-choice,
  .preview-modal:not(.editor-view) .one-third .playground-component-container.left .dcg-multiple-choice-playground .buttons-wrapper .dcg-multiple-choice {
    justify-content: left;
    text-align: left;
  }
}
@media screen and (max-width: 650px) {
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout {
    display: flex;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn {
    flex: 1;
    color: var(--segmented-control-button-font-color, var(--amp-body-color, #3b3b3b));
    min-height: var(--segmented-control-button-height, 40px);
    padding: var(--segmented-control-button-padding, 0 4px);
    font-weight: var(--segmented-control-button-font-weight);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: var(--segmented-control-button-border, 1px solid #bdbdbd);
    border-radius: 0;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-hovered:not(.dcg-selected) {
    color: var(--segmented-control-button-font-color-hover, var(--amp-body-color, #3b3b3b));
    border-color: var(--segmented-control-button-border-color-hover, #9c0d63);
    background: var(--segmented-control-button-background-color-hover);
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-selected {
    border: var(--segmented-control-button-border-selected, 1px solid #3278c8);
    background: var(--segmented-control-button-background-selected, #3278c8);
    box-shadow: var(--segmented-control-button-box-shadow-selected);
    color: var(--segmented-control-button-font-color-selected, #fff);
    position: relative;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-padded-segmented-control-btn {
    padding: 6px 4px;
    height: auto;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn i {
    font-size: 120%;
    margin-right: 4px;
    vertical-align: middle;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn:not(:last-of-type, .dcg-selected, .dcg-hovered) {
    border-right: 0;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-selected, .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-hovered {
    z-index: 1;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-selected:not(:last-of-type), .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-hovered:not(:last-of-type) {
    margin-right: var(--segmented-control-button-offset-center-border, -1px);
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn.dcg-depressed:not(.dcg-selected) {
    background: var(--segmented-control-button-background-color-selected, rgba(0, 0, 0, 0.05));
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn:first-of-type {
    border-top-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
    border-bottom-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .dcg-segmented-control-btn:last-of-type {
    border-top-right-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
    border-bottom-right-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  }
}
@media screen and (max-width: 650px) and (max-width: 650px) {
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper {
    max-width: 100%;
    overflow-wrap: break-word;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:not(:last-of-type) .dcg-multiple-choice.dcg-segmented-control-btn:not(.dcg-hovered) {
    border-right: var(--segmented-control-button-border, 1px solid #bdbdbd);
    border-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)) var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)) 0 0;
    z-index: 1;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:not(:last-of-type) .dcg-segmented-control-btn.dcg-selected,
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:not(:last-of-type) .dcg-segmented-control-btn.dcg-hovered {
    margin-top: 0;
    border-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)) var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)) 0 0;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:not(:nth-child(-n+1)):not(:last-of-type) .dcg-segmented-control-btn:not(.dcg-selected):not(.dcg-hovered) {
    border-top: 0;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:not(:nth-child(-n+1)):not(:last-of-type):not(:first-of-type):not(:last-of-type) .dcg-segmented-control-btn {
    border-radius: 0;
    border-right: var(--segmented-control-button-border, 1px solid #bdbdbd);
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:not(:nth-child(-n+1)):not(:last-of-type):not(:first-of-type):not(:last-of-type) .dcg-segmented-control-btn.dcg-selected, .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:not(:nth-child(-n+1)):not(:last-of-type):not(:first-of-type):not(:last-of-type) .dcg-segmented-control-btn.dcg-hovered {
    border-top: 0;
    margin-top: 0;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper .dcg-segmented-control-btn.dcg-selected,
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper .dcg-segmented-control-btn.dcg-hovered {
    margin-right: 0;
    margin-top: var(--segmented-control-button-offset-center-border, 0);
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:last-of-type:not(:first-of-type) .dcg-segmented-control-btn {
    border-bottom-left-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em));
    border-top-right-radius: 0;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:last-of-type:not(:first-of-type) .dcg-segmented-control-btn:not(.dcg-selected):not(.dcg-hovered) {
    border-top: 0;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:last-of-type:not(:first-of-type) .dcg-segmented-control-btn.dcg-selected, .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:last-of-type:not(:first-of-type) .dcg-segmented-control-btn.dcg-hovered {
    border-top: 0;
    margin-top: 0;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:last-of-type .dcg-segmented-control-btn {
    border-top-right-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
    border-top-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
    border-bottom-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:last-of-type .dcg-segmented-control-btn:not(.dcg-selected):not(.dcg-hovered) {
    border-top: var(--segmented-control-button-border, 1px solid #bdbdbd);
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:last-of-type .dcg-segmented-control-btn.dcg-selected, .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper:first-of-type:last-of-type .dcg-segmented-control-btn.dcg-hovered {
    margin-top: 0;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper .dcg-segmented-control-btn {
    overflow-wrap: break-word;
    word-break: break-all;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper.has-audio .dcg-segmented-control-btn {
    padding-left: 3.5em;
    padding-top: 5.5px;
  }
  .dcg-multiple-choice-playground .choices-wrapper .choices-layout .segment-wrapper .dcg-multiple-choice {
    justify-content: left;
    text-align: left;
  }
}
@media screen and (max-width: 650px) {
  .dcg-multiple-choice-playground .choices-wrapper .segment-wrapper.has-audio .component-audio-player-wrapper,
  .dcg-multiple-choice-playground .choices-wrapper .segment-wrapper.has-audio .audio-player-placeholder {
    justify-content: start;
    z-index: 2;
    height: 0;
    top: var(--multi-choice-checbkox-segment-sm-screen-audio-player-top, 0);
    left: 15px;
  }
  .dcg-multiple-choice-playground .buttons-wrapper .dcg-multiple-choice {
    justify-content: left;
    text-align: left;
  }
}
.two-third .playground-component-container.right .dcg-multiple-choice-playground .dcg-multiple-choice .checkbox-wrapper.has-image-before-text .children span:has(.dcg-choice-image-container),
.one-third .playground-component-container.left .dcg-multiple-choice-playground .dcg-multiple-choice .checkbox-wrapper.has-image-before-text .children span:has(.dcg-choice-image-container) {
  display: flex;
  flex-direction: column;
}
.two-third .playground-component-container.right .dcg-multiple-choice-playground .dcg-multiple-choice .checkbox-wrapper.has-image-before-text .children span:has(.dcg-choice-image-container) .dcg-choice-image-container,
.one-third .playground-component-container.left .dcg-multiple-choice-playground .dcg-multiple-choice .checkbox-wrapper.has-image-before-text .children span:has(.dcg-choice-image-container) .dcg-choice-image-container {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0 0 0;
}
.two-third .playground-component-container.right .dcg-multiple-choice-playground .dcg-multiple-choice .checkbox-wrapper.has-image-before-text .children span:has(.dcg-choice-image-container) .dcg-choice-image-container:has(.dcg-choice-image),
.one-third .playground-component-container.left .dcg-multiple-choice-playground .dcg-multiple-choice .checkbox-wrapper.has-image-before-text .children span:has(.dcg-choice-image-container) .dcg-choice-image-container:has(.dcg-choice-image) {
  width: -moz-fit-content;
  width: fit-content;
}
/* src/js/activitybuilder/components/multiple-choice/playground/explain-view.scss */
.multiple-choice-explain-view {
  margin: 0 auto;
}
.multiple-choice-explain-view .dcg-explain-your-answer {
  animation: fadeIn 0.3s;
  position: relative;
  width: 100%;
}
.multiple-choice-explain-view .explain-text {
  margin-bottom: 10px;
  display: inline-block;
  max-width: calc(100% - 30px);
}
.multiple-choice-explain-view .capture-snapshot-container {
  position: absolute;
  top: -20px;
  right: 0;
}

.layout-top-student-view.two-column .dcg-explain-your-answer .dcg-edit-button {
  padding: 0 1em;
}

.dcg-layout-column.one-third .playground-component-container.left .dcg-explain-your-answer .dcg-textarea-submit-button,
.dcg-layout-column.two-third .playground-component-container.right .dcg-explain-your-answer .dcg-textarea-submit-button {
  font-size: var(--free-response-submit-button-font-size, 100%);
  padding: 0 0.7em;
}
.dcg-layout-column.one-third .playground-component-container.left .dcg-explain-your-answer .dcg-edit-button,
.dcg-layout-column.two-third .playground-component-container.right .dcg-explain-your-answer .dcg-edit-button {
  font-size: var(--free-response-edit-button-font-size, 100%);
  padding: 0 0.7em;
}

@media screen and (max-width: 790px) {
  .layout-top-student-view.two-column .dcg-explain-your-answer .dcg-edit-button {
    padding: 0 0.5em;
    font-size: var(--expression-input-button-font-size, 100%);
  }
  .layout-top-student-view.two-column .dcg-explain-your-answer .dcg-textarea-submit-button {
    font-size: var(--expression-input-button-font-size, 100%);
  }
  .dcg-layout-column.one-third .playground-component-container.left .dcg-explain-your-answer .dcg-textarea-submit-button,
  .dcg-layout-column.two-third .playground-component-container.right .dcg-explain-your-answer .dcg-textarea-submit-button {
    font-size: var(--free-response-submit-button-font-size-small, 90%);
    padding: 0 0.5em;
  }
  .dcg-layout-column.one-third .playground-component-container.left .dcg-explain-your-answer .dcg-edit-button,
  .dcg-layout-column.two-third .playground-component-container.right .dcg-explain-your-answer .dcg-edit-button {
    font-size: var(--free-response-edit-button-font-size-small, 90%);
    padding: 0 0.5em;
  }
}
/* src/js/activitybuilder/components/multiple-choice/playground/grid-layout.scss */
.dcg-multiple-choice-playground .grid-layout {
  line-height: 0;
  margin: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--multi-choice-tile-grid-margin-unit, -1));
  width: 100%;
}
.dcg-multiple-choice-playground .grid-layout .mc-tile-label .mc-tile-btn .card-grid-container:has(.letter-label) .dcg-choice-grid-text {
  max-height: calc(100% - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2.5);
}
.dcg-multiple-choice-playground .grid-layout .mc-tile-label .mc-tile-btn .card-grid-container:has(.letter-label.scale-minus-1.line-height-tight) .dcg-choice-grid-text {
  max-height: calc(100% - var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.dcg-multiple-choice-playground .grid-layout.grid-cols-3 {
  display: inline-block;
}
.dcg-multiple-choice-playground .grid-layout.grid-cols-3 .dcg-multiple-choice {
  width: calc((100% - var(--multi-choice-tile-gap, 0px) * 2) / 3);
}
.dcg-multiple-choice-playground .grid-layout.grid-cols-3 .dcg-multiple-choice:nth-child(3n+1),
.dcg-multiple-choice-playground .grid-layout.grid-cols-3 .dcg-multiple-choice:nth-child(3n+2) {
  margin-right: var(--multi-choice-tile-gap, unset);
}
.dcg-multiple-choice-playground .grid-layout.grid-cols-3 .dcg-multiple-choice:nth-child(3n+3):not(:last-child) {
  margin-bottom: var(--multi-choice-tile-gap, unset);
}
.dcg-multiple-choice-playground .grid-layout.grid-cols-2 {
  display: inline-block;
}
.dcg-multiple-choice-playground .grid-layout.grid-cols-2 .dcg-multiple-choice {
  width: calc((100% - var(--multi-choice-tile-gap, 0px)) / 2);
}
.dcg-multiple-choice-playground .grid-layout.grid-cols-2 .dcg-multiple-choice:nth-child(2n+1) {
  margin-right: var(--multi-choice-tile-gap, unset);
}
.dcg-multiple-choice-playground .grid-layout.grid-cols-2 .dcg-multiple-choice:nth-child(2n+2):not(:last-child) {
  margin-bottom: var(--multi-choice-tile-gap, unset);
}
.dcg-multiple-choice-playground .grid-layout.grid-cols-4 {
  display: inline-block;
}
.dcg-multiple-choice-playground .grid-layout.grid-cols-4 .dcg-multiple-choice {
  width: 25%;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice {
  position: relative;
  padding: var(--multi-choice-tile-card-spacing, 11px);
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-label {
  height: var(--multi-choice-tile-mc-tile-label-height, auto);
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-label .hidden-input {
  width: calc(100% - 22px);
  height: calc(100% - 22px);
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-label .hidden-input:focus-visible + .mc-tile-btn .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-hover, #bdbdbd);
  color: var(--multi-choice-letter-label-color-hover);
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-label .hidden-input:checked + .mc-tile-btn .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-selected, #1e4878);
  color: #fff;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-label .card-grid-container {
  position: relative;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-label .card-grid-container .letter-label {
  position: absolute;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  z-index: 1;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice.is-checkbox .dcg-choice-image:not(.text-only-card) .dcg-choice-grid-text {
  position: absolute;
  top: var(--multi-choice-tile-grid-text-checkbox-position-top, 5px);
  left: var(--multi-choice-tile-grid-text-checkbox-position-left, 5px);
  right: var(--multi-choice-tile-grid-text-checkbox-position-right, 5px);
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .dcg-choice-grid-text {
  position: absolute;
  top: var(--multi-choice-tile-grid-text-position-top, 5px);
  left: var(--multi-choice-tile-grid-text-position-left, 5px);
  right: var(--multi-choice-tile-grid-text-position-right, 5px);
  padding: 3px 6px;
  font-weight: var(--multi-choice-tile-font-weight);
  color: var(--multi-choice-tile-font-color, var(--amp-body-color, #3b3b3b));
  text-shadow: -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
  line-height: var(--multi-choice-tile-line-height, 110%);
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .dcg-choice-grid-text .dcg-calculator-api-container-v1_11 {
  vertical-align: middle;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .dcg-choice-grid-text .dcg-mq-math-mode {
  font-weight: var(--multi-choice-tile-font-weight);
  max-width: 100%;
  pointer-events: none;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice.mc-tile {
  display: inline-block;
  min-width: 2em;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-btn {
  text-wrap: wrap;
  word-break: break-word;
  font-weight: var(--multi-choice-tile-font-weight);
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-btn:hover .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-hover, #bdbdbd);
  color: var(--multi-choice-letter-label-color-hover);
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-btn:active .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-depressed, #a0a0a0);
  color: var(--multi-choice-letter-label-color-depressed);
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-btn:focus-visible .card-checkmark {
  border-color: var(--multi-choice-checkmark-border-color-selected, #9c0d63);
  border-radius: var(--amp-border-radius, 0.1875em);
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-btn > div {
  width: 100%;
  height: 100%;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-btn > div .dcg-choice-image {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0.53em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-btn > div .dcg-choice-image .dcg-choice-grid-text {
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.5);
  text-shadow: -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
  max-height: 95%;
  overflow: auto;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-btn > div.card-grid-container:has(.letter-label) .dcg-choice-grid-text {
  position: absolute;
  margin-top: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2.5);
  top: unset;
  left: 0;
  right: 0;
  transform: none;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-btn > div.card-grid-container:has(.letter-label.scale-minus-1.line-height-tight) .dcg-choice-grid-text {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-btn::before {
  pointer-events: none;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-btn .dcg-choice-image {
  text-align: left;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-btn .dcg-choice-image.text-only-card .dcg-choice-grid-text {
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  line-height: var(--multi-choice-tile-line-height);
  text-shadow: none;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .mc-tile-btn .dcg-choice-image.text-only-card .dcg-choice-grid-text .dcg-calculator-api-container-v1_11 {
  font-weight: var(--multi-choice-tile-font-weight);
  line-height: 1em;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .dcg-choice-image-container {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .dcg-choice-image-container .dcg-choice-image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  padding-bottom: calc(100% - var(--multi-choice-box-padding-bottom, 2px));
  overflow: auto;
  position: relative;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .dcg-choice-image-container .dcg-choice-image.text-only-card .dcg-choice-image {
  max-width: 200px;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .dcg-choice-image-container .dcg-choice-image.text-only-card .dcg-choice-grid-text {
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  color: var(--multi-choice-tile-font-color, var(--amp-body-color, #3b3b3b));
  position: absolute;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  max-height: 95%;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .dcg-choice-image-container .dcg-choice-image.polygraph-choice-placeholder {
  animation: pulse 2s infinite;
  background-color: #e2e2e2;
}
.dcg-multiple-choice-playground .grid-layout .dcg-multiple-choice .dcg-choice-image-container .correctness-indicator {
  position: absolute;
  right: 6px;
  bottom: 6px;
}

.dcg-layout-column.one-third .dcg-multiple-choice-playground .grid-layout.grid-cols-3 {
  display: inline-block;
}
.dcg-layout-column.one-third .dcg-multiple-choice-playground .grid-layout.grid-cols-3 .dcg-multiple-choice {
  width: 33.3333333333%;
}
.dcg-layout-column.one-third .dcg-multiple-choice-playground .grid-layout.grid-cols-3 .dcg-multiple-choice:nth-child(3n+1),
.dcg-layout-column.one-third .dcg-multiple-choice-playground .grid-layout.grid-cols-3 .dcg-multiple-choice:nth-child(3n+2) {
  margin-right: unset;
}
.dcg-layout-column.one-third .dcg-multiple-choice-playground .grid-layout.grid-cols-3 .dcg-multiple-choice:nth-child(3n+3):not(:last-child) {
  margin-bottom: unset;
}

.two-third .playground-component-container.right .dcg-multiple-choice-playground .grid-layout .mc-tile-label .mc-tile-btn .card-grid-container .letter-label,
.one-third .playground-component-container.left .dcg-multiple-choice-playground .grid-layout .mc-tile-label .mc-tile-btn .card-grid-container .letter-label {
  height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5);
  width: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5);
  line-height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5);
  line-height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
  font-size: calc(1em / var(--amp-scale-ratio));
}
.two-third .playground-component-container.right .dcg-multiple-choice-playground .grid-layout .mc-tile-label .mc-tile-btn .card-grid-container:has(.letter-label) .dcg-choice-grid-text,
.one-third .playground-component-container.left .dcg-multiple-choice-playground .grid-layout .mc-tile-label .mc-tile-btn .card-grid-container:has(.letter-label) .dcg-choice-grid-text {
  max-height: calc(100% - var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
/* src/js/activitybuilder/components/multiple-choice/playground/list-layout.scss */
.dcg-multiple-choice-playground .dcg-list-layout .dcg-multiple-choice {
  display: block;
  font-weight: var(--multi-choice-font-weight);
  clear: both;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * (var(--multi-choice-list-button-padding-rhythm-units, 0))) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * (var(--multi-choice-list-button-padding-rhythm-units, 1))) 0;
  line-height: calc(1.6em - 2px);
}
.dcg-multiple-choice-playground .dcg-list-layout .dcg-multiple-choice .dcg-choice-image-container {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  width: var(--multi-choice-image-container-width, 125px);
  height: var(--multi-choice-image-container-width, 125px);
  border: var(--multi-choice-image-container-border, 1px solid #e9e9e9);
  background-color: var(--multi-choice-image-container-background-color);
  border-radius: var(--amp-border-radius, 0.1875em);
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  position: relative;
}
.dcg-multiple-choice-playground .dcg-list-layout .dcg-multiple-choice .dcg-choice-image-container .dcg-choice-image {
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: var(--amp-border-radius, 0.1875em);
}
.dcg-multiple-choice-playground .dcg-list-layout .dcg-multiple-choice .dcg-choice-image-container .loading-message {
  font-size: var(--multi-choice-loading-message-font-size, 110%);
  font-weight: var(--multi-choice-loading-message-font-weight);
  color: var(--multi-choice-loading-message-color);
}
.dcg-multiple-choice-playground .dcg-list-layout .dcg-multiple-choice .dcg-choice-checkbox {
  font-family: var(--font-family);
  font-weight: var(--font-weight-default);
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  color: var(--multi-choice-list-checkbox-color);
}
.dcg-multiple-choice-playground .dcg-list-layout .dcg-multiple-choice .children span > div + .dcg-choice-image-container {
  margin: var(--multi-choice-image-container-margin-top) var(--multi-choice-image-container-margin-bottom);
}
/* src/js/activitybuilder/components/multiple-choice/playground/mc-tile-group-layout.scss */
.amp-styles .uses-responsive-grid .mc-tile {
  --multi-choice-tile-card-spacing: 0;
  --amp-mc-tile-checkbox-size: min(
    calc(calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) * 1.5),
    40%
  );
  --amp-mc-tile-checkbox-position: calc(
    calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) * -0.5
  );
  --amp-mc-tile-checkbox-size: min(
    calc(calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) * 1.5),
    40%
  );
  --amp-mc-tile-checkbox-position: calc(
    calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) * -0.5
  );
  min-width: auto;
}
.amp-styles .uses-responsive-grid .mc-tile-group {
  --amp-tile-buffer-units: 16;
  display: grid;
  gap: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1);
  grid-template-columns: repeat(auto-fit, minmax(6.25rem, 1fr));
  width: 100%;
}
@media (max-width: 1199.98px) {
  .amp-styles .uses-responsive-grid .mc-tile-group:has(.mc-tile:nth-of-type(2)):not(:has(.mc-tile:nth-of-type(3))) {
    margin: 0 auto;
    max-width: calc(37.5rem + calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1);
  }
}
@media (min-width: 992px) {
  .amp-styles .uses-responsive-grid .mc-tile-group {
    justify-content: end;
  }
  .amp-styles .uses-responsive-grid .mc-tile-group:has(.mc-tile:nth-of-type(2)):not(:has(.mc-tile:nth-of-type(3))) {
    grid-template-columns: repeat(2, min((100% - 1 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 2, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(0 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 1, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .mc-tile-group:has(.mc-tile:nth-of-type(3)):not(:has(.mc-tile:nth-of-type(4))) {
    grid-template-columns: repeat(3, min((100% - 2 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 3, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(0 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 1, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .mc-tile-group:has(.mc-tile:nth-of-type(4)):not(:has(.mc-tile:nth-of-type(5))) {
    grid-template-columns: repeat(4, min((100% - 3 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 4, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(0 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 1, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .mc-tile-group:has(.mc-tile:nth-of-type(5)):not(:has(.mc-tile:nth-of-type(6))) {
    grid-template-columns: repeat(5, min((100% - 4 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 5, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(0 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 1, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .mc-tile-group:has(.mc-tile:nth-of-type(6)):not(:has(.mc-tile:nth-of-type(7))) {
    grid-template-columns: repeat(3, min((100% - 2 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 3, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(1 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 2, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .mc-tile-group:has(.mc-tile:nth-of-type(7)):not(:has(.mc-tile:nth-of-type(8))) {
    grid-template-columns: repeat(4, min((100% - 3 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 4, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(1 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 2, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .mc-tile-group:has(.mc-tile:nth-of-type(8)):not(:has(.mc-tile:nth-of-type(9))) {
    grid-template-columns: repeat(4, min((100% - 3 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 4, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(1 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 2, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .mc-tile-group:has(.mc-tile:nth-of-type(9)):not(:has(.mc-tile:nth-of-type(10))) {
    grid-template-columns: repeat(3, min((100% - 2 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 3, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(2 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 3, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .mc-tile-group:has(.mc-tile:nth-of-type(10)):not(:has(.mc-tile:nth-of-type(11))) {
    grid-template-columns: repeat(5, min((100% - 4 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 5, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(1 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 2, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .mc-tile-group:has(.mc-tile:nth-of-type(11)).mc-tile-group {
    grid-template-columns: repeat(5, min((100% - 4 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 5, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(2 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 3, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .col-second .mc-tile-group {
    justify-content: start;
  }
  .amp-styles .uses-responsive-grid .col-full .mc-tile-group {
    justify-content: center;
  }
  .amp-styles .uses-responsive-grid .col-two-thirds .mc-tile-group:has(.mc-tile:nth-of-type(5)):not(:has(.mc-tile:nth-of-type(6))) {
    grid-template-columns: repeat(3, min((100% - 2 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 3, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(1 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 2, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .col-two-thirds .mc-tile-group:has(.mc-tile:nth-of-type(10)).mc-tile-group {
    grid-template-columns: repeat(4, min((100% - 3 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 4, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(2 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 3, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .col-half .mc-tile-group:has(.mc-tile:nth-of-type(4)):not(:has(.mc-tile:nth-of-type(5))) {
    grid-template-columns: repeat(2, min((100% - 1 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 2, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(1 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 2, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .col-half .mc-tile-group:has(.mc-tile:nth-of-type(5)):not(:has(.mc-tile:nth-of-type(6))) {
    grid-template-columns: repeat(3, min((100% - 2 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 3, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(1 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 2, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .col-half .mc-tile-group:has(.mc-tile:nth-of-type(10)).mc-tile-group {
    grid-template-columns: repeat(4, min((100% - 3 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 4, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(2 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 3, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .col-one-third .mc-tile-group:has(.mc-tile:nth-of-type(3)):not(:has(.mc-tile:nth-of-type(4))) {
    grid-template-columns: repeat(2, min((100% - 1 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 2, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(1 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 2, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .col-one-third .mc-tile-group:has(.mc-tile:nth-of-type(4)):not(:has(.mc-tile:nth-of-type(5))) {
    grid-template-columns: repeat(2, min((100% - 1 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 2, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(1 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 2, 18.75rem), 6.25rem)));
  }
  .amp-styles .uses-responsive-grid .col-one-third .mc-tile-group:has(.mc-tile:nth-of-type(5)).mc-tile-group {
    grid-template-columns: repeat(2, min((100% - 1 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) / 2, max(min((calc(100vh - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--amp-tile-buffer-units))) - calc(2 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1)) / 3, 18.75rem), 6.25rem)));
  }
}
/* src/js/activitybuilder/components/multiple-choice/playground/view.scss */
.dcg-multiple-choice-playground {
  width: 100%;
  margin: 0 auto 15px;
  position: relative;
}
.dcg-multiple-choice-playground.mc-type-segment {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
  transform: translate(-50%);
  left: 50%;
}
.dcg-multiple-choice-playground.segmented-above-graph-with-sketch {
  margin-bottom: 0;
}
.dcg-multiple-choice-playground.segmented-above-graph-with-sketch .choices-layout {
  padding-bottom: 0;
}
.dcg-multiple-choice-playground .right-submit-button {
  float: right;
  margin: 6px 0 10px;
}
.dcg-multiple-choice-playground .submit-container {
  text-align: right;
}
.dcg-multiple-choice-playground .dcg-multiple-choice {
  position: relative;
}
.dcg-multiple-choice-playground .dcg-multiple-choice .dcg-mq-math-mode {
  cursor: pointer;
}
.dcg-multiple-choice-playground .dcg-instruction-prompt {
  color: var(--font-color-default, #666);
  font-size: var(--font-size-default, 90%);
  font-style: var(--multi-choice-instruction-font-style, italic);
  margin-bottom: var(--multi-choice-instruction-margin-bottom, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.dcg-multiple-choice-playground .choices-wrapper {
  display: flex;
  margin-bottom: var(--multi-choice-wrapper-margin-bottom, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  position: relative;
}
.dcg-multiple-choice-playground .choices-wrapper.is-above-graph-or-sketch {
  margin-bottom: var(--multi-choice-wrapper-margin-bottom, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.dcg-multiple-choice-playground .choices-wrapper.left {
  flex-direction: row-reverse;
}
.dcg-multiple-choice-playground .choices-wrapper.edit-disabled {
  opacity: 0.4;
  filter: var(--multi-choice-edit-disabled-filter, none);
  pointer-events: none;
}
.dcg-multiple-choice-playground .choices-wrapper.edit-disabled .dcg-multiple-choice,
.dcg-multiple-choice-playground .choices-wrapper.edit-disabled .mc-tile-btn {
  opacity: 1 !important;
}
.dcg-multiple-choice-playground .choices-wrapper .choices-layout {
  max-width: 100%;
  flex: 1 0 auto;
}

.layout-top-student-view:not(.fullscreen-layout):not(.two-column) .dcg-multiple-choice-playground .dcg-instruction-prompt {
  text-align: center;
}
.layout-top-student-view:not(.fullscreen-layout):is(.two-column) .dcg-layout-column .grid-layout-with-audio.grid-cols-3 .grid-button-wrapper.has-audio, .layout-top-student-view:not(.fullscreen-layout):is(.two-column) .dcg-layout-column .grid-layout-with-audio.grid-cols-4 .grid-button-wrapper.has-audio, .layout-top-student-view:not(.fullscreen-layout):is(.two-column) .dcg-layout-column .grid-layout-with-audio.grid-cols-2 .grid-button-wrapper.has-audio {
  width: calc(50% - var(--audio-player-size-sm, 39px) * 2);
}
.layout-top-student-view:not(.fullscreen-layout):is(.two-column) .dcg-layout-column .grid-layout-with-audio.grid-cols-3 .grid-button-wrapper.has-audio:nth-child(2n+1), .layout-top-student-view:not(.fullscreen-layout):is(.two-column) .dcg-layout-column .grid-layout-with-audio.grid-cols-4 .grid-button-wrapper.has-audio:nth-child(2n+1), .layout-top-student-view:not(.fullscreen-layout):is(.two-column) .dcg-layout-column .grid-layout-with-audio.grid-cols-2 .grid-button-wrapper.has-audio:nth-child(2n+1) {
  margin-left: 29px;
  margin-right: calc(var(--audio-player-size-sm, 39px) + 10px);
}
/* src/js/activitybuilder/components/multiple-choice/shared/selectable-button.scss */
.dcg-multiple-choice-playground .choices-layout .btn.btn-multipurpose.btn-raised {
  height: auto;
}
.dcg-multiple-choice-playground .choices-layout:has(.dcg-choice-image-container) .dcg-full-width-button {
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.dcg-multiple-choice-playground .choices-layout:has(.dcg-choice-image-container) .dcg-full-width-button.with-letter-label:has(.button-checkmark) {
  padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.dcg-multiple-choice-playground .choices-layout:has(.dcg-choice-image-container) .dcg-full-width-button.with-letter-label .button-checkmark {
  position: absolute;
  top: calc(-1 * var(--multi-choice-basic-padding-top-bottom, 0));
  right: calc(-1 * var(--multi-choice-basic-padding-left-right, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5)));
}
.dcg-multiple-choice-playground .choices-layout:has(.dcg-choice-image-container) .dcg-multiple-choice.is-selected .dcg-full-width-button.with-letter-label .button-checkmark::before {
  background-color: var(--multi-choice-letter-label-background-color-selected, #1e4878);
  border: none;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .button-checkmark {
  font-size: 1em;
  margin-right: 0px;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .button-checkmark::before {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  background-color: var(--multi-choice-basic-checkmark-background-color, transparent);
  border: var(--multi-choice-basic-checkmark-border, none);
  border-radius: 0.1875em;
  color: var(--multi-choice-basic-checkmark-color, rgba(255, 255, 255, 0));
  font-size: 1.25em;
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  justify-content: center;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
  transition: all 0.2s linear;
  width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button {
  width: 100%;
  margin-bottom: var(--multi-choice-button-gap, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  height: auto;
  border: var(--multi-choice-box-border, 1px solid #bdbdbd);
  line-height: calc(1.6em - 2px);
  padding: var(--multi-choice-basic-padding-top-bottom, 0) var(--multi-choice-basic-padding-left-right, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  word-break: break-word;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button.with-letter-label {
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button .children span:has(.dcg-choice-image-container) {
  display: flex;
  flex-direction: row-reverse;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button .children span:has(.dcg-choice-image-container) .dcg-choice-image-container {
  flex-shrink: 0;
  margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0 0;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button .children span:has(.dcg-choice-image-container) .dcg-choice-image-container:has(.dcg-choice-image) {
  width: auto;
  height: 100%;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button .children span:has(.dcg-choice-image-container) .dcg-choice-image-container .dcg-choice-image {
  height: auto;
  width: var(--multi-choice-image-container-with-letter-label-width, 125px);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
  pointer-events: none;
  font-weight: var(--multi-choice-font-weight);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode .dcg-mq-fraction {
  font-weight: var(--multi-choice-font-weight);
  vertical-align: var(--multi-choice-button-fraction-vertical-align, -0.4em);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button.disabled {
  opacity: 1;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice:not(.is-selected).dcg-hovered .button-checkmark::before, .dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice:not(.is-selected):focus-visible .button-checkmark::before,
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice:not(.is-selected) .dcg-full-width-button:focus-visible .button-checkmark::before {
  border-color: var(--multi-choice-basic-checkmark-border-color-hover, rgba(255, 255, 255, 0));
  background: var(--multi-choice-basic-checkmark-background-color-hover, rgba(255, 255, 255, 0));
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.dcg-depressed .dcg-full-width-button {
  border: var(--multi-choice-box-border-depressed, 1px solid rgba(0, 0, 0, 0.35));
  box-shadow: var(--multi-choice-box-shadow-depressed, inset 0 0 0 var(--box-shadow-width) 1px);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .dcg-full-width-button {
  color: #fff;
  border: var(--multi-choice-box-border-selected, 1px solid rgba(0, 0, 0, 0.2));
  box-shadow: var(--multi-choice-box-shadow-selected, inset 0 0 0 var(--box-shadow-width) 1px);
  background: var(--multi-choice-background-selected, #3278c8);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .button-checkmark::before {
  color: var(--multi-choice-basic-checkmark-color-selected, rgba(255, 255, 255, 0));
  background: transparent;
  border-color: var(--multi-choice-basic-checkmark-border-color-selected, rgba(255, 255, 255, 0));
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected.is-submitted .dcg-full-width-button, .dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected.dcg-hovered .dcg-full-width-button {
  box-shadow: var(--multi-choice-box-shadow-selected, inset 0 0 0 var(--box-shadow-width) 1px);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected:focus-visible,
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .dcg-full-width-button:focus-visible {
  box-shadow: var(--multi-choice-box-shadow-selected-focus-visible, 0 0 0 0.125em #fff, 0 0 0 0.3125em var(--amp-focus-color, #9c0d63), 0 0.25em 0 #80b4f1);
  background: var(--multi-choice-background-selected-focus-visible, #3278c8);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected.dcg-hovered.is-submitted .dcg-full-width-button {
  background: var(--multi-choice-button-background-selected-hover, rgba(112, 112, 112, 0.8));
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected.dcg-hovered:not(.is-submitted) .dcg-full-width-button {
  background: var(--multi-choice-button-background-selected-hover, #3278c8);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected.dcg-depressed:not(.is-submitted) .dcg-full-width-button, .dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected.dcg-depressed.is-submitted .dcg-full-width-button {
  background: var(--multi-choice-button-background-selected-depressed);
  box-shadow: var(--multi-choice-box-shadow-selected-depressed);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice:last-child .dcg-full-width-button {
  margin-bottom: unset;
}

.two-third .playground-component-container.right .dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .dcg-full-width-button .button-checkmark::before,
.one-third .playground-component-container.left .dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .dcg-full-width-button .button-checkmark::before {
  background-color: var(--multi-choice-letter-label-background-color-selected, #1e4878);
  border: none;
}
.two-third .playground-component-container.right .dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button:has(.button-checkmark),
.one-third .playground-component-container.left .dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button:has(.button-checkmark) {
  padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.two-third .playground-component-container.right .dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button .button-checkmark,
.one-third .playground-component-container.left .dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button .button-checkmark {
  position: absolute;
  top: calc(-1 * var(--multi-choice-basic-padding-top-bottom, 0));
  right: calc(-1 * var(--multi-choice-basic-padding-left-right, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5)));
}
.two-third .playground-component-container.right .dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button .children span:has(.dcg-choice-image-container),
.one-third .playground-component-container.left .dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button .children span:has(.dcg-choice-image-container) {
  display: flex;
  flex-direction: column;
}
.two-third .playground-component-container.right .dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button .children span:has(.dcg-choice-image-container) .dcg-choice-image-container,
.one-third .playground-component-container.left .dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button .children span:has(.dcg-choice-image-container) .dcg-choice-image-container {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0 0 0;
}
.two-third .playground-component-container.right .dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button .children span:has(.dcg-choice-image-container) .dcg-choice-image-container:has(.dcg-choice-image),
.one-third .playground-component-container.left .dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .dcg-full-width-button .children span:has(.dcg-choice-image-container) .dcg-choice-image-container:has(.dcg-choice-image) {
  width: -moz-fit-content;
  width: fit-content;
}
/* src/js/activitybuilder/components/penny-dragging-widget/miniscreen/view.scss */
.penny-circle-widget-miniscreen {
  width: 100%;
  height: 90%;
  background: url("/fingerprinted/static/classroom-assets/img/pennycircle/pennies_miniscreen-e262dc1abfff64f01c23543e7cc7c61674d4a071-b.png") no-repeat center center;
  background-size: contain;
}
/* src/js/activitybuilder/components/penny-dragging-widget/playground/view.scss */
.penny-widget-playground {
  flex: 1 0 auto;
  max-width: 550px;
  margin: auto;
}
.penny-widget-playground canvas {
  margin-top: 10px;
}
.penny-widget-playground .canvas-container {
  width: 100%;
  min-height: 500px;
}
.penny-widget-playground .size-controls {
  -webkit-user-select: none;
          user-select: none;
  height: 2.5em;
}
.penny-widget-playground .size-stepper {
  border-radius: 0;
  float: left;
}
.penny-widget-playground .size-stepper:first-of-type {
  border-top-left-radius: var(--amp-border-radius, 0.1875em);
  border-bottom-left-radius: var(--amp-border-radius, 0.1875em);
}
.penny-widget-playground .size-stepper:last-of-type {
  border-top-right-radius: var(--amp-border-radius, 0.1875em);
  border-bottom-right-radius: var(--amp-border-radius, 0.1875em);
}
.penny-widget-playground .size-stepper .rhythm-icon {
  margin: 0;
}
.penny-widget-playground .size-measure {
  float: left;
  height: 2.5em;
  line-height: 2.5em;
  border: 1px solid #bdbdbd;
  border-right: 0;
  border-left: 0;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  width: 140px;
  text-align: center;
}

.penny-dragging-widget-loading {
  text-align: center;
}

@media screen and (min-width: 1500px) {
  .penny-widget-playground .size-measure {
    min-width: 150px;
  }
}
/* src/js/activitybuilder/components/polygraph/miniscreen/view.scss */
.polygraph-miniscreen .polygraph-miniscreen-card-grid {
  position: absolute;
  top: 35px;
  left: 0;
  bottom: 0;
  right: 0;
}
.polygraph-miniscreen .polygraph-miniscreen-card-grid .polygraph-miniscreen-card-row {
  display: flex;
  justify-content: center;
  margin-bottom: 2px;
}
.polygraph-miniscreen .polygraph-miniscreen-card-grid .polygraph-miniscreen-card-row .polygraph-miniscreen-card {
  border: 1px solid #bdbdbd;
  border-radius: 2px;
  width: 9px;
  height: 9px;
  margin-left: 2px;
}

.alp-preview-miniscreen .polygraph-miniscreen .polygraph-miniscreen-card-grid .polygraph-miniscreen-card-row {
  margin-bottom: 3px;
}
.alp-preview-miniscreen .polygraph-miniscreen .polygraph-miniscreen-card-grid .polygraph-miniscreen-card-row .polygraph-miniscreen-card {
  border-radius: 3px;
  width: 20px;
  height: 20px;
  margin-left: 3px;
}
/* src/js/activitybuilder/components/polygraph/playground/game/game-end-confirmation-modal.scss */
.game-end-confirmation-modal .game-end-confirmation-modal-contents {
  padding: var(--polygraph-game-end-confirmation-modal-contents-padding, 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3));
  display: flex;
  flex-direction: column;
}
.game-end-confirmation-modal .game-end-confirmation-modal-contents .game-end-confirmation-modal-message-title.h4,
.game-end-confirmation-modal .game-end-confirmation-modal-contents .game-end-confirmation-modal-message-title.h3 {
  font-weight: 700;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.game-end-confirmation-modal .game-end-confirmation-modal-contents .game-end-confirmation-modal-message {
  font-family: var(--polygraph-paragraph-font-family);
}
.game-end-confirmation-modal .game-end-confirmation-modal-actions {
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: var(--polygraph-game-end-confirmation-modal-actions-margin-top, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
/* src/js/activitybuilder/components/polygraph/playground/game/game.scss */
.ab-polygraph-game {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1;
  width: 100%;
}
.ab-polygraph-game .ab-polygraph-game-contents {
  width: 100%;
  display: flex;
  justify-content: center;
}
.ab-polygraph-game .left-column,
.ab-polygraph-game .pick-target-container {
  flex: 0 1 550px;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.ab-polygraph-game .right-column {
  flex: 0 0 var(--polygraph-chat-width, 300px);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.ab-polygraph-game .left-column,
.ab-polygraph-game .right-column,
.ab-polygraph-game .pick-target-container {
  position: relative;
  display: inline-block;
  height: 550px;
}
.ab-polygraph-game .left-column .game-status,
.ab-polygraph-game .right-column .game-status,
.ab-polygraph-game .pick-target-container .game-status {
  width: 100%;
  margin: 0 0 var(--polygraph-game-status-margin-bottom, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2)) 0;
  color: var(--amp-body-color, #3b3b3b);
}
.ab-polygraph-game .pick-target-container {
  text-align: center;
}
.ab-polygraph-game .pick-target-container .pick-target-header {
  text-align: center;
}
.ab-polygraph-game .pick-target-container .pick-target-header .label-normal {
  font-weight: 500;
  color: #3b3b3b;
}
.ab-polygraph-game .pick-target-container .ab-polygraph-skip-practice {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) 0;
}

@media screen and (max-width: 870px) {
  .ab-polygraph-game .pick-target-container .pick-target-header .pick-target-instructions {
    display: block;
    margin-bottom: 5px;
  }
  .ab-polygraph-game .pick-target-container .pick-target-header .action-pick-target {
    margin-left: 0;
  }
  .ab-polygraph-game .left-column {
    width: calc(100% - 300px);
  }
}
@media screen and (max-width: 750px) {
  .ab-polygraph-game .ab-polygraph-game-contents .left-column {
    width: calc(100% - 250px);
  }
  .ab-polygraph-game .ab-polygraph-game-contents .right-column {
    flex: 0 0 var(--polygraph-chat-width-narrow, 250px);
    height: 480px;
  }
  .ab-polygraph-game .ab-polygraph-game-contents .right-column .ab-polygraph-chat-widget {
    width: 250px;
  }
}
@media screen and (max-width: 650px) {
  .ab-polygraph-game {
    margin-top: 0;
    position: absolute;
    top: 55px;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .ab-polygraph-game .ab-polygraph-skip-practice {
    margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .ab-polygraph-game .ab-polygraph-game-contents {
    flex-direction: column;
    height: 100%;
  }
  .ab-polygraph-game .ab-polygraph-game-contents .left-column {
    width: 100%;
    flex: 1;
    height: unset;
    padding: 10px;
  }
  .ab-polygraph-game .ab-polygraph-game-contents .right-column {
    justify-self: flex-end;
    padding-bottom: 0;
    margin: 0;
    flex: 1;
    max-height: 40%;
    min-height: 210px;
  }
  .ab-polygraph-game .ab-polygraph-game-contents .right-column .game-status {
    display: none;
  }
  .ab-polygraph-game .ab-polygraph-game-contents .right-column .ab-polygraph-chat-widget {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
}
/* src/js/activitybuilder/components/polygraph/playground/game/idle-modal.scss */
.idle-modal .idle-modal-contents {
  min-width: 500px;
  padding: var(--polygraph-idle-modal-contents-padding, 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3));
  display: flex;
  flex-direction: column;
}
.idle-modal .idle-modal-actions {
  text-align: right;
}
.idle-modal .idle-modal-message-title.h4,
.idle-modal .idle-modal-message-title.h3 {
  font-weight: 700;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.idle-modal .idle-modal-message {
  font-family: var(--polygraph-paragraph-font-family);
}
/* src/js/activitybuilder/components/polygraph/playground/game/partner-idle-modal.scss */
.modal-cover.has-footer-content .modal-container .footer-content-wrapper {
  padding: var(--polygraph-footer-content-wrapper-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3));
}

.partner-idle-modal-contents {
  padding: var(--polygraph-idle-modal-contents-padding, 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3));
  display: flex;
}
.partner-idle-modal-contents .partner-idle-image {
  flex: 0 0 150px;
  width: 150px;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) 0 0;
}
.partner-idle-modal-contents .partner-idle-image img {
  height: 100%;
  width: 100%;
}
.partner-idle-modal-contents .partner-idle-modal-right-content .partner-idle-message {
  font-family: var(--polygraph-paragraph-font-family);
  display: block;
}
.partner-idle-modal-contents .partner-idle-modal-right-content .partner-idle-modal-actions {
  text-align: right;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.partner-idle-modal-contents .partner-idle-modal-right-content .partner-idle-title.h4,
.partner-idle-modal-contents .partner-idle-modal-right-content .partner-idle-title.h3 {
  font-weight: 700;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}

@media screen and (max-width: 575px) {
  .partner-idle-modal-contents {
    flex-direction: column;
  }
  .partner-idle-modal-contents .partner-idle-image {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
/* src/js/activitybuilder/components/polygraph/playground/game/result-modal.scss */
.polygraph-result-modal .polygraph-result-modal-contents {
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  display: flex;
}
.polygraph-result-modal .ab-polygraph-card-view {
  flex: 0 0 250px;
  height: 250px;
  width: 250px;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) 0 0;
}
.polygraph-result-modal .result-details {
  display: flex;
  flex-direction: column;
}
.polygraph-result-modal .result-details .result-description {
  flex: 1;
  max-width: 500px;
  font-family: var(--polygraph-paragraph-font-family);
}
.polygraph-result-modal .result-details i.win {
  color: #00866b;
}
.polygraph-result-modal .result-details i.loss {
  color: #db2e00;
}
.polygraph-result-modal .result-details .header-row {
  display: flex;
  align-items: center;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.polygraph-result-modal .result-details .win-title {
  margin: 0;
}
.polygraph-result-modal .result-details .win-title.h4,
.polygraph-result-modal .result-details .win-title.h3 {
  font-weight: 700;
}
.polygraph-result-modal .result-details .action-buttons {
  text-align: right;
}

@media screen and (max-width: 575px) {
  .polygraph-result-modal-contents {
    flex-direction: column;
    align-items: center;
  }
  .polygraph-result-modal-contents .ab-polygraph-card-view {
    margin-right: 0;
    height: 200px;
    width: 200px;
    flex: 0 0 200px;
  }
}
/* src/js/activitybuilder/components/polygraph/playground/home/home.scss */
:not(:root):-webkit-full-screen::backdrop {
  position: fixed;
  inset: 0px;
  background: none;
}

:not(:root):fullscreen::backdrop {
  position: fixed;
  inset: 0px;
  background: none;
}

.ab-polygraph-home-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ab-polygraph-home-container .toast-container:not(.hidden) {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  padding: 20px;
}
.ab-polygraph-home-container .toast-container:not(.hidden) .ab-polygraph-preview-warning-toast.toast {
  position: relative;
}
.ab-polygraph-home-container .toast-container:not(.hidden) .ab-polygraph-preview-warning-toast.toast .pillow-icon-error {
  color: #f37321;
}

.toast-container:not(.hidden) + .ab-polygraph-home {
  height: calc(100% - 35px);
}

.ab-polygraph-home {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  max-height: 600px;
  max-width: 1000px;
  padding: 10px 20px;
}
.ab-polygraph-home .ab-polygraph-preview-container {
  display: flex;
  width: 50%;
  height: 100%;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.ab-polygraph-home .ab-polygraph-preview-container .ab-polygraph-grid-preview {
  width: 100%;
  height: 100%;
}
.ab-polygraph-home .ab-polygraph-preview-container .ab-polygraph-grid-preview .fixed-aspect-container {
  margin-top: 0;
}
.ab-polygraph-home .ab-polygraph-landing-content {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-cta-container {
  display: flex;
  flex-direction: column;
  background: #ebf2fa;
  border-radius: var(--amp-border-radius, 0.1875em);
  align-items: center;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2 / 2);
  min-width: 398px;
  overflow: hidden;
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-cta-container .label-normal {
  font-weight: 500;
  color: #3b3b3b;
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-cta-container .cta-image {
  max-width: 250px;
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-cta-container .cta-image img {
  width: 100%;
  margin-bottom: -5px;
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-cta-container .h3,
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-cta-container .h4 {
  flex: 1;
  text-align: center;
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-cta-container .h4 {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * var(--polygraph-heading-margin-top-rhythm-units, 3));
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * var(--polygraph-heading-margin-bottom-rhythm-units, 3));
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-cta-container .start-game-btn {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-cta-container .start-game-btn .rhythm-icon {
  margin: 0 0 0 0.25em;
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-help-center-link {
  display: flex;
  align-items: center;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  color: var(--amp-body-color, #3b3b3b);
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-help-center-link .rhythm-icon {
  margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-status-container {
  flex: 1;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2 / var(--polygraph-completed-polygraph-section-margin-divider, 1));
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-status-container .completed-polygraph-section {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2 / var(--polygraph-completed-polygraph-section-margin-divider, 1));
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-status-container .completed-polygraph-section .completed-section-title {
  font-family: var(--font-family);
  color: var(--polygraph-completed-section-title-color, #333);
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * var(--polygraph-completed-section-title-rhythm-units, 0.4));
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-status-container .completed-polygraph-section .completed-section-cards {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * var(--polygraph-completed-section-cards-gap-rhythm-units, 0.5));
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-status-container .completed-polygraph-section .completed-section-cards .preview-miniscreen-container {
  height: var(--polygraph-completed-question-card-height, 120px);
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-status-container .completed-polygraph-section .completed-section-cards .preview-miniscreen-container .section-annotation-wrapper,
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-status-container .completed-polygraph-section .completed-section-cards .preview-miniscreen-container .section-annotation-wrapper .miniscreen {
  top: 0;
  border-color: #bdbdbd;
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-status-container .completed-polygraph-section .completed-section-cards .preview-miniscreen-container .section-annotation-wrapper .section-annotation-border {
  display: none;
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-status-container .completed-polygraph-section .completed-section-cards .preview-miniscreen-container .miniscreen.dcg-hovered {
  border-color: #3278c8;
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-status-container .completed-polygraph-section .completed-section-cards .preview-miniscreen-container .miniscreen.dcg-depressed {
  border-color: #004f9b;
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-status-container .completed-polygraph-section .completed-section-cards .completed-game-card {
  height: var(--polygraph-completed-game-card-size, 70px);
  width: var(--polygraph-completed-game-card-size, 70px);
  overflow: hidden;
  position: relative;
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-status-container .completed-polygraph-section .completed-section-cards .completed-game-card .completed-game-result {
  position: absolute;
  right: 0px;
  bottom: -6px;
  color: var(--amp-body-color, #3b3b3b);
}
.ab-polygraph-home .ab-polygraph-landing-content .ab-polygraph-status-container .completed-polygraph-section .completed-section-cards .completed-question-card {
  height: var(--polygraph-completed-question-card-height, 120px);
  width: var(--polygraph-completed-question-card-width, 156px);
}

@media screen and (max-width: 700px) {
  .ab-polygraph-home .ab-polygraph-preview-container .ab-polygraph-grid-preview .ab-polygraph-card-view {
    min-width: 25px;
    min-height: 25px;
  }
}
@media screen and (max-width: 650px) {
  .ab-polygraph-home {
    flex-direction: column;
    align-items: center;
    max-height: 100%;
  }
  .ab-polygraph-home.has-completed-items .ab-polygraph-preview-container {
    display: none;
  }
  .ab-polygraph-home:not(.has-completed-items) .ab-polygraph-preview-container {
    order: 1;
    margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) 0 0;
    padding-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
    width: 100%;
  }
  .ab-polygraph-home .ab-polygraph-landing-content {
    width: 100%;
  }
}
/* src/js/activitybuilder/components/polygraph/playground/interstitial-questions/question-view.scss */
.interstitial-question-contents {
  height: 100%;
  max-width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.interstitial-question-contents .gray-header-background {
  width: 100%;
  height: 55px;
  background: #f7f7f7;
  border-bottom: 1px solid #eee;
}
.interstitial-question-contents .interstitial-question {
  flex: 1 1;
  position: relative;
}
/* src/js/activitybuilder/components/polygraph/playground/pairing/waiting-for-partner.scss */
@keyframes fadeInAndShift {
  0% {
    opacity: 0;
    margin-bottom: -40px;
  }
  50% {
    opacity: 0;
    margin-bottom: 0;
  }
  100% {
    opacity: 1;
    margin-bottom: 0;
  }
}
.ab-polygraph-waiting-for-partner {
  flex: 1 1;
  width: 100%;
  padding: 0 20px;
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ab-polygraph-waiting-for-partner .ab-polygraph-grid-preview {
  flex: 1;
}
.ab-polygraph-waiting-for-partner .ab-polygraph-grid-preview .ab-polygraph-card-view {
  min-width: 25px;
  min-height: 25px;
}
.ab-polygraph-waiting-for-partner .game-preview {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  -webkit-user-select: none;
          user-select: none;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-user-select: none;
  width: 100%;
  height: 100%;
}
.ab-polygraph-waiting-for-partner .game-preview .game-preview-right-content {
  margin-left: 20px;
  width: 400px;
}
.ab-polygraph-waiting-for-partner .game-preview .waiting-animation-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ab-polygraph-waiting-for-partner .game-preview .waiting-animation-container .image-container {
  max-width: 150px;
}
.ab-polygraph-waiting-for-partner .game-preview .waiting-animation-container .image-container .partner-waiting-image {
  width: 100%;
}
.ab-polygraph-waiting-for-partner .game-preview .waiting-animation-container .loading-title {
  font-size: 160%;
}
.ab-polygraph-waiting-for-partner .game-preview .other-student-questions-title {
  margin-top: 20px;
}
.ab-polygraph-waiting-for-partner .game-preview .other-student-questions {
  margin-top: 20px;
}
.ab-polygraph-waiting-for-partner .game-preview .other-student-question {
  border-left: 1px solid #bdbdbd;
  animation: fadeInAndShift 600ms;
  min-height: 40px;
  padding: 5px 0 5px 15px;
  transition: 0.3s opacity;
}
.ab-polygraph-waiting-for-partner .game-preview .other-student-question .other-student-name {
  text-transform: uppercase;
  color: #999;
  font-size: 90%;
  line-height: 2em;
}
.ab-polygraph-waiting-for-partner .game-preview .other-student-question .other-student-question-text {
  clear: both;
  margin-bottom: 15px;
  overflow-wrap: break-word;
}
.ab-polygraph-waiting-for-partner .game-preview .partner-responses-placeholder {
  font-size: 90%;
  color: #999;
  margin-top: 20px;
  text-align: center;
}
.ab-polygraph-waiting-for-partner .toast-container:not(.hidden) + .game-preview {
  margin-top: 60px;
}
.ab-polygraph-waiting-for-partner .ab-polygraph-waiting-toast .pillow-icon-error {
  color: #fa824c;
}

@media screen and (max-width: 760px) {
  .ab-polygraph-waiting-for-partner .ab-polygraph-grid-preview {
    display: none;
  }
  .ab-polygraph-waiting-for-partner .game-preview .game-preview-right-content {
    margin-right: 0;
    width: 100%;
  }
}
/* src/js/activitybuilder/components/polygraph/playground/polygraph-student-header.scss */
.polygraph-student-header {
  flex: 0 0 var(--student-activity-header-height, 55px);
  background: var(--polygraph-student-header-background, #3278c8);
  position: relative;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  animation: fadeIn 0.3s;
  padding: 0 calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2.5);
  width: 100%;
}
.polygraph-student-header .polygraph-header-back-arrow {
  color: #fff;
}
.polygraph-student-header .polygraph-header-back-arrow:hover {
  color: #fff;
}
.polygraph-student-header .polygraph-header-content-left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.polygraph-student-header .polygraph-header-content-left .leave-message {
  margin: 0 0 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  white-space: nowrap;
  font-family: var(--font-family);
}
.polygraph-student-header .polygraph-header-content-left .label-bold {
  font-weight: 700;
  color: #3b3b3b;
}
.polygraph-student-header .polygraph-header-content-left,
.polygraph-student-header .polygraph-header-content-right {
  flex: 1 1 calc(50% - 155px);
}
.polygraph-student-header .polygraph-header-content-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.polygraph-student-header .polygraph-header-content-right .action-pick-target {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.polygraph-student-header .polygraph-header-content-right .action-pick-target .rhythm-icon {
  margin: 0 0 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.polygraph-student-header .polygraph-header-content-right .dcg-tooltip-hit-area-container {
  line-height: unset;
}
.polygraph-student-header .polygraph-header-content-right .btn-teal {
  background: #49c5b1;
  border: none;
  line-height: unset;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.polygraph-student-header .polygraph-header-content-right .btn-teal.dcg-hovered:not(.disabled) {
  background: #15b097;
}
.polygraph-student-header .polygraph-header-content-right .btn-teal.dcg-depressed:not(.disabled) {
  background: #129e87;
  box-shadow: none;
}
.polygraph-student-header .polygraph-header-content-right .btn-teal.disabled {
  opacity: 0.5;
}
.polygraph-student-header .polygraph-header-content-center {
  width: 310px;
  display: flex;
  justify-content: center;
}
.polygraph-student-header .polygraph-header-content-center .centered-header-button {
  color: #fff;
}
/* src/js/activitybuilder/components/polygraph/playground/translation/translation.scss */
.ab-polygraph-translation {
  height: 100%;
  width: 100%;
  padding: 10px;
}
/* src/js/activitybuilder/components/polygraph/playground/view.scss */
.ab-polygraph-playground {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
}
/* src/js/activitybuilder/components/polygraph/shared/card-grid.scss */
@keyframes cardPulse {
  0% {
    transform: scale(0.9, 0.9);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.ab-polygraph-cardgrid-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.ab-polygraph-playground .ab-polygraph-game .ab-polygraph-cardgrid-container {
  margin-top: var(--polygraph-ab-polygraph-cardgrid-container-margin-top, inherit);
}

.ab-polygraph-cardgrid {
  position: relative;
  width: 100%;
  height: 100%;
}
.ab-polygraph-cardgrid .card-row {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ab-polygraph-cardgrid .polygraph-grid-card {
  position: absolute;
  z-index: 1;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 22.75%;
  height: 22.75%;
  cursor: default;
  transition-property: top, left;
  transition-delay: 0.5s, 0.5s;
  transition-duration: 1.5s, 1.5s;
}
.ab-polygraph-cardgrid .polygraph-grid-card .image-polygraph-card {
  border-radius: var(--amp-border-radius, 0.1875em);
}
.ab-polygraph-cardgrid .polygraph-grid-card.polygraph-row-0 {
  top: 0;
}
.ab-polygraph-cardgrid .polygraph-grid-card.polygraph-row-1 {
  top: 25.75%;
}
.ab-polygraph-cardgrid .polygraph-grid-card.polygraph-row-2 {
  top: 51.5%;
}
.ab-polygraph-cardgrid .polygraph-grid-card.polygraph-row-3 {
  top: 77.25%;
}
.ab-polygraph-cardgrid .polygraph-grid-card.polygraph-col-0 {
  left: 0;
}
.ab-polygraph-cardgrid .polygraph-grid-card.polygraph-col-1 {
  left: 25.75%;
}
.ab-polygraph-cardgrid .polygraph-grid-card.polygraph-col-2 {
  left: 51.5%;
}
.ab-polygraph-cardgrid .polygraph-grid-card.polygraph-col-3 {
  left: 77.25%;
}
.ab-polygraph-cardgrid .polygraph-grid-card .populated-area {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ab-polygraph-cardgrid .polygraph-grid-card.tappable:not(.selected-for-target):not(.is-target).dcg-hovered .ab-polygraph-card-view, .ab-polygraph-cardgrid .polygraph-grid-card.tappable:not(.selected-for-target):not(.is-target).dcg-depressed .ab-polygraph-card-view {
  border-color: #bdbdbd;
}
.ab-polygraph-cardgrid .polygraph-grid-card.tappable:not(.selected-for-target):not(.is-target) .ab-polygraph-card-view {
  cursor: pointer;
}
.ab-polygraph-cardgrid .polygraph-grid-card.selected-for-elimination .image-polygraph-card, .ab-polygraph-cardgrid .polygraph-grid-card.eliminated .image-polygraph-card {
  opacity: 0.1;
}
.ab-polygraph-cardgrid .polygraph-grid-card.selected-for-elimination.is-target, .ab-polygraph-cardgrid .polygraph-grid-card.eliminated.is-target {
  border-color: var(--polygraph-eliminated-card-border-color, #db2e00);
}
.ab-polygraph-cardgrid .polygraph-grid-card.selected-for-elimination .elimination-preview-indicator i.icon-v2-close, .ab-polygraph-cardgrid .polygraph-grid-card.eliminated .elimination-preview-indicator i.icon-v2-close {
  animation: 0.2s cardPulse;
}
.ab-polygraph-cardgrid .polygraph-grid-card.eliminated .ab-polygraph-card-view {
  border-color: #e9e9e9;
}
.ab-polygraph-cardgrid .polygraph-grid-card.is-target, .ab-polygraph-cardgrid .polygraph-grid-card.selected-for-target {
  border: var(--polygraph-selected-card-border, 4px solid #9c0d63);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
  border-radius: var(--amp-border-radius, 0.1875em);
  z-index: 1;
  transform: scale(115%);
  transition: 0.3s transform;
}
.ab-polygraph-cardgrid .polygraph-grid-card.is-target .ab-polygraph-card-view, .ab-polygraph-cardgrid .polygraph-grid-card.selected-for-target .ab-polygraph-card-view {
  border: none;
}
.ab-polygraph-cardgrid .polygraph-grid-card.is-target .ab-polygraph-card-view,
.ab-polygraph-cardgrid .polygraph-grid-card.is-target .image-polygraph-card, .ab-polygraph-cardgrid .polygraph-grid-card.selected-for-target .ab-polygraph-card-view,
.ab-polygraph-cardgrid .polygraph-grid-card.selected-for-target .image-polygraph-card {
  border-radius: 0px;
}
.ab-polygraph-cardgrid .polygraph-grid-card .elimination-preview-indicator {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.ab-polygraph-cardgrid .polygraph-grid-card .elimination-preview-indicator i.icon-v2-close {
  font-size: 3em;
  color: #a0a0a0;
}
.ab-polygraph-cardgrid .polygraph-grid-card .card-label {
  position: absolute;
  top: 2px;
  left: 4px;
  color: #a0a0a0;
  background-color: #fff;
}

@media screen and (max-width: 750px) {
  .ab-polygraph-cardgrid .polygraph-grid-card {
    width: 23.5%;
    height: 23.5%;
  }
  .ab-polygraph-cardgrid .polygraph-grid-card.polygraph-row-1 {
    top: 25.5%;
  }
  .ab-polygraph-cardgrid .polygraph-grid-card.polygraph-row-2 {
    top: 51%;
  }
  .ab-polygraph-cardgrid .polygraph-grid-card.polygraph-row-3 {
    top: 76.5%;
  }
  .ab-polygraph-cardgrid .polygraph-grid-card.polygraph-col-1 {
    left: 25.5%;
  }
  .ab-polygraph-cardgrid .polygraph-grid-card.polygraph-col-2 {
    left: 51%;
  }
  .ab-polygraph-cardgrid .polygraph-grid-card.polygraph-col-3 {
    left: 76.5%;
  }
}
/* src/js/activitybuilder/components/polygraph/shared/card-view.scss */
.ab-polygraph-card-view {
  height: 100%;
  width: 100%;
  overflow: hidden;
  cursor: default;
  position: relative;
  border-radius: 5px;
  border: 2px solid #bdbdbd;
}
.ab-polygraph-card-view .polygraph-card-error {
  position: absolute;
  bottom: 3px;
  right: 5px;
}
.ab-polygraph-card-view .polygraph-card-error .pillow-icon-error.error-color {
  color: #fa824c;
}
.ab-polygraph-card-view .polygraph-card-error .pillow-icon-error.warning-color {
  color: #666;
}
.ab-polygraph-card-view.loading {
  background: #e2e2e2;
  animation: pulse 2s infinite;
}
.ab-polygraph-card-view .image-polygraph-card {
  height: 100%;
  width: 100%;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  display: block;
}
/* src/js/activitybuilder/components/polygraph/shared/chat-widget.scss */
.ab-polygraph-chat-widget {
  width: var(--polygraph-chat-width, 300px);
  border: var(--polygraph-chat-border, 1px solid #bdbdbd);
  border-radius: var(--amp-border-radius, 0.1875em);
  background: #fff;
  overflow: hidden;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.ab-polygraph-chat-widget .chat-title.h5 {
  display: flex;
  align-items: center;
  background-color: var(--polygraph-chat-widget-title-background-color, #e9e9e9);
  flex: 0 0 var(--polygraph-chat-widget-title-header-height, 38px);
  line-height: var(--polygraph-chat-widget-title-line-height, 36px);
  border-bottom: var(--polygraph-chat-border, 1px solid #bdbdbd);
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  font-weight: var(--polygraph-chat-widget-title-font-weight, 500);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  position: relative;
  z-index: 2;
}
.ab-polygraph-chat-widget .chat-content {
  overflow-y: auto;
  padding: 0 5px;
  flex: 1 1;
  position: relative;
}
.ab-polygraph-chat-widget .chat-content .chat-log {
  overflow-x: hidden;
}
.ab-polygraph-chat-widget .chat-content .answer-options {
  text-align: var(--polygraph-chat-widget-buttons-text-align, center);
}
.ab-polygraph-chat-widget .chat-content .answer-options .action-idk {
  display: flex;
}
.ab-polygraph-chat-widget .chat-content .answer-options .action-idk span {
  text-align: var(--polygraph-action-idk-text-align);
  width: 100%;
}
.ab-polygraph-chat-widget .chat-content .answer-options .buttons {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  display: flex;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.ab-polygraph-chat-widget .chat-content .answer-options .buttons span[role=button] {
  text-align: var(--polygraph-chat-widget-buttons-text-align, center);
  justify-content: var(--polygraph-chat-widget-buttons-text-align, center);
  flex: 1;
}
.ab-polygraph-chat-widget .chat-content .chat-instructions {
  margin: 15px;
  padding: 10px;
  position: relative;
  color: var(--polygraph-chat-widget-chat-instructions-color, #676767);
  font-style: var(--polygraph-chat-widget-chat-instructions-font-style, italic);
}
.ab-polygraph-chat-widget .chat-content .chat-instructions .arrow {
  display: inline;
}
.ab-polygraph-chat-widget .chat-content .chat-instructions .msg {
  font-family: var(--polygraph-paragraph-font-family);
}
.ab-polygraph-chat-widget .chat-content .chat-instructions.bottomFixed {
  position: absolute;
  bottom: 0;
}
.ab-polygraph-chat-widget .chat-content .chat-instructions.active {
  animation: fadePulse 0.3s;
  text-align: left;
}
.ab-polygraph-chat-widget .chat-content .chat-instructions.active .msg {
  padding-left: 25px;
}
.ab-polygraph-chat-widget .chat-content .chat-instructions.direction-left .msg {
  padding-left: 40px;
}
.ab-polygraph-chat-widget .chat-content .chat-instructions.direction-left .arrow {
  width: 40px;
  position: absolute;
  bottom: 25px;
  left: 0;
}
.ab-polygraph-chat-widget .chat-content .chat-instructions.direction-down .arrow {
  height: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ab-polygraph-chat-widget .chat-content .chat-instructions.direction-up .arrow {
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
}
.ab-polygraph-chat-widget .chat-content .chat-item {
  text-align: left;
}
.ab-polygraph-chat-widget .chat-content .chat-item .question {
  overflow-wrap: break-word;
}
.ab-polygraph-chat-widget .chat-content .chat-item .chat-question,
.ab-polygraph-chat-widget .chat-content .chat-item .streaming-view {
  padding: 10px 10px 0 10px;
}
.ab-polygraph-chat-widget .chat-content .chat-item .chat-question .name,
.ab-polygraph-chat-widget .chat-content .chat-item .chat-answer .name,
.ab-polygraph-chat-widget .chat-content .chat-item .eliminated-cards .name {
  font-family: var(--font-family);
  color: var(--polygraph-chat-widget-chat-question-name-color);
}
.ab-polygraph-chat-widget .chat-content .chat-item .chat-question .question,
.ab-polygraph-chat-widget .chat-content .chat-item .chat-answer .question,
.ab-polygraph-chat-widget .chat-content .chat-item .eliminated-cards .question {
  font-family: var(--polygraph-paragraph-font-family);
  color: var(--polygraph-chat-widget-chat-question-question-color);
}
.ab-polygraph-chat-widget .chat-content .chat-item .streaming-view .dots .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--amp-body-color, #3b3b3b);
  border-radius: 50%;
  animation: loadingDot 3s infinite;
}
.ab-polygraph-chat-widget .chat-content .chat-item .streaming-view .dots .dot:nth-child(2) {
  animation-delay: 0.2s;
}
.ab-polygraph-chat-widget .chat-content .chat-item .streaming-view .dots .dot:nth-child(3) {
  animation-delay: 0.4s;
}
.ab-polygraph-chat-widget .chat-content .chat-item .streaming-view .dots .dot + .dot {
  margin-left: 5px;
}
.ab-polygraph-chat-widget .chat-content .chat-item .chat-answer {
  padding: var(--polygraph-chat-widget-chat-answer-padding, 0px 10px 0px 0px);
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: var(--polygraph-chat-widget-chat-answer-text-align, right);
}
.ab-polygraph-chat-widget .chat-content .chat-item .chat-answer .chat-answer-selected {
  text-transform: none;
  display: inline-block;
}
.ab-polygraph-chat-widget .chat-content .chat-item .eliminated-cards {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  text-align: center;
}
.ab-polygraph-chat-widget .chat-content .chat-item .eliminated-cards .eliminated-card {
  display: inline-block;
  width: var(--polygraph-chat-widget-eliminated-card-size, 24px);
  height: var(--polygraph-chat-widget-eliminated-card-size, 24px);
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  margin: 2px 1px 0;
}
.ab-polygraph-chat-widget .chat-content .chat-item .eliminated-cards .eliminated-card i {
  font-size: 1.5em;
}
.ab-polygraph-chat-widget .chat-cycle {
  margin: 10px 8px 5px 8px;
}
.ab-polygraph-chat-widget .chat-cycle.dcg-hovered {
  background: #f6f6f6;
}
.ab-polygraph-chat-widget .chat-cycle.dcg-depressed:not(.disabled) {
  background: #e9e9e9;
}
.ab-polygraph-chat-widget .chat-cycle.selectable.is-selected {
  background: #e9e9e9;
}
.ab-polygraph-chat-widget .chat-cycle.selectable.is-selected.selectable.dcg-hovered {
  background: #dddddd;
}
.ab-polygraph-chat-widget .chat-cycle.selectable.is-selected.selectable.dcg-depressed {
  background: #bababa;
}
.ab-polygraph-chat-widget .chat-cycle.selectable.is-selected.selectable:focus-visible {
  background: #dddddd;
}
.ab-polygraph-chat-widget .chat-student-view {
  pointer-events: none;
}
.ab-polygraph-chat-widget .chat-student-view [ontap] {
  cursor: default;
}
.ab-polygraph-chat-widget .chat-student-view.dcg-hovered {
  background-color: transparent;
  border: none;
}
.ab-polygraph-chat-widget .loading-skeletons .loading-skeleton {
  height: 38px;
  background: #e9e9e9;
  animation: pulse 2s infinite;
  border-radius: 5px;
  margin: 10px;
}
.ab-polygraph-chat-widget .loading-skeletons .loading-skeleton:first-of-type {
  width: 90%;
}
.ab-polygraph-chat-widget .loading-skeletons .loading-skeleton:nth-of-type(2) {
  width: 50%;
}
.ab-polygraph-chat-widget .loading-skeletons .loading-skeleton:nth-of-type(3) {
  width: 80%;
}
.ab-polygraph-chat-widget .chat-footer {
  flex: 0 0;
  padding: var(--polygraph-chat-widget-buttons-padding, 5px);
  width: 100%;
}
.ab-polygraph-chat-widget .chat-footer.has-content {
  border-top: 1px solid #bdbdbd;
  background: var(--polygraph-chat-widget-title-background-color, #f8f8f8);
}
.ab-polygraph-chat-widget .chat-footer .eliminate-button-container {
  display: flex;
  justify-content: center;
}
.ab-polygraph-chat-widget .chat-footer .eliminate-button-container span[role=button] {
  width: 100%;
  text-align: center;
}
.ab-polygraph-chat-widget .chat-footer .review-container {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.ab-polygraph-chat-widget .chat-footer .review-container .btn {
  margin-top: 5px;
  display: block;
}
.ab-polygraph-chat-widget .chat-footer .review-container .action-continue {
  display: flex;
}
.ab-polygraph-chat-widget .chat-footer textarea {
  line-height: 1.4165em;
}
.ab-polygraph-chat-widget .chat-footer .chat-box {
  display: flex;
  width: 100%;
  align-items: flex-end;
}
.ab-polygraph-chat-widget .chat-footer .chat-box .form-control {
  border: var(--polygraph-chat-widget-textarea-border, 0.0625em solid #bdbdbd);
  border-radius: var(--polygraph-chat-widget-textarea-border-radius, 6px);
}
.ab-polygraph-chat-widget .chat-footer .chat-box .form-control:hover {
  box-shadow: var(--polygraph-chat-widget-textarea-hover-box-shadow, inherit);
  border: var(--polygraph-chat-widget-textarea-hover-border, 2px solid #9c0d63);
}
.ab-polygraph-chat-widget .chat-footer .chat-box .form-control:focus-visible {
  box-shadow: var(--polygraph-chat-widget-textarea-hover-box-shadow, inherit);
  border: var(--polygraph-chat-widget-textarea-focus-visible-border, 2px solid #9c0d63);
}
.ab-polygraph-chat-widget .chat-footer .chat-box textarea {
  font-weight: var(--font-weight-default, 400);
  caret-color: var(--polygraph-chat-widget-textarea-caret-color, #495057);
  color: var(--polygraph-chat-widget-textarea-color, #495057);
  margin: var(--polygraph-chat-widget-textarea-margin, 0);
  padding: var(--polygraph-chat-widget-textarea-padding, 8px);
  flex: 1;
}
.ab-polygraph-chat-widget .chat-footer .chat-box textarea:hover, .ab-polygraph-chat-widget .chat-footer .chat-box textarea:focus-visible {
  padding-top: var(--polygraph-chat-widget-textarea-padding-top, 8px);
  padding-bottom: var(--polygraph-chat-widget-textarea-padding-bottom, 8px);
}
.ab-polygraph-chat-widget .chat-footer .chat-box textarea:disabled {
  background: transparent;
}
.ab-polygraph-chat-widget .chat-footer .chat-box .btn-blue {
  margin-left: 5px;
}

@media screen and (max-width: 650px) {
  .ab-polygraph-chat-widget {
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-radius: 0;
  }
  .ab-polygraph-chat-widget .chat-content .chat-instructions {
    padding: 0;
    margin: 5px 10px;
    font-size: 90%;
  }
  .ab-polygraph-chat-widget .chat-content .chat-instructions .msg {
    font-family: var(--polygraph-paragraph-font-family);
  }
  .ab-polygraph-chat-widget .chat-content .chat-instructions .arrow {
    display: none;
  }
  .ab-polygraph-chat-widget .chat-content .chat-instructions.active {
    text-align: center;
  }
  .ab-polygraph-chat-widget .chat-content .chat-instructions.active .msg {
    padding-left: 0;
  }
  .ab-polygraph-chat-widget .chat-content .chat-instructions.direction-left .msg {
    padding-left: 0;
  }
}
@keyframes loadingDot {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  16% {
    opacity: 0.75;
    transform: translateY(-50%);
  }
  33% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* src/js/activitybuilder/components/polypad/miniscreen/view.scss */
.dcg-polypad-miniscreen.loading {
  opacity: 0.5;
}
.dcg-polypad-miniscreen:not(.half-width-mode) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.dcg-polypad-miniscreen .icon-container {
  margin: 0 auto;
  font-size: 64px;
  opacity: 0.2;
}
.dcg-polypad-miniscreen .full-width-image {
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}
.dcg-polypad-miniscreen.half-width-mode {
  position: relative;
  line-height: 0;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.dcg-polypad-miniscreen.half-width-mode .half-width-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
}
.dcg-polypad-miniscreen.half-width-mode .miniscreen-polypad-image {
  border: 1px solid #bdbdbd;
  border-radius: 5px;
}

.navigation-miniscreen-container .dcg-polypad-miniscreen .icon-container {
  font-size: 38px;
}

.one-column .dcg-polypad-miniscreen.half-width-mode {
  width: 50%;
  margin-left: 25%;
}

.dcg-layout-column:first-child.one-third .dcg-polypad-miniscreen i {
  font-size: 66%;
}

.dcg-layout-column:last-child.two-third .dcg-polypad-miniscreen i {
  font-size: 66%;
}

.dcg-layout-column.two-third .dcg-polypad-miniscreen, .dcg-layout-column.one-third .dcg-polypad-miniscreen {
  text-align: center;
}
/* src/js/activitybuilder/components/polypad/playground/view.scss */
.ab-polypad-playground-view {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  position: relative;
  display: flex;
  flex-direction: column;
}
.ab-polypad-playground-view.polypad-fullscreen-view {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ab-polypad-playground-view.polypad-fullscreen-manipulative {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 10px;
  left: 10px;
}
.ab-polypad-playground-view.polypad-non-fullscreen-manipulative .ab-polypad-playground-content {
  padding-top: calc(100% - 2px);
}
.ab-polypad-playground-view.polypad-non-fullscreen-manipulative .fullscreen-aspect-ratio {
  padding-top: 75%;
}
.ab-polypad-playground-view .ab-polypad-playground-content {
  overflow: hidden;
}
.ab-polypad-playground-view .ab-polypad-playground-content.with-border {
  border: var(--border-component, 1px solid #bdbdbd);
  border-radius: var(--border-radius, 3px);
}
.ab-polypad-playground-view .ab-polypad-playground-wrapper {
  position: relative;
  height: 100%;
  max-width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ab-polypad-playground-view .ab-polypad-playground-content {
  position: relative;
  max-width: 100%;
  height: 100%;
  flex: 1;
}
.ab-polypad-playground-view .camera-header-container {
  height: 26px;
  text-align: right;
  margin: 0 10px;
}

.layout-top-student-view.showing-correctness .ab-polypad-playground-wrapper.is-fullscreen-exhibit {
  margin-left: 49px;
  margin-right: 49px;
}

.sandbox-container-content:has(.projector-mode-panel-container) .ab-polypad-playground-view.polypad-fullscreen-view {
  margin-bottom: calc(63px + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
/* src/js/activitybuilder/components/polypad/polypad.scss */
.dc-polypad-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.dc-polypad-container .toast-container:not(.hidden) {
  z-index: 1;
}
.dc-polypad-container .toast-container:not(.hidden).cover {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.dc-polypad-container .toast-container .toast {
  top: 5px;
}
.dc-polypad-container .dc-polypad-view {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.dc-polypad-container .dc-polypad-view .dc-polypad-error-msg {
  text-align: center;
  font-size: 90%;
  background: rgba(219, 46, 0, 0.1);
  padding: 5px;
  border: 1px solid rgba(219, 46, 0, 0.5);
  border-radius: 3px;
  color: #db2e00;
  animation: fadeIn 0.3s;
}
/* src/js/activitybuilder/components/reorder/miniscreen.scss */
.reorder-miniscreen {
  border-radius: 3px;
  border: 1px dashed #bbb;
  padding: 3px;
  margin: 2px 0 10px;
  text-align: center;
}
.reorder-miniscreen i {
  font-size: 25px;
  color: #bbb;
}

.dcg-layout-column:first-child.one-third .reorder-miniscreen i {
  font-size: 16px;
}

.dcg-layout-column:last-child.two-third .reorder-miniscreen i {
  font-size: 16px;
}
/* src/js/activitybuilder/components/reorder/playground/item.scss */
.dcg-reorder-playground {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.dcg-reorder-playground .placeholder {
  position: relative;
  width: calc(100% - 46.5px);
}
.dcg-reorder-playground .placeholder::after {
  content: "";
  position: absolute;
  top: 6.5px;
  left: var(--reorder-item-placeholder-left, 46.5px);
  bottom: 6.5px;
  right: 0px;
  margin-top: var(--reorder-item-placeholder-margin-top);
  border: var(--reorder-item-placeholder-border, 1px dashed #a0a0a0);
  border-radius: var(--border-radius-medium, var(--amp-border-radius, 0.1875em));
  background-color: var(--reorder-item-placeholder-background-color, #f6f6f6);
}
.dcg-reorder-playground .draggable-item {
  width: 100%;
  -webkit-user-select: none;
          user-select: none;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-user-select: none;
}
.dcg-reorder-playground .draggable-item .is-dragging .dcg-item-handle {
  color: var(--amp-body-color, #3b3b3b);
  background: rgba(160, 160, 160, 0.4);
}
.dcg-reorder-playground .draggable-item .dcg-reorder-item-view {
  background: transparent;
  display: flex;
  align-content: center;
  flex-grow: var(--reorder-item-flex-grow);
  overflow-x: auto;
  cursor: move;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin: var(--reorder-item-margin, 6.5px 0);
  box-shadow: var(--reorder-item-box-shadow);
  border: var(--reorder-item-border);
  border-radius: var(--border-radius-medium);
  height: var(--reorder-item-height);
  background-color: var(--reorder-item-background-color);
  outline: 0;
  text-align: var(--reorder-item-text-align);
  word-break: break-word;
}
.dcg-reorder-playground .draggable-item .dcg-reorder-item-view .item-content {
  pointer-events: var(--reorder-item-content-pointer-events, none);
  overflow-x: auto;
  -webkit-user-select: none;
          user-select: none;
  align-self: var(--item-content-align-self);
  border: var(--reorder-item-content-border, 1px solid #bdbdbd);
  border-radius: var(--amp-border-radius, 0.1875em);
  padding: var(--reorder-item-content-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  margin: var(--reorder-item-content-margin, 0);
  font-family: var(--reorder-item-label-font-family);
  color: var(--reorder-item-content-color);
  background: var(--reorder-item-background-color, #fff);
}
.dcg-reorder-playground .draggable-item .dcg-reorder-item-view .item-content .dcg-mq-selection var,
.dcg-reorder-playground .draggable-item .dcg-reorder-item-view .item-content .dcg-mq-selection span {
  background: var(--reorder-item-background-color);
}
.dcg-reorder-playground .draggable-item .dcg-reorder-item-view .item-content .nobr {
  white-space: normal;
}
.dcg-reorder-playground .draggable-item .dcg-reorder-item-view:focus {
  border: var(--border-width-primary) solid var(--reorder-item-content-active-border-color);
  box-shadow: var(--reorder-item-content-focus-box-shadow);
}
.dcg-reorder-playground .draggable-item .dcg-reorder-item-view:focus .item-content {
  padding: var(--reorder-item-content-hover-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  border: var(--reorder-item-content-active-border, 1px solid #9c0d63);
}
.dcg-reorder-playground .draggable-item .dcg-reorder-item-view.dcg-hovered {
  border: var(--border-width-primary) solid var(--reorder-item-hover-border-color);
  box-shadow: var(--reorder-item-box-shadow);
}
.dcg-reorder-playground .draggable-item .dcg-reorder-item-view.dcg-hovered .item-content {
  padding: var(--reorder-item-content-hover-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  border: var(--reorder-item-content-hover-border, 1px solid #9c0d63);
  margin: var(--reorder-item-content-margin-hovered, 0);
}
.dcg-reorder-playground .draggable-item .dcg-reorder-item-view.dcg-hovered .dcg-item-handle.btn {
  margin-left: var(--reorder-item-handle-margin-left-hovered, 0px);
}
.dcg-reorder-playground .draggable-item .dcg-reorder-item-view.dcg-hovered .buttons-container {
  margin-top: var(--reorder-item-buttons-container-margin-hovered, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5 - 2px));
  margin-bottom: var(--reorder-item-buttons-container-margin-hovered, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5 - 2px));
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem - 2px);
}
.dcg-reorder-playground .draggable-item .dcg-reorder-item-view.dcg-focus-by-tap {
  border: var(--border-width-primary) solid var(--reorder-item-content-active-border-color);
  box-shadow: var(--reorder-item-box-shadow);
}
.dcg-reorder-playground .draggable-item .dcg-reorder-item-view.dcg-focus-by-tap .item-content {
  padding: var(--reorder-item-content-hover-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  border: var(--reorder-item-content-active-border, 1px solid #9c0d63);
}
.dcg-reorder-playground .draggable-item .has-audio {
  display: flex;
  align-items: center;
}
.dcg-reorder-playground .draggable-item .has-audio .dcg-reorder-item-view {
  flex: 1;
}
.dcg-reorder-playground .draggable-item .has-audio .component-audio-player-wrapper {
  top: var(--reorder-component-has-audio-player-wrapper-top, -20px);
  right: var(--reorder-component-has-audio-player-wrapper-right, 0);
  height: 0;
}
.dcg-reorder-playground .draggable-item .reorder-wrapper .read-aloud-speaker-icon-container i,
.dcg-reorder-playground .draggable-item .reorder-wrapper .read-aloud-speaker-icon-container i:hover,
.dcg-reorder-playground .draggable-item .reorder-wrapper .play-stop-error-container i {
  width: var(--audio-player-size-lg, 39px);
  height: var(--audio-player-size-lg, 39px);
  font-size: var(--audio-player-font-size-lg, 23px);
  line-height: var(--audio-player-size-lg, 39px);
}
.dcg-reorder-playground .draggable-item .reorder-wrapper .audio-player-placeholder {
  width: var(--audio-player-size-lg, 39px);
  height: var(--audio-player-size-lg, 39px);
  min-width: calc((var(--audio-player-size-lg, 39px)) + 10px);
}
.dcg-reorder-playground .draggable-item .reorder-wrapper .component-audio-player-wrapper {
  min-width: calc((var(--audio-player-size-lg, 39px)) + 10px);
}
.dcg-reorder-playground .dcg-item-handle.btn {
  height: 40px;
  width: 40px;
  margin-right: var(--reorder-item-handle-margin-right, 6.5px);
  margin-left: var(--reorder-item-handle-margin-left, 0px);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  border-width: 0px;
}
.dcg-reorder-playground .dcg-item-handle.btn:not(:disabled):not(.disabled) {
  cursor: move;
}
.dcg-reorder-playground .dcg-item-handle i {
  color: var(--reorder-item-handle-color, var(--amp-body-color, #3b3b3b));
}
.dcg-reorder-playground .dcg-item-handle.handle-hidden {
  display: none;
}
.dcg-reorder-playground .item-content {
  flex-grow: 1;
  flex-basis: 35%;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.dcg-reorder-playground .buttons-container {
  display: flex;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-top: var(--reorder-item-buttons-container-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  margin-bottom: var(--reorder-item-buttons-container-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
}
.dcg-reorder-playground .top-label-wrapper:is(.has-audio-label),
.dcg-reorder-playground .bottom-label-wrapper:is(.has-audio-label) {
  display: flex;
  align-items: center;
}
.dcg-reorder-playground .top-label-wrapper:is(.has-audio-label) .read-aloud-speaker-icon-container i,
.dcg-reorder-playground .top-label-wrapper:is(.has-audio-label) .read-aloud-speaker-icon-container i:hover,
.dcg-reorder-playground .top-label-wrapper:is(.has-audio-label) .play-stop-error-container i,
.dcg-reorder-playground .bottom-label-wrapper:is(.has-audio-label) .read-aloud-speaker-icon-container i,
.dcg-reorder-playground .bottom-label-wrapper:is(.has-audio-label) .read-aloud-speaker-icon-container i:hover,
.dcg-reorder-playground .bottom-label-wrapper:is(.has-audio-label) .play-stop-error-container i {
  width: var(--audio-player-size-sm, 39px);
  height: var(--audio-player-size-sm, 39px);
  font-size: var(--audio-player-font-size-sm, 23px);
  line-height: var(--audio-player-size-sm, 39px);
}
.dcg-reorder-playground .top-label-wrapper:is(.has-audio-label) .dcg-text-reader-container,
.dcg-reorder-playground .bottom-label-wrapper:is(.has-audio-label) .dcg-text-reader-container {
  width: 49px;
  right: 10px;
}
.dcg-reorder-playground .top-label-wrapper:is(.has-audio-label) .audio-player-placeholder,
.dcg-reorder-playground .top-label-wrapper:is(.has-audio-label) .component-audio-player-wrapper,
.dcg-reorder-playground .bottom-label-wrapper:is(.has-audio-label) .audio-player-placeholder,
.dcg-reorder-playground .bottom-label-wrapper:is(.has-audio-label) .component-audio-player-wrapper {
  min-width: var(--audio-player-size-sm, 39px);
  height: 0;
  top: var(--reorder-component-has-audio-player-wrapper-top, -20px);
  margin-left: 10px;
}
.dcg-reorder-playground .top-label-wrapper:is(.has-audio-label) .upload-spinner-container,
.dcg-reorder-playground .bottom-label-wrapper:is(.has-audio-label) .upload-spinner-container {
  margin-right: 10px;
}
.dcg-reorder-playground .top-label-wrapper:is(.has-audio-items),
.dcg-reorder-playground .bottom-label-wrapper:is(.has-audio-items) {
  display: flex;
  align-items: center;
}
.dcg-reorder-playground .top-label-wrapper:is(.has-audio-items) .audio-player-placeholder,
.dcg-reorder-playground .top-label-wrapper:is(.has-audio-items) .component-audio-player-wrapper,
.dcg-reorder-playground .bottom-label-wrapper:is(.has-audio-items) .audio-player-placeholder,
.dcg-reorder-playground .bottom-label-wrapper:is(.has-audio-items) .component-audio-player-wrapper {
  min-width: var(--audio-player-size-sm, 39px);
  height: 0;
  margin-left: var(--reorder-component-has-audio-items-margin-left, 60px);
  top: var(--reorder-component-has-audio-player-wrapper-top, -20px);
}

.dcg-layout-column:first-child.one-third .dcg-reorder-playground .draggable-item .dcg-reorder-item-view .buttons-container,
.dcg-layout-column:last-child.two-third .dcg-reorder-playground .draggable-item .dcg-reorder-item-view .buttons-container {
  margin-left: 0px;
  margin-right: 0px;
}
/* src/js/activitybuilder/components/reorder/playground/view.scss */
.dcg-reorder-playground {
  width: 100%;
}
.dcg-reorder-playground .reorder-offscreen-instructions {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.dcg-reorder-playground .listbox-container {
  position: relative;
  margin-bottom: var(--listbox-container-margin-bottom);
}
.dcg-reorder-playground .listbox-container .listbox {
  width: 100%;
}
.dcg-reorder-playground .listbox-container .listbox .draggable-container > span {
  flex-direction: row;
  flex-wrap: wrap;
}
.dcg-reorder-playground .dcg-reorder-label {
  padding: var(--reorder-item-label-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0);
  color: var(--reorder-item-label-color, var(--amp-body-color, #3b3b3b));
  font-family: var(--reorder-item-label-font-family);
}
/* src/js/activitybuilder/components/shared/animation-overlay/view.styl */
.animation-overlay-view .pause-button-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.animation-overlay-view .play-button-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.animation-overlay-view .play-button-container .play-button {
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  cursor: pointer;
  font-size: 25px;
  width: 60px;
  height: 60px;
  color: #fff;
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
  display: none;
}
.animation-overlay-view .play-button-container .play-button.default-theme {
  background: #bbb;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -ms-transition: -ms-transform 0.2s;
  transition: transform 0.2s;
  border: 4px solid #fff;
}
.animation-overlay-view .play-button-container .play-button.default-theme.dcg-hovered {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.animation-overlay-view .play-button-container .play-button.default-theme.dcg-depressed {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}
.animation-overlay-view .play-button-container .play-button.default-theme.dcg-hovered {
  background: #999;
}
.animation-overlay-view .play-button-container .play-button.default-theme.dcg-depressed {
  background: #808080;
}
.animation-overlay-view .play-button-container .play-button.is-at-beginning {
  display: block;
}
.animation-overlay-view .play-button-container.dcg-hovered .play-button,
.animation-overlay-view .play-button-container .play-button.is-at-beginning {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.animation-overlay-scrubber {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.animation-overlay-scrubber .small-play-pause {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: var(--small-play-pause-justify-content, center);
  -moz-box-pack: var(--small-play-pause-justify-content, center);
  -o-box-pack: var(--small-play-pause-justify-content, center);
  -ms-flex-pack: var(--small-play-pause-justify-content, center);
  -webkit-justify-content: var(--small-play-pause-justify-content, center);
  justify-content: var(--small-play-pause-justify-content, center);
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-left: var(--small-play-pause-margin-left, 0);
  font-size: var(--small-play-font-size);
  color: var(--small-play-pause-color, var(--amp-body-color, #3b3b3b));
  background: var(--small-play-pause-background);
  height: var(--small-play-pause-size, 38px);
  width: var(--small-play-pause-size, 38px);
  min-width: var(--small-play-pause-size, 38px);
  border-radius: var(--small-play-pause-border-radius, 50%);
  -webkit-box-shadow: var(--small-play-pause-box-shadow-bottom);
  box-shadow: var(--small-play-pause-box-shadow-bottom);
}
.animation-overlay-scrubber .small-play-pause.dcg-hovered {
  color: var(--small-play-pause-color, var(--amp-body-color, #3b3b3b));
  background: var(--small-play-pause-background-hover, rgba(0,0,0,0.05));
}
.animation-overlay-scrubber .small-play-pause.dcg-depressed {
  color: var(--small-play-pause-color, var(--amp-body-color, #3b3b3b));
  background: var(--small-play-pause-background-depressed, rgba(0,0,0,0.1));
  -webkit-box-shadow: var(--small-play-pause-box-shadow-bottom-depressed);
  box-shadow: var(--small-play-pause-box-shadow-bottom-depressed);
}
.animation-overlay-scrubber .small-play-pause label {
  margin-top: var(--small-play-pause-label-margin-top, -9px);
}
.animation-overlay-scrubber .small-play-pause .icon-v2-pause {
  font-size: var(--small-pause-font-size);
}
.animation-overlay-scrubber .scrubber-container {
  height: var(--scrubber-height, 38px);
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
}
.component-audio-player .animation-overlay-scrubber .small-play-pause.btn.btn-icon-ghost {
  height: auto;
  -webkit-transform: unset;
  -moz-transform: unset;
  -o-transform: unset;
  -ms-transform: unset;
  transform: unset;
}
.component-audio-player .remove-audio-wrapper .remove-audio-button.btn.btn-icon-ghost {
  height: var(--remove-media-button-size, 26px);
}

/* src/js/activitybuilder/components/shared/audio-upload/audio-player.scss */
.component-audio-player-wrapper {
  position: relative;
  height: var(--component-audio-player-wrapper-height, 67px);
}
.component-audio-player-wrapper .audio-player-loading {
  display: inline-block;
  border: 1px solid #bdbdbd;
  border-radius: 30px;
  width: 100%;
  height: 40px;
  animation: pulse 2s infinite;
}
.component-audio-player-wrapper .audio-player-error {
  text-align: center;
  font-size: 90%;
  background: rgba(219, 46, 0, 0.1);
  padding: 5px;
  border: 1px solid rgba(219, 46, 0, 0.5);
  border-radius: 3px;
  color: #db2e00;
  animation: fadeIn 0.3s;
  height: 38px;
  border-radius: 30px;
  margin-bottom: 5px;
}

.component-audio-player {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-top: var(--component-audio-player-padding-top);
}
.component-audio-player .animation-overlay-scrubber .small-play-pause {
  color: var(--small-play-pause-color, var(--amp-body-color, #3b3b3b));
}
.component-audio-player .animation-overlay-scrubber .small-play-pause.dcg-hovered {
  color: var(--small-play-pause-color, var(--amp-body-color, #3b3b3b));
}
.component-audio-player .animation-overlay-scrubber .scrubber .track {
  height: var(--scrubber-track-height, 2px);
  background: var(--scrubber-track-background, rgba(50, 120, 200, 0.5));
  border-radius: var(--scrubber-track-height, 0);
  margin-top: var(--scrubber-track-margin-top, -1px);
}
.component-audio-player .animation-overlay-scrubber .scrubber .thumb .background {
  width: calc(2 * var(--scrubber-thumb-radius, 12px));
  height: calc(2 * var(--scrubber-thumb-radius, 12px));
  margin-left: calc(-1 * var(--scrubber-thumb-radius, 12px));
  margin-top: calc(-1 * var(--scrubber-thumb-radius, 12px));
  border-radius: calc(1 * var(--scrubber-thumb-radius, 12px));
  position: absolute;
  top: 50%;
  left: 50%;
  background: var(--scrubber-thumb-background-background, rgba(50, 120, 200, 0.4));
}
.component-audio-player .component-audio-player-contents {
  position: relative;
}
.component-audio-player .component-audio-player-contents .upload-failed {
  opacity: 0.5;
}
.component-audio-player .component-audio-player-contents .component-audio-player-scrubber-container {
  background-color: var(--player-container-background, rgba(71, 129, 185, 0.15));
  border-radius: var(--player-container-border-radius, 20px);
  height: var(--player-container-height);
  width: 100%;
  display: flex;
  align-items: center;
}
.component-audio-player .component-audio-player-contents .component-audio-player-scrubber-container .playback-container {
  display: flex;
  flex: 1;
  align-items: center;
}
.component-audio-player .component-audio-player-contents .component-audio-player-scrubber-container .duration-label {
  font-size: var(--duration-label-font-size);
  flex-shrink: 0;
  margin-right: var(--duration-label-margin-right, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  color: var(--duration-label-color, #676767);
}
.component-audio-player .component-audio-player-contents .component-audio-player-scrubber-container .animation-overlay-scrubber {
  position: relative;
  width: 100%;
  height: var(--scrubber-height, 38px);
}
.component-audio-player .component-audio-player-contents .component-audio-player-scrubber-container .animation-overlay-scrubber .scrubber-container {
  background: none;
  padding-right: 10px;
}
.component-audio-player .component-audio-player-contents .component-audio-player-scrubber-container.dcg-hovered:not(.is-thumb-hovered) {
  outline: var(--player-container-outline-hover);
}
.component-audio-player .component-audio-player-contents .remove-audio-wrapper {
  position: absolute;
  top: var(--remove-audio-button-positioning-top, calc(-0.5 * (var(--remove-media-button-size, 26px))));
  right: var(--remove-audio-button-positioning-right, calc(-0.5 * (var(--remove-media-button-size, 26px))));
}
.component-audio-player .component-audio-player-contents .remove-audio-wrapper .remove-audio-button {
  background: var(--remove-media-button-background, #676767);
  color: var(--remove-media-button-color, #fff);
  width: var(--remove-media-button-size, 26px);
  height: var(--remove-media-button-size, 26px);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: var(--remove-media-button-border);
  box-shadow: var(--remove-media-button-box-shadow);
  margin-top: -3px;
}
.component-audio-player .component-audio-player-contents .remove-audio-wrapper .remove-audio-button.dcg-hovered, .component-audio-player .component-audio-player-contents .remove-audio-wrapper .remove-audio-button:focus-visible {
  background: var(--remove-media-button-background-hover, linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #676767);
}
.component-audio-player .component-audio-player-contents .remove-audio-wrapper .remove-audio-button.dcg-depressed {
  background: var(--remove-media-button-background-depressed, linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), #676767);
  box-shadow: var(--remove-media-button-box-shadow-depressed);
}
.component-audio-player .component-audio-player-contents .remove-audio-wrapper .remove-audio-button i {
  font-size: var(--remove-media-button-font-size, 1.6em);
  font-weight: var(--remove-media-button-font-weight);
  line-height: 1.5em;
}
.component-audio-player .component-audio-player-contents .remove-audio-wrapper .remove-audio-button label {
  font-size: 0.78em;
  line-height: 1.9em;
  margin-top: -2em;
}
.component-audio-player .deleting {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--deleting-audio-height, 38px);
  padding: var(--deleting-audio-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0);
  border: var(--deleting-audio-border);
  border-radius: var(--deleting-audio-border-radius, 20px);
  background: var(--deleting-media-background, #fbeae6);
  color: var(--deleting-audio-color, #831c00);
  font-size: var(--deleting-media-font-size);
  animation: fadeIn 0.3s;
  margin-right: calc(-1 * var(--component-audio-player-padding-right, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem)));
  font-weight: 500;
}
.component-audio-player .deleting .delete-message {
  padding-left: var(--deleting-media-delete-message-padding-left, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.component-audio-player .deleting .cancel-delete {
  color: var(--font-color-default, var(--amp-body-color, #3b3b3b));
  padding: var(--deleting-media-cancel-padding, 0 1em);
  -webkit-text-decoration: var(--deleting-media-cancel-text-decoration);
          text-decoration: var(--deleting-media-cancel-text-decoration);
  background: var(--deleting-media-cancel-background);
  border: var(--deleting-media-cancel-border);
  border-radius: var(--deleting-media-cancel-border-radius);
  box-shadow: var(--deleting-media-cancel-box-shadow);
}
.component-audio-player .deleting .cancel-delete.dcg-hovered {
  border: var(--deleting-media-cancel-border-hover);
  -webkit-text-decoration: var(--deleting-media-cancel-text-decoration, underline);
          text-decoration: var(--deleting-media-cancel-text-decoration, underline);
  color: var(--font-color-default, var(--amp-body-color, #3b3b3b));
}
.component-audio-player .deleting .cancel-delete.dcg-depressed {
  border: var(--deleting-media-cancel-border-hover);
  color: var(--font-color-default, var(--amp-body-color, #3b3b3b));
  box-shadow: var(--deleting-media-cancel-box-shadow-depressed);
}
.component-audio-player .new-recording-in-progress {
  opacity: 0.5;
}
.component-audio-player .uploading {
  animation: var(--component-audio-player-uploading-animation, 1.5s linear pulseModerate infinite);
}
.component-audio-player .upload-spinner-container {
  position: relative;
  min-width: var(--upload-spinner-container-size, 19px);
  height: var(--upload-spinner-container-size, 19px);
  margin-right: var(--upload-spinner-container-margin-right, 8px);
  border: var(--upload-spinner-container-border, 2px solid rgba(102, 102, 102, 0.3));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.component-audio-player .upload-spinner-container .pillow-icon-upload {
  font-size: var(--upload-icon-font-size, 12px);
  color: var(--upload-icon-color, #666);
}
.component-audio-player .upload-spinner-container .pillow-icon-spinner-arc {
  font-size: var(--spinner-icon-font-size, 19px);
  position: absolute;
  top: -2px;
  left: -2px;
  animation: 2s linear rotate infinite;
  color: var(--spinner-icon-color, #666);
}
.component-audio-player .reupload-button {
  position: relative;
  min-width: 19px;
  height: 19px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
}
.component-audio-player .reupload-button .pillow-icon-reupload {
  position: absolute;
  font-size: 19px;
  color: #666;
}
.component-audio-player .reupload-button .pillow-icon-reupload:hover {
  color: #444;
}
.component-audio-player .reupload-button .pillow-icon-reupload:active {
  color: #212121;
}
.component-audio-player .audio-player-error.toast {
  animation: fadeOut 0.5s linear 5s forwards;
  position: absolute;
  top: -65px;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  color: black;
}
/* src/js/activitybuilder/components/shared/audio-upload/audio-recording-waveform.scss */
@keyframes audio-waveform-appear {
  0% {
    width: 0;
  }
  100% {
    width: var(--audio-bubble-waveform-width, 120px);
  }
}
.audio-recording-waveform {
  width: var(--audio-bubble-waveform-width, 120px);
  position: relative;
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  height: 15px;
}
.audio-recording-waveform .animated-width {
  position: absolute;
  top: 0;
  left: 0;
  animation: 2.65s linear audio-waveform-appear forwards;
  overflow: hidden;
  height: 15px;
}
.audio-recording-waveform .audio-wave-gif,
.audio-recording-waveform .pre-recording-dots {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--audio-bubble-waveform-width, 120px);
  height: 15px;
}
/* src/js/activitybuilder/components/shared/audio-upload/record-button.styl */
.bg-light .record-button {
  border-color: transparent !important;
}
.record-button {
  display: grid;
}
.record-button.dcg-flat-button .pillow-icon-red-circle {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.record-button.dcg-rhythm-button:not(.dcg-flat-button) {
  height: 2.375em;
}
.record-button.dcg-blue-play-button:not(.dcg-flat-button) {
  width: 2.5em;
  margin-top: calc(0.215em - 8px) !important;
}
.record-button .red-circle,
.record-button .red-square,
.record-button .pillow-icon-red-circle {
  grid-column: 1;
  grid-row: 1;
}
.record-button .red-circle,
.record-button .red-square {
  margin: auto;
}
.record-button .red-circle {
  width: 13px;
  height: 13px;
  background-color: var(--record-audio-start-icon-color, #831c00);
  border-radius: 50%;
}
.record-button .red-square {
  width: var(--record-audio-stop-icon-size, 10px);
  height: var(--record-audio-stop-icon-size, 10px);
  background-color: var(--record-audio-stop-icon-color, #831c00);
  border-radius: 20%;
}
.record-button .pillow-icon-red-circle {
  font-size: var(--record-audio-start-icon-font-size, 20px);
  color: var(--record-audio-start-icon-color, #831c00);
  background-color: var(--record-audio-start-icon-background);
  border: var(--record-audio-start-icon-border);
  border-radius: var(--record-audio-start-icon-border-radius);
  -webkit-box-shadow: var(--record-audio-start-icon-box-shadow);
  box-shadow: var(--record-audio-start-icon-box-shadow);
}
.record-button .pillow-icon-red-circle.recording {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-animation: var(--dropdown-record-button-animation, fade 2.5s infinite linear);
  -moz-animation: var(--dropdown-record-button-animation, fade 2.5s infinite linear);
  -o-animation: var(--dropdown-record-button-animation, fade 2.5s infinite linear);
  -ms-animation: var(--dropdown-record-button-animation, fade 2.5s infinite linear);
  animation: var(--dropdown-record-button-animation, fade 2.5s infinite linear);
  background-color: var(--record-audio-start-icon-background-recording);
  border: var(--record-audio-start-icon-border-recording);
  -webkit-box-shadow: var(--record-audio-start-icon-box-shadow-recording);
  box-shadow: var(--record-audio-start-icon-box-shadow-recording);
}
.record-button .pillow-icon-red-circle.recording.dcg-hovered {
  color: var(--record-audio-start-icon-color-recording-hover, #420e00);
}
.record-button .pillow-icon-red-circle.recording.dcg-depressed {
  color: var(--record-audio-start-icon-color-recording-depressed, #420e00);
}
@-moz-keyframes fade {
  0%, 100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes fade {
  0%, 100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes fade {
  0%, 100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes fade {
  0%, 100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
.record-button.dcg-hovered .pillow-icon-red-circle:not(.recording) {
  background-color: var(--record-audio-start-icon-background-hover);
  border: var(--record-audio-start-icon-border-hover);
  color: var(--record-audio-start-icon-color, #420e00);
}
.record-button.dcg-hovered .pillow-icon-red-circle.recording {
  background-color: var(--record-audio-start-icon-background-recording-hover);
  border: var(--record-audio-start-icon-border-recording-hover);
  color: var(--record-audio-start-icon-background-recording-hover, #420e00);
}
.record-button.dcg-hovered .red-square,
.record-button.dcg-hovered .red-circle {
  background-color: var(--record-audio-start-icon-color, #420e00);
}
.record-button.dcg-depressed .pillow-icon-red-circle:not(.recording) {
  background-color: var(--record-audio-start-icon-background-depressed);
  border: var(--record-audio-start-icon-border-depressed);
  -webkit-box-shadow: var(--record-audio-start-icon-box-shadow-depressed);
  box-shadow: var(--record-audio-start-icon-box-shadow-depressed);
}
.record-button.dcg-depressed .pillow-icon-red-circle.recording {
  background-color: var(--record-audio-start-icon-background-recording-depressed);
  border: var(--record-audio-start-icon-border-recording-depressed);
  -webkit-box-shadow: var(--record-audio-start-icon-box-shadow-depressed);
  box-shadow: var(--record-audio-start-icon-box-shadow-depressed);
}
.record-button:focus-visible {
  border-radius: 50%;
}
.record-button:focus-visible .pillow-icon-red-circle {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.record-button:focus-visible .pillow-icon-red-circle:not(.recording) {
  background-color: var(--record-audio-start-icon-background-hover);
  border: var(--record-audio-start-icon-border-hover);
}
.record-button:focus-visible .pillow-icon-red-circle.recording {
  background-color: var(--record-audio-start-icon-background-recording-hover);
  border: var(--record-audio-start-icon-border-recording-hover);
}

/* src/js/activitybuilder/components/shared/audio-upload/upload-audio-dropdown.scss */
.upload-audio-dropdown-container .audio-dropdown .dcg-shared-dropdown-popover-container.dcg-disabled {
  opacity: 1;
}
.upload-audio-dropdown-container .audio-dropdown .dcg-shared-dropdown-popover-container.dcg-disabled .anchor-container.dcg-disabled {
  opacity: 1;
}
.upload-audio-dropdown-container .audio-dropdown .dropdown-container {
  left: 0;
  margin-top: calc(var(--audio-dropdown-margin-top, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem)) + 4px);
}
.upload-audio-dropdown-container .audio-dropdown .dropdown-container .dropdown-container-inner {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.upload-audio-dropdown-container .audio-dropdown .dropdown-container .header {
  display: inline-block;
  margin-bottom: 15px;
}
.upload-audio-dropdown-container .audio-dropdown .dropdown-container .loading-message-container {
  min-width: 200px;
  min-height: 50px;
}

.upload-image-container + .upload-audio-dropdown-container .audio-dropdown .dropdown-container {
  margin-left: calc(0px - (40px + var(--audio-dropdown-margin-left, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3)) + 4px));
}
.upload-image-container + .upload-audio-dropdown-container .audio-dropdown .dropdown-container::after {
  content: "";
  position: absolute;
  top: -12px;
  left: 102px;
  border-width: 12px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent var(--dropdown-arrow-background, #fff);
  line-height: 0;
}
.upload-image-container + .upload-audio-dropdown-container .audio-dropdown .dropdown-container::before {
  content: "";
  position: absolute;
  top: -13px;
  left: 101px;
  border-width: 13px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent var(--dropdown-arrow-border, #bdbdbd);
  line-height: 0;
}

@media screen and (min-width: 1500px) {
  .upload-image-container + .upload-audio-dropdown-container .audio-dropdown .dropdown-container {
    margin-left: calc(0px - (45px + var(--audio-dropdown-margin-left, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3)) + 4px));
  }
  .upload-image-container + .upload-audio-dropdown-container .audio-dropdown .dropdown-container::after {
    content: "";
    position: absolute;
    top: -12px;
    left: 114px;
    border-width: 12px;
    border-top-width: 0;
    border-style: solid;
    border-color: transparent transparent var(--dropdown-arrow-background, #fff);
    line-height: 0;
  }
  .upload-image-container + .upload-audio-dropdown-container .audio-dropdown .dropdown-container::before {
    content: "";
    position: absolute;
    top: -13px;
    left: 113px;
    border-width: 13px;
    border-top-width: 0;
    border-style: solid;
    border-color: transparent transparent var(--dropdown-arrow-border, #bdbdbd);
    line-height: 0;
  }
  .upload-image-container + .upload-audio-dropdown-container .audio-dropdown .dropdown-container::after, .upload-image-container + .upload-audio-dropdown-container .audio-dropdown .dropdown-container::before {
    margin-left: -2px;
  }
}
@media screen and (max-width: 575px) {
  .upload-image-container + .upload-audio-dropdown-container .audio-dropdown .dropdown-container {
    margin-left: calc(0px - (40px + var(--audio-dropdown-margin-left, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3)) + 4px));
  }
  .upload-image-container + .upload-audio-dropdown-container .audio-dropdown .dropdown-container::after {
    content: "";
    position: absolute;
    top: -12px;
    left: 100px;
    border-width: 12px;
    border-top-width: 0;
    border-style: solid;
    border-color: transparent transparent var(--dropdown-arrow-background, #fff);
    line-height: 0;
  }
  .upload-image-container + .upload-audio-dropdown-container .audio-dropdown .dropdown-container::before {
    content: "";
    position: absolute;
    top: -13px;
    left: 99px;
    border-width: 13px;
    border-top-width: 0;
    border-style: solid;
    border-color: transparent transparent var(--dropdown-arrow-border, #bdbdbd);
    line-height: 0;
  }
  .upload-image-container + .upload-audio-dropdown-container .audio-dropdown .dropdown-container::after, .upload-image-container + .upload-audio-dropdown-container .audio-dropdown .dropdown-container::before {
    margin-left: -2px;
  }
}
/* src/js/activitybuilder/components/shared/audio-upload/upload-audio.scss */
.recording-label {
  text-align: var(--recording-label-text-align, left);
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-top: 0;
  color: var(--amp-body-color, #3b3b3b);
}

.recording-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.recording-container .audio-wave-container {
  display: grid;
}
.recording-container .audio-wave-container .audio-bubble-background,
.recording-container .audio-wave-container .pre-recording-dots,
.recording-container .audio-wave-container .audio-wave-gif {
  grid-column: 1;
  grid-row: 1;
}
.recording-container .audio-bubble-background {
  display: flex;
  align-items: center;
  position: relative;
  background-color: var(--audio-bubble-background, rgba(71, 129, 185, 0.15));
  border-radius: var(--audio-bubble-border-radius, 20px);
  width: calc(var(--audio-bubble-waveform-width, 120px) + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3 + 45px);
  height: var(--audio-bubble-background-height, 39px);
  margin-left: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * var(--audio-bubble-margin-left, 1.5));
  overflow: hidden;
}
.recording-container .recording-time {
  position: absolute;
  left: calc(100% - 45px - var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  width: 45px;
  text-align: center;
}

.audio-preview-message {
  color: #676767;
  border: 1px dashed #bdbdbd;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  border-radius: var(--amp-border-radius, 0.1875em);
  font-style: var(--dropdown-container-preview-message-font-style, italic);
  font-family: var(--dropdown-container-preview-message-font-family, inherit);
  text-align: center;
  width: 265px;
}
/* src/js/activitybuilder/components/shared/authoring-toggle.styl */
.authoring-toggle {
  margin: 0 auto;
  clear: both;
  max-width: 350px;
  height: 50px;
  width: 90%;
  padding-top: 10px;
}
.authoring-radio .has-sub-option .component-options-list {
  margin-left: 25px;
}

/* src/js/activitybuilder/components/shared/card-graph-display.styl */
.card-graph-container {
  position: relative;
}
.card-graph-container .image-card-wrapper {
  height: 100%;
}
.expanded-card-container .card-graph-container {
  overflow: auto;
  border-radius: var(--card-border-radius, var(--amp-border-radius, 0.1875em));
  height: 370px;
  background: #fff;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.expanded-card-container .card-graph-container .calculator {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-animation: cardGraphfadeIn 0.6s;
  -moz-animation: cardGraphfadeIn 0.6s;
  -o-animation: cardGraphfadeIn 0.6s;
  -ms-animation: cardGraphfadeIn 0.6s;
  animation: cardGraphfadeIn 0.6s;
}
@media screen and (max-width: 575px) {
  .expanded-card-container .card-graph-container {
    height: 300px;
  }
}
@-moz-keyframes cardGraphfadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes cardGraphfadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes cardGraphfadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes cardGraphfadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

/* src/js/activitybuilder/components/shared/card-image-display.styl */
.image-card-wrapper {
  font-size: 0;
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.image-card-wrapper:not(.image-card-loaded) {
  background: #fafafa;
}
.image-card-wrapper.image-size-loading {
  min-height: 100px;
  background: #e2e2e2;
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.image-card {
  width: 100%;
  max-width: var(--card-typed-card-width, 196px);
  text-align: center;
  margin: 0 auto;
  border-radius: var(--amp-border-radius, 0.1875em);
}
.dcg-cardsort-card:first-child .image-card {
  max-width: var(--card-typed-card-width, 205px);
}
@media screen and (max-width: 575px) {
  .image-card {
    max-width: 116px;
  }
  .dcg-cardsort-card:first-child .image-card {
    max-width: 121.39999999999999px;
  }
}

/* src/js/activitybuilder/components/shared/card-text-display.styl */
.cardsort-typed-card .dcg-mq-math-mode {
  cursor: pointer;
}
.cardsort-typed-card .equation-card-container {
  padding: var(--card-text-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  font-size: var(--card-font-size-scale, 90%);
}
.cardsort-typed-card .mixed-text-container {
  font-size: 100%;
  text-align: left;
  word-wrap: break-word;
}
.cardsort-typed-card .mixed-text-display * {
  cursor: pointer;
}
.dcg-cardsort-card:first-child .equation-card-container {
  font-size: var(--card-font-size-scale, 94.05%);
}
.dcg-cardsort-card:first-child .mixed-text-container {
  font-size: var(--card-font-size-scale, 104.5%);
}
.dcg-cardsort-card:first-child .equation-card-container.scale-minus-1,
.dcg-cardsort-card:first-child .mixed-text-container.scale-minus-1 {
  font-size: calc(1 / var(--amp-scale-ratio) * 1em);
}
.cardsort-text-card .prosemirror-container p strong {
  font-weight: var(--card-bold-font-weight, 500);
}
@media screen and (max-width: 575px) {
  .cardsort-typed-card .equation-card-container {
    font-size: var(--card-font-size-scale, 70%);
  }
  .cardsort-typed-card .mixed-text-container {
    font-size: var(--card-font-size-scale, 80%);
  }
  .cardsort-typed-card .equation-card-container.scale-minus-1,
  .cardsort-typed-card .mixed-text-container.scale-minus-1 {
    font-size: calc(1 / var(--amp-scale-ratio) * 1em);
  }
  .dcg-cardsort-card:first-child .equation-card-container {
    font-size: var(--card-font-size-scale, 73.14999999999999%);
  }
  .dcg-cardsort-card:first-child .mixed-text-container {
    font-size: var(--card-font-size-scale, 83.6%);
  }
  .dcg-cardsort-card:first-child .equation-card-container.scale-minus-1,
  .dcg-cardsort-card:first-child .mixed-text-container.scale-minus-1 {
    font-size: calc(1 / var(--amp-scale-ratio) * 1em);
  }
}

/* src/js/activitybuilder/components/shared/correctness-indicator.styl */
.correctness-indicator {
  width: var(--correctness-indicator-size, 24px);
  height: var(--correctness-indicator-size, 24px);
  border-radius: var(--correctness-indicator-size, 24px);
  font-size: var(--correctness-indicator-size, 24px);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.correctness-indicator.correct,
.correctness-indicator.incorrect,
.correctness-indicator.warning {
  -webkit-box-shadow: 0 0 0 2px #fff;
  box-shadow: 0 0 0 2px #fff;
}
.correctness-indicator.correct {
  background: #3278c8;
}
.correctness-indicator.incorrect {
  background: #ffc76d;
}
.correctness-indicator.warning {
  background: #676767;
}
.correctness-indicator.warning .correctness-icon {
  font-size: 0.9em;
  padding-bottom: 2px;
}
.correctness-indicator.warning .correctness-icon:before {
  color: #fff;
}
.correctness-indicator.warning .correctness-icon:after {
  color: #676767;
}
.correctness-indicator .correctness-icon {
  color: #fff;
  padding-bottom: 1px;
}
.correctness-indicator .correctness-icon.icon-v2-incorrect {
  color: #3b3b3b;
}

/* src/js/activitybuilder/components/shared/empty-component.styl */
.empty-component {
  color: #bbb;
  text-align: center;
  width: 100%;
  padding: 30px;
  font-size: 120%;
}

/* src/js/activitybuilder/components/shared/fancy-icon.styl */
.fancy-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.fancy-icon img {
  width: 1.5em;
  height: auto;
}
.fancy-icon-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}

/* src/js/activitybuilder/components/shared/fast-static-math.styl */
.fake-static-math {
  font-family: Symbola, "Times New Roman", serif;
  cursor: text;
}
.fake-static-math.dcg-mq-math-mode > span {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  padding: 2px;
  display: inline-block;
}
.fast-static-math-loading {
  margin: 2px;
  height: 1em;
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  background: #e2e2e2;
  border-radius: 3px;
}

/* src/js/activitybuilder/components/shared/input-footer.styl */
.dcg-input-footer {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: var(--math-input-footer-padding, 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  background: var(--input-footer-background, #f6f6f6);
  border: var(--input-footer-border, 1px solid #bdbdbd);
  border-top: 0;
  border-radius: var(--input-footer-border-radius, 0 0 var(--amp-border-radius, 0.1875em) var(--amp-border-radius, 0.1875em));
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.dcg-input-footer > * {
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  display: grid;
  grid-column-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  grid-row-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.dcg-expression-input-container .dcg-explain-your-answer .dcg-input-footer .dcg-rich-buttons {
  padding-top: var(--input-footer-explain-your-answer-math-top, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  padding-left: var(--input-footer-explain-your-answer-math-padding-left, 0);
  padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.dcg-expression-input-container .dcg-explain-your-answer .dcg-input-footer .dcg-rich-buttons + .submit-container {
  padding-right: var(--input-footer-explain-your-answer-math-padding-right, 0);
  padding-left: var(--input-footer-explain-your-answer-math-padding-left, 0);
}
.multiple-choice-explain-view .dcg-explain-your-answer .dcg-input-footer {
  padding-top: var(--input-footer-explain-your-answer-multi-choice-top, 0);
}
.multiple-choice-explain-view .dcg-explain-your-answer .dcg-input-footer .dcg-rich-buttons {
  padding-top: var(--input-footer-explain-your-answer-multi-choice-buttons-top, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.playground-component-periscope .dcg-explain-your-answer .dcg-rich-buttons,
.playground-component-periscope .dcg-input-footer .dcg-rich-buttons {
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  padding-left: 0;
  padding-right: 0;
}
.playground-component-periscope .dcg-explain-your-answer .dcg-rich-buttons + .submit-container,
.playground-component-periscope .dcg-input-footer .dcg-rich-buttons + .submit-container {
  padding-right: 0;
  padding-left: 0;
}
.playground-component-periscope .btn.btn-secondary i {
  position: unset;
  margin: 0 2px;
  font-size: 1.5em;
  line-height: 1.6em;
}
.dcg-expression-input-container .input-and-button-container .dcg-input-footer {
  background: var(--math-input-footer-background, #f6f6f6);
  border: var(--math-input-footer-border, 1px solid #bdbdbd);
  border-top: 0;
}

/* src/js/activitybuilder/components/shared/keypad-button.styl */
.dcg-toggle-keypad-button.active:not(.btn-flat),
.dcg-toggle-keypad-button.btn.active:not(.btn-flat) {
  background: #3278c8;
  color: #fff;
  border-color: transparent;
}
.dcg-toggle-keypad-button.active:not(.btn-flat):not(:focus-visible),
.dcg-toggle-keypad-button.btn.active:not(.btn-flat):not(:focus-visible) {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dcg-toggle-keypad-button.active.dcg-hovered,
.dcg-toggle-keypad-button.btn.active.dcg-hovered,
.dcg-toggle-keypad-button.active:focus-visible,
.dcg-toggle-keypad-button.btn.active:focus-visible {
  background: var(--keypad-button-background-hovered, #1e4878);
  color: var(--keypad-button-color-hovered, #fff);
  border-color: var(--keypad-button-border-color-hovered, transparent);
}
.dcg-toggle-keypad-button.active.dcg-depressed,
.dcg-toggle-keypad-button.btn.active.dcg-depressed {
  background: var(--keypad-button-background-active, #0f243c);
  color: var(--keypad-button-color-active, #fff);
  border-color: var(--keypad-button-border-color-active, transparent);
}
.dcg-toggle-keypad-button.active.dcg-hovered,
.dcg-toggle-keypad-button.btn.active.dcg-hovered {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dcg-toggle-keypad-button.dcg-hovered,
.dcg-toggle-keypad-button:focus-visible {
  background: rgba(0,0,0,0.05);
}
.dcg-toggle-keypad-button.dcg-depressed {
  background: rgba(0,0,0,0.1);
}
.dcg-toggle-keypad-button .disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

/* src/js/activitybuilder/components/shared/layout/playground.styl */
.revision-toggle-container {
  margin: 10px auto;
  width: 100%;
}
.revision-toggle-container .revision-toggle {
  width: 100%;
  max-width: 1000px;
  position: relative;
  margin: auto;
}
.revision-toggle-container .revision-toggle .dcg-segmented-control-layout .dcg-segmented-control-btn.dcg-selected {
  z-index: 0;
}
.revision-toggle-container .read-only-banner {
  background: #e3ecf5;
  border: 1px solid #bdbdbd;
  border-radius: 4px;
  margin: 10px auto;
  padding: 10px;
  text-align: center;
  width: fit-content;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.revision-toggle-container .read-only-banner i.pillow-icon-info {
  color: #4781b9;
  margin-right: 5px;
}
.revision-toggle-container .authoring-toggle {
  height: 40px;
  padding: 0;
}
.revision-toggle-container + .student-step-container {
  margin-top: 50px;
}
.revision-toggle-container + .interactive-sandbox-container :not(.momentum-scroll) {
  pointer-events: none !important;
}
.revision-toggle-container + .interactive-sandbox-container .momentum-scroll {
  pointer-events: auto;
}
.student-step-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.student-step-container.space-filling {
  height: 100%;
}
.student-step-container .cls-step-title {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -o-box-flex: 0;
  -ms-box-flex: 0;
  box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  text-align: center;
}
.student-step-container .step-subtitle {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -o-box-flex: 0;
  -ms-box-flex: 0;
  box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  text-align: center;
  margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.student-step-container.has-annotation-layer-view {
  min-height: 100%;
}
.student-step-container.has-annotation-layer-view .annotation-layer-view-wrapper {
  height: calc(100% - 0.2em);
}
.student-step-container .content-container {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1 1 auto;
  z-index: 0;
}
.student-step-container .prevent-screen-reason-container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 40px 50px 0;
}
.student-step-container .prevent-screen-reason-container .prevent-screen-reason {
  font-size: 180%;
}
.student-step-container .title-subtitle-container .cls-step-title.empty-title {
  margin-bottom: 0 !important;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) !important;
}
.screen-cover-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background: #fff;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 40px 50px 0;
  text-align: center;
  z-index: 2;
}
.screen-cover-container.animating-out {
  -webkit-animation: fadeOut 0.3s forwards;
  -moz-animation: fadeOut 0.3s forwards;
  -o-animation: fadeOut 0.3s forwards;
  -ms-animation: fadeOut 0.3s forwards;
  animation: fadeOut 0.3s forwards;
}
.screen-cover-container.theme-default .screen-cover-text {
  font-weight: 300;
}
.screen-cover-container .screen-cover-text {
  font-size: 180%;
}
.screen-cover-container .btn-blue,
.screen-cover-container .blue-link {
  margin-top: 20px;
}
.screen-cover-container .annotation-layer-view-wrapper {
  min-height: calc(100% - 0.4em);
}
.playground-component-container.horizontally-scrolling {
  position: relative;
}
.playground-graph-with-sketch {
  margin-top: 50px;
}
.playground-graph-with-sketch.playground-component-periscope {
  margin-top: 24px;
}
.playground-action-button-above-graph {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}
.playground-action-button-above-graph .dcg-action-button-playground {
  text-align: end;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.playground-action-button-above-graph .dcg-action-button-playground .dcg-action-button {
  margin: 10px;
}
.playground-action-button-above-graph .dcg-action-button-playground .dcg-action-button.type-scale-minus-1 {
  margin: 10px;
}
.playground-action-button-above-graph .dcg-action-button-playground .blue-link {
  margin: 10px;
  text-shadow: calc(1px * -1) calc(1px * -1) 0 #fff, calc(1px * -1) 1px 0 #fff, 1px calc(1px * -1) 0 #fff, 1px 1px 0 #fff, 0 calc(1px * -1) 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, calc(1px * -1) 0 0 #fff;
  display: inline-block;
}
.student-navigation-container .student-step-container.playground-screen-alignment-center {
  min-height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
}
.student-navigation-container .student-step-container.playground-screen-alignment-center .content-container {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -o-box-flex: 0;
  -ms-box-flex: 0;
  box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  width: 100%;
  height: 100%;
}
.playground-layout .interactive-sandbox-container {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (max-height: 768px) {
  .student-step-container .title-subtitle-container .cls-step-title.empty-title {
    margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) !important;
  }
}
@media screen and (min-width: 1500px) {
  .amp-styles .layout-context-medium {
    font-size: inherit;
  }
}

/* src/js/activitybuilder/components/shared/layout/screen/miniscreen.styl */
.section-annotation-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.section-annotation-wrapper .section-annotation-border {
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #bdbdbd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.section-annotation-wrapper .section-name {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  color: #999;
}
.section-annotation-wrapper .section-name .section-name-text,
.section-annotation-wrapper .section-name .estimated-section-time {
  background: #f6f6f6;
  position: relative;
  padding: 0 0.25em;
}
.section-annotation-wrapper .section-name .dcg-tooltip-hit-area-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  line-height: inherit;
  min-width: 0;
}
.section-annotation-wrapper .section-name .dcg-tooltip-hit-area-container .section-name-text {
  margin-left: 15px;
  color: var(--amp-body-color, #3b3b3b);
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.section-annotation-wrapper .section-name .dcg-tooltip-hit-area-container .section-name-text:focus-visible {
  outline-offset: -4px;
}
.section-annotation-wrapper .section-name .estimated-section-time {
  color: #676767;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.navigation-miniscreen-container .section-annotation-wrapper {
  top: 6px;
}
.navigation-miniscreen-container .section-annotation-wrapper .miniscreen {
  top: 26px;
}
.navigation-miniscreen-container .section-annotation-wrapper .section-annotation-border {
  top: 9px;
  border-color: rgba(0,0,0,0.2);
  border-top-width: 1px;
}
.navigation-miniscreen-container .section-annotation-wrapper .section-annotation-border--last-of-section {
  margin-right: 10px;
}
.navigation-miniscreen-container .section-annotation-wrapper .section-annotation-border--first-of-section {
  margin-left: 0;
}
.navigation-miniscreen-container .section-annotation-wrapper .section-name {
  color: var(--amp-body-color, #3b3b3b);
  margin-right: 10px;
}
.navigation-miniscreen-container .section-annotation-wrapper .section-name .section-name-text:focus-visible {
  outline-offset: -2px;
}
.navigation-miniscreen-container .section-annotation-wrapper .section-name .section-name-text,
.navigation-miniscreen-container .section-annotation-wrapper .section-name .estimated-section-time {
  padding: 0;
  margin-left: 0;
  background: transparent;
  font-size: var(--miniscreen-section-name-font-size, calc(1 / var(--amp-scale-ratio) * 1em));
}
.navigation-miniscreen-container .section-annotation-wrapper .section-name .section-name-text span,
.navigation-miniscreen-container .section-annotation-wrapper .section-name .estimated-section-time span {
  background: #c2d7ef;
  padding-right: 0.25em;
}
.navigation-miniscreen-container .section-annotation-wrapper.read-only .section-name-text {
  color: #fff;
}
.navigation-miniscreen-container .section-annotation-wrapper.read-only .section-name-text span {
  background: #83629e;
}
.navigation-miniscreen-container .miniscreen {
  border-radius: var(--amp-border-radius, 0.1875em);
  top: 6px;
  bottom: 6px;
  left: 0;
  right: 10px;
}
.navigation-miniscreen-container .miniscreen:focus-visible {
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.3125rem #9c0d63;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.3125rem #9c0d63;
}
.navigation-miniscreen-container .miniscreen.miniscreen-clickable .content .layout-top-miniscreen .dcg-layout-column .component.small-component .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-container {
  max-height: 40px;
  overflow: hidden;
  padding-bottom: 10px;
}
.navigation-miniscreen-container .miniscreen.miniscreen-clickable .content .layout-top-miniscreen .dcg-layout-column .component.small-component .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .taped.note:before {
  width: 12px;
  height: 5px;
  left: -2px;
}
.navigation-miniscreen-container .miniscreen.miniscreen-clickable .content .layout-top-miniscreen .dcg-layout-column .component.small-component .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .taped.note:after {
  width: 12px;
  height: 5px;
  top: 0pxt;
  right: -2px;
  -webkit-transform: rotate(32deg);
  -moz-transform: rotate(32deg);
  -o-transform: rotate(32deg);
  -ms-transform: rotate(32deg);
  transform: rotate(32deg);
}
.navigation-miniscreen-container .miniscreen.miniscreen-clickable .content .layout-top-miniscreen .dcg-layout-column .component.small-component .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .taped.note .prosemirror-container {
  max-height: 40px;
}
.navigation-miniscreen-container .miniscreen.miniscreen-clickable .content .layout-top-miniscreen .dcg-layout-column .component.small-component .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container {
  width: 100%;
}
.navigation-miniscreen-container .miniscreen.miniscreen-clickable .content .layout-top-miniscreen .dcg-layout-column .component.small-component .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .note:before,
.navigation-miniscreen-container .miniscreen.miniscreen-clickable .content .layout-top-miniscreen .dcg-layout-column .component.small-component .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .k5-note:before {
  width: 10px;
  height: 10px;
}
.navigation-miniscreen-container .miniscreen.miniscreen-clickable .content .layout-top-miniscreen .dcg-layout-column .component.small-component .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .note:after,
.navigation-miniscreen-container .miniscreen.miniscreen-clickable .content .layout-top-miniscreen .dcg-layout-column .component.small-component .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .k5-note:after {
  width: 10px;
  height: 10px;
  background-size: calc(10px + 6px);
}
.navigation-miniscreen-container .miniscreen.miniscreen-clickable .content .layout-top-miniscreen .dcg-layout-column .component.small-component .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .note .fade-out,
.navigation-miniscreen-container .miniscreen.miniscreen-clickable .content .layout-top-miniscreen .dcg-layout-column .component.small-component .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .k5-note .fade-out {
  height: calc(10px * 2);
  right: 10px;
  bottom: 0;
}
.navigation-miniscreen-container .miniscreen.miniscreen-clickable .content .layout-top-miniscreen .dcg-layout-column .component.small-component .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .note .prosemirror-container,
.navigation-miniscreen-container .miniscreen.miniscreen-clickable .content .layout-top-miniscreen .dcg-layout-column .component.small-component .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .k5-note .prosemirror-container {
  padding: 8%;
  max-height: 45px;
}
.navigation-miniscreen-container .miniscreen.miniscreen-clickable .content .layout-top-miniscreen .dcg-layout-column .component.small-component .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .note .prosemirror-container .dcg-prosemirror-view,
.navigation-miniscreen-container .miniscreen.miniscreen-clickable .content .layout-top-miniscreen .dcg-layout-column .component.small-component .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .k5-note .prosemirror-container .dcg-prosemirror-view {
  max-height: 30px;
  overflow: hidden;
}
.navigation-miniscreen-container .miniscreen.miniscreen-clickable.dcg-hovered:not(.miniscreen-selected) {
  -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,0.2);
  box-shadow: 0 0 0 3px rgba(0,0,0,0.2);
}
.navigation-miniscreen-container .miniscreen.miniscreen-selected {
  background: #fed765;
  -webkit-box-shadow: 0 0 0 3px #fed765;
  box-shadow: 0 0 0 3px #fed765;
}
.navigation-miniscreen-container .miniscreen.miniscreen-selected .content {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.navigation-miniscreen-container .miniscreen .diff-dot {
  width: 12px;
  height: 12px;
  top: -5px;
  left: -6px;
  position: absolute;
  z-index: 2;
}
.navigation-miniscreen-container .miniscreen.taped,
.navigation-miniscreen-container .miniscreen.note-taped,
.navigation-miniscreen-container .miniscreen .header {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.25) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.25) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.navigation-miniscreen-container .miniscreen .content {
  top: 0;
}
.preview-miniscreen-container {
  height: 150px;
  position: relative;
}
.preview-miniscreen-container .miniscreen {
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-transition: border-color 0.2s linear;
  -moz-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  -ms-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.preview-miniscreen-container .miniscreen.miniscreen-clickable.dcg-hovered:not(.miniscreen-selected),
.preview-miniscreen-container .miniscreen.miniscreen-clickable.step-count-hovered {
  border: 1px solid #9c0d63;
}
.preview-miniscreen-container .miniscreen.miniscreen-clickable .content {
  border-radius: var(--amp-border-radius, 0.1875em);
}
.preview-miniscreen-container .section-annotation-wrapper {
  top: 12px;
}
.preview-miniscreen-container .section-annotation-wrapper .miniscreen {
  top: 12px;
}
.preview-miniscreen-container .section-annotation-wrapper .section-name {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.preview-miniscreen-container .section-annotation-wrapper .section-name .section-name-text,
.preview-miniscreen-container .section-annotation-wrapper .section-name .estimated-section-time {
  top: var(--miniscreen-section-name-top, -9px);
  font-size: calc(1em / var(--amp-scale-ratio));
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  font-size: var(--miniscreen-section-name-font-size, calc(1 / var(--amp-scale-ratio) * 1em));
}
.preview-miniscreen-container .section-annotation-wrapper .section-annotation-border {
  right: -10px;
  top: 2px;
}
.preview-miniscreen-container .section-annotation-wrapper .section-annotation-border--last-of-section {
  margin-right: 10px;
}
.miniscreen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: -moz-none;
}
.miniscreen.miniscreen-clickable {
  cursor: pointer;
}
.miniscreen .content {
  padding-top: 25px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.miniscreen .header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  color: var(--amp-body-color, #3b3b3b);
}
.miniscreen .header .miniscreen-title {
  padding-right: 22px;
}
.miniscreen .header.has-delete .miniscreen-title {
  padding-right: 18px !important;
}
.miniscreen .header .miniscreen-title {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
  text-shadow: calc(1px * -1) calc(1px * -1) 0 #fff, calc(1px * -1) 1px 0 #fff, 1px calc(1px * -1) 0 #fff, 1px 1px 0 #fff, 0 calc(1px * -1) 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, calc(1px * -1) 0 0 #fff;
}
.miniscreen .header .miniscreen-title .step-index {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  font-weight: 500;
}
.miniscreen .header .miniscreen-title .untitled {
  color: #bbb;
}
.miniscreen.no-actions .header .miniscreen-title {
  padding: 2px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.miniscreen .header .miniscreen-decorators {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.miniscreen .header .miniscreen-decorators .delete-button {
  width: 22px;
  height: 22px;
  line-height: 20px;
}
.miniscreen .header .miniscreen-decorators .miniscreen-dropdown-options.dcg-shared-options-dropdown {
  padding: 2px;
}
.miniscreen .header .miniscreen-decorators .miniscreen-dropdown-options .dot-dot-dropdown-anchor {
  line-height: 20px;
  width: 19px;
  height: 19px;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.miniscreen .header .miniscreen-decorators .miniscreen-dropdown-options .dot-dot-dropdown-anchor i {
  font-size: 1.2em;
  z-index: 1;
}
.miniscreen .header .miniscreen-decorators .miniscreen-dropdown-options.popover-right .dropdown-container:not(.dropdown-pops-right) {
  right: -80px;
}
.miniscreen .header .miniscreen-decorators .miniscreen-dropdown-options.popover-right .dropdown-container:not(.dropdown-pops-right):after {
  content: "";
  position: absolute;
  top: -9px;
  left: 7px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.miniscreen .header .miniscreen-decorators .miniscreen-dropdown-options.popover-right .dropdown-container:not(.dropdown-pops-right):before {
  content: "";
  position: absolute;
  top: -10px;
  left: 6px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.miniscreen .header .miniscreen-decorators .miniscreen-dropdown-options:not(.popover-right) .dropdown-container:not(.dropdown-pops-right) {
  right: -2px;
  top: 33px;
}
.miniscreen .header .miniscreen-decorators .miniscreen-dropdown-options:not(.popover-right) .dropdown-container:not(.dropdown-pops-right):after {
  content: "";
  position: absolute;
  top: -9px;
  right: 7px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.miniscreen .header .miniscreen-decorators .miniscreen-dropdown-options:not(.popover-right) .dropdown-container:not(.dropdown-pops-right):before {
  content: "";
  position: absolute;
  top: -10px;
  right: 6px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.miniscreen .header .miniscreen-decorators .miniscreen-dropdown-options:not(.popover-right) .dropdown-container:not(.dropdown-pops-right) .dropdown-choice {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.miniscreen .header .miniscreen-decorators .miniscreen-dropdown-options .anchor-container:focus-visible {
  -webkit-box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.3125rem #9c0d63;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.3125rem #9c0d63;
  background: #e9e9e9;
}
.miniscreen .miniscreen-warning {
  position: absolute;
  bottom: 4px;
}
.miniscreen .miniscreen-warning.miniscreen-warning-left {
  left: 4px;
}
.miniscreen .miniscreen-warning.miniscreen-warning-right {
  right: 4px;
}
.miniscreen .miniscreen-warning i.pillow-icon-error {
  display: inline-block;
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -o-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
  text-shadow: calc(1px * -1) calc(1px * -1) 0 rgba(255,255,255,0.2), calc(1px * -1) 1px 0 rgba(255,255,255,0.2), 1px calc(1px * -1) 0 rgba(255,255,255,0.2), 1px 1px 0 rgba(255,255,255,0.2), 0 calc(1px * -1) 0 rgba(255,255,255,0.2), 0 1px 0 rgba(255,255,255,0.2), 1px 0 0 rgba(255,255,255,0.2), calc(1px * -1) 0 0 rgba(255,255,255,0.2);
}
.miniscreen .miniscreen-warning i.pillow-icon-error.warning-color {
  color: #666;
}
.miniscreen .miniscreen-warning i.pillow-icon-error.error-color {
  color: #fa824c;
}
.miniscreen .miniscreen-warning i.pillow-icon-plus {
  color: #fff;
  font-size: 50%;
  border-radius: 50%;
  padding: 4px;
}
.miniscreen .miniscreen-warning i.pillow-icon-plus.warning-color {
  background: #666;
}
.miniscreen .miniscreen-warning i.pillow-icon-plus.error-color {
  background: #fa824c;
}
.navigation-miniscreen-container .miniscreen {
  max-height: 88px;
}
.navigation-miniscreen-container .miniscreen .graph-miniscreen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-position: center center;
}
.navigation-miniscreen-container .miniscreen .miniscreen-marbleslides,
.navigation-miniscreen-container .miniscreen .graph-input-miniscreen-view {
  overflow: hidden;
}
.navigation-miniscreen-container .miniscreen .image-exhibit-miniscreen-view:after {
  border-radius: 0 0 0 3px;
}
.navigation-miniscreen-container .miniscreen .component-container .text-exhibit-miniscreen {
  font-size: 0.6em;
}
.navigation-miniscreen-container .miniscreen .sketch-miniscreen-view:not(.within-fullscreen-layout) .icon-container {
  font-size: 115%;
  margin-top: -20px;
}
.navigation-miniscreen-container .miniscreen .one-column .video-miniscreen .icon-container {
  margin-top: -46px;
}
.navigation-miniscreen-container .miniscreen .two-column .video-miniscreen .icon-container {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  margin-top: -35px;
}
.dashboard-miniscreen .navigation-miniscreen-container .miniscreen .fullscreen-layout .component-container .miniscreen-component-container .graph-input-miniscreen-view.miniscreen-graph-16-9-ratio {
  width: 80%;
  height: 50%;
  margin: 30.5px auto 0 auto;
}

/* src/js/activitybuilder/components/shared/layout/twocolumn-layout.styl */
.layout-top.two-column,
.layout-top.layout-top-miniscreen.two-column {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.layout-top.two-column .dcg-layout-column,
.layout-top.layout-top-miniscreen.two-column .dcg-layout-column {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 30%;
}
.layout-top.two-column .dcg-layout-column:first-child.one-third,
.layout-top.layout-top-miniscreen.two-column .dcg-layout-column:first-child.one-third {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0.5;
  -ms-flex: 0.5;
  flex: 0.5;
  max-width: 33.3%;
}
.layout-top.two-column .dcg-layout-column:first-child.two-third,
.layout-top.layout-top-miniscreen.two-column .dcg-layout-column:first-child.two-third {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -o-box-flex: 2;
  box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  max-width: 66.6%;
}
.layout-top.two-column .dcg-layout-column:last-child.one-third,
.layout-top.layout-top-miniscreen.two-column .dcg-layout-column:last-child.one-third {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -o-box-flex: 2;
  box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  max-width: 66.6%;
}
.layout-top.two-column .dcg-layout-column:last-child.two-third,
.layout-top.layout-top-miniscreen.two-column .dcg-layout-column:last-child.two-third {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0.5;
  -ms-flex: 0.5;
  flex: 0.5;
  max-width: 33.3%;
}
.layout-top .component-container {
  height: 100%;
}
.layout-top-edit .dcg-layout-column {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 100%;
  margin: 0 auto;
}
.layout-top-edit .dcg-layout-column .component {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  margin: 0 auto;
}
.layout-top-edit .dcg-layout-column .component.not-expandable,
.layout-top-edit .dcg-layout-column .component.sized-internally {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
}
.layout-top-edit:not(.fullscreen-layout) {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
}
.layout-top-edit:not(.fullscreen-layout) .component:not(.sized-internally) {
  max-height: 610px;
  min-height: 260px;
}
.layout-top-edit:not(.fullscreen-layout) .component:not(.sized-internally):has(.player-container) {
  min-height: 360px;
}
.layout-top-edit.one-column .dcg-layout-column {
  max-width: 850px;
}
.layout-top-edit.fullscreen-layout .dcg-layout-column {
  max-width: 1300px;
}
.layout-top-edit.fullscreen-layout .component.not-expandable,
.layout-top-edit:not(.fullscreen-layout) .component.not-expandable {
  min-height: fit-content;
}
.student-empty-screen-message {
  color: #bbb;
  text-align: center;
  width: 100%;
  padding: 30px 0;
  font-size: 120%;
}
.layout-top-student-view.showing-correctness:not(.fullscreen-layout):not(.uses-responsive-grid) {
  max-width: 1098px;
}
.layout-top-student-view.showing-correctness.one-column .small-component {
  max-width: 648px;
}
.layout-top-student-view.showing-correctness.one-column .large-component {
  max-width: 798px;
}
.layout-top-student-view.showing-correctness.one-column .playground-component-container {
  margin-left: 49px;
  margin-right: 49px;
}
.layout-top-student-view.showing-correctness.two-column .small-component {
  max-width: 599px;
}
.layout-top-student-view.showing-correctness.two-column .large-component {
  max-width: 749px;
}
.layout-top-student-view.showing-correctness.two-column .playground-component-container.left {
  margin-left: 49px;
}
.layout-top-student-view.showing-correctness.two-column .playground-component-container.right {
  margin-right: 49px;
}
.layout-top-student-view:not(.showing-correctness):not(.fullscreen-layout):not(.uses-responsive-grid) {
  max-width: 1000px;
}
.layout-top-student-view:not(.showing-correctness):not(.fullscreen-layout):not(.uses-responsive-grid).projector-mode {
  max-width: 1136px;
}
.layout-top-student-view:not(.showing-correctness).two-column .small-component,
.layout-top-student-view:not(.showing-correctness).one-column .small-component {
  max-width: 550px;
}
.layout-top-student-view:not(.showing-correctness).two-column .large-component,
.layout-top-student-view:not(.showing-correctness).one-column .large-component {
  max-width: 700px;
}
.layout-top-student-view:not(.showing-correctness).one-column .large-component.widescreen-aspect-ratio {
  max-width: 100%;
}
.layout-top-student-view:not(.fullscreen-layout):not(.uses-responsive-grid) {
  margin: 0 auto;
}
.layout-top-student-view.two-column .dcg-layout-column,
.layout-top-student-view.one-column .dcg-layout-column {
  margin: 0 auto;
  position: relative;
}
.layout-top-student-view.two-column .dcg-layout-column .component,
.layout-top-student-view.one-column .dcg-layout-column .component {
  margin: 0 auto;
  clear: both;
}
.layout-top-student-view.two-column .playground-component-container,
.layout-top-student-view.one-column .playground-component-container {
  padding: 0 10px;
}
.layout-top-student-view.two-column .playground-component-container:not(.playground-action-button-above-graph),
.layout-top-student-view.one-column .playground-component-container:not(.playground-action-button-above-graph) {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.layout-top-student-view.uses-responsive-grid.one-column .component {
  max-width: calc(var(--col, 12) / 12 * 100%);
}
.layout-top-student-view.uses-responsive-grid.one-column .col-12 .small-component:has([data-component-type="multiple-choice"] .grid-layout) {
  max-width: none;
}
@media (min-width: 576px) {
  .layout-top-student-view.uses-responsive-grid.one-column .small-component {
    --col: 6;
  }
  .layout-top-student-view.uses-responsive-grid.one-column .large-component {
    --col: 8;
  }
}
@media (max-height: 767px) {
  .layout-top-student-view.uses-responsive-grid.one-column .col-12 .component:has([data-component-type="input/graph"]),
  .layout-top-student-view.uses-responsive-grid.one-column .col-12 .component:has([data-component-type="sketch"]),
  .layout-top-student-view.uses-responsive-grid.one-column .col-12 .component:has([data-component-type="exhibit/image"]),
  .layout-top-student-view.uses-responsive-grid.one-column .col-12 .component:has([data-component-type="video"]) {
    max-width: 700px;
  }
}
.layout-top-student-view.uses-responsive-grid.two-column .component {
  max-width: none;
}
@media (max-height: 767px) {
  .layout-top-student-view.uses-responsive-grid.two-column .col-half .component:has([data-component-type="input/graph"]),
  .layout-top-student-view.uses-responsive-grid.two-column .col-half .component:has([data-component-type="sketch"]),
  .layout-top-student-view.uses-responsive-grid.two-column .col-half .component:has([data-component-type="exhibit/image"]),
  .layout-top-student-view.uses-responsive-grid.two-column .col-half .component:has([data-component-type="video"]) {
    max-width: 500px;
  }
  .layout-top-student-view.uses-responsive-grid.two-column .col-two-thirds .component:has([data-component-type="input/graph"]),
  .layout-top-student-view.uses-responsive-grid.two-column .col-two-thirds .component:has([data-component-type="sketch"]),
  .layout-top-student-view.uses-responsive-grid.two-column .col-two-thirds .component:has([data-component-type="exhibit/image"]),
  .layout-top-student-view.uses-responsive-grid.two-column .col-two-thirds .component:has([data-component-type="video"]) {
    max-width: 666.6666666666666px;
  }
}
.layout-top-student-view.uses-responsive-grid.fullscreen-layout .col-fullscreen {
  position: static;
}
.layout-top-student-view.uses-responsive-grid.showing-correctness {
  margin-inline: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * -1) + -3.0625rem);
}
.layout-top-student-view.uses-responsive-grid.showing-correctness.one-column {
  margin-inline: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * -1) + -6.125rem);
}
.layout-top-student-view.projector-mode {
  color: #000;
}
.layout-top-student-view.projector-mode [data-theme-id='k5'] {
  color: #000;
}
.layout-top-student-view.projector-mode [data-theme-id='early_elementary'] {
  color: #000;
}
.layout-top-student-view.projector-mode [data-theme-id='late_elementary'] {
  color: #000;
}
.amp-styles .rhythm-container:has(.layout-top-student-view):has(.uses-responsive-grid) .fullscreen-layout {
  max-width: 100%;
}
.amp-styles .rhythm-container:has(.layout-top-student-view):has(.uses-responsive-grid):has(.fullscreen-layout) {
  max-width: none;
  padding-inline: 0;
}
.rtl-layout .layout-top-student-view:not(.fullscreen-layout) {
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 992px) {
  .layout-top-student-view:not(.companion-mode) .component,
  .layout-top-student-view.layout-top-student-view.playground-screen-alignment-center:not(.companion-mode) .component {
    margin: 0 !important;
  }
  .layout-top-student-view:not(.companion-mode):not(.fullscreen-layout),
  .layout-top-student-view.layout-top-student-view.playground-screen-alignment-center:not(.companion-mode):not(.fullscreen-layout) {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .layout-top-student-view:not(.companion-mode):not(.fullscreen-layout) .dcg-layout-column,
  .layout-top-student-view.layout-top-student-view.playground-screen-alignment-center:not(.companion-mode):not(.fullscreen-layout) .dcg-layout-column,
  .layout-top-student-view:not(.companion-mode):not(.fullscreen-layout) .dcg-layout-column.one-third,
  .layout-top-student-view.layout-top-student-view.playground-screen-alignment-center:not(.companion-mode):not(.fullscreen-layout) .dcg-layout-column.one-third {
    -webkit-flex-basis: 100% !important;
    flex-basis: 100% !important;
    max-width: unset !important;
  }
  .layout-top-student-view:not(.companion-mode) .component:has(.playground-component-container[data-component-type="exhibit/text"]) {
    min-width: var(--component-min-width-exhibit-text, none) !important;
    width: fit-content;
  }
  .layout-top-student-view:not(.companion-mode) .component:has(.playground-component-container[data-component-type="input/graph"]) {
    min-width: var(--component-min-width-input-graph, none) !important;
  }
  .layout-top-student-view:not(.companion-mode) .component:has(.playground-component-container[data-component-type="input/graph"]):has(.fixed-aspect-parent) {
    min-width: calc(var(--component-min-width-input-graph, none) + 10px * 2) !important;
  }
  .layout-top-student-view:not(.companion-mode) .component:has(.playground-component-container[data-component-type="sketch"]) {
    min-width: var(--component-min-width-sketch, none) !important;
    min-height: 1px;
  }
  .layout-top-student-view:not(.companion-mode) .component:has(.playground-component-container[data-component-type="sketch"]):has(.fixed-aspect-parent) {
    min-width: calc(var(--component-min-width-sketch, none) + 10px * 2) !important;
  }
  .layout-top-student-view:not(.companion-mode) .component:has(.playground-component-container[data-component-type="table"]) {
    min-width: var(--component-min-width-table, none) !important;
    width: fit-content;
  }
  .layout-top-student-view.showing-correctness .component:has(.playground-component-container[data-component-type="input/graph"]):has(.fixed-aspect-parent) {
    min-width: calc(var(--component-min-width-input-graph, none) + 10px * 2 + 49px * 2) !important;
  }
  .layout-top-student-view.showing-correctness .component:has(.playground-component-container[data-component-type="sketch"]):has(.fixed-aspect-parent) {
    min-width: calc(var(--component-min-width-sketch, none) + 10px * 2 + 49px * 2) !important;
  }
  .layout-top-student-view.two-column:not(.uses-responsive-grid),
  .layout-top-student-view.one-column:not(.uses-responsive-grid) {
    margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) !important;
  }
  .layout-top-student-view.two-column .component,
  .layout-top-student-view.one-column .component {
    max-width: none !important;
  }
}
@media screen and (max-width: 576px) {
  .layout-top-student-view.two-column:not(.uses-responsive-grid),
  .layout-top-student-view.one-column:not(.uses-responsive-grid) {
    margin: 0 !important;
  }
}
@media screen and (max-width: 992px) {
  .layout-top-student-view.showing-correctness:not(.fullscreen-layout):not(.uses-responsive-grid) {
    max-width: 1098px;
  }
  .layout-top-student-view.showing-correctness.one-column .small-component {
    max-width: 599px;
  }
  .layout-top-student-view.showing-correctness.one-column .large-component {
    max-width: 749px;
  }
  .layout-top-student-view.showing-correctness.two-column .playground-component-container,
  .layout-top-student-view.showing-correctness.one-column .playground-component-container {
    margin-left: 0;
    margin-right: 49px;
  }
}
.layout-top-summary {
  height: 100%;
}
.layout-top-summary .component-container {
  margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0 0;
}
.layout-top-summary .component-container > div {
  width: 100%;
}
.layout-top-summary .summary-student-thumbs {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * -1);
}
.layout-top-summary .sketch-teacher-view {
  margin-top: -7px;
}
.layout-top-summary div:not(.no-numbers) >.prosemirror-container.numbered-paragraphs:not(.no-numbers) {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.5);
}
.layout-top-summary.fullscreen-layout .summary-view-toggle {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.layout-top-summary.fullscreen-layout .graph-overlay,
.layout-top-summary.fullscreen-layout .dcg-sketch-container {
  margin: 50px 10px 10px 10px;
}
.layout-top-summary.fullscreen-layout .col-fullscreen {
  width: 100%;
}
.layout-top-summary.fullscreen-layout .fixed-aspect-parent {
  height: calc(100% - 10px);
}
.layout-top-summary.fullscreen-layout .thumb-response .fixed-aspect-parent {
  height: 100%;
}
.layout-top-summary:not(.fullscreen-layout) > div {
  width: 50vw;
  padding: 0;
}
.layout-top-summary:not(.fullscreen-layout) .summary-student-thumbs {
  width: 100%;
}
.layout-top-summary:not(.fullscreen-layout) .graph-overlay,
.layout-top-summary:not(.fullscreen-layout) .sketch-teacher-view {
  position: relative;
  width: 100%;
  padding-top: calc(100% - 2px);
}
.layout-top-summary:not(.fullscreen-layout) .background-checkbox-container {
  width: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.layout-top-summary:not(.fullscreen-layout) .background-checkbox-container .amplify-checkbox {
  max-width: 100%;
}
.layout-top-summary:not(.fullscreen-layout) .background-checkbox-container label span:last-of-type {
  display: inline-block;
  height: 1.5em;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.layout-top-summary:not(.fullscreen-layout) .dcg-layout-column.col-two-thirds .graph-overlay {
  padding-top: 0;
}
@media screen and (max-width: 900px) and (min-width: 576px) {
  .layout-top-summary:not(.fullscreen-layout) .graph-overlay {
    top: 30px;
  }
  .layout-top-summary:not(.fullscreen-layout) .graph-overlay .background-checkbox-container {
    right: auto;
    width: 100%;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 910px) and (min-width: 576px) {
  .layout-top-summary:not(.fullscreen-layout) .sketch-teacher-view {
    top: 30px;
  }
  .layout-top-summary:not(.fullscreen-layout) .sketch-teacher-view .dcg-sketch-container .fixed-aspect-container .background-checkbox-container {
    right: auto;
    width: 100%;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1200px) and (min-width: 576px) {
  .layout-top-summary:not(.fullscreen-layout) .dcg-layout-column.col-one-third .graph-overlay {
    top: 30px;
  }
  .layout-top-summary:not(.fullscreen-layout) .dcg-layout-column.col-one-third .graph-overlay .background-checkbox-container {
    right: auto;
    width: 100%;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1210px) and (min-width: 576px) {
  .layout-top-summary:not(.fullscreen-layout) .dcg-layout-column.col-one-third .sketch-teacher-view {
    top: 30px;
  }
  .layout-top-summary:not(.fullscreen-layout) .dcg-layout-column.col-one-third .sketch-teacher-view .dcg-sketch-container .fixed-aspect-container .background-checkbox-container {
    right: auto;
    width: 100%;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 992px) {
  .layout-top-summary:not(.fullscreen-layout):not(:has(.col-two-thirds)):not(:has(.col-one-third)) > div {
    max-width: calc(396px + calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
  }
}
.layout-top-miniscreen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.layout-top-miniscreen .dcg-layout-column {
  width: 100%;
  height: 100%;
}
.layout-top-miniscreen .dcg-layout-column:first-child.one-third {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0.5;
  -ms-flex: 0.5;
  flex: 0.5;
}
.layout-top-miniscreen .dcg-layout-column:first-child.two-third {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -o-box-flex: 2;
  box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.layout-top-miniscreen:not(.fullscreen-layout) {
  top: 30px;
}
.layout-top-miniscreen:not(.fullscreen-layout) .dcg-layout-column {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.layout-top-miniscreen:not(.fullscreen-layout) .dcg-layout-column .component {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  position: relative;
}
.layout-top-miniscreen:not(.fullscreen-layout) .dcg-layout-column .miniscreen-component-container {
  width: 100%;
  height: 100%;
}
.layout-top-miniscreen:not(.fullscreen-layout) .dcg-layout-column:first-of-type {
  padding-left: 6px;
  padding-right: 3px;
}
.layout-top-miniscreen:not(.fullscreen-layout) .dcg-layout-column:last-of-type {
  padding-left: 3px;
  padding-right: 6px;
}
.layout-top-student-view.layout-top-student-view.playground-screen-alignment-center {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
}
.layout-top-student-view.layout-top-student-view.playground-screen-alignment-center .dcg-layout-column {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
}
.layout-top-student-view.layout-top-student-view.playground-screen-alignment-center .dcg-layout-column .component {
  margin: 0;
  width: 100%;
}

/* src/js/activitybuilder/components/shared/link-editor.styl */
.dcg-link-editor.bynder-link:has(.image-edit-label) {
  text-align: center;
}
.dcg-link-editor.bynder-link .link-url-label {
  display: inline;
}
.dcg-link-editor .dcg-segmented-control-layout {
  margin-bottom: 20px;
}
.dcg-link-editor .dcg-link-input {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dcg-link-editor .dcg-link-input-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dcg-link-editor .dcg-link-input-container.only-bynder-link {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.dcg-link-editor .dcg-link-input-container.only-bynder-link .link-error {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.dcg-link-editor .dcg-link-input-container.only-bynder-link.video-uploading {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dcg-link-editor .dcg-link-input-container.only-bynder-link.video-uploading .link-input-wrapper {
  width: 100%;
}
.dcg-link-editor .dcg-link-input-container.only-bynder-link.video-uploading .dcg-link-footer {
  -webkit-align-self: end;
  align-self: end;
  -ms-flex-item-align: end;
}
.dcg-link-editor .dcg-link-input-container.only-bynder-link .dcg-link-buttons {
  margin-left: 10px;
}
.dcg-link-editor .dcg-link-input-container .link-input,
.dcg-link-editor .dcg-link-input-container .dcg-link-footer {
  margin-top: 10px;
}
.dcg-link-editor .dcg-link-input-container .link-input {
  font-size: 16px;
}
.dcg-link-editor .dcg-link-input-container .dcg-link-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.dcg-link-editor .dcg-link-input-container .dcg-link-footer.has-file-upload {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.dcg-link-editor .dcg-link-input-container .dcg-link-footer input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.dcg-link-editor .dcg-link-input-container .dcg-link-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.dcg-link-editor .dcg-link-input-container .dcg-cancel-button {
  margin-right: 10px;
}
.dcg-link-editor .dcg-link-input-container .dcg-textarea-submit-button {
  place-items: center center;
  gap: 4px;
}
.dcg-link-editor .link-input-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.dcg-link-editor.bynder-link {
  padding: 0;
}
.dcg-link-editor.bynder-link .link-input {
  min-width: 250px;
}
.dcg-link-editor.bynder-link .link-error {
  color: #c0504d;
  font-size: 0.9rem;
  padding-bottom: 10px;
}
.dcg-link-editor.bynder-link.compact-layout {
  max-width: 178px;
}
.dcg-link-editor.bynder-link.compact-layout .dcg-link-input-container.only-bynder-link {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.dcg-link-editor.bynder-link.compact-layout .link-input {
  min-width: inherit;
  margin-top: 0;
}
.dcg-link-editor.bynder-link.compact-layout .dcg-textarea-submit-button {
  height: 2.5em;
  font-size: 1em;
  line-height: 2.5em;
}
.dcg-layout-column.one-third:first-child:not(:has(.media-upload-container)) .dcg-link-input-container.only-bynder-link,
.dcg-layout-column.two-third:nth-child(2):not(:has(.media-upload-container)) .dcg-link-input-container.only-bynder-link {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.dcg-layout-column.one-third:first-child .media-upload-container .bynder-link .link-input,
.dcg-layout-column.two-third:nth-child(2) .media-upload-container .bynder-link .link-input {
  min-width: 165px;
}

/* src/js/activitybuilder/components/shared/media-description-container.styl */
.media-and-description-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.media-and-description-container .upload-preview {
  max-height: 50vh;
  margin: auto;
}
.media-and-description-container .media-description-container {
  padding: 5px 10px 10px;
}
.media-and-description-container .media-description-container .media-description-label {
  line-height: 1.5em;
}
.media-and-description-container .media-description-container textarea {
  width: 100%;
  font-size: 100%;
  padding: 10px;
}

/* src/js/activitybuilder/components/shared/narration.styl */
.narration-offscreen-aria,
.narration-offscreen {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.narration-preview {
  display: inline-block;
  background: #dae6f1;
  border: 1px solid #a3c0dc;
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 50px;
}
.narration-preview .narration-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 5px;
}

/* src/js/activitybuilder/components/shared/other-students-responses/multiple-choice-student-response.styl */
.multiple-choice-response .dcg-choices-image-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.multiple-choice-response .choice-response {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.multiple-choice-response .choice-response div:has(.letter-label) {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.multiple-choice-response .choice-response.has-image {
  margin-bottom: 6px;
  height: 40px;
}
.multiple-choice-response .choice-response .dcg-choice-image-container {
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  margin-right: 6px;
  width: 40px;
  height: 40px;
}
.multiple-choice-response .choice-response .dcg-choice-image-container .dcg-choice-image {
  height: 38px;
  width: 38px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 3px;
}
.multiple-choice-response .choice-response .dcg-choice-image-container .dcg-choice-image.loading {
  background-color: #e2e2e2;
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.multiple-choice-response .choice-response .choice-text {
  margin-bottom: 6px;
  margin-right: 6px;
}
.multiple-choice-response .choice-response .choice-text .mixed-text-display {
  padding: 0 6px;
  margin-left: 1px;
  border-left: 2px solid #e2e2e2;
}
.multiple-choice-response .no-choices-selected {
  color: #999;
  font-style: italic;
}
.multiple-choice-response .explanation-container {
  display: inline-block;
  white-space: pre-wrap;
}
.multiple-choice-response .explanation-container .explanation-text {
  color: #666;
  font-size: 90%;
}

/* src/js/activitybuilder/components/shared/other-students-responses/response-item.styl */
.woss-student-responses {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: -moz-none;
}
.woss-student-responses .response-name {
  text-transform: uppercase;
  color: #676767;
  font-size: 90%;
  line-height: 2em;
}
.woss-student-responses .student-response-row {
  clear: both;
}
.woss-student-responses .student-response-row .dcg-mathquill-wrapper {
  display: inline;
}
.woss-student-responses .student-response-row .dcg-mathquill-wrapper .dcg-typeset-math,
.woss-student-responses .student-response-row .dcg-mathquill-wrapper .dcg-mathquill-braille {
  display: inline;
}
.woss-student-responses .student-response-row .text-input-response-text {
  cursor: default !important;
  overflow-x: auto;
}

/* src/js/activitybuilder/components/shared/other-students-responses/view.styl */
.dcg-other-students-responses {
  position: relative;
  vertical-align: top;
}
.dcg-other-students-responses .dcg-other-students-responses-title {
  margin-bottom: 0 !important;
}
.dcg-other-students-responses .other-students-responses-placeholder {
  color: #999;
  border: 1px dashed #bbb;
  padding: 10px;
  margin-top: 40px;
  border-radius: 5px;
  font-style: italic;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.dcg-other-students-responses .other-student-name {
  text-transform: uppercase;
  color: #676767;
  display: block;
}
.dcg-other-students-responses .waiting-for-responses {
  color: #676767;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  font-style: italic;
}
.dcg-other-students-responses .waiting-for-responses img {
  position: relative;
  top: 3px;
  width: 16px;
  margin-right: 5px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.dcg-other-students-responses .student-response {
  padding: 0 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.dcg-other-students-responses .student-response:last-of-type {
  padding-bottom: 0;
}

/* src/js/activitybuilder/components/shared/periscope-correctness-indicator.styl */
.periscope-correctness-container:not(.animating-out) .left {
  -webkit-animation: fadeInLeft 0.2s forwards;
  -moz-animation: fadeInLeft 0.2s forwards;
  -o-animation: fadeInLeft 0.2s forwards;
  -ms-animation: fadeInLeft 0.2s forwards;
  animation: fadeInLeft 0.2s forwards;
}
.periscope-correctness-container:not(.animating-out) .right {
  -webkit-animation: fadeInRight 0.2s forwards;
  -moz-animation: fadeInRight 0.2s forwards;
  -o-animation: fadeInRight 0.2s forwards;
  -ms-animation: fadeInRight 0.2s forwards;
  animation: fadeInRight 0.2s forwards;
}
.periscope-correctness-container.animating-out .left {
  -webkit-animation: fadeOutLeft 0.2s forwards;
  -moz-animation: fadeOutLeft 0.2s forwards;
  -o-animation: fadeOutLeft 0.2s forwards;
  -ms-animation: fadeOutLeft 0.2s forwards;
  animation: fadeOutLeft 0.2s forwards;
}
.periscope-correctness-container.animating-out .right {
  -webkit-animation: fadeOutRight 0.2s forwards;
  -moz-animation: fadeOutRight 0.2s forwards;
  -o-animation: fadeOutRight 0.2s forwards;
  -ms-animation: fadeOutRight 0.2s forwards;
  animation: fadeOutRight 0.2s forwards;
}
.periscope-correctness-container .correctness-gutter {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.periscope-correctness-container .correctness-gutter .separator {
  width: 5px;
  border-radius: 5px;
  margin: 0 10px;
}
.periscope-correctness-container .correctness-gutter .separator.correct {
  background: #4781b9;
}
.periscope-correctness-container .correctness-gutter .separator.incorrect {
  background: #ffc76d;
}
.periscope-correctness-container .correctness-gutter .separator.incomplete {
  background: #767676;
}
.periscope-correctness-container .correctness-gutter .separator.warning {
  background: #676767;
}
.periscope-correctness-container .correctness-gutter.left {
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--correctness-gutter-size, -49px);
}
.periscope-correctness-container .correctness-gutter.center,
.periscope-correctness-container .correctness-gutter.right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: var(--correctness-gutter-size, -49px);
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-$correctness-animation-distance);
    -moz-transform: translateX(-$correctness-animation-distance);
    -o-transform: translateX(-$correctness-animation-distance);
    -ms-transform: translateX(-$correctness-animation-distance);
    transform: translateX(-$correctness-animation-distance);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-$correctness-animation-distance);
    -moz-transform: translateX(-$correctness-animation-distance);
    -o-transform: translateX(-$correctness-animation-distance);
    -ms-transform: translateX(-$correctness-animation-distance);
    transform: translateX(-$correctness-animation-distance);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-$correctness-animation-distance);
    -moz-transform: translateX(-$correctness-animation-distance);
    -o-transform: translateX(-$correctness-animation-distance);
    -ms-transform: translateX(-$correctness-animation-distance);
    transform: translateX(-$correctness-animation-distance);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-$correctness-animation-distance);
    -moz-transform: translateX(-$correctness-animation-distance);
    -o-transform: translateX(-$correctness-animation-distance);
    -ms-transform: translateX(-$correctness-animation-distance);
    transform: translateX(-$correctness-animation-distance);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-$correctness-animation-distance);
    -moz-transform: translateX(-$correctness-animation-distance);
    -o-transform: translateX(-$correctness-animation-distance);
    -ms-transform: translateX(-$correctness-animation-distance);
    transform: translateX(-$correctness-animation-distance);
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-$correctness-animation-distance);
    -moz-transform: translateX(-$correctness-animation-distance);
    -o-transform: translateX(-$correctness-animation-distance);
    -ms-transform: translateX(-$correctness-animation-distance);
    transform: translateX(-$correctness-animation-distance);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-$correctness-animation-distance);
    -moz-transform: translateX(-$correctness-animation-distance);
    -o-transform: translateX(-$correctness-animation-distance);
    -ms-transform: translateX(-$correctness-animation-distance);
    transform: translateX(-$correctness-animation-distance);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-$correctness-animation-distance);
    -moz-transform: translateX(-$correctness-animation-distance);
    -o-transform: translateX(-$correctness-animation-distance);
    -ms-transform: translateX(-$correctness-animation-distance);
    transform: translateX(-$correctness-animation-distance);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

/* src/js/activitybuilder/components/shared/prosemirror/marks/color/color-menu-item.styl */
.prosemirror-editing-menu .prosemirror-menu-item.menu-item-color,
.prosemirror-editing-menu .prosemirror-menu-item.menu-item-color:not(.active):not(.disabled).dcg-hovered {
  color: currentColor;
}
.prosemirror-editing-menu .prosemirror-menu-item.menu-item-color .item-text {
  background-color: currentColor;
}
.color-modal-contents {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.color-modal-contents .color-modal-title {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  font-size: 120%;
}
.color-modal-contents .error {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  margin-bottom: 10px;
}
.color-modal-contents input {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.color-modal-contents .submit-link-container {
  text-align: right;
}

/* src/js/activitybuilder/components/shared/prosemirror/marks/highlight/highlight-mark.scss */
.ProseMirror .highlight[ontap] {
  cursor: unset !important;
}
/* src/js/activitybuilder/components/shared/prosemirror/marks/link/link-menu-item.styl */
.modal-cover .link-modal-container {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.modal-cover .link-modal-container .link-modal-header {
  font-size: 130%;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.modal-cover .link-modal-container .link-href {
  width: 100%;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.modal-cover .submit-link-container {
  text-align: right;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.modal-cover .btn-link {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
}

/* src/js/activitybuilder/components/shared/prosemirror/math-response-view.scss */
.inline-math {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
}
.inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input {
  border-radius: var(--inline-math-border-radius, 3px);
  min-width: var(--inline-math-empty-width, 42px);
  background-color: var(--math-input-background-color, #fff);
  padding: var(--inline-math-padding, 0 5px);
  height: var(--inline-math-overall-height, 36px);
  justify-content: center;
}
.inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input:has(.dcg-mq-fraction), .inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input:has(.dcg-mq-sqrt-prefix), .inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input:has(.dcg-mq-sup), .inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input:has(.dcg-mq-sqrt-stem) {
  height: auto;
}
.inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input:not(.dcg-hovered) {
  border-color: var(--inline-math-input-border-color, #bdbdbd);
}
.inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input.is-error {
  background-color: var(--field-has-error-background-color);
  border-color: var(--field-has-error-border-color, #bdbdbd);
}
.inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input.dcg-mq-focused {
  box-shadow: inset 0 0 0 var(--math-input-focused-border-width, 1px) var(--math-input-border-color-focus, #9c0d63);
  border-color: var(--math-input-border-color-focus, #9c0d63);
}
.inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input .mathquill-auto-flexer {
  flex-grow: 1;
  min-width: var(--inline-math-input-min-width, 32px);
  max-width: var(--inline-math-input-max-width, 92px);
}
.inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input .mathquill-auto-flexer.is-hidden {
  width: 0;
  min-width: 0;
  max-width: 0;
}
.inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input .mathquill-auto-flexer .dcg-mathquill-wrapper {
  display: inline-block;
  padding: 0;
  text-align: var(--inline-math-text-align, center);
}
.inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input .mathquill-auto-flexer .dcg-mathquill-wrapper .dcg-mq-editable-field.dcg-mq-math-mode {
  font-family: var(--inline-math-font-family, "Times", sans-serif);
}
.inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input .dcg-tooltip-hit-area-container {
  margin: var(--inline-math-keypad-button-margin, 0);
}
@media screen and (min-width: 1500px) {
  .inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input .dcg-tooltip-hit-area-container {
    font-size: 24px;
  }
}
.inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input .dcg-tooltip-hit-area-container .btn {
  width: var(--inline-math-keypad-button-width);
  height: var(--inline-math-keypad-button-height);
}
.inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input .dcg-tooltip-hit-area-container .btn i {
  font-size: var(--inline-math-keypad-button-icon-size);
}
.inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input .dcg-tooltip-hit-area-container .dcg-toggle-keypad-button .icon-v2-keyboard {
  margin: 0 2px;
}
.inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input .dcg-tooltip-hit-area-container .inline-keypad-button {
  display: flex;
  border: none;
  padding: 0;
  width: var(--table-cell-keypad-button-width, 28px);
  height: var(--table-cell-keypad-button-height, 24px);
}
.inline-math .dcg-expression-input-container .input-and-error-container .dcg-expression-input .dcg-tooltip-hit-area-container .inline-keypad-button .icon-v2-keyboard {
  font-size: var(--inline-math-keypad-button-icon-size, 22px);
}
.inline-math .dcg-expression-input-container .input-and-error-container .mq-error-message {
  margin: 0;
}
.inline-math .dcg-expression-input-container .input-and-error-container .mq-error-message .dcg-tooltip-hit-area-container {
  margin: 0 0 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.inline-math .dcg-tooltip-mount-pt {
  font-size: initial;
}

@media screen and (max-width: 575px) {
  .inline-math .input-and-button-container {
    margin-bottom: calc(20px + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  }
  .inline-math .input-and-error-container .mq-error-message {
    position: absolute;
    top: 100%;
    margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .inline-math .input-and-error-container .mq-error-message .error-text-container {
    display: flex;
  }
  .inline-math .input-and-error-container .mq-error-message .error-tooltip-container {
    display: none;
  }
}
/* src/js/activitybuilder/components/shared/prosemirror/menu-item.styl */
.prosemirror-editing-menu .prosemirror-menu-item.prosemirror-menu-group-trigger:has(.item-text) {
  width: auto;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.prosemirror-editing-menu .prosemirror-menu-item.prosemirror-menu-group-trigger:has(.item-text) .dropdown-container-inner {
  padding: 0;
}
.prosemirror-editing-menu .prosemirror-menu-item.prosemirror-menu-group-trigger:has(.item-text) > .dropdown-container.dropdown-container:not(.dropdown-pops-right) {
  -webkit-animation: fadeInUp 0.2s;
  -moz-animation: fadeInUp 0.2s;
  -o-animation: fadeInUp 0.2s;
  -ms-animation: fadeInUp 0.2s;
  animation: fadeInUp 0.2s;
  left: -1px;
  right: unset;
  margin-bottom: 3px;
}
.prosemirror-editing-menu .prosemirror-menu-item.prosemirror-menu-group-trigger:has(.item-text) > .dropdown-container .dropdown-container-inner .item-group.item-group-nested {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 13px 10px;
  width: 120px;
}
.prosemirror-editing-menu .prosemirror-menu-item.prosemirror-menu-group-trigger:has(.item-text) > .dropdown-container .dropdown-container-inner .item-group.item-group-nested .menu-item-block {
  width: auto;
}
.prosemirror-editing-menu .prosemirror-menu-item.prosemirror-menu-group-trigger:has(.item-text) > .dropdown-container .dropdown-container-inner .item-group.item-group-nested .menu-item-block > .dcg-tooltip-hit-area-container {
  width: 100%;
  padding: 5px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  text-align: left;
}
.prosemirror-editing-menu .dcg-tooltip-hit-area-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.prosemirror-menu-item.dcg-shared-dropdown-popover-container:not(.dropdown) .dropdown-container:not(.dropdown-pops-right) {
  right: -2px;
  -webkit-animation: fadeInUp 0.2s;
  -moz-animation: fadeInUp 0.2s;
  -o-animation: fadeInUp 0.2s;
  -ms-animation: fadeInUp 0.2s;
  animation: fadeInUp 0.2s;
  margin-bottom: 3px;
}

/* src/js/activitybuilder/components/shared/prosemirror/nodes/img-with-caption/img-with-caption-modal.styl */
.pm-image-upload-modal-contents .image-submit-cancel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
}
.pm-image-upload-modal-contents .image-submit-cancel .cancel-image-upload,
.pm-image-upload-modal-contents .image-submit-cancel .submit-image-upload {
  border-radius: var(--amp-border-radius, 0.1875em);
  padding: 4px 12px;
  margin-left: 10px;
}

/* src/js/activitybuilder/components/shared/prosemirror/nodes/inline-dropdown/playground/inline-dropdown-playground-view.styl */
.inline-dropdown.ProseMirror-selectednode {
  outline: none;
}
.inline-dropdown-node:not(:has(.inline-dropdown-node-view)) {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  max-width: 100%;
  top: calc(var(--inline-dropdown-border-width) * -1);
}

/* src/js/activitybuilder/components/shared/prosemirror/nodes/inline-dropdown/playground/inline-select-dropdown.scss */
.inline-dropdown-node {
  vertical-align: middle;
}
.inline-dropdown-node .select-dropdown .anchor-container {
  max-width: calc(var(--inline-dropdown-anchor-max-width) - 10px);
  min-width: var(--inline-dropdown-anchor-min-width);
}
.inline-dropdown-node .select-dropdown .anchor-container:focus-visible {
  border-radius: 3px;
}
.inline-dropdown-node .select-dropdown .anchor-container .select-dropdown-anchor {
  padding: 0 5px 0 10px;
  height: var(--inline-dropdown-anchor-height);
  border-radius: 3px;
  line-height: var(--inline-dropdown-anchor-height);
  overflow: hidden;
}
.inline-dropdown-node .select-dropdown .anchor-container .select-dropdown-anchor .dropdown-container-width {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.inline-dropdown-node .select-dropdown .anchor-container .select-dropdown-anchor .dropdown-width {
  visibility: hidden;
  white-space: pre;
  height: 0;
}
.inline-dropdown-node .select-dropdown .anchor-container .select-dropdown-anchor .dropdown-width:has(+ .empty) {
  height: auto;
}
.inline-dropdown-node .select-dropdown .anchor-container .select-dropdown-anchor .dropdown-value {
  text-align: center;
  overflow-x: clip;
}
.inline-dropdown-node .select-dropdown .anchor-container .select-dropdown-anchor .dropdown-value.placeholder {
  color: #676767;
  font-style: initial;
}
.inline-dropdown-node .select-dropdown .anchor-container .select-dropdown-anchor .dropdown-value .nobr {
  display: flex;
  justify-content: center;
}
.inline-dropdown-node .select-dropdown .anchor-container .select-dropdown-anchor .dropdown-value .nobr .dcg-rich-text {
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
}
.inline-dropdown-node .select-dropdown .anchor-container .select-dropdown-anchor:has(.dcg-mathquill-wrapper) {
  height: -moz-fit-content;
  height: fit-content;
}
.inline-dropdown-node .select-dropdown .anchor-container.dcg-hovered .select-dropdown-anchor:not(.disabled) {
  border-color: #9c0d63;
}
.inline-dropdown-node .select-dropdown .anchor-container.dcg-hovered .select-dropdown-anchor:not(.disabled) i {
  color: unset;
}
.inline-dropdown-node .select-dropdown .anchor-container.dcg-depressed .select-dropdown-anchor:not(.disabled), .inline-dropdown-node .select-dropdown .anchor-container.isOpen .select-dropdown-anchor:not(.disabled) {
  border-color: #9c0d63;
  box-shadow: inset 0 0 0 var(--inline-dropdown-shadow-width) #9c0d63;
}
.inline-dropdown-node .dcg-shared-dropdown-popover-container .dropdown-container {
  left: 0;
  min-width: var(--inline-dropdown-anchor-min-width);
  width: 100%;
  max-width: var(--inline-dropdown-anchor-max-width);
}
.inline-dropdown-node .dcg-shared-dropdown-popover-container .dropdown-container:not(.dropdown-pops-up) .dropdown-container-inner {
  top: 3px;
}
.inline-dropdown-node .dcg-shared-dropdown-popover-container .dropdown-container:not(.dropdown-pops-up) .dropdown-container-inner .dropdown-choice {
  padding: 6.5px 15px;
}
.inline-dropdown-node .dcg-shared-dropdown-popover-container .dropdown-container:not(.dropdown-pops-up) .dropdown-container-inner .dropdown-choice:focus-visible {
  outline-offset: -3px;
}
.inline-dropdown-node .dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown {
  width: auto;
  overflow-y: auto;
  box-sizing: content-box;
}
.inline-dropdown-node .dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown .dropdown-choice {
  display: flex;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  line-height: 22px;
}
.inline-dropdown-node .dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown .dropdown-choice:has(.dcg-mathquill-wrapper) {
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #dbdce0 transparent;
}
.inline-dropdown-node .dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown .dropdown-choice:has(.dcg-mathquill-wrapper)::-webkit-scrollbar {
  width: 18px;
}
.inline-dropdown-node .dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown .dropdown-choice:has(.dcg-mathquill-wrapper)::-webkit-scrollbar-track {
  background-color: #fff;
}
.inline-dropdown-node .dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown .dropdown-choice:has(.dcg-mathquill-wrapper)::-webkit-scrollbar-thumb {
  background: #999;
  border: 6px solid #fff;
  border-radius: 10px;
}
.inline-dropdown-node .dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown .dropdown-choice:has(.dcg-mathquill-wrapper)::-webkit-scrollbar-thumb:hover {
  background: #666;
}
.inline-dropdown-node .dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown .dropdown-choice:has(.dcg-mathquill-wrapper)::-webkit-scrollbar-thumb:active {
  background: #333;
}

.k5-note .inline-dropdown-node .select-dropdown .anchor-container.isOpen {
  visibility: hidden;
}
.k5-note .inline-dropdown-node .select-dropdown .anchor-container .select-dropdown-anchor {
  min-height: var(--inline-dropdown-anchor-height);
  border: var(--inline-dropdown-border-width) solid #b0bed3;
  border-radius: var(--inline-dropdown-border-radius);
  font-size: inherit;
  padding: var(--inline-dropdown-anchor-padding);
}
.k5-note .inline-dropdown-node .select-dropdown .anchor-container .select-dropdown-anchor i {
  color: var(--inline-dropdown-chevron-color);
  font-size: inherit;
}
.k5-note .inline-dropdown-node .select-dropdown .anchor-container .select-dropdown-anchor:has(.dcg-mathquill-wrapper) {
  height: -moz-fit-content;
  height: fit-content;
}
.k5-note .inline-dropdown-node .select-dropdown.dcg-hovered .select-dropdown-anchor.dcg-hovered:not(.disabled) {
  border: var(--inline-dropdown-border-width) solid #80b4f1;
  box-shadow: inset 0 0 0 var(--inline-dropdown-shadow-width) #80b4f1;
}
.k5-note .inline-dropdown-node .select-dropdown.dcg-hovered .select-dropdown-anchor.dcg-hovered:not(.disabled) i {
  color: var(--inline-dropdown-chevron-color);
}
.k5-note .inline-dropdown-node .select-dropdown.dcg-depressed .select-dropdown-anchor:not(.disabled) {
  border: var(--inline-dropdown-border-width) solid #80b4f1;
  box-shadow: inset 0 0 0 var(--inline-dropdown-shadow-width) #80b4f1;
}
.k5-note .inline-dropdown-node .dcg-shared-dropdown-popover-container .dropdown-container {
  width: auto;
}
.k5-note .inline-dropdown-node .dcg-shared-dropdown-popover-container .dropdown-container > div {
  height: 0;
}
.k5-note .inline-dropdown-node .dcg-shared-dropdown-popover-container .dropdown-container:not(.dropdown-pops-up) .dropdown-container-inner {
  min-height: var(--inline-dropdown-anchor-height);
  top: calc(-1 * var(--inline-dropdown-anchor-height) - 2 * var(--inline-dropdown-border-width));
  border-radius: var(--inline-dropdown-border-radius);
  border: calc(2 * var(--inline-dropdown-border-width)) solid #0069e4;
  padding: 0;
  box-shadow: none;
  overflow: hidden;
}
.k5-note .inline-dropdown-node .dcg-shared-dropdown-popover-container .dropdown-container:not(.dropdown-pops-up) .dropdown-container-inner:has(.has-scrollbar) {
  min-width: var(--inline-dropdown-list-option-min-width);
}
.k5-note .inline-dropdown-node .dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown {
  width: 100%;
  padding: 0;
  border-radius: 10px;
}
.k5-note .inline-dropdown-node .dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown .dropdown-option-container {
  margin: 0;
}
.k5-note .inline-dropdown-node .dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown .dropdown-choice {
  padding: var(--inline-dropdown-anchor-padding);
  font-size: 1em;
  text-align: center;
  position: relative;
  line-height: var(--inline-dropdown-anchor-height);
}
.k5-note .inline-dropdown-node .dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown .dropdown-choice .dcg-rich-text {
  line-height: 1em;
}
.k5-note .inline-dropdown-node .dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown .dropdown-choice:not(.dropdown-choice-disabled):hover {
  background-color: rgba(0, 105, 228, 0.15);
}
.k5-note .inline-dropdown-node .dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown .dropdown-option-container:not(:last-child) .dropdown-choice::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.k5-note .inline-dropdown-node .dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown .dropdown-option-container:not(:first-child) .dropdown-choice {
  border-top: calc(2 * var(--inline-dropdown-border-width)) solid #0069e4;
}
/* src/js/activitybuilder/components/shared/prosemirror/nodes/inline-dropdown/static/inline-dropdown-static-node.styl */
.inline-dropdown-static-node {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 16px;
  height: 9px;
  bottom: 1px;
  border: 1px solid #bdbdbd;
  border-radius: 2px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.inline-dropdown-static-node:has(.inline-dropdown-id) {
  width: unset;
  height: unset;
  max-width: 100px;
  color: #bdbdbd;
  padding: 0 3px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.inline-dropdown-static-node:has(.inline-dropdown-id) .icon-v2-caret-down {
  color: inherit;
}
.inline-dropdown-static-node .inline-dropdown-id {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.inline-dropdown-static-node .icon-v2-caret-down {
  font-size: 7px;
  width: 7px;
  height: 7px;
  line-height: 8px !important;
  color: var(--amp-body-color, #3b3b3b);
}
.inline-dropdown-static-node.ProseMirror-selectednode {
  outline: none;
}
.inline-dropdown-static-node.disabled {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.inline-dropdown-translation-popover .dropdown-container-inner > div {
  padding: 0 6px;
}
.inline-translation-node {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  top: -1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  margin-right: 1px;
  margin-left: 1px;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  font-size: 100%;
  background-color: #00866b;
  color: #fff;
  width: 100%;
  height: 21px;
  line-height: 21px;
  padding: 0 5px;
  max-width: 270px;
}
.inline-translation-node span {
  text-wrap: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.inline-translation-node i {
  margin-right: 5px;
}
.inline-translation-node:not(:last-child) {
  margin-bottom: 4.5px;
}
.inline-translation-node.selected {
  background-color: #e9e9e9;
}
.inline-translation-node.selected[disabled=true] {
  pointer-events: none;
}

/* src/js/activitybuilder/components/shared/prosemirror/nodes/inline-math/static/inline-math-static-node.styl */
.inline-math-static-node {
  border: 1px solid #bdbdbd;
  display: inline-block;
  min-width: 16px;
  min-height: 9px;
  border-radius: 2px;
  bottom: 1px;
  vertical-align: middle;
}
.inline-math-static-node:has(.pillow-icon-insert-math) {
  color: #bdbdbd;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  padding: 0 3px;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.inline-math-static-node:has(.pillow-icon-insert-math)>span {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: 3px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* src/js/activitybuilder/components/shared/prosemirror/nodes/mq/mq-node.styl */
.dcg-mq-node {
  position: relative;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
  display: inline-block;
}
.dcg-mq-node .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
  border: 1px solid transparent;
}
.dcg-mq-node .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode .dcg-mq-root-block {
  overflow: visible;
  vertical-align: baseline;
}
.dcg-mq-node .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode.dcg-mq-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px dotted #999;
}
.dcg-mq-node .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode * {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
.dcg-mq-node .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode * ::selection {
  background: rgba(0,0,0,0);
}
.dcg-mq-node .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode * ::-moz-selection {
  background: rgba(0,0,0,0);
}
.dcg-mq-node .dcg-mq-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border: 0;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

/* src/js/activitybuilder/components/shared/prosemirror/paragraph-numbering-node.styl */
.prosemirror-container.numbered-paragraphs .paragraph-numbering-node .numbered-paragraph .paragraph-number {
  position: absolute;
  left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * -2);
  width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  color: #999;
}
.prosemirror-container.numbered-paragraphs .paragraph-numbering-node .numbered-paragraph .paragraph-number span {
  float: right;
  padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.prosemirror-container.numbered-paragraphs .paragraph-numbering-node .numbered-paragraph .paragraph-number::selection {
  background-color: transparent;
}
.prosemirror-container.numbered-paragraphs .paragraph-numbering-node .numbered-paragraph .paragraph-number span::selection {
  background-color: transparent;
}

/* src/js/activitybuilder/components/shared/prosemirror/prosemirror-custom.styl */
.prosemirror-container {
  position: relative;
}
.prosemirror-container .dcg-mathquill-wrapper {
  display: inline;
}
.prosemirror-container .dcg-mathquill-wrapper .dcg-typeset-math,
.prosemirror-container .dcg-mathquill-wrapper .dcg-mathquill-braille {
  display: inline;
}
.prosemirror-container .dcg-mathquill-wrapper .dcg-typeset-math .dcg-inline-braille,
.prosemirror-container .dcg-mathquill-wrapper .dcg-mathquill-braille .dcg-inline-braille {
  font-size: 100%;
}
.prosemirror-container .dcg-prosemirror-editor {
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  position: relative;
  z-index: 0;
}
.prosemirror-container .dcg-prosemirror-editor .ProseMirror {
  outline: none;
  -webkit-user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.prosemirror-container .dcg-prosemirror-editor p {
  margin: 0;
  padding: 0;
}
.prosemirror-container .dcg-prosemirror-editor h1,
.prosemirror-container .dcg-prosemirror-editor h2 {
  line-height: 1.2em;
  margin: 0;
}
.prosemirror-container .dcg-prosemirror-editor ul {
  margin: 10px 0;
  padding: 0 10px;
  list-style-position: outside;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.prosemirror-container .dcg-prosemirror-editor ul li {
  margin-left: 12px;
}
.prosemirror-container .dcg-prosemirror-editor ul li:not(.pm-center-align):not(.pm-right-align) {
  width: 100%;
}
.prosemirror-container .dcg-prosemirror-editor figure.img-with-caption {
  background: #e9e9e9;
  padding: 10px;
  margin: auto;
  width: fit-content;
}
.prosemirror-container .dcg-prosemirror-editor figure.img-with-caption img {
  max-height: 50vh;
  min-width: 0;
  max-width: 100%;
  width: auto;
  height: auto;
}
.prosemirror-container .dcg-prosemirror-editor figure.img-with-caption figcaption {
  margin-top: 10px;
}
.prosemirror-container h1.pm-right-align,
.prosemirror-container h2.pm-right-align,
.prosemirror-container h3.pm-right-align,
.prosemirror-container h4.pm-right-align,
.prosemirror-container h5.pm-right-align,
.prosemirror-container h6.pm-right-align,
.prosemirror-container p.pm-right-align {
  text-align: right;
}
.prosemirror-container h1.pm-center-align,
.prosemirror-container h2.pm-center-align,
.prosemirror-container h3.pm-center-align,
.prosemirror-container h4.pm-center-align,
.prosemirror-container h5.pm-center-align,
.prosemirror-container h6.pm-center-align,
.prosemirror-container p.pm-center-align {
  text-align: center;
}
.prosemirror-container li.pm-center-align {
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
}
.prosemirror-container li.pm-right-align {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  -ms-flex-item-align: end;
}

/* src/js/activitybuilder/components/shared/prosemirror/prosemirror-editing-menu.styl */
.prosemirror-editing-menu {
  padding: 4px;
  width: 100%;
  background: #f7f7f7;
}
.prosemirror-editing-menu .items-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 4px;
}
.prosemirror-editing-menu .items-container .item-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.prosemirror-editing-menu .items-container .item-group:not(:last-child) {
  margin-right: 4px;
}
.prosemirror-editing-menu .items-container .item-group:last-child {
  margin-left: auto;
}
.prosemirror-editing-menu .items-container .item-group.single-item-group .prosemirror-menu-item {
  border-radius: 5px;
}
.prosemirror-editing-menu .items-container .item-group:not(.single-item-group):not(.item-group-nested) .prosemirror-menu-item {
  border-radius: 0;
  margin-right: -1px;
}
.prosemirror-editing-menu .items-container .item-group:not(.single-item-group):not(.item-group-nested) > :first-child.prosemirror-menu-item,
.prosemirror-editing-menu .items-container .item-group:not(.single-item-group):not(.item-group-nested) > :first-child .prosemirror-menu-item {
  border-radius: 5px 0 0 5px;
}
.prosemirror-editing-menu .items-container .item-group:not(.single-item-group):not(.item-group-nested) > :last-child.prosemirror-menu-item,
.prosemirror-editing-menu .items-container .item-group:not(.single-item-group):not(.item-group-nested) > :last-child .prosemirror-menu-item {
  border-radius: 0 5px 5px 0;
}
.prosemirror-editing-menu .items-container .item-group:not(.single-item-group):not(.item-group-nested):not(:first-child).active {
  border-left-color: #bdbdbd;
}
.prosemirror-editing-menu .items-container .item-group .item-group-nested {
  padding: 0 5px;
}
.prosemirror-editing-menu .items-container .item-group .item-group-nested .prosemirror-menu-item {
  border: none;
  cursor: pointer;
  margin: 1px;
  border-radius: 5px;
}
.prosemirror-editing-menu .items-container .item-group .item-group-nested .prosemirror-menu-item.dcg-hovered:not(.active) {
  color: #333;
  background: rgba(0,0,0,0.05);
}
.prosemirror-editing-menu .items-container .item-group .item-group-nested .prosemirror-menu-item.dcg-depressed:not(.active) {
  color: #000;
  background: rgba(0,0,0,0.08);
}
.prosemirror-editing-menu .items-container .item-group .item-group-nested .prosemirror-menu-item.active {
  background: #3278c8;
  color: #fff;
}
.prosemirror-editing-menu .prosemirror-menu-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 32px;
  background: #fff;
  color: #676767;
  border: 1px solid #bdbdbd;
  position: relative;
}
.prosemirror-editing-menu .prosemirror-menu-item.prosemirror-menu-group-trigger {
  width: 40px;
}
.prosemirror-editing-menu .prosemirror-menu-item.prosemirror-menu-group-trigger.dropdown {
  width: auto;
}
.prosemirror-editing-menu .prosemirror-menu-item.prosemirror-menu-group-trigger .icon-v2-caret-up {
  font-size: 8px;
  margin-left: 2px;
}
.prosemirror-editing-menu .prosemirror-menu-item.prosemirror-menu-group-trigger .item-icons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.prosemirror-editing-menu .prosemirror-menu-item.active:not(.disabled):not(.menu-item-block),
.prosemirror-editing-menu .prosemirror-menu-item.active.menu-item-block {
  color: #fff;
  border-color: #666;
  background: #666;
}
.prosemirror-editing-menu .prosemirror-menu-item:not(.active):not(.disabled).dcg-hovered {
  border-color: #999;
  color: var(--amp-body-color, #3b3b3b);
  z-index: 1;
}
.prosemirror-editing-menu .prosemirror-menu-item:not(.active):not(.disabled).dcg-depressed {
  background: rgba(0,0,0,0.03);
}
.prosemirror-editing-menu .prosemirror-menu-item.disabled:not(.active.menu-item-block) {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  cursor: default;
}
.prosemirror-editing-menu .prosemirror-menu-item.menu-item-interp .pillow-icon-interpolate {
  font-size: 120%;
  position: relative;
  left: 1px;
}
.prosemirror-editing-menu .prosemirror-menu-item.menu-item-link {
  font-size: 90%;
}
.prosemirror-editing-menu .prosemirror-menu-item .dropdown-container .menu-item-h1 {
  font-size: 1rem;
  font-weight: 500;
}
.prosemirror-editing-menu .prosemirror-menu-item .dropdown-container .menu-item-h2 {
  font-size: 15px;
  font-weight: 500;
}
.prosemirror-editing-menu .prosemirror-menu-item .dropdown-container .menu-item-xlarge {
  font-size: 19px;
  font-weight: 500;
}
.prosemirror-editing-menu .prosemirror-menu-item .dropdown-container .menu-item-p {
  font-size: 15px;
}
.prosemirror-editing-menu .prosemirror-menu-item.menu-item-p,
.prosemirror-editing-menu .prosemirror-menu-item .menu-item-h1,
.prosemirror-editing-menu .prosemirror-menu-item .menu-item-h2,
.prosemirror-editing-menu .prosemirror-menu-item .menu-item-xlarge {
  font-size: 15px;
}
.prosemirror-editing-menu .prosemirror-menu-item .tooltip-when-disabled {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: unset !important;
}
.prosemirror-editing-menu .interp-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.prosemirror-editing-menu a.help-link {
  color: #676767;
  text-decoration: none;
  margin: 0 4px;
  font-size: 110%;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  position: relative;
  top: 2px;
}
.prosemirror-editing-menu a.help-link i {
  font-size: 120%;
}
.prosemirror-editing-menu a.help-link.dcg-hovered {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.prosemirror-editing-menu a.help-link.dcg-depressed {
  color: #4c4c4c;
}
.one-third .item-group.item-group-3 {
  display: contents;
}
.one-third .item-group.item-group-4 {
  margin-left: 4px;
}

/* src/js/activitybuilder/components/shared/prosemirror/prosemirror-format-menu.styl */
.prosemirror-format-menu .items-container .item-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.prosemirror-format-menu.with-label {
  padding: 5px 10px;
  min-height: 45px;
}
.prosemirror-format-menu.with-label .menu-label {
  font-size: 90%;
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.prosemirror-format-menu.with-label .items-container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
.prosemirror-format-menu.with-label .items-container .item-group {
  display: contents;
}
.prosemirror-format-menu .prosemirror-menu-item,
.prosemirror-format-menu .link-container,
.prosemirror-format-menu .img-container {
  display: inline-block;
  text-align: center;
}
.prosemirror-format-menu .prosemirror-menu-item .dcg-tooltip-hit-area-container,
.prosemirror-format-menu .link-container .dcg-tooltip-hit-area-container,
.prosemirror-format-menu .img-container .dcg-tooltip-hit-area-container {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-block,
.prosemirror-format-menu .link-container.menu-item-block,
.prosemirror-format-menu .img-container.menu-item-block,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-mark,
.prosemirror-format-menu .link-container.menu-item-mark,
.prosemirror-format-menu .img-container.menu-item-mark,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-font,
.prosemirror-format-menu .link-container.menu-item-font,
.prosemirror-format-menu .img-container.menu-item-font,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-link,
.prosemirror-format-menu .link-container.menu-item-link,
.prosemirror-format-menu .img-container.menu-item-link,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-mq,
.prosemirror-format-menu .link-container.menu-item-mq,
.prosemirror-format-menu .img-container.menu-item-mq,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-ul,
.prosemirror-format-menu .link-container.menu-item-ul,
.prosemirror-format-menu .img-container.menu-item-ul,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-img,
.prosemirror-format-menu .link-container.menu-item-img,
.prosemirror-format-menu .img-container.menu-item-img,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-color,
.prosemirror-format-menu .link-container.menu-item-color,
.prosemirror-format-menu .img-container.menu-item-color {
  vertical-align: middle;
  width: 40px;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-block *,
.prosemirror-format-menu .link-container.menu-item-block *,
.prosemirror-format-menu .img-container.menu-item-block *,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-mark *,
.prosemirror-format-menu .link-container.menu-item-mark *,
.prosemirror-format-menu .img-container.menu-item-mark *,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-font *,
.prosemirror-format-menu .link-container.menu-item-font *,
.prosemirror-format-menu .img-container.menu-item-font *,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-link *,
.prosemirror-format-menu .link-container.menu-item-link *,
.prosemirror-format-menu .img-container.menu-item-link *,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-mq *,
.prosemirror-format-menu .link-container.menu-item-mq *,
.prosemirror-format-menu .img-container.menu-item-mq *,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-ul *,
.prosemirror-format-menu .link-container.menu-item-ul *,
.prosemirror-format-menu .img-container.menu-item-ul *,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-img *,
.prosemirror-format-menu .link-container.menu-item-img *,
.prosemirror-format-menu .img-container.menu-item-img *,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-color *,
.prosemirror-format-menu .link-container.menu-item-color *,
.prosemirror-format-menu .img-container.menu-item-color * {
  cursor: pointer;
}
.prosemirror-format-menu .prosemirror-menu-item:not(.menu-item-color),
.prosemirror-format-menu .link-container:not(.menu-item-color),
.prosemirror-format-menu .img-container:not(.menu-item-color) {
  color: var(--amp-body-color, #3b3b3b);
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-block.disabled,
.prosemirror-format-menu .link-container.menu-item-block.disabled,
.prosemirror-format-menu .img-container.menu-item-block.disabled,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-mark.disabled,
.prosemirror-format-menu .link-container.menu-item-mark.disabled,
.prosemirror-format-menu .img-container.menu-item-mark.disabled,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-link.disabled,
.prosemirror-format-menu .link-container.menu-item-link.disabled,
.prosemirror-format-menu .img-container.menu-item-link.disabled,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-ul.disabled,
.prosemirror-format-menu .link-container.menu-item-ul.disabled,
.prosemirror-format-menu .img-container.menu-item-ul.disabled,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-mq.disabled,
.prosemirror-format-menu .link-container.menu-item-mq.disabled,
.prosemirror-format-menu .img-container.menu-item-mq.disabled {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  cursor: default;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-block.disabled *,
.prosemirror-format-menu .link-container.menu-item-block.disabled *,
.prosemirror-format-menu .img-container.menu-item-block.disabled *,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-mark.disabled *,
.prosemirror-format-menu .link-container.menu-item-mark.disabled *,
.prosemirror-format-menu .img-container.menu-item-mark.disabled *,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-link.disabled *,
.prosemirror-format-menu .link-container.menu-item-link.disabled *,
.prosemirror-format-menu .img-container.menu-item-link.disabled *,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-ul.disabled *,
.prosemirror-format-menu .link-container.menu-item-ul.disabled *,
.prosemirror-format-menu .img-container.menu-item-ul.disabled *,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-mq.disabled *,
.prosemirror-format-menu .link-container.menu-item-mq.disabled *,
.prosemirror-format-menu .img-container.menu-item-mq.disabled * {
  cursor: default;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-block.menu-item-strong,
.prosemirror-format-menu .link-container.menu-item-block.menu-item-strong,
.prosemirror-format-menu .img-container.menu-item-block.menu-item-strong,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-mark.menu-item-strong,
.prosemirror-format-menu .link-container.menu-item-mark.menu-item-strong,
.prosemirror-format-menu .img-container.menu-item-mark.menu-item-strong,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-link.menu-item-strong,
.prosemirror-format-menu .link-container.menu-item-link.menu-item-strong,
.prosemirror-format-menu .img-container.menu-item-link.menu-item-strong,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-ul.menu-item-strong,
.prosemirror-format-menu .link-container.menu-item-ul.menu-item-strong,
.prosemirror-format-menu .img-container.menu-item-ul.menu-item-strong,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-mq.menu-item-strong,
.prosemirror-format-menu .link-container.menu-item-mq.menu-item-strong,
.prosemirror-format-menu .img-container.menu-item-mq.menu-item-strong {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-block.menu-item-em,
.prosemirror-format-menu .link-container.menu-item-block.menu-item-em,
.prosemirror-format-menu .img-container.menu-item-block.menu-item-em,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-mark.menu-item-em,
.prosemirror-format-menu .link-container.menu-item-mark.menu-item-em,
.prosemirror-format-menu .img-container.menu-item-mark.menu-item-em,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-link.menu-item-em,
.prosemirror-format-menu .link-container.menu-item-link.menu-item-em,
.prosemirror-format-menu .img-container.menu-item-link.menu-item-em,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-ul.menu-item-em,
.prosemirror-format-menu .link-container.menu-item-ul.menu-item-em,
.prosemirror-format-menu .img-container.menu-item-ul.menu-item-em,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-mq.menu-item-em,
.prosemirror-format-menu .link-container.menu-item-mq.menu-item-em,
.prosemirror-format-menu .img-container.menu-item-mq.menu-item-em {
  font-style: italic;
  font-family: "BreeSerif", "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-block.menu-item-em span,
.prosemirror-format-menu .link-container.menu-item-block.menu-item-em span,
.prosemirror-format-menu .img-container.menu-item-block.menu-item-em span,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-mark.menu-item-em span,
.prosemirror-format-menu .link-container.menu-item-mark.menu-item-em span,
.prosemirror-format-menu .img-container.menu-item-mark.menu-item-em span,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-link.menu-item-em span,
.prosemirror-format-menu .link-container.menu-item-link.menu-item-em span,
.prosemirror-format-menu .img-container.menu-item-link.menu-item-em span,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-ul.menu-item-em span,
.prosemirror-format-menu .link-container.menu-item-ul.menu-item-em span,
.prosemirror-format-menu .img-container.menu-item-ul.menu-item-em span,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-mq.menu-item-em span,
.prosemirror-format-menu .link-container.menu-item-mq.menu-item-em span,
.prosemirror-format-menu .img-container.menu-item-mq.menu-item-em span {
  position: relative;
  left: -1px;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-mark,
.prosemirror-format-menu .link-container.menu-item-mark,
.prosemirror-format-menu .img-container.menu-item-mark {
  font-size: 120%;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-link:not(.disabled) i,
.prosemirror-format-menu .link-container.menu-item-link:not(.disabled) i,
.prosemirror-format-menu .img-container.menu-item-link:not(.disabled) i {
  color: var(--amp-body-color, #3b3b3b);
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-font,
.prosemirror-format-menu .link-container.menu-item-font,
.prosemirror-format-menu .img-container.menu-item-font {
  font-family: "BreeSerif", "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 1px solid #bdbdbd;
  border-right: 0;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-font.disabled:not(.active),
.prosemirror-format-menu .link-container.menu-item-font.disabled:not(.active),
.prosemirror-format-menu .img-container.menu-item-font.disabled:not(.active) {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  cursor: default;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-font.menu-item-small,
.prosemirror-format-menu .link-container.menu-item-font.menu-item-small,
.prosemirror-format-menu .img-container.menu-item-font.menu-item-small {
  margin-left: 5px;
  font-size: 100%;
  border-radius: var(--amp-border-radius, 0.1875em) 0 0 var(--amp-border-radius, 0.1875em);
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-font.menu-item-medium,
.prosemirror-format-menu .link-container.menu-item-font.menu-item-medium,
.prosemirror-format-menu .img-container.menu-item-font.menu-item-medium {
  font-size: 130%;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-font.menu-item-large,
.prosemirror-format-menu .link-container.menu-item-font.menu-item-large,
.prosemirror-format-menu .img-container.menu-item-font.menu-item-large {
  font-size: 160%;
  margin-right: 5px;
  border-radius: 0 var(--amp-border-radius, 0.1875em) var(--amp-border-radius, 0.1875em) 0;
  border-right: 1px solid #bdbdbd;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-font.menu-item-large.active,
.prosemirror-format-menu .link-container.menu-item-font.menu-item-large.active,
.prosemirror-format-menu .img-container.menu-item-font.menu-item-large.active {
  border-right: 1px solid #bdbdbd;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-font.active,
.prosemirror-format-menu .link-container.menu-item-font.active,
.prosemirror-format-menu .img-container.menu-item-font.active {
  pointer-events: none;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-mq .dcg-tooltip-hit-area-container,
.prosemirror-format-menu .link-container.menu-item-mq .dcg-tooltip-hit-area-container,
.prosemirror-format-menu .img-container.menu-item-mq .dcg-tooltip-hit-area-container {
  line-height: 40px;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-h2,
.prosemirror-format-menu .link-container.menu-item-h2,
.prosemirror-format-menu .img-container.menu-item-h2 {
  font-size: 125%;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-h3,
.prosemirror-format-menu .link-container.menu-item-h3,
.prosemirror-format-menu .img-container.menu-item-h3 {
  font-size: 100%;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-p,
.prosemirror-format-menu .link-container.menu-item-p,
.prosemirror-format-menu .img-container.menu-item-p {
  font-size: 80%;
}
.prosemirror-format-menu .prosemirror-menu-item.menu-item-em,
.prosemirror-format-menu .link-container.menu-item-em,
.prosemirror-format-menu .img-container.menu-item-em,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-strong,
.prosemirror-format-menu .link-container.menu-item-strong,
.prosemirror-format-menu .img-container.menu-item-strong,
.prosemirror-format-menu .prosemirror-menu-item.menu-item-underline,
.prosemirror-format-menu .link-container.menu-item-underline,
.prosemirror-format-menu .img-container.menu-item-underline {
  font-size: 90%;
}
:not(.alignment-editor) .prosemirror-format-menu {
  border: 1px solid #bdbdbd;
  border-bottom: 0;
  display: inline-block;
  border-radius: var(--amp-border-radius, 0.1875em) var(--amp-border-radius, 0.1875em) 0 0;
}
:not(.alignment-editor) .prosemirror-format-menu .item-group > :last-child .prosemirror-menu-item,
:not(.alignment-editor) .prosemirror-format-menu .item-group > :last-child.prosemirror-menu-item {
  border-right: 0px;
  border-top-right-radius: var(--amp-border-radius, 0.1875em);
}
:not(.alignment-editor) .prosemirror-format-menu .item-group > :first-child .prosemirror-menu-item,
:not(.alignment-editor) .prosemirror-format-menu .item-group > :first-child.prosemirror-menu-item {
  border-top-left-radius: var(--amp-border-radius, 0.1875em);
}
:not(.alignment-editor) .prosemirror-format-menu .prosemirror-menu-item {
  border-radius: 0;
  border-right: 1px solid #bdbdbd;
}
:not(.alignment-editor) .prosemirror-format-menu .prosemirror-menu-item.active {
  background: #e2e2e2;
  color: var(--amp-body-color, #3b3b3b);
}
:not(.alignment-editor) .prosemirror-format-menu .prosemirror-menu-item:not(.disabled):not(.active).dcg-hovered {
  background: #eee;
}
:not(.alignment-editor) .prosemirror-format-menu .prosemirror-menu-item:not(.disabled):not(.active).dcg-depressed {
  background: #bbb;
}
.alignment-editor .prosemirror-format-menu {
  width: 100%;
  background: rgba(255,255,255,0.9);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.alignment-editor .prosemirror-format-menu .prosemirror-menu-item.menu-item-block,
.alignment-editor .prosemirror-format-menu .prosemirror-menu-item.menu-item-mark,
.alignment-editor .prosemirror-format-menu .prosemirror-menu-item.menu-item-link,
.alignment-editor .prosemirror-format-menu .prosemirror-menu-item.menu-item-mq,
.alignment-editor .prosemirror-format-menu .prosemirror-menu-item.menu-item-font,
.alignment-editor .prosemirror-format-menu .prosemirror-menu-item.menu-item-ul {
  background: #f7f7f7;
}
.alignment-editor .prosemirror-format-menu .prosemirror-menu-item.menu-item-block,
.alignment-editor .prosemirror-format-menu .prosemirror-menu-item.menu-item-mark,
.alignment-editor .prosemirror-format-menu .prosemirror-menu-item.menu-item-link,
.alignment-editor .prosemirror-format-menu .prosemirror-menu-item.menu-item-mq,
.alignment-editor .prosemirror-format-menu .prosemirror-menu-item.menu-item-ul {
  margin: 0 5px;
  border-radius: var(--amp-border-radius, 0.1875em);
  border: 1px solid #bdbdbd;
}
.alignment-editor .prosemirror-format-menu .prosemirror-menu-item.active {
  background: #777;
  color: #fff;
  border-color: #bdbdbd;
}
.alignment-editor .prosemirror-format-menu .prosemirror-menu-item:not(.disabled):not(.active).dcg-hovered {
  background: #e2e2e2;
}
.alignment-editor .prosemirror-format-menu .prosemirror-menu-item:not(.disabled):not(.active).dcg-depressed {
  background: #bbb;
}

/* src/js/activitybuilder/components/shared/prosemirror/prosemirror-lesson.styl */
.prosemirror-lesson .prosemirror-container {
  color: var(--amp-body-color, #3b3b3b);
  line-height: 1.2em;
}
.prosemirror-lesson .prosemirror-container p {
  margin: 10px 0;
}
.prosemirror-lesson .prosemirror-container p:first-child {
  margin-top: 0;
}
.prosemirror-lesson .prosemirror-container p:last-child {
  margin-bottom: 0;
}
.prosemirror-lesson .prosemirror-container li {
  margin: 10px 0;
}
.prosemirror-lesson .prosemirror-container h3 {
  font-size: 1.17em;
  line-height: 1.2em;
}
.prosemirror-lesson .prosemirror-container h3:not(:first-of-type) {
  margin-top: 20px;
}
.prosemirror-lesson .prosemirror-container h2 {
  font-size: 160%;
  margin-bottom: 20px;
}

/* src/js/activitybuilder/components/shared/prosemirror/prosemirror-menu.styl */
.prosemirror-menu {
  position: absolute;
  right: 3px;
  bottom: 3px;
}
.prosemirror-menu .prosemirror-menu-item {
  width: 34px;
  height: 34px;
  border-radius: var(--amp-border-radius, 0.1875em);
  background: #fff;
  color: var(--amp-body-color, #3b3b3b);
  border: 1px solid #bdbdbd;
  display: inline-block;
  text-align: center;
  line-height: 36px;
}
.prosemirror-menu .prosemirror-menu-item.dcg-hovered {
  border-color: #9c0d63;
}
.prosemirror-menu .prosemirror-menu-item.dcg-depressed {
  background: rgba(0,0,0,0.2);
  border-color: #5e083b;
}
.prosemirror-menu .prosemirror-menu-item.hidden {
  visibility: hidden;
}
.pm-image-upload-modal-contents .file-drop-box {
  height: 100px;
  max-width: 300px;
  margin: 20px auto;
}

/* src/js/activitybuilder/components/shared/prosemirror/rich-text-view.styl */
.rich-text-view.rich-text-view--editable .prosemirror-container .ProseMirror {
  position: relative;
  padding: 10px;
}
.rich-text-view.rich-text-view--editable .prosemirror-format-menu {
  position: absolute;
  top: -36px;
  right: 0;
  width: auto;
  text-align: right;
}
.rich-text-view .prosemirror-container .dcg-prosemirror-editor .prosemirror-placeholder {
  color: #676767;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  padding: 10px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-style: italic;
  font-size: 0.85em;
}
.rich-text-view .prosemirror-container .dcg-prosemirror-editor h1 {
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1.6em;
}
.rich-text-view .prosemirror-container .dcg-prosemirror-editor h1,
.rich-text-view .prosemirror-container .dcg-prosemirror-editor h2,
.rich-text-view .prosemirror-container .dcg-prosemirror-editor h3 {
  margin: 0.5em 0;
  text-align: left;
}
.rich-text-view .prosemirror-container .dcg-prosemirror-editor a {
  color: #9c0d63;
  text-decoration: underline;
}
.rich-text-view .prosemirror-container .dcg-prosemirror-editor a span.color-node {
  color: #9c0d63 !important;
}
.rich-text-view .prosemirror-container .dcg-prosemirror-editor a:hover,
.rich-text-view .prosemirror-container .dcg-prosemirror-editor a:focus-visible {
  color: #5e083b;
  text-decoration: none;
}
.rich-text-view .prosemirror-container .dcg-prosemirror-editor strong {
  font-weight: 500;
}

/* src/js/activitybuilder/components/shared/read-text-aloud/audio-player-panel.scss */
.audio-player-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  background: #e9e9e9;
  width: -moz-fit-content;
  width: fit-content;
}
.audio-player-panel .play-button,
.audio-player-panel .skip-back-button,
.audio-player-panel .skip-forward-button {
  border: none;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.audio-player-panel-default {
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 1px 3px 0px rgba(0, 0, 0, 0.07), 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px 0px 0px 4px;
}
.audio-player-panel-default .play-button,
.audio-player-panel-default .skip-back-button,
.audio-player-panel-default .skip-forward-button {
  width: 40px;
  height: 40px;
}
.audio-player-panel-default .play-button i,
.audio-player-panel-default .skip-back-button i,
.audio-player-panel-default .skip-forward-button i {
  color: var(--amp-body-color, #3b3b3b);
}

.audio-player-panel-k5,
.audio-player-panel-early-elementary {
  border-radius: 19px 0px 0px 19px;
  border-top: 2px solid #b0bed3;
  border-bottom: 2px solid #b0bed3;
  border-left: 2px solid #b0bed3;
  background: #f1f5fb;
}
.audio-player-panel-k5 .play-button.btn-secondary.btn-raised,
.audio-player-panel-k5 .skip-back-button.btn-secondary.btn-raised,
.audio-player-panel-k5 .skip-forward-button.btn-secondary.btn-raised,
.audio-player-panel-early-elementary .play-button.btn-secondary.btn-raised,
.audio-player-panel-early-elementary .skip-back-button.btn-secondary.btn-raised,
.audio-player-panel-early-elementary .skip-forward-button.btn-secondary.btn-raised {
  background: #def7f1;
  box-shadow: 0 0.25em 0 #a3ece0;
}
.audio-player-panel-k5 .play-button.btn-secondary.btn-raised i,
.audio-player-panel-k5 .skip-back-button.btn-secondary.btn-raised i,
.audio-player-panel-k5 .skip-forward-button.btn-secondary.btn-raised i,
.audio-player-panel-early-elementary .play-button.btn-secondary.btn-raised i,
.audio-player-panel-early-elementary .skip-back-button.btn-secondary.btn-raised i,
.audio-player-panel-early-elementary .skip-forward-button.btn-secondary.btn-raised i {
  color: #008571;
}
.audio-player-panel-k5 .play-button.btn-secondary.btn-raised.dcg-hovered,
.audio-player-panel-k5 .skip-back-button.btn-secondary.btn-raised.dcg-hovered,
.audio-player-panel-k5 .skip-forward-button.btn-secondary.btn-raised.dcg-hovered,
.audio-player-panel-early-elementary .play-button.btn-secondary.btn-raised.dcg-hovered,
.audio-player-panel-early-elementary .skip-back-button.btn-secondary.btn-raised.dcg-hovered,
.audio-player-panel-early-elementary .skip-forward-button.btn-secondary.btn-raised.dcg-hovered {
  background: #b5ede0;
  box-shadow: 0 0.25em 0 #79e3d2;
}
.audio-player-panel-k5 .play-button.btn-secondary.btn-raised.dcg-depressed,
.audio-player-panel-k5 .skip-back-button.btn-secondary.btn-raised.dcg-depressed,
.audio-player-panel-k5 .skip-forward-button.btn-secondary.btn-raised.dcg-depressed,
.audio-player-panel-early-elementary .play-button.btn-secondary.btn-raised.dcg-depressed,
.audio-player-panel-early-elementary .skip-back-button.btn-secondary.btn-raised.dcg-depressed,
.audio-player-panel-early-elementary .skip-forward-button.btn-secondary.btn-raised.dcg-depressed {
  background: #a0e8d7;
  box-shadow: 0 0.15em 0 #4edbc4;
}

.audio-player-panel-late-elementary {
  border-radius: 19px 0px 0px 19px;
  border-top: 2px solid #b0bed3;
  border-bottom: 2px solid #b0bed3;
  border-left: 2px solid #b0bed3;
  background: #f1f5fb;
}
.audio-player-panel-late-elementary .play-button.btn-secondary,
.audio-player-panel-late-elementary .skip-back-button.btn-secondary,
.audio-player-panel-late-elementary .skip-forward-button.btn-secondary {
  background: #def7f1;
  border: 2.25px solid #2bc1b0;
}
.audio-player-panel-late-elementary .play-button.btn-secondary i,
.audio-player-panel-late-elementary .skip-back-button.btn-secondary i,
.audio-player-panel-late-elementary .skip-forward-button.btn-secondary i {
  color: #008571;
}
.audio-player-panel-late-elementary .play-button.btn-secondary.dcg-hovered,
.audio-player-panel-late-elementary .skip-back-button.btn-secondary.dcg-hovered,
.audio-player-panel-late-elementary .skip-forward-button.btn-secondary.dcg-hovered {
  background: #b5ede0;
  border: 2.25px solid #22978a;
}
.audio-player-panel-late-elementary .play-button.btn-secondary.dcg-depressed,
.audio-player-panel-late-elementary .skip-back-button.btn-secondary.dcg-depressed,
.audio-player-panel-late-elementary .skip-forward-button.btn-secondary.dcg-depressed {
  background: #a0e8d7;
  border: 2.25px solid #1d8277;
}

.audio-player-panel-early-elementary .fancy-icon {
  width: 30px;
}
.audio-player-panel-early-elementary .fancy-icon::before {
  color: #008571;
}

.audio-player-panel-k5 .fancy-icon,
.audio-player-panel-late-elementary .fancy-icon {
  width: 30px;
}
.audio-player-panel-k5 .fancy-icon::before,
.audio-player-panel-late-elementary .fancy-icon::before {
  color: #008571;
}
/* src/js/activitybuilder/components/shared/read-text-aloud/audio-player.styl */
.play-stop-error-container .pillow-icon-error {
  display: block;
  color: #d8a202;
  width: 48px;
  height: 48px;
  font-size: 52px;
  text-align: center;
  margin-right: 0;
}
.passage-error {
  margin-top: 15px;
}
.component-audio-player-wrapper .upload-spinner-container.loading-spinner {
  min-height: calc(var(--audio-player-size-lg, 39px) + var(--audio-player-icon-padding-top, 0px) * 2);
  width: var(--audio-player-size-lg, 39px);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.component-audio-player-wrapper .upload-spinner-container.loading-spinner .pillow-icon-spinner-arc {
  position: relative;
  padding-top: var(--audio-player-icon-padding-top, 1px);
  -webkit-animation: 2s linear rotate infinite;
  -moz-animation: 2s linear rotate infinite;
  -o-animation: 2s linear rotate infinite;
  -ms-animation: 2s linear rotate infinite;
  animation: 2s linear rotate infinite;
  font-size: var(--audio-player-spinner-font-size, 19px);
}

/* src/js/activitybuilder/components/shared/read-text-aloud/play-stop-audio-player.styl */
.read-aloud-speaker {
  margin-right: 10px;
  border-radius: 50%;
}
.read-aloud-speaker-icon-container {
  width: fit-content;
  height: fit-content;
  border-radius: 50%;
  padding-bottom: 2px;
  background-color: var(--audio-player-container-background-color, transparent);
  color: var(--audio-player-icon-color, var(--amp-body-color, #3b3b3b));
}
.read-aloud-speaker-icon-container i {
  display: block;
  border-radius: 50%;
  text-align: center;
  background-color: var(--audio-player-background-color, transparent);
  padding-top: var(--audio-player-icon-padding-top, 0);
}
.read-aloud-speaker-icon-container i:hover {
  background-color: var(--audio-player-background-color-hover, #f6f6f6);
}
.read-aloud-speaker-icon-container i.animated {
  background-color: var(--audio-player-background-color-animated, #e9e9e9);
  color: var(--audio-player-icon-color-animated, var(--amp-body-color, #3b3b3b));
}

/* src/js/activitybuilder/components/shared/read-text-aloud/text-reader.styl */
.dropdown-container div.dropdown-container-inner {
  padding: 7px 0;
}
.dropdown-container div.dropdown-container-inner div.speed-control .speed-controls-heading {
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 26px;
}
.dropdown-container div.dropdown-container-inner div.speed-control .dcg-segmented-control-btn {
  color: var(--amp-body-color, #3b3b3b);
  padding: 0 4px;
  font-weight: 400;
  font-size: 13px;
  border: 1px solid #bdbdbd;
  border-radius: 0;
  line-height: 28px;
}
.dropdown-container div.dropdown-container-inner div.speed-control .dcg-segmented-control-btn.dcg-hovered:not(.dcg-selected) {
  border-color: #9c0d63;
  background: #f6f6f6;
  color: var(--amp-body-color, #3b3b3b);
}
.dropdown-container div.dropdown-container-inner div.speed-control .dcg-segmented-control-btn.dcg-selected {
  color: #fff;
  border: 1px solid #3278c8;
  background: #3278c8;
}
.dropdown-container div.dropdown-container-inner div.speed-control .dcg-segmented-control-btn.dcg-selected,
.dropdown-container div.dropdown-container-inner div.speed-control .dcg-segmented-control-btn.dcg-hovered:not(:last-of-type) {
  margin-right: -1px;
}
.component-audio-player-wrapper .dcg-text-reader-container {
  position: absolute;
  top: 3px;
}
.component-audio-player-wrapper .dcg-text-reader-container .playback-bar {
  display: none;
}
.component-audio-player-wrapper .dcg-text-reader-container div.dcg-text-reader-btn {
  font-size: 13px;
  font-weight: normal;
  margin: 0;
}

/* src/js/activitybuilder/components/shared/rich-media-description-container.styl */
.rich-media-description-container {
  padding: 5px 10px 10px;
}
.rich-media-description-container .prosemirror-editing-menu {
  background: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  padding: 4px 0 4px 4px;
}
.rich-media-description-container .media-description-label {
  line-height: 1.5em;
}
.rich-media-description-container .dcg-prosemirror-editor {
  width: 100%;
  font-size: 100%;
  padding: 10px;
  border: 0.0625em solid #bdbdbd;
  border-radius: 0.1875em;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #fff;
  color: #495057;
  font-weight: 400;
  line-height: 1.6;
  -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -ms-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  overflow: auto;
  resize: vertical;
  font-family: inherit;
  margin: 0;
  caret-color: #9c0d63;
}
.rich-media-description-container .dcg-prosemirror-editor.dcg-focused {
  outline-offset: 0.125em;
  border-color: #9c0d63;
  -webkit-box-shadow: 0 0 0 0.125em #fff, 0 0 0 0.3125em var(--amp-focus-color, #9c0d63), 0 0 0 0.0625em #9c0d63 inset;
  box-shadow: 0 0 0 0.125em #fff, 0 0 0 0.3125em var(--amp-focus-color, #9c0d63), 0 0 0 0.0625em #9c0d63 inset;
}
.rich-media-description-container .dcg-prosemirror-editor.dcg-hovered {
  -webkit-box-shadow: inset 0 0 0 0.0625em #9c0d63;
  box-shadow: inset 0 0 0 0.0625em #9c0d63;
}
.rich-media-description-container .dcg-prosemirror-editor .prosemirror-placeholder {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  color: $color-light-gray-4;
  font-style: italic;
}

/* src/js/activitybuilder/components/shared/sketch/surface.styl */
canvas.sketch-surface[data-tool='line'] {
  cursor: crosshair;
}
canvas.sketch-surface[data-tool='eraser'] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAQAAAAm93DmAAAAv0lEQVR4Aa2XJ7pDIRQG5xaHeumJZgs43HF87H89cen9zRk/dPjhZc0syBSCRiMoZBbM/FADGyr9CZUNwzeyA/0DDp9JE0H/kCDxuq779mE/X1Sm/0C2dGeyMNh3A0/0f5KuN0r8WxgM0nDvhz3QJQYA2GjCDQBUTVgBZrrIDAtVuICsCjMUVVggVGFAU4VNF+pD1hdF3zb6xtaPnnw56NeXfsHKT4D+SMnPqP7Q+1HED0t+nPMDpx+J/dCufyuOeO1vQBYAIJEAAAAASUVORK5CYII=") 19 19, auto;
}
canvas.sketch-surface[data-tool='pencil'][data-thickness='thin'],
canvas.sketch-surface[data-tool='points'][data-thickness='thin'] {
  cursor: url("data:image/svg+xml;utf8,<svg width=\"6\" height=\"6\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50%\" cy=\"50%\" r=\"50%\" fill=\"%23737373\"/></svg>") 3 3, auto;
}
canvas.sketch-surface[data-tool='pencil'][data-thickness='standard'],
canvas.sketch-surface[data-tool='points'] {
  cursor: url("data:image/svg+xml;utf8,<svg width=\"10\" height=\"10\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50%\" cy=\"50%\" r=\"50%\" fill=\"%23737373\"/></svg>") 5 5, auto;
}
canvas.sketch-surface[data-tool='pencil'][data-thickness='thick'],
canvas.sketch-surface[data-tool='points'][data-thickness='thick'] {
  cursor: url("data:image/svg+xml;utf8,<svg width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50%\" cy=\"50%\" r=\"50%\" fill=\"%23737373\"/></svg>") 10 10, auto;
}
canvas.sketch-surface[data-tool='text'] {
  cursor: text;
}

/* src/js/activitybuilder/components/shared/step-correctness-preview.styl */
.periscope-correctness-decorator {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 15px;
}
.periscope-correctness-decorator.no-student-input {
  display: none;
}
.periscope-correctness-decorator .cl-warning {
  border: 1px solid #c0504d;
  background: rgba(192,80,77,0.25);
  color: #c0504d;
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 80%;
  margin-left: 5px;
}
.periscope-correctness-decorator .cl-warning.dcg-hovered,
.periscope-correctness-decorator .cl-warning.dcg-depressed {
  background: rgba(192,80,77,0.35);
}
.periscope-correctness-decorator .decorator-container {
  width: 85px;
  height: 35px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  border-radius: 3px;
  border: 1px solid #bdbdbd;
}
.periscope-correctness-decorator .decorator-container .no-result-yet {
  color: #999;
  font-size: 65%;
  text-align: center;
  white-space: pre-wrap;
  line-height: 1em;
}
.periscope-correctness-decorator .decorator-container .pillow-icon-check,
.periscope-correctness-decorator .decorator-container .pillow-icon-remove {
  font-size: 90%;
  color: #999;
}
.periscope-correctness-decorator .decorator-container .pillow-icon-error {
  color: #fa824c;
  cursor: pointer;
  padding: 5px;
  margin: -5px;
}
.periscope-correctness-decorator .decorator-container .submitted-circle {
  background: #999;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -5px;
}

/* src/js/activitybuilder/components/shared/student-graph-thumb.styl */
.student-graph-thumb {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.student-graph-background-thumb .fixed-aspect-container canvas {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* src/js/activitybuilder/components/shared/student-name.styl */
.student-name .dcg-tooltip-hit-area-container {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
}

/* src/js/activitybuilder/components/shared/submit-and-edit-button.styl */
.submit-and-edit-button.dcg-hovered:not(disabled):not(.dcg-depressed) .dcg-edit-button span {
  text-decoration: var(--secondary-button-text-decoration, none);
}
.submit-and-edit-button.dcg-hovered:not(disabled):not(.dcg-depressed) .dcg-textarea-submit-button {
  background: var(--primary-button-background-hover, #5e083b);
}
.submit-and-edit-button .dcg-edit-button {
  line-height: var(--secondary-button-line-height, 2.375em);
  text-decoration: none;
}
.submit-and-edit-button .dcg-edit-button.has-pencil-icon i {
  margin-right: var(--secondary-button-pencil-icon-margin-right, 5px);
  font-size: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.submit-and-edit-button .dcg-edit-button.has-pencil-icon .fancy-icon {
  margin-right: var(--secondary-button-pencil-icon-margin-right);
}
.submit-and-edit-button .dcg-edit-button:not(.has-pencil-icon) i {
  display: none;
}
.submit-and-edit-button .dcg-edit-button.dcg-depressed:not(disabled) {
  color: var(--font-color-default, #333);
}
.submit-and-edit-button .dcg-edit-button.dcg-depressed:not(disabled) span {
  text-decoration: var(--secondary-button-text-decoration, none);
}
.submit-and-edit-button .dcg-textarea-submit-button.has-icon i {
  font-size: var(--button-icon-font-size);
  position: var(--button-icon-position);
  top: var(--button-icon-top);
}

/* src/js/activitybuilder/components/shared/text-reader.styl */
.dcg-text-reader-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #f7f7f7;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  width: 100%;
  max-width: 240px;
  margin-bottom: 10px;
  max-height: 36px;
}
.dcg-text-reader-container .dcg-text-reader-btn {
  width: 28px;
  height: 28px;
  color: #666;
  border-radius: 50%;
  line-height: 28px;
  margin: 4px;
  text-align: center;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -ms-transition: -ms-transform 0.2s;
  transition: transform 0.2s;
}
.dcg-text-reader-container .dcg-text-reader-btn.play-btn {
  font-size: 80%;
  line-height: 28px;
}
.dcg-text-reader-container .dcg-text-reader-btn.play-btn i {
  position: relative;
  top: 2px;
}
.dcg-text-reader-container .dcg-text-reader-btn.play-btn i.pillow-icon-play {
  margin-left: 5px;
}
.dcg-text-reader-container .dcg-text-reader-btn.play-btn i.pillow-icon-pause {
  margin-left: 2px;
}
.dcg-text-reader-container .dcg-text-reader-btn.speed-settings-btn {
  font-size: 55%;
  margin-right: 5px;
}
.dcg-text-reader-container .dcg-text-reader-btn.dcg-hovered {
  background: rgba(0,0,0,0.1);
  color: #444;
}
.dcg-text-reader-container .dcg-text-reader-btn.dcg-depressed {
  background: rgba(0,0,0,0.2);
  color: #222;
}
.dcg-text-reader-container .playback-bar {
  height: 8px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #ddd;
  border-radius: 4px;
  position: relative;
}
.dcg-text-reader-container .playback-bar .playback-bar-piece {
  position: absolute;
  left: 0;
  top: -5px;
  bottom: -5px;
}
.dcg-text-reader-container .playback-bar .playback-bar-piece .playback-bar-piece-interior {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 0;
  right: 0;
  border-radius: 4px;
  -webkit-transition: 0.2s background;
  -moz-transition: 0.2s background;
  -o-transition: 0.2s background;
  -ms-transition: 0.2s background;
  transition: 0.2s background;
}
.dcg-text-reader-container .playback-bar .playback-bar-piece.dcg-hovered .playback-bar-piece-interior {
  background: #bbb;
}
.dcg-text-reader-container .playback-bar .playback-bar-piece.playhead-past .playback-bar-piece-interior {
  background: #4781b9;
}
.dcg-text-reader-container .speed-control {
  padding: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: -moz-none;
}
.dcg-text-reader-container .speed-control:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 8px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.dcg-text-reader-container .speed-control:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 7px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.dcg-text-reader-container .speed-control .speed-controls-heading {
  white-space: nowrap;
  font-size: 90%;
  margin-bottom: 5px;
}
.dcg-text-reader-container .speed-control .dcg-segmented-control-layout {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: -moz-none;
  width: 200px;
  font-size: 90%;
}
.dcg-text-reader-container .speed-control .dcg-segmented-control-layout .dcg-segmented-control-btn {
  min-height: 32px;
}

/* src/js/activitybuilder/components/shared/text-with-math/edit-input.styl */
.text-with-math-edit-input {
  position: relative;
}
.text-with-math-edit-input .dcg-prosemirror-editor {
  overflow-x: auto;
}
.text-with-math-edit-input .undo-convert-text {
  background: #feeba1;
  position: absolute;
  top: 50%;
  right: 4px;
  padding: 0 8px;
  font-size: 80%;
  line-height: 26px;
  height: 26px;
  border-radius: 4px;
  margin-top: -14px;
}
.text-with-math-edit-input .undo-convert-text .undo-detect {
  margin-left: 6px;
}
.text-with-math-edit-input .prosemirror-menu-item.menu-item-mq {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.text-with-math-edit-input .prosemirror-menu-item.menu-item-mq i {
  margin-right: 2px;
}

/* src/js/activitybuilder/components/shared/text-with-math/mixed-text-display.styl */
.mixed-text-display {
  white-space: pre-wrap;
}
.mixed-text-display .dcg-mq-math-mode,
.mixed-text-display .nobr {
  white-space: nowrap;
}
.mixed-text-display .empty-text {
  color: #bbb;
}
.mixed-text-display .dcg-mq-root-block,
.mixed-text-display .dcg-mq-math-mode .dcg-mq-root-block {
  overflow: visible;
  vertical-align: baseline;
}
.mixed-text-display .dcg-mathquill-wrapper {
  display: inline;
}
.mixed-text-display .dcg-mathquill-wrapper .dcg-typeset-math,
.mixed-text-display .dcg-mathquill-wrapper .dcg-mathquill-braille {
  display: inline;
}

/* src/js/activitybuilder/components/shared/textarea/image-gallery-modal.styl */
.image-gallery-modal .modal-container {
  max-width: 730px;
  margin: auto;
}
.image-gallery-modal .image-gallery-modal-content {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.image-gallery-modal .image-container {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #bdbdbd;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.image-gallery-modal .footer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.image-gallery-modal .image-count-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.image-gallery-modal .image-gallery-snapshot-container {
  position: absolute;
  top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  font-size: 130%;
}

/* src/js/activitybuilder/components/shared/textarea/image-thumbs-view.styl */
.textarea-image-thumbnail-area {
  position: relative;
}
.textarea-image-thumbnail-area.is-editable {
  margin-top: var(--image-thumbnail-area-margin-top, -2px);
  background: #fff;
  border: var(--image-thumbnail-area-border, 1px solid #bdbdbd);
  border-top: none;
  cursor: text;
}
.textarea-image-thumbnail-area.is-editable .textarea-image-thumbnails {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.textarea-image-thumbnail-area:not(.is-editable) {
  margin: -8px -8px 0;
}
.textarea-image-thumbnail-area.pm-focused {
  border: var(--image-thumbnail-area-border-focused, 1px solid #9c0d63);
  border-top: none;
  padding: var(--image-thumbnail-area-padding-focused);
}
.textarea-image-thumbnail-area .textarea-image-thumbnails {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.textarea-image-thumbnail-area .textarea-image-thumbnail,
.textarea-image-thumbnail-area .loading-image-outline {
  margin: var(--uploaded-image-thumbnail-margin, 8px);
  width: var(--uploaded-image-thumbnail-size, 130px);
  height: var(--uploaded-image-thumbnail-size, 130px);
}
.textarea-image-thumbnail-area .loading-image-outline {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  background: #e2e2e2;
  border-radius: 3px;
  border: 1px solid var(--uploaded-image-thumbnail-border-color, #bdbdbd);
  border-radius: var(--uploaded-image-thumbnail-border-radius, var(--amp-border-radius, 0.1875em));
}
.textarea-image-thumbnail-area .textarea-image-thumbnail {
  position: relative;
  border-radius: var(--amp-border-radius, 0.1875em);
}
.textarea-image-thumbnail-area .textarea-image-thumbnail.disable-clicks {
  pointer-events: none;
}
.textarea-image-thumbnail-area .textarea-image-thumbnail.dcg-hovered {
  border-color: var(--uploaded-image-thumbnail-border-hover, #9c0d63);
}
.textarea-image-thumbnail-area .textarea-image-thumbnail.dcg-hovered img {
  border-color: var(--uploaded-image-thumbnail-border-hover, #9c0d63);
}
.textarea-image-thumbnail-area .textarea-image-thumbnail.deleting {
  font-size: var(--deleting-media-font-size);
  background: var(--deleting-media-background, #fbeae6);
  padding: var(--deleting-media-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0);
  border: var(--deleting-image-border);
  border-radius: var(--uploaded-image-thumbnail-border-radius, var(--amp-border-radius, 0.1875em));
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: var(--deleting-media-cancel-align-items, center);
  -moz-box-align: var(--deleting-media-cancel-align-items, center);
  -o-box-align: var(--deleting-media-cancel-align-items, center);
  -ms-flex-align: var(--deleting-media-cancel-align-items, center);
  -webkit-align-items: var(--deleting-media-cancel-align-items, center);
  align-items: var(--deleting-media-cancel-align-items, center);
  -webkit-box-pack: var(--deleting-media-cancel-justify-content, center);
  -moz-box-pack: var(--deleting-media-cancel-justify-content, center);
  -o-box-pack: var(--deleting-media-cancel-justify-content, center);
  -ms-flex-pack: var(--deleting-media-cancel-justify-content, center);
  -webkit-justify-content: var(--deleting-media-cancel-justify-content, center);
  justify-content: var(--deleting-media-cancel-justify-content, center);
  color: var(--deleting-media-color, #831c00);
  font-weight: 500;
}
.textarea-image-thumbnail-area .textarea-image-thumbnail.deleting .cancel-delete {
  color: var(--amp-body-color, #3b3b3b);
  padding: var(--deleting-media-cancel-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0 0);
  text-decoration: var(--deleting-media-cancel-text-decoration);
  border: var(--deleting-media-cancel-border);
  border-radius: var(--deleting-media-cancel-border-radius);
  -webkit-box-shadow: var(--deleting-media-cancel-box-shadow);
  box-shadow: var(--deleting-media-cancel-box-shadow);
  background: var(--deleting-media-cancel-background);
  margin-top: var(--deleting-media-cancel-margin-top);
}
.textarea-image-thumbnail-area .textarea-image-thumbnail.deleting .cancel-delete.dcg-hovered {
  color: var(--deleting-media-color, var(--amp-body-color, #3b3b3b));
  border: var(--deleting-media-cancel-border-hover);
  text-decoration: var(--deleting-media-cancel-text-decoration, underline);
}
.textarea-image-thumbnail-area .textarea-image-thumbnail.deleting .cancel-delete.dcg-depressed {
  color: var(--deleting-media-color, var(--amp-body-color, #3b3b3b));
  -webkit-box-shadow: var(--deleting-media-cancel-box-shadow-depressed);
  box-shadow: var(--deleting-media-cancel-box-shadow-depressed);
}
.textarea-image-thumbnail-area .textarea-image-thumbnail img {
  width: var(--uploaded-image-thumbnail-size, 130px);
  height: var(--uploaded-image-thumbnail-size, 130px);
  border-radius: var(--uploaded-image-thumbnail-border-radius, var(--amp-border-radius, 0.1875em));
  object-fit: cover;
  border: 1px solid var(--uploaded-image-thumbnail-border-color, #bdbdbd);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
}
.textarea-image-thumbnail-area .textarea-image-thumbnail .loading-image-outline {
  margin: 0;
}
.textarea-image-thumbnail-area .textarea-image-thumbnail .thumb-stack-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.textarea-image-thumbnail-area .textarea-image-thumbnail .remove-image-button {
  position: absolute;
  top: calc(-0.5 * var(--remove-media-button-size, 26px));
  right: calc(-0.5 * var(--remove-media-button-size, 26px));
  background: var(--remove-media-button-background, #676767);
  color: var(--remove-media-button-color, #fff);
  width: var(--remove-media-button-size, 26px);
  height: var(--remove-media-button-size, 26px);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%;
  border: var(--remove-media-button-border);
  margin-top: 0;
}
.textarea-image-thumbnail-area .textarea-image-thumbnail .remove-image-button:not(:focus-visible) {
  -webkit-box-shadow: var(--remove-media-button-box-shadow);
  box-shadow: var(--remove-media-button-box-shadow);
}
.textarea-image-thumbnail-area .textarea-image-thumbnail .remove-image-button.dcg-hovered,
.textarea-image-thumbnail-area .textarea-image-thumbnail .remove-image-button:focus-visible {
  background: var(--remove-media-button-background-hover, -webkit-linear-gradient(90deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), #676767);
  background: var(--remove-media-button-background-hover, -moz-linear-gradient(90deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), #676767);
  background: var(--remove-media-button-background-hover, -o-linear-gradient(90deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), #676767);
  background: var(--remove-media-button-background-hover, -ms-linear-gradient(90deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), #676767);
  background: var(--remove-media-button-background-hover, linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), #676767);
}
.textarea-image-thumbnail-area .textarea-image-thumbnail .remove-image-button.dcg-depressed {
  background: var(--remove-media-button-background-depressed, -webkit-linear-gradient(90deg, rgba(0,0,0,0.35), rgba(0,0,0,0.35)), #676767);
  background: var(--remove-media-button-background-depressed, -moz-linear-gradient(90deg, rgba(0,0,0,0.35), rgba(0,0,0,0.35)), #676767);
  background: var(--remove-media-button-background-depressed, -o-linear-gradient(90deg, rgba(0,0,0,0.35), rgba(0,0,0,0.35)), #676767);
  background: var(--remove-media-button-background-depressed, -ms-linear-gradient(90deg, rgba(0,0,0,0.35), rgba(0,0,0,0.35)), #676767);
  background: var(--remove-media-button-background-depressed, linear-gradient(0deg, rgba(0,0,0,0.35), rgba(0,0,0,0.35)), #676767);
  -webkit-box-shadow: var(--remove-media-button-box-shadow-depressed);
  box-shadow: var(--remove-media-button-box-shadow-depressed);
}
.textarea-image-thumbnail-area .textarea-image-thumbnail .remove-image-button i {
  font-size: var(--remove-media-button-font-size, 1.3em);
  line-height: 1.3em;
}
.textarea-image-thumbnail-area .textarea-image-thumbnail .remove-image-button label {
  margin-top: -2em;
  z-index: 1;
}
.textarea-image-thumbnail-area .image-upload-error-message {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  margin: 5px;
}

/* src/js/activitybuilder/components/shared/textarea/input-footer-button.styl */
.dcg-input-footer-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  background: var(--text-input-footer-button-background, #fff);
  border: var(--text-input-footer-button-border, 0.0625em solid #bdbdbd);
  border-radius: var(--border-radius-medium, var(--amp-border-radius, 0.1875em));
  width: auto;
  height: var(--text-input-footer-button-height);
  line-height: var(--text-input-footer-button-height, 2.375em);
  text-align: center;
  font-size: var(--text-input-footer-button-font-size, 1em);
  color: var(--text-input-footer-button-icon-color, var(--amp-body-color, #3b3b3b));
  position: relative;
  -webkit-box-shadow: 0 var(--box-shadow-width-bottom) var(--text-input-footer-button-shadow-bottom-color);
  box-shadow: 0 var(--box-shadow-width-bottom) var(--text-input-footer-button-shadow-bottom-color);
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  -ms-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  padding: var(--text-input-footer-button-padding, 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.dcg-input-footer-button.dcg-hidden {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.dcg-input-footer-button:not(.disabled):not(.active):not(.is-open).dcg-hovered,
.dcg-input-footer-button.is-open.dcg-hovered {
  border: var(--text-input-footer-button-border, 0.0625em solid #9c0d63);
  color: var(--text-input-footer-button-icon-color, var(--amp-body-color, #3b3b3b));
  background: var(--text-input-footer-button-background-hover, #fff);
}
.dcg-input-footer-button:not(.disabled):not(.active):not(.is-open).dcg-depressed,
.dcg-input-footer-button.is-open.dcg-depressed {
  background: var(--text-input-footer-button-background-hover, #e6e6e6);
  -webkit-box-shadow: var(--text-input-footer-button-box-shadow-depressed, none);
  box-shadow: var(--text-input-footer-button-box-shadow-depressed, none);
}
.dcg-input-footer-button.is-open {
  -webkit-box-shadow: var(--text-input-footer-button-box-shadow-is-open);
  box-shadow: var(--text-input-footer-button-box-shadow-is-open);
}
.dcg-input-footer-button.active {
  color: var(--text-input-footer-button-icon-color);
  border-color: #9c0d63;
  -webkit-box-shadow: var(--text-input-footer-button-box-shadow-active);
  box-shadow: var(--text-input-footer-button-box-shadow-active);
}
.dcg-input-footer-button.active.dcg-hovered {
  border: var(--text-input-footer-button-border, 1px solid #5e083b);
  color: var(--text-input-footer-button-icon-color);
  background: var(--text-input-footer-button-background-hover, #e6e6e6);
}
.dcg-input-footer-button.active.dcg-depressed {
  border: var(--text-input-footer-button-border, 1px solid #2f041e);
  color: var(--text-input-footer-button-icon-color);
  background: var(--text-input-footer-button-background-hover, #e6e6e6);
  -webkit-box-shadow: var(--text-input-footer-button-box-shadow-depressed);
  box-shadow: var(--text-input-footer-button-box-shadow-depressed);
}
.dcg-input-footer-button.disabled {
  -webkit-box-shadow: var(--text-input-footer-button-box-shadow-depressed, none);
  box-shadow: var(--text-input-footer-button-box-shadow-depressed, none);
}
.dcg-tooltip-hit-area-container .dcg-input-footer-button i,
.dcg-tooltip-hit-area-container .blue-active-button i {
  margin: 0;
}
.microphone-footer-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.blue-active-button.active,
.blue-active-button.is-open {
  background-color: #0069e4 !important;
  border-color: transparent !important;
  color: #fff !important;
}
.blue-active-button.active.btn-raised,
.blue-active-button.is-open.btn-raised {
  -webkit-box-shadow: 0 0.25em 0 #004597 !important;
  box-shadow: 0 0.25em 0 #004597 !important;
}

/* src/js/activitybuilder/components/shared/textarea/math-edit-button.styl */
.math-edit-button {
  width: auto;
}
.math-edit-button:not(.default-theme):after {
  content: "";
  background: #e2e2e2;
  width: var(--text-input-footer-button-sqrt-box-width, 8px);
  height: 10px;
  position: absolute;
  bottom: 10px;
  right: 7px;
}
.math-edit-button.dcg-input-footer-button .pillow-icon-math-k5 {
  line-height: var(--text-input-footer-button-icon-line-height);
}

/* src/js/activitybuilder/components/shared/textarea/qr-upload-link.styl */
.qr-upload-link {
  position: absolute;
  bottom: 15px;
  max-width: 600px;
}
.qr-upload-link .loading-qr-code,
.qr-upload-link .qr-code {
  height: 100px;
  width: 100px;
  margin-right: 15px;
}
.qr-upload-link .loading-qr-code-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.qr-upload-link .loading-qr-code-container .loading-qr-code {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  background: #e2e2e2;
  border-radius: 3px;
}
.qr-upload-link .loading-qr-code-container .loading-qr-code-message-container .loading-qr-code-message {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  background: #e2e2e2;
  border-radius: 3px;
  height: 20px;
  width: 120px;
  margin-bottom: 15px;
}
.qr-upload-link .loading-qr-code-container .loading-qr-code-message-container .loading-qr-code-message:first-of-type {
  width: 200px;
}
.qr-upload-link .loaded {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.qr-upload-link .loaded .description-container {
  line-height: 1.2em;
  padding-top: 5px;
  color: #333;
}
.qr-upload-link .loaded .description-container .description-header {
  font-size: 140%;
  margin-bottom: 0.5em;
}
.qr-upload-link .loaded .description-container .description-note {
  margin-top: 5px;
  font-size: 90%;
  color: #666;
}

/* src/js/activitybuilder/components/shared/textarea/text-edit-button.styl */
.text-edit-button {
  margin-right: 8px;
}
.text-edit-button.dcg-input-footer-button i {
  line-height: var(--text-input-footer-button-icon-line-height);
}

/* src/js/activitybuilder/components/shared/textarea/upload-image-button.styl */
.upload-image-container .upload-image-footer-button i {
  font-size: var(--text-input-footer-button-font-size, 1.5em);
  line-height: var(--text-input-footer-button-icon-line-height, 1.5em);
}
.upload-image-container .open-photo-modal-button .fancy-icon-container i {
  font-size: 1.5em;
  color: #0069e4;
}
.upload-image-dropdown .dropdown-container {
  margin-top: calc(var(--dropdown-container-margin-top, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem)) + 4px);
  padding: 0;
}
.upload-image-dropdown .dropdown-container .upload-image-dropdown-interior {
  padding: var(--dropdown-container-interior-padding, 0);
  color: var(--dropdown-container-color, var(--amp-body-color, #3b3b3b));
}
.upload-image-dropdown .dropdown-container .upload-image-dropdown-interior:after {
  content: "";
  position: absolute;
  top: -12px;
  left: 22px;
  border-width: 12px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent var(--dropdown-arrow-background, #fff);
  line-height: 0;
}
.upload-image-dropdown .dropdown-container .upload-image-dropdown-interior:before {
  content: "";
  position: absolute;
  top: -13px;
  left: 21px;
  border-width: 13px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent var(--dropdown-arrow-border, #bdbdbd);
  line-height: 0;
}
.upload-image-dropdown .dropdown-container .upload-image-dropdown-interior .preview-message {
  color: #676767;
  border: 1px dashed #bdbdbd;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  border-radius: var(--amp-border-radius, 0.1875em);
  font-style: var(--dropdown-container-preview-message-font-style, italic);
  font-family: var(--dropdown-container-preview-message-font-family, inherit);
  text-align: center;
  width: 265px;
  margin: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) - 6px) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.upload-image-dropdown .dropdown-container .upload-image-dropdown-interior .dropdown-button {
  cursor: pointer;
  background: var(--dropdown-container-background);
  padding: var(--upload-file-button-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.5));
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.upload-image-dropdown .dropdown-container .upload-image-dropdown-interior .dropdown-button .link-text {
  white-space: nowrap;
}
.upload-image-dropdown .dropdown-container .upload-image-dropdown-interior .dropdown-button i {
  margin-right: 15px;
}
.upload-image-dropdown .dropdown-container .upload-image-dropdown-interior .dropdown-button.dcg-hovered,
.upload-image-dropdown .dropdown-container .upload-image-dropdown-interior .dropdown-button:focus-visible {
  color: var(--dropdown-container-color, var(--amp-body-color, #3b3b3b));
  background: var(--dropdown-button-background-hovered, #f6f6f6);
}
.upload-image-dropdown .dropdown-container .upload-image-dropdown-interior .dropdown-button.dcg-depressed {
  color: var(--dropdown-button-color-depressed, var(--amp-body-color, #3b3b3b));
  background: var(--dropdown-button-background-depressed, #e9e9e9);
}
.upload-image-dropdown .dropdown-container .upload-image-dropdown-interior .dropdown-button:not(:last-child) {
  margin-bottom: var(--dropdown-button-margin-bottom);
}
.upload-image-dropdown .dropdown-container .upload-image-dropdown-interior .upload-file-button .error {
  color: #c0504d;
}
.upload-image-dropdown .dropdown-container .upload-image-dropdown-interior .upload-file-button input[type="file"] {
  display: none;
}

/* src/js/activitybuilder/components/shared/textarea/view.styl */
.textarea-component {
  width: 100%;
  position: relative;
}
.textarea-component .dcg-input-footer .dcg-rich-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  padding-inline-start: 0;
  margin-bottom: 0;
}
.textarea-component .dcg-input-footer .dcg-rich-buttons .math-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.textarea-component .dcg-rich-buttons + .submit-container {
  -webkit-box-flex: unset;
  -moz-box-flex: unset;
  -o-box-flex: unset;
  -ms-box-flex: unset;
  box-flex: unset;
  -webkit-flex-grow: unset;
  flex-grow: unset;
}
.textarea-component .unsubmitted .textarea-pm-container {
  position: relative;
}
.textarea-component .unsubmitted .textarea-pm-container .dcg-prosemirror-editor {
  margin-bottom: 0;
}
.textarea-component .unsubmitted .textarea-pm-container .dcg-prosemirror-editor.dcg-focused .ProseMirror {
  padding: var(--text-input-textarea-padding-hovered, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.textarea-component .unsubmitted .textarea-pm-container .dcg-prosemirror-editor .ProseMirror {
  border-radius: var(--text-input-textarea-border-radius, var(--amp-border-radius, 0.1875em) var(--amp-border-radius, 0.1875em) 0 0);
  padding: var(--text-input-textarea-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.textarea-component .submitted + .submit-container {
  background: var(--input-footer-background, #f6f6f6);
  border: var(--input-footer-border-submitted, 1px solid #bdbdbd);
  border-top: 0;
  border-radius: var(--input-footer-border-radius, 0 0 var(--amp-border-radius, 0.1875em) var(--amp-border-radius, 0.1875em));
}
.textarea-component .submit-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: var(--text-input-submit-container-width, unset);
  text-align: var(--text-input-submit-button-text-align, right);
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.textarea-component .textarea-text {
  width: 100%;
  color: var(--font-color-default, var(--amp-body-color, #3b3b3b));
  border: var(--text-input-border, 1px solid #bdbdbd);
  padding: var(--text-input-textarea-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  border-radius: var(--border-radius-medium, var(--amp-border-radius, 0.1875em));
  background-color: #fff;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  display: var(--text-input-textarea-display, flex);
}
.textarea-component .textarea-text.has-text .textarea-image-thumbnail-area {
  margin-top: 5px;
}
.textarea-component .textarea-text:not(.has-attached-media) {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.textarea-component .textarea-text.has-attached-media {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.textarea-component .textarea-text.has-attached-media .mixed-text-display {
  margin-bottom: 10px;
}
.textarea-component .textarea-text.edit-disabled {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  cursor: default;
}
.textarea-component textarea {
  color: #000;
  width: 100%;
  font-size: 16px;
  padding: 10px;
  border: 1px solid #bdbdbd;
}
.textarea-component .textarea-pm-container .dcg-prosemirror-editor .ProseMirror {
  background-color: #fff;
  min-height: 8.5em;
  max-height: 25em;
  border: var(--text-input-border, 1px solid #bdbdbd);
  overflow-y: auto;
}
.textarea-component .textarea-pm-container .dcg-prosemirror-editor .ProseMirror:hover,
.textarea-component .textarea-pm-container .dcg-prosemirror-editor .ProseMirror.dcg-hovered {
  border: var(--text-input-border-hover, 1px solid #9c0d63);
  padding: var(--text-input-textarea-padding-hovered, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.textarea-component .textarea-pm-container .dcg-prosemirror-editor .prosemirror-placeholder {
  color: var(--placeholder-color, #676767);
}
.textarea-component .textarea-pm-container .dcg-prosemirror-editor .prosemirror-placeholder i {
  cursor: text;
  font-size: var(--placeholder-icon-font-size);
  line-height: var(--placeholder-icon-line-height);
  color: var(--placeholder-icon-color);
  margin-right: var(--placeholder-icon-margin);
  position: relative;
  top: var(--placeholder-icon-positioning);
}
.textarea-component .textarea-pm-container .dcg-prosemirror-editor .ProseMirror-focused {
  padding: var(--text-input-textarea-padding-hovered, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.textarea-component .textarea-pm-container .dcg-prosemirror-editor .ProseMirror-focused .prosemirror-placeholder {
  display: none;
}
.textarea-component .textarea-pm-container.has-focus .dcg-prosemirror-editor .ProseMirror,
.textarea-component .textarea-pm-container.has-text-or-math-selection .dcg-prosemirror-editor .ProseMirror {
  border: var(--text-input-border-focused, 1px solid #9c0d63);
  -webkit-box-shadow: var(--text-input-box-shadow, inset 0 0 0 1px #9c0d63);
  box-shadow: var(--text-input-box-shadow, inset 0 0 0 1px #9c0d63);
}
.textarea-component .textarea-pm-container.has-attached-image:not(.has-attached-audio) .dcg-prosemirror-editor .ProseMirror {
  min-height: calc(8.5em - 130px);
}
.textarea-component .textarea-pm-container.has-attached-audio:not(.has-attached-image) .dcg-prosemirror-editor .ProseMirror {
  min-height: calc(8.5em - 45px);
}
.textarea-component .textarea-pm-container.has-attached-audio.has-attached-image .dcg-prosemirror-editor .ProseMirror {
  min-height: calc(8.5em - 175px);
}
.textarea-component .unsubmitted .textarea-image-thumbnail-area + .component-audio-player-wrapper {
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.textarea-component .unsubmitted .component-audio-player-wrapper {
  margin-top: var(--component-audio-player-wrapper-margin-top, -2px);
  background: #fff;
  border-right: var(--component-audio-player-wrapper-border, 1px solid #bdbdbd);
  border-bottom: var(--component-audio-player-wrapper-border, 1px solid #bdbdbd);
  border-left: var(--component-audio-player-wrapper-border, 1px solid #bdbdbd);
  cursor: text;
  padding: var(--component-audio-player-wrapper-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.textarea-component .unsubmitted .component-audio-player-wrapper .component-audio-player {
  padding-right: var(--component-audio-player-padding-right, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.textarea-component .unsubmitted .component-audio-player-wrapper.pm-focused {
  border-right: var(--component-audio-player-wrapper-border-selected, 2px solid #9c0d63);
  border-bottom: var(--component-audio-player-wrapper-border-selected, 2px solid #9c0d63);
  border-left: var(--component-audio-player-wrapper-border-selected, 2px solid #9c0d63);
}
.textarea-component .submitted {
  border: var(--input-footer-border-submitted, 1px solid #bdbdbd);
  background-color: var(--text-input-textarea-submitted-background, #fff);
}
.textarea-component .submitted:not(.no-footer) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.textarea-component .submitted + .submit-container {
  margin: 0;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.textarea-component .submitted .component-audio-player-wrapper {
  height: calc(var(--component-audio-player-wrapper-height, 67px) - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) + 4px);
}
.textarea-component .submitted.has-text .component-audio-player-wrapper,
.textarea-component .submitted.has-attached-image .component-audio-player-wrapper {
  margin-top: 10px;
}

/* src/js/activitybuilder/components/shared/toggle-keypad-button.styl */
.dcg-toggle-keypad-button.dcg-hidden {
  cursor: default !important;
}
.dcg-toggle-keypad-button.dcg-input-footer-button .pillow-icon-keyboard-k5 {
  line-height: 60px;
}

/* src/js/activitybuilder/components/shared/upload-drop-box.styl */
.upload-drop-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 90%;
  height: 100%;
  text-align: center;
  padding: 45px 0;
}
.upload-drop-box.dragover {
  border: 1px solid #9c0d63;
  -webkit-box-shadow: 0 0 0 1px #9c0d63;
  box-shadow: 0 0 0 1px #9c0d63;
}
.upload-drop-box .drag-image {
  width: 120px;
  margin-bottom: 20px;
}
.upload-drop-box .drag-image img {
  width: 100%;
}
.upload-drop-box .drag-message {
  font-size: 130%;
  color: #676767;
}
.upload-drop-box .or-container {
  text-align: center;
  height: 1px;
  background: #e9e9e9;
  margin: 30px auto;
  width: 255px;
}
.upload-drop-box .or-container .or {
  color: #676767;
  background: #fff;
  position: relative;
  top: -10px;
  padding: 0 10px;
}
.upload-drop-box .upload-button {
  min-width: 255px;
}
.upload-drop-box input[type="file"] {
  display: none;
}
.upload-drop-box .drag-message,
.upload-drop-box .drop-message {
  text-align: center;
  font-size: 150%;
  color: #676767;
}
.upload-drop-box .drag-message {
  color: #676767;
}
.upload-drop-box .drop-message {
  color: #9c0d63;
}
.upload-drop-box .optimize-image-checkbox-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/* src/js/activitybuilder/components/sketch/background/background.scss */
.sketch-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sketch-background .blank-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  border-radius: var(--sketch-canvas-border-radius, var(--amp-border-radius, 0.1875em));
}
.sketch-background .fill-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: contain;
  background-position: center center;
}
.sketch-background .sketch-graph-miniscreen-view {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-position: center center;
}
.sketch-background .image-background-div,
.sketch-background .pdf-background-div {
  background-color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  border-radius: var(--sketch-canvas-border-radius, var(--amp-border-radius, 0.1875em));
}
.sketch-background .background-image.pdf-thumb {
  width: 100%;
}
.sketch-background .graph-container {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sketch-background .graph-container .calculator {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sketch-background .graph-container .calculator canvas.dcg-graph-inner,
.sketch-background .graph-container .calculator .dcg-container .dcg-grapher.dcg-grapher-focused {
  border-radius: var(--sketch-canvas-border-radius, var(--amp-border-radius, 0.1875em));
  border-top-left-radius: var(--sketch-canvas-border-top-left-radius, var(--amp-border-radius, 0.1875em));
  border-top-right-radius: var(--sketch-canvas-border-top-right-radius, var(--amp-border-radius, 0.1875em));
}

.editor-container .sketch-background {
  display: block;
}

.pdf-background-image {
  width: 100%;
}
/* src/js/activitybuilder/components/sketch/dashboard/student-thumb.scss */
.sketch-student-thumb {
  position: relative;
  background: #eee;
  border-radius: 3px;
  overflow: hidden;
}
.sketch-student-thumb .fixed-aspect-container {
  position: relative;
}
.sketch-student-thumb .fixed-aspect-container .sketch-background .no-background {
  display: none;
}
.sketch-student-thumb .fixed-aspect-container canvas {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/* src/js/activitybuilder/components/sketch/miniscreen.scss */
.sketch-miniscreen-view {
  position: relative;
  background-color: #fff;
}
.sketch-miniscreen-view.image-background, .sketch-miniscreen-view.graph-background {
  background-color: rgba(0, 0, 0, 0);
}
.sketch-miniscreen-view .icon-container {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  padding-top: 10px;
  height: 50px;
  margin-top: -25px;
  color: #999;
  text-shadow: -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
  font-size: 12px;
}
.sketch-miniscreen-view .icon-container.white-background {
  background-color: white;
}
.sketch-miniscreen-view.within-fullscreen-layout {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  border-radius: var(--amp-border-radius, 0.1875em);
}
.sketch-miniscreen-view.within-fullscreen-layout .sketch-background {
  width: 100%;
  position: relative;
}
.sketch-miniscreen-view.within-fullscreen-layout .background-image {
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 2px;
}
.sketch-miniscreen-view.within-fullscreen-layout .background-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff 75%);
}
.sketch-miniscreen-view.within-fullscreen-layout .background-image.pdf {
  background-size: cover;
  background-position: center 0%;
}
.sketch-miniscreen-view:not(.within-fullscreen-layout) {
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  padding-bottom: calc(100% - 2px);
  position: relative;
  line-height: 0;
  width: 100%;
  height: 0;
}
.sketch-miniscreen-view:not(.within-fullscreen-layout).one-third {
  padding-bottom: calc(150% - 2px);
}
.sketch-miniscreen-view:not(.within-fullscreen-layout).two-third {
  padding-bottom: calc(75% - 2px);
}
.sketch-miniscreen-view:not(.within-fullscreen-layout) .sketch-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}
.sketch-miniscreen-view:not(.within-fullscreen-layout) .background-image {
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center center;
}
/* src/js/activitybuilder/components/sketch/playground/elements-layer.scss */
.sketch-elements-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.sketch-elements-layer.editing.text-selected {
  cursor: default;
}
.sketch-elements-layer.editing:not(.text-selected) {
  cursor: text;
}
.sketch-elements-layer:not(.editing) {
  pointer-events: none;
}
/* src/js/activitybuilder/components/sketch/playground/sketch-controls/blue-active-button.scss */
.blue-active-button {
  font-size: 100%;
  margin-top: 0.425em;
  margin-bottom: 0.425em;
  max-width: 85px;
  flex-grow: 1;
}
.blue-active-button .dcg-tooltip-hit-area-container i {
  margin-right: 0px;
}

.blue-active-button.active,
.blue-active-button.dcg-selected {
  background-color: #0069e4 !important;
  border-color: transparent !important;
  color: #fff !important;
}
.blue-active-button.active.btn-raised,
.blue-active-button.dcg-selected.btn-raised {
  box-shadow: 0 0.25em 0 #004597 !important;
}
.blue-active-button.active:focus-visible,
.blue-active-button.dcg-selected:focus-visible {
  box-shadow: 0 0 0 0.125em #fff, 0 0 0 0.3125em var(--amp-focus-color, #9c0d63), 0 0.25em 0 #909eb5 !important;
}
/* src/js/activitybuilder/components/sketch/playground/sketch-controls/controls.scss */
.sketch-controls {
  position: absolute;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  top: calc(0px - (var(--sketch-controls-top, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5))));
  border: var(--sketch-controls-border, none);
  border-top-left-radius: var(--sketch-controls-border-radius, 0);
  border-top-right-radius: var(--sketch-controls-border-radius, 0);
  background: var(--sketch-controls-background, none);
}
.sketch-controls .sketch-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex: 1;
  position: relative;
  color: var(--sketch-controls-font-color);
}
.sketch-controls .sketch-btn .dcg-tooltip-hit-area-container {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  display: flex;
  cursor: pointer !important;
  justify-content: center;
  align-items: center;
}
.sketch-controls .sketch-btn .dcg-tooltip-hit-area-container i[class^=pillow-icon-] {
  font-size: 1.45em;
}
.sketch-controls .left-side-controls {
  display: flex;
  align-items: center;
  width: var(--sketch-left-controls-width, auto);
  height: var(--sketch-left-controls-height, inherit);
}
.sketch-controls .sketch-btn-group {
  align-items: var(--sketch-btn-group-align-items);
  min-width: 0;
  display: flex;
  gap: var(--sketch-btn-gap, 0);
  flex-wrap: var(--sketch-btn-group-flex-wrap, nowrap);
  padding: var(--sketch-btn-gap);
  width: 100%;
  justify-content: center;
}
.sketch-controls .sketch-btn-group .dcg-tooltip-hit-area-container:first-of-type .segmented-control-btn {
  border-top-left-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
  border-bottom-left-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
}
.sketch-controls .sketch-btn-group .dcg-tooltip-hit-area-container:last-of-type .segmented-control-btn {
  border-top-right-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
  border-bottom-right-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
}
.sketch-controls .sketch-btn-group .segmented-control-btn {
  width: 56px;
  min-width: 30px;
  height: 40px;
  border: var(--sketch-left-controls-border, 1px solid #bdbdbd);
  border-radius: var(--border-radius, 0);
  margin-right: var(--sketch-btn-spacing, 0);
}
.sketch-controls .sketch-btn-group .segmented-control-btn i {
  margin: 0;
}
.sketch-controls .sketch-btn-group .segmented-control-btn:focus-visible {
  box-shadow: 0 0 0 0.125em #fff, 0 0 0 0.3125em var(--amp-focus-color, #9c0d63);
  z-index: 2;
}
.sketch-controls .sketch-btn-group .segmented-control-btn.dcg-selected.dcg-selected {
  background: var(--sketch-btn-active-background-color, #3278c8);
  color: #fff;
  position: relative;
}
.sketch-controls .sketch-btn-group .segmented-control-btn.dcg-selected.dcg-selected:not(.dcg-hovered) {
  border-color: var(--sketch-left-controls-border, #3278c8);
}
.sketch-controls .sketch-btn-group .segmented-control-btn.dcg-selected.dcg-selected:not(:focus-visible) {
  box-shadow: var(--sketch-btn-active-box-shadow);
}
.sketch-controls .sketch-btn-group .segmented-control-btn.dcg-selected.dcg-selected.dcg-hovered {
  background: var(--sketch-btn-active-background-color, #1e4878);
  color: #fff;
  box-shadow: var(--sketch-btn-active-box-shadow);
}
.sketch-controls .sketch-btn-group .segmented-control-btn.dcg-hovered {
  border-color: var(--sketch-left-controls-border, #9c0d63);
}
.sketch-controls .sketch-btn-group .segmented-control-btn.dcg-hovered:not(.dcg-selected) {
  z-index: var(--sketch-left-controls-z-index, 2);
}
.sketch-controls .sketch-btn-group .segmented-control-btn.dcg-depressed.dcg-selected {
  background: var(--sketch-left-controls-border, #0f243c);
}
.sketch-controls .sketch-btn-group .segmented-control-btn.dcg-depressed:not(.dcg-selected) {
  background: var(--sketch-left-controls-border, #e9e9e9);
}
.sketch-controls .sketch-btn-group .segmented-control-btn:first-of-type .dcg-tooltip-hit-area-container {
  border-top-left-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
  border-bottom-left-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
}
.sketch-controls .sketch-btn-group .segmented-control-btn:last-of-type .dcg-tooltip-hit-area-container {
  border-top-right-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
  border-bottom-right-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
}
.sketch-controls .sketch-btn-group .undo.blue-active-button,
.sketch-controls .sketch-btn-group .redo.blue-active-button,
.sketch-controls .sketch-btn-group .clear.blue-active-button {
  flex-grow: 0;
}
.sketch-controls .color-picker-container {
  position: relative;
  display: flex;
  align-items: center;
  margin: var(--sketch-color-picker-left-margin, 0 0 0 5px);
}
.sketch-controls .color-picker-container .color-indicator-container {
  display: flex;
  align-items: center;
}
.sketch-controls .color-picker-container .color-indicator-container.disabled {
  opacity: 0.25;
  pointer-events: none;
}
.sketch-controls .color-picker-container .color-indicator-container .color-swatch-container {
  width: var(--sketch-color-swatch-container-width, 40px);
  height: var(--sketch-color-swatch-container-height, 40px);
  position: relative;
  border-radius: 50%;
}
.sketch-controls .color-picker-container .color-indicator-container .color-swatch-container .color-indicator,
.sketch-controls .color-picker-container .color-indicator-container .color-swatch-container .text-icon,
.sketch-controls .color-picker-container .color-indicator-container .color-swatch-container .thickness-icon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sketch-controls .color-picker-container .color-indicator-container .color-swatch-container .color-indicator {
  border-radius: 50%;
}
.sketch-controls .color-picker-container .color-indicator-container .color-swatch-container .text-icon,
.sketch-controls .color-picker-container .color-indicator-container .color-swatch-container .thickness-icon {
  text-align: center;
  margin-top: calc(-1em / var(--rhythm-unit-px));
  line-height: var(--sketch-color-swatch-container-line-height, 40px);
  color: #fff;
}
.sketch-controls .color-picker-container .color-indicator-container .color-swatch-container .text-icon i,
.sketch-controls .color-picker-container .color-indicator-container .color-swatch-container .thickness-icon i {
  line-height: var(--sketch-color-swatch-container-line-height, 40px);
}
.sketch-controls .color-picker-container .color-indicator-container .color-swatch-container .text-icon.small {
  font-size: 100%;
}
.sketch-controls .color-picker-container .color-indicator-container:focus-visible {
  outline: none;
}
.sketch-controls .color-picker-container .color-indicator-container:focus-visible .color-swatch-container {
  box-shadow: 0 0 0 0.125em #fff, 0 0 0 0.3125em var(--amp-focus-color, #9c0d63);
}
.sketch-controls .color-selector {
  position: absolute;
  padding: var(--sketch-color-picker-padding, 10px 5px 5px);
  top: var(--sketch-color-picker-top, 50px);
  left: var(--sketch-color-picker-left-position, -60px);
  background: var(--sketch-color-picker-background, #fff);
  border: var(--sketch-color-picker-border, 1px solid #bdbdbd);
  border-radius: var(--sketch-color-picker-border-radius, var(--amp-border-radius, 0.1875em));
  animation: fadeInDown 0.2s;
  display: flex;
  flex-direction: column;
  width: var(--sketch-color-picker-width, 164px);
  min-width: var(--sketch-color-picker-min-width);
  z-index: 4;
}
@media screen and (max-width: 320px) {
  .sketch-controls .color-selector {
    left: var(--sketch-color-picker-left-position, -125px);
  }
}
.sketch-controls .color-selector::after {
  content: "";
  position: absolute;
  top: var(--sketch-color-picker-arrow-position);
  right: calc((var(--sketch-color-picker-arrow-position)) + 75px);
  border-width: calc((var(--sketch-color-picker-arrow-position)) * -1);
  border-top-width: 0;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.sketch-controls .color-selector::before {
  content: "";
  position: absolute;
  top: calc((var(--sketch-color-picker-arrow-position)) - (var(--sketch-color-picker-arrow-border-width)));
  right: calc(75px - (var(--sketch-color-picker-arrow-border-width)) - (var(--sketch-color-picker-arrow-position)) * -1);
  border-width: calc((var(--sketch-color-picker-arrow-position)) * -1 + (var(--sketch-color-picker-arrow-border-width)));
  border-top-width: 0;
  border-color: var(--sketch-color-picker-arrow-border-color);
  line-height: 0;
}
.sketch-controls .color-selector .color-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sketch-color-picker-padding) var(--sketch-color-picker-column-gap);
  align-items: center;
}
.sketch-controls .color-selector .color-list .color-option {
  width: var(--sketch-color-picker-option-size, 40px);
  height: var(--sketch-color-picker-option-size, 40px);
  border-radius: 50%;
  border: var(--sketch-color-picker-default-border, 2px solid #fff);
  cursor: pointer;
  margin: 5px;
}
.sketch-controls .color-selector .color-list .color-option.dcg-hovered {
  box-shadow: var(--sketch-color-picker-hovered-box-shadow, 0 0 0 1px #9c0d63);
  border: var(--sketch-color-picker-selected-border, 2px solid #fff);
}
.sketch-controls .color-selector .color-list .color-option:focus-visible {
  box-shadow: var(--sketch-color-picker-selected-box-shadow, 0 0 0 3px #9c0d63);
  border: var(--sketch-color-picker-selected-border, 4px solid #fff);
}
.sketch-controls .color-selector .color-list .color-option.selected {
  box-shadow: var(--sketch-color-picker-selected-box-shadow, 0 0 0 3px #9c0d63);
  border: var(--sketch-color-picker-selected-border, 2px solid #fff);
}
.sketch-controls .color-selector .dcg-segmented-control-layout {
  display: flex;
  padding: var(--sketch-color-picker-segmented-control-padding, 10px 5px 5px);
}
.sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn {
  min-height: 40px;
  height: var(--sketch-color-picker-segmented-control-btn-height, 45px);
  cursor: pointer;
}
.sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn i {
  margin-right: 0;
}
.sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.medium-option {
  font-size: 100%;
}
.sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.medium-option i {
  font-size: 144%;
}
.sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.large-option {
  font-size: 100%;
}
.sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.large-option i {
  font-size: var(--sketch-color-picker-segmented-control-large-font-size, 180%);
}
.sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.line-thickness-option:not(.dcg-selected) {
  color: var(--sketch-color-picker-segmented-control-color, #666);
  background: var(--sketch-color-picker-segmented-control-background);
}
.sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.text-size-option:not(.dcg-selected) {
  background: var(--sketch-color-picker-segmented-control-background);
}
.sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.medium-option.dcg-hovered.dcg-selected, .sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.standard-option.dcg-hovered.dcg-selected {
  border-left-width: var(--sketch-segmented-control-btn-border-width, 1px);
  border-right-width: var(--sketch-segmented-control-btn-border-width, 1px);
}
.sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.medium-option.dcg-hovered:not(.dcg-selected), .sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.small-option.dcg-hovered:not(.dcg-selected), .sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.standard-option.dcg-hovered:not(.dcg-selected), .sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.thin-option.dcg-hovered:not(.dcg-selected) {
  border-right-width: 0px;
  margin-right: 0;
}
.sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.small-option.dcg-hovered.dcg-selected, .sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.large-option.dcg-hovered.dcg-selected, .sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.thin-option.dcg-hovered.dcg-selected {
  border-right-width: var(--sketch-segmented-control-btn-border-width, 1px);
}
.sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.large-option.dcg-hovered.dcg-selected, .sketch-controls .color-selector .dcg-segmented-control-layout .dcg-segmented-control-btn.thick-option.dcg-hovered.dcg-selected {
  border-left-width: var(--sketch-segmented-control-btn-border-width, 1px);
}
.sketch-controls .right-side-controls {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 90px;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.sketch-controls .right-side-controls .sketch-btn {
  border-radius: 50%;
  height: 2.5em;
  width: 2.5em;
  border: transparent;
}
.sketch-controls .right-side-controls .sketch-btn.dcg-hovered, .sketch-controls .right-side-controls .sketch-btn:focus-visible {
  background: #e9e9e9;
}
.sketch-controls .right-side-controls .sketch-btn.clear {
  color: #db2e00;
}
.sketch-controls .right-side-controls .sketch-btn.clear.dcg-hovered, .sketch-controls .right-side-controls .sketch-btn.clear:focus-visible {
  background: #fbeae6;
  color: #db2e00;
}
.sketch-controls .right-side-controls .sketch-btn.clear.dcg-depressed {
  background: #f4c0b3;
}
.sketch-controls .right-side-controls .sketch-btn i {
  margin: 0;
}

.right-side-controls.horizontal-actions-toolbar {
  flex-wrap: wrap;
  background: var(--sketch-horizontal-actions-toolbar-background);
  border-top: var(--sketch-horizontal-actions-toolbar-border-top);
  display: none;
}

.dcg-sketch-playground:not(.within-fullscreen-layout) .sketch-controls.small-container .sketch-btn-group .blue-active-button {
  max-width: 2.5em;
  width: 2.5em;
}
.dcg-sketch-playground:not(.within-fullscreen-layout) .sketch-controls.small-container .sketch-btn-group .blue-active-button i {
  margin-right: 0px;
}

.dcg-sketch-playground .sketch-controls .grouped-actions.two-row {
  margin-left: 0;
}

.dcg-sketch-playground.narrow-component .dcg-sketch-container,
.dcg-sketch-playground.extra-narrow-component .dcg-sketch-container {
  top: 95px;
  bottom: -95px;
}
.dcg-sketch-playground.narrow-component .sketch-controls,
.dcg-sketch-playground.extra-narrow-component .sketch-controls {
  flex-direction: column;
  height: 95px;
  justify-content: center;
  align-items: center;
}
.dcg-sketch-playground.narrow-component .sketch-controls .left-side-controls,
.dcg-sketch-playground.narrow-component .sketch-controls .right-side-controls,
.dcg-sketch-playground.extra-narrow-component .sketch-controls .left-side-controls,
.dcg-sketch-playground.extra-narrow-component .sketch-controls .right-side-controls {
  height: 40px;
}
.dcg-sketch-playground.narrow-component .sketch-controls .left-side-controls,
.dcg-sketch-playground.extra-narrow-component .sketch-controls .left-side-controls {
  order: 1;
  max-width: 100%;
}
.dcg-sketch-playground.narrow-component .sketch-controls .right-side-controls,
.dcg-sketch-playground.extra-narrow-component .sketch-controls .right-side-controls {
  order: 0;
  margin-bottom: 5px;
  margin-left: 0;
}
.dcg-sketch-playground.narrow-component .sketch-controls .color-selector,
.dcg-sketch-playground.extra-narrow-component .sketch-controls .color-selector {
  right: -10px;
}
.dcg-sketch-playground.narrow-component .sketch-controls .color-swatch-container .text-icon,
.dcg-sketch-playground.extra-narrow-component .sketch-controls .color-swatch-container .text-icon {
  margin-top: -6px;
}

.dcg-sketch-playground.extra-narrow-component .dcg-sketch-container {
  top: 140px;
  bottom: -140px;
}
.dcg-sketch-playground.extra-narrow-component .sketch-controls {
  height: 140px;
}
.dcg-sketch-playground.extra-narrow-component .sketch-controls .left-side-controls {
  height: 80px;
}
.dcg-sketch-playground.extra-narrow-component .sketch-controls .left-side-controls .sketch-btn-group {
  flex-wrap: wrap;
  justify-content: center;
}
.dcg-sketch-playground.extra-narrow-component .sketch-controls .left-side-controls .sketch-btn-group .sketch-btn {
  flex-grow: 0;
}
.dcg-sketch-playground.extra-narrow-component .sketch-controls .left-side-controls .sketch-btn-group .color-picker-container {
  height: 40px;
}
.dcg-sketch-playground.extra-narrow-component .sketch-controls .right-side-controls {
  height: 40px;
}

.dcg-sketch-playground:has(.fancy-vertical-toolbar) {
  margin-right: 90px;
}
.dcg-sketch-playground:has(.fancy-vertical-toolbar) .sketch-controls {
  visibility: hidden;
}
.dcg-sketch-playground:has(.fancy-vertical-toolbar) .dcg-sketch-container .sketch-view-wrapper .sketch-surface {
  border-top-left-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
  border-bottom-right-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
  border-top-style: solid;
  border-top-width: 2px;
  border-color: #b0bed3;
}
.dcg-sketch-playground:has(.fancy-vertical-toolbar) .sketch-background .graph-container .calculator canvas.dcg-graph-inner {
  border-top-left-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
}

.dcg-sketch-playground:has(.fancy-horizontal-toolbar) .sketch-view-children .sketch-background .blank-background,
.dcg-sketch-playground:has(.right-side-controls.horizontal-actions-toolbar) .sketch-view-children .sketch-background .blank-background {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.dcg-sketch-playground:has(.fancy-vertical-toolbar) .sketch-view-children .sketch-background .blank-background {
  border-top-right-radius: 0;
}

.dcg-sketch-playground .sketch-btn-group .grouped-actions {
  display: flex;
  margin-left: auto;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}

.dcg-layout-column.one-third .playground-component-container.left,
.dcg-layout-column.two-third .playground-component-container.right,
.dcg-layout-column.col-sm-4 .playground-component-container.left,
.dcg-layout-column.col-sm-4 .playground-component-container.right {
  min-width: 220px;
}
.dcg-layout-column.one-third .playground-component-container.left .dcg-sketch-playground:has(.horizontal-actions-toolbar),
.dcg-layout-column.two-third .playground-component-container.right .dcg-sketch-playground:has(.horizontal-actions-toolbar),
.dcg-layout-column.col-sm-4 .playground-component-container.left .dcg-sketch-playground:has(.horizontal-actions-toolbar),
.dcg-layout-column.col-sm-4 .playground-component-container.right .dcg-sketch-playground:has(.horizontal-actions-toolbar) {
  margin-right: 0px;
}
.dcg-layout-column.one-third .playground-component-container.left .dcg-sketch-playground:has(.horizontal-actions-toolbar) .sketch-controls,
.dcg-layout-column.two-third .playground-component-container.right .dcg-sketch-playground:has(.horizontal-actions-toolbar) .sketch-controls,
.dcg-layout-column.col-sm-4 .playground-component-container.left .dcg-sketch-playground:has(.horizontal-actions-toolbar) .sketch-controls,
.dcg-layout-column.col-sm-4 .playground-component-container.right .dcg-sketch-playground:has(.horizontal-actions-toolbar) .sketch-controls {
  border-bottom: none;
  flex-direction: column;
}
.dcg-layout-column.one-third .playground-component-container.left .dcg-sketch-playground:has(.horizontal-actions-toolbar) .horizontal-actions-toolbar,
.dcg-layout-column.two-third .playground-component-container.right .dcg-sketch-playground:has(.horizontal-actions-toolbar) .horizontal-actions-toolbar,
.dcg-layout-column.col-sm-4 .playground-component-container.left .dcg-sketch-playground:has(.horizontal-actions-toolbar) .horizontal-actions-toolbar,
.dcg-layout-column.col-sm-4 .playground-component-container.right .dcg-sketch-playground:has(.horizontal-actions-toolbar) .horizontal-actions-toolbar {
  display: flex;
  justify-content: center;
  padding: 6.5px;
}
.dcg-layout-column.one-third .playground-component-container.left .dcg-sketch-playground:has(.horizontal-actions-toolbar) .horizontal-actions-toolbar .blue-active-button,
.dcg-layout-column.two-third .playground-component-container.right .dcg-sketch-playground:has(.horizontal-actions-toolbar) .horizontal-actions-toolbar .blue-active-button,
.dcg-layout-column.col-sm-4 .playground-component-container.left .dcg-sketch-playground:has(.horizontal-actions-toolbar) .horizontal-actions-toolbar .blue-active-button,
.dcg-layout-column.col-sm-4 .playground-component-container.right .dcg-sketch-playground:has(.horizontal-actions-toolbar) .horizontal-actions-toolbar .blue-active-button {
  flex-grow: 0;
}

.dashboard-main-container .dcg-sketch-playground .sketch-btn-group .blue-active-button {
  max-width: 2em !important;
}
.dashboard-main-container .dcg-sketch-playground .grouped-actions .blue-active-button {
  max-width: 2.4em !important;
}
.dashboard-main-container .dcg-sketch-playground .grouped-actions .color-swatch-container {
  width: 2.4em !important;
}

@media screen and (min-width: 1500px) {
  .layout-top.two-column .dcg-layout-column:not(.one-third):not(.two-third):not(.col-sm-4):not(.col-sm-6):not(.col-sm-8) .sketch-btn-group:has(div:nth-child(5):last-child) .blue-active-button {
    max-width: 2em !important;
  }
  .layout-top.two-column .dcg-layout-column:not(.one-third):not(.two-third):not(.col-sm-4):not(.col-sm-6):not(.col-sm-8) .sketch-btn-group:has(div:nth-child(5):last-child) .grouped-actions .blue-active-button {
    max-width: 2.4em !important;
  }
  .layout-top.two-column .dcg-layout-column:not(.one-third):not(.two-third):not(.col-sm-4):not(.col-sm-6):not(.col-sm-8) .sketch-btn-group:has(div:nth-child(5):last-child) .color-swatch-container {
    width: 2.4em !important;
  }
}
/* src/js/activitybuilder/components/sketch/playground/sketch-controls/fancy-toolbar.scss */
.sketch-toolbar .sketch-tools-container {
  display: inherit;
  flex-direction: inherit;
  gap: inherit;
  align-items: inherit;
}

.fancy-vertical-toolbar {
  display: flex;
  flex-direction: column;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5 - 6px);
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5 - 5px);
  padding-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5 - 5px);
  align-items: flex-end;
  border: var(--sketch-controls-border, none);
  background: var(--sketch-controls-background, none);
  border-top-right-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
  border-bottom-right-radius: var(--border-radius, var(--amp-border-radius, 0.1875em));
  width: 90px;
  position: absolute;
}
.fancy-vertical-toolbar .pencils-container {
  display: flex;
  flex-direction: column;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5 - 6px);
}
.fancy-vertical-toolbar .btn-icon {
  align-self: center;
}
.fancy-vertical-toolbar .dcg-fancy-pencil-button {
  position: relative;
  z-index: 1;
}
.fancy-vertical-toolbar .action-buttons-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.fancy-vertical-toolbar .action-buttons-container .action-buttons {
  display: flex;
  flex-direction: column;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  align-items: end;
  margin-right: 5px;
}

.sketch-controls:has(.fancy-horizontal-toolbar) {
  height: 90px;
  border: var(--sketch-controls-border);
}

.sketch-controls:has(.fancy-horizontal-toolbar.two-row) {
  height: calc(90px + 3em);
  border: var(--sketch-controls-border);
}
.sketch-controls:has(.fancy-horizontal-toolbar.two-row) .action-buttons-container {
  width: 100%;
  justify-content: flex-end;
}

.playground-component-container:has(.fancy-horizontal-toolbar) {
  min-width: 300px;
}
.playground-component-container:has(.fancy-horizontal-toolbar) .dcg-sketch-playground {
  min-width: 300px;
}

.fancy-horizontal-toolbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5 - 6px);
  row-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5 + 0.5em);
  align-items: flex-start;
  width: 100%;
  position: absolute;
  top: 7px;
}
.fancy-horizontal-toolbar .pencils-container {
  display: flex;
  flex-direction: row;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5 - 6px);
  position: relative;
  top: 18px;
  left: 22px;
  height: 70px;
}
.fancy-horizontal-toolbar .pencils-container .pencil {
  width: 52px;
}
.fancy-horizontal-toolbar .pencils-container .dcg-fancy-pencil-button {
  transform: rotate(-90deg);
  position: relative;
  left: -40px;
}
.fancy-horizontal-toolbar .dcg-fancy-eraser-button {
  transform: rotate(-90deg);
}
.fancy-horizontal-toolbar .eraser {
  width: 52px;
  position: relative;
  top: -3px;
}
.fancy-horizontal-toolbar .btn-icon {
  align-self: center;
}
.fancy-horizontal-toolbar .dcg-fancy-pencil-button {
  position: relative;
  z-index: 1;
}
.fancy-horizontal-toolbar .action-buttons-container {
  display: flex;
  flex-direction: row;
  width: min-content;
  margin-left: auto;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  justify-content: flex-end;
}
.fancy-horizontal-toolbar .action-buttons-container .action-buttons {
  display: flex;
  flex-direction: row;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}

.fancy-vertical-toolbar:has(.dcg-fancy-eraser-button.hover-adjusted) .action-buttons-container {
  margin-top: -1px;
}
/* src/js/activitybuilder/components/sketch/playground/sketch-fancy-tools/fancy-eraser/fancy-eraser.scss */
.dcg-fancy-eraser-button {
  display: flex;
  justify-content: center;
  width: 70px;
  height: 60px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  margin-top: 1px !important;
}
.dcg-fancy-eraser-button.with-gaps {
  padding-top: 3px;
  padding-bottom: 3px;
}
.dcg-fancy-eraser-button:focus-visible {
  outline: none;
}
.dcg-fancy-eraser-button:focus svg.eraser-active, .dcg-fancy-eraser-button:focus-visible svg.eraser-active {
  display: block;
}
.dcg-fancy-eraser-button:focus svg.eraser-default, .dcg-fancy-eraser-button:focus-visible svg.eraser-default {
  display: none;
}
.dcg-fancy-eraser-button:focus svg path.outline-color, .dcg-fancy-eraser-button:focus-visible svg path.outline-color {
  fill: #c231a0;
}
.dcg-fancy-eraser-button svg.eraser-active {
  display: none;
}
.dcg-fancy-eraser-button svg.eraser-default {
  display: block;
}
.dcg-fancy-eraser-button.dcg-hovered svg.eraser-active {
  display: block;
}
.dcg-fancy-eraser-button.dcg-hovered svg.eraser-default {
  display: none;
}
.dcg-fancy-eraser-button.dcg-hovered svg.eraser-active path.outline-color, .dcg-fancy-eraser-button.dcg-hovered svg.eraser-default path.outline-color {
  fill: #80b4f1;
}
.dcg-fancy-eraser-button.dcg-hovered svg.eraser-selected path.outline-color {
  stroke: #0058bf;
  fill: #0058bf;
}

.dcg-fancy-eraser-button.top-menu {
  transform: rotate(-90deg);
}

.dcg-fancy-eraser-button.dcg-hovered.with-gaps.enabled,
.dcg-fancy-eraser-button.active-focused {
  width: 70px;
  height: 62px;
  margin-top: -12px !important;
}

.fancy-vertical-toolbar .dcg-fancy-eraser-button.dcg-hovered.with-gaps.enabled,
.fancy-vertical-toolbar .dcg-fancy-eraser-button.active-focused {
  width: 70px;
  height: 62px;
  margin-top: -1px !important;
  margin-right: -10px !important;
}
/* src/js/activitybuilder/components/sketch/playground/sketch-fancy-tools/fancy-pencil/fancy-pencil.scss */
.dcg-fancy-pencil-button {
  display: flex;
  justify-content: center;
  width: 102px;
  height: 52px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.dcg-fancy-pencil-button.with-gaps {
  padding-top: 3px;
  padding-bottom: 3px;
}
.dcg-fancy-pencil-button:focus-visible {
  outline: none;
}
.dcg-fancy-pencil-button:focus svg.pencil-active, .dcg-fancy-pencil-button:focus-visible svg.pencil-active {
  display: block;
}
.dcg-fancy-pencil-button:focus svg.pencil-default, .dcg-fancy-pencil-button:focus-visible svg.pencil-default {
  display: none;
}
.dcg-fancy-pencil-button:focus svg path.outline-color, .dcg-fancy-pencil-button:focus-visible svg path.outline-color {
  fill: #c231a0;
}
.dcg-fancy-pencil-button svg.pencil-active {
  display: none;
}
.dcg-fancy-pencil-button svg.pencil-default {
  display: block;
}
.dcg-fancy-pencil-button.dcg-hovered svg.pencil-active {
  display: block;
}
.dcg-fancy-pencil-button.dcg-hovered svg.pencil-default {
  display: none;
}
.dcg-fancy-pencil-button.dcg-hovered svg.pencil-active path.outline-color, .dcg-fancy-pencil-button.dcg-hovered svg.pencil-default path.outline-color {
  fill: #80b4f1;
}
.dcg-fancy-pencil-button.dcg-hovered svg.pencil-selected path.outline-color {
  stroke: #0058bf;
  fill: #0058bf;
}

.dcg-fancy-pencil-button.top-menu {
  transform: rotate(-90deg);
}
/* src/js/activitybuilder/components/sketch/playground/sketch-link/sketch-link-element.styl */
.sketch-link {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: all;
}

/* src/js/activitybuilder/components/sketch/playground/sketch-pre-placed-text/pre-placed-text-box.scss */
.sketch-pre-placed-text-box {
  font-weight: var(--sketch-text-box-font-weight);
  box-shadow: var(--sketch-text-box-box-shadow);
  border: var(--sketch-text-box-border, 1px solid rgba(0, 0, 0, 0));
  border-radius: var(--sketch-text-box-border-radius, 5px);
  outline: var(--sketch-text-box-outline);
  outline-offset: var(--sketch-text-box-outline-offset);
  position: relative;
}
.sketch-pre-placed-text-box .pre-placed-text-box-edit-view,
.sketch-pre-placed-text-box .pre-placed-text-box-item {
  padding: var(--sketch-pptb-padding, 7px 10px);
}
.sketch-pre-placed-text-box:not(.is-selected):not(.dcg-hovered):not(:focus):not(.thumbnail-mode) {
  outline: var(--sketch-text-box-outline-inactive);
  box-shadow: none;
  border: var(--sketch-text-box-border-invisible, 1px solid #bdbdbd);
}
.sketch-pre-placed-text-box.dcg-hovered:not(.is-selected):not(.thumbnail-mode) {
  border: var(--sketch-text-box-border-hover, 1px solid #bdbdbd);
  box-shadow: var(--sketch-text-box-box-shadow-hover, inset 0 0 0 1px #bdbdbd);
  outline: var(--sketch-text-box-outline-hover);
  z-index: 2;
}
.sketch-pre-placed-text-box.dcg-hovered:not(.is-selected):not(.thumbnail-mode) i {
  background: var(--sketch-text-box-icon-color, #9c0d63);
}
.sketch-pre-placed-text-box.is-selected:not(.thumbnail-mode) {
  background: #fff;
  overflow: hidden;
  border: var(--sketch-text-box-border-active, 1px solid #9c0d63);
  box-shadow: var(--sketch-left-drag-handle-box-shadow, inset 0 0 0 1px #9c0d63);
  z-index: 2;
}
.sketch-pre-placed-text-box.is-selected:not(.thumbnail-mode) i {
  background: var(--sketch-text-box-icon-color, #9c0d63);
}
.sketch-pre-placed-text-box.multi-line:not(.thumbnail-mode) {
  overflow: hidden;
  overflow-y: auto;
}
.sketch-pre-placed-text-box.multi-line:not(.thumbnail-mode).is-selected {
  overflow-y: auto;
  scrollbar-color: #f6f6f6 transparent;
}
.sketch-pre-placed-text-box.multi-line:not(.thumbnail-mode).is-selected::-webkit-scrollbar {
  width: 18px;
}
.sketch-pre-placed-text-box.multi-line:not(.thumbnail-mode).is-selected::-webkit-scrollbar-track {
  background-color: #fff;
}
.sketch-pre-placed-text-box.multi-line:not(.thumbnail-mode).is-selected::-webkit-scrollbar-thumb {
  background: #999;
  border: 6px solid #fff;
  border-radius: 10px;
}
.sketch-pre-placed-text-box.multi-line:not(.thumbnail-mode).is-selected::-webkit-scrollbar-thumb:hover {
  background: #666;
}
.sketch-pre-placed-text-box.multi-line:not(.thumbnail-mode).is-selected::-webkit-scrollbar-thumb:active {
  background: #333;
}
.sketch-pre-placed-text-box.multi-line:not(.thumbnail-mode) .pre-placed-text-box-item {
  overflow-y: auto;
  scrollbar-color: gray transparent;
}
.sketch-pre-placed-text-box.multi-line:not(.thumbnail-mode) .pre-placed-text-box-item::-webkit-scrollbar {
  width: 18px;
}
.sketch-pre-placed-text-box.multi-line:not(.thumbnail-mode) .pre-placed-text-box-item::-webkit-scrollbar-track {
  background-color: #f6f6f6;
}
.sketch-pre-placed-text-box.multi-line:not(.thumbnail-mode) .pre-placed-text-box-item::-webkit-scrollbar-thumb {
  background: #999;
  border: 6px solid #f6f6f6;
  border-radius: 10px;
}
.sketch-pre-placed-text-box.multi-line:not(.thumbnail-mode) .pre-placed-text-box-item::-webkit-scrollbar-thumb:hover {
  background: #666;
}
.sketch-pre-placed-text-box.multi-line:not(.thumbnail-mode) .pre-placed-text-box-item::-webkit-scrollbar-thumb:active {
  background: #333;
}
.sketch-pre-placed-text-box.multi-line:not(.thumbnail-mode) .pre-placed-text-box-item::-webkit-scrollbar-thumb {
  min-height: 40%;
}
.sketch-pre-placed-text-box.multi-line:not(.thumbnail-mode) .dcg-rich-text,
.sketch-pre-placed-text-box.multi-line:not(.thumbnail-mode) .dcg-rich-text span {
  white-space: break-spaces;
  overflow-wrap: break-word;
}
.sketch-pre-placed-text-box.single-line.is-selected .pre-placed-text-box-edit-view .prosemirror-container {
  top: 50%;
  transform: translateY(-50%);
}
.sketch-pre-placed-text-box.single-line.is-selected .pre-placed-text-box-edit-view .ProseMirror {
  overflow: hidden;
  overflow-x: auto;
  scrollbar-width: none;
}
.sketch-pre-placed-text-box.single-line .dcg-rich-text,
.sketch-pre-placed-text-box.single-line .dcg-rich-text span {
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  scrollbar-width: none;
}
.sketch-pre-placed-text-box.single-line i {
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.sketch-pre-placed-text-box.single-line ::-webkit-scrollbar {
  height: 0;
}
.sketch-pre-placed-text-box.thumbnail-mode .pre-placed-text-box-item {
  padding: 0;
  margin: 0;
}
.sketch-pre-placed-text-box.thumbnail-mode .pre-placed-text-box-item .dcg-rich-text,
.sketch-pre-placed-text-box.thumbnail-mode .pre-placed-text-box-item .fast-static-math {
  margin: 0;
  padding: 0;
}
.sketch-pre-placed-text-box.thumbnail-mode.multi-line .pre-placed-text-box-item .dcg-rich-text,
.sketch-pre-placed-text-box.thumbnail-mode.multi-line .pre-placed-text-box-item .fast-static-math {
  line-height: 1.8;
}
.sketch-pre-placed-text-box .pre-placed-text-box-item {
  overflow: hidden;
}
.sketch-pre-placed-text-box .dcg-rich-text,
.sketch-pre-placed-text-box .dcg-rich-text span {
  display: block;
}
.sketch-pre-placed-text-box i {
  position: absolute;
  left: 0;
  top: 0;
  margin: var(--sketch-pptb-padding, 7px);
  background: #929292;
  color: #fff;
  border-radius: 2px;
  font-size: 16px;
}
.sketch-pre-placed-text-box .pre-placed-text-box-size-medium {
  font-size: 120%;
}
.sketch-pre-placed-text-box .pre-placed-text-box-size-large {
  font-size: 200%;
}
.sketch-pre-placed-text-box .mq-container {
  display: block;
}
.sketch-pre-placed-text-box .mq-container .dcg-mq-editable-field.dcg-mq-focused {
  border: 0;
  box-shadow: none;
}
.sketch-pre-placed-text-box .fast-static-math {
  display: block;
}
.sketch-pre-placed-text-box .dcg-mq-math-mode {
  border: 0;
}
.sketch-pre-placed-text-box .pre-placed-text-box-edit-view .dcg-prosemirror-editor {
  animation: none;
}
/* src/js/activitybuilder/components/sketch/playground/sketch-pre-placed-text/pre-placed-text-container.scss */
.sketch-pre-placed-text-positioned-container {
  position: absolute;
  pointer-events: all;
}
/* src/js/activitybuilder/components/sketch/playground/sketch-text/text-box.scss */
.sketch-text-box {
  font-weight: var(--sketch-text-box-font-weight);
  width: 100%;
  max-height: inherit;
  min-width: 35px;
  overflow: hidden;
  border: var(--sketch-text-box-border, 1px solid rgba(0, 0, 0, 0));
  box-shadow: var(--sketch-text-box-box-shadow);
  border-radius: var(--sketch-text-box-border-radius-active, 5px);
  padding: var(--sketch-text-box-padding, 7px 10px);
  outline: var(--sketch-text-box-outline);
  outline-offset: var(--sketch-text-box-outline-offset);
  border-top-right-radius: var(--sketch-text-box-border-radius);
  border-bottom-right-radius: var(--sketch-text-box-border-radius);
  border-left: var(--sketch-text-box-left-border, 1px solid rgba(0, 0, 0, 0));
  cursor: text;
}
.sketch-text-box:not(.is-selected):not(.is-dragging):not(.dcg-hovered) {
  outline: none;
  box-shadow: none;
  border: var(--sketch-text-box-border-invisible, 1px solid rgba(0, 0, 0, 0));
}
.sketch-text-box.thumbnail-mode {
  padding: 0;
}
.sketch-text-box.is-selected {
  background: rgba(255, 255, 255, 0.9);
  border: var(--sketch-text-box-border-active, 1px solid #9c0d63);
  box-shadow: var(--sketch-left-drag-handle-box-shadow, inset 0 0 0 1px #9c0d63);
}
.sketch-text-box.is-dragging {
  background: rgba(255, 255, 255, 0.6);
  border: var(--sketch-text-box-border-active, 1px solid #9c0d63);
  box-shadow: var(--sketch-left-drag-handle-box-shadow, inset 0 0 0 1px #9c0d63);
}
.sketch-text-box:not(.dcg-hovered):not(.is-selected):not(.is-dragging) .left-drag-handle,
.sketch-text-box:not(.dcg-hovered):not(.is-selected):not(.is-dragging) .remove-text-box {
  opacity: 0;
}
.sketch-text-box.dcg-hovered:not(.is-selected):not(.is-dragging) {
  border: var(--sketch-text-box-border-hover, 1px solid #bdbdbd);
  box-shadow: var(--sketch-text-box-box-shadow-hover, inset 0 0 0 1px #bdbdbd);
  outline: var(--sketch-text-box-outline-hover);
}
.sketch-text-box.dcg-hovered:not(.is-selected):not(.is-dragging) .left-drag-handle:not(.dcg-hovered),
.sketch-text-box.dcg-hovered:not(.is-selected):not(.is-dragging) .remove-text-box:not(.dcg-hovered) {
  opacity: 0.5;
}
.sketch-text-box .textbox-size-medium {
  font-size: var(--sketch-text-box-font-size-middle, 120%);
}
.sketch-text-box .textbox-size-large {
  font-size: var(--sketch-text-box-font-size-large, 200%);
}
.sketch-text-box label.amplify-uppercase {
  display: var(--sketch-text-box-close-button-label-display, block);
}
.sketch-text-box .dcg-rich-text,
.sketch-text-box .dcg-rich-text span {
  display: block;
  white-space: break-spaces;
  overflow-wrap: break-word;
}
.sketch-text-box .mq-container {
  display: block;
}
.sketch-text-box .mq-container .dcg-mq-editable-field.dcg-mq-focused {
  border: 0;
  box-shadow: none;
}
.sketch-text-box .fast-static-math {
  display: block;
}
.sketch-text-box .dcg-mq-math-mode {
  border: 0;
}
.sketch-text-box .textbox-edit-view {
  min-width: var(--sketch-text-box-edit-view-min-width);
}
.sketch-text-box .textbox-edit-view .dcg-prosemirror-editor {
  animation: none;
}
.sketch-text-box .remove-text-box {
  position: absolute;
  right: var(--sketch-text-box-remove-button-position, -13px);
  top: var(--sketch-text-box-remove-button-position, -17px);
  color: var(--sketch-text-box-remove-color, #fff);
  background-color: var(--sketch-text-box-remove-background, #676767);
  border: var(--sketch-text-box-remove-border);
  border-radius: var(--sketch-text-box-remove-border-radius, 50%);
  font-size: var(--sketch-text-box-remove-font-size);
  padding: var(--sketch-text-box-remove-padding);
  display: var(--sketch-text-box-remove-display, inline-flex);
  height: var(--sketch-text-box-remove-height, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.sketch-text-box .remove-text-box label {
  top: 3.6em;
  border-radius: 2px;
  font-size: 0.72em;
}
.sketch-text-box .remove-text-box.dcg-hovered, .sketch-text-box .remove-text-box:focus-visible {
  color: var(--sketch-text-box-remove-color-hover, #fff);
  background: var(--sketch-text-box-remove-background-hover, #343434);
}
.sketch-text-box .remove-text-box.dcg-depressed {
  color: var(--sketch-text-box-remove-pressed);
  border: var(--sketch-text-box-remove-border-pressed);
}
.sketch-text-box .left-drag-handle {
  position: absolute;
  left: calc((var(--sketch-text-box-handle-width, 40px)) * -1);
  top: 0;
  bottom: 0;
  cursor: move;
  padding: 6px;
  background: var(--sketch-text-box-handle-background, transparent);
  border-radius: 5px 0 0 5px;
  border: var(--sketch-left-drag-handle-border);
  border-top-left-radius: var(--sketch-text-box-border-radius);
  border-bottom-left-radius: var(--sketch-text-box-border-radius);
  border-right: none;
  box-shadow: var(--sketch-left-drag-handle-box-shadow);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sketch-text-box .left-drag-handle.dcg-hovered {
  background: var(--sketch-text-box-handle-background-draggable);
}
.sketch-text-box .left-drag-handle.dcg-hovered i {
  color: var(--sketch-draggable-icon-font-color, #a0a0a0);
}
.sketch-text-box .left-drag-handle .icon-v2-draggable-vertical {
  font-size: var(--sketch-draggable-icon-font-size, 24px);
  color: var(--sketch-draggable-icon-font-color);
}
.sketch-text-box .resize-right-handle {
  position: absolute;
  right: calc(-1 * (var(--sketch-resize-right-handle-dot-container-width, 40px) - 1px) / 2 + 1px);
  top: 0;
  bottom: 0;
  cursor: col-resize;
  display: flex;
}
.sketch-text-box .resize-right-handle .resize-handle-dot {
  height: var(--sketch-resize-right-handle-dot-width, 10px);
  width: var(--sketch-resize-right-handle-dot-width, 10px);
  background: var(--sketch-text-box-dot-color, #9c0d63);
  border-radius: 50%;
  margin: auto;
}
.sketch-text-box .resize-right-handle.dcg-hovered .resize-handle-dot {
  background: var(--sketch-text-box-dot-color-hover, #9c0d63);
}
.sketch-text-box .resize-right-handle.dcg-depressed .resize-handle-dot {
  background: var(--sketch-text-box-dot-color-pressed, #9c0d63);
}
.sketch-text-box .left-drag-handle,
.sketch-text-box .resize-right-handle {
  width: var(--sketch-text-box-handle-width, 40px);
  text-align: center;
}
/* src/js/activitybuilder/components/sketch/playground/sketch-text/text-positioned-container.scss */
.sketch-text-positioned-container {
  position: absolute;
  margin-right: 12px;
}
.sketch-text-positioned-container.dcg-hovered {
  z-index: 2;
}
.sketch-text-positioned-container.is-selected {
  z-index: 3;
}
.sketch-text-positioned-container.is-background-text {
  pointer-events: none;
  opacity: 0.6;
}
/* src/js/activitybuilder/components/sketch/playground/stroke-element-dot.scss */
.react-canvas-dot-wrapper {
  position: absolute;
  background-color: white;
  border: 4px solid #9c0d63;
  border-radius: 50%;
  padding: 4px;
  pointer-events: none;
}
.react-canvas-dot-wrapper .react-canvas-dot {
  border-radius: 50%;
}
/* src/js/activitybuilder/components/sketch/playground/view.scss */
.momentum-scroll:has(.dcg-sketch-playground) {
  scrollbar-gutter: stable;
}

.dcg-sketch-playground {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  background-color: #fff;
  -webkit-user-select: none;
          user-select: none;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-user-select: none;
  margin-bottom: var(--sketch-playground-margin-bottom, calc(50px + var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.dcg-sketch-playground .sketch-background {
  border-radius: var(--sketch-canvas-border-radius, var(--amp-border-radius, 0.1875em));
}
.dcg-sketch-playground.transparent-background {
  background-color: rgba(0, 0, 0, 0);
}
.dcg-sketch-playground.sketch-tools-hidden {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.dcg-sketch-playground.sketch-tools-hidden .dcg-sketch-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.dcg-sketch-playground.narrow-component .sketch-controls .left-side-controls, .dcg-sketch-playground.extra-narrow-component .sketch-controls .left-side-controls {
  font-size: 0.8em;
}
.dcg-sketch-playground.narrow-component .sketch-controls .color-swatch-container, .dcg-sketch-playground.extra-narrow-component .sketch-controls .color-swatch-container {
  width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.dcg-sketch-playground.narrow-component .sketch-controls .color-swatch-container .thickness-icon, .dcg-sketch-playground.extra-narrow-component .sketch-controls .color-swatch-container .thickness-icon {
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.dcg-sketch-playground.narrow-component .sketch-pre-placed-text-box i, .dcg-sketch-playground.extra-narrow-component .sketch-pre-placed-text-box i {
  font-size: 12px;
}
.dcg-sketch-playground.narrow-component {
  margin-bottom: calc(50px + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5 + 40px);
}
.dcg-sketch-playground.extra-narrow-component {
  margin-bottom: calc(50px + 2 * (var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5 + 40px));
}
.dcg-sketch-playground:not(.within-fullscreen-layout) {
  position: relative;
  padding-bottom: var(--dcg-sketch-playground-not-within-fullscreen-layout-padding-bottom, 100%);
  height: 100%;
}
.dcg-sketch-playground.within-fullscreen-layout {
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  right: 10px;
  min-height: 300px;
}
.dcg-sketch-playground.within-fullscreen-layout .sketch-controls {
  position: relative;
  margin: 0 auto;
}
.dcg-sketch-playground .dcg-sketch-container {
  position: absolute;
  top: var(--sketch-margin-top, 50px);
  bottom: var(--sketch-negative-margin-top, -50px);
  left: 0;
  right: 0;
}
.dcg-sketch-playground .dcg-sketch-container .sketch-view-wrapper {
  border-radius: var(--sketch-canvas-border-radius, var(--amp-border-radius, 0.1875em));
}
.dcg-sketch-playground .dcg-sketch-container .fixed-aspect-container .sketch-view-wrapper,
.dcg-sketch-playground .dcg-sketch-container .fixed-aspect-container .sketch-view-children {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.dcg-sketch-playground .dcg-sketch-container .fixed-aspect-container .snapshot-camera-container {
  position: absolute;
  top: var(--sketch-snapshot-camera-top, 5px);
  right: var(--sketch-snapshot-camera-right, 5px);
  z-index: 2;
}
.dcg-sketch-playground .dcg-sketch-container .fixed-aspect-container .snapshot-camera-container .snapshot-camera {
  bottom: 0;
}
.dcg-sketch-playground .dcg-sketch-container .fixed-aspect-container canvas.sketch-surface {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: var(--sketch-canvas-border, 1px solid #bdbdbd);
  border-radius: var(--sketch-canvas-border-radius, var(--amp-border-radius, 0.1875em));
  border-top-left-radius: var(--sketch-canvas-border-top-left-radius, var(--amp-border-radius, 0.1875em));
  border-top-right-radius: var(--sketch-canvas-border-top-right-radius, var(--amp-border-radius, 0.1875em));
  border-top-style: var(--sketch-canvas-border-top-style, solid);
}
.dcg-sketch-playground .dcg-sketch-container .sketch-miniscreen-view {
  border: var(--sketch-canvas-border, 1px solid #bdbdbd);
}
.dcg-sketch-playground .sketch-view-children.white-background {
  background-color: white;
  border-radius: var(--sketch-canvas-border-radius, var(--amp-border-radius, 0.1875em));
}

.layout-top.showing-correctness .dcg-sketch-playground.within-fullscreen-layout {
  margin-left: 49px;
  margin-right: 49px;
}

.layout-top-student-view.one-column .widescreen-aspect-ratio .dcg-sketch-playground {
  padding-bottom: 56.25%;
}

.layout-top-student-view.two-column .dcg-sketch-playground {
  padding-bottom: 100%;
}

.layout-top-student-view.two-column.uses-responsive-grid .dcg-sketch-playground {
  padding-bottom: var(--dcg-sketch-playground-two-column-padding-bottom, 100%);
}

.layout-top-student-view.two-column .dcg-layout-column.two-third .playground-component-container.right .dcg-sketch-playground,
.layout-top-student-view.two-column .dcg-layout-column.col-sm-4 .playground-component-container.right .dcg-sketch-playground {
  padding-bottom: var(--dcg-sketch-playground-one-third-right-padding-bottom, 100%);
}

.layout-top-student-view.two-column .dcg-layout-column.one-third .playground-component-container.left .dcg-sketch-playground,
.layout-top-student-view.two-column .dcg-layout-column.col-sm-4 .playground-component-container.left .dcg-sketch-playground {
  padding-bottom: var(--dcg-sketch-playground-one-third-left-padding-bottom, 100%);
}

.layout-top-student-view.two-column .fullscreen-aspect-ratio .dcg-sketch-playground {
  padding-bottom: var(--dcg-sketch-playground-fullscreen-aspect-ratio-two-column-padding-bottom, 75%);
}

.playground-component-container[data-component-type=sketch] {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) !important;
}

.sandbox-container-content:has(.projector-mode-panel-container) .dcg-sketch-playground.within-fullscreen-layout {
  bottom: calc(63px + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
/* src/js/activitybuilder/components/student-survey/miniscreen/view.scss */
.student-survey-miniscreen .icon-container {
  text-align: center;
  font-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: -18px;
}
.student-survey-miniscreen .survey-title {
  color: #999;
  margin-bottom: 10px;
}
.student-survey-miniscreen i.pillow-icon-thumbs-up {
  font-size: 160%;
  color: #bbb;
}
/* src/js/activitybuilder/components/student-survey/playground/view.scss */
.student-survey-playground {
  text-align: center;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.student-survey-playground .student-survey-prompt-container .student-survey-prompt:first-of-type {
  margin-top: 0px;
}
.student-survey-playground .student-survey-prompt-container .student-survey-choices {
  position: relative;
  max-width: 800px;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) auto calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4) auto;
  display: flex;
  justify-content: space-evenly;
}
.student-survey-playground .student-survey-prompt-container .student-survey-choice {
  display: inline-block;
  vertical-align: top;
  position: relative;
  aspect-ratio: 1/1;
  max-width: 80px;
}
.student-survey-playground .student-survey-prompt-container .student-survey-choice img {
  width: 100%;
  height: 100%;
}
.student-survey-playground .student-survey-prompt-container .student-survey-choice img.grayscale-icon {
  position: absolute;
}
.student-survey-playground .student-survey-prompt-container .student-survey-choice.dcg-hovered .grayscale-icon, .student-survey-playground .student-survey-prompt-container .student-survey-choice.dcg-depressed .grayscale-icon, .student-survey-playground .student-survey-prompt-container .student-survey-choice.selected .grayscale-icon {
  display: none;
}
.student-survey-playground .student-survey-prompt-container .student-survey-choice.dcg-depressed:not(.selected) .color-icon {
  transform: scale(0.95);
}
.student-survey-playground .student-survey-prompt-container .student-survey-choice.selected {
  cursor: default;
}
.student-survey-playground .student-survey-prompt-container .student-survey-choice.selected .color-icon {
  transition: transform 0.2s ease-out;
  transform: scale(1.2);
}
.student-survey-playground .student-survey-prompt-container + .student-survey-prompt-container {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
}
/* src/js/activitybuilder/components/table/miniscreen/view.scss */
.table-miniscreen {
  border-radius: 3px;
  border: 1px dashed #bbb;
  padding: 5px;
  margin: 2px 0 10px;
  text-align: center;
}
.table-miniscreen i {
  font-size: 20px;
  color: #bbb;
  position: relative;
  top: 1px;
}

.dcg-layout-column:first-child.one-third .table-miniscreen i {
  font-size: 16px;
}

.dcg-layout-column:last-child.two-third .table-miniscreen i {
  font-size: 16px;
}
/* src/js/activitybuilder/components/table/playground/view.scss */
.dcg-table-playground-view {
  position: relative;
}
.dcg-table-playground-view .table-wrapper {
  overflow-x: auto;
  padding: 3px 2px 1px;
}
.dcg-table-playground-view .table-wrapper:has(.dcg-table-exhibit.has-floating-keypad-button) {
  padding-bottom: calc(var(--table-keypad-button-height, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2)) + var(--table-keypad-button-box-shadow-size, 0px));
}
.dcg-table-playground-view .table-wrapper .camera-header-container {
  width: calc(100% - 6px);
  max-width: 600px;
  margin: 0 auto;
  text-align: right;
}
.dcg-table-playground-view .table-wrapper .camera-header-container.one-column-table {
  width: 350px;
}
.dcg-table-playground-view .table-wrapper .camera-header-container .snapshot-camera {
  bottom: 0;
}
.dcg-table-playground-view .table-wrapper .table-submit-button {
  text-align: center;
}
.dcg-table-playground-view .table-wrapper .keyboard-settings-link-container {
  color: #999;
  font-size: 85%;
  line-height: 20px;
  margin-top: -10px;
  text-align: center;
}
.dcg-table-playground-view .table-wrapper .keyboard-settings-link-container .keyboard-settings-link {
  padding: 0 5px;
}
.dcg-table-playground-view .table-wrapper .keyboard-settings-link-container .pillow-icon-info {
  margin-right: 3px;
  font-size: 90%;
  vertical-align: text-bottom;
}
.dcg-table-playground-view .table-wrapper .keyboard-settings-link-container span {
  vertical-align: middle;
}
.dcg-table-playground-view .table-wrapper .keyboard-settings-link-container.dcg-hovered {
  color: #666;
}
.dcg-table-playground-view .table-wrapper .keyboard-settings-link-container.dcg-depressed {
  color: #333;
}

.fullscreen-layout .playground-component-container .dcg-table-playground-view {
  margin-bottom: 10px;
}

.layout-top-student-view.showing-correctness.fullscreen-layout .dcg-table-playground-view .correctness-gutter, .layout-top-student-view.showing-correctness.one-column .dcg-table-playground-view .correctness-gutter {
  right: -49px;
}
/* src/js/activitybuilder/components/table/shared/column-options-dropdown.scss */
.dcg-shared-dropdown-popover-container.column-options-dropdown {
  position: absolute;
  top: 0;
  right: 10px;
}
.dcg-shared-dropdown-popover-container.column-options-dropdown .column-dropdown-anchor {
  padding: 10px 8px;
  color: #999;
}
.dcg-shared-dropdown-popover-container.column-options-dropdown .column-dropdown-anchor .pillow-icon-caret-down {
  color: #999;
  font-size: 75%;
}
.dcg-shared-dropdown-popover-container.column-options-dropdown.dcg-hovered .pillow-icon-caret-down {
  color: #666;
}
.dcg-shared-dropdown-popover-container.column-options-dropdown .anchor-container.isOpen .pillow-icon-caret-down {
  color: #666;
}
.dcg-shared-dropdown-popover-container.column-options-dropdown.first-column .dropdown-container {
  width: 200px;
}
.dcg-shared-dropdown-popover-container.column-options-dropdown.first-column-of-many .dropdown-container {
  left: 0;
}
.dcg-shared-dropdown-popover-container.column-options-dropdown.first-column-of-many .dropdown-container::after {
  content: "";
  position: absolute;
  top: -9px;
  right: 175px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.dcg-shared-dropdown-popover-container.column-options-dropdown.first-column-of-many .dropdown-container::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 174px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.dcg-shared-dropdown-popover-container.column-options-dropdown:not(.first-column-of-many) .dropdown-container::after {
  content: "";
  position: absolute;
  top: -9px;
  right: 5px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.dcg-shared-dropdown-popover-container.column-options-dropdown:not(.first-column-of-many) .dropdown-container::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 4px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.dcg-shared-dropdown-popover-container.column-options-dropdown .dropdown-container {
  min-width: 200px;
  text-align: left;
}
.dcg-shared-dropdown-popover-container.column-options-dropdown .dropdown-container .dropdown-choice.add-column-right .pillow-icon-caret-right,
.dcg-shared-dropdown-popover-container.column-options-dropdown .dropdown-container .dropdown-choice.add-column-right .pillow-icon-caret-left,
.dcg-shared-dropdown-popover-container.column-options-dropdown .dropdown-container .dropdown-choice.add-column-left .pillow-icon-caret-right,
.dcg-shared-dropdown-popover-container.column-options-dropdown .dropdown-container .dropdown-choice.add-column-left .pillow-icon-caret-left {
  font-size: 75%;
}
.dcg-shared-dropdown-popover-container.column-options-dropdown .dropdown-container .dropdown-choice.format-math-link {
  margin-top: -4px;
}
.dcg-shared-dropdown-popover-container.column-options-dropdown .dropdown-container .dropdown-choice.format-math-link .pillow-icon-new-expression {
  font-size: 130%;
  position: relative;
  top: 4px;
  margin-left: -6px;
}
.dcg-shared-dropdown-popover-container.column-options-dropdown .dropdown-container .dropdown-choice.format-text-link .pillow-icon-sparktext {
  margin-left: -4px;
}
.dcg-shared-dropdown-popover-container.column-options-dropdown .dropdown-container .dropdown-choice.delete-column-link .pillow-icon-remove {
  font-size: 85%;
}
/* src/js/activitybuilder/components/table/shared/table-cell-mathquill.scss */
.dcg-table-cell-mathquill {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dcg-table-cell-mathquill .dcg-toggle-keypad-button-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: flex;
}
.dcg-table-cell-mathquill .dcg-toggle-keypad-button-container .dcg-toggle-keypad-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 3px;
}
.dcg-table-cell-mathquill.braille-mode .dcg-braille-input {
  text-align: left;
}

.cell-evaluation-container {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 90%;
  padding-top: 1px;
  height: 26px;
}
.cell-evaluation-container .dcg-tooltip-hit-area-container {
  position: absolute;
  right: 10px;
  bottom: 5px;
  left: 10px;
  display: flex;
  justify-content: flex-end;
}
.cell-evaluation-container .cell-evaluation {
  background: #eee;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 2px;
  white-space: nowrap;
  overflow-x: hidden;
  display: flex;
  align-items: center;
  height: 30px;
}
.cell-evaluation-container .cell-evaluation.has-overflow {
  cursor: pointer;
}
.cell-evaluation-container .cell-evaluation.has-overflow .dcg-mq-math-mode {
  cursor: pointer;
}
.cell-evaluation-container .cell-evaluation .dcg-mathquill-wrapper {
  padding: 0;
  display: inline-block;
  width: auto;
}
.cell-evaluation-container .evaluation-suffix {
  padding-left: 3px;
}
.cell-evaluation-container .evaluation-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, transparent, #fff);
  width: 20px;
}

.is-focused .cell-evaluation-container .cell-evaluation.just-mounted {
  animation: fadeIn 0.4s;
}
.is-focused .dcg-toggle-keypad-button {
  position: relative;
  top: calc((100% - var(--table-cell-keypad-button-height, 24px)) / 2) !important;
  left: 8px;
}
/* src/js/activitybuilder/components/table/shared/table-cell.scss */
.dcg-table-cell {
  text-align: center;
  display: table-cell;
  position: relative;
  overflow: visible;
  vertical-align: middle;
  font-size: var(--table-cell-font-size, 95%);
  cursor: inherit !important;
  border: var(--table-cell-border);
  background-color: #fff;
  background-clip: var(--table-cell-background-clip, none);
}
.dcg-table-cell:not(.header-cell) {
  font-weight: var(--table-cell-weight);
}
.dcg-table-cell:not(.is-rtl):not(.row-header-cell):not(:last-of-type):not(.summary-cell-container) {
  border-right: var(--table-cell-border);
}
.dcg-table-cell:hover:not(.locked-cell):not(.dcg-table-cell.is-focused):not(.dcg-table-cell.add-new-row-cell):not(.summary-cell-container) {
  outline: var(--table-cell-outline-hover, none);
  z-index: 2;
  outline-offset: var(--table-cell-outline-offset, none);
  cursor: var(--table-cursor, inherit) !important;
  box-shadow: var(--table-cell-box-shadow-hover, inset 0 0 0 1px #9c0d63);
}
.dcg-table-cell:hover:not(.locked-cell):not(.dcg-table-cell.is-focused):not(.dcg-table-cell.add-new-row-cell):not(.summary-cell-container)::before {
  border-top-color: #9c0d63;
}
.dcg-table-cell:hover:not(.locked-cell):not(.dcg-table-cell.is-focused):not(.dcg-table-cell.add-new-row-cell):not(.summary-cell-container)::after {
  border-right-color: #9c0d63;
}
.dcg-table-cell.has-error {
  background: var(--field-has-error-background-color);
  z-index: 3;
  outline: var(--table-cell-outline-error, none);
  outline-offset: var(--table-cell-outline-offset, none);
}
.dcg-table-cell.has-error.locked-cell {
  background: var(--field-has-error-background-color, #e9e9e9);
}
.dcg-table-cell.is-focused {
  outline: var(--table-cell-outline-active, none);
  z-index: 4;
  outline-offset: var(--table-cell-outline-offset, none);
}
.dcg-table-cell.is-focused .cell-flex-container .main-cell-contents.has-icon div > i:first-child,
.dcg-table-cell.is-focused .cell-flex-container .main-cell-contents.has-icon div .fancy-icon {
  display: none;
}
.dcg-table-cell.is-focused .cell-flex-container .main-cell-contents.has-icon .dcg-toggle-keypad-button-container div > i:first-child,
.dcg-table-cell.is-focused .cell-flex-container .main-cell-contents.has-icon .dcg-toggle-keypad-button-container div .fancy-icon {
  display: inline;
}
.dcg-table-cell .mq-container {
  width: 100%;
}
.dcg-table-cell .dcg-braille-input {
  text-align: center;
}
.dcg-table-cell .cell-flex-container {
  display: flex;
}
.dcg-table-cell .cell-flex-container .main-cell-contents {
  flex: 1;
  max-width: 100%;
}
.dcg-table-cell .cell-flex-container .main-cell-contents.has-icon .edit-icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  height: 100%;
  width: 100%;
  font-size: var(--table-cell-edit-icon-font, 24px);
  color: var(--table-cell-icon-color, rgba(59, 59, 59, 0.65));
}
.dcg-table-cell .cell-suffix {
  color: #666;
  align-self: center;
  padding-right: 8px;
  padding-left: 8px;
}
.dcg-table-cell .cell-suffix.has-evaluation {
  display: none;
  margin-left: 5px;
  margin-top: -1px;
}
.dcg-table-cell .locked-cell-indicator {
  position: absolute;
  top: 50%;
  left: 1px;
  margin-top: -10px;
  z-index: 1;
}
.dcg-table-cell .locked-cell-indicator i {
  display: inline-block;
  padding: 4px;
  color: #707070;
  cursor: pointer;
  font-size: 90%;
}
.dcg-table-cell .table-error-message {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -11px;
  cursor: pointer;
  animation: fadeIn 0.3s;
}
.dcg-table-cell .table-error-message i {
  margin: -5px;
  cursor: pointer;
  display: inline-block;
}
.dcg-table-cell:not(.header-cell) {
  font-size: var(--table-cell-font-size, 85%);
}
.dcg-table-cell:not(.header-cell) .dropdown-container {
  font-size: 118%;
}
.dcg-table-cell:not(.table-row-0):not(.table-row-1):not(.summary-cell-selected)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top: var(--table-border-collapse-enabled, 1px solid #bdbdbd);
}
.dcg-table-cell:not(.table-row-0):not(.table-row-1):not(.summary-cell-selected):focus-visible::before, .dcg-table-cell:not(.table-row-0):not(.table-row-1):not(.summary-cell-selected).is-focused::before {
  border-top-color: #9c0d63;
}
.dcg-table-cell:focus-visible, .dcg-table-cell.is-focused {
  outline-offset: -2px;
}
.dcg-table-cell:focus-visible::after, .dcg-table-cell.is-focused::after {
  border-right-color: #9c0d63 !important;
}
.dcg-table-cell:not(.is-rtl):not(.row-header-cell):not(:last-of-type):not(.summary-cell-selected)::after {
  content: "";
  border-right: var(--table-border-collapse-enabled, 1px solid #000);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.dcg-table-cell:not(.is-rtl):not(.row-header-cell):not(:last-of-type):not(.summary-cell-selected).table-has-header-row::after {
  border-right-color: var(--table-border-collapse-enabled, #bdbdbd);
}
.dcg-table-cell.is-rtl:not(.row-header-cell):not(:first-of-type)::after {
  content: "";
  border-right: var(--table-border-collapse-enabled, 1px solid #000);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.dcg-table-cell.is-rtl:not(.row-header-cell):not(:first-of-type).table-has-header-row::after {
  border-right-color: var(--table-border-collapse-enabled, #bdbdbd);
}
.dcg-table-cell.is-focused {
  z-index: 4;
  box-shadow: var(--table-border-collapse-enabled, 0 0 0 2px inset #9c0d63);
  position: relative;
}
.dcg-table-cell.is-focused.column-header-cell {
  border-bottom: var(--table-border-collapse-enabled, 0);
  padding-bottom: var(--table-border-collapse-enabled, 1px);
}
.dcg-table-cell.is-focused::after {
  border-right: var(--table-border-collapse-enabled, 1px solid #9c0d63) !important;
}
.dcg-table-cell.is-focused::before {
  border-top: var(--table-border-collapse-enabled, 0);
}
.dcg-table-cell.add-new-row-cell {
  padding: var(--table-cell-new-row-padding);
  height: var(--table-cell-height-padded, 49.5px);
}
.dcg-table-cell.add-new-row-cell:first-of-type {
  background: var(--table-cell-add-new-background-color, #f6f6f6);
}
.dcg-table-cell.add-new-row-cell::before {
  border-color: #e9e9e9 !important;
  box-shadow: 0 -0.5px 0 0.25px #bdbdbd;
}
.dcg-table-cell.add-new-row-cell::after {
  border-color: #e9e9e9 !important;
}
.dcg-table-cell.add-new-row-cell.hidden {
  border-top: 0.5px solid #bdbdbd;
}
.dcg-table-cell.add-new-row-cell.hidden::before, .dcg-table-cell.add-new-row-cell.hidden::after {
  display: none;
}
.dcg-table-cell.add-new-row-cell i {
  font-size: var(--table-cell-add-icon-font-size, 1.5em);
  color: var(--table-cell-icon-color, #676767);
  padding: var(--table-cell-add-icon-padding, 0);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dcg-table-cell.cl-cell {
  cursor: default;
  height: 40px;
}
.dcg-table-cell.cl-cell .cl-cell-contents {
  width: 100%;
  height: 100%;
  font-size: 100%;
  text-align: center;
  outline: 0;
  border: 0;
  box-shadow: none;
  color: #444;
  font-style: italic;
}
.dcg-table-cell.locked-cell {
  color: var(--amp-body-color, #3b3b3b);
  background: var(--table-cell-locked-background-color, #e9e9e9);
}
.dcg-table-cell.locked-cell .dcg-mathquill-braille-overflow-left .dcg-tooltip-hit-area-container::before {
  background: linear-gradient(to left, rgba(233, 233, 233, 0), #e9e9e9);
}
.dcg-table-cell.locked-cell .dcg-mathquill-braille-overflow-right .dcg-tooltip-hit-area-container::after {
  background: linear-gradient(to right, rgba(233, 233, 233, 0), #e9e9e9);
}
.dcg-table-cell.column-header-cell.locked-cell {
  background: var(--table-column-header-cell-background-color, #e9e9e9);
}
.dcg-table-cell .dcg-mathquill-wrapper {
  width: 100%;
  padding: var(--table-cell-padding, 10px) 0;
}
.dcg-table-cell.editable-math-cell, .dcg-table-cell.editable-text-cell {
  padding: 0 !important;
}
.dcg-table-cell.editable-math-cell .cell-flex-container, .dcg-table-cell.editable-text-cell .cell-flex-container {
  padding: var(--table-cell-no-padding, 0 15px);
  cursor: text;
}
.dcg-table-cell.editable-math-cell .dcg-mq-editable-field.dcg-mq-math-mode,
.dcg-table-cell .fast-static-math .dcg-mq-math-mode {
  border: 0;
  width: 100%;
}
.dcg-table-cell.editable-math-cell .dcg-mq-editable-field.dcg-mq-math-mode.dcg-mq-focused,
.dcg-table-cell .fast-static-math .dcg-mq-math-mode.dcg-mq-focused {
  box-shadow: none;
  border: 0;
}
.dcg-table-cell.dcg-table-cell-dash.editable-math-cell .dcg-mq-editable-field.dcg-mq-math-mode, .dcg-table-cell.dcg-table-cell-dash .fast-static-math .dcg-mq-math-mode {
  padding: var(--table-cell-padding, 10px);
}
.dcg-table-cell .dcg-table-cell-mathquill.dcg-keypad-button-visible .dcg-mq-editable-field.dcg-mq-math-mode {
  padding: 0 5px 0 var(--table-cell-edit-padding-left, 30px);
}
.dcg-table-cell .dcg-table-cell-mathquill.dcg-keypad-button-visible .icon-v2-keyboard {
  font-size: 1.75em;
}
.dcg-table-cell .fast-static-math,
.dcg-table-cell .fake-static-math {
  outline: 0;
  border: 0;
}
.dcg-table-cell .fast-static-math:focus,
.dcg-table-cell .fake-static-math:focus {
  z-index: 1;
  box-shadow: 4px 4px 0 -1px #bbb, -3px 3px #bbb, 4px -4px 0 -1px #bbb, -3px -3px #bbb;
  position: relative;
}

.header-cell .input-text-cell .prosemirror-container {
  font-family: var(--font-family, "Helvetica Neue", Helvetica, Arial, sans-serif);
  font-weight: var(--font-weight-bold, 600);
}
.header-cell .mixed-text-display {
  font-family: var(--font-family, "Helvetica Neue", Helvetica, Arial, sans-serif);
  font-weight: var(--font-weight-bold, 500);
}

.column-header-cell {
  border-bottom: var(--table-column-header-cell-border-bottom, 1px solid #000);
  background-color: var(--table-column-header-cell-background-color);
}
.column-header-cell.table-has-header-row {
  border-bottom-width: var(--table-cell-header-bottom-border-width, 2px);
}

.row-header-cell {
  border-right: 1px solid #000;
}
.row-header-cell.table-has-header-row {
  border-right: var(--table-cell-border-header, 2px solid #666);
}

.text-cell .input-text-cell .prosemirror-container {
  color: var(--amp-body-color, #3b3b3b);
  width: 100%;
  padding: var(--table-cell-padding, 10px 0);
  font-size: 100%;
  text-align: center;
  outline: 0;
  border: 0;
}
.text-cell:not(.dcg-table-cell-dash):not(.add-new-row-cell) {
  height: 40px;
}
.text-cell.editable-text-cell {
  cursor: text !important;
}
.text-cell.locked-cell .input-text-cell .prosemirror-container {
  background: #e9e9e9;
}
.text-cell .mixed-text-display {
  width: 100%;
  padding: var(--table-cell-padding, 10px 0);
  font-size: var(--table-cell-font-size, 100%);
  text-align: center;
  outline: 0;
  border: 0;
  display: inline-block;
}
.text-cell .mixed-text-display .empty-text {
  padding: 15px;
}
.text-cell .mixed-text-display:focus {
  z-index: 1;
  position: relative;
}
.text-cell.header-cell .mixed-text-display:focus {
  box-shadow: 4px 4px 0 -1px #bbb, -4px 3px #bbb, 4px -5px 0 -1px #bbb, -4px -4px #bbb;
}
.text-cell:not(.header-cell) .mixed-text-display:focus {
  box-shadow: 4px 4px 0 -1px #bbb, -3px 3px #bbb, 4px -4px 0 -1px #bbb, -3px -3px #bbb;
}

.dcg-table-playground-view .dcg-table-cell,
.snapshot-table .dcg-table-cell,
.dcg-table-exhibit .dcg-table-cell {
  padding-left: var(--table-cell-padding-left, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  padding-right: var(--table-cell-padding-right, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.dcg-table-playground-view .dcg-table-cell:not(.header-cell):not(.summary-cell-container):not(.computed-summary-cell-container) .cell-flex-container .main-cell-contents,
.snapshot-table .dcg-table-cell:not(.header-cell):not(.summary-cell-container):not(.computed-summary-cell-container) .cell-flex-container .main-cell-contents,
.dcg-table-exhibit .dcg-table-cell:not(.header-cell):not(.summary-cell-container):not(.computed-summary-cell-container) .cell-flex-container .main-cell-contents {
  overflow: auto;
}
.dcg-table-playground-view .dcg-table-cell:has(.mq-container) .dcg-mq-root-block,
.snapshot-table .dcg-table-cell:has(.mq-container) .dcg-mq-root-block,
.dcg-table-exhibit .dcg-table-cell:has(.mq-container) .dcg-mq-root-block {
  position: relative;
  overflow: auto;
}
.dcg-table-playground-view .dcg-table-cell .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode,
.snapshot-table .dcg-table-cell .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode,
.dcg-table-exhibit .dcg-table-cell .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
  font-weight: var(--table-cell-weight, inherit);
}

.thumbnail-view .cell-flex-container {
  width: 100%;
  height: 100%;
  align-items: center;
}
.thumbnail-view .mixed-text-display .dcg-rich-text {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.snapshot-table .cell-flex-container {
  width: 100%;
  height: 100%;
  align-items: center;
}
.snapshot-table .mixed-text-display .dcg-rich-text:empty {
  overflow: hidden;
  display: var(--table-snapshot-empty-cell-display, unset);
  min-height: var(--table-snapshot-empty-cell-min-height, unset);
}

.dcg-table-playground-view .dcg-table-cell:not(.locked-cell),
.dcg-table-exhibit .dcg-table-cell:not(.locked-cell) {
  min-width: 85px;
  max-width: 0;
}

.gradient-background .dcg-table-cell.editable-math-cell, .gradient-background .dcg-table-cell.editable-text-cell {
  background-color: #fff;
}

.summary-cell-tooltip,
.computed-summary-cell-tooltip {
  opacity: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 6px);
  z-index: 2;
  border-radius: 3px;
  background-color: #000;
  pointer-events: none;
}
.summary-cell-tooltip .tooltip-triangle,
.computed-summary-cell-tooltip .tooltip-triangle {
  position: absolute;
  bottom: 25px;
  left: 47%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
}
.summary-cell-tooltip .tooltip-body,
.computed-summary-cell-tooltip .tooltip-body {
  width: 0;
  height: 0;
  vertical-align: middle;
}
.summary-cell-tooltip .tooltip-body .tooltip-text,
.computed-summary-cell-tooltip .tooltip-body .tooltip-text {
  color: #fff;
  font-family: var(--font-family, "Helvetica Neue", Helvetica, Arial, sans-serif);
  font-weight: 400;
}

.summary-cell-container {
  cursor: pointer !important;
}
.summary-cell-container .icon-v2-chat {
  color: var(--text-02-text-light, #676767);
}
.summary-cell-container:hover {
  box-shadow: inset -1px 1px 0 0px #9c0d63;
  z-index: 1;
}
.summary-cell-container:hover .summary-cell-tooltip {
  display: inline-block;
  height: auto;
  transition: all 0.2s ease-out 0.6s;
  opacity: 1;
  overflow: visible;
}
.summary-cell-container:hover .summary-cell-tooltip .tooltip-body {
  overflow: hidden;
  width: 168px;
  height: 25px;
}
.summary-cell-container:hover::after {
  content: "";
  position: absolute;
  top: 0px !important;
  right: 100% !important;
  bottom: 0px !important;
  border-right: solid 1px !important;
  border-color: #9c0d63 !important;
}
.summary-cell-container:hover::before {
  content: "";
  position: absolute;
  top: 100% !important;
  left: -1px !important;
  right: 0px !important;
  z-index: 1;
  border-top: solid 1px !important;
  border-color: #9c0d63 !important;
}
.summary-cell-container:hover:is(.table-row-1) {
  border-top: none;
  box-shadow: -1px -1px 0 0px #9c0d63, inset -1px 0px 0 0px #9c0d63, 0px -1px 0 0px #9c0d63;
}
.summary-cell-container:hover:is(.table-row-1)::after {
  top: 0;
  bottom: 0;
}

.summary-cell-selected {
  background-color: #3278c8;
}
.summary-cell-selected::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 100%;
  bottom: -1px;
  border-right: var(--table-border-collapse-enabled, 1px solid #3278c8);
}
.summary-cell-selected::before {
  content: "";
  position: absolute;
  top: 100%;
  left: -1px;
  right: 0px;
  z-index: 1;
  border-top: var(--table-border-collapse-enabled, 1px solid #3278c8);
}
.summary-cell-selected:is(.table-row-1) {
  border-top: none;
}
.summary-cell-selected:is(.table-row-1)::after {
  top: 0;
  bottom: 0;
}
.summary-cell-selected .icon-v2-chat {
  color: #fff;
}
.summary-cell-selected .cell-suffix {
  color: #fff;
}

.computed-summary-cell-container:hover .computed-summary-cell-tooltip {
  height: auto;
  transition: all 0.2s ease-out 0.6s;
  opacity: 1;
  overflow: visible;
  justify-self: center;
}
.computed-summary-cell-container:hover .computed-summary-cell-tooltip .tooltip-body {
  overflow: hidden;
  width: 240px;
  height: 25px;
}
.computed-summary-cell-container .computed-summary-cell {
  cursor: default;
}
.computed-summary-cell-container .computed-summary-cell span.dcg-rich-text {
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}

@media screen and (max-height: 767px) {
  .dcg-table-playground-view .dcg-table-cell,
  .snapshot-table .dcg-table-cell,
  .dcg-table-exhibit .dcg-table-cell {
    padding-left: var(--table-cell-padding-left, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
    padding-right: var(--table-cell-padding-right, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  }
  .dcg-table-playground-view .dcg-table-cell .dcg-mathquill-wrapper,
  .snapshot-table .dcg-table-cell .dcg-mathquill-wrapper,
  .dcg-table-exhibit .dcg-table-cell .dcg-mathquill-wrapper {
    padding: var(--table-cell-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5)) 0;
  }
  .dcg-table-playground-view .dcg-table-cell.editable-math-cell .cell-flex-container, .dcg-table-playground-view .dcg-table-cell.editable-text-cell .cell-flex-container,
  .snapshot-table .dcg-table-cell.editable-math-cell .cell-flex-container,
  .snapshot-table .dcg-table-cell.editable-text-cell .cell-flex-container,
  .dcg-table-exhibit .dcg-table-cell.editable-math-cell .cell-flex-container,
  .dcg-table-exhibit .dcg-table-cell.editable-text-cell .cell-flex-container {
    padding: var(--table-cell-no-padding, 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  }
  .dcg-table-playground-view .dcg-table-cell .mixed-text-display,
  .snapshot-table .dcg-table-cell .mixed-text-display,
  .dcg-table-exhibit .dcg-table-cell .mixed-text-display {
    padding: var(--table-cell-padding, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0);
  }
}
/* src/js/activitybuilder/components/table/shared/table.scss */
.dcg-table-exhibit {
  width: calc(100% - 6px);
  max-width: 600px;
  display: table;
  position: relative;
  outline: var(--table-outline, 0.5px solid #bdbdbd);
  margin: 3px;
  border-collapse: var(--table-border-collapse, separate);
}
.dcg-table-exhibit.can-add-rows::before {
  content: "";
  position: absolute;
  left: -0.5px;
  right: -0.5px;
  bottom: -1px;
  height: 49px;
  z-index: 1;
  border-left: 0.5px solid #e9e9e9;
  border-right: 0.5px solid #e9e9e9;
  border-bottom: 0.5px solid #e9e9e9;
  pointer-events: none;
}
.dcg-table-exhibit.can-add-rows .add-row::after {
  content: var(--table-add-row-after-content, "");
  position: absolute;
  bottom: -0.5px;
  left: 0;
  right: 0;
  background: #e9e9e9;
  height: 0.5px;
}
.dcg-table-exhibit.one-column-table {
  max-width: 350px;
}
.dcg-table-exhibit .table-exhibit-row {
  display: table-row;
}
.dcg-table-exhibit .dcg-table-cell .dcg-toggle-keypad-button {
  width: var(--table-cell-keypad-button-width, 28px);
  height: var(--table-cell-keypad-button-height, 24px);
  color: var(--table-keyboard-button-color);
}
.dcg-table-exhibit .dcg-table-cell .dcg-toggle-keypad-button.active {
  color: var(--table-keyboard-button-color-active, #fff);
  background: var(--table-keyboard-button-background-color-active, #3278c8);
}
.dcg-table-exhibit .dcg-table-cell .dcg-toggle-keypad-button.active.dcg-hovered, .dcg-table-exhibit .dcg-table-cell .dcg-toggle-keypad-button.active:focus-visible {
  background: var(--table-cell-keypad-button-active, var(--keypad-button-background-hovered, #1e4878));
}
.dcg-table-exhibit .dcg-table-cell .dcg-toggle-keypad-button.active.dcg-depressed {
  background: var(--keypad-button-background-active, #0f243c);
}
.dcg-table-exhibit .dcg-table-cell .dcg-toggle-keypad-button.dcg-hovered:not(.active) {
  box-shadow: inset 0 0 0 0.0625em var(--table-keypad-button-box-shadow-hovered, #9c0d63);
  background: var(--table-cell-keypad-button-hovered, transparent);
}
.dcg-table-exhibit .floating-table-keypad-button {
  position: absolute;
  bottom: var(--table-keypad-button-bottom, calc(-1 * var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  right: -0.5px;
}
.dcg-table-exhibit .floating-table-keypad-button .dcg-toggle-keypad-button {
  width: var(--table-keypad-button-width, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  height: var(--table-keypad-button-height, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  border: 0.5px solid #bdbdbd;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0;
}
.dcg-table-exhibit .floating-table-keypad-button .dcg-toggle-keypad-button i {
  margin: auto;
  height: 100%;
  line-height: var(--table-keypad-button-icon-line-height, 1em);
}

.dcg-table-playground-view {
  text-align: center;
}
.dcg-table-playground-view .dcg-table-exhibit {
  margin-left: auto;
  margin-right: auto;
}

.fullscreen-layout .dcg-table-playground-view .camera-header-container {
  max-width: 550px;
}
.fullscreen-layout .dcg-table-playground-view .dcg-table-exhibit {
  margin: 0 auto;
  width: auto;
  min-width: 550px;
  max-width: calc(100% - var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
}

@media screen and (max-width: 550px) {
  .fullscreen-layout .dcg-table-playground-view .table-wrapper {
    max-width: calc(100% - var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
    margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  }
  .fullscreen-layout .dcg-table-playground-view .dcg-table-exhibit {
    min-width: 100%;
  }
}
/* src/js/activitybuilder/components/text-exhibit/autocomplete.scss */
.autocomplete {
  position: relative;
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: 1px solid silver;
  background: white;
  padding: 2px;
  max-height: 20em;
  overflow-y: auto;
}
.autocomplete ul {
  display: table;
  margin: 0;
  padding: 0;
}
.autocomplete ul li {
  display: table-row;
  cursor: pointer;
}
.autocomplete ul li.active {
  background: #08f;
  color: white;
}
.autocomplete ul li .name {
  display: table-cell;
  padding: 5px;
}
.autocomplete ul li .description {
  display: table-cell;
  white-space: break-spaces;
  font-size: 90%;
  padding: 5px;
  vertical-align: text-top;
}
.autocomplete ul li:not(.active) .description {
  color: #676767;
}
.autocomplete .title,
.autocomplete li {
  margin: 0;
  padding: 5px 7px;
  border-radius: 2px;
  min-width: 50px;
  white-space: break-spaces;
  color: black;
}
.autocomplete .title {
  background: silver;
  margin-bottom: 2px;
}
.autocomplete .empty-message {
  padding: 10px;
  width: 200px;
  font-style: italic;
  background: rgba(0, 0, 0, 0.1);
}
/* src/js/activitybuilder/components/text-exhibit/miniscreen.scss */
.component-container .miniscreen-component-container .text-exhibit-miniscreen.vertically-centered {
  align-items: center;
  justify-content: center;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen {
  animation: fadeIn 0.3s;
  color: #666;
  font-size: 13px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  line-height: 1.2em;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen p,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .numbered-paragraph {
  line-height: 1.5em !important;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .passage-title p {
  font-weight: 500;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen p.scale-plus-5 {
  font-size: 1em !important;
  font-weight: 400 !important;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen h1 {
  font-size: 1em !important;
  font-weight: 400 !important;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen h2 {
  font-size: 1em !important;
  font-weight: 400 !important;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen div {
  width: 100%;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .dcg-mq-math-mode {
  font-size: 100%;
  cursor: inherit;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .fade-out {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 10px;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .blue-link.prosemirror-link-preview {
  pointer-events: none;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .amp-link.prosemirror-link-preview {
  color: #9c0d63;
  text-decoration-color: #9c0d63;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .amp-link.prosemirror-link-preview .color-node {
  color: #9c0d63 !important;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container {
  margin-top: 4px;
  width: 90%;
  margin-left: 5%;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-blue,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-blue {
  border-radius: var(--amp-border-radius, 0.1875em);
  position: relative;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note.taped,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-blue,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-taped.k5-note,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note.taped,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-blue,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-taped.k5-note {
  padding-bottom: 0;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note.taped .prosemirror-container,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-blue .prosemirror-container,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-taped.k5-note .prosemirror-container,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note.taped .prosemirror-container,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-blue .prosemirror-container,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-taped.k5-note .prosemirror-container {
  max-height: 90px;
  overflow: hidden;
  padding-bottom: 10px;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note.taped .prosemirror-container h1,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-blue .prosemirror-container h1,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-taped.k5-note .prosemirror-container h1,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note.taped .prosemirror-container h1,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-blue .prosemirror-container h1,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-taped.k5-note .prosemirror-container h1 {
  font-size: 1.2em !important;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note.taped .prosemirror-container h2,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-blue .prosemirror-container h2,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-taped.k5-note .prosemirror-container h2,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note.taped .prosemirror-container h2,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-blue .prosemirror-container h2,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-taped.k5-note .prosemirror-container h2 {
  font-size: 1em !important;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note.taped .prosemirror-container p,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-blue .prosemirror-container p,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-taped.k5-note .prosemirror-container p,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note.taped .prosemirror-container p,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-blue .prosemirror-container p,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-taped.k5-note .prosemirror-container p {
  font-size: 0.7em !important;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note.taped .prosemirror-container p.scale-plus-5,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-blue .prosemirror-container p.scale-plus-5,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-taped.k5-note .prosemirror-container p.scale-plus-5,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note.taped .prosemirror-container p.scale-plus-5,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-blue .prosemirror-container p.scale-plus-5,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-taped.k5-note .prosemirror-container p.scale-plus-5 {
  font-size: 1.3em !important;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note.taped .fade-out,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-blue .fade-out,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-taped.k5-note .fade-out,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note.taped .fade-out,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-blue .fade-out,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-taped.k5-note .fade-out {
  height: 15px;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-taped.k5-note .fade-out,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note-blue.k5-note .fade-out,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-taped.k5-note .fade-out,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note-blue.k5-note .fade-out {
  background: linear-gradient(rgba(241, 245, 251, 0), #f1f5fb);
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .k5-note {
  min-width: 30px;
  padding: 5%;
  margin-top: 0px;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note p,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note h2,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note h1,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note p,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note h2,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note h1,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .k5-note p,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .k5-note h2,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .k5-note h1 {
  line-height: 1.2em;
  white-space-collapse: collapse;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note .prosemirror-container .dcg-prosemirror-editor ul,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note .prosemirror-container .dcg-prosemirror-editor ul,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .k5-note .prosemirror-container .dcg-prosemirror-editor ul {
  padding: 0 3px;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note.taped::before, .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note.note-taped::before,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note.taped::before,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note.note-taped::before,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .k5-note.taped::before,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .k5-note.note-taped::before {
  position: absolute;
  content: "";
  top: 0px;
  width: 28px;
  height: 10px;
  left: -7px;
  transform: rotate(-25deg);
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note.taped::after, .component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-taped-note-container .note.note-taped::after,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note.taped::after,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-blue-note-container .note.note-taped::after,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .k5-note.taped::after,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .k5-note.note-taped::after {
  position: absolute;
  content: "";
  width: 28px;
  height: 10px;
  top: -1px;
  right: -8px;
  transform: rotate(30deg);
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .k5-note p,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .k5-note h2,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .k5-note h1 {
  font-family: var(--note-font-family);
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .k5-note p strong,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .k5-note h2 strong,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .k5-note h1 strong {
  font-weight: var(--font-weight-bold);
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: auto;
  margin: 5%;
  margin-top: 4px;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .note,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .k5-note {
  padding: 0;
  background-color: #fbf6e6;
  position: relative;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .note .fade-out,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .k5-note .fade-out {
  width: auto;
  height: 15px;
  right: 15px;
  bottom: 15px;
  background: linear-gradient(rgba(251, 246, 230, 0), #fbf6e6);
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .note .prosemirror-container,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .k5-note .prosemirror-container {
  max-height: 100px;
  padding: 5%;
  padding-bottom: 15px;
  overflow: hidden;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .note .prosemirror-container .dcg-prosemirror-view,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .k5-note .prosemirror-container .dcg-prosemirror-view {
  max-height: 75px;
  overflow: hidden;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .note .prosemirror-container .dcg-prosemirror-view h1,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .k5-note .prosemirror-container .dcg-prosemirror-view h1 {
  font-size: 1.2em !important;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .note .prosemirror-container .dcg-prosemirror-view h2,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .k5-note .prosemirror-container .dcg-prosemirror-view h2 {
  font-size: 1em !important;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .note .prosemirror-container .dcg-prosemirror-view p,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .k5-note .prosemirror-container .dcg-prosemirror-view p {
  font-size: 0.7em !important;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .note .prosemirror-container .dcg-prosemirror-view p.scale-plus-5,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .k5-note .prosemirror-container .dcg-prosemirror-view p.scale-plus-5 {
  font-size: 1.3em !important;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .note::before,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .k5-note::before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  box-shadow: 5px 5px 5px 5px white;
  bottom: 0;
  right: 0;
  background-color: white;
}
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .note::after,
.component-container .miniscreen-component-container .text-exhibit-miniscreen .prosemirror-view-sticky-note-container .sticky-container .k5-note::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("/fingerprinted/static/classroom-assets/img/activitybuilder/sticky-note/corner-bf249f4fa4f84c1d134dabaff983ca50d91e2ed6-b.svg");
  background-repeat: no-repeat;
  background-position-x: -3px;
  background-position-y: -3px;
  background-size: 21px;
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.12)) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.07));
  bottom: 0;
  right: 0;
}

.text-exhibit-miniscreen-loading {
  padding-top: 5px;
  padding-right: 5px;
}
.text-exhibit-miniscreen-loading .loading-row {
  background: #e2e2e2;
  height: 9px;
  margin-bottom: 4px;
  animation: pulse 2s infinite;
}
.text-exhibit-miniscreen-loading .half-loading-row {
  width: 40%;
}
/* src/js/activitybuilder/components/text-exhibit/note.scss */
.prosemirror-view-blue-note-container .note-blue {
  background-color: #e6f1fe;
  border-radius: var(--blue-note-border-radius, 13.57px);
  padding: var(--blue-note-padding, calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
}
.prosemirror-view-blue-note-container .note-blue .ProseMirror.dcg-prosemirror-view {
  margin-bottom: 0;
}

.prosemirror-view-taped-note-container {
  width: 100%;
  position: relative;
  display: inline-block;
}
.prosemirror-view-taped-note-container .note {
  position: relative;
  background: #fff;
  border: solid 1px rgb(240, 240, 240);
}
.prosemirror-view-taped-note-container .note.taped::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 25px;
  top: -9px;
  left: -13px;
  transform: rotate(-25deg);
  background: rgb(247, 246, 240);
  border: solid 1px rgb(215, 215, 215);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  opacity: 0.8;
}
.prosemirror-view-taped-note-container .note.taped::after {
  position: absolute !important;
  content: "";
  width: 50px;
  height: 25px;
  top: -6px;
  right: -16px;
  transform: rotate(32deg);
  background: rgb(247, 246, 240);
  border: solid 1px rgb(215, 215, 215);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  opacity: 0.8;
}
/* src/js/activitybuilder/components/text-exhibit/playground/highlight-color-picker.scss */
.highlight-color-picker {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
}
.highlight-color-picker .color-indicator-container {
  display: flex;
  align-items: center;
}
.highlight-color-picker .color-indicator-container.disabled {
  opacity: 0.25;
  pointer-events: none;
}
.highlight-color-picker .color-indicator-container .color-swatch-container {
  width: 2.5em;
  height: 2.5em;
  position: relative;
  border-radius: 50%;
}
.highlight-color-picker .color-indicator-container .color-swatch-container .color-indicator {
  border-radius: 50%;
}
.highlight-color-picker .color-indicator-container .color-swatch-container .text-icon.small {
  font-size: 100%;
}
.highlight-color-picker .color-selector {
  position: absolute;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  top: 50px;
  left: -100px;
  background: #f1f5fb;
  border: 2px solid #b0bed3;
  border-radius: var(--amp-border-radius, 0.1875em);
  animation: fadeInDown 0.2s;
  display: flex;
  flex-direction: column;
  width: auto;
  min-width: 200px;
  z-index: 4;
}
.highlight-color-picker .color-selector .color-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  align-items: center;
}
.highlight-color-picker .color-selector .color-list .color-option-wrapper .color-option {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid #77879d;
  cursor: pointer;
  margin: 5px;
}
.highlight-color-picker .color-selector .color-list .color-option-wrapper .color-option.dcg-hovered, .highlight-color-picker .color-selector .color-list .color-option-wrapper .color-option:focus-visible, .highlight-color-picker .color-selector .color-list .color-option-wrapper .color-option.selected {
  box-shadow: 0 0 0 4px #80b4f1;
  border: 3px solid #fff;
}

.highlight-color-picker .color-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* src/js/activitybuilder/components/text-exhibit/playground/view.scss */
.highlight-toolbar {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.highlight-toolbar .left-side-items,
.highlight-toolbar .right-side-items {
  display: flex;
  gap: 10px;
}
.highlight-toolbar .btn-shared {
  align-items: center;
  padding: 5px;
}
.highlight-toolbar .btn-shared.pressed {
  background: #3278c8;
  color: #fff;
}
.highlight-toolbar .btn-shared .des-button-icon {
  margin: 0;
}

.theme-student .highlight-toolbar .btn-shared {
  padding: 5px 10px;
}
.theme-student .highlight-toolbar .des-button-icon {
  font-size: 40px;
}

.text-exhibit-container {
  display: var(--text-exhibit-container-display);
}
.text-exhibit-container.has-text-reader {
  flex-direction: column;
}
.text-exhibit-container.has-audio {
  display: inline-flex;
}
.text-exhibit-container .component-audio-player-wrapper {
  top: 50px;
}
.text-exhibit-container .component-audio-player-wrapper .dcg-text-reader-container {
  right: 3px;
}
.text-exhibit-container .component-audio-player-wrapper.non-passage {
  top: -2px;
  min-width: calc((var(--audio-player-size-lg, 39px)) + 10px);
  margin-right: var(--text-exhibit-player-margin-right, 10px);
}
.text-exhibit-container .read-aloud-speaker-icon-container i,
.text-exhibit-container .read-aloud-speaker-icon-container i:hover,
.text-exhibit-container .play-stop-error-container i {
  width: var(--audio-player-size-lg, 39px);
  height: var(--audio-player-size-lg, 39px);
  font-size: var(--audio-player-font-size-lg, 23px);
  line-height: var(--audio-player-size-lg, 39px);
}
.text-exhibit-container .play-stop-error-container i {
  font-size: var(--audio-player-font-size-lg, 29px);
  margin-bottom: 10px;
}
.text-exhibit-container .camera-header-container {
  display: flex;
  justify-content: right;
}
.text-exhibit-container .highlight-and-content {
  position: relative;
  flex-grow: var(--text-exhibit-view-flex-grow, 0);
  max-width: 100%;
}
.text-exhibit-container .text-exhibit-playground-view {
  position: relative;
  flex-grow: var(--text-exhibit-view-flex-grow, 0);
  max-width: 100%;
}
.text-exhibit-container .text-exhibit-playground-view .passage-component {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  border-radius: 13.57px;
  border: 2px solid var(--cool-gray-01_main, #b0bed3);
}
.text-exhibit-container .text-exhibit-playground-view .passage-component .passage-title p {
  font-weight: bolder !important;
  text-align: center;
}
.text-exhibit-container .text-exhibit-playground-view .passage-component .note-content:not(.no-numbers) .dcg-prosemirror-view {
  padding-left: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
}
.text-exhibit-container .text-exhibit-playground-view .prosemirror-container .dcg-prosemirror-editor {
  z-index: unset;
}
.text-exhibit-container .text-exhibit-playground-view .prosemirror-container .dcg-prosemirror-editor .dcg-prosemirror-view a {
  color: #9c0d63;
  text-decoration: underline;
  text-decoration-color: #9c0d63;
}
.text-exhibit-container .text-exhibit-playground-view .prosemirror-container .dcg-prosemirror-editor .dcg-prosemirror-view a span.color-node {
  color: #9c0d63 !important;
}
.text-exhibit-container .text-exhibit-playground-view .prosemirror-container .dcg-prosemirror-editor .dcg-prosemirror-view a:hover, .text-exhibit-container .text-exhibit-playground-view .prosemirror-container .dcg-prosemirror-editor .dcg-prosemirror-view a:focus-visible {
  color: #5e083b;
  text-decoration: none;
}
.text-exhibit-container .text-exhibit-playground-view .inline-keypad-button {
  margin-right: 4px;
}
.text-exhibit-container .text-exhibit-playground-view .note-content.is-selecting ::selection {
  background: rgba(0, 0, 0, 0);
}
.text-exhibit-container .text-exhibit-playground-view .k5-note .prosemirror-inline-wrapper .prosemirror-container p > .inline-math,
.text-exhibit-container .text-exhibit-playground-view .k5-note .prosemirror-inline-wrapper .prosemirror-container p .dcg-mq-fraction,
.text-exhibit-container .text-exhibit-playground-view .note .prosemirror-inline-wrapper .prosemirror-container p > .inline-math,
.text-exhibit-container .text-exhibit-playground-view .note .prosemirror-inline-wrapper .prosemirror-container p .dcg-mq-fraction {
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.text-exhibit-container .text-exhibit-playground-view .k5-note .prosemirror-inline-wrapper .prosemirror-container p:not(:has(.dcg-tap-container)),
.text-exhibit-container .text-exhibit-playground-view .note .prosemirror-inline-wrapper .prosemirror-container p:not(:has(.dcg-tap-container)) {
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.text-exhibit-container .text-exhibit-playground-view .k5-note .dcg-mq-fraction {
  vertical-align: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * -1);
}
.text-exhibit-container .text-exhibit-playground-view .k5-note .prosemirror-inline-wrapper .prosemirror-container p:has(.inline-dropdown-node) {
  line-height: calc(2.5 * var(--inline-dropdown-anchor-height));
}

@media screen and (min-width: 550px) {
  .sandbox-container-content .passage-component,
  .screens-container .passage-component {
    overflow: auto;
    max-height: 50vh;
  }
}
/* src/js/activitybuilder/components/text-exhibit/shared-view.scss */
.dcg-text-exhibit-view .note .dcg-prosemirror-view p {
  font-weight: var(--note-font-weight, 400);
}
.dcg-text-exhibit-view .note .dcg-prosemirror-view p strong {
  font-weight: 700;
}
.dcg-text-exhibit-view .note .dcg-prosemirror-view p.scale-plus-5 {
  line-height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
  font-size: calc(var(--amp-scale-ratio) * var(--amp-scale-ratio) * var(--amp-scale-ratio) * var(--amp-scale-ratio) * 1em);
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
}
.dcg-text-exhibit-view .note .dcg-prosemirror-view h2 {
  line-height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
  font-size: calc(var(--amp-scale-ratio) * var(--amp-scale-ratio) * 1em);
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  font-weight: var(--note-font-weight, normal);
}
.dcg-text-exhibit-view .note .dcg-prosemirror-view h1 {
  line-height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
  font-size: calc(var(--amp-scale-ratio) * var(--amp-scale-ratio) * var(--amp-scale-ratio) * 1em);
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  font-weight: var(--note-font-weight, normal);
}
.dcg-text-exhibit-view .k5-note {
  font-family: var(--note-font-family);
  font-weight: var(--note-font-weight);
}
.dcg-text-exhibit-view .k5-note .prosemirror-container .dcg-prosemirror-editor p,
.dcg-text-exhibit-view .k5-note .prosemirror-container .dcg-prosemirror-editor h2,
.dcg-text-exhibit-view .k5-note .prosemirror-container .dcg-prosemirror-editor h1 {
  font-weight: inherit;
}
.dcg-text-exhibit-view .k5-note .prosemirror-container .dcg-prosemirror-editor p {
  line-height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
  font-size: 1em;
}
.dcg-text-exhibit-view .k5-note .prosemirror-container .dcg-prosemirror-editor p strong {
  font-weight: 700;
}
.dcg-text-exhibit-view .k5-note .prosemirror-container .dcg-prosemirror-editor p.scale-plus-5 {
  line-height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
  font-size: calc(var(--amp-scale-ratio) * var(--amp-scale-ratio) * var(--amp-scale-ratio) * 1em);
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  font-family: var(--note-font-family);
}
.dcg-text-exhibit-view .k5-note .prosemirror-container .dcg-prosemirror-editor h2 {
  line-height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
  font-size: calc(var(--amp-scale-ratio) * 1em);
  font-family: var(--note-font-family);
}
.dcg-text-exhibit-view .k5-note .prosemirror-container .dcg-prosemirror-editor h1 {
  line-height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
  font-size: calc(var(--amp-scale-ratio) * var(--amp-scale-ratio) * 1em);
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  font-family: var(--note-font-family);
}

.dcg-text-exhibit-view,
.text-exhibit-playground-view .dcg-prosemirror-view {
  animation: fadeIn 0.3s;
  margin: 0 auto var(--text-exhibit-playground-margin-bottom, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}

.dcg-text-exhibit-view .prosemirror-view-taped-note-container {
  margin-top: 15px;
}
.dcg-text-exhibit-view .prosemirror-view-taped-note-container .note {
  min-width: 300px;
  padding: 20px;
  box-shadow: 7px 6px 6px rgba(0, 0, 0, 0.4);
}
.dcg-text-exhibit-view .prosemirror-view-taped-note-container .note .prosemirror-container .dcg-prosemirror-editor .dcg-prosemirror-view {
  margin: 0 auto 0;
}
.dcg-text-exhibit-view .prosemirror-view-taped-note-container .note .prosemirror-container .dcg-prosemirror-editor ul {
  padding: 0 20px;
}
.dcg-text-exhibit-view .prosemirror-view-sticky-note-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: auto;
}
.dcg-text-exhibit-view .prosemirror-view-sticky-note-container .sticky-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.12), 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
}
.dcg-text-exhibit-view .prosemirror-view-sticky-note-container .sticky-container .note,
.dcg-text-exhibit-view .prosemirror-view-sticky-note-container .sticky-container .k5-note {
  background-color: #fbf6e6;
  position: relative;
}
.dcg-text-exhibit-view .prosemirror-view-sticky-note-container .sticky-container .note::before,
.dcg-text-exhibit-view .prosemirror-view-sticky-note-container .sticky-container .k5-note::before {
  position: absolute;
  content: "";
  width: var(--sticky-note-corner);
  height: var(--sticky-note-corner);
  box-shadow: 5px 5px 5px 5px white;
  bottom: 0;
  right: 0;
  background-color: white;
}
.dcg-text-exhibit-view .prosemirror-view-sticky-note-container .sticky-container .note::after,
.dcg-text-exhibit-view .prosemirror-view-sticky-note-container .sticky-container .k5-note::after {
  position: absolute;
  content: "";
  width: var(--sticky-note-corner);
  height: var(--sticky-note-corner);
  background-image: url("/fingerprinted/static/classroom-assets/img/activitybuilder/sticky-note/corner-bf249f4fa4f84c1d134dabaff983ca50d91e2ed6-b.svg");
  background-repeat: no-repeat;
  background-position-x: -3px;
  background-position-y: -3px;
  background-size: calc((var(--sticky-note-corner)) + 6px);
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.12)) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.07));
  bottom: 0;
  right: 0;
}
.dcg-text-exhibit-view .prosemirror-view-sticky-note-container .sticky-container .note .prosemirror-container,
.dcg-text-exhibit-view .prosemirror-view-sticky-note-container .sticky-container .k5-note .prosemirror-container {
  padding: var(--sticky-note-padding);
  padding-bottom: var(--sticky-note-corner);
}
.dcg-text-exhibit-view .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
  font-weight: var(--note-font-weight, inherit);
  font-size: var(--note-parent-font-size, 115%);
}

@media screen and (min-height: 768px) {
  .dcg-text-exhibit-view .note .dcg-prosemirror-view p {
    line-height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
    font-size: calc(var(--amp-scale-ratio) * 1em);
  }
  .dcg-text-exhibit-view .note .dcg-prosemirror-view p:has(.inline-dropdown) {
    line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  }
  .dcg-text-exhibit-view .note .mixed-text-display {
    line-height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
    font-size: calc(var(--amp-scale-ratio) * 1em);
  }
}
/* src/js/activitybuilder/components/text-input/miniscreen.scss */
.text-input-miniscreen {
  border-radius: 3px;
  border: 1px dashed #bbb;
  padding: 5px;
  margin: 2px 0 10px;
  text-align: center;
}
.text-input-miniscreen i {
  font-size: 24px;
  color: #bbb;
}

.dcg-layout-column:first-child.one-third .text-input-miniscreen i {
  font-size: 16px;
}

.dcg-layout-column:last-child.two-third .text-input-miniscreen i {
  font-size: 16px;
}
/* src/js/activitybuilder/components/text-input/playground/view.scss */
.dcg-text-input-student-view {
  margin: 0 auto calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) auto;
}
.dcg-text-input-student-view .camera-header-container {
  width: 100%;
  height: var(--snapshot-camera-size, 26px);
  text-align: right;
}

.layout-top-student-view.two-column .dcg-text-input-student-view .dcg-edit-button {
  padding: 0 1em;
}

.dcg-layout-column.one-third .playground-component-container.left .dcg-text-input-student-view .dcg-textarea-submit-button,
.dcg-layout-column.two-third .playground-component-container.right .dcg-text-input-student-view .dcg-textarea-submit-button {
  font-size: var(--free-response-submit-button-font-size, 100%);
  padding: 0 0.7em;
}
.dcg-layout-column.one-third .playground-component-container.left .dcg-text-input-student-view .dcg-edit-button,
.dcg-layout-column.two-third .playground-component-container.right .dcg-text-input-student-view .dcg-edit-button {
  font-size: var(--free-response-edit-button-font-size, 100%);
  padding: 0 0.7em;
}

@media screen and (max-width: 750px) {
  .dcg-layout-column.one-third .playground-component-container.left .dcg-text-input-student-view .dcg-textarea-submit-button,
  .dcg-layout-column.two-third .playground-component-container.right .dcg-text-input-student-view .dcg-textarea-submit-button {
    font-size: var(--free-response-submit-button-font-size-small, 90%);
    padding: 0 0.5em;
  }
  .dcg-layout-column.one-third .playground-component-container.left .dcg-text-input-student-view .dcg-edit-button,
  .dcg-layout-column.two-third .playground-component-container.right .dcg-text-input-student-view .dcg-edit-button {
    font-size: var(--free-response-edit-button-font-size-small, 90%);
    padding: 0 0.5em;
  }
}
/* src/js/activitybuilder/components/text-input/student-response.scss */
.text-input-response-text {
  white-space: pre-wrap;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
}
.text-input-response-text .mixed-text-display {
  flex: 1;
}
.text-input-response-text.has-attached-media .mixed-text-display {
  margin-bottom: 10px;
}
.text-input-response-text .component-audio-player-wrapper {
  margin-top: 10px;
}
.text-input-response-text .component-audio-player-wrapper .audio-player-error {
  font-size: 75%;
}
.text-input-response-text:not(.submitted) .textarea-image-thumbnails {
  margin-top: 5px;
}
/* src/js/activitybuilder/components/transform/item-list.scss */
.transform-item-list {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.transform-item-list .submitted-content {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.transform-item-list .transform-list-header-container {
  border-bottom: 1px solid #bdbdbd;
  display: flex;
  align-items: center;
}
.transform-item-list .transform-list-header-container .transform-list-title {
  color: var(--amp-body-color, #3b3b3b);
}
.transform-item-list .transform-list-header-container .transform-play-button {
  margin-left: auto;
  color: #9c0d63;
}
.transform-item-list .transform-list-header-container .transform-play-button .play-icon-container {
  position: relative;
  top: 5px;
  background: #9c0d63;
  color: #9c0d63;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.transform-item-list .transform-list-header-container .transform-play-button .play-icon-container .icon-v2-play {
  color: #fff;
}
.transform-item-list .transform-list-header-container .transform-play-button.dcg-hovered {
  color: #5e083b;
}
.transform-item-list .transform-list-header-container .transform-play-button.dcg-hovered .play-icon-container {
  background: #5e083b;
  transform: scale(1.05, 1.05);
}
.transform-item-list .transform-list-header-container .transform-play-button.dcg-depressed {
  color: #2f041e;
}
.transform-item-list .transform-list-header-container .transform-play-button.dcg-depressed .play-icon-container {
  background: #2f041e;
}
.transform-item-list .add-transformation-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  justify-content: space-between;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.transform-item-list .add-transformation-buttons .add-transformation-button {
  flex: 1;
  text-align: center;
}
.transform-item-list .add-transformation-buttons .add-transformation-button .icon-v2-replay {
  transform: scaleX(-1);
}
.transform-item-list .submit-transform-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.transform-item-list .submit-transform-buttons .cancel-link {
  color: #666;
  text-decoration: underline;
}
.transform-item-list .submit-transform-buttons .cancel-link.disabled {
  opacity: 0.5;
}
.transform-item-list .submit-transform-buttons .cancel-link:not(.disabled).dcg-hovered, .transform-item-list .submit-transform-buttons .cancel-link:not(.disabled).dcg-depressed {
  color: #333;
  cursor: pointer;
}
.transform-item-list .transformation-card-container {
  display: block;
  width: 100%;
}
/* src/js/activitybuilder/components/transform/miniscreen.scss */
.transformation-miniscreen {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.transformation-miniscreen .icon-container {
  font-size: 200%;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  padding-top: 10px;
  height: 50px;
  margin-top: -25px;
  color: #999;
  text-shadow: -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
}
/* src/js/activitybuilder/components/transform/transform-card-options.scss */
.transform-card {
  color: var(--amp-body-color, #3b3b3b);
}
.transform-card .transform-item-info .transformation-options {
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  border-left: 1px solid #bdbdbd;
}
.transform-card:not(.unsubmitted) .transform-item-info .transformation-options {
  display: inline-block;
  color: var(--amp-body-color, #3b3b3b);
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  vertical-align: middle;
}
.transform-card:not(.unsubmitted) .transform-item-info .transformation-options .input-label {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.transform-card:not(.unsubmitted) .transform-item-info .transformation-options .dcg-mq-math-mode {
  max-width: 225px;
}
.transform-card:not(.unsubmitted) .transform-item-info .transformation-options .dcg-mq-math-mode .dcg-mq-root-block {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.transform-card.unsubmitted .transform-item-info .transformation-options {
  margin-left: calc(1.5em + var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.transform-card.unsubmitted .transform-item-info .transformation-options .rotation-direction {
  display: inline-flex;
}
.transform-card.unsubmitted .transform-item-info .transformation-options .rotation-direction .dcg-segmented-control-btn {
  min-width: 128px;
}
.transform-card.unsubmitted .transform-item-info .transformation-options .rotation-direction .dcg-segmented-control-btn.dcg-hovered:first-of-type:not(.dcg-selected) {
  margin-left: 1px;
  padding-left: 3px;
}
.transform-card.unsubmitted .transform-item-info .transformation-options .rotation-direction .dcg-segmented-control-btn:focus-visible {
  z-index: 2;
  box-shadow: 0 0 0 0.125em #fff, 0 0 0 0.3125em var(--amp-focus-color, #9c0d63);
}
.transform-card.unsubmitted .transform-item-info .transformation-options .angle-label {
  display: inline-block;
  margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.transform-card.unsubmitted .transform-item-info .transformation-options .transform-input {
  text-align: center;
}
.transform-card.unsubmitted .transform-item-info .transformation-options .transform-input .dcg-mq-math-mode {
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  width: 2.5em;
  min-height: 2rem;
  margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.transform-card.unsubmitted .transform-item-info .transformation-options .transform-input .dcg-mq-math-mode.dcg-mq-focused {
  border: 1px solid #9c0d63;
  box-shadow: none;
  outline: none;
}
.transform-card.unsubmitted .transform-item-info .transformation-options .transform-input.rotation {
  margin-right: 0;
}
.transform-card.unsubmitted .transform-item-info .transformation-options .transform-input.invalid .dcg-mq-math-mode {
  border: 1px solid #db2e00;
  box-shadow: none;
  outline: none;
}
/* src/js/activitybuilder/components/transform/transform-card.scss */
.transform-card-container {
  color: var(--amp-body-color, #3b3b3b);
}
.transform-card-container .transform-card .transform-item-title {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.transform-card-container .transform-card .transform-item-info .transform-item-title-container .pillow-icon-dilation {
  font-size: 1.5em;
}
.transform-card-container .transform-card:not(.unsubmitted) {
  border-bottom: 1px solid #bdbdbd;
  display: flex;
  align-items: center;
}
.transform-card-container .transform-card:not(.unsubmitted) .transform-item-info {
  flex: 1;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  display: flex;
  align-items: center;
}
.transform-card-container .transform-card:not(.unsubmitted) .transform-item-info .transform-item-title {
  position: relative;
  top: -2px;
  display: inline-block;
}
.transform-card-container .transform-card:not(.unsubmitted) .transform-item-info .transform-item-index-container {
  border: 1px solid #bdbdbd;
  color: var(--amp-body-color, #3b3b3b);
  border-radius: 50%;
  min-width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  display: inline-block;
  position: relative;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.transform-card-container .transform-card:not(.unsubmitted) .transform-item-info .transform-item-index-container .transform-item-index {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.transform-card-container .transform-card:not(.unsubmitted) .transform-item-info .transform-item-title-container {
  display: flex;
  white-space: nowrap;
}
.transform-card-container .transform-card .transform-item-icons {
  flex: 0 0 80px;
  display: flex;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.transform-card-container .transform-card .transform-item-icons .transform-item {
  width: 40px;
  height: 40px;
  color: var(--amp-body-color, #3b3b3b);
  display: flex;
  justify-content: center;
  align-items: center;
}
.transform-card-container .transform-card .transform-item-icons .transform-item i {
  padding-right: 0;
}
.transform-card-container .transform-card.unsubmitted {
  position: relative;
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.transform-card-container .transform-card.unsubmitted .transform-item-info .transform-item-title-container {
  display: flex;
}
.transform-card-container .transform-card.unsubmitted .transform-item-instruction {
  color: #676767;
  text-transform: none;
  width: 100%;
  line-height: 100%;
  margin-left: calc(2em + var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.transform-card-container .transform-card.unsubmitted.collided {
  animation: shake 0.4s linear 0.2s;
}
.transform-card-container .transform-card.unsubmitted .transform-item-icons .icon-v2-close {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  top: 0;
  position: absolute;
  right: 0;
  outline: 0;
}

@keyframes shake {
  0% {
    transform: translate(12px);
  }
  20% {
    transform: translate(-12px);
  }
  40% {
    transform: translate(6px);
  }
  60% {
    transform: translate(-6px);
  }
  80% {
    transform: translate(3px);
  }
  100% {
    transform: translate(0px);
  }
}
/* src/js/activitybuilder/components/transform/transform-view.scss */
@keyframes animateTransformSuccess {
  0% {
    opacity: 0;
    transform: scale(0.7, 0.7);
  }
  15% {
    transform: scale(1.1, 1.1);
  }
  30% {
    opacity: 1;
    transform: scale(1, 1);
  }
  75% {
    opacity: 0.9;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: scale(5, 5);
  }
}
.layout-top-student-view.showing-correctness .transform-view {
  margin-left: 49px;
  margin-right: 49px;
}

.transform-wrapper {
  display: flex;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
.transform-wrapper .transform-area,
.transform-wrapper .transform-list-control {
  flex: 50%;
  padding: 0 10px;
}
.transform-wrapper .transform-area {
  position: relative;
  overflow: hidden;
}
.transform-wrapper .transform-area .transform-canvas-container {
  position: relative;
}
.transform-wrapper .transform-area .transform-canvas-container .fixed-aspect-parent {
  min-width: 300px;
  max-width: 478px;
  min-height: 478px;
}
.transform-wrapper .transform-area .transform-canvas-container .fixed-aspect-container {
  position: relative;
  margin: auto;
}
.transform-wrapper .transform-area .transform-canvas-container canvas {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #bbb;
}
.transform-wrapper .transform-area .transform-canvas-container canvas.point-active {
  cursor: pointer;
}
.transform-wrapper .transform-area .transform-canvas-container .transform-success {
  text-align: center;
  color: #15b097;
  text-shadow: -3px -3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, 3px 3px 0 #fff, 0 -3px 0 #fff, 0 3px 0 #fff, 3px 0 0 #fff, -3px 0 0 #fff;
  font-size: 350%;
  height: 70px;
  line-height: 70px;
  width: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -150px;
  animation: animateTransformSuccess 1.8s forwards;
  pointer-events: none;
}
.transform-wrapper .correctness-gutter {
  padding-right: 10px;
}

@media screen and (max-width: 1109px) {
  .layout-top-student-view.showing-correctness.fullscreen-layout .transform-view {
    margin-left: 0;
    margin-right: 49px;
  }
}
@media screen and (max-width: 750px) {
  .transform-wrapper {
    flex-direction: column-reverse;
  }
  .transform-wrapper .transform-area,
  .transform-wrapper .transform-list-control {
    margin: 0 auto;
    width: 100%;
    max-width: 498px;
  }
  .transform-wrapper .transform-area {
    padding-bottom: 10px;
  }
  .transform-wrapper .transform-area .fixed-aspect-parent {
    max-width: 498px;
    max-height: 498px;
  }
}
/* src/js/activitybuilder/components/video/editor/media-upload-wrapper.scss */
.media-upload {
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* src/js/activitybuilder/components/video/editor/transloadit-task-view.scss */
.status-view {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 150%;
  color: #999;
  text-align: center;
  width: 100%;
}
.status-view .upload-message {
  margin-bottom: 20px;
}
.status-view .status-message {
  margin-bottom: 20px;
  animation: pulse 2s infinite;
}
.status-view .upload-bar {
  position: relative;
  left: 10%;
  width: 80%;
  height: 15px;
  background: #a3c0dc;
  border-radius: 10px;
}
.status-view .upload-bar .loaded-percentage {
  transition: width 0.1s;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 10px;
  background: #3278c8;
}
/* src/js/activitybuilder/components/video/miniscreen.scss */
.video-miniscreen {
  position: relative;
}
.video-miniscreen .image-container img {
  width: 100%;
  border-radius: 2px;
}
.video-miniscreen .icon-container {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  padding-top: 10px;
  height: 50px;
  margin-top: -25px;
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.08), -1px 1px 0 rgba(0, 0, 0, 0.08), 1px -1px 0 rgba(0, 0, 0, 0.08), 1px 1px 0 rgba(0, 0, 0, 0.08), 0 -1px 0 rgba(0, 0, 0, 0.08), 0 1px 0 rgba(0, 0, 0, 0.08), 1px 0 0 rgba(0, 0, 0, 0.08), -1px 0 0 rgba(0, 0, 0, 0.08);
}
.video-miniscreen .icon-container .play-icon-container {
  font-size: 70%;
  border: 3px solid #fff;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 1px 1px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
}
.video-miniscreen .icon-container .play-icon-container .pillow-icon-play {
  position: relative;
  top: -2px;
  left: 2px;
}

.layout-top-miniscreen:not(.two-column) .video-miniscreen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 2px;
}
.layout-top-miniscreen:not(.two-column) .video-miniscreen .fade-out {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff 75%);
}

.navigation-miniscreen-container .video-miniscreen .icon-container {
  padding-top: 0;
}
.navigation-miniscreen-container .video-miniscreen .play-icon-container {
  font-size: 25%;
  border: 2px solid #fff;
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.navigation-miniscreen-container .video-miniscreen .play-icon-container .pillow-icon-play {
  top: -1px;
}
/* src/js/activitybuilder/components/video/player/view.scss */
.player-status-view {
  color: #999;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.player-status-view .status-message {
  font-size: 150%;
}

.upload-complete {
  color: #3278c8;
}
.upload-complete .pillow-icon-check {
  margin-right: 10px;
  font-size: 90%;
}

.video-container video {
  background: #000;
  border-radius: var(--amp-border-radius, 0.1875em);
}

.video-player-offscreen-aria {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* src/js/activitybuilder/components/video/playground/view.scss */
.dcg-video-component-playground {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.dcg-video-component-playground video {
  width: 100%;
  border: var(--border-component);
  border-radius: var(--border-radius);
}
.dcg-video-component-playground video::cue {
  background: rgba(0, 0, 0, 0.9);
  font-size: 130%;
  line-height: 1.2em;
}

.layout-top-student-view:not(.showing-correctness).one-column:has(.dcg-video-component-playground.fullscreen-component) .large-component {
  max-width: unset;
}
/* src/js/activitybuilder/components/voice/miniscreen.scss */
.voice-miniscreen-view.loading, .voice-miniscreen-view:not(.half-width-mode) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.voice-miniscreen-view .icon-container {
  margin: 0 auto;
  font-size: 1em;
  opacity: 0.2;
}
.voice-miniscreen-view .full-width-image {
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}

.navigation-miniscreen-container .voice-miniscreen-view .icon-container {
  font-size: 1.5em;
}
/* src/js/activitybuilder/custom/alp-accessibility.styl */
.accessibility-section {
  margin-top: 30px;
  color: var(--amp-body-color, #3b3b3b);
}
.accessibility-section .accessibility-title {
  display: inline;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.accessibility-section .custom-note {
  display: inline;
  padding-left: 10px;
  border-left: 1px solid #999;
  margin-left: 10px;
}
.accessibility-section .accessibility-info,
.accessibility-section .accessibility-title-and-custom {
  margin-bottom: 1em;
}

/* src/js/activitybuilder/custom/alp-lesson-standards.styl */
.lesson-standards-container .lesson-standards-section,
.lesson-standards-container .language-standards-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.lesson-standards-container .lesson-standards-section .lesson-standards-category,
.lesson-standards-container .language-standards-section .lesson-standards-category {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-right: 10px;
  margin-top: 10px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.lesson-standards-container .lesson-standards-section .lesson-standards-category ul,
.lesson-standards-container .language-standards-section .lesson-standards-category ul {
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 0 5px;
  margin: 0;
}
.lesson-standards-container .lesson-standards-section .lesson-standards-category ul li,
.lesson-standards-container .language-standards-section .lesson-standards-category ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: 3px;
}
.lesson-standards-container .lesson-standards-section .lesson-standards-category ul li a,
.lesson-standards-container .language-standards-section .lesson-standards-category ul li a,
.lesson-standards-container .lesson-standards-section .lesson-standards-category ul li > span,
.lesson-standards-container .language-standards-section .lesson-standards-category ul li > span {
  font-size: 80%;
  padding: 3px 5px;
  border-radius: 2px;
  color: var(--amp-body-color, #3b3b3b);
  text-decoration: none;
  border: 1px solid #bdbdbd;
  vertical-align: middle;
  -webkit-transition: border-color 0.2s linear;
  -moz-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  -ms-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.lesson-standards-container .lesson-standards-section .lesson-standards-category ul li a.dcg-hovered,
.lesson-standards-container .language-standards-section .lesson-standards-category ul li a.dcg-hovered,
.lesson-standards-container .lesson-standards-section .lesson-standards-category ul li > span.dcg-hovered,
.lesson-standards-container .language-standards-section .lesson-standards-category ul li > span.dcg-hovered,
.lesson-standards-container .lesson-standards-section .lesson-standards-category ul li a:focus,
.lesson-standards-container .language-standards-section .lesson-standards-category ul li a:focus,
.lesson-standards-container .lesson-standards-section .lesson-standards-category ul li > span:focus,
.lesson-standards-container .language-standards-section .lesson-standards-category ul li > span:focus {
  border: 1px solid #9c0d63;
}
.lesson-standards-container .lesson-standards-section .lesson-standards-category ul li a.dcg-depressed,
.lesson-standards-container .language-standards-section .lesson-standards-category ul li a.dcg-depressed,
.lesson-standards-container .lesson-standards-section .lesson-standards-category ul li > span.dcg-depressed,
.lesson-standards-container .language-standards-section .lesson-standards-category ul li > span.dcg-depressed {
  border: 1px solid #5e083b;
}
.lesson-standards-container .language-standards {
  padding-top: 12px;
}
.lesson-standards-container .no-teks-lesson-standards,
.lesson-standards-container .no-ny-lesson-standards {
  font-style: italic;
  font-size: 80%;
  color: #333;
}

/* src/js/activitybuilder/custom/alp-preview.styl */
.alp-section .alp-link {
  position: relative;
  top: -10px;
  color: #4781b9;
  text-decoration: none;
}
.alp-section .alp-link .alp-link-text {
  margin-left: 5px;
}
.alp-section .alp-link.dcg-hovered {
  color: #004f9b;
}
.alp-section .alp-link.dcg-hovered .alp-link-text {
  text-decoration: underline;
}
.alp-section .alp-link.dcg-hovered {
  color: #033b70;
}
.alp-section .alp-link.dcg-hovered .alp-link-text {
  text-decoration: underline;
}
.alp-copy-event-indicator {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.8);
  z-index: 4;
}
.alp-preview-miniscreen-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
}
.alp-section-buttons .teacher-moves-button {
  font-weight: 400;
}

/* src/js/activitybuilder/custom/alp-resource.styl */
.alp-resource-panel-container {
  min-width: 264px;
  max-width: 264px;
  margin: 0 40px 40px 0;
  position: relative;
}
.alp-resource-panel-container .entitlement-resource .dcg-tooltip-hit-area-container {
  display: block;
  cursor: pointer !important;
}
.alp-resource-panel-container .entitlement-resource .dcg-tooltip-hit-area-container .alp-resource-tile-category {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.alp-resource-panel-container .edit-activity-resource-button {
  border: none;
  position: absolute;
  right: 10px;
  bottom: 180px;
  z-index: 1;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #9c0d63;
  border-radius: 50px;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.115), 0px 3px 6px 0px rgba(0,0,0,0.115);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.115), 0px 3px 6px 0px rgba(0,0,0,0.115);
}
.alp-resource-panel-container .edit-activity-resource-button:hover {
  color: #5e083b;
}
.alp-resource-panel-container .three-dot-dropdown-menu .anchor-container {
  position: absolute;
  position: absolute;
  top: -8px;
  left: 222px;
  z-index: 1;
}
.alp-resource-panel-container .three-dot-dropdown-menu .dropdown-container-inner {
  position: absolute;
  top: 48px !important;
  right: calc(100% - 260px);
}
.alp-resource-panel-container .three-dot-dropdown-menu .dropdown-container-inner:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 8px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.alp-resource-panel-container .three-dot-dropdown-menu .dropdown-container-inner:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 7px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.alp-resource-panel-container .alp-resource-header-tag-container {
  border-radius: 11px 11px 0px 0px;
  background: -webkit-linear-gradient(90deg, rgba(243,115,33,0.25) 0%, rgba(243,115,33,0.25) 100%);
  background: -moz-linear-gradient(90deg, rgba(243,115,33,0.25) 0%, rgba(243,115,33,0.25) 100%);
  background: -o-linear-gradient(90deg, rgba(243,115,33,0.25) 0%, rgba(243,115,33,0.25) 100%);
  background: -ms-linear-gradient(90deg, rgba(243,115,33,0.25) 0%, rgba(243,115,33,0.25) 100%);
  background: linear-gradient(0deg, rgba(243,115,33,0.25) 0%, rgba(243,115,33,0.25) 100%);
  padding: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  gap: 10px;
  min-height: 56px;
}
.alp-resource-panel-container .alp-resource-header-tag-container.personalize {
  background: #c8c8c7;
}
.alp-resource-panel-container .alp-resource-header-tag-container.support {
  background: -webkit-linear-gradient(90deg, rgba(243,115,33,0.25) 0%, rgba(243,115,33,0.25) 100%);
  background: -moz-linear-gradient(90deg, rgba(243,115,33,0.25) 0%, rgba(243,115,33,0.25) 100%);
  background: -o-linear-gradient(90deg, rgba(243,115,33,0.25) 0%, rgba(243,115,33,0.25) 100%);
  background: -ms-linear-gradient(90deg, rgba(243,115,33,0.25) 0%, rgba(243,115,33,0.25) 100%);
  background: linear-gradient(0deg, rgba(243,115,33,0.25) 0%, rgba(243,115,33,0.25) 100%);
}
.alp-resource-panel-container .alp-resource-header-tag-container.strengthen {
  background: -webkit-linear-gradient(90deg, rgba(243,115,33,0.5) 0%, rgba(243,115,33,0.5) 100%);
  background: -moz-linear-gradient(90deg, rgba(243,115,33,0.5) 0%, rgba(243,115,33,0.5) 100%);
  background: -o-linear-gradient(90deg, rgba(243,115,33,0.5) 0%, rgba(243,115,33,0.5) 100%);
  background: -ms-linear-gradient(90deg, rgba(243,115,33,0.5) 0%, rgba(243,115,33,0.5) 100%);
  background: linear-gradient(0deg, rgba(243,115,33,0.5) 0%, rgba(243,115,33,0.5) 100%);
}
.alp-resource-panel-container .alp-resource-header-tag-container.stretch {
  background: -webkit-linear-gradient(90deg, rgba(243,115,33,0.75) 0%, rgba(243,115,33,0.75) 100%);
  background: -moz-linear-gradient(90deg, rgba(243,115,33,0.75) 0%, rgba(243,115,33,0.75) 100%);
  background: -o-linear-gradient(90deg, rgba(243,115,33,0.75) 0%, rgba(243,115,33,0.75) 100%);
  background: -ms-linear-gradient(90deg, rgba(243,115,33,0.75) 0%, rgba(243,115,33,0.75) 100%);
  background: linear-gradient(0deg, rgba(243,115,33,0.75) 0%, rgba(243,115,33,0.75) 100%);
}
.alp-resource-panel-container .alp-resource-header-tag-container i {
  font-size: 135%;
}
.alp-resource-panel-container .alp-resource-header-tag-container .alp-resource-header-tag {
  font-size: 15px;
  font-weight: 700;
}
.alp-resource-panel-container .alp-resource-description-container {
  overflow: hidden;
}
.alp-resource-panel-container .alp-resource-description-container.text-only {
  margin-bottom: 0;
}
.alp-resource-panel-container .alp-resource-description-container .alp-resource-description {
  position: relative;
}
.alp-resource-panel-container .alp-resource-description-container .alp-resource-description .dcg-prosemirror-editor {
  border: none;
  border-radius: 0;
}
.alp-resource-panel-container .alp-resource-description-container .alp-resource-description .dcg-prosemirror-editor .dcg-prosemirror-view {
  padding: 0;
  color: var(--amp-body-color, #3b3b3b);
  font-size: 15px;
  font-weight: 350;
  line-height: normal;
}
.alp-resource-panel-container .alp-resource-description-container .alp-resource-description .dcg-prosemirror-editor .dcg-prosemirror-view p {
  line-height: inherit;
}
.alp-resource-panel-container .alp-resource-description-container .alp-resource-description .dcg-prosemirror-editor .dcg-prosemirror-view ul {
  margin: 0;
}
.alp-resource-panel-container .alp-resource-description-container .alp-resource-description .alp-resource-description-read-more-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
.alp-resource-panel-container .alp-resource-description-container .alp-resource-description .alp-resource-description-read-more-container .fade-out {
  position: unset;
  height: 30px;
  background: -webkit-linear-gradient(rgba(246,246,246,0) 0%, rgba(246,246,246,0.9) 60%, #f6f6f6 100%);
  background: -moz-linear-gradient(rgba(246,246,246,0) 0%, rgba(246,246,246,0.9) 60%, #f6f6f6 100%);
  background: -o-linear-gradient(rgba(246,246,246,0) 0%, rgba(246,246,246,0.9) 60%, #f6f6f6 100%);
  background: -ms-linear-gradient(rgba(246,246,246,0) 0%, rgba(246,246,246,0.9) 60%, #f6f6f6 100%);
  background: linear-gradient(rgba(246,246,246,0) 0%, rgba(246,246,246,0.9) 60%, #f6f6f6 100%);
}
.alp-resource-panel-container .alp-resource-description-container .alp-resource-description .alp-resource-description-read-more-container .read-more-container {
  text-align: center;
  background: #f6f6f6;
}
.alp-resource-panel-container .alp-resource-description-container .alp-resource-description .alp-resource-description-read-more-container .read-more-container .amp-link {
  position: relative;
  bottom: 3px;
}
.alp-resource-panel-container .alp-resource-tile-link {
  text-decoration: none;
  color: var(--amp-body-color, #3b3b3b);
  text-decoration-color: var(--amp-body-color, #3b3b3b);
}
.alp-resource-panel-container .alp-resource-tile-link:focus,
.alp-resource-panel-container .alp-resource-tile-link:hover {
  text-decoration: none;
  color: var(--amp-body-color, #3b3b3b);
  text-decoration-color: var(--amp-body-color, #3b3b3b);
}
.alp-resource-tile-ribbon-container {
  position: relative;
}
.alp-resource-tile-container {
  padding: 12px 18px 0;
  border-radius: 11px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
  outline: 1px solid transparent;
  -webkit-transition: outline-width 0.2s linear, outline-color 0.2s linear;
  -moz-transition: outline-width 0.2s linear, outline-color 0.2s linear;
  -o-transition: outline-width 0.2s linear, outline-color 0.2s linear;
  -ms-transition: outline-width 0.2s linear, outline-color 0.2s linear;
  transition: outline-width 0.2s linear, outline-color 0.2s linear;
}
.alp-resource-tile-container.dcg-hovered {
  outline: 1px solid #9c0d63;
}
.alp-resource-tile-container .alp-resource-icon-category-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: 6px;
  padding-bottom: 2px;
}
.alp-resource-tile-container .alp-resource-icon-category-container i {
  font-size: 24px;
}
.alp-resource-tile-container .alp-resource-icon-category-container .fancy-icon.icon-v2-digital,
.alp-resource-tile-container .alp-resource-icon-category-container .fancy-icon.icon-v2-student-pages,
.alp-resource-tile-container .alp-resource-icon-category-container .fancy-icon img {
  height: 24px;
  width: 24px;
}
.alp-resource-tile-container .alp-resource-icon-category-container .alp-resource-tile-category {
  font-size: 15px;
  font-weight: 500;
  height: 24px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.alp-resource-tile-container .alp-resource-icon-category-container .alp-resource-tile-access {
  font-size: 15px;
  font-weight: 400;
}
.alp-resource-tile-container .alp-resource-icon-category-container .alp-resource-tile-access.access-inline {
  display: inline-block;
  margin-left: 5px;
}
.alp-resource-tile-container .alp-resource-tile-title {
  line-height: 20px;
  overflow-wrap: break-word;
  font-size: 15px;
  color: var(--amp-body-color, #3b3b3b);
}
.alp-resource-tile-container .alp-resource-tile-title:not(.has-subtitle) {
  margin-top: auto;
  margin-bottom: auto;
}
.alp-resource-tile-container .alp-resource-tile-title.two-line-max {
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.alp-resource-tile-container .alp-resource-tile-title.three-line-max {
  -webkit-line-clamp: 3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.alp-resource-tile-container .alp-resource-tile-title.private-placeholder {
  font-style: italic;
}
.alp-resource-tile-container .alp-resource-tile-subtitle {
  margin-top: 4px;
  margin-bottom: auto;
  font-size: 14px;
  color: #676767;
}
.alp-resource-tile-container .alp-resource-tile-title.one-line-max,
.alp-resource-tile-container .alp-resource-tile-subtitle {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  line-height: normal;
}
.alp-resource-tile-container .alp-resource-thumbnail-container {
  border: 1px solid rgba(0,0,0,0.2);
  border-bottom: none;
  max-height: 126px;
  height: 126px;
  position: relative;
}
.alp-resource-tile-container .alp-resource-thumbnail-container.activity-thumbnail {
  background: #e8eef8;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.alp-resource-tile-container .alp-resource-thumbnail-container.activity-thumbnail .alp-resource-thumbnail {
  margin: 13px;
  height: 100px;
  width: 100px;
}
.alp-resource-tile-container .alp-resource-thumbnail-container.image-thumbnail .alp-resource-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.alp-resource-tile-container .alp-resource-thumbnail-container.gallery-thumbnail {
  background-color: #f6f6f6;
  position: relative;
}
.alp-resource-tile-container .alp-resource-thumbnail-container.gallery-thumbnail .alp-resource-gallery-image-wrapper {
  border-radius: 4px;
  position: absolute;
  border: 1px solid #bdbdbd;
}
.alp-resource-tile-container .alp-resource-thumbnail-container.gallery-thumbnail .alp-resource-gallery-image-wrapper:nth-of-type(1) {
  top: 10px;
  left: 60px;
  width: 105px;
  height: 105px;
  z-index: 3;
}
.alp-resource-tile-container .alp-resource-thumbnail-container.gallery-thumbnail .alp-resource-gallery-image-wrapper:nth-of-type(2) {
  top: 26px;
  left: 15px;
  width: 71px;
  height: 71px;
  z-index: 2;
}
.alp-resource-tile-container .alp-resource-thumbnail-container.gallery-thumbnail .alp-resource-gallery-image-wrapper:nth-of-type(3) {
  top: 26px;
  right: 15px;
  width: 71px;
  height: 71px;
  z-index: 1;
}
.alp-resource-tile-container .alp-resource-thumbnail-container.gallery-thumbnail .alp-resource-gallery-image-wrapper .alp-resource-gallery-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.alp-resource-tile-container .alp-resource-thumbnail-container.external-thumbnail .alp-resource-thumbnail {
  height: 100%;
  width: 100%;
}
.alp-resource-tile-container .alp-resource-thumbnail-container.pdf-thumbnail .alp-resource-thumbnail {
  width: 100%;
}
.alp-resource-tile-container .alp-resource-thumbnail-container.entitlement-thumbnail,
.alp-resource-tile-container .alp-resource-thumbnail-container.private-thumbnail {
  background: #d4d4d4;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.alp-resource-tile-container .alp-resource-thumbnail-container.entitlement-thumbnail .alp-resource-thumbnail,
.alp-resource-tile-container .alp-resource-thumbnail-container.private-thumbnail .alp-resource-thumbnail {
  margin: 13px;
  height: 50px;
  width: 50px;
}
.alp-resource-tile-container .alp-resource-thumbnail-container.limited-access-thumbnail {
  background-color: #d9d9d9;
}
.alp-resource-tile-container .alp-resource-thumbnail-container.limited-access-thumbnail .alp-resource-thumbnail {
  filter: grayscale(1);
}
.alp-resource-tile-container .alp-resource-thumbnail-container .bg-lock-overlay {
  color: #999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(255,255,255,0.8);
}
.alp-resource-tile-container .alp-resource-thumbnail-container .bg-lock-overlay i.pillow-icon-lock {
  text-shadow: 0 1px rgba(0,0,0,0.4), 0 -1px rgba(255,255,255,0.2);
  font-size: 95px;
  margin: -10px 0 0 0;
}
.alp-resource-section-header-container {
  margin-bottom: 30px;
}
.alp-resource-section-header-container .rich-text-view .prosemirror-container .dcg-prosemirror-editor h1 {
  font-family: benton-sans;
  font-size: 1.35em;
  line-height: 1.35em;
}
.alp-resource-description-modal.modal-cover.fixed-width .modal-container .modal-contents-wrapper {
  max-height: 80vh;
  padding: 39px;
}
.alp-resource-description-modal.modal-cover.fixed-width .modal-container .modal-contents-wrapper .alp-resource-description-modal-contents {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 13px;
  max-height: calc(80vh - 78px);
}
.alp-resource-description-modal.modal-cover.fixed-width .modal-container .modal-contents-wrapper .alp-resource-description-modal-contents .alp-resource-description-modal-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 5px;
  margin: 0;
}
.alp-resource-description-modal.modal-cover.fixed-width .modal-container .modal-contents-wrapper .alp-resource-description-modal-contents .rich-text-view {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
}

/* src/js/activitybuilder/custom/preview-modal.styl */
.preview-modal .sandbox-container .full-border-in-modal {
  border: 1px solid #e2e2e2;
  margin: 0 10px 10px 10px;
}
.preview-modal .student-activity-header {
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.preview-modal .preview-modal-contents.projector-mode {
  object-fit: contain;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  position: fixed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 0px;
  max-width: none;
  min-height: 0px;
  max-height: none;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  inset: 0px;
  margin: 0px;
  color: #000;
}

/* src/js/activitybuilder/custom/student-edition-modal.styl */
.se-modal .se-modal-wrapper {
  height: calc(100% - 65px);
}
.se-modal .se-modal-contents {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: calc(100% - 52px);
  border: 1px solid #bdbdbd;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  background-color: #f6f6f6;
}
.se-modal .se-modal-contents.full-height {
  height: 100%;
}
.se-modal .se-modal-contents .canvas-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  overflow: auto;
}
.se-modal .se-modal-contents .canvas-wrapper.zoomed {
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.se-modal .se-modal-contents .canvas-wrapper.zoomed canvas {
  height: auto;
}
.se-modal .se-modal-contents .canvas-wrapper canvas {
  height: 100%;
  position: relative;
}
.se-modal .se-modal-contents .se-zoom-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: absolute;
  border-radius: var(--amp-border-radius, 0.1875em);
  background: #fff;
  bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  padding: 0 5px;
  width: auto;
  z-index: 3;
}
.se-modal .se-modal-contents .se-zoom-buttons .se-zoom-button {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.se-modal .se-modal-contents .se-zoom-buttons .se-zoom-button.btn-icon-float.dcg-hovered {
  background-color: #e9e9e9;
}
.se-modal .se-modal-contents .se-navigation-left-wrapper {
  position: absolute;
  left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  z-index: 3;
}
.se-modal .se-modal-contents .se-navigation-left-wrapper .dcg-tooltip-hit-area-container {
  width: 40px;
  heigth: 40px;
}
.se-modal .se-modal-contents .se-navigation-left-wrapper .dcg-tooltip-hit-area-container .se-navigation-left.disabled {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.se-modal .se-modal-contents .se-navigation-left-wrapper .dcg-tooltip-hit-area-container .se-navigation-left.disabled :hover {
  cursor: default;
}
.se-modal .se-modal-contents .se-navigation-right-wrapper {
  position: absolute;
  right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  z-index: 3;
}
.se-modal .se-modal-contents .se-navigation-right-wrapper .dcg-tooltip-hit-area-container {
  width: 40px;
  heigth: 40px;
}
.se-modal .se-modal-contents .se-navigation-right-wrapper .dcg-tooltip-hit-area-container .se-navigation-right.disabled {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.se-modal .se-modal-contents .se-navigation-right-wrapper .dcg-tooltip-hit-area-container .se-navigation-right.disabled :hover {
  cursor: default;
}
.se-modal .se-modal-contents .teacher-toolbar-container {
  position: absolute;
  left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  bottom: -1px;
  z-index: 2;
}
.se-modal .se-modal-contents .teacher-toolbar-container .teacher-tip-section-tabs {
  border: 1px solid #bdbdbd;
}
.se-modal .se-modal-contents .teacher-toolbar-container .teacher-tip-section-tabs .tool-tab-expanded .tool-button {
  background: #f6f6f6;
}
.se-modal .se-modal-contents .teacher-toolbar-container .teacher-tip-section-tabs .tool-button {
  background: #fff;
}
.se-modal .se-modal-contents .teacher-toolbar-container .teacher-tip-section-tabs .tool-button.dcg-hovered,
.se-modal .se-modal-contents .teacher-toolbar-container .teacher-tip-section-tabs .tool-button:focus-visible {
  background-color: rgba(0,0,0,0.05);
}
.se-modal .se-modal-contents .teacher-toolbar-container .teacher-tip-section-tabs .tool-button.dcg-depressed {
  background-color: rgba(0,0,0,0.1);
  top: unset;
  height: 42px;
}
.se-modal .se-modal-contents .teacher-toolbar-container .teacher-tip-section-tabs .tool-button:focus-visible {
  outline: 3px solid #9c0d63 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.se-modal .se-modal-contents .teacher-toolbar-container .teacher-tip-section-tabs .tool-tab .toolbar-container.menu-style .tool-set {
  border: 1px solid #bdbdbd;
}
.se-modal .se-modal-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.se-modal .se-modal-footer .se-modal-page-indicator {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  padding-top: 6px;
}
.se-modal .se-modal-footer .se-modal-edit-actions {
  text-align: right;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.se-modal .se-modal-footer .se-modal-edit-actions .se-modal-edit-actions-cancel {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}

/* src/js/activitybuilder/editor/edit-details/edit-activity-resources/image-gallery/image-gallery.scss */
.image-gallery-modal-component .modal-contents-wrapper .image-gallery {
  height: 100%;
}
.image-gallery-modal-component .modal-contents-wrapper .image-gallery .image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90%;
  width: 100%;
  border-radius: 4px;
  border: solid 2px #e9e9e9;
  background-color: #f6f6f6;
  margin-right: 10px;
}
.image-gallery-modal-component .modal-contents-wrapper .image-gallery .image-container img {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
.image-gallery-modal-component .modal-contents-wrapper .image-gallery .navigation-container {
  margin-top: 20px;
}
.image-gallery-modal-component .modal-contents-wrapper .image-gallery .navigation-container .footer-contaier {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.image-gallery-modal-component .modal-contents-wrapper .image-gallery .navigation-container .footer-contaier .image-description {
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-gallery-modal-component .modal-contents-wrapper .image-gallery .navigation-container .footer-contaier .image-description .image-count {
  text-transform: uppercase;
  margin-right: 10px;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: 0.5px;
}
.image-gallery-modal-component .modal-contents-wrapper .image-gallery .navigation-container .footer-contaier .image-description .divider {
  height: 26px;
  width: 1px;
  background-color: black;
}
.image-gallery-modal-component .modal-contents-wrapper .image-gallery .navigation-container .footer-contaier .image-description .image-caption {
  font-size: 15px;
  margin-left: 10px;
  margin-right: 10px;
}
.image-gallery-modal-component .modal-contents-wrapper .image-gallery .navigation-container .footer-contaier .navigation-buttons .back-button {
  width: 100px;
}
.image-gallery-modal-component .modal-contents-wrapper .image-gallery .navigation-container .footer-contaier .navigation-buttons .button-separator {
  display: inline-block;
  width: 13px;
  height: 13px;
}

.image-collection-preview-button {
  height: 40px;
}
.image-collection-preview-button .icon-background {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.image-collection-preview-button .icon-background i {
  margin: 0px;
}
/* src/js/activitybuilder/editor/edit-details/resource-group-section.styl */
.resource-group-divider-item {
  margin-bottom: 30px;
}
.resource-group-divider-item .dcg-shared-options-dropdown .dropdown-choice:not(.dropdown-choice-disabled),
.resource-group-divider-item .dcg-shared-options-dropdown .dropdown-choice:not(.dropdown-choice-disabled):hover {
  color: #db2e00;
}
.resource-group-divider-item .text-card-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.resource-group-divider-item .text-card-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.resource-group-divider-item .text-card-container:hover {
  -webkit-box-shadow: 0 0 0 2px #9c0d63;
  box-shadow: 0 0 0 2px #9c0d63;
}
.resource-group-divider-item .text-card-container .diff-tag-wrapper {
  margin-right: 50px;
}
.resource-group-divider-item .text-card-container .text-card-inputs-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
}
.resource-group-divider-item .text-card-container .text-card-inputs-wrapper .dcg-prosemirror-editor {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.resource-group-divider-item.is-focused .text-card-container {
  -webkit-box-shadow: 0 0 0 2px #9c0d63;
  box-shadow: 0 0 0 2px #9c0d63;
  border-top-right-radius: 0;
}
.resource-group-divider-item.is-focused .text-card-container .dcg-prosemirror-editor.dcg-focused {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.resource-group-divider-item.is-focused .dot-dot-dropdown-container {
  display: none;
}
.resource-group-divider-item .dot-dot-dropdown-container {
  position: absolute;
  top: -2px;
  right: 0;
  padding: 5px;
}
.resource-group-divider-item .heading-container .prosemirror-container,
.resource-group-divider-item .description-container .prosemirror-container {
  position: static;
}
.resource-group-divider-item .heading-container .prosemirror-container .prosemirror-format-menu,
.resource-group-divider-item .description-container .prosemirror-container .prosemirror-format-menu {
  margin-top: -2px;
  margin-right: -2px;
  background: #fff;
}
.resource-group-divider-item .heading-container {
  margin-right: 40px;
}
.resource-group-divider-item .heading-container .prosemirror-container .ProseMirror h1 {
  margin: 0;
  font-family: benton-sans;
  font-size: 1.7em;
  font-weight: 400;
  line-height: 32px;
}
.resource-group-divider-item .heading-container .prosemirror-container .ProseMirror h1 strong {
  font-weight: 500;
}
.resource-group-divider-item .heading-container .prosemirror-container .ProseMirror h1 .prosemirror-placeholder {
  font-weight: 400;
}
.resource-group-divider-item .description-container .ProseMirror {
  padding-top: 0 !important;
  font-family: benton-sans;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}
.resource-group-divider-item .description-container .ProseMirror .prosemirror-placeholder {
  padding-top: 0 !important;
  font-family: benton-sans;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}
.resource-group-divider-item .description-container-visible {
  height: initial;
  overflow: initial;
}
.resource-group-divider-item .description-container-hidden {
  -webkit-transition: all 2.5s allow-discrete;
  -moz-transition: all 2.5s allow-discrete;
  -o-transition: all 2.5s allow-discrete;
  -ms-transition: all 2.5s allow-discrete;
  transition: all 2.5s allow-discrete;
  height: 0;
  overflow: hidden;
}
.resource-group-divider-item .activity-resources-section .dropdown-container-inner {
  padding: 0px;
  top: 3px !important;
  left: 1px;
}
.resource-group-divider-item .activity-resources-section .dropdown-container-inner:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 11px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.resource-group-divider-item .activity-resources-section .dropdown-container-inner:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 10px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.resource-group-divider-item .activity-resources-section .dropdown-container-inner .dropdown-option-container:nth-child(1) {
  border-bottom: solid 1px #e9e9e9;
}
.resource-group-divider-item .activity-resources-section .dropdown-container-inner .dropdown-option-container .dropdown-choice {
  padding: 10px 15px;
}

/* src/js/activitybuilder/editor/edit-details/resource-links-container.styl */
.resource-links-container .preview-item-link,
.resource-links-container .preview-paper-resource,
.resource-links-container .preview-student-edition {
  margin-bottom: 20px;
}
.resource-links-container .student-edition-restore {
  width: fit-content;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.resource-links-container .resource-link {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 12px 18px;
  margin-right: 15px;
}
.resource-links-container .add-resource-link {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.resource-links-container .add-resource-link .btn {
  margin-right: 10px;
}
.add-resource-section {
  margin-bottom: 15px;
}

/* src/js/activitybuilder/editor/item-bank/item-bank-browser-modal.styl */
.item-bank-browser-modal-contents {
  margin: 0px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  height: 100%;
}

/* src/js/activitybuilder/shared/comments/comment-collapsable-section.scss */
.collapsable-comment-section .collapsable-comment-section-header {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  display: flex;
  justify-content: space-between;
  background-color: #f6f6f6;
  border: 1px solid #e9e9e9;
}
.collapsable-comment-section .collapsable-comment-section-header:hover {
  background-color: #e9e9e9;
}
.collapsable-comment-section .collapsable-comment-section-header:active {
  background: #ccc;
  border-color: #ccc;
}
.collapsable-comment-section .collapsable-comment-section-header:focus:not(.collapsable-comment-section .collapsable-comment-section-header:active), .collapsable-comment-section .collapsable-comment-section-header:focus-visible:not(.collapsable-comment-section .collapsable-comment-section-header:active) {
  outline-offset: -4px;
  background-color: #e9e9e9;
}
.collapsable-comment-section .collapsable-comment-section-header .collapsable-comment-section-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.collapsable-comment-section .collapsable-comment-section-header .collapsable-comment-section-title .unread-comments-notification {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #3278c8;
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.collapsable-comment-section .collapsable-comment-section-header .collapsable-comment-section-footer {
  flex: 0 0 auto;
}
.collapsable-comment-section.current-screen .comment-screen .comment-list-item-container:first-child .comment-list-item {
  margin-top: 0;
}
.collapsable-comment-section .comment-screen {
  padding-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}

.collapsable-comment-section {
  display: flex;
  flex-direction: column;
}

.collapsable-comment-section.open {
  flex: 1 1 0%;
}

.collapsable-comment-section.closed {
  flex: 0 0 auto;
}

.comment-list-container-v2 {
  position: relative;
  flex: 1 1 0%;
}
/* src/js/activitybuilder/shared/comments/comment-list-v2.scss */
.feedback-comments.collapsable {
  padding: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5);
}

.feedback-comments.collapsable,
.feedback-comments-container.collapsable {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden auto;
}
.feedback-comments.collapsable .comment-screen-header,
.feedback-comments-container.collapsable .comment-screen-header {
  display: flex;
  align-items: center;
  color: #3b3b3b;
  text-transform: uppercase;
}
.feedback-comments.collapsable .comment-screen-header::after,
.feedback-comments-container.collapsable .comment-screen-header::after {
  background-color: #bdbdbd;
  content: "";
  flex: 1;
  margin-left: 1rem;
  height: 1px;
}
.feedback-comments.collapsable .comment-screen-header .screen-title,
.feedback-comments-container.collapsable .comment-screen-header .screen-title {
  display: flex;
  align-items: center;
  text-align: right;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.feedback-comments.collapsable .comment-screen-header .screen-title .label,
.feedback-comments.collapsable .comment-screen-header .screen-title i,
.feedback-comments-container.collapsable .comment-screen-header .screen-title .label,
.feedback-comments-container.collapsable .comment-screen-header .screen-title i {
  display: inline-block;
  transition: all 250ms ease-in-out;
}
.feedback-comments.collapsable .comment-screen-header .screen-title i,
.feedback-comments-container.collapsable .comment-screen-header .screen-title i {
  font-size: 1em;
}
.feedback-comments.collapsable .no-feedback-message,
.feedback-comments-container.collapsable .no-feedback-message {
  color: #676767;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  text-align: center;
}
.feedback-comments.collapsable .new-messages-below,
.feedback-comments-container.collapsable .new-messages-below {
  position: absolute;
  bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  z-index: 10;
}
.feedback-comments.collapsable .new-messages-below i,
.feedback-comments-container.collapsable .new-messages-below i {
  margin-right: 4px;
  transform: rotate(-90deg);
  font-size: 85%;
  display: inline-block;
}
.feedback-comments.collapsable .comment-list,
.feedback-comments-container.collapsable .comment-list {
  margin: 0;
}
.feedback-comments.collapsable .comment-list .new-comment-header,
.feedback-comments-container.collapsable .comment-list .new-comment-header {
  font-size: 87.5%;
  text-align: center;
  position: relative;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.feedback-comments.collapsable .comment-list .new-comment-header.above-first-comment,
.feedback-comments-container.collapsable .comment-list .new-comment-header.above-first-comment {
  margin-top: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5);
}
.feedback-comments.collapsable .comment-list .new-comment-header::before,
.feedback-comments-container.collapsable .comment-list .new-comment-header::before {
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
}
.feedback-comments.collapsable .comment-list .new-comment-header .new-comment-message,
.feedback-comments-container.collapsable .comment-list .new-comment-header .new-comment-message {
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  background: #fff;
  position: relative;
  z-index: 1;
}
.feedback-comments.collapsable .comment-list .new-comment-header.header-student-experience::before,
.feedback-comments-container.collapsable .comment-list .new-comment-header.header-student-experience::before {
  background-color: #3278c8;
}
.feedback-comments.collapsable .comment-list .new-comment-header.header-student-experience .new-comment-message,
.feedback-comments-container.collapsable .comment-list .new-comment-header.header-student-experience .new-comment-message {
  color: #3278c8;
}
.feedback-comments.collapsable .comment-list .new-comment-header:not(.header-student-experience)::before,
.feedback-comments-container.collapsable .comment-list .new-comment-header:not(.header-student-experience)::before {
  background-color: #bdbdbd;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container.dcg-full-width,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container.dcg-full-width {
  margin-left: -16px;
  margin-right: -16px;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container.dcg-full-width .new-comment-header,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container.dcg-full-width .new-comment-header {
  margin-left: 16px;
  margin-right: 16px;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) auto;
  position: relative;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item .comment-new-indicator,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item .comment-new-indicator {
  position: absolute;
  top: -14px;
  right: 0;
  height: 28px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  background-color: #c2d7ef;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item .dcg-tooltip-hit-area-container,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item .dcg-tooltip-hit-area-container {
  display: block;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin-top: -1px;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item .dcg-tooltip-hit-area-container .label,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item .dcg-tooltip-hit-area-container .label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item .timestamp,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item .timestamp {
  white-space: nowrap;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item .timestamp span,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item .timestamp span {
  display: block;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item.hovered-for-screen-navigation:not(.for-current-screen) .dcg-tooltip-hit-area-container,
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item.hovered-for-screen-navigation:not(.for-current-screen) .dcg-tooltip-hit-area-container .label,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item.hovered-for-screen-navigation:not(.for-current-screen) .dcg-tooltip-hit-area-container,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item.hovered-for-screen-navigation:not(.for-current-screen) .dcg-tooltip-hit-area-container .label {
  overflow: visible;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item.hovered-for-screen-navigation:not(.for-current-screen) .timestamp,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item.hovered-for-screen-navigation:not(.for-current-screen) .timestamp {
  overflow: hidden;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item.hovered-for-screen-navigation:not(.for-current-screen) .timestamp span,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item.hovered-for-screen-navigation:not(.for-current-screen) .timestamp span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item.hovered-for-screen-navigation:not(.for-current-screen) .left-comment-footer-container,
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item.hovered-for-screen-navigation:not(.for-current-screen) .feedback-options-dropdown-container,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item.hovered-for-screen-navigation:not(.for-current-screen) .left-comment-footer-container,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item.hovered-for-screen-navigation:not(.for-current-screen) .feedback-options-dropdown-container {
  overflow-x: hidden;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item.hovered-for-screen-navigation:not(.for-current-screen) .feedback-options-dropdown,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item.hovered-for-screen-navigation:not(.for-current-screen) .feedback-options-dropdown {
  display: block;
  overflow-x: hidden;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item .revision-request,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item .revision-request {
  border: 1px solid #15b097;
  background: #e8f7f5;
  border-radius: 12px;
  font-size: 85%;
  padding: 2px 10px;
  position: absolute;
  top: -10px;
  left: 10px;
  display: flex;
  align-items: center;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item .revision-request i.pillow-icon-reset,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item .revision-request i.pillow-icon-reset {
  color: #15b097;
  margin-right: 5px;
  font-size: 85%;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item .revision-request + .rich-text-view,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item .revision-request + .rich-text-view {
  padding-top: 12px;
  margin-top: 20px;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item .rich-text-view,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item .rich-text-view {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  border-radius: var(--amp-border-radius, 0.1875em);
  width: 100%;
  border: 1px solid #e9e9e9;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item .feedback-options-dropdown-container,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item .feedback-options-dropdown-container {
  display: flex;
  align-items: center;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item.for-current-screen .rich-text-view,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item.for-current-screen .rich-text-view {
  background: #e9e9e9;
  color: var(--amp-body-color, #3b3b3b);
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.hovered-for-screen-navigation) .comment-content-container,
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.hovered-for-screen-navigation) .screen-title,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.hovered-for-screen-navigation) .comment-content-container,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.hovered-for-screen-navigation) .screen-title {
  cursor: auto !important;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.for-current-screen) .revision-request,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.for-current-screen) .revision-request {
  border: 1px solid rgba(21, 176, 151, 0.5);
  background: #f4fbfa;
  color: #999;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.for-current-screen) .revision-request i.pillow-icon-reset,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.for-current-screen) .revision-request i.pillow-icon-reset {
  color: rgba(21, 176, 151, 0.5);
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.for-current-screen) .rich-text-view,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.for-current-screen) .rich-text-view {
  color: #676767;
  background: #f6f6f6;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.for-current-screen).can-navigate:hover .rich-text-view,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.for-current-screen).can-navigate:hover .rich-text-view {
  background: #eee;
  border: 1px solid #e2e2e2;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.for-current-screen).can-navigate:hover .screen-title.next .label,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.for-current-screen).can-navigate:hover .screen-title.next .label {
  transform: translate3d(calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * -1), 0, 0);
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.for-current-screen).can-navigate:hover .screen-title.next i,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.for-current-screen).can-navigate:hover .screen-title.next i {
  opacity: 1;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.for-current-screen).can-navigate:hover .screen-title.prev i,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item:not(.for-current-screen).can-navigate:hover .screen-title.prev i {
  transform: translate3d(-16px, 0, 0);
  opacity: 1;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item.revision-addressed-comment .rich-text-view,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item.revision-addressed-comment .rich-text-view {
  border: 1px solid #15b097;
  background: #e8f7f5;
  border-radius: 8px 8px 0 8px;
}
.feedback-comments.collapsable .comment-list .comment-list-item-container .comment-list-item.revision-addressed-comment:not(.for-current-screen) .rich-text-view,
.feedback-comments-container.collapsable .comment-list .comment-list-item-container .comment-list-item.revision-addressed-comment:not(.for-current-screen) .rich-text-view {
  border: 1px solid rgba(21, 176, 151, 0.5);
  background: #f4fbfa;
}
.feedback-comments.collapsable .shared-comment-footer,
.feedback-comments-container.collapsable .shared-comment-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  position: relative;
}
.feedback-comments.collapsable .shared-comment-footer .left-comment-footer-container,
.feedback-comments-container.collapsable .shared-comment-footer .left-comment-footer-container {
  display: flex;
  align-items: center;
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  line-height: 1.2em;
}
.feedback-comments.collapsable .shared-comment-footer .dcg-comment-edited-label,
.feedback-comments-container.collapsable .shared-comment-footer .dcg-comment-edited-label {
  color: #676767;
  border-left: 1px solid #676767;
  margin-left: 0.5em;
  padding-left: 0.5em;
  line-height: 1em;
  margin-bottom: 1px;
}
.feedback-comments.collapsable .shared-comment-footer .dcg-comment-edited-label + i,
.feedback-comments-container.collapsable .shared-comment-footer .dcg-comment-edited-label + i {
  margin-bottom: 1px;
}
/* src/js/activitybuilder/shared/comments/feedback-screen-score.scss */
.screen-score {
  flex-basis: content;
  height: calc(100% + 2 * var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  border-bottom: 1px solid var(--gray-02-gray-2, #e9e9e9);
  background: var(--white-01-white, #fff);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.screen-score .screen-score-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.screen-score .screen-score-container .title {
  font-weight: 500;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.screen-score .screen-score-container .timestamp {
  position: absolute;
  top: 82px;
  right: 8px;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.screen-score .screen-score-container .score-pill2 {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  align-self: flex-start;
  display: flex;
  padding: 3px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--white-01-white, #fff);
  font-size: 12.5px;
  font-weight: 500;
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  border-radius: 30px;
  background: var(--text-02-text-light, #676767);
}
/* src/js/activitybuilder/shared/keypad/dcgview-helpers/static-mathquill-view.scss */
.dcg-static-mathquill-view * {
  -webkit-user-select: text !important;
          user-select: text !important;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-user-select: text !important;
}
.dcg-static-mathquill-view * .dcg-mq-cursor {
  display: none;
}
/* src/js/activitybuilder/shared/keypad/keypad-base/btn.scss */
.dcg-basic-keypad .dcg-keypad-btn-container {
  height: 40px;
  display: inline-block;
  position: relative;
  flex-grow: 1;
}
.dcg-basic-keypad .dcg-keypad-btn-container.dcg-disabled {
  opacity: 0.5;
}
.dcg-basic-keypad .dcg-keypad-btn-container.dcg-disabled .dcg-keypad-btn {
  cursor: default;
}
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-keypad-btn {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 0;
}
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-keypad-btn .dcg-keypad-btn-content {
  text-align: center;
  flex: 1;
  pointer-events: none;
  font-size: 90%;
}
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-keypad-btn.dcg-btn-light-on-gray {
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.25), inset 0 -1px rgba(0, 0, 0, 0.02);
  background: linear-gradient(#fff, #fafafa);
  border: 1px solid #d8d8d8;
  border-radius: 2px;
}
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-keypad-btn.dcg-btn-dark-on-gray {
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.02);
  background: linear-gradient(rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.16));
  border: 1px solid #bbb;
  border-radius: 2px;
}
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-keypad-btn.dcg-btn-tall-blue, .dcg-basic-keypad .dcg-keypad-btn-container .dcg-keypad-btn.dcg-btn-short-blue {
  box-sizing: border-box;
  border-radius: 2px;
  color: #fff;
  background: #3278c8;
  border: 1px solid #3f73a6;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.05);
}
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-keypad-btn.dcg-btn-tall-blue.dcg-hovered:not(.dcg-disabled), .dcg-basic-keypad .dcg-keypad-btn-container .dcg-keypad-btn.dcg-btn-short-blue.dcg-hovered:not(.dcg-disabled) {
  background: #3f73a6;
  transition: background 0.2s;
}
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-keypad-btn.dcg-btn-tall-blue.dcg-depressed:not(.dcg-disabled), .dcg-basic-keypad .dcg-keypad-btn-container .dcg-keypad-btn.dcg-btn-short-blue.dcg-depressed:not(.dcg-disabled) {
  background: #35608a;
  border: 1px solid #35608a;
  box-shadow: none;
}
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-keypad-btn.dcg-btn-tall-blue {
  height: 76px;
}
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-mq-large-operator,
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-mq-int {
  font-size: 80%;
}
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-mq-large-operator .dcg-mq-sup,
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-mq-large-operator .dcg-mq-sub,
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-mq-large-operator .dcg-mq-to,
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-mq-large-operator .dcg-mq-from,
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-mq-int .dcg-mq-sup,
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-mq-int .dcg-mq-sub,
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-mq-int .dcg-mq-to,
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-mq-int .dcg-mq-from {
  display: none;
}
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-mq-supsub {
  font-size: 80%;
}
.dcg-basic-keypad .dcg-keypad-btn-container .dcg-mq-sqrt-stem {
  width: 4px;
  padding: 0;
  background: transparent;
}
.dcg-basic-keypad .dcg-keypad-btn-container [dcg-command=shift] {
  padding-top: 2px;
}
.dcg-basic-keypad .dcg-keypad-btn-container [dcg-command="/"],
.dcg-basic-keypad .dcg-keypad-btn-container [dcg-command="-"] {
  padding-top: 1px;
}
.dcg-basic-keypad .dcg-keypad-btn-container [dcg-command="*"] {
  padding-top: 2px;
}
.dcg-basic-keypad .dcg-keypad-btn-container [dcg-command=left],
.dcg-basic-keypad .dcg-keypad-btn-container [dcg-command=right],
.dcg-basic-keypad .dcg-keypad-btn-container [dcg-command=backspace] {
  font-size: 110%;
  padding-top: 2px;
}
.dcg-basic-keypad .dcg-keypad-btn-container [dcg-command=enter] {
  font-size: 140%;
  padding-top: 3px;
}
.dcg-basic-keypad .dcg-keypad-btn-container:not(.dcg-disabled) .dcg-keypad-btn.dcg-btn-light-on-gray.dcg-hovered {
  background: #f5f5f5;
  border-color: #d8d8d8;
}
.dcg-basic-keypad .dcg-keypad-btn-container:not(.dcg-disabled) .dcg-keypad-btn.dcg-btn-light-on-gray.dcg-depressed {
  background: #ebebeb;
  border-color: #cfcfcf;
  box-shadow: none;
}
.dcg-basic-keypad .dcg-keypad-btn-container:not(.dcg-disabled) .dcg-keypad-btn.dcg-btn-dark-on-gray.dcg-hovered {
  background: rgba(0, 0, 0, 0.16);
}
.dcg-basic-keypad .dcg-keypad-btn-container:not(.dcg-disabled) .dcg-keypad-btn.dcg-btn-dark-on-gray.dcg-depressed {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.19);
}

.dcg-inverted-colors .dcg-keypad-btn-container .dcg-keypad-btn.dcg-btn-light-on-gray {
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.25), inset 0 1px rgba(0, 0, 0, 0.02);
  background: linear-gradient(#fafafa, #fff);
}
.dcg-inverted-colors .dcg-keypad-btn-container .dcg-keypad-btn.dcg-btn-dark-on-gray {
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1), inset 0 1px rgba(0, 0, 0, 0.02);
  background: linear-gradient(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.13));
}

.dcg-has-background-color .dcg-basic-keypad .dcg-keypad-btn-container .dcg-btn-light-on-gray {
  background: rgba(255, 255, 255, 0.3);
  border: 0;
}
.dcg-has-background-color .dcg-basic-keypad .dcg-keypad-btn-container .dcg-btn-light-on-gray.dcg-hovered {
  background: rgba(255, 255, 255, 0.25);
}
.dcg-has-background-color .dcg-basic-keypad .dcg-keypad-btn-container .dcg-btn-light-on-gray.dcg-depressed {
  background: rgba(255, 255, 255, 0.15);
}
.dcg-has-background-color .dcg-basic-keypad .dcg-keypad-btn-container .dcg-btn-dark-on-gray {
  background: rgba(0, 0, 0, 0.15);
  border: 0;
}
.dcg-has-background-color .dcg-basic-keypad .dcg-keypad-btn-container .dcg-btn-dark-on-gray.dcg-hovered {
  background: rgba(0, 0, 0, 0.18);
}
.dcg-has-background-color .dcg-basic-keypad .dcg-keypad-btn-container .dcg-btn-dark-on-gray.dcg-depressed {
  background: rgba(0, 0, 0, 0.22);
}

.dcg-PROJECTOR-MODE.dcg-narrow [dcg-command="/"] .dcg-keypad-btn-content,
.dcg-PROJECTOR-MODE.dcg-narrow [dcg-command="="] .dcg-keypad-btn-content,
.dcg-PROJECTOR-MODE.dcg-narrow [dcg-command="<"] .dcg-keypad-btn-content,
.dcg-PROJECTOR-MODE.dcg-narrow [dcg-command="<="] .dcg-keypad-btn-content {
  position: relative;
  left: -1px;
}
.dcg-PROJECTOR-MODE.dcg-narrow .dcg-basic-keypad .dcg-keypad-btn[dcg-command=sqrt] {
  font-size: 80%;
}

.dcg-PROJECTOR-MODE:not(.dcg-narrow) .dcg-keys-container.dcg-smaller-functions-text .dcg-keypad-btn[dcg-command=functions] {
  font-size: 80%;
}

.dcg-keys-container.dcg-small-ABC .dcg-abc-audio-container .dcg-keypad-btn[dcg-command=ABC] {
  font-size: 90%;
}

.dcg-keys-container.dcg-smaller-ABC .dcg-abc-audio-container .dcg-keypad-btn[dcg-command=ABC] {
  font-size: 80%;
}

.dcg-keys-container.dcg-smallest-ABC .dcg-abc-audio-container .dcg-keypad-btn[dcg-command=ABC] {
  font-size: 70%;
}
/* src/js/activitybuilder/shared/keypad/keypad-base/control-bar.scss */
.dcg-keypad-control-bar {
  height: 40px;
  background-color: rgba(0, 0, 0, 0.07);
  border-left: 1px solid #bdbdbd;
  border-right: 1px solid #bdbdbd;
}
.dcg-keypad-control-bar .dcg-keypad-control-bar-contents {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  flex-shrink: 0;
  padding-top: 2px;
  gap: 8px;
}
.dcg-keypad-control-bar .dcg-spacer {
  flex-grow: 1;
}
.dcg-keypad-control-bar .dcg-spacer-2 {
  flex-grow: 2;
}

.dcg-calc-basic-main-wrapper:not(.dcg-narrow) .dcg-projector-mode .dcg-keypad-control-bar {
  height: 52px;
}
/* src/js/activitybuilder/shared/keypad/keypad-base/control-btn.scss */
.dcg-keypad-control-btn {
  flex-grow: 1;
  min-width: 40px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  font-size: 87.5%;
}
.dcg-keypad-control-btn.dcg-narrow-control-btn {
  max-width: 80px;
}
.dcg-keypad-control-btn.dcg-selectable-btn {
  padding: 0 5px;
  height: 38px;
  line-height: 40px;
}
.dcg-keypad-control-btn:not(.dcg-selectable-btn) {
  height: 32px;
  line-height: 32px;
  margin: 5px;
  border-radius: 5px;
}
.dcg-keypad-control-btn.dcg-disabled {
  color: rgba(0, 0, 0, 0.15);
  cursor: default;
}
.dcg-keypad-control-btn:not(.dcg-disabled, .dcg-selectable-btn).dcg-hovered {
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.1);
}
.dcg-keypad-control-btn:not(.dcg-disabled, .dcg-selectable-btn).dcg-depressed {
  color: #000;
  background: rgba(0, 0, 0, 0.18);
}
.dcg-keypad-control-btn[dcg-command=settings] i {
  font-size: 120%;
  position: relative;
  top: 1px;
}
.dcg-keypad-control-btn[dcg-command=backspace] i, .dcg-keypad-control-btn[dcg-command=undo] i, .dcg-keypad-control-btn[dcg-command=redo] i {
  font-size: 150%;
  position: relative;
  top: 3px;
}
.dcg-keypad-control-btn[dcg-command=clear] {
  width: 50px;
  white-space: nowrap;
}
.dcg-keypad-control-btn[dcg-command=clearall] {
  width: 50px;
  line-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dcg-keypad-control-bar .dcg-keypad-control-btn:not(.dcg-disabled).dcg-selectable-btn {
  position: relative;
}
.dcg-keypad-control-bar .dcg-keypad-control-btn:not(.dcg-disabled).dcg-selectable-btn::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  height: 0;
  background: rgba(50, 120, 200, 0.5);
}
.dcg-keypad-control-bar .dcg-keypad-control-btn:not(.dcg-disabled).dcg-selectable-btn.dcg-hovered:not(.dcg-selected) {
  color: #000;
}
.dcg-keypad-control-bar .dcg-keypad-control-btn:not(.dcg-disabled).dcg-selectable-btn.dcg-hovered:not(.dcg-selected)::after {
  height: 4px;
  transition: height 0.2s;
}
.dcg-keypad-control-bar .dcg-keypad-control-btn:not(.dcg-disabled).dcg-selectable-btn.dcg-selected {
  color: #000;
}
.dcg-keypad-control-bar .dcg-keypad-control-btn:not(.dcg-disabled).dcg-selectable-btn.dcg-selected::after {
  height: 4px;
  background: #3278c8;
}
.dcg-keypad-control-bar .dcg-keypad-control-btn:not(.dcg-disabled).dcg-selectable-btn:first-of-type {
  margin-left: 6px;
}

.dcg-narrow.dcg-calc-basic-main-wrapper .dcg-keypad-control-btn {
  min-width: 25px;
}
.dcg-narrow.dcg-calc-basic-main-wrapper .dcg-keypad-control-btn[dcg-command=clearall], .dcg-narrow.dcg-calc-basic-main-wrapper .dcg-keypad-control-btn[dcg-command=clear] {
  width: 50px;
}

.dcg-calc-basic-main-wrapper:not(.dcg-narrow) .dcg-projector-mode .dcg-keypad-control-btn {
  font-size: 150%;
  height: 44px;
  line-height: 44px;
}
.dcg-calc-basic-main-wrapper:not(.dcg-narrow) .dcg-projector-mode .dcg-keypad-control-btn[dcg-command=clearall],
.dcg-calc-basic-main-wrapper:not(.dcg-narrow) .dcg-projector-mode .dcg-keypad-control-btn[dcg-command=clear] {
  width: 75px;
}
.dcg-calc-basic-main-wrapper:not(.dcg-narrow) .dcg-projector-mode .dcg-keypad-control-btn[dcg-command=clearall] {
  line-height: 20px;
}
.dcg-calc-basic-main-wrapper:not(.dcg-narrow) .dcg-projector-mode .dcg-keypad-control-btn[dcg-command=settings] i {
  top: 4px;
}
.dcg-calc-basic-main-wrapper:not(.dcg-narrow) .dcg-projector-mode .dcg-keypad-control-btn[dcg-command=backspace] i,
.dcg-calc-basic-main-wrapper:not(.dcg-narrow) .dcg-projector-mode .dcg-keypad-control-btn[dcg-command=undo] i,
.dcg-calc-basic-main-wrapper:not(.dcg-narrow) .dcg-projector-mode .dcg-keypad-control-btn[dcg-command=redo] i {
  top: 5px;
}
.dcg-calc-basic-main-wrapper:not(.dcg-narrow) .dcg-projector-mode .dcg-selectable-btn {
  top: 4px;
}
/* src/js/activitybuilder/shared/keypad/keypad-base/keypad.scss */
.dcg-basic-keypad-container {
  background: rgba(0, 0, 0, 0.07);
  border: 1px solid #bdbdbd;
  border-top: none;
}

.dcg-basic-keypad {
  margin: 0;
  padding: 4px 3px;
}
.dcg-basic-keypad .dcg-mq-large-operator .dcg-mq-to,
.dcg-basic-keypad .dcg-mq-large-operator .dcg-mq-from {
  display: none !important;
}
.dcg-basic-keypad .dcg-mq-int .dcg-mq-supsub {
  display: none;
}
.dcg-basic-keypad .dcg-mq-large-operator,
.dcg-basic-keypad .dcg-mq-int {
  font-size: 70%;
  position: relative;
  top: -1px;
}
.dcg-basic-keypad * {
  -webkit-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
}
.dcg-basic-keypad .dcg-full-width-placeholder {
  flex-grow: 1;
}
.dcg-basic-keypad .dcg-half-width-placeholder {
  flex-grow: 0.5;
}
.dcg-basic-keypad .dcg-partition-placeholder {
  width: 4%;
}

.dcg-projector-mode .dcg-basic-keypad,
.dcg-PROJECTOR-MODE .dcg-basic-keypad {
  font-size: 150%;
}

.dcg-projector-mode .dcg-basic-keypad .dcg-keypad-btn-container {
  height: 52px;
}
.dcg-projector-mode.dcg-classroom-large-projector-mode .dcg-basic-keypad .dcg-keypad-btn-container {
  height: 64px;
}

.dcg-PROJECTOR-MODE .dcg-basic-keypad .dcg-keypad-row .dcg-keypad-btn-container {
  height: 46px;
}
.dcg-PROJECTOR-MODE.dcg-classroom-large-projector-mode .dcg-basic-keypad .dcg-keypad-row .dcg-keypad-btn-container {
  height: 58px;
}

.desmos-classroom-base-keypad-container .dcg-PROJECTOR-MODE.dcg-narrow .dcg-basic-keypad .dcg-keypad-row {
  font-size: 90%;
}
.desmos-classroom-base-keypad-container .dcg-PROJECTOR-MODE.dcg-narrow .dcg-basic-keypad .dcg-keypad-row .dcg-keypad-btn-container {
  height: 44px;
}

@media screen and (max-width: 470px) {
  .dcg-projector-mode .dcg-sci-func-keypad .dcg-basic-keypad {
    font-size: 115%;
  }
}
@media screen and (max-width: 330px) {
  .desmos-classroom-base-keypad-container .dcg-either-or-btn {
    font-size: 85%;
    white-space: nowrap;
  }
  .desmos-classroom-base-keypad-container .dcg-projector-mode .dcg-basic-keypad {
    font-size: 125%;
  }
  .desmos-classroom-base-keypad-container .dcg-projector-mode .dcg-sci-func-keypad .dcg-basic-keypad {
    font-size: 90%;
  }
  .desmos-classroom-base-keypad-container .dcg-PROJECTOR-MODE.dcg-narrow .dcg-basic-keypad .dcg-keypad-row {
    font-size: 70%;
  }
}
/* src/js/activitybuilder/shared/keypad/keypad-base/row.scss */
.dcg-keypad-row {
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  margin: 0;
}
.dcg-keypad-row .dcg-abc-audio-container {
  flex-grow: 2;
  display: flex;
}
/* src/js/activitybuilder/shared/keypad/pillow-keypad/basic-arithmetic-keypad.scss */
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container {
  background-color: var(--keypad-background-color, #e8eef8);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0 16px;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-basic-keypad {
  padding: 0;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-rows-wrapper {
  flex-direction: column;
  justify-content: center;
  display: flex;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-rows-wrapper:not(:last-child) .dcg-keypad-row {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row {
  flex-wrap: wrap;
  justify-content: center;
  column-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container {
  max-width: 52px;
  height: 52px;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container .dcg-keypad-btn {
  position: static;
  padding: 0 1em;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container .btn.btn-secondary {
  width: 100%;
  font-size: 18px;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container .btn.btn-secondary .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
  font-size: 18px;
  font-weight: 700;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container .btn.btn-secondary[dcg-command=backspace] {
  font-size: 18px;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container .btn.btn-secondary[dcg-command=backspace] .dcg-icon-delete {
  font-size: 24.8px;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container .btn.btn-secondary[dcg-command="="] .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode,
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container .btn.btn-secondary[dcg-command=obelus] .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
  font-size: 26px;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container .btn.btn-secondary[dcg-command="?"] .dcg-static-mathquill-view .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
  font-weight: lighter;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-inline-hide-keypad-button {
  position: absolute;
  right: 16px;
  top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
@media screen and (min-width: 1020px) {
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-inline-hide-keypad-button {
    position: relative;
    right: initial;
    top: initial;
    width: calc((100% - 720px) / 2);
    flex-grow: initial;
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 1280px) {
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-inline-hide-keypad-button {
    justify-content: flex-end;
  }
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-inline-hide-keypad-button .btn.btn-icon {
  font-size: 18px;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-inline-hide-keypad-button .btn.btn-icon > .pillow-icon-k5-close {
  font-size: 17px;
}
@media screen and (min-width: 1280px) {
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-inline-hide-keypad-button .btn.btn-icon {
    font-size: 20px;
    margin-right: 48px;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-inline-hide-keypad-button .btn.btn-icon > .pillow-icon-k5-close {
    font-size: 18px;
  }
}

@media screen and (min-width: 1020px) {
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container {
    padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-basic-keypad {
    padding: 0;
    max-width: unset;
    display: flex;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-rows-container {
    flex-direction: column;
    width: 720px;
    margin-left: auto;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-rows-wrapper {
    flex: 1;
    display: flex;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-rows-wrapper:first-child {
    flex-direction: row;
    gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-rows-wrapper:first-child .dcg-keypad-row {
    margin-bottom: 16px;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row {
    flex-wrap: nowrap;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container {
    max-width: 64px;
    height: 64px;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container .dcg-keypad-btn.btn.btn-secondary {
    width: 100%;
    font-size: 22px;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container .dcg-keypad-btn.btn.btn-secondary .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
    font-size: 22px;
    font-weight: 700;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container .btn.btn-secondary[dcg-command=backspace] {
    font-size: 22px;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container .btn.btn-secondary[dcg-command=backspace] .dcg-icon-delete {
    font-size: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-basic-keypad {
    padding: 0;
    max-width: unset;
    display: flex;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-rows-container {
    flex-direction: column;
    width: 757px;
    margin-left: auto;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-rows-wrapper {
    flex: 1;
    display: flex;
    gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-rows-wrapper:first-child {
    flex-direction: row;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-rows-wrapper:first-child .dcg-keypad-row {
    margin-bottom: 17px;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row {
    flex-wrap: nowrap;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container {
    max-width: 68px;
    height: 68px;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container .dcg-keypad-btn.btn.btn-secondary {
    width: 100%;
    font-size: 26px;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container .dcg-keypad-btn.btn.btn-secondary .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
    font-size: 26px;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container .btn.btn-secondary[dcg-command=backspace] {
    font-size: 26px;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-row .dcg-keypad-btn-container .btn.btn-secondary[dcg-command=backspace] .dcg-icon-delete {
    font-size: 33px;
  }
}
@media screen and (max-width: 504px) {
  .desmos-classroom-base-keypad-container .dcg-basicarithmetic-keypad-container .dcg-basic-keypad {
    display: flex;
    flex-direction: column;
  }
  .desmos-classroom-base-keypad-container .dcg-basicarithmetic-keypad-container .dcg-basic-keypad .dcg-keypad-rows-container {
    order: 2;
  }
  .desmos-classroom-base-keypad-container .dcg-basicarithmetic-keypad-container .dcg-basic-keypad .dcg-inline-hide-keypad-button {
    display: flex;
    justify-content: flex-end;
    position: static;
    order: 1;
  }
  .desmos-classroom-base-keypad-container .dcg-basicarithmetic-keypad-container .dcg-basic-keypad .dcg-inline-hide-keypad-button > .btn {
    margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
    margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
}
/* src/js/activitybuilder/shared/keypad/pillow-keypad/fullfunction-keypad.scss */
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container {
  background-color: var(--keypad-background-color);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad {
  max-width: 800px;
  padding: 0;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper {
  display: flex;
  justify-content: center;
  column-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper:not(:first-child) {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row {
  column-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .wide-button .dcg-keypad-btn-container {
  width: 106px;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .dcg-keypad-btn-container {
  height: 51px;
  width: 51px;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .dcg-keypad-btn-container .dcg-keypad-btn[dcg-command=backspace] {
  font-size: initial;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .dcg-keypad-btn-container .dcg-keypad-btn {
  position: static;
  height: 100%;
  border: solid #b0bed3 2px;
  box-shadow: none;
  transform: none;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .dcg-keypad-btn-container .dcg-keypad-btn .dcg-icon-delete,
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .dcg-keypad-btn-container .dcg-keypad-btn .dcg-icon-shift {
  font-size: 26px;
  margin: auto;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-inline-hide-keypad-button {
  position: absolute;
  right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-inline-hide-keypad-button div,
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-inline-hide-keypad-button div:hover {
  border: solid #b0bed3 2px;
  box-shadow: none;
  transform: none;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-inline-hide-keypad-button .btn.btn-icon {
  height: 51px;
  width: 51px;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-inline-hide-keypad-button .btn.btn-icon > .pillow-icon-k5-close {
  font-size: 22px;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .capital-keypad .dcg-keypad-row .keypad-wrap-item.shift .dcg-keypad-btn-container .dcg-keypad-btn {
  color: white;
  background-color: #0069e4;
  border: none;
}
.desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-btn-bold-character .dcg-mq-math-mode {
  font-weight: bold;
}

@media screen and (max-width: 1200px) {
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .dcg-keypad-btn-container {
    height: 48px;
    width: 48px;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-inline-hide-keypad-button .btn.btn-icon {
    height: 48px;
    width: 48px;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-inline-hide-keypad-button .btn.btn-icon > .pillow-icon-k5-close {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper {
    flex-direction: column;
    align-items: center;
    row-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .dcg-keypad-btn-container {
    max-width: 45px;
    height: 45px;
    font-size: 22px;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .wide-button .dcg-keypad-btn-container,
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .wide-button .dcg-keypad-btn-container .dcg-keypad-btn {
    max-width: 96px;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .keypad-wrap-item {
    position: absolute;
    bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .keypad-wrap-item.backspace {
    right: calc(50% - 230px);
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .keypad-wrap-item.change-keypad {
    left: calc(50% - 250px);
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .keypad-wrap-item.shift {
    left: calc(50% - 145px);
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-inline-hide-keypad-button {
    right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-inline-hide-keypad-button .btn.btn-icon {
    height: 45px;
    width: 45px;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-inline-hide-keypad-button .btn.btn-icon > .pillow-icon-k5-close {
    font-size: 16px;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .qwerty-keypad .dcg-keypad-rows-wrapper:last-child {
    margin-bottom: calc(48px + var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
}
@media screen and (max-width: 645px) {
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .keypad-wrap-item.backspace {
    right: calc(1vw + 35px);
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .keypad-wrap-item.change-keypad {
    left: calc(1vw + 15px);
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .keypad-wrap-item.shift {
    left: calc(1vw + 120px);
  }
}
@media screen and (max-width: 515px) {
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper {
    margin-top: calc(48px + var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
}
@media screen and (max-width: 575px) {
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad {
    padding: 0;
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  }
}
@media screen and (max-width: 310px) {
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper {
    margin-top: calc(48px + var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .keypad-wrap-item.backspace {
    right: calc(50% - 45px - var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5 / 2);
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .keypad-wrap-item.change-keypad {
    left: calc(50% - 48px);
    bottom: calc(45px + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-basic-keypad .dcg-keypad-rows-wrapper .dcg-keypad-row .keypad-wrap-item.shift {
    left: calc(50% - 45px - var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5 / 2);
  }
  .desmos-classroom-base-keypad-container .dcg-api-shared-keypad-root .qwerty-keypad .dcg-keypad-rows-wrapper:last-child {
    margin-bottom: calc((45px + var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
  }
}
/* src/js/activitybuilder/shared/keypad/pillow-keypad/main.scss */
.dcg-api-shared-keypad-root {
  background-color: #ededed;
  font-size: 16px;
}
.dcg-api-shared-keypad-root * {
  box-sizing: border-box;
}
.dcg-api-shared-keypad-root .dcg-mq-math-mode {
  font-family: Symbola, "Times New Roman", serif;
}
.dcg-api-shared-keypad-root .dcg-keypad-control-bar {
  background-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.dcg-api-shared-keypad-root .dcg-fourfunction-keypad-container .dcg-basic-keypad {
  max-width: 750px;
}
.dcg-api-shared-keypad-root .dcg-fourfunction-keypad-container.dcg-classroom-large-projector-mode .dcg-basic-keypad {
  max-width: 875px;
}
.dcg-api-shared-keypad-root .dcg-scientific-keypad-container.dcg-classroom-large-projector-mode .dcg-basic-keypad {
  max-width: 750px;
}
.dcg-api-shared-keypad-root .dcg-scientific-keypad-container.dcg-classroom-large-projector-mode .dcg-basic-keypad .dcg-keypad-btn,
.dcg-api-shared-keypad-root .dcg-fourfunction-keypad-container.dcg-classroom-large-projector-mode .dcg-basic-keypad .dcg-keypad-btn {
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
}
.dcg-api-shared-keypad-root .dcg-basic-keypad,
.dcg-api-shared-keypad-root .dcg-keypad-control-bar-contents {
  max-width: 600px;
  margin: 0 auto;
}
.dcg-api-shared-keypad-root .dcg-keypad-control-btn.dcg-selectable-btn {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.dcg-api-shared-keypad-root .dcg-inline-hide-keypad-button {
  flex-grow: 1;
  position: relative;
}
.dcg-api-shared-keypad-root .dcg-inline-hide-keypad-button-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  transform: rotate(-90deg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.dcg-api-shared-keypad-root .dcg-hide-keypad-button {
  height: 35px;
  width: 35px;
  line-height: 35px;
  margin: 4px 4px 4px auto;
  transform: rotate(-90deg);
}
.dcg-api-shared-keypad-root .dcg-hide-keypad-button .dcg-icon-hide {
  position: relative;
  top: 2px;
}
.dcg-api-shared-keypad-root .dcg-hide-keypad-button,
.dcg-api-shared-keypad-root .dcg-inline-hide-keypad-button-inner {
  text-align: center;
  border-radius: 5px;
  color: #666;
}
.dcg-api-shared-keypad-root .dcg-hide-keypad-button.dcg-hovered,
.dcg-api-shared-keypad-root .dcg-inline-hide-keypad-button-inner.dcg-hovered {
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.1);
}
.dcg-api-shared-keypad-root .dcg-hide-keypad-button.dcg-depressed,
.dcg-api-shared-keypad-root .dcg-inline-hide-keypad-button-inner.dcg-depressed {
  color: #000;
  background: rgba(0, 0, 0, 0.18);
}
.dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-keypad-btn .fraction-icon .numerator,
.dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-keypad-btn .fraction-icon .denominator,
.dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-keypad-btn .fraction-icon .fraction-bar,
.dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-btn .fraction-icon .numerator,
.dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-btn .fraction-icon .denominator,
.dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-btn .fraction-icon .fraction-bar {
  border-radius: 1px;
}
.dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-keypad-btn .fraction-icon .numerator,
.dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-keypad-btn .fraction-icon .denominator,
.dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-btn .fraction-icon .numerator,
.dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-btn .fraction-icon .denominator {
  width: 12px;
  height: 12px;
  background-color: transparent;
  border: 2px solid #0069e4;
  margin: auto;
}
.dcg-api-shared-keypad-root .dcg-fullfunction-keypad-container .dcg-keypad-btn .fraction-icon .fraction-bar,
.dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container .dcg-keypad-btn .fraction-icon .fraction-bar {
  margin: 2px auto;
  height: 2px;
  width: 20px;
  background-color: #0069e4;
}
/* src/js/activitybuilder/shared/keypad/pillow-keypad/numbers-keypad.scss */
.dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad {
  padding: 0;
  max-width: initial;
  justify-content: center;
}
.dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad .dcg-keypad-row {
  max-width: 476px;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin: 0 auto;
}
.dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad .dcg-keypad-row .dcg-keypad-btn-container {
  max-width: 56px;
  height: 56px;
}
.dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad .btn.btn-secondary {
  width: 100%;
  font-size: 20px;
}
.dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad .btn.btn-secondary .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
  font-size: 20px;
  font-weight: 700;
}
.dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad .btn.btn-secondary[dcg-command=backspace] > .dcg-icon-delete {
  font-size: 20px;
}

@media screen and (min-width: 992px) {
  .dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers {
    padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad {
    padding: 0;
  }
  .dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad .dcg-keypad-row {
    flex-wrap: nowrap;
    gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
    max-width: 760px;
  }
  .dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad .dcg-keypad-row .dcg-keypad-btn-container {
    max-width: 60px;
    height: 60px;
  }
  .dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad .btn.btn-secondary {
    width: 100%;
    font-size: 20px;
  }
  .dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad .btn.btn-secondary .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
    font-size: 20px;
    font-weight: 700;
  }
  .dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad .btn.btn-secondary[dcg-command=backspace] .dcg-icon-delete {
    font-size: 25px;
  }
}
@media screen and (min-width: 1200px) {
  .dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers {
    padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad {
    padding: 0;
  }
  .dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad .dcg-keypad-row {
    flex-wrap: nowrap;
    gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
    max-width: 950px;
  }
  .dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad .dcg-keypad-row .dcg-keypad-btn-container {
    max-width: 75px;
    height: 75px;
  }
  .dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad .btn.btn-secondary {
    width: 100%;
    font-size: 28px;
  }
  .dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad .btn.btn-secondary .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
    font-size: 28px;
    font-weight: 700;
  }
  .dcg-keypad-layout .dcg-keypad-container .dcg-api-shared-keypad-root .dcg-basicarithmetic-keypad-container.numbers .dcg-basic-keypad .btn.btn-secondary[dcg-command=backspace] .dcg-icon-delete {
    font-size: 32px;
  }
}
/* src/js/activitybuilder/shared/projector-mode-panel.scss */
.projector-mode-panel-container {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 20px;
  padding: 0px 14px;
  align-items: center;
  height: 63px;
  background: #f6f6f6;
  border: 1px solid #e9e9e9;
  border-bottom-width: 0;
  border-top-left-radius: var(--amp-border-radius, 0.1875em);
  border-top-right-radius: var(--amp-border-radius, 0.1875em);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.07), 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  z-index: 5;
}
.projector-mode-panel-container.is-paused {
  background: #f4c0b3;
}
.projector-mode-panel-container.is-paused .btn.pause-btn {
  background: #db2e00;
  box-shadow: none;
  color: white;
}
.projector-mode-panel-container.keypad-open {
  bottom: 209px;
}
.projector-mode-panel-container .reverse-icon .icon-v2-arrow-back {
  transform: scaleX(-1);
}
.projector-mode-panel-container .projector-mode-panel-divider {
  width: 1px;
  height: 50px;
  background: #a0a0a0;
  margin: 0 14px;
}
.projector-mode-panel-container .projector-mode-panel-option,
.projector-mode-panel-container .projector-mode-navigation .btn {
  margin: 0 7px;
}
.projector-mode-panel-container .projector-mode-panel-options,
.projector-mode-panel-container .projector-mode-panel-option,
.projector-mode-panel-container .tool-set {
  display: inline-flex;
}
.projector-mode-panel-container .projector-mode-panel-options,
.projector-mode-panel-container .projector-mode-navigation {
  font-size: 16px;
}
.projector-mode-panel-container .projector-mode-panel-options i,
.projector-mode-panel-container .projector-mode-navigation i {
  color: #3b3b3b;
}
.projector-mode-panel-container .projector-mode-panel-options .annotation-tool-btn.btn.btn-icon-ghost i,
.projector-mode-panel-container .projector-mode-navigation .annotation-tool-btn.btn.btn-icon-ghost i {
  color: #676767;
}
.projector-mode-panel-container .projector-mode-panel-options .annotation-tool-btn.btn.btn-icon-ghost.dcg-hovered i, .projector-mode-panel-container .projector-mode-panel-options .annotation-tool-btn.btn.btn-icon-ghost.tool-selected i, .projector-mode-panel-container .projector-mode-panel-options .annotation-tool-btn.btn.btn-icon-ghost:focus-visible i,
.projector-mode-panel-container .projector-mode-navigation .annotation-tool-btn.btn.btn-icon-ghost.dcg-hovered i,
.projector-mode-panel-container .projector-mode-navigation .annotation-tool-btn.btn.btn-icon-ghost.tool-selected i,
.projector-mode-panel-container .projector-mode-navigation .annotation-tool-btn.btn.btn-icon-ghost:focus-visible i {
  color: #3b3b3b;
}
.projector-mode-panel-container .sketch-everywhere .toolbar-hidden {
  display: none;
}
.projector-mode-panel-container .btn {
  padding: 0 16px;
}
.projector-mode-panel-container .btn.pause-btn {
  margin: 0;
}

.pillow-modal-open .preview-modal-contents:not(.projector-mode) .projector-mode-panel-container {
  z-index: 0;
}

.amp-styles .projector-mode-panel-container .btn-icon-ghost label {
  border-radius: 0.1875em;
}
.amp-styles .projector-mode-panel-container .btn-icon-ghost label.projector-button-label {
  top: -23.7px;
}
.amp-styles .projector-mode-panel-container .btn-icon-ghost label.tool-tooltip {
  display: flex;
  position: absolute;
  top: -23.7px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #fff;
  background-color: #676767;
  padding: 0 0.5em;
  margin: 0;
  font-size: 0.625em;
  opacity: 0;
  transition: opacity 0.2s linear;
  line-height: 12px;
  height: 1.125rem;
  align-items: center;
  z-index: 1;
}
.amp-styles .projector-mode-panel-container .control-button.dcg-hovered .tool-tooltip, .amp-styles .projector-mode-panel-container .control-button:focus-visible .tool-tooltip {
  opacity: 1;
}
.amp-styles .projector-mode-panel-container .btn-icon-float label.projector-button-label {
  top: -3.75em;
}
/* src/js/activitybuilder/shared/projector-mode-toggle.scss */
.sandbox-container-content .projector-toggle-container,
.teacher-view-container .projector-toggle-container {
  position: fixed;
  bottom: 0;
  right: 20px;
  height: 43px;
  width: 52px;
  border-radius: 3px 3px 0 0;
  z-index: 5;
}
.sandbox-container-content .projector-toggle-container:has(.projector-toggle.btn-blue), .sandbox-container-content .projector-toggle-container:has(.projector-toggle.tps-projector-mode),
.teacher-view-container .projector-toggle-container:has(.projector-toggle.btn-blue),
.teacher-view-container .projector-toggle-container:has(.projector-toggle.tps-projector-mode) {
  height: 63px;
  width: 70px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.07), 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
}
.sandbox-container-content .projector-toggle-container.keypad-open,
.teacher-view-container .projector-toggle-container.keypad-open {
  bottom: 209px;
}
.sandbox-container-content .projector-toggle-container .projector-toggle,
.teacher-view-container .projector-toggle-container .projector-toggle {
  height: 100%;
  width: 100%;
  border-radius: var(--amp-border-radius, 0.1875em) var(--amp-border-radius, 0.1875em) 0 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.sandbox-container-content .projector-toggle-container .projector-toggle:focus, .sandbox-container-content .projector-toggle-container .projector-toggle[data-state=focus],
.teacher-view-container .projector-toggle-container .projector-toggle:focus,
.teacher-view-container .projector-toggle-container .projector-toggle[data-state=focus] {
  z-index: 10;
}
.sandbox-container-content .projector-toggle-container .projector-toggle:focus:not(:focus-visible), .sandbox-container-content .projector-toggle-container .projector-toggle[data-state=focus]:not(:focus-visible),
.teacher-view-container .projector-toggle-container .projector-toggle:focus:not(:focus-visible),
.teacher-view-container .projector-toggle-container .projector-toggle[data-state=focus]:not(:focus-visible) {
  outline: 0;
}
.sandbox-container-content .projector-toggle-container .projector-toggle:focus-visible, .sandbox-container-content .projector-toggle-container .projector-toggle[data-state=focus],
.teacher-view-container .projector-toggle-container .projector-toggle:focus-visible,
.teacher-view-container .projector-toggle-container .projector-toggle[data-state=focus] {
  outline: 0;
}
.sandbox-container-content .projector-toggle-container .projector-toggle:focus-visible, .sandbox-container-content .projector-toggle-container .projector-toggle[data-state=focus],
.teacher-view-container .projector-toggle-container .projector-toggle:focus-visible,
.teacher-view-container .projector-toggle-container .projector-toggle[data-state=focus] {
  box-shadow: 0 0 0 0.1875em var(--amp-focus-color, #9c0d63) inset, 0 0 0 0.3125em #fff inset;
}
.sandbox-container-content .projector-toggle-container .projector-toggle.btn-gray-outline-white-fill,
.teacher-view-container .projector-toggle-container .projector-toggle.btn-gray-outline-white-fill {
  border-color: #e9e9e9;
  background-color: #f6f6f6;
  border-width: 1px;
  border-bottom-width: 0;
  color: #666;
}
.sandbox-container-content .projector-toggle-container .projector-toggle.btn-gray-outline-white-fill:hover,
.teacher-view-container .projector-toggle-container .projector-toggle.btn-gray-outline-white-fill:hover {
  background-color: #e9e9e9;
  color: #555;
}
.sandbox-container-content .projector-toggle-container .projector-toggle.btn-gray-outline-white-fill .icon-v2-presentation,
.teacher-view-container .projector-toggle-container .projector-toggle.btn-gray-outline-white-fill .icon-v2-presentation {
  margin: auto;
}
.sandbox-container-content .projector-toggle-container .projector-toggle.tps-projector-mode,
.teacher-view-container .projector-toggle-container .projector-toggle.tps-projector-mode {
  flex-direction: column-reverse;
}
.sandbox-container-content .projector-toggle-container .projector-toggle.btn-blue:hover,
.teacher-view-container .projector-toggle-container .projector-toggle.btn-blue:hover {
  background-color: #1e4878;
  color: #fff;
}
.sandbox-container-content .projector-toggle-container .projector-toggle.btn-blue:active,
.teacher-view-container .projector-toggle-container .projector-toggle.btn-blue:active {
  background-color: #0f243c;
  color: #fff;
}
.sandbox-container-content .projector-toggle-container:has(.btn-blue) .icon-v2-presentation, .sandbox-container-content .projector-toggle-container:has(.tps-projector-mode) .icon-v2-presentation,
.teacher-view-container .projector-toggle-container:has(.btn-blue) .icon-v2-presentation,
.teacher-view-container .projector-toggle-container:has(.tps-projector-mode) .icon-v2-presentation {
  font-size: 32px;
  margin: auto;
}
.sandbox-container-content .projector-toggle-container .projector-toggle-label,
.teacher-view-container .projector-toggle-container .projector-toggle-label {
  display: flex;
  position: absolute;
  top: -23.7px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #fff;
  background-color: #676767;
  padding: 0 0.5em;
  margin: 0;
  font-size: 0.625em;
  border-radius: 0.1875em;
  opacity: 0;
  transition: opacity 0.2s linear;
  line-height: 12px;
  height: 1.125rem;
  align-items: center;
  z-index: 1;
}
.sandbox-container-content .projector-toggle-container.dcg-hovered .projector-toggle-label, .sandbox-container-content .projector-toggle-container:focus-visible .projector-toggle-label,
.teacher-view-container .projector-toggle-container.dcg-hovered .projector-toggle-label,
.teacher-view-container .projector-toggle-container:focus-visible .projector-toggle-label {
  opacity: 1;
}
.sandbox-container-content:has(.student-tool-panel) .projector-toggle-container,
.teacher-view-container:has(.student-tool-panel) .projector-toggle-container {
  right: 370px;
}

.pillow-modal-open:has(.preview-modal-contents) :not(:has(.projector-mode)) .student-sandbox-navigation-container .sandbox-container-content .projector-toggle-container {
  position: absolute;
  bottom: 0;
  right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3 + 20px);
}
/* src/js/activitybuilder/shared/projector-view-dropdown.scss */
.projector-view-popover-container.dcg-shared-dropdown-popover-container {
  position: fixed;
  bottom: 0;
  right: 110px;
  height: 63px;
  border: 1.313px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em) var(--amp-border-radius, 0.1875em) 0px 0px;
  border-bottom: none;
  width: 190px;
  display: flex;
  align-items: center;
  font-size: 20px;
  background-color: #fff;
  z-index: 5;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.07), 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
}
.projector-view-popover-container.dcg-shared-dropdown-popover-container.keypad-open {
  bottom: 209px;
}
.projector-view-popover-container.dcg-shared-dropdown-popover-container .anchor-container {
  display: flex;
  align-items: center;
  height: 100%;
  width: 190px;
}
.projector-view-popover-container.dcg-shared-dropdown-popover-container .anchor-container .projector-view-dropdown-anchor {
  padding: 0 20px;
}
.projector-view-popover-container.dcg-shared-dropdown-popover-container .icon-v2-caret-down,
.projector-view-popover-container.dcg-shared-dropdown-popover-container .icon-v2-caret-up {
  position: absolute;
  right: 20px;
  font-size: 18px;
  top: 50%;
  transform: translateY(-50%);
}
.projector-view-popover-container.dcg-shared-dropdown-popover-container .dropdown-container.dropdown-pops-up {
  width: 190px;
}
.projector-view-popover-container.dcg-shared-dropdown-popover-container .dropdown-container.dropdown-pops-up .dropdown-container-inner {
  top: -8px;
  box-shadow: none;
  padding: 0;
}
.projector-view-popover-container.dcg-shared-dropdown-popover-container .dropdown-container.dropdown-pops-up .dropdown-container-inner .tab-selection {
  height: 63px;
  width: 190px;
  padding: 0 20px;
  display: flex;
  align-items: center;
}

.pillow-modal-open .projector-view-popover-container.dcg-shared-dropdown-popover-container {
  z-index: 0;
}

.sandbox-container-content:has(.student-tool-panel) .projector-view-popover-container.dcg-shared-dropdown-popover-container,
.teacher-view-container:has(.student-tool-panel) .projector-view-popover-container.dcg-shared-dropdown-popover-container {
  right: 460px;
}
/* src/js/activitybuilder/shared/sandbox-correctness-button.scss */
.sandbox-correctness-btn-wrapper {
  display: inline-block;
}
.sandbox-correctness-btn-wrapper .answer-key-button i {
  height: 0.65em;
  width: 0.65em;
  border: 2px solid var(--amp-body-color, #3b3b3b);
  border-radius: 50%;
  background: #f6f6f6;
}
.sandbox-correctness-btn-wrapper .answer-key-button i::before {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  font-size: 0.75em;
  color: var(--amp-body-color, #3b3b3b);
  line-height: 0.65em;
}
.sandbox-correctness-btn-wrapper .answer-key-button i.icon-v2-correct {
  position: absolute;
  top: 18%;
  left: 18%;
}
.sandbox-correctness-btn-wrapper .answer-key-button i.icon-v2-incorrect {
  position: absolute;
  top: 40%;
  left: 40%;
}
.sandbox-correctness-btn-wrapper .answer-key-button.dcg-hovered i {
  background: #f2f2f2;
}
.sandbox-correctness-btn-wrapper .answer-key-button.btn-secondary i {
  height: 0.75em;
  width: 0.75em;
}
.sandbox-correctness-btn-wrapper .answer-key-button.btn-secondary .icons-wrapper .icon-v2-incorrect {
  top: 32%;
  left: 35%;
}
.sandbox-correctness-btn-wrapper .answer-key-button.btn-secondary .icons-wrapper .icon-v2-correct {
  position: unset;
}
.sandbox-correctness-btn-wrapper .answer-key-button.btn-secondary:hover {
  border-color: #9c0d63 !important;
  background-color: #fff !important;
}
.sandbox-correctness-btn-wrapper .answer-key-button.btn-secondary.answer-key-showing {
  background-color: #3278c8 !important;
  color: #fff !important;
  border-color: #3278c8 !important;
}
.sandbox-correctness-btn-wrapper .answer-key-button.btn-secondary.answer-key-showing:hover {
  background-color: #1e4878 !important;
}
.sandbox-correctness-btn-wrapper .answer-key-button.btn-secondary.answer-key-showing:hover .icon-v2-incorrect,
.sandbox-correctness-btn-wrapper .answer-key-button.btn-secondary.answer-key-showing:hover .icon-v2-correct {
  background: #1e4878 !important;
}
.sandbox-correctness-btn-wrapper .answer-key-button.btn-secondary.answer-key-showing .icon-v2-incorrect,
.sandbox-correctness-btn-wrapper .answer-key-button.btn-secondary.answer-key-showing .icon-v2-correct {
  border: 2px solid #fff;
  background: #3278c8 !important;
  color: #fff !important;
}
.sandbox-correctness-btn-wrapper .answer-key-button.btn-secondary.answer-key-showing .icon-v2-incorrect::before,
.sandbox-correctness-btn-wrapper .answer-key-button.btn-secondary.answer-key-showing .icon-v2-correct::before {
  color: #fff !important;
}
/* src/js/activitybuilder/shared/scientific-keypad.scss */
.dcg-keypad-layout {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dcg-keypad-layout .dcg-keypad-main-drawer {
  flex: 1;
  position: relative;
}
.dcg-keypad-layout .dcg-keypad-container.hidden {
  display: none;
}
.dcg-keypad-layout .dcg-keypad-container:not(.hidden) {
  border-top: var(--keypad-border-top, initial);
}
/* src/js/activitybuilder/shared/shared-student-header.scss */
.shared-student-header.scrolled {
  z-index: 1;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  border-color: #e2e2e2;
}
/* src/js/activitybuilder/student/ab-item-meta-preview-toggle.styl */
.item-preview-meta-toggle-container {
  width: calc(15px + calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  position: relative;
  border-left: 1px solid #e9e9e9;
}
.item-preview-meta-toggle-container.item-preview-meta-closed {
  -webkit-animation: 0.5s fadeInLeft;
  -moz-animation: 0.5s fadeInLeft;
  -o-animation: 0.5s fadeInLeft;
  -ms-animation: 0.5s fadeInLeft;
  animation: 0.5s fadeInLeft;
}
.item-preview-meta-toggle-container.item-preview-meta-open {
  -webkit-animation: 0.5s fadeInRight;
  -moz-animation: 0.5s fadeInRight;
  -o-animation: 0.5s fadeInRight;
  -ms-animation: 0.5s fadeInRight;
  animation: 0.5s fadeInRight;
}
.item-preview-meta-toggle-container.item-meta-toggle-hidden {
  display: none;
}
.item-preview-meta-toggle-container .item-preview-meta-toggle {
  width: 39px;
  height: 39px;
  color: #666;
  z-index: 1;
  position: absolute;
  top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  left: calc(-1 * 39px / 2);
}
.item-preview-meta-toggle-container .item-preview-meta-toggle.item-preview-meta-closed {
  -webkit-animation: 0.5s fadeInLeft;
  -moz-animation: 0.5s fadeInLeft;
  -o-animation: 0.5s fadeInLeft;
  -ms-animation: 0.5s fadeInLeft;
  animation: 0.5s fadeInLeft;
}
.item-preview-meta-toggle-container .item-preview-meta-toggle.item-preview-meta-open {
  -webkit-animation: 0.5s fadeInRight;
  -moz-animation: 0.5s fadeInRight;
  -o-animation: 0.5s fadeInRight;
  -ms-animation: 0.5s fadeInRight;
  animation: 0.5s fadeInRight;
}

/* src/js/activitybuilder/student/activity-copy-button.styl */
.activity-copy-button-container {
  display: inline-block;
  position: relative;
}
.activity-copy-button-container span {
  z-index: 1;
  left: calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.activity-copy-button-container .activity-copy-button {
  position: relative;
}
.activity-copy-button-container .activity-copy-button.is-active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  background: #15b097;
  -webkit-animation: copyFlash 0.5s forwards;
  -moz-animation: copyFlash 0.5s forwards;
  -o-animation: copyFlash 0.5s forwards;
  -ms-animation: copyFlash 0.5s forwards;
  animation: copyFlash 0.5s forwards;
}
.activity-copy-button-container .activity-copy-button i {
  font-size: 1.3em;
  color: var(--amp-body-color, #3b3b3b);
}
.activity-copy-button-container .animating-flash-message {
  position: absolute;
  top: 0;
  left: 50px;
  bottom: 0;
  z-index: 1;
  line-height: 1.2em;
  background: #f6f6f6;
  padding: 5px;
  font-size: 80%;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  text-transform: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.activity-copy-button-container .animating-flash-message i {
  color: #00866b;
  font-size: 1.75em;
}
@-moz-keyframes copyFlash {
  0% {
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes copyFlash {
  0% {
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes copyFlash {
  0% {
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes copyFlash {
  0% {
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

/* src/js/activitybuilder/student/activity-copy-dropdown.styl */
.activity-copy-dropdown-button-container {
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
.activity-copy-dropdown-button-container .btn-icon-ghost:active {
  background-color: rgba(0,0,0,0.1);
}
.activity-copy-dropdown-button-container .activity-copy-dropdown-button {
  position: relative;
  width: 72px;
  height: 44px;
  border-radius: 0.1875em;
}
.activity-copy-dropdown-button-container .copy-dropdown-caret-container {
  font-size: 12px;
}
.activity-copy-dropdown-button-container .animating-flash-message {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  line-height: 1.2em;
  background: #f6f6f6;
  padding: 5px;
  font-size: 80%;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  text-transform: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.activity-copy-dropdown-button-container .animating-flash-message i {
  color: #00866b;
  font-size: 1.75em;
}
.activity-copy-dropdown-container {
  position: absolute;
  top: 45px;
  left: 0;
  bottom: 0;
  right: 0;
}
.activity-copy-dropdown-container .activity-copy-dropdown {
  line-height: 1.5em;
  background-color: #fff;
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  padding-top: 5px;
  padding-bottom: 5px;
  z-index: 20;
  width: fit-content;
}
.activity-copy-dropdown-container .activity-copy-dropdown .dropdown-link {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) !important;
}
.activity-copy-dropdown-container .activity-copy-dropdown .dropdown-link.dcg-hovered {
  background-color: #f6f6f6;
  text-decoration: none;
}
.activity-copy-dropdown-container .activity-copy-dropdown .dropdown-link.dcg-depressed {
  background: #e9e9e9;
  text-decoration: none;
}

/* src/js/activitybuilder/student/audio/authorizing-mic.scss */
.authorizing-mic-view {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: lighter;
}
.authorizing-mic-view .grant-microphone-header {
  font-size: 34px;
  margin: 17px 0;
}
.authorizing-mic-view .grant-microphone-description-container {
  width: 80%;
  margin: 40px auto;
}
.authorizing-mic-view .grant-microphone-description-container .grant-microphone-description {
  font-size: 26px;
}
.authorizing-mic-view .granted-microphone-toast-container .granted-microphone-toast {
  background-color: #e6f3f0;
  border-radius: 12.7px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-family: "quicksand";
  padding: 24px 32px;
  font-weight: 500;
  letter-spacing: 1px;
}
.authorizing-mic-view .granted-microphone-toast-container .granted-microphone-toast .toast-icon {
  margin-right: 17px;
}
/* src/js/activitybuilder/student/audio/voice-onboarding-nav.scss */
.dcg-tooltip-hit-area-container.voice-onboarding-start-activity-tip {
  float: right;
}
/* src/js/activitybuilder/student/audio/voice-onboarding.scss */
.voice-onboarding-view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* src/js/activitybuilder/student/audio/voice-upload-audio.scss */
@keyframes audio-waveform-for-voice-component {
  0% {
    width: 0;
  }
  100% {
    width: 300px;
  }
}
@keyframes audio-waveform-for-voice-component-start-at-max {
  0% {
    width: 300px;
  }
  100% {
    width: 300px;
  }
}
.voice-upload-audio-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.voice-upload-audio-container .recording-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  border-radius: var(--amp-border-radius, 0.1875em);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.12);
  width: 100%;
  min-height: 90px;
}
.voice-upload-audio-container .recording-container .pillow-icon-spinner-arc {
  font-size: var(--spinner-icon-font-size, 19px);
  position: absolute;
  top: 5px;
  left: 45%;
  animation: 2s linear rotate infinite;
  color: var(--spinner-icon-color, #666);
}
.voice-upload-audio-container .voice-message-bubble-button-container {
  color: #3b3b3b;
  border: 1px solid #dae3f0;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  border-radius: 13.57px;
  font-style: normal;
  font-family: var(--dropdown-container-preview-message-font-family, inherit);
  text-align: center;
  width: 100%;
}
.voice-upload-audio-container .voice-message-bubble-button-container .component-audio-player {
  background-color: #e6f1fe;
  border-radius: 40px;
  padding: 17px;
}
.voice-upload-audio-container .voice-message-bubble-button-container .component-audio-player .component-audio-player-contents .component-audio-player-scrubber-container {
  background-color: transparent;
}
.voice-upload-audio-container .voice-message-bubble-button-container .audio-wave-container {
  margin-top: 17px;
}
.voice-upload-audio-container .voice-message-bubble-button-container .audio-wave-container .audio-bubble-background {
  background-color: #e6f1fe;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  padding: 17px;
  margin-top: 17px;
  border-radius: 40px;
  margin-right: auto;
  margin-left: auto;
}
.voice-upload-audio-container .voice-message-bubble-button-container .audio-wave-container .audio-bubble-background .audio-recording-waveform {
  margin-top: 7px;
  width: 300px;
  height: 25px;
}
.voice-upload-audio-container .voice-message-bubble-button-container .audio-wave-container .audio-bubble-background .audio-recording-waveform .animated-width {
  height: 25px;
  animation: 2.65s linear audio-waveform-for-voice-component forwards;
}
.voice-upload-audio-container .voice-message-bubble-button-container .audio-wave-container .audio-bubble-background .audio-recording-waveform .audio-wave-gif,
.voice-upload-audio-container .voice-message-bubble-button-container .audio-wave-container .audio-bubble-background .audio-recording-waveform .pre-recording-dots {
  height: 25px;
  width: 300px;
}
.voice-upload-audio-container .voice-message-bubble-button-container .audio-wave-container .audio-bubble-background .recording-time {
  font-family: "quicksand";
  margin-left: 17px;
  padding-top: 4px;
}
.voice-upload-audio-container .voice-message-bubble-button-container .audio-wave-container.audio-player-controls-container .component-audio-player .animation-overlay-scrubber .btn.btn-secondary.btn-white.btn-icon {
  margin-top: -8px;
  margin-right: 10px;
  margin-left: -3px;
  background-color: #fff;
}
.voice-upload-audio-container .voice-message-bubble-button-container .audio-wave-container.audio-player-controls-container .component-audio-player .animation-overlay-scrubber .btn.btn-secondary.btn-white.btn-icon label {
  display: none;
}
.voice-upload-audio-container .voice-message-bubble-button-container .audio-wave-container.audio-player-controls-container .component-audio-player .animation-overlay-scrubber .scrubber .thumb {
  margin-left: -14px;
  margin-top: -14px;
}
.voice-upload-audio-container .voice-message-bubble-button-container .audio-wave-container.audio-player-controls-container .component-audio-player .animation-overlay-scrubber .scrubber .thumb .center {
  height: 52px;
  width: 52px;
  border-radius: 100%;
  margin-left: -26px;
  margin-top: -26px;
}
.voice-upload-audio-container .voice-message-bubble-button-container .audio-wave-container.audio-player-controls-container .component-audio-player .animation-overlay-scrubber .scrubber .track {
  height: 12px;
  margin-top: -5px;
  border-radius: 12px;
}
.voice-upload-audio-container .voice-message-bubble-button-container.voice-audio-uploading .audio-bubble-background .recording-time {
  opacity: 0.5;
}
.voice-upload-audio-container .voice-message-bubble-button-container.voice-audio-uploading .audio-bubble-background .audio-recording-waveform img.pre-recording-dots {
  display: none;
}
.voice-upload-audio-container .voice-message-bubble-button-container.voice-audio-uploading .audio-bubble-background .audio-recording-waveform .animated-width {
  animation: 2.65s linear audio-waveform-for-voice-component-start-at-max forwards;
}
.voice-upload-audio-container .voice-message-bubble-button-container.voice-audio-uploading .audio-bubble-background .audio-recording-waveform .animated-width img.audio-wave-gif {
  opacity: 0.5;
}
.voice-upload-audio-container .voice-btn {
  margin-top: 17px;
}
.voice-upload-audio-container .voice-btn .icon-k5-mic {
  margin-right: 0;
}
.voice-upload-audio-container .voice-btn .pillow-icon-reset {
  font-size: 1em;
}
.voice-upload-audio-container .voice-btn.btn-gray-outline.btn {
  border: solid 2px #dae3f0;
}
/* src/js/activitybuilder/student/cl-debug/student-debug.styl */
.student-debug-view-container {
  position: absolute;
  top: 44px;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
}
.student-debug-view-container .collapsable-content-container {
  margin-top: 10px;
  max-width: 100%;
}
.student-debug-view-list {
  padding-top: 5px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
}
.student-debug-component-container {
  font-size: 110%;
  padding: 0px 15px 10px 15px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.student-debug-variable-container {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  border-radius: 5px;
  margin-top: 5px;
  padding: 10px;
  overflow-wrap: anywhere;
}
.student-debug-variable-container:hover:not(.student-debug-variable-highlight) {
  background-color: #e8e8e8;
}
.student-debug-variable-highlight {
  background-color: #ffbe00;
}
.student-debug-variable-value {
  font-size: 90%;
  color: #666;
}
.practice-screen-value {
  margin: 5px 0;
}
.student-debug-variable-list {
  margin: 0 15px;
}

/* src/js/activitybuilder/student/comment-list-collapsable-view.styl */
.collapsable-comments.student-flex-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* src/js/activitybuilder/student/comments.styl */
.student-feedback-comments {
  position: absolute;
  top: 44px;
  left: 0;
  bottom: 0;
  right: 0;
}

/* src/js/activitybuilder/student/notification-dot.scss */
@keyframes haloGrowFromCenter {
  0% {
    width: 1rem;
    height: 1rem;
  }
  100% {
    width: 4rem;
    height: 4rem;
  }
}
@keyframes dotPop {
  0%, 10% {
    width: 1rem;
    height: 1rem;
  }
  20%, 50% {
    width: 1.2rem;
    height: 1.2rem;
  }
  100% {
    width: 1rem;
    height: 1rem;
  }
}
.notification {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.notification .notification-dot-container,
.notification .notification-bubble-container {
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2rem;
  height: 1.2rem;
}
.notification .notification-dot-container .notification-dot,
.notification .notification-dot-container .notification-bubble,
.notification .notification-bubble-container .notification-dot,
.notification .notification-bubble-container .notification-bubble {
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-weight: 400;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 70%;
  left: 50%;
  background: #3278c8;
  border-radius: 50%;
  color: #fff;
  box-shadow: 0 0 0 1px #fff;
}
.notification .notification-dot-container .notification-dot.large,
.notification .notification-dot-container .notification-bubble.large,
.notification .notification-bubble-container .notification-dot.large,
.notification .notification-bubble-container .notification-bubble.large {
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
}
.notification .notification-dot-container .notification-dot .notification-count,
.notification .notification-dot-container .notification-bubble .notification-count,
.notification .notification-bubble-container .notification-dot .notification-count,
.notification .notification-bubble-container .notification-bubble .notification-count {
  opacity: 1;
  -webkit-user-select: none;
          user-select: none;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 75%;
}
.notification .notification-dot-container .notification-dot.animating:not(.large),
.notification .notification-dot-container .notification-bubble.animating:not(.large),
.notification .notification-bubble-container .notification-dot.animating:not(.large),
.notification .notification-bubble-container .notification-bubble.animating:not(.large) {
  animation: dotPop 250ms;
}
.notification .notification-dot-container .notification-dot.animating:not(.large) .notification-count,
.notification .notification-dot-container .notification-bubble.animating:not(.large) .notification-count,
.notification .notification-bubble-container .notification-dot.animating:not(.large) .notification-count,
.notification .notification-bubble-container .notification-bubble.animating:not(.large) .notification-count {
  opacity: 0;
}
.notification .notification-dot-container .notification-dot-halo,
.notification .notification-bubble-container .notification-dot-halo {
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  background: #3278c8;
  border-radius: 50%;
}
.notification .notification-dot-container .notification-dot-halo.animating,
.notification .notification-bubble-container .notification-dot-halo.animating {
  animation: fadeInOutTransparent 500ms, haloGrowFromCenter 500ms ease-in;
}
.notification .notification-dot-container {
  position: absolute;
  top: var(--notification-dot-absolute-position-top);
  bottom: var(--notification-dot-absolute-position-bottom);
  left: var(--notification-dot-absolute-position-left);
  right: var(--notification-dot-absolute-position-right);
}
.notification .notification-dot-container .notification-dot {
  background: var(--notification-dot-background, #3278c8);
  width: var(--notification-dot-width, 1rem);
  height: var(--notification-dot-height, 1rem);
  flex-shrink: 0;
  font-weight: var(--notification-dot-text-font-weight, 400);
}
/* src/js/activitybuilder/student/student-activity-header/student-activity-header.styl */
.student-activity-header {
  height: var(--student-activity-header-height, 55px);
  width: 100%;
  font-weight: var(--font-weight-default);
  position: relative;
  background: var(--student-activity-header-background, #f6f6f6);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.student-activity-header.bg-light {
  background: var(--student-activity-header-background-bg-light, #f6f6f6);
}
.student-activity-header.bg-lighter {
  background: var(--student-activity-header-background-bg-lighter, #e9e9e9);
}
.student-activity-header.sub-header .periscope-correctness-decorator {
  margin-left: 0;
}
.student-activity-header:not(.sub-header) .correctness-wrapper {
  display: inline-block;
}
.student-activity-header:not(.sub-header) .correctness-wrapper:not(:first-of-type) {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.student-activity-header.row {
  margin-left: 0;
  margin-right: 0;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.student-activity-header .live-preview-link.dcg-hovered {
  text-decoration: underline;
}
.student-activity-header .live-preview-link.dcg-depressed {
  text-decoration: underline;
  color: #000;
}
.student-activity-header .non-dashboard-preview {
  margin-left: 15px;
}
.student-activity-header .student-activity-header-left-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 0;
}
.student-activity-header .student-activity-header-left-content .copy-button-container {
  margin-right: 8px;
}
.student-activity-header .student-activity-header-left-content .copy-button-container .amplify-uppercase {
  margin-left: 80px;
}
.student-activity-header .student-activity-header-left-content .copy-button-container .animating-flash-message {
  left: 200px;
}
.student-activity-header .student-activity-header-left-content .student-preview-header {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: -4px;
}
.student-activity-header .student-activity-header-left-content .student-preview-header.show-cl-preview {
  width: auto;
}
.student-activity-header .student-activity-header-left-content .student-preview-header.hidden {
  visibility: hidden;
}
.student-activity-header .student-activity-header-left-content .student-preview-header .student-preview-title {
  margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0 0;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: 300;
  font-size: 1.2em;
}
.student-activity-header .student-activity-header-left-content .student-preview-header .student-preview-title.hidden {
  visibility: hidden;
}
.student-activity-header .student-activity-header-left-content .student-preview-header .edit-activity-link {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  position: relative;
}
.student-activity-header .student-activity-header-left-content .student-preview-header .student-section-title {
  font-size: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.5);
}
.student-activity-header .student-activity-header-left-content .student-preview-header .student-section-title.hidden {
  visibility: hidden;
}
.student-activity-header .student-activity-header-left-content .student-preview-header .student-section-wrapper .student-section-title {
  font-size: var(--font-size-default, calc(var(--amp-scale-ratio) * 1em));
  font-weight: var(--font-weight-bold, 400);
  line-height: var(--student-activity-header-title-line-height, 1.5em);
}
.student-activity-header .student-activity-header-left-content .student-preview-header .student-section-wrapper .student-section-preview-title {
  line-height: 1em;
  font-weight: var(--font-weight-bold, 400);
  color: var(--font-color-default, #676767);
}
.student-activity-header .student-activity-header-left-content .title-and-user {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: calc(100% - var(--button-size, (calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) + 40px)));
  margin-left: var(--student-activity-header-title-margin-left, calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.5) + 40px));
  margin-top: -4px;
}
.student-activity-header .student-activity-header-left-content .title-and-user .activity-name,
.student-activity-header .student-activity-header-left-content .title-and-user .user-name {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.student-activity-header .student-activity-header-left-content .title-and-user .activity-name {
  font-size: var(--font-size-default, calc(var(--amp-scale-ratio) * 1em));
  font-weight: var(--font-weight-bold, 400);
  line-height: var(--student-activity-header-title-line-height, 1.5em);
  margin: 0;
}
.student-activity-header .student-activity-header-left-content .title-and-user .activity-link {
  color: #666;
  text-decoration: none;
}
.student-activity-header .student-activity-header-left-content .title-and-user .activity-link.dcg-hovered,
.student-activity-header .student-activity-header-left-content .title-and-user .activity-link.dcg-depressed {
  text-decoration: underline;
}
.student-activity-header .student-activity-header-left-content .title-and-user .user-name-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.student-activity-header .student-activity-header-left-content .title-and-user .user-name {
  display: inline;
  line-height: inherit;
  vertical-align: top;
  font-weight: var(--student-activity-header-student-name-font-weight, 400);
  color: var(--font-color-default, #676767);
}
.student-activity-header .student-activity-header-left-content .title-and-user .anonymize-icon-tooltip {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  display: inline-block;
  line-height: 1em;
}
.student-activity-header .student-activity-header-left-content .title-and-user .anonymize-icon-tooltip i.icon-v2-anonymize {
  font-size: 80%;
  color: #676767;
}
.student-activity-header .student-activity-header-left-content .title-and-user .dcg-tooltip-hit-area-container {
  vertical-align: top;
  line-height: 0.9em;
}
.student-activity-header .student-activity-header-center-content {
  -webkit-flex-basis: content;
  flex-basis: content;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: var(--student-activity-header-center-content-margin, 0);
}
.student-activity-header .student-activity-header-center-content .btn-icon {
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
}
.student-activity-header .student-activity-header-center-content .btn-icon:not(:first-of-type) {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.student-activity-header .student-activity-header-center-content .btn-icon.calculator-tool-button.calculator-open,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.calculator-tool-button.calculator-open,
.student-activity-header .student-activity-header-center-content .btn-icon.calculator-tool-button.calculator-open:hover,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.calculator-tool-button.calculator-open:hover {
  background: var(--student-halo-button-background-color-selected, #3278c8);
  color: var(--student-halo-button-color-selected, #fff);
  border-color: transparent;
}
.student-activity-header .student-activity-header-center-content .btn-icon.vt-tool-button.vt-tool-open,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.vt-tool-button.vt-tool-open,
.student-activity-header .student-activity-header-center-content .btn-icon.vt-tool-button.vt-tool-open:hover,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.vt-tool-button.vt-tool-open:hover {
  background: var(--student-halo-button-background-color-selected, #3278c8);
  color: transparent;
  border-color: transparent;
}
.student-activity-header .student-activity-header-center-content .btn-icon.feedback-button.feedback-open,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.feedback-button.feedback-open,
.student-activity-header .student-activity-header-center-content .btn-icon.cl-debug-tool-button.feedback-open,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.cl-debug-tool-button.feedback-open,
.student-activity-header .student-activity-header-center-content .btn-icon.feedback-button.feedback-open:hover,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.feedback-button.feedback-open:hover,
.student-activity-header .student-activity-header-center-content .btn-icon.cl-debug-tool-button.feedback-open:hover,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.cl-debug-tool-button.feedback-open:hover,
.student-activity-header .student-activity-header-center-content .btn-icon.feedback-button.cl-debug-open,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.feedback-button.cl-debug-open,
.student-activity-header .student-activity-header-center-content .btn-icon.cl-debug-tool-button.cl-debug-open,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.cl-debug-tool-button.cl-debug-open,
.student-activity-header .student-activity-header-center-content .btn-icon.feedback-button.cl-debug-open:hover,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.feedback-button.cl-debug-open:hover,
.student-activity-header .student-activity-header-center-content .btn-icon.cl-debug-tool-button.cl-debug-open:hover,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.cl-debug-tool-button.cl-debug-open:hover {
  background: var(--student-halo-button-background-color-selected, #00866b);
  color: var(--student-halo-button-color-selected, #fff);
  border-color: transparent;
}
.student-activity-header .student-activity-header-center-content .btn-icon-ghost {
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
}
.student-activity-header .student-activity-header-center-content .btn-icon-ghost:not(:first-of-type) {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.student-activity-header .student-activity-header-center-content .btn-icon-ghost:hover,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost:focus-visible,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost:focus-within {
  z-index: 3;
}
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.dcg-depressed {
  background: var(--student-halo-button-background-color-depressed, rgba(0,0,0,0.1));
}
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.answer-key-button.answer-key-showing {
  background: #676767;
}
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.calculator-tool-button.calculator-has-content {
  background: #c2d7ef;
}
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.calculator-tool-button.calculator-has-content.dcg-hovered:not(.calculator-open),
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.calculator-tool-button.calculator-has-content.dcg-depressed:not(.calculator-open) {
  background: #9abde4;
}
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.feedback-button.feedback-has-comments:not(.feedback-open),
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.cl-debug-tool-button.feedback-has-comments:not(.feedback-open) {
  background: var(--student-halo-button-has-comments-color, #b3dbd3);
}
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.feedback-button.feedback-has-comments:not(.feedback-open).dcg-hovered,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.cl-debug-tool-button.feedback-has-comments:not(.feedback-open).dcg-hovered,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.feedback-button.feedback-has-comments:not(.feedback-open).dcg-depressed,
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.cl-debug-tool-button.feedback-has-comments:not(.feedback-open).dcg-depressed {
  background: var(--student-halo-button-has-comments-color-depressed, #90cbbf);
}
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.feedback-button.disabled {
  pointer-events: all;
  cursor: default;
}
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.feedback-button.disabled label {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: auto;
  width: 200px;
  background: none;
}
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.feedback-button.disabled label span {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: auto;
  width: fit-content;
  white-space: normal;
  padding: 3px;
  line-height: 1.2em;
  background: #676767;
}
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.feedback-button.disabled:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  background-color: transparent;
  pointer-events: all;
  cursor: default;
}
.student-activity-header .student-activity-header-center-content .btn-icon-ghost.feedback-button.disabled:hover i {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.student-activity-header .student-activity-header-right-content {
  min-width: fit-content;
}
.student-activity-header .student-activity-header-right-content .navigation-stepper-container {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.student-activity-header-container {
  background: var(--student-activity-header-background, #f6f6f6);
  white-space: nowrap;
}
.student-activity-header-container.bg-light {
  background: var(--student-activity-header-background-bg-light, #f6f6f6);
}
@media screen and (min-width: 400px) and (max-width: 575px) {
  .student-activity-header:not(.item-bank-preview) .student-activity-header-left-content {
    max-width: calc(100% - 250px);
  }
  .student-activity-header:not(.item-bank-preview) .student-activity-header-right-content {
    -webkit-flex-basis: content;
    flex-basis: content;
  }
}
@media screen and (max-width: 400px) {
  .student-activity-header:not(.item-bank-preview) .student-activity-header-left-content .title-and-user {
    display: none;
  }
  .student-activity-header:not(.item-bank-preview) .student-activity-header-right-content {
    min-width: 0;
  }
}
@media screen and (max-width: 575px) {
  .student-activity-header.edit:not(.sub-header) .periscope-correctness-decorator {
    display: none;
  }
}
@media screen and (max-width: 650px) {
  .student-activity-header.teacher-spa:not(.sub-header) .activity-copy-dropdown-button-container,
  .student-activity-header.dashboard:not(.sub-header) .activity-copy-dropdown-button-container,
  .student-activity-header.teacher-spa:not(.sub-header) .cl-debug-tool-button,
  .student-activity-header.dashboard:not(.sub-header) .cl-debug-tool-button,
  .student-activity-header.teacher-spa:not(.sub-header) .live-preview-link,
  .student-activity-header.dashboard:not(.sub-header) .live-preview-link,
  .student-activity-header.teacher-spa:not(.sub-header) .periscope-correctness-decorator,
  .student-activity-header.dashboard:not(.sub-header) .periscope-correctness-decorator,
  .student-activity-header.teacher-spa:not(.sub-header) .btn-icon-ghost:has(.fullscreen-button),
  .student-activity-header.dashboard:not(.sub-header) .btn-icon-ghost:has(.fullscreen-button),
  .student-activity-header.teacher-spa:not(.sub-header) .te-annotation,
  .student-activity-header.dashboard:not(.sub-header) .te-annotation {
    display: none;
  }
}
@media screen and (min-width: 650px) and (max-width: 750px) {
  .student-activity-header:not(.sub-header) .student-activity-header-left-content .student-preview-header {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -o-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    margin: 5px 0;
  }
}
@media screen and (max-width: 950px) {
  .student-activity-header.edit:not(.sub-header) .activity-copy-dropdown-button-container,
  .student-activity-header.edit:not(.sub-header) .cl-debug-tool-button,
  .student-activity-header.edit:not(.sub-header) .live-preview-link,
  .student-activity-header.edit:not(.sub-header) .btn-icon-ghost:has(.fullscreen-button),
  .student-activity-header.edit:not(.sub-header) .periscope-correctness-decorator,
  .student-activity-header.edit:not(.sub-header) .te-annotation {
    display: none;
  }
}
@media screen and (max-width: 1500px) {
  .student-activity-header:not(.item-bank-preview) .student-activity-header-left-content .copy-button-container .animating-flash-message {
    left: 190px;
  }
}
@media screen and (max-width: 1000px) {
  .student-activity-header:not(.item-bank-preview) .student-activity-header-left-content .copy-button-container .animating-flash-message {
    left: 130px;
  }
}
@media screen and (max-width: 320px) {
  .student-activity-header:not(.sub-header).teacher-spa .student-activity-header-left-content .edit-activity-link,
  .student-activity-header:not(.sub-header).edit .student-activity-header-left-content .edit-activity-link,
  .student-activity-header:not(.sub-header).teacher-spa .student-activity-header-left-content .student-section-wrapper,
  .student-activity-header:not(.sub-header).edit .student-activity-header-left-content .student-section-wrapper,
  .student-activity-header:not(.sub-header).teacher-spa .student-activity-header-left-content .student-preview-title,
  .student-activity-header:not(.sub-header).edit .student-activity-header-left-content .student-preview-title,
  .student-activity-header:not(.sub-header).teacher-spa .student-activity-header-left-content .student-section-title,
  .student-activity-header:not(.sub-header).edit .student-activity-header-left-content .student-section-title {
    display: none;
  }
}
div[role=header],
div[role=heading] {
  font-family: var(--header-font-family);
}

/* src/js/activitybuilder/student/student-activity-header/student-activity-subheader.scss */
.student-activity-header.sub-header {
  display: none;
  height: calc(var(--student-activity-header-height, 55px) * 0.7);
  min-height: 50px;
}
.student-activity-header.sub-header .periscope-correctness-decorator {
  margin-left: 0;
}
.student-activity-header.sub-header .student-activity-header-left-content .student-preview-header .edit-activity-link {
  display: none;
}

@media screen and (max-width: 650px) {
  .student-activity-header.sub-header.dashboard {
    display: flex;
  }
  .student-activity-header.sub-header.dashboard .student-activity-header-right-content {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .student-activity-header.sub-header.edit {
    display: flex;
  }
  .student-activity-header.sub-header.edit .student-activity-header-left-content .student-preview-header,
  .student-activity-header.sub-header.edit .student-activity-header-left-content .correctness-wrapper {
    display: none;
  }
  .student-activity-header.sub-header.dashboard {
    display: flex;
  }
  .student-activity-header.sub-header.dashboard .student-activity-header-right-content .correctness-wrapper {
    display: none;
  }
}
@media screen and (max-width: 349px) {
  .student-activity-header.sub-header.edit .student-activity-header-right-content {
    display: flex;
    justify-content: end;
  }
}
@media screen and (max-width: 320px) {
  .student-activity-header.sub-header.teacher-spa {
    display: flex;
  }
}
/* src/js/activitybuilder/student/student-activity-header/temp-design-grid-toggle.scss */
.design-grid-toggle {
  display: flex;
  align-items: center;
  padding: 0 calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1);
}
.design-grid-toggle .text-body {
  margin-left: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1);
  line-height: 1em;
  text-align: left;
}
.design-grid-toggle .text-body .new-layout-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}
.design-grid-toggle .text-body .rhythm-icon {
  margin-left: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 0.5);
}
.design-grid-toggle .toggle-wrapper {
  height: 2.5em;
}
.design-grid-toggle .amplify-toggle {
  margin-left: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 0.5);
}

@media screen and (max-width: 1000px) {
  .design-grid-toggle.design-grid-toggle {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  .design-grid-toggle .rhythm-icon,
  .design-grid-toggle .text-body {
    display: none;
  }
}
/* src/js/activitybuilder/student/student-calculator-button.styl */
.calculator-tool-button.btn.disabled {
  pointer-events: all;
  cursor: default;
}
.calculator-tool-button.btn.disabled label {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: auto;
  width: 200px;
  background: none;
}
.calculator-tool-button.btn.disabled label span {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: auto;
  width: fit-content;
  white-space: normal;
  padding: 3px;
  line-height: 1.2em;
  background: #676767;
}
.calculator-tool-button.btn.disabled:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  background-color: transparent;
  pointer-events: all;
  cursor: default;
}
.calculator-tool-button.btn.disabled:hover i {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}

/* src/js/activitybuilder/student/student-navigation.styl */
.student-navigation-container .dcg-student-navigation-steps {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.student-navigation-container .student-step-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.student-navigation-container .student-step-container .cls-step-title {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -o-box-flex: 0;
  -ms-box-flex: 0;
  box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  text-align: center;
  font-weight: var(--font-weight-default, 400);
}
.student-navigation-container .student-step-container .cls-step-title:first-child {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.student-navigation-container .student-step-container .content-container {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1 1 auto;
}
.student-navigation-container .student-playground-layout-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.student-navigation-container .student-playground-layout-container .read-only-mode-banner {
  position: absolute;
  bottom: 23px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #c2d7ef;
  width: 615px;
  height: 52px;
  border: none;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.12), 0px 3px 6px 0px rgba(0,0,0,0.08);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.12), 0px 3px 6px 0px rgba(0,0,0,0.08);
  border-radius: 4px;
}
.student-navigation-container .student-playground-layout-container .read-only-mode-banner .banner-text {
  font-size: 16px;
  font-family: benton-sans;
  font-weight: 400;
}
.student-navigation-container .student-playground-layout-container .read-only-mode-banner i.icon-v2-messaging-info {
  margin-left: 26px;
  margin-right: 13px;
}
.student-navigation-container .student-playground-layout-container .read-only-mode-banner .btn {
  margin-left: 37px;
}
@media screen and (max-width: 575px) {
  .student-navigation-container .title-subtitle-container {
    margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  }
  .student-navigation-container .student-step-container .cls-step-title {
    font-size: 1.45em;
    line-height: 1.5em;
  }
}
@media screen and (min-height: 768px) {
  .student-navigation-container .cls-step-title:first-child {
    margin-top: 1.5em !important;
  }
}

/* src/js/activitybuilder/student/student-sandboxed-navigation.styl */
.student-sandbox-navigation-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}
.student-sandbox-navigation-container .preview-only-ribbon {
  position: absolute;
  top: -42px;
  right: -50px;
  width: 170px;
  padding: 8px 0;
  -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);
  color: #fff;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  background: rgba(0,0,0,0.6);
  pointer-events: none;
  z-index: 2;
}
.student-sandbox-navigation-container.has-teacher-tip .dcg-student-screen .content-container,
.student-sandbox-navigation-container.has-teacher-tip .dcg-student-screen .content-container.rhythm-container {
  padding-bottom: 40px;
}
.student-sandbox-navigation-container.has-teacher-tip .dcg-student-screen .content-container .fullscreen-layout:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  bottom: 0;
  height: calc(40px + calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.student-sandbox-navigation-container.fullscreen-cardsort .shared-student-header.scrolled {
  z-index: unset;
}
.student-sandbox-navigation-container .screen-number {
  position: absolute;
  top: 20px;
  left: 20px;
  color: var(--amp-body-color, #3b3b3b);
  z-index: 1;
}
.student-sandbox-navigation-container .sandbox-container-content {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.student-sandbox-navigation-container .sandbox-container-content .student-navigation {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}
.student-sandbox-navigation-container .sandbox-container-content .screen-number {
  position: absolute;
  top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  color: #000;
}
.pillow-modal-open:has(.preview-modal-contents) :not(:has(.projector-mode)) .student-sandbox-navigation-container .sandbox-container-content .projector-toggle-container {
  position: absolute;
  bottom: 0;
  right: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
}

/* src/js/activitybuilder/student/student-tool-panel.styl */
.sidebar-panel-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.scientific-calculator-panel .dcg-calculator-api-container-v1_11 .dcg-basic-list-container {
  border-top: none;
}
.scientific-calculator-panel .dcg-calculator-api-container-v1_11 .dcg-basic-keypad-container {
  border-radius: 0 0 0 5px;
}
.scientific-calculator-panel .dcg-calculator-api-container-v1_11 .dcg-keypad .dcg-functions-popover.dcg-left {
  left: 5px;
}
.scientific-calculator-panel .dcg-calculator-api-container-v1_11 .dcg-keypad .dcg-functions-popover.dcg-left .dcg-popover-interior {
  width: calc(100% + 2px);
  font-size: 95%;
}
.rtl-layout .scientific-calculator-panel .dcg-calculator-api-container-v1_11 .dcg-basic-keypad-container {
  border-radius: 0 0 5px 0;
}
.student-tool-panel.grading-panel .panel-icon {
  font-size: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.virtual-tutor-tool-wrapper {
  position: relative;
  height: 100%;
  width: 350px;
  right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.2);
}
.sidebar-panel.student-tool-panel.feedback-panel {
  border-radius: var(--feedback-panel-border-radius, var(--amp-border-radius, 0.1875em)) var(--feedback-panel-border-radius, var(--amp-border-radius, 0.1875em)) 0 0;
}
.sidebar-panel.student-tool-panel.feedback-panel.student-experience-panel {
  min-width: var(--feedback-panel-min-width, 0);
}
.sidebar-panel.student-tool-panel.feedback-panel.student-experience-panel .sidebar-header {
  height: var(--feedback-panel-header-height, 44px);
}
.sidebar-panel.student-tool-panel.feedback-panel.student-experience-panel .student-feedback-comments {
  top: var(--feedback-panel-header-height, 44px);
}
.sidebar-panel.student-tool-panel.feedback-panel .dashboard-feedback-comments .collapsable-comment-section .collapsable-comment-section-header,
.sidebar-panel.student-tool-panel.feedback-panel .student-feedback-comments .collapsable-comment-section .collapsable-comment-section-header {
  background-color: var(--feedback-panel-comments-background, #f6f6f6);
}
.sidebar-panel.student-tool-panel.feedback-panel .dashboard-feedback-comments .collapsable-comment-section .collapsable-comment-section-header .collapsable-comment-section-toggle,
.sidebar-panel.student-tool-panel.feedback-panel .student-feedback-comments .collapsable-comment-section .collapsable-comment-section-header .collapsable-comment-section-toggle {
  color: var(--feedback-panel-comments-toggle-color, #3b3b3b);
}
.sidebar-panel.student-tool-panel.feedback-panel .dashboard-feedback-comments .collapsable-comment-section .unread-comments-notification,
.sidebar-panel.student-tool-panel.feedback-panel .student-feedback-comments .collapsable-comment-section .unread-comments-notification {
  background-color: var(--feedback-panel-comments-color, #3278c8);
}
.sidebar-panel.student-tool-panel.feedback-panel .dashboard-feedback-comments .collapsable-comment-section .new-comment-header:before,
.sidebar-panel.student-tool-panel.feedback-panel .student-feedback-comments .collapsable-comment-section .new-comment-header:before {
  background-color: var(--feedback-panel-comments-color, #bdbdbd);
}
.sidebar-panel.student-tool-panel.feedback-panel .dashboard-feedback-comments .collapsable-comment-section .new-comment-header .new-comment-message,
.sidebar-panel.student-tool-panel.feedback-panel .student-feedback-comments .collapsable-comment-section .new-comment-header .new-comment-message {
  color: var(--feedback-panel-comments-color, #3b3b3b);
}
.sidebar-panel.student-tool-panel.feedback-panel .dashboard-feedback-comments .collapsable-comment-section .new-comment-header.header-student-experience:before,
.sidebar-panel.student-tool-panel.feedback-panel .student-feedback-comments .collapsable-comment-section .new-comment-header.header-student-experience:before {
  background-color: var(--feedback-panel-comments-color, #f4c0b3);
}
.sidebar-panel.student-tool-panel.feedback-panel .dashboard-feedback-comments .collapsable-comment-section .new-comment-header.header-student-experience .new-comment-message,
.sidebar-panel.student-tool-panel.feedback-panel .student-feedback-comments .collapsable-comment-section .new-comment-header.header-student-experience .new-comment-message {
  color: var(--feedback-panel-comments-color, #db2e00);
}
.sidebar-panel.student-tool-panel.feedback-panel .dashboard-feedback-comments .collapsable-comment-section .comment-new-indicator,
.sidebar-panel.student-tool-panel.feedback-panel .student-feedback-comments .collapsable-comment-section .comment-new-indicator {
  background-color: var(--feedback-panel-comments-color, #c2d7ef);
  color: var(--feedback-panel-comment-indicator-text-color, #3b3b3b);
}
.sidebar-panel.student-tool-panel.feedback-panel .dashboard-feedback-comments .collapsable-comment-section .comment-new-indicator.indicator-student-experience,
.sidebar-panel.student-tool-panel.feedback-panel .student-feedback-comments .collapsable-comment-section .comment-new-indicator.indicator-student-experience {
  height: var(--feedback-panel-comment-indicator-height, 28px);
  padding: var(--feedback-panel-comment-indicator-padding, 0 10px);
}
.sidebar-panel.student-tool-panel.feedback-panel .dashboard-feedback-comments .collapsable-comment-section .feedback-comments-container .dcg-edit-comment,
.sidebar-panel.student-tool-panel.feedback-panel .student-feedback-comments .collapsable-comment-section .feedback-comments-container .dcg-edit-comment {
  background-color: var(--feedback-panel-comments-background, #f6f6f6);
}
.sidebar-panel.student-tool-panel.feedback-panel .dashboard-feedback-comments .collapsable-comment-section .feedback-comments-container .shared-comment-footer,
.sidebar-panel.student-tool-panel.feedback-panel .student-feedback-comments .collapsable-comment-section .feedback-comments-container .shared-comment-footer {
  color: var(--feedback-panel-comments-body-color, #3b3b3b);
}
.sidebar-panel.student-tool-panel.feedback-panel .dashboard-feedback-comments .collapsable-comment-section .feedback-comments-container .rich-text-view,
.sidebar-panel.student-tool-panel.feedback-panel .student-feedback-comments .collapsable-comment-section .feedback-comments-container .rich-text-view {
  background-color: var(--feedback-panel-comments-body-background, #f6f6f6);
  border-radius: var(--feedback-panel-border-radius, var(--amp-border-radius, 0.1875em));
  color: var(--feedback-panel-comments-body-color, #3b3b3b);
}
.sidebar-panel.student-tool-panel.feedback-panel .dashboard-feedback-comments .collapsable-comment-section .new-comment,
.sidebar-panel.student-tool-panel.feedback-panel .student-feedback-comments .collapsable-comment-section .new-comment {
  background-color: var(--feedback-panel-comments-background, #f6f6f6);
}
@media screen and (max-width: 575px) {
  .scientific-calculator-panel .dcg-calculator-api-container-v1_11 .dcg-basic-keypad-container {
    border-radius: 0;
  }
  .virtual-tutor-tool-wrapper {
    display: none;
  }
}

/* src/js/activitybuilder/student/student-vt-feedback-button.styl */
.vt-tool-button {
  border: none !important;
}
.vt-tool-button.vt-tool-open {
  background-image: url("/fingerprinted/static/classroom-assets/img/activitybuilder/virtual-tutor/avatar_button_selected-1cffe51c10925c43c47c6e7a44edf2c15fabbabd-b.svg") !important;
  background-size: calc(100% + 0.2em) !important;
  background-position: 50% !important;
  border: 0.2em solid #0069e4 !important;
}

/* src/js/activitybuilder/student/student-vt-play-pause-button.styl */
.vt-play-pause-button img.vt-speaking-wave {
  position: absolute;
  top: var(--vt-speaking-wave-top, -16px);
  left: var(--vt-speaking-wave-left, -17px);
  height: var(--vt-speaking-wave-height, 70px);
  width: var(--vt-speaking-wave-width, 70px);
}
.vt-play-pause-button img.vt-speaking-wave.hidden {
  display: none;
}
.vt-play-pause-button i {
  color: var(--vt-speaking-wave-color);
}

/* src/js/activitybuilder/student/themes/default.scss */
[data-theme-id=default] {
  --student-halo-button-color: var(--amp-body-color, #3b3b3b);
  --notification-dot-absolute-position-top: -0.5rem;
  --notification-dot-absolute-position-bottom: auto;
  --notification-dot-absolute-position-left: auto;
  --notification-dot-absolute-position-right: -0.5rem;
  --primary-button-background-hover: #5e083b;
  --keypad-button-background-hovered: #1e4878;
  --keypad-button-color-hovered: #fff;
  --keypad-button-border-color-hovered: transparent;
  --keypad-button-background-active: #0f243c;
  --keypad-button-color-active: #fff;
  --keypad-button-border-color-active: transparent;
  --keypad-border-top: 1px solid #a0a0a0;
  --math-input-focused-border-width: 1px;
  --multi-choice-checkbox-margin-top: calc(
    (
        (var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) -
          (
            var(--amp-radio-checkbox-size-px, 20) / var(--amp-font-size-px, 16) *
              1rem
          )
      ) / 2
  );
  --multi-choice-radio-color-focus-visible: #bdbdbd;
  --multi-choice-image-container-margin-top: 4.5px;
  --multi-choice-checkbox-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #9c0d63;
  --inline-dropdown-anchor-max-width: 530px;
  --inline-dropdown-anchor-min-width: 46px;
  --inline-dropdown-anchor-height: 32px;
  --inline-dropdown-shadow-width: 1px;
  --inline-dropdown-list-options-width: var(--inline-dropdown-anchor-max-width);
  --sticky-note-padding: 26px;
  --sticky-note-corner: 39px;
  --blue-note-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --blue-note-border-radius: var(--amp-border-radius, 0.1875em);
  --progress-bar-total-height: 26px;
  --progress-bar-height: 26px;
  --confirm-done-modal-margin: 17px;
  --confirm-done-modal-width: 600px;
  --confirm-done-modal-secondary-button-background: #fff;
  --confirm-done-modal-footer-background: #fff;
  --confirm-done-modal-title-font-size: 2rem;
  --confirm-done-modal-title-font-weight: 700;
  --confirm-done-modal-btn-font-weight: 700;
  --confirm-done-modal-title-margin-top: calc(
    var(--confirm-done-modal-margin) * 3
  );
  --confirm-done-modal-title-margin-left: calc(
    var(--confirm-done-modal-margin) * 3
  );
  --confirm-done-modal-title-margin-bottom: calc(
    var(--confirm-done-modal-margin) * 2
  );
  --confirm-done-modal-actions-margin: 0 0
    calc(var(--confirm-done-modal-margin) * 2) 0;
  --confirm-done-modal-title-font-family: quicksand;
  --confirm-done-modal-btn-primary-margin: var(--confirm-done-modal-margin);
  --confirm-done-modal-title-font-weight: 350;
  --confirm-done-modal-btn-font-weight: 400;
  --confirm-done-modal-btn-primary-margin-left: var(
    --confirm-done-modal-margin
  );
  --confirm-done-modal-title-margin-bottom: 0;
  --confirm-done-modal-title-font-family: inherit;
  --confirm-done-modal-actions-margin: 0 0
    calc(var(--confirm-done-modal-margin)) 0;
}
[data-theme-id=default] .inline-dropdown .select-dropdown .disabled {
  opacity: 0.5;
}
/* src/js/activitybuilder/student/themes/early-elementary.scss */
[data-theme-id=early_elementary] {
  --student-halo-button-border: 3px solid #bdbdbd;
  --student-halo-button-background-color: transparent;
  --student-halo-button-background-color-depressed: rgba(0, 0, 0, 5%);
  --student-halo-button-background-color-selected: #0069e4;
  --student-halo-button-color: #0069e4;
  --student-halo-button-color-selected: #fff;
  --student-halo-button-has-comments-color: #c2d7ef;
  --student-halo-button-has-comments-color-depressed: rgba(0, 0, 0, 5%);
  --border-color-component: #b0bed3;
  --border-color-primary: #77787b;
  --border-width-primary: 4px;
  --border-primary: solid 4px var(--border-color-primary);
  --border-width-graphs: 2px;
  --border-component: solid var(--border-width-graphs)
    var(--border-color-component);
  --border-radius: 13.57px;
  --border-radius-large: 32px;
  --border-radius-medium: 16px;
  --border-radius-small: 8px;
  --box-shadow-width: 2px;
  --box-shadow-width-bottom: 4px;
  --field-has-error-background-color: #feffe0;
  --field-has-error-border-color: #817715;
  --notification-dot-background: #c231a0;
  --notification-dot-absolute-position-top: auto;
  --notification-dot-absolute-position-bottom: 0.2rem;
  --notification-dot-absolute-position-left: 0.6rem;
  --notification-dot-absolute-position-right: 0px;
  --notification-dot-height: 1.5rem;
  --notification-dot-width: 1.5rem;
  --notification-dot-flex-shrink: 0;
  --notification-dot-text-font-weight: 700;
  --modal-margin: 65px;
  --close-modal-btn-position: 10px;
  --image-gallery-nav-icon-color: #fbead6;
  --image-gallery-nav-icon-color-hover: #fbbb7b;
  --image-gallery-nav-icon-color-depressed: #e58a4b;
  --image-gallery-nav-icon-color-disabled: rgba(251, 234, 214, 20%);
  --image-count-info-positioning: 0;
  --image-count-info-color: #722800;
  --image-count-info-transform: none;
  --image-count-info-background: #fbead6;
  --image-count-info-width: 100%;
  --image-count-info-height: 60px;
  --image-count-info-text-align: center;
  --image-centering-container-padding: 40px 80px 120px;
  --image-lightbox-container-background: rgba(0, 0, 0, 80%);
  --image-modal-image-border: 8px solid #fbead6;
  --snapshot-camera-size: 32px;
  --snapshot-camera-font-size: 30px;
  --snapshot-camera-padding: 0;
  --snapshot-captured-positioning-right: 30px;
  --link-to-interactive-border-offset: 4px;
  --link-to-interactive-border-radius: 0 12px 0 0;
  --link-to-interactive-font-size: 16px;
  --link-to-interactive-padding: 0;
  --link-to-interactive-margin: 0;
  --link-to-interactive-top: 6.5px;
  --link-to-interactive-right: 11.5px;
  --link-to-interactive-btn-color: #3b3b3b;
  --keypad-background-color: #e8eef8;
  --keypad-border-top: initial;
  --correctness-indicator-size: 1em;
  --correctness-gutter-size: -50px;
  --correctness-gutter-size: -55px;
  --font-family: "quicksand", sans-serif;
  --font-size-default: 24px;
  --font-size-medium: 32px;
  --font-size-large: 40px;
  --font-weight-default: 500;
  --font-weight-bold: 700;
  --font-color-default: #3b3b3b;
  --note-font-family: "open-sans", sans-serif;
  font-family: var(--font-family);
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-default);
  color: var(--font-color-default);
  --note-font-family: "quicksand";
  --header-font-family: var(--font-family);
  --button-border-radius: 32px;
  --button-padding: 0px 36px;
  --button-margin-top-depressed: 2px;
  --button-icon-font-size: 30px;
  --button-icon-position: relative;
  --button-icon-top: 6px;
  --button-border-width: 3px;
  --button-size: 60px;
  --primary-button-background-default: #c231a0;
  --primary-button-background-hover: #0058bf;
  --secondary-button-background-color: #fff;
  --secondary-button-color: white;
  --secondary-button-border-default: 4px solid #77787b;
  --secondary-button-border-color-hover: #3f3b3c;
  --secondary-button-box-shadow-default: #004597;
  --secondary-button-box-shadow-hover: #004597;
  --secondary-button-box-shadow-depressed: none;
  --secondary-button-text-decoration: none;
  --secondary-button-line-height: 52px;
  --secondary-button-pencil-icon-margin-right: 9px;
  --button-red-color: #fff;
  --button-red-background-color: #db2e00;
  --button-red-background-color-hover: #af2500;
  --button-red-background-color-active: #831c00;
  --primary-button-background-default: #0069e4;
  --primary-button-shadow-default: 0 4px #002c64;
  --student-activity-header-student-name-font-weight: 700;
  --student-activity-header-height: 3.25em;
  --student-activity-header-title-margin-left: 0;
  --student-activity-header-hamburger-top-margin: 5px;
  --student-activity-header-background: #fff;
  --student-activity-header-background-bg-light: #f1f5fb;
  --student-activity-header-background-bg-lighter: #e9e9e9;
  --student-activity-header-center-content-margin: 0 auto;
  --nav-stepper-contents-padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --nav-stepper-contents-padding-sm: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --nav-stepper-step-counter-font-weight: 500;
  --nav-stepper-screen-count-width: 120px;
  --sandbox-header-btn-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --sandbox-header-nav-btn-height: 20px;
  --nav-stepper-step-counter-font-weight: 700;
  --nav-stepper-contents-padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  --nav-stepper-screen-count-width: 60px;
  --student-activity-header-hamburger-top-margin: 4px;
  --input-footer-background: #f1f5fb;
  --input-footer-border-radius: 0 0 13.6px 13.6px;
  --input-footer-border: solid 2px #b0bed3;
  --input-footer-border-submitted: solid 2px #e8eef8;
  --input-footer-explain-your-answer-math-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --input-footer-explain-your-answer-math-padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --input-footer-explain-your-answer-math-padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --input-footer-explain-your-answer-multi-choice-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --input-footer-explain-your-answer-multi-choice-buttons-top: 0;
  --sticky-note-padding: 50px;
  --sticky-note-corner: 75px;
  --blue-note-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5);
  --challenge-creator-nav-btn-border: #fff;
  --challenge-creator-btn-color: #0069e4;
  --challenge-creator-font-color-default: #3b3b3b;
  --challenge-creator-sandbox-header-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-student-header-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 5);
  --challenge-creator-sandbox-header-background: #b3d2f7;
  --challenge-creator-author-name-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-author-name-font-size: 100%;
  --challenge-creator-responder-name-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-responder-name-separator-rhythm-units: 0.5;
  --challenge-creator-response-navigation-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-navigation-stepper-btn-margin-right: 0;
  --challenge-creator-nav-stepper-btn-font-size: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-response-nav-stepper-contents-padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-response-navigation-student-count-font-weight: 500;
  --challenge-creator-sandbox-header-no-padding-right: 0;
  --challenge-creator-header-back-arrow-margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-options-title-padding-right-rhythm-units: 1;
  --challenge-creator-options-title-padding: 0;
  --challenge-creator-your-challenge-dropdown-before-width: 2px;
  --challenge-creator-your-challenge-dropdown-background-color-hover: #f1f5fb;
  --challenge-creator-your-challenge-dropdown-background-color-active: #e8eef8;
  --challenge-creator-option-icon-container-width: auto;
  --challenge-creator-option-icon-container-margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-option-icon-size: 100%;
  --challenge-creator-dropdown-choice-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-dropdown-container-margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-dropdown-container-inner-box-shadow: 0px 3px 6px 0px
      rgba(0, 0, 0, 11.5%),
    0px 3px 6px 0px rgba(0, 0, 0, 8%);
  --challenge-creator-dropdown-container-inner-border: 2px solid
    rgba(241, 245, 251, 100%);
  --challenge-creator-dropdown-container-inner-border-radius: 13.57px;
  --challenge-creator-dropdown-container-inner-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-ribbon-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  --challenge-creator-ribbon-border-width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3 / 2);
  --challenge-creator-ribbon-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-ribbon-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0;
  --challenge-creator-ribbon-main-color: #b3d2f7;
  --challenge-creator-ribbon-behind-color: #afccef;
  --challenge-creator-ribbon-shadow-color: #80b4f1;
  --challenge-creator-ribbon-behind-absolute-position: calc(-1 * (20px + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3 / 2));
  --challenge-creator-ribbon-title-font-weight: 700;
  --challenge-creator-ribbon-max-width: 288px;
  --challenge-creator-gallery-student-name-font-weight: 700;
  --challenge-creator-gallery-entry-container-font-family: var(--font-family);
  --challenge-creator-gallery-entry-container-margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-gallery-entry-container-no-margin: 0;
  --challenge-creator-gallery-responses-container-font-family: "open-sans",
    sans-serif;
  --challenge-creator-gallery-thumb-border-radius: 2.81px;
  --challenge-creator-gallery-background-border-radius: 0.81px;
  --challenge-creator-gallery-gallery-thumb-border: 2px solid #b0bed3;
  --challenge-creator-gallery-response-student-name-font-weight: 700;
  --challenge-creator-gallery-response-student-name-margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-gallery-your-challenge-size: 100%;
  --challenge-creator-gallery-classmate-challenge-size: 100%;
  --challenge-creator-gallery-your-challenge-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-gallery-your-challenge-border: 2px solid #b0bed3;
  --challenge-creator-gallery-your-challenge-border-hovered: 2px solid #0069e4;
  --challenge-creator-gallery-your-challenge-box-shadow: 0 0 0 2px #0069e4;
  --challenge-creator-gallery-your-challenge-border-width-hovered: 2px;
  --challenge-creator-gallery-your-challenge-blue-color: #0069e4;
  --challenge-creator-gallery-your-challenge-font-size: 16px;
  --challenge-creator-gallery-your-challenge-line-height: 20px;
  --challenge-creator-gallery-challenge-missing-color: #676767;
  --challenge-creator-gallery-completed-challenge-background: rgba(
    #fff,
    0.8
  );
  --challenge-creator-gallery-completed-challenge-measure: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  --challenge-creator-gallery-completed-challenge-margin: calc(-1 * var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3 / 2) calc(-1 * var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3 / 2) 0 0;
  --challenge-creator-gallery-section-empty-font-style: normal;
  --challenge-creator-gallery-completed-challenge-icon-font-size: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  --challenge-creator-gallery-response-ribbon-padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-gallery-response-ribbon-font-weight: 700;
  --challenge-creator-gallery-challenge-missing-img-margin-bottom: 0;
  --challenge-creator-gallery-challenge-missing-justify-content: space-between;
  --challenge-creator-gallery-challenge-missing-inline-size: 144px;
  --challenge-creator-gallery-responses-container-font-size: "inherit";
  --challenge-creator-gallery-classmates-section: flex;
  --challenge-creator-gallery-section-empty-position: relative;
  --challenge-creator-gallery-section-empty-position-unit: 0;
  --challenge-creator-gallery-section-empty-padding-top: 0;
  --challenge-creator-gallery-section-empty-justify-content: flex-start;
  --challenge-creator-gallery-section-empty-margin-unit: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-gallery-container-padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-landing-page-gallery-container-margin-top: 15px;
  --challenge-creator-stats-container-padding-bottom: 0;
  --challenge-creator-option-icon-size: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-ribbon-max-width: 338px;
  --challenge-creator-ribbon-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5 + var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-ribbon-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2 + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-ribbon-border-width: calc((var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2 + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) / 2);
  --challenge-creator-ribbon-behind-absolute-position: calc(-1 * (20px + (var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2 + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) / 2));
  --challenge-creator-gallery-your-challenge-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-gallery-completed-challenge-measure: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-gallery-completed-challenge-margin: calc(-1 * var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2 / 2) calc(-1 * var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2 / 2) 0 0;
  --challenge-creator-gallery-completed-challenge-icon-font-size: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-gallery-responses-container-font-family: var(
    --font-family
  );
  --challenge-creator-response-thumb: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 8);
  --card-border-radius: 17px;
  --card-font-size-scale: 100%;
  --card-color: #3b3b3b;
  --card-background: #e6f1fe;
  --card-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 8%),
    0px 6px 6px 0px rgba(0, 0, 0, 9%);
  --card-dragging-box-shadow: 0 0 0 12.5px #30bfaa,
    0 20px 28px rgba(0, 0, 0, 25%);
  --card-dragging-image-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 8%),
    0px 6px 6px 0px rgba(0, 0, 0, 9%);
  --card-depressed-box-shadow: 0 0 0 6px #c231a0, 0 0 0 16px #fde0ea,
    0 20px 28px rgba(0, 0, 0, 25%);
  --card-not-single-box-shadow: 0 0 0 12.5px #b0bed3,
    0 10px 18px rgba(0, 0, 0, 25%);
  --card-drop-highlight-box-shadow: 0 0 0 12.5px #30bfaa,
    0 20px 28px rgba(0, 0, 0, 25%);
  --card-drop-highlight-background-color: #30bfaa;
  --card-drop-highlight-single-outline: none;
  --card-drop-highlight-single-box-shadow: none;
  --card-drop-highlight-color: #00847d;
  --card-drop-highlight-area-width: auto;
  --card-wrapper-border: 2px solid #fff;
  --card-wrapper-hovered-border: 4px solid #0069e4;
  --card-wrapper-depressed-border: 6px solid #0058bf;
  --card-expanded-card-container-border: 2px solid #fff;
  --card-expanded-card-width: 425px;
  --card-expanded-card-min-content-width: min-content;
  --card-expanded-card-prosemirror-width: 346px;
  --card-expanded-card-font-scale: 125%;
  --card-width: 200px;
  --card-second-card-width: 175px;
  --card-typed-card-width: 196px;
  --card-typed-card-fit-content-width: fit-content;
  --card-large-width: 400px;
  --card-large-no-borders-width: 398px;
  --card-text-padding: 12.5px;
  --card-category-padding: 12.5px;
  --card-toggle-button-margin-top: -1em;
  --card-correctness-icon-font-size: 40%;
  --card-category-card-font-weight: 700;
  --card-bold-font-weight: 700;
  --card-expanded-card-padding: 12.5px;
  --card-font-family: var(--font-family);
  --card-category-card-prosemirror-padding: 0px;
  --card-category-card-prosemirror-width: 175px;
  --card-category-card-prosemirror-large-width: 248px;
  --card-group-card-collapsed-height: 25px;
  --card-correctness-border-radius: 23px;
  --card-correctness-dimmed-border-radius: 12px;
  --card-correctness-border-width: 4px;
  --card-correctness-missing-card-height: 106px;
  --card-correctness-missing-card-border-color: #5f6b7e;
  --card-correctness-missing-card-border-width: 2px;
  --card-correctness-not-single-box-shadow: 0 0 0 12.5px #b0bed3,
    0 10px 18px rgba(0, 0, 0, 25%);
  --card-correctness-no-border: none;
  --card-missing-card-background: #dae3f0;
  --card-single-outline-offset: 0.125em;
  --card-toggle-button-dimmed-color: #0069e4;
  --card-border-top-width: 4px;
  --card-inner-container-padding: 1.1em;
  --miniscreen-section-name-font-size: 0.52em;
  --miniscreen-section-name-top: -10px;
  --polygraph-student-header-background: #b3d2f7;
  --polygraph-chat-width: 650px;
  --polygraph-chat-width-narrow: 400px;
  --polygraph-ab-polygraph-cardgrid-container-margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --polygraph-chat-widget-title-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --polygraph-chat-widget-title-header-height: 63px;
  --polygraph-game-status-margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --polygraph-chat-widget-chat-question-name-color: #676767;
  --polygraph-chat-border: 1px solid #b0bed3;
  --polygraph-chat-widget-title-background-color: #f1f5fb;
  --polygraph-chat-widget-title-font-weight: 700;
  --polygraph-chat-widget-chat-question-question-color: #3b3b3b;
  --polygraph-chat-widget-buttons-text-align: left;
  --polygraph-chat-widget-chat-answer-text-align: left;
  --polygraph-chat-widget-chat-answer-padding: 10px;
  --polygraph-chat-widget-chat-instructions-font-style: normal;
  --polygraph-chat-widget-chat-instructions-color: #3b3b3b;
  --polygraph-chat-widget-eliminated-card-size: 1.5em;
  --polygraph-chat-widget-buttons-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --polygraph-chat-widget-textarea-margin: 5px 4px 4px 4px;
  --polygraph-chat-widget-textarea-padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem - 3.75px);
  --polygraph-chat-widget-textarea-padding-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem - 3.75px);
  --polygraph-chat-widget-textarea-border: 2px solid #b0bed3;
  --polygraph-chat-widget-textarea-hover-border: 4px solid #0069e4;
  --polygraph-chat-widget-textarea-focus-visible-border: 4px solid #0069e4;
  --polygraph-chat-widget-textarea-hover-box-shadow: none;
  --polygraph-chat-widget-textarea-border-radius: 13.57px;
  --polygraph-chat-widget-textarea-caret-color: #3b3b3b;
  --polygraph-chat-widget-textarea-color: #3b3b3b;
  --polygraph-chat-widget-textarea-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem - 2px) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --polygraph-idle-modal-contents-padding: 0px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --polygraph-footer-content-wrapper-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --polygraph-game-end-confirmation-modal-contents-padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --polygraph-game-end-confirmation-modal-actions-margin-top: 0;
  --polygraph-paragraph-font-family: "open-sans", sans-serif;
  --polygraph-action-idk-text-align: center;
  --polygraph-selected-card-border: 6px solid #0069e4;
  --polygraph-eliminated-card-border-color: #ea8758;
  --polygraph-completed-game-card-size: 100px;
  --polygraph-completed-question-card-height: 94.745px;
  --polygraph-completed-question-card-width: 125px;
  --polygraph-completed-polygraph-section-margin-divider: 2;
  --polygraph-completed-section-cards-gap-rhythm-units: 1;
  --polygraph-completed-section-title-rhythm-units: 1;
  --polygraph-heading-margin-top-rhythm-units: 1;
  --polygraph-heading-margin-bottom-rhythm-units: 1;
  --polygraph-completed-section-title-color: #3b3b3b;
  --polygraph-paragraph-font-family: "quicksand";
  --vt-sidebar-header-background-color: #dae3f0;
  --vt-sidebar-body-background-color: #e8eef8;
  --vt-sidebar-body-margin: 17px;
  --vt-sidebar-text-font-size: 100%;
  --vt-sidebar-box-shadow: 0 0.25em 0 #909eb5;
  --companion-mode-sketch-controls-margin-top: 0;
  --audio-autoplay-modal-width: 750px;
  --audio-autoplay-modal-label-font-size: 40px;
  --audio-autoplay-modal-label-font-weight: 700;
  --audio-autoplay-modal-label-font-family: quicksand;
  --audio-autoplay-modal-label-line-height: 51px;
  --audio-autoplay-modal-message-font-size: 32px;
  --audio-autoplay-modal-message-line-height: 50px;
  --audio-autoplay-modal-close-btn-display: none;
  --audio-autoplay-modal-message-button-background: #f1f5fb;
  --audio-player-container-background-color: #008571;
  --audio-player-background-color: #def7f1;
  --audio-player-background-color-hover: #a3ece0;
  --audio-player-icon-color: #005347;
  --audio-player-background-color-animated: #008571;
  --audio-player-icon-color-animated: #fff;
  --audio-player-icon-padding-top: 2px;
  --audio-player-size-sm: 34px;
  --audio-player-font-size-sm: 39px;
  --audio-player-size-lg: 34px;
  --audio-player-font-size-lg: 39px;
  --audio-player-spinner-font-size: 28px;
  --audio-player-size-lg: 60px;
  --audio-player-font-size-lg: 52px;
  --vt-speaking-wave-top: 7px;
  --vt-speaking-wave-left: -14px;
  --vt-speaking-wave-height: 76%;
  --vt-speaking-wave-width: auto;
  --vt-speaking-wave-color: #0069e4;
  --confirm-done-modal-margin: 17px;
  --confirm-done-modal-width: 600px;
  --confirm-done-modal-secondary-button-background: #fff;
  --confirm-done-modal-footer-background: #fff;
  --confirm-done-modal-title-font-size: 2rem;
  --confirm-done-modal-title-font-weight: 700;
  --confirm-done-modal-btn-font-weight: 700;
  --confirm-done-modal-title-margin-top: calc(
    var(--confirm-done-modal-margin) * 3
  );
  --confirm-done-modal-title-margin-left: calc(
    var(--confirm-done-modal-margin) * 3
  );
  --confirm-done-modal-title-margin-bottom: calc(
    var(--confirm-done-modal-margin) * 2
  );
  --confirm-done-modal-actions-margin: 0 0
    calc(var(--confirm-done-modal-margin) * 2) 0;
  --confirm-done-modal-title-font-family: quicksand;
  --confirm-done-modal-btn-primary-margin: var(--confirm-done-modal-margin);
  --confirm-done-modal-margin: 25px;
  --confirm-done-modal-title-font-size: 2.5rem;
  --confirm-done-modal-title-margin-top: var(--confirm-done-modal-margin);
  --confirm-done-modal-title-margin-left: var(--confirm-done-modal-margin);
  --confirm-done-modal-title-margin-bottom: 0px;
  --confirm-done-modal-actions-margin: 0 0 var(--confirm-done-modal-margin) 0;
  --confirm-done-modal-btn-image-width: 225px;
  --confirm-done-modal-btn-height: 286px;
  --confirm-done-modal-actions-display: flex;
  --confirm-done-modal-actions-flex-direction: row;
  --confirm-done-modal-actions-align-items: center;
  --confirm-done-modal-actions-align-items: end;
  --confirm-done-modal-secondary-button-background: #f1f5fb;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar {
  width: 33px !important;
  height: 33px !important;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-track {
  background: #f1f5fb !important;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-thumb {
  background-color: #77879d !important;
  border: 4px solid transparent !important;
  border-radius: 25px !important;
  background-clip: content-box;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-thumb:hover {
  background-color: #909eb5 !important;
  border: 4px solid transparent !important;
  border-radius: 25px !important;
  background-clip: content-box;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-thumb:active {
  background-color: #909eb5 !important;
  border: 4px solid transparent !important;
  border-radius: 25px !important;
  background-clip: content-box;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-button {
  display: flex;
  position: relative;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-button:vertical {
  height: 25px;
  width: 33px;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-button:horizontal {
  height: 33px;
  width: 25px;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-button:vertical:decrement {
  display: block;
  position: absolute;
  border-left: 16px solid #f1f5fb;
  border-right: 16px solid #f1f5fb;
  border-bottom: 12px solid #77879d;
  border-top: 12px solid #f1f5fb;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  top: -4px;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-button:hover:vertical:decrement {
  border-bottom: 12px solid #909eb5;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-button:active:vertical:decrement {
  border-bottom: 12px solid #909eb5;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-button:vertical:increment {
  display: block;
  border-left: 16px solid #f1f5fb;
  border-right: 16px solid #f1f5fb;
  border-top: 12px solid #77879d;
  border-bottom: 12px solid #f1f5fb;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-button:hover:vertical:increment {
  border-top: 12px solid #909eb5;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-button:active:vertical:increment {
  border-top: 12px solid #909eb5;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-button:horizontal:decrement {
  display: block;
  position: absolute;
  border-left: 12px solid #f1f5fb;
  border-right: 12px solid #77879d;
  border-bottom: 16px solid #f1f5fb;
  border-top: 16px solid #f1f5fb;
  border-bottom-left-radius: 24px;
  border-top-left-radius: 24px;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-button:hover:horizontal:decrement {
  border-right: 12px solid #909eb5;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-button:active:horizontal:decrement {
  border-right: 12px solid #909eb5;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-button:horizontal:increment {
  display: block;
  position: absolute;
  border-left: 12px solid #77879d;
  border-right: 12px solid #f1f5fb;
  border-bottom: 16px solid #f1f5fb;
  border-top: 16px solid #f1f5fb;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-corner {
  background: transparent;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-button:hover:horizontal:increment {
  border-left: 12px solid #909eb5;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-button:active:horizontal:increment {
  border-left: 12px solid #909eb5;
}
[data-theme-id=early_elementary] ::-webkit-scrollbar-button:start:increment,
[data-theme-id=early_elementary] ::-webkit-scrollbar-button:end:decrement {
  display: none;
}
[data-theme-id=early_elementary] .dcg-cardsort-card::-webkit-scrollbar {
  height: 32px !important;
}
[data-theme-id=early_elementary] .dcg-cardsort-card::-webkit-scrollbar-track {
  border-radius: 32px !important;
}
[data-theme-id=early_elementary] .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
  font-size: 100%;
}
[data-theme-id=early_elementary] .edit-picture-container .confirm-candidate {
  --primary-button-background-default: #fbbb7b;
  --primary-button-background-hover: #e58a4b;
}
[data-theme-id=early_elementary] .dcg-mq-root-block,
[data-theme-id=early_elementary] .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode var,
[data-theme-id=early_elementary] .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode .dcg-mq-text-mode,
[data-theme-id=early_elementary] .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode .dcg-mq-nonSymbola,
[data-theme-id=early_elementary] .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode .dcg-mq-binary-operator,
[data-theme-id=early_elementary] .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode .dcg-mq-digit {
  font-family: "quicksand";
  font-style: normal;
}
[data-theme-id=early_elementary] .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
  font-weight: 500;
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
[data-theme-id=early_elementary] .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode [class^=dcg-mq-]:not([class*=dcg-mq-group-]) {
  margin-left: 0;
  margin-right: 0;
}
[data-theme-id=early_elementary] .nav-stepper-btn {
  --button-border-radius: 8px;
  --secondary-button-border-default: 3px solid #ccc;
  --secondary-button-border-color-hover: #999;
}
[data-theme-id=early_elementary] [data-component-type="exhibit/text"] {
  --text-exhibit-container-display: flex;
  --text-exhibit-container-width: fit-content;
  --text-exhibit-view-flex-grow: 1;
  --text-exhibit-playground-margin-bottom: 0px;
  --note-font-family: "open-sans", sans-serif;
  --note-font-weight: 400;
  --font-color-default: #3b3b3b;
  --note-parent-font-size: 100%;
  color: var(--font-color-default);
  --text-exhibit-player-margin-right: 25px;
  --blue-note-border-radius: 13.57px;
  --inline-dropdown-anchor-width: 169px;
  --inline-dropdown-anchor-height: 50px;
  --inline-dropdown-border-width: 2px;
  --inline-dropdown-border-radius: 13.57px;
  --inline-dropdown-shadow-width: 2px;
  --inline-dropdown-chevron-color: #0069e4;
  --inline-dropdown-chevron-font-size: 28px;
  --inline-dropdown-anchor-padding: 0 12.5px;
  --inline-dropdown-anchor-max-width: 680px;
  --inline-dropdown-anchor-min-width: 46px;
  --inline-dropdown-list-options-width: var(--inline-dropdown-anchor-max-width);
  --inline-dropdown-list-option-min-width: calc(100% + 33px);
  --note-font-family: "quicksand";
  --note-font-weight: 500;
}
@media screen and (max-width: 1200px) {
  [data-theme-id=early_elementary] [data-component-type="exhibit/text"] {
    --inline-dropdown-anchor-height: 40px;
    --inline-dropdown-chevron-font-size: 30px;
    --inline-dropdown-anchor-padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  [data-theme-id=early_elementary] [data-component-type="exhibit/text"] {
    --inline-dropdown-anchor-height: 28px;
    --inline-dropdown-chevron-font-size: 20px;
    --inline-dropdown-border-radius: 9.5px;
    --inline-dropdown-anchor-padding: 0 7px;
  }
}
@media screen and (max-width: 576px) {
  [data-theme-id=early_elementary] [data-component-type="exhibit/text"] {
    --inline-dropdown-chevron-font-size: 15px;
  }
}
[data-theme-id=early_elementary] [data-component-type="exhibit/text"] .inline-dropdown .select-dropdown .disabled {
  opacity: 1;
}
[data-theme-id=early_elementary] .note-with-inline-snapshot-container {
  --inline-dropdown-anchor-width: 169px;
  --inline-dropdown-anchor-height: 50px;
  --inline-dropdown-border-width: 2px;
  --inline-dropdown-border-radius: 13.57px;
  --inline-dropdown-shadow-width: 2px;
  --inline-dropdown-chevron-color: #0069e4;
  --inline-dropdown-chevron-font-size: 28px;
  --inline-dropdown-anchor-padding: 0 12.5px;
  --inline-dropdown-anchor-max-width: 680px;
  --inline-dropdown-anchor-min-width: 46px;
  --inline-dropdown-list-options-width: var(--inline-dropdown-anchor-max-width);
  --inline-dropdown-list-option-min-width: calc(100% + 33px);
  --inline-dropdown-border-color: #b0bed3;
}
@media screen and (max-width: 1200px) {
  [data-theme-id=early_elementary] .note-with-inline-snapshot-container {
    --inline-dropdown-anchor-height: 40px;
    --inline-dropdown-chevron-font-size: 30px;
    --inline-dropdown-anchor-padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  [data-theme-id=early_elementary] .note-with-inline-snapshot-container {
    --inline-dropdown-anchor-height: 28px;
    --inline-dropdown-chevron-font-size: 20px;
    --inline-dropdown-border-radius: 9.5px;
    --inline-dropdown-anchor-padding: 0 7px;
  }
}
@media screen and (max-width: 576px) {
  [data-theme-id=early_elementary] .note-with-inline-snapshot-container {
    --inline-dropdown-chevron-font-size: 15px;
  }
}
[data-theme-id=early_elementary] .note-with-inline-snapshot-container .inline-dropdown .select-dropdown .disabled {
  opacity: 1;
}
[data-theme-id=early_elementary] [data-component-type=multiple-choice],
[data-theme-id=early_elementary] .choice-snapshot {
  --multi-choice-checkbox-audio-wrapper-tile-top: -6px;
  --multi-choice-checkbox-audio-wrapper-buttons-wrapper-top: 5px;
  --multi-choice-checkbox-audio-wrapper-checkbox-wrapper-top: -6px;
  --multi-choice-checkbox-audio-player-placeholder-margin-right: 12px;
  --multi-choice-checkbox-segmented-control-audio-player-top: -12px;
  --multi-choice-checkbox-tile-image-component-audio-player-left: -27px;
  --multi-choice-checbkox-segment-sm-screen-audio-player-top: 10px;
  --multi-choice-checbkox-segment-sm-screen-audio-player-right: 80px;
  --multi-choice-edit-disabled-filter: grayscale(1);
  --text-input-submit-button-text-align: left;
  --multi-choice-font-weight: var(--font-weight-bold);
  --multi-choice-wrapper-margin-bottom: 30px;
  --multi-choice-border-color-depressed: #c231a0;
  --multi-choice-border-color-selected: rgba(0, 0, 0, 0%);
  --multi-choice-border-color-checked: #c231a0;
  --multi-choice-border-color-submitted: #c231a0;
  --multi-choice-box-border: 1px solid rgba(0, 0, 0, 0%);
  --multi-choice-box-border-selected: 1px solid rgba(0, 0, 0, 0%);
  --multi-choice-box-border-hover: 1px solid rgba(0, 0, 0, 0%);
  --multi-choice-box-border-depressed: 1px solid rgba(0, 0, 0, 0%);
  --multi-choice-box-shadow: 0 0.25em 0 #b3d2f7;
  --multi-choice-box-shadow-selected: 0 0.25em 0 #004597;
  --multi-choice-box-shadow-depressed: 0 0.125em 0 #0069e4;
  --multi-choice-box-shadow-selected-depressed: 0 0.125em 0 #002c64;
  --multi-choice-box-shadow-selected-focus-visible: 0 0 0 0.125em #fff,
    0 0 0 0.3125em var(--amp-focus-color, #9c0d63),
    0 0.25em 0 #80b4f1;
  --multi-choice-checkbox-box-shadow: 0 0 0 2px #fff 0 0 0 5px #c231a0;
  --multi-choice-box-shadow-bottom-color: #231f20;
  --multi-choice-box-shadow-bottom-color-hover: #8f037c;
  --multi-choice-box-shadow-bottom-hover: 0 4px #8f037c;
  --multi-choice-box-padding-bottom: 8px;
  --multi-choice-background-selected: #0069e4;
  --multi-choice-background-selected-focus-visible: #0058bf;
  --multi-choice-background-checked: #fde0ea;
  --multi-choice-background-submitted: #0069e4;
  --multi-choice-button-background-selected-hover: #0058bf;
  --multi-choice-button-background-selected-depressed: #004597;
  --multi-choice-button-gap: 17px;
  --multi-choice-button-height: 60px;
  --multi-choice-button-fraction-vertical-align: -0.4em;
  --multi-choice-checkmark-border-color-selected: #0069e4;
  --multi-choice-checkmark-border-color-depressed: #0069e4;
  --multi-choice-checkmark-color: transparent;
  --multi-choice-checkmark-color-hover: transparent;
  --multi-choice-checkmark-color-depressed: #fff;
  --multi-choice-checkmark-color-selected: #fff;
  --multi-choice-checkmark-color-checked: #fff;
  --multi-choice-checkmark-color-submitted: #fff;
  --multi-choice-checkbox-background-color: #fff;
  --multi-choice-checkbox-background-hover: #e8eef8;
  --multi-choice-checkbox-border-radius: 4px;
  --multi-choice-checkbox-margin-top: calc(
    (
        (
            var(--amp-radio-checkbox-size-px, 20) / var(--amp-font-size-px, 16) *
              1em
          ) - (var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2)
      ) / 2
  );
  --multi-choice-image-container-margin-top: 0;
  --multi-choice-image-container-margin-bottom: 0;
  --multi-choice-image-container-width: 136px;
  --multi-choice-image-container-border: 2px solid #b0bed3;
  --multi-choice-image-container-background-color: #f1f5fb;
  --multi-choice-loading-message-color: #676767;
  --multi-choice-loading-message-font-size: calc(
    1 / var(--amp-scale-ratio) * 1em
  );
  --multi-choice-loading-message-font-weight: 500;
  --multi-choice-basic-padding-top-bottom: 0.3875em;
  --multi-choice-basic-padding-left-right: 1em;
  --multi-choice-basic-border-radius: 12.7px;
  --multi-choice-basic-text-align: left;
  --multi-choice-basic-justify-content: start;
  --multi-choice-basic-vertical-align: flex-start;
  --multi-choice-basic-checkmark-border: 0.125em solid #77879d;
  --multi-choice-basic-checkmark-background-color: #fff;
  --multi-choice-basic-checkmark-background-color-hover: #e8eef8;
  --multi-choice-basic-checkmark-color: rgba(255, 255, 255, 0%);
  --multi-choice-basic-checkmark-border-color-hover: #0069e4;
  --multi-choice-basic-checkmark-border-color-focus-visible: #0069e4;
  --multi-choice-basic-checkmark-border-color-selected: #fff;
  --multi-choice-basic-checkmark-color-selected: #fff;
  --multi-choice-tile-font-color: #3b3b3b;
  --multi-choice-tile-font-weight: 500;
  --multi-choice-tile-line-height: 1.6em;
  --multi-choice-tile-card-spacing: 8.5px;
  --multi-choice-tile-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --multi-choice-tile-grid-margin-unit: 0;
  --multi-choice-tile-grid-text-position-left: 0px;
  --multi-choice-tile-grid-text-position-right: 0px;
  --multi-choice-tile-grid-text-position-top: 0px;
  --multi-choice-tile-grid-text-checkbox-position-left: 10px;
  --multi-choice-tile-grid-text-checkbox-position-right: 10px;
  --multi-choice-tile-grid-text-checkbox-position-top: 10px;
  --multi-choice-tile-mc-tile-label-height: 100%;
  --multi-choice-instruction-font-style: normal;
  --multi-choice-instruction-margin-bottom: 20px;
  --multi-choice-radio-after-visibility: visible;
  --multi-choice-radio-border-color-hovered: #0069e4;
  --multi-choice-radio-background-color: #0069e4;
  --multi-choice-radio-background-color-depressed: #b3d2f7;
  --multi-choice-radio-color-focus-visible: #0069e4;
  --multi-choice-radio-border-color-selected-hovered: #0069e4;
  --multi-choice-radio-border-color-selected-depressed: #0058bf;
  --multi-choice-radio-background-color-selected-hovered: #0058bf;
  --multi-choice-radio-background-color-selected-depressed: #004597;
  --multi-choice-radio-background-color-selected-focus-visible: #0058bf;
  --multi-choice-list-display: block;
  --multi-choice-list-button-padding-rhythm-units: 0;
  --multi-choice-list-text-padding: 9px 30px 10px 70px;
  --multi-choice-list-checkbox-positiion-top: 12px;
  --multi-choice-list-checkbox-positiion-left: 37px;
  --multi-choice-list-checkbox-width: 1.2em;
  --multi-choice-list-checkbox-height: 1.2em;
  --multi-choice-list-checkmark-position-top: 0em;
  --multi-choice-list-checkmark-position-left: 0.05em;
  --multi-choice-list-checkmark-font-size: 0.8em;
  --multi-choice-list-checkmark-text-shadow-width: 0px;
  --multi-choice-list-checkbox-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --multi-choice-list-checkbox-color: #3b3b3b;
  --multi-choice-checkbox-border: 0.125em solid #77879d;
  --multi-choice-checkbox-color: #fff;
  --multi-choice-checkbox-border-color-hover: #0069e4;
  --multi-choice-checkbox-border-color-depressed: #0058bf;
  --multi-choice-checkbox-border-color-selected: #0069e4;
  --multi-choice-checkbox-color-selected: #fff;
  --multi-choice-checkbox-color-selected-hovered: #0058bf;
  --multi-choice-checkbox-color-selected-depressed: #004597;
  --multi-choice-checkbox-color-selected-focus-visible: #0058bf;
  --segmented-control-button-border: solid 4px #0069e4;
  --segmented-control-button-border-color-hover: #0069e4;
  --segmented-control-button-background-color-hover: #e6f1fe;
  --segmented-control-button-border-selected: solid 4px #0069e4;
  --segmented-control-button-background-selected: #80b4f1;
  --segmented-control-button-background-color-selected: #80b4f1;
  --segmented-control-button-box-shadow-selected: inset 0 0 0 2px #0069e4;
  --segmented-control-button-height: var(--multi-choice-button-height);
  --segmented-control-button-padding: 12px 36px;
  --segmented-control-button-border-radius: var(--border-radius-large);
  --segmented-control-button-offset-center-border: -4px;
  --segmented-control-button-font-color: #0069e4;
  --segmented-control-button-font-color-hover: #0069e4;
  --segmented-control-button-font-color-selected: #002c64;
  --segmented-control-button-font-weight: var(--multi-choice-font-weight);
  --multi-choice-letter-label-text-transform: lowercase;
  --multi-choice-letter-label-font-weight: 700;
  --multi-choice-letter-label-background-color: #b3d2f7;
  --multi-choice-letter-label-background-color-hover: #80b4f1;
  --multi-choice-letter-label-background-color-depressed: #0058bf;
  --multi-choice-letter-label-background-color-selected: #004597;
  --multi-choice-letter-label-color: #0058bf;
  --multi-choice-letter-label-color-hover: #002c64;
  --multi-choice-letter-label-color-depressed: #fff;
  --multi-choice-letter-label-color-selected: #fff;
  --multi-choice-letter-label-filter-submitted: none;
  --multi-choice-checkbox-audio-wrapper-top: 6px;
  --multi-choice-checkbox-audio-player-top: 3px;
  --multi-choice-checkbox-tile-image-component-audio-player-top: 3px;
  --multi-choice-button-gap: 25px;
  --multi-choice-button-fraction-vertical-align: -0.5em;
  --multi-choice-basic-border-radius: 17px;
  --multi-choice-tile-card-spacing: 12.5px;
  --multi-choice-image-container-width: 150px;
}
[data-theme-id=early_elementary] [data-component-type=multiple-choice] div[class*=layout-context-] {
  --multi-choice-image-container-with-letter-label-width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 5);
}
[data-theme-id=early_elementary] [data-component-type="input/text"] div[class*=layout-context-],
[data-theme-id=early_elementary] .text-area-view {
  --text-input-border: solid 2px #b0bed3;
  --text-input-border-hover: solid 4px #80b4f1;
  --text-input-border-focused: solid 4px #0069e4;
  --text-input-box-shadow: none;
  --free-response-submit-button-font-size: 70%;
  --free-response-edit-button-font-size: 60%;
  --free-response-submit-button-font-size-small: 60%;
  --free-response-edit-button-font-size-small: 50%;
  --text-input-textarea-border-radius: 13.6px 13.6px 0 0;
  --text-input-textarea-padding: 25px;
  --text-input-textarea-padding-hovered: 23px;
  --text-input-textarea-display: block;
  --text-input-textarea-submitted-background: #f1f5fb;
  --text-input-submit-container-width: 100%;
  --placeholder-color: rgba(35, 31, 32, 50%);
  --placeholder-icon-font-size: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --placeholder-icon-color: #0069e4;
  --placeholder-icon-margin: 8px;
  --placeholder-icon-positioning: 8px;
  --placeholder-icon-line-height: 0;
  --text-input-footer-button-height: 60px;
  --text-input-footer-button-border: 2px solid #f1f5fb;
  --text-input-footer-button-box-shadow-depressed: none;
  --text-input-footer-button-font-size: 183%;
  --text-input-submit-button-text-align: left;
  --image-thumbnail-area-margin-top: -4px;
  --image-thumbnail-area-border: solid 2px #b0bed3;
  --image-thumbnail-area-border-focused: solid 4px #0069e4;
  --image-thumbnail-area-padding-focused: 0 5px 1px 5px;
  --image-thumbnail-area-border-hover: solid 4px #80b4f1;
  --uploaded-image-thumbnail-size: 150px;
  --uploaded-image-thumbnail-border-color: #b0bed3;
  --uploaded-image-thumbnail-border-radius: 2.81;
  --uploaded-image-thumbnail-margin: 16px;
  --uploaded-image-thumbnail-border-hover: #80b4f1;
  --remove-media-button-size: 32px;
  --remove-media-button-border: 3px solid #fff;
  --remove-media-button-box-shadow: none;
  --remove-media-button-box-shadow-depressed: none;
  --remove-media-button-background: #dae3f0;
  --remove-media-button-background-hover: #f1f5fb;
  --remove-media-button-background-depressed: #dae3f0;
  --remove-media-button-font-size: 24px;
  --remove-media-button-color: #0069e4;
  --remove-audio-button-positioning-right: 0;
  --remove-audio-button-positioning-top: -5px;
  --deleting-media-cancel-background: transparent;
  --deleting-media-cancel-border: none;
  --deleting-media-cancel-border-hover: none;
  --deleting-media-cancel-border-radius: 0;
  --deleting-media-cancel-box-shadow: none;
  --deleting-media-cancel-box-shadow-depressed: none;
  --deleting-media-cancel-text-decoration: underline;
  --deleting-media-cancel-padding: 0;
  --deleting-media-cancel-margin-top: 10px;
  --deleting-media-cancel-align-items: flex-start;
  --deleting-media-cancel-justify-content: space-between;
  --deleting-media-delete-message-padding-left: 0;
  --deleting-media-padding: 9px 15px 9px;
  --deleting-media-font-size: 24px;
  --deleting-media-background: #fbeae6;
  --deleting-media-color: #831c00;
  --deleting-image-border: 1px solid #fbeae6;
  --deleting-audio-height: 75px;
  --deleting-audio-padding: 0 34px;
  --deleting-audio-border: none;
  --deleting-audio-border-radius: 70px;
  --deleting-audio-color: #831c00;
  --deleting-audio-font-weight: 100px;
  --drop-down-button-color-depressed: #fff;
  --dropdown-container-border-radius: 13.6px;
  --component-audio-player-wrapper-margin-top: -4px;
  --component-audio-player-wrapper-border: solid 2px #b0bed3;
  --component-audio-player-wrapper-border-selected: solid 4px #0069e4;
  --component-audio-player-wrapper-padding: 0px 10px;
  --component-audio-player-uploading-animation: none;
  --component-audio-player-padding-right: 0;
  --component-audio-player-wrapper-height: 100px;
  --component-audio-player-padding-top: 0px;
  --player-container-background: #e6f1fe;
  --player-container-border-radius: 100px;
  --player-container-height: 75px;
  --player-container-outline-hover: none;
  --small-play-pause-color: #0069e4;
  --small-play-pause-background: #e71d32;
  --small-play-pause-background-hover: #c4192a;
  --small-play-pause-background-depressed: #8e0311;
  --small-play-font-size: 36px;
  --small-pause-font-size: 36px;
  --small-play-pause-size: 58px;
  --small-play-pause-justify-content: center;
  --small-play-pause-border-radius: 50%;
  --small-play-pause-margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --small-play-pause-box-shadow-bottom: 0 4px #b0bed3;
  --small-play-pause-box-shadow-bottom-depressed: none;
  --small-play-pause-label-margin-top: -33px;
  --duration-label-font-size: var(--font-size-default);
  --duration-label-margin-right: 15px;
  --duration-label-color: #3b3b3b;
  --scrubber-thumb-center-background: #0069e4;
  --scrubber-thumb-background-background: #80b4f1;
  --scrubber-thumb-background-circle-radius: 25px;
  --scrubber-thumb-radius: 15px;
  --scrubber-track-height: 25px;
  --scrubber-track-background: #b3d2f7;
  --scrubber-track-margin-top: -13px;
  --scrubber-thumb-center-scale: scale(0.5, 0.5);
  --scrubber-height: 60px;
  --upload-spinner-container-size: 32px;
  --upload-spinner-container-border: solid 2px #0069e4;
  --upload-spinner-container-margin-right: 15px;
  --upload-icon-font-size: 24px;
  --upload-icon-color: #0069e4;
  --spinner-icon-font-size: 32px;
  --spinner-icon-position: 4px;
  --spinner-icon-color: #0069e4;
  --text-input-textarea-box-shadow-focused: 0 0;
  --free-response-submit-button-font-size: 75%;
  --text-input-footer-border: solid 4px
    #ededee;
  --text-input-footer-border-radius: 0 0 16px 16px;
  --text-input-footer-background: #ededee;
  --text-input-submit-button-margin: 8px auto 8px 0;
  --expand-image-button-background: #fff;
  --expand-image-button-color: #231f20;
  --expand-image-button-padding: 0;
  --expand-image-button-font-size: 55px;
  --thumb-stack-overlay-background: rgba(250, 250, 250, 80%);
  --remove-media-button-font-size: 16px;
}
[data-theme-id=early_elementary] [data-component-type="input/text"] div[class*=layout-context-] .upload-image-footer-button,
[data-theme-id=early_elementary] .text-area-view .upload-image-footer-button {
  --text-input-footer-button-icon-color: #722800;
  --text-input-footer-button-background: #fbbb7b;
  --text-input-footer-button-background-hover: #e58a4b;
  --text-input-footer-button-shadow-bottom-color: #d77027;
  --text-input-footer-button-box-shadow-is-open: 0 0 0 6px #722800;
  --text-input-footer-button-icon-line-height: 55px;
  --text-input-footer-button-font-size: 140%;
}
[data-theme-id=early_elementary] [data-component-type="input/text"] div[class*=layout-context-] .microphone-footer-button,
[data-theme-id=early_elementary] .text-area-view .microphone-footer-button {
  --text-input-footer-button-icon-color: #8e0311;
  --text-input-footer-button-background: #ffdce5;
  --text-input-footer-button-background-hover: rgba(255, 102, 107, 0.6);
  --text-input-footer-button-shadow-bottom-color: #ffafbe;
  --text-input-footer-button-box-shadow-is-open: 0 0 0 6px #8e0311;
}
[data-theme-id=early_elementary] [data-component-type="input/text"] div[class*=layout-context-] .text-edit-button,
[data-theme-id=early_elementary] .text-area-view .text-edit-button {
  --text-input-footer-button-icon-color: #333;
  --text-input-footer-button-background: #b3d869;
  --text-input-footer-button-background-hover: #8fc555;
  --text-input-footer-button-shadow-bottom-color: #6db240;
  --text-input-footer-button-box-shadow-active: 0 0 0 6px #10781b;
  --text-input-footer-button-icon-line-height: 60px;
}
[data-theme-id=early_elementary] [data-component-type="input/text"] div[class*=layout-context-] .math-edit-button,
[data-theme-id=early_elementary] [data-component-type="input/text"] div[class*=layout-context-] .dcg-toggle-keypad-button,
[data-theme-id=early_elementary] .text-area-view .math-edit-button,
[data-theme-id=early_elementary] .text-area-view .dcg-toggle-keypad-button {
  --text-input-footer-button-icon-color: #d1e8f1;
  --text-input-footer-button-background: #006997;
  --text-input-footer-button-background-hover: #005980;
  --text-input-footer-button-background-depressed: #00334b;
  --text-input-footer-button-shadow-bottom-color: #32a3cf;
  --text-input-footer-button-box-shadow-active: 0 0 0 6px #00334b;
  --text-input-footer-button-sqrt-box-width: 0px;
  --text-input-footer-button-icon-line-height: 55px;
}
[data-theme-id=early_elementary] [data-component-type="input/text"] div[class*=layout-context-] .upload-image-container .dropdown-container,
[data-theme-id=early_elementary] .text-area-view .upload-image-container .dropdown-container {
  --dropdown-container-interior-padding: 0px;
  --dropdown-container-background: #fff;
  --dropdown-container-color: #3b3b3b;
  --upload-file-button-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --upload-file-button-border-radius: 0px;
  --dropdown-button-margin-bottom: 0px;
  --dropdown-button-text-decoration: none;
  --dropdown-button-background-hovered: #f1f5fb;
  --dropdown-button-background-depressed: #e8eef8;
  --dropdown-button-color-depressed: #3b3b3b;
  --dropdown-arrow-border: #f1f5fb;
  --dropdown-arrow-background: #fff;
  --dropdown-container-margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
[data-theme-id=early_elementary] [data-component-type="input/text"] div[class*=layout-context-] .upload-audio-dropdown-container .dropdown-container,
[data-theme-id=early_elementary] .text-area-view .upload-audio-dropdown-container .dropdown-container {
  --dropdown-container-preview-message-font-style: normal;
  --dropdown-button-text-decoration: none;
  --dropdown-container-background: #fff;
  --dropdown-container-color: #3b3b3b;
  --dropdown-arrow-border: #ffdce5;
  --dropdown-arrow-background: #fff;
  --dropdown-record-button-animation: none;
  --record-audio-start-icon-font-size: 2em;
  --record-audio-start-icon-color: #fff;
  --record-audio-start-icon-color-recording-hover: #ffeef2;
  --record-audio-start-icon-color-recording-depressed: #ffdce5;
  --record-audio-start-icon-background: #e71d32;
  --record-audio-start-icon-background-hover: #c4192a;
  --record-audio-start-icon-background-depressed: #8e0311;
  --record-audio-start-icon-background-recording: #fff;
  --record-audio-start-icon-background-recording-hover: #ffeef2;
  --record-audio-start-icon-background-recording-depressed: #ffdce5;
  --record-audio-start-icon-border: solid 0.125em #e71d32;
  --record-audio-start-icon-border-hover: solid 0.125em #c4192a;
  --record-audio-start-icon-border-depressed: solid 0.125em #8e0311;
  --record-audio-start-icon-border-recording: solid 0.125em #fff;
  --record-audio-start-icon-border-recording-hover: solid 0.125em #ffeef2;
  --record-audio-start-icon-border-recording-depressed: solid 0.125em #ffdce5;
  --record-audio-start-icon-border-radius: 50%;
  --record-audio-start-icon-box-shadow: 0 4px #8e0311;
  --record-audio-start-icon-box-shadow-depressed: none;
  --record-audio-start-icon-box-shadow-recording: 0 4px #ffdce5;
  --record-audio-stop-icon-size: 20px;
  --record-audio-stop-icon-color: #fff;
  --audio-bubble-background: #e6f1fe;
  --audio-bubble-background-height: 2.35em;
  --audio-bubble-border-radius: 1.5em;
  --audio-bubble-waveform-width: 233px;
  --audio-bubble-margin-left: 1;
  --recording-label-text-align: center;
  --audio-dropdown-margin-left: 25px;
  --audio-dropdown-margin-top: 15px;
  --audio-bubble-waveform-width: 240px;
  --record-audio-start-icon-border: solid calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) #0069e4;
  --record-audio-start-icon-font-size: 1.5em;
  --record-audio-start-icon-border-hover: solid calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) #0058bf;
  --record-audio-start-icon-box-shadow: 0 4px #004597;
  --record-audio-start-icon-border-depressed: solid calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5)
    #0058bf;
  --record-audio-start-icon-box-shadow-depressed: 0 4px #002c64;
}
[data-theme-id=early_elementary] [data-component-type="input/expression"],
[data-theme-id=early_elementary] .inline-math {
  --math-input-focused-border-width: 4px;
  --math-input-focused-box-shadow: none;
  --math-input-border-primary: solid 4px #b1b3b6;
  --math-input-border-radius: 16px 0 0 16px;
  --math-input-border-color-hover: #80b4f1;
  --math-input-border-color-focus: #0069e4;
  --math-input-keypad-button-box-shadow-focused: none;
  --math-input-font-style: normal;
  --math-input-error-font-size: 40px;
  --math-input-error-margin-top: 6px;
  --math-input-error-margin-right: 10px;
  --math-input-error-icon-color: #817715;
  --math-input-error-icon-background: #fff;
  --math-input-error-icon-padding: 0px;
  --math-input-error-icon-margin: 0px;
  --math-input-error-icon-border-radius: 50%;
  --math-input-spacing: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --math-input-and-button-margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --math-input-footer-background: transparent;
  --math-input-footer-border: transparent;
  --math-input-footer-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
  --math-submit-button-container-text-align: center;
  --math-submit-button-container-display: flex;
  --math-submit-button-container-justify: start;
  --math-submit-button-container-width: auto;
  --math-input-keypad-button-border: none;
  --math-input-keypad-button-width: 72px;
  --math-input-keypad-button-border-radius: 0 16px 16px 0;
  --math-input-keypad-button-background-color: #d1e8f1;
  --math-input-keypad-button-box-shadow: inset 0 -4px #32a3cf;
  --math-input-keypad-button-background-color-hover: #9bcfe2;
  --math-input-keypad-button-background-color-active: #006997;
  --math-input-keypad-button-icon-color: #006997;
  --math-input-keypad-button-icon-color-hover: #006997;
  --math-input-keypad-button-icon-color-pressed: #006997;
  --math-input-keypad-button-icon-color-active: #fff;
  --math-input-keypad-button-pressed-margin-top: 3px;
  --math-input-edit-button-pressed-margin-top: 3px;
  --math-input-edit-button-display: inline-block;
  --math-input-edit-button-active-box-shadow: none;
  --free-response-submit-button-font-size: 70%;
  --free-response-edit-button-font-size: 60%;
  --free-response-submit-button-font-size-small: 60%;
  --free-response-edit-button-font-size-small: 50%;
  --expression-input-button-font-size: 90%;
  --math-input-focused-border-width: 4px -
    1px;
  --math-input-focused-margin: 0;
  --math-input-border-color-focus: #0069e4;
}
[data-theme-id=early_elementary] .inline-math {
  --inline-math-input-border-color: #b0bed3;
  --inline-math-border-radius: 13.57px;
  --inline-math-keypad-button-width: 70px;
  --inline-math-keypad-button-height: 51px;
  --math-input-border-color-hover: #80b4f1;
  --inline-math-padding: 13px;
  --inline-math-keypad-button-margin: 0 0 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --inline-math-keypad-button-icon-size: 30px;
  --inline-math-text-align: center;
  --inline-math-empty-width: 85px;
  --inline-math-input-min-width: 34px;
  --inline-math-input-max-width: 55px;
  --inline-math-icon-font-size: 34px;
  --inline-math-font-family: symbola, "Times New Roman", serif;
  --inline-math-padding: 12.5px 23px;
  --inline-math-keypad-button-margin: 0;
  --inline-math-empty-width: 100px;
  --inline-math-icon-font-size: 37.44px;
  --inline-math-input-max-width: 50px;
}
@media screen and (max-width: 1200px) {
  [data-theme-id=early_elementary] .inline-math {
    --inline-math-keypad-button-icon-size: 27.5px;
    --inline-math-empty-width: 80px;
    --inline-math-padding: 14px;
    --inline-math-keypad-button-margin: 0 0 0 16px;
    --inline-math-input-min-width: 32px;
    --inline-math-input-max-width: 48px;
    --inline-math-icon-font-size: 32px;
    --inline-math-keypad-button-width: 64.2px;
    --inline-math-keypad-button-height: 48px;
  }
}
@media screen and (max-width: 768px) {
  [data-theme-id=early_elementary] .inline-math {
    --inline-math-keypad-button-icon-size: 22px;
    --inline-math-empty-width: 65px;
    --inline-math-padding: 11px;
    --inline-math-keypad-button-margin: 0 0 0 13px;
    --inline-math-border-radius: 9.5px;
    --inline-math-input-min-width: 26px;
    --inline-math-input-max-width: 39px;
    --inline-math-icon-font-size: 19px;
    --inline-math-keypad-button-width: 52.5px;
    --inline-math-keypad-button-height: 37.5px;
  }
}
@media screen and (max-width: 1200px) {
  [data-theme-id=early_elementary] .inline-math {
    --inline-math-input-max-width: 40px;
    --inline-math-empty-width: 80px;
    --inline-math-padding: 10px 18px;
  }
}
@media screen and (max-width: 768px) {
  [data-theme-id=early_elementary] .inline-math {
    --inline-math-input-max-width: 28px;
    --inline-math-empty-width: 56px;
    --inline-math-padding: 7px 12px;
    --inline-math-border-radius: 9.5px;
    --inline-math-icon-font-size: 20px;
  }
}
[data-theme-id=early_elementary] .k5-note .prosemirror-inline-wrapper {
  --inline-math-overall-height: 75px;
}
@media screen and (max-width: 1200px) {
  [data-theme-id=early_elementary] .k5-note .prosemirror-inline-wrapper {
    --inline-math-overall-height: 70px;
  }
}
@media screen and (max-width: 768px) {
  [data-theme-id=early_elementary] .k5-note .prosemirror-inline-wrapper {
    --inline-math-overall-height: 42px;
  }
}
[data-theme-id=early_elementary] [data-component-type=table],
[data-theme-id=early_elementary] .snapshot-table {
  --table-border-collapse: collapse;
  --table-cell-weight: 500;
  --table-cell-border: 1px solid #b0bed3;
  --table-cell-border-header: 1px solid #767676;
  --table-cell-font-size: 100%;
  --table-cell-outline-hover: 4px solid #80b4f1;
  --table-cell-outline-active: 4px solid #0069e4;
  --table-cell-outline-error: 4px solid #817715;
  --table-cell-outline-offset: -2px;
  --table-cell-icon-color: #0069e4;
  --table-cell-header-bottom-border-width: 1px;
  --table-cell-background-clip: padding-box !important;
  --table-cell-padding: 17px;
  --table-cell-no-padding: 0px;
  --table-cell-padding-right: 0px;
  --table-cell-padding-left: 0px;
  --table-cell-height-padded: 34px;
  --table-cell-new-row-padding: 13.5px;
  --table-cell-edit-padding-left: 55px;
  --table-outline: none;
  --table-cursor: pointer;
  --table-keypad-button-width: 50px;
  --table-keypad-button-height: 50px;
  --table-keypad-button-bottom: -50px;
  --table-keypad-button-border: none;
  --table-keypad-button-font-size: 100%;
  --table-keypad-button-icon-color: #d1e8f1;
  --table-keypad-button-icon-line-height: 1.2em;
  --table-keypad-button-icon-color-hover: #d1e8f1;
  --table-keypad-button-background: #006997;
  --table-keypad-button-background-hover: #005980;
  --table-keypad-button-background-depressed: #005980;
  --table-keypad-button-box-shadow-size: 3px;
  --table-keypad-button-box-shadow: 0 3px #32a3cf;
  --table-keypad-button-box-shadow-depressed: none;
  --table-cell-locked-background-color: #e8eef8;
  --table-column-header-cell-border-bottom: none;
  --table-column-header-cell-background-color: #dae3f0;
  --table-cell-edit-icon-font: 1.5em;
  --table-cell-add-icon-font-size: calc(1 / var(--amp-scale-ratio) * 1.6em);
  --table-cell-add-icon-padding: calc(1em / 6);
  --table-keyboard-button-color: #0069e4;
  --table-keyboard-button-color-active: #fff;
  --table-keyboard-button-background-color-active: #0069e4;
  --table-cell-add-new-background-color: #e8eef8;
  --table-snapshot-empty-cell-min-height: 1.46em;
  --table-snapshot-empty-cell-display: block;
  --table-add-row-after-content: none;
  --table-border-collapse-enabled: none;
  --table-cell-box-shadow-hover: none;
  --table-keypad-button-box-shadow-hovered: none;
  --table-cell-keypad-button-width: 1.8em;
  --table-cell-keypad-button-height: 1.4em;
  --table-cell-keypad-button-hovered: #dae3f0;
  --table-cell-keypad-button-active: #002c64;
  --table-cell-padding: 12.5px;
  --table-cell-height-padded: 38.4px;
  --table-cell-new-row-padding: 12.5px;
  --table-keypad-button-width: 55px;
  --table-keypad-button-height: 55px;
  --table-keypad-button-icon-line-height: 1em;
  --table-cell-add-icon-padding: calc(
    1em / 8
  );
  --table-snapshot-empty-cell-min-height: 1.6em;
}
[data-theme-id=early_elementary] [data-component-type=sketch] div[class*=layout-context-] {
  --sketch-color-picker-width: auto;
  --sketch-color-picker-min-width: calc(8.376em + 36px);
  --sketch-color-picker-top: 2.7em;
  --sketch-color-picker-left-position: -96px;
  --sketch-color-list-padding: 10px 17px;
  --sketch-controls-background: #e8eef8;
  --sketch-controls-border: 2px solid #b0bed3;
  --sketch-controls-border-radius: 13.57px;
  --sketch-controls-top: 0;
  --sketch-margin-top: 75px;
  --sketch-negative-margin-top: -75px;
  --sketch-playground-margin-bottom: 85px;
  --sketch-left-controls-z-index: 0;
  --sketch-left-controls-margin-hover: 0px;
  --sketch-left-controls-width: 100%;
  --sketch-left-controls-height: auto;
  --sketch-left-controls-border: transparent;
  --sketch-btn-spacing: 5px;
  --sketch-btn-gap: 0.425em;
  --sketch-btn-group-flex-wrap: wrap;
  --sketch-btn-group-align-items-align-items: stretch;
  --sketch-horizontal-actions-toolbar-background: #f1f5fb;
  --sketch-horizontal-actions-toolbar-border-top: 2px solid #b0bed3;
  --sketch-btn-active-background-color: #0069e4;
  --sketch-btn-active-color: #fff;
  --sketch-btn-active-box-shadow: 0 0.25em #004597;
  --sketch-color-picker-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --sketch-color-picker-column-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --sketch-color-picker-background: #f1f5fb;
  --sketch-color-picker-left-margin: 0;
  --sketch-color-picker-border: 2px solid #b0bed3;
  --sketch-color-picker-border-radius: 13.57px;
  --sketch-color-picker-option-size: calc(2.5em / 1.2);
  --sketch-color-picker-selected-border: 3.2px solid #fff;
  --sketch-color-picker-default-border: 3.2px solid #77879d;
  --sketch-color-picker-selected-box-shadow: 0 0 0 4px #0069e4;
  --sketch-color-picker-hovered-box-shadow: 0 0 0 4px #9c0d63;
  --sketch-color-picker-arrow-border-width: 4px;
  --sketch-color-picker-arrow-border-color: transparent transparent #77787b;
  --sketch-color-picker-arrow-position: -7.5px;
  --sketch-color-picker-segmented-control-background: #fff;
  --sketch-color-picker-segmented-control-color: #0069e4;
  --sketch-color-picker-segmented-control-large-font-size: 169%;
  --sketch-color-picker-segmented-control-btn-height: calc(2.5em / 1.2);
  --segmented-control-button-font-color: #0069e4;
  --segmented-control-button-border-color-hover: #0069e4;
  --segmented-control-button-font-color-hover: #0069e4;
  --segmented-control-button-border-radius: 10.6px;
  --segmented-control-button-background-selected: #0069e4;
  --segmented-control-button-border: 2.5px solid #0069e4;
  --segmented-control-button-border-selected: 2.5px solid #0069e4;
  --sketch-color-swatch-container-height: 2.5em;
  --sketch-color-swatch-container-width: 2.5em;
  --sketch-color-swatch-container-line-height: 1.585em;
  --sketch-segmented-control-btn-border-width: 2.5px;
  --sketch-pptb-padding: 17px;
  --sketch-text-box-padding: 25.5px 17px;
  --sketch-text-box-border: 4px solid #b1b3b6;
  --sketch-text-box-border-radius: 12.7px;
  --sketch-text-box-border-radius-active: 0px 8px 8px 0px;
  --sketch-text-box-box-shadow: 0px 4px 12px rgba(0, 0, 0, 25%);
  --sketch-text-box-box-shadow-active: none;
  --sketch-text-box-box-shadow-hover: 0px 10px 20px 0px rgba(0, 0, 0, 8%),
    0px 6px 6px 0px rgba(0, 0, 0, 9%);
  --sketch-text-box-border-hover: 1px solid #fff;
  --sketch-text-box-border-active: 1px solid #fff;
  --sketch-text-box-border-invisible: 3px solid rgba(0, 0, 0, 0%);
  --sketch-text-box-dot-color: #0069e4;
  --sketch-text-box-dot-color-hover: #0069e4;
  --sketch-text-box-dot-color-pressed: #0069e4;
  --sketch-text-box-handle-width: 61px;
  --sketch-text-box-handle-padding: 0px 10px 0px 8px;
  --sketch-text-box-handle-color: #fff;
  --sketch-text-box-handle-background: #e6f1fe;
  --sketch-text-box-handle-background-draggable: #b3d2f7;
  --sketch-text-box-handle-line-height: 3px;
  --sketch-text-box-remove-color: #0069e4;
  --sketch-text-box-remove-background: #f1f5fb;
  --sketch-text-box-remove-border: 2px solid rgba(0, 0, 0, 0%);
  --sketch-text-box-remove-color-hover: #0069e4;
  --sketch-text-box-remove-background-hover: #b0bed3;
  --sketch-text-box-remove-pressed: #0069e4;
  --sketch-text-box-remove-border-pressed: 2px solid rgba(0, 0, 0, 0%);
  --sketch-text-box-remove-border-radius: 100%;
  --sketch-text-box-remove-text-outline: 0;
  --sketch-text-box-remove-padding: 3px;
  --sketch-text-box-remove-font-size: 10px;
  --sketch-text-box-remove-button-position: -21px;
  --sketch-text-box-edit-view-min-width: 34px;
  --sketch-text-box-edit-view-line-height: 34px;
  --sketch-text-box-remove-display: flex;
  --sketch-text-box-left-border: none;
  --sketch-text-box-outline: 4px solid #0069e4;
  --sketch-text-box-outline-hover: 4px solid #80b4f1;
  --sketch-text-box-outline-inactive: 2px solid #b0bed3;
  --sketch-text-box-outline-offset: -7px;
  --sketch-text-box-font-weight: 400;
  --sketch-text-box-font-size-large: 100%;
  --sketch-text-box-font-size-middle: 100%;
  --sketch-text-box-line-height-large: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --sketch-text-box-line-height-middle: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --sketch-text-box-line-height-middle-small: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --sketch-text-box-icon-color: #0069e4;
  --sketch-draggable-icon-font-size: 34px;
  --sketch-draggable-icon-font-color: #676767;
  --sketch-left-drag-handle-border: 3px solid #fff;
  --sketch-left-drag-handle-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 8%),
    0px 6px 6px 0px rgba(0, 0, 0, 9%);
  --sketch-resize-right-handle-dot-width: 16px;
  --sketch-resize-right-handle-dot-container-width: 50px;
  --sketch-canvas-border: 2px solid #b0bed3;
  --sketh-text-box-remove-display: flex;
  --sketch-canvas-border-radius: 13.57px;
  --sketch-canvas-border-top-left-radius: 0;
  --sketch-canvas-border-top-right-radius: 0;
  --sketch-canvas-border-top-style: none;
  --sketch-graph-canvas-inset-box-shadow: inset 0 0 0 0.3125em var(--amp-focus-color);
  --sketch-snapshot-camera-top: 5px;
  --sketch-snapshot-camera-right: 10px;
  --sketch-text-box-close-button-label-display: none;
  --dcg-sketch-playground-not-within-fullscreen-layout-padding-bottom: 92%;
  --dcg-sketch-playground-fullscreen-aspect-ratio-two-column-padding-bottom: 70%;
  --dcg-sketch-playground-one-third-right-padding-bottom: 145%;
  --dcg-sketch-playground-one-third-left-padding-bottom: 145%;
  --dcg-sketch-playground-two-column-padding-bottom: 92%;
  --sketch-color-picker-left-position: -133px;
  --sketch-color-list-padding: 15px 25px;
  --sketch-btn-active-box-shadow: 0 4px #004597;
  --sketch-playground-margin-bottom: 90px;
}
@media screen and (max-width: 320px) {
  [data-theme-id=early_elementary] [data-component-type=sketch] div[class*=layout-context-] {
    --sketch-color-picker-left-position: -36px;
  }
}
[data-theme-id=early_elementary] [data-component-type=sketch] div[class*=layout-context-] .sketch-controls .color-swatch-container .color-indicator {
  opacity: 1;
}
[data-theme-id=early_elementary] [data-component-type=sketch] div[class*=layout-context-] .sketch-controls .color-selector .color-list::after {
  content: "";
  position: absolute;
  top: -14px;
  left: 107.5px;
  border-width: 14px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent var(--sketch-color-picker-background);
  line-height: 0;
}
[data-theme-id=early_elementary] [data-component-type=sketch] div[class*=layout-context-] .sketch-controls .color-selector .color-list::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 105.5px;
  border-width: 16px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #b0bed3;
  line-height: 0;
}
[data-theme-id=early_elementary] [data-component-type=sketch] div[class*=layout-context-] .sketch-controls .color-selector .color-list .color-option-wrapper .color-option {
  opacity: 1;
}
[data-theme-id=early_elementary] [data-component-type=sketch] div[class*=layout-context-] .sketch-text-box.dcg-hovered:not(.is-selected, .is-dragging) .left-drag-handle:not(.dcg-hovered),
[data-theme-id=early_elementary] [data-component-type=sketch] div[class*=layout-context-] .sketch-text-box.dcg-hovered:not(.is-selected, .is-dragging) .remove-text-box:not(.dcg-hovered) {
  opacity: 1;
}
[data-theme-id=early_elementary] [data-component-type=sketch] .sketch-controls .color-selector .color-list::after {
  content: "";
  position: absolute;
  top: -14px;
  left: 136px;
  border-width: 14px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent var(--sketch-color-picker-background);
  line-height: 0;
}
[data-theme-id=early_elementary] [data-component-type=sketch] .sketch-controls .color-selector .color-list::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 134px;
  border-width: 16px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #b0bed3;
  line-height: 0;
}
[data-theme-id=early_elementary] [data-component-type="input/graph"],
[data-theme-id=early_elementary] .graph-snapshot {
  --graph-border: var(--border-component);
  --graph-scrubber-border-top: 2px solid #e8e9ea;
  --graph-scrubber-button-size: 16px;
  --graph-input-overflow: hidden;
  --graph-label-raw-text-font-family: var(--note-font-family);
}
[data-theme-id=early_elementary] [data-component-type=reorder] {
  --listbox-container-margin-bottom: 14px;
  --reorder-item-flex-grow: 0;
  --reorder-item-margin: 12.5px 0px 0px;
  --reorder-item-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 8%),
    0px 6px 6px 0px rgba(0, 0, 0, 9%);
  --reorder-item-border: solid 2px #fff;
  --reorder-item-buttons-container-margin: 0px;
  --reorder-item-buttons-container-margin-hovered: 0px;
  --reorder-item-content-border: none;
  --reorder-item-content-hover-border: none;
  --reorder-item-content-active-border: none;
  --reorder-item-content-padding: 8px 0px;
  --reorder-item-content-hover-padding: 6px 0px;
  --reorder-item-content-margin: 5px 12.5px 5px 25px;
  --reorder-item-content-margin-hovered: 5px 12.5px 5px 23px;
  --reorder-item-content-color: #3b3b3b;
  --reorder-item-label-color: #676767;
  --reorder-item-label-font-family: "quicksand";
  --reorder-item-label-padding: 0;
  --reorder-item-height: fit-content;
  --reorder-item-background-color: #e6f1fe;
  --reorder-item-content-pointer-events: auto;
  --reorder-item-text-align: left;
  --reorder-item-hover-border-color: #0069e4;
  --reorder-item-content-active-border-color: #0058bf;
  --reorder-item-content-focus-box-shadow: 0 0 0 0.125em #fff,
    0 0 0 0.3125em var(--amp-focus-color, #9c0d63);
  --reorder-item-handle-color: #676767;
  --reorder-item-handle-margin-right: 0px;
  --reorder-item-handle-margin-left: 25px;
  --reorder-item-handle-margin-left-hovered: 23px;
  --item-content-align-self: center;
  --reorder-item-placeholder-border: dashed 4px #30bfaa;
  --reorder-item-placeholder-background-color: rgba(172, 229, 221, 25%);
  --reorder-item-placeholder-margin-top: 16px;
  --reorder-item-placeholder-left: 0px;
  --reorder-component-has-audio-items-margin-left: 60px;
  --reorder-component-has-audio-player-wrapper-top: -18px;
  --reorder-component-has-audio-player-wrapper-right: 5px;
}
[data-theme-id=early_elementary] [data-component-type="exhibit/image"] {
  --image-border: var(--border-component);
  --image-border-hover: solid 8px #000;
  --image-border-depressed: solid 8px #000;
  --image-fullscreen-icon-background-color: #fff;
  --image-fullscreen-icon-border: var(--border-primary);
  --image-fullscreen-icon-border-hover: solid 4px
    #000;
  --image-fullscreen-icon-border-radius: 50%;
  --image-fullscreen-icon-color: #77787b;
  --image-fullscreen-icon-color-hover: #000;
  --image-fullscreen-icon-color-depressed: #000;
  --image-fullscreen-icon-padding: 6px;
  --image-fullscreen-icon-right: 12px;
  --image-fullscreen-icon-top: 12px;
  --image-fullscreen-icon-width: 44px;
  --image-fullscreen-icon-height: 44px;
}
[data-theme-id=early_elementary].take-picture-modal {
  --picture-modal-background: #e8eef8;
  --picture-modal-font-color-primary: #722800;
  --candidate-container-border: 0px solid #fff;
  --picture-modal-upload-image-button-background: #fbbb7b;
  --picture-modal-upload-image-button-bottom-box-shadow: 0 4px #d77027;
  --candidate-container-background: #fff;
  --cancel-candidate-margin-right: 17px;
  --controls-group-padding-top: 0px;
  --edit-picture-container-padding-bottom: 0px;
  --edit-control-btn-border: none;
  --close-modal-btn-position: -1.5em;
  --video-container-position-top: -6px;
  --video-container-position-bottom: 3.2em;
  --video-container-position-left: 34px;
  --video-container-position-right: 34px;
  --submit-upload-icon-font-size: 35px;
  --cancel-candidate-margin-right: 25px;
  --modal-margin: 50px;
  --video-container-position-top: -15px;
  --video-container-position-bottom: 3.4em;
  --video-container-position-left: 25px;
  --video-container-position-right: 25px;
  --close-modal-btn-position: -1.2em;
}
[data-theme-id=early_elementary].take-picture-modal .rotate-btn {
  --edit-control-btn-color: #0069e4;
  --edit-control-btn-color-depressed: #fff;
  --edit-control-btn-background: #def7f1;
  --edit-control-btn-background-hover: rgba(#008571, 0.65);
  --edit-control-btn-background-depressed: #008571;
  --edit-control-btn-box-shadow: 0 4px #008571;
}
[data-theme-id=early_elementary].take-picture-modal .contrast-btn {
  --edit-control-btn-color: #0069e4;
  --edit-control-btn-color-depressed: #fff;
  --edit-control-btn-color-contrast-on: #fff;
  --edit-control-btn-color-contrast-on-depressed: #000;
  --edit-control-btn-background: #fff;
  --edit-control-btn-background-hover: #b1b3b6;
  --edit-control-btn-background-depressed: #000;
  --edit-control-btn-background-contrast-on: #000;
  --edit-control-btn-background-contrast-on-hover: #b1b3b6;
  --edit-control-btn-background-contrast-on-depressed: #fff;
  --edit-control-btn-box-shadow: 0 4px #000;
  --edit-control-btn-box-shadow-depressed: none;
}
[data-theme-id=early_elementary] .progress-bar {
  --progress-total-height: 26px;
  --progress-bar-height: 26px;
  --progress-total-height: 32px;
  --progress-bar-height: 22px;
  --progress-bar-spacer: 11px;
}
@media screen and (max-width: 768px) {
  [data-theme-id=early_elementary] {
    --confirm-done-modal-actions-flex-direction: column;
    --confirm-done-modal-actions-margin: 0 auto;
    --confirm-done-modal-actions-align-items: baseline;
    --confirm-done-modal-btn-margin-bottom: var(--confirm-done-modal-margin);
  }
}

.theme-student {
  --student-periscope-header-content-top: 6px;
}
/* src/js/activitybuilder/student/themes/k5.scss */
[data-theme-id=k5] {
  --rectangle-btn-border-radius: 8px;
  --font-family: "quicksand", sans-serif;
  --font-size-default: 24px;
  --font-size-medium: 32px;
  --font-size-large: 40px;
  --font-weight-default: 500;
  --font-weight-bold: 700;
  --font-color-default: #3b3b3b;
  --note-font-family: "open-sans", sans-serif;
  font-family: var(--font-family);
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-default);
  color: var(--font-color-default);
  --button-border-radius: 32px;
  --button-padding: 0px 36px;
  --button-margin-top-depressed: 2px;
  --button-icon-font-size: 30px;
  --button-icon-position: relative;
  --button-icon-top: 6px;
  --button-border-width: 3px;
  --button-size: 60px;
  --primary-button-background-default: #c231a0;
  --primary-button-background-hover: #0058bf;
  --secondary-button-background-color: #fff;
  --secondary-button-color: white;
  --secondary-button-border-default: 4px solid #77787b;
  --secondary-button-border-color-hover: #3f3b3c;
  --secondary-button-box-shadow-default: #004597;
  --secondary-button-box-shadow-hover: #004597;
  --secondary-button-box-shadow-depressed: none;
  --secondary-button-text-decoration: none;
  --secondary-button-line-height: 52px;
  --secondary-button-pencil-icon-margin-right: 9px;
  --button-red-color: #fff;
  --button-red-background-color: #db2e00;
  --button-red-background-color-hover: #af2500;
  --button-red-background-color-active: #831c00;
  --student-halo-button-border: 3px solid #bdbdbd;
  --student-halo-button-background-color: transparent;
  --student-halo-button-background-color-depressed: rgba(0, 0, 0, 5%);
  --student-halo-button-background-color-selected: #0069e4;
  --student-halo-button-color: #0069e4;
  --student-halo-button-color-selected: #fff;
  --student-halo-button-has-comments-color: #c2d7ef;
  --student-halo-button-has-comments-color-depressed: rgba(0, 0, 0, 5%);
  --border-color-component: #b0bed3;
  --border-color-primary: #77787b;
  --border-width-primary: 4px;
  --border-primary: solid 4px var(--border-color-primary);
  --border-width-graphs: 2px;
  --border-component: solid var(--border-width-graphs)
    var(--border-color-component);
  --border-radius: 13.57px;
  --border-radius-large: 32px;
  --border-radius-medium: 16px;
  --border-radius-small: 8px;
  --box-shadow-width: 2px;
  --box-shadow-width-bottom: 4px;
  --field-has-error-background-color: #feffe0;
  --field-has-error-border-color: #817715;
  --correctness-indicator-size: 1em;
  --correctness-gutter-size: -50px;
  --notification-dot-background: #c231a0;
  --notification-dot-absolute-position-top: auto;
  --notification-dot-absolute-position-bottom: 0.2rem;
  --notification-dot-absolute-position-left: 0.6rem;
  --notification-dot-absolute-position-right: 0px;
  --notification-dot-height: 1.5rem;
  --notification-dot-width: 1.5rem;
  --notification-dot-flex-shrink: 0;
  --notification-dot-text-font-weight: 700;
  --modal-margin: 65px;
  --close-modal-btn-position: 10px;
  --image-gallery-nav-icon-color: #fbead6;
  --image-gallery-nav-icon-color-hover: #fbbb7b;
  --image-gallery-nav-icon-color-depressed: #e58a4b;
  --image-gallery-nav-icon-color-disabled: rgba(251, 234, 214, 20%);
  --image-count-info-positioning: 0;
  --image-count-info-color: #722800;
  --image-count-info-transform: none;
  --image-count-info-background: #fbead6;
  --image-count-info-width: 100%;
  --image-count-info-height: 60px;
  --image-count-info-text-align: center;
  --image-centering-container-padding: 40px 80px 120px;
  --image-lightbox-container-background: rgba(0, 0, 0, 80%);
  --image-modal-image-border: 8px solid #fbead6;
  --snapshot-camera-size: 32px;
  --snapshot-camera-font-size: 30px;
  --snapshot-camera-padding: 0;
  --snapshot-captured-positioning-right: 30px;
  --link-to-interactive-border-offset: 4px;
  --link-to-interactive-border-radius: 0 12px 0 0;
  --link-to-interactive-font-size: 16px;
  --link-to-interactive-padding: 0;
  --link-to-interactive-margin: 0;
  --link-to-interactive-top: 6.5px;
  --link-to-interactive-right: 11.5px;
  --link-to-interactive-btn-color: #3b3b3b;
  --keypad-background-color: #e8eef8;
  --keypad-border-top: initial;
  --student-activity-header-student-name-font-weight: 700;
  --student-activity-header-height: 3.25em;
  --student-activity-header-title-margin-left: 0;
  --student-activity-header-hamburger-top-margin: 5px;
  --student-activity-header-background: #fff;
  --student-activity-header-background-bg-light: #f1f5fb;
  --student-activity-header-background-bg-lighter: #e9e9e9;
  --student-activity-header-center-content-margin: 0 auto;
  --nav-stepper-contents-padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --nav-stepper-contents-padding-sm: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --nav-stepper-step-counter-font-weight: 500;
  --nav-stepper-screen-count-width: 120px;
  --sandbox-header-btn-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --sandbox-header-nav-btn-height: 20px;
  --student-activity-header-title-line-height: 1.2em;
  --student-periscope-header-content-top: 6px;
  --input-footer-background: #f1f5fb;
  --input-footer-border-radius: 0 0 13.6px 13.6px;
  --input-footer-border: solid 2px #b0bed3;
  --input-footer-border-submitted: solid 2px #e8eef8;
  --input-footer-explain-your-answer-math-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --input-footer-explain-your-answer-math-padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --input-footer-explain-your-answer-math-padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --input-footer-explain-your-answer-multi-choice-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --input-footer-explain-your-answer-multi-choice-buttons-top: 0;
  --sticky-note-padding: 34px;
  --sticky-note-corner: 51px;
  --challenge-creator-nav-btn-border: #fff;
  --challenge-creator-btn-color: #0069e4;
  --challenge-creator-font-color-default: #3b3b3b;
  --challenge-creator-sandbox-header-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-student-header-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 5);
  --challenge-creator-sandbox-header-background: #b3d2f7;
  --challenge-creator-author-name-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-author-name-font-size: 100%;
  --challenge-creator-responder-name-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-responder-name-separator-rhythm-units: 0.5;
  --challenge-creator-response-navigation-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-navigation-stepper-btn-margin-right: 0;
  --challenge-creator-nav-stepper-btn-font-size: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-response-nav-stepper-contents-padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-response-navigation-student-count-font-weight: 500;
  --challenge-creator-sandbox-header-no-padding-right: 0;
  --challenge-creator-header-back-arrow-margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-options-title-padding-right-rhythm-units: 1;
  --challenge-creator-options-title-padding: 0;
  --challenge-creator-your-challenge-dropdown-before-width: 2px;
  --challenge-creator-your-challenge-dropdown-background-color-hover: #f1f5fb;
  --challenge-creator-your-challenge-dropdown-background-color-active: #e8eef8;
  --challenge-creator-option-icon-container-width: auto;
  --challenge-creator-option-icon-container-margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-option-icon-size: 100%;
  --challenge-creator-dropdown-choice-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-dropdown-container-margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-dropdown-container-inner-box-shadow: 0px 3px 6px 0px
      rgba(0, 0, 0, 11.5%),
    0px 3px 6px 0px rgba(0, 0, 0, 8%);
  --challenge-creator-dropdown-container-inner-border: 2px solid
    rgba(241, 245, 251, 100%);
  --challenge-creator-dropdown-container-inner-border-radius: 13.57px;
  --challenge-creator-dropdown-container-inner-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-ribbon-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  --challenge-creator-ribbon-border-width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3 / 2);
  --challenge-creator-ribbon-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-ribbon-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0;
  --challenge-creator-ribbon-main-color: #b3d2f7;
  --challenge-creator-ribbon-behind-color: #afccef;
  --challenge-creator-ribbon-shadow-color: #80b4f1;
  --challenge-creator-ribbon-behind-absolute-position: calc(-1 * (20px + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3 / 2));
  --challenge-creator-ribbon-title-font-weight: 700;
  --challenge-creator-ribbon-max-width: 288px;
  --challenge-creator-gallery-student-name-font-weight: 700;
  --challenge-creator-gallery-entry-container-font-family: var(--font-family);
  --challenge-creator-gallery-entry-container-margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-gallery-entry-container-no-margin: 0;
  --challenge-creator-gallery-responses-container-font-family: "open-sans",
    sans-serif;
  --challenge-creator-gallery-thumb-border-radius: 2.81px;
  --challenge-creator-gallery-background-border-radius: 0.81px;
  --challenge-creator-gallery-gallery-thumb-border: 2px solid #b0bed3;
  --challenge-creator-gallery-response-student-name-font-weight: 700;
  --challenge-creator-gallery-response-student-name-margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-gallery-your-challenge-size: 100%;
  --challenge-creator-gallery-classmate-challenge-size: 100%;
  --challenge-creator-gallery-your-challenge-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-gallery-your-challenge-border: 2px solid #b0bed3;
  --challenge-creator-gallery-your-challenge-border-hovered: 2px solid #0069e4;
  --challenge-creator-gallery-your-challenge-box-shadow: 0 0 0 2px #0069e4;
  --challenge-creator-gallery-your-challenge-border-width-hovered: 2px;
  --challenge-creator-gallery-your-challenge-blue-color: #0069e4;
  --challenge-creator-gallery-your-challenge-font-size: 16px;
  --challenge-creator-gallery-your-challenge-line-height: 20px;
  --challenge-creator-gallery-challenge-missing-color: #676767;
  --challenge-creator-gallery-completed-challenge-background: rgba(
    #fff,
    0.8
  );
  --challenge-creator-gallery-completed-challenge-measure: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  --challenge-creator-gallery-completed-challenge-margin: calc(-1 * var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3 / 2) calc(-1 * var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3 / 2) 0 0;
  --challenge-creator-gallery-section-empty-font-style: normal;
  --challenge-creator-gallery-completed-challenge-icon-font-size: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  --challenge-creator-gallery-response-ribbon-padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-gallery-response-ribbon-font-weight: 700;
  --challenge-creator-gallery-challenge-missing-img-margin-bottom: 0;
  --challenge-creator-gallery-challenge-missing-justify-content: space-between;
  --challenge-creator-gallery-challenge-missing-inline-size: 144px;
  --challenge-creator-gallery-responses-container-font-size: "inherit";
  --challenge-creator-gallery-classmates-section: flex;
  --challenge-creator-gallery-section-empty-position: relative;
  --challenge-creator-gallery-section-empty-position-unit: 0;
  --challenge-creator-gallery-section-empty-padding-top: 0;
  --challenge-creator-gallery-section-empty-justify-content: flex-start;
  --challenge-creator-gallery-section-empty-margin-unit: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-gallery-container-padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-landing-page-gallery-container-margin-top: 15px;
  --challenge-creator-stats-container-padding-bottom: 0;
  --challenge-creator-delete-challenge-icon-color: #db2e00;
  --challenge-creator-delete-response-icon-color: #0069e4;
  --card-border-radius: 17px;
  --card-font-size-scale: 100%;
  --card-color: #3b3b3b;
  --card-background: #e6f1fe;
  --card-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 8%),
    0px 6px 6px 0px rgba(0, 0, 0, 9%);
  --card-dragging-box-shadow: 0 0 0 12.5px #30bfaa,
    0 20px 28px rgba(0, 0, 0, 25%);
  --card-dragging-image-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 8%),
    0px 6px 6px 0px rgba(0, 0, 0, 9%);
  --card-depressed-box-shadow: 0 0 0 6px #c231a0, 0 0 0 16px #fde0ea,
    0 20px 28px rgba(0, 0, 0, 25%);
  --card-not-single-box-shadow: 0 0 0 12.5px #b0bed3,
    0 10px 18px rgba(0, 0, 0, 25%);
  --card-drop-highlight-box-shadow: 0 0 0 12.5px #30bfaa,
    0 20px 28px rgba(0, 0, 0, 25%);
  --card-drop-highlight-background-color: #30bfaa;
  --card-drop-highlight-single-outline: none;
  --card-drop-highlight-single-box-shadow: none;
  --card-drop-highlight-color: #00847d;
  --card-drop-highlight-area-width: auto;
  --card-wrapper-border: 2px solid #fff;
  --card-wrapper-hovered-border: 4px solid #0069e4;
  --card-wrapper-depressed-border: 6px solid #0058bf;
  --card-expanded-card-container-border: 2px solid #fff;
  --card-expanded-card-width: 425px;
  --card-expanded-card-min-content-width: min-content;
  --card-expanded-card-prosemirror-width: 346px;
  --card-expanded-card-font-scale: 125%;
  --card-width: 200px;
  --card-second-card-width: 175px;
  --card-typed-card-width: 196px;
  --card-typed-card-fit-content-width: fit-content;
  --card-large-width: 400px;
  --card-large-no-borders-width: 398px;
  --card-text-padding: 12.5px;
  --card-category-padding: 12.5px;
  --card-toggle-button-margin-top: -1em;
  --card-correctness-icon-font-size: 40%;
  --card-category-card-font-weight: 700;
  --card-bold-font-weight: 700;
  --card-expanded-card-padding: 12.5px;
  --card-font-family: var(--font-family);
  --card-category-card-prosemirror-padding: 0px;
  --card-category-card-prosemirror-width: 175px;
  --card-category-card-prosemirror-large-width: 248px;
  --card-group-card-collapsed-height: 25px;
  --card-correctness-border-radius: 23px;
  --card-correctness-dimmed-border-radius: 12px;
  --card-correctness-border-width: 4px;
  --card-correctness-missing-card-height: 106px;
  --card-correctness-missing-card-border-color: #5f6b7e;
  --card-correctness-missing-card-border-width: 2px;
  --card-correctness-not-single-box-shadow: 0 0 0 12.5px #b0bed3,
    0 10px 18px rgba(0, 0, 0, 25%);
  --card-correctness-no-border: none;
  --card-missing-card-background: #dae3f0;
  --card-single-outline-offset: 0.125em;
  --card-toggle-button-dimmed-color: #0069e4;
  --card-border-top-width: 4px;
  --card-inner-container-padding: 1.1em;
  --card-border-radius: 12.7px;
  --card-width: 179px;
  --card-second-card-width: 162px;
  --card-typed-card-width: 175px;
  --card-large-width: 350px;
  --card-large-no-borders-width: 348px;
  --card-text-padding: 13px 17px;
  --card-category-padding: 17px;
  --card-not-single-box-shadow: 0 0 0 8.5px #b0bed3,
    0 10px 18px rgba(0, 0, 0, 25%);
  --card-drop-highlight-box-shadow: 0 0 0 8.5px #30bfaa,
    0 20px 28px rgba(0, 0, 0, 25%);
  --card-dragging-box-shadow: 0 0 0 8.5px #30bfaa,
    0 20px 28px rgba(0, 0, 0, 25%);
  --card-expanded-card-padding: 8.5px;
  --card-expanded-card-font-scale: 120%;
  --card-expanded-card-width: 425px;
  --card-expanded-card-prosemirror-width: 353px;
  --card-category-card-prosemirror-width: 145px;
  --card-category-card-prosemirror-large-width: 219px;
  --card-group-card-collapsed-height: 17px;
  --card-correctness-missing-card-height: 88px;
  --card-correctness-border-radius: 17px;
  --card-correctness-icon-font-size: 60%;
  --card-correctness-not-single-box-shadow: 0 0 0 8.5px #b0bed3,
    0 10px 18px rgba(0, 0, 0, 25%);
  --card-correctness-dimmed-border-radius: 9px;
  --miniscreen-section-name-font-size: 0.52em;
  --miniscreen-section-name-top: -10px;
  --polygraph-student-header-background: #b3d2f7;
  --polygraph-chat-width: 650px;
  --polygraph-chat-width-narrow: 400px;
  --polygraph-ab-polygraph-cardgrid-container-margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --polygraph-chat-widget-title-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --polygraph-chat-widget-title-header-height: 63px;
  --polygraph-game-status-margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --polygraph-chat-widget-chat-question-name-color: #676767;
  --polygraph-chat-border: 1px solid #b0bed3;
  --polygraph-chat-widget-title-background-color: #f1f5fb;
  --polygraph-chat-widget-title-font-weight: 700;
  --polygraph-chat-widget-chat-question-question-color: #3b3b3b;
  --polygraph-chat-widget-buttons-text-align: left;
  --polygraph-chat-widget-chat-answer-text-align: left;
  --polygraph-chat-widget-chat-answer-padding: 10px;
  --polygraph-chat-widget-chat-instructions-font-style: normal;
  --polygraph-chat-widget-chat-instructions-color: #3b3b3b;
  --polygraph-chat-widget-eliminated-card-size: 1.5em;
  --polygraph-chat-widget-buttons-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --polygraph-chat-widget-textarea-margin: 5px 4px 4px 4px;
  --polygraph-chat-widget-textarea-padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem - 3.75px);
  --polygraph-chat-widget-textarea-padding-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem - 3.75px);
  --polygraph-chat-widget-textarea-border: 2px solid #b0bed3;
  --polygraph-chat-widget-textarea-hover-border: 4px solid #0069e4;
  --polygraph-chat-widget-textarea-focus-visible-border: 4px solid #0069e4;
  --polygraph-chat-widget-textarea-hover-box-shadow: none;
  --polygraph-chat-widget-textarea-border-radius: 13.57px;
  --polygraph-chat-widget-textarea-caret-color: #3b3b3b;
  --polygraph-chat-widget-textarea-color: #3b3b3b;
  --polygraph-chat-widget-textarea-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem - 2px) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --polygraph-idle-modal-contents-padding: 0px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --polygraph-footer-content-wrapper-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --polygraph-game-end-confirmation-modal-contents-padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --polygraph-game-end-confirmation-modal-actions-margin-top: 0;
  --polygraph-paragraph-font-family: "open-sans", sans-serif;
  --polygraph-action-idk-text-align: center;
  --polygraph-selected-card-border: 6px solid #0069e4;
  --polygraph-eliminated-card-border-color: #ea8758;
  --polygraph-completed-game-card-size: 100px;
  --polygraph-completed-question-card-height: 94.745px;
  --polygraph-completed-question-card-width: 125px;
  --polygraph-completed-polygraph-section-margin-divider: 2;
  --polygraph-completed-section-cards-gap-rhythm-units: 1;
  --polygraph-completed-section-title-rhythm-units: 1;
  --polygraph-heading-margin-top-rhythm-units: 1;
  --polygraph-heading-margin-bottom-rhythm-units: 1;
  --polygraph-completed-section-title-color: #3b3b3b;
  --polygraph-chat-width: 476px;
  --polygraph-chat-width-narrow: 350px;
  --polygraph-chat-widget-title-header-height: 43px;
  --polygraph-completed-game-card-size: 68px;
  --polygraph-completed-question-card-height: 72px;
  --polygraph-completed-question-card-width: 94px;
  --polygraph-heading-margin-top-rhythm-units: 3;
  --polygraph-heading-margin-bottom-rhythm-units: 3;
  --vt-sidebar-header-background-color: #dae3f0;
  --vt-sidebar-body-background-color: #e8eef8;
  --vt-sidebar-body-margin: 17px;
  --vt-sidebar-text-font-size: 100%;
  --vt-sidebar-box-shadow: 0 0.25em 0 #909eb5;
  --companion-mode-sketch-controls-margin-top: 0;
  --audio-autoplay-modal-width: 578px;
  --audio-autoplay-modal-label-font-size: 34.56px;
  --audio-autoplay-modal-label-font-weight: 700;
  --audio-autoplay-modal-label-font-family: quicksand;
  --audio-autoplay-modal-label-line-height: 51px;
  --audio-autoplay-modal-message-font-size: 24px;
  --audio-autoplay-modal-message-line-height: 34px;
  --audio-autoplay-modal-close-btn-display: none;
  --audio-autoplay-modal-message-button-background: #f1f5fb;
  --audio-player-container-background-color: #008571;
  --audio-player-background-color: #def7f1;
  --audio-player-background-color-hover: #a3ece0;
  --audio-player-icon-color: #005347;
  --audio-player-background-color-animated: #008571;
  --audio-player-icon-color-animated: #fff;
  --audio-player-icon-padding-top: 2px;
  --audio-player-size-sm: 34px;
  --audio-player-font-size-sm: 39px;
  --audio-player-size-lg: 34px;
  --audio-player-font-size-lg: 39px;
  --audio-player-spinner-font-size: 28px;
  --vt-speaking-wave-top: 7px;
  --vt-speaking-wave-left: -14px;
  --vt-speaking-wave-height: 76%;
  --vt-speaking-wave-width: auto;
  --vt-speaking-wave-color: #0069e4;
  --vt-speaking-wave-left: -15px;
  --blue-note-padding: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --confirm-done-modal-margin: 17px;
  --confirm-done-modal-width: 600px;
  --confirm-done-modal-secondary-button-background: #fff;
  --confirm-done-modal-footer-background: #fff;
  --confirm-done-modal-title-font-size: 2rem;
  --confirm-done-modal-title-font-weight: 700;
  --confirm-done-modal-btn-font-weight: 700;
  --confirm-done-modal-title-margin-top: calc(
    var(--confirm-done-modal-margin) * 3
  );
  --confirm-done-modal-title-margin-left: calc(
    var(--confirm-done-modal-margin) * 3
  );
  --confirm-done-modal-title-margin-bottom: calc(
    var(--confirm-done-modal-margin) * 2
  );
  --confirm-done-modal-actions-margin: 0 0
    calc(var(--confirm-done-modal-margin) * 2) 0;
  --confirm-done-modal-title-font-family: quicksand;
  --confirm-done-modal-btn-primary-margin: var(--confirm-done-modal-margin);
  --confirm-done-modal-footer-background: #f6f6f6;
}
[data-theme-id=k5] ::-webkit-scrollbar {
  width: 33px !important;
  height: 33px !important;
}
[data-theme-id=k5] ::-webkit-scrollbar-track {
  background: #f1f5fb !important;
}
[data-theme-id=k5] ::-webkit-scrollbar-thumb {
  background-color: #77879d !important;
  border: 4px solid transparent !important;
  border-radius: 25px !important;
  background-clip: content-box;
}
[data-theme-id=k5] ::-webkit-scrollbar-thumb:hover {
  background-color: #909eb5 !important;
  border: 4px solid transparent !important;
  border-radius: 25px !important;
  background-clip: content-box;
}
[data-theme-id=k5] ::-webkit-scrollbar-thumb:active {
  background-color: #909eb5 !important;
  border: 4px solid transparent !important;
  border-radius: 25px !important;
  background-clip: content-box;
}
[data-theme-id=k5] ::-webkit-scrollbar-button {
  display: flex;
  position: relative;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:vertical {
  height: 25px;
  width: 33px;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:horizontal {
  height: 33px;
  width: 25px;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:vertical:decrement {
  display: block;
  position: absolute;
  border-left: 16px solid #f1f5fb;
  border-right: 16px solid #f1f5fb;
  border-bottom: 12px solid #77879d;
  border-top: 12px solid #f1f5fb;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  top: -4px;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:hover:vertical:decrement {
  border-bottom: 12px solid #909eb5;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:active:vertical:decrement {
  border-bottom: 12px solid #909eb5;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:vertical:increment {
  display: block;
  border-left: 16px solid #f1f5fb;
  border-right: 16px solid #f1f5fb;
  border-top: 12px solid #77879d;
  border-bottom: 12px solid #f1f5fb;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:hover:vertical:increment {
  border-top: 12px solid #909eb5;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:active:vertical:increment {
  border-top: 12px solid #909eb5;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:horizontal:decrement {
  display: block;
  position: absolute;
  border-left: 12px solid #f1f5fb;
  border-right: 12px solid #77879d;
  border-bottom: 16px solid #f1f5fb;
  border-top: 16px solid #f1f5fb;
  border-bottom-left-radius: 24px;
  border-top-left-radius: 24px;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:hover:horizontal:decrement {
  border-right: 12px solid #909eb5;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:active:horizontal:decrement {
  border-right: 12px solid #909eb5;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:horizontal:increment {
  display: block;
  position: absolute;
  border-left: 12px solid #77879d;
  border-right: 12px solid #f1f5fb;
  border-bottom: 16px solid #f1f5fb;
  border-top: 16px solid #f1f5fb;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
[data-theme-id=k5] ::-webkit-scrollbar-corner {
  background: transparent;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:hover:horizontal:increment {
  border-left: 12px solid #909eb5;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:active:horizontal:increment {
  border-left: 12px solid #909eb5;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:start:increment,
[data-theme-id=k5] ::-webkit-scrollbar-button:end:decrement {
  display: none;
}
[data-theme-id=k5] .dcg-cardsort-card::-webkit-scrollbar {
  height: 32px !important;
}
[data-theme-id=k5] .dcg-cardsort-card::-webkit-scrollbar-track {
  border-radius: 32px !important;
}
[data-theme-id=k5] .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
  font-size: 100%;
}
[data-theme-id=k5] ::-webkit-scrollbar {
  width: 26px !important;
  height: 26px !important;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:vertical:decrement {
  border-left: 13px solid #f1f5fb;
  border-right: 13px solid #f1f5fb;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:vertical:increment {
  border-left: 13px solid #f1f5fb;
  border-right: 13px solid #f1f5fb;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:horizontal:decrement {
  border-top: 13px solid #f1f5fb;
  border-bottom: 13px solid #f1f5fb;
}
[data-theme-id=k5] ::-webkit-scrollbar-button:horizontal:increment {
  border-top: 13px solid #f1f5fb;
  border-bottom: 13px solid #f1f5fb;
}
[data-theme-id=k5] .edit-picture-container .confirm-candidate {
  --primary-button-background-default: #fbbb7b;
  --primary-button-background-hover: #e58a4b;
}
[data-theme-id=k5] .nav-stepper-btn {
  --button-border-radius: 8px;
  --secondary-button-border-default: 3px solid #ccc;
  --secondary-button-border-color-hover: #999;
}
[data-theme-id=k5] [data-component-type="exhibit/text"] {
  --text-exhibit-container-display: flex;
  --text-exhibit-container-width: fit-content;
  --text-exhibit-view-flex-grow: 1;
  --text-exhibit-playground-margin-bottom: 0px;
  --note-font-family: "open-sans", sans-serif;
  --note-font-weight: 400;
  --font-color-default: #3b3b3b;
  --note-parent-font-size: 100%;
  color: var(--font-color-default);
  --text-exhibit-player-margin-right: 25px;
  --blue-note-border-radius: 13.57px;
  --inline-dropdown-anchor-width: 169px;
  --inline-dropdown-anchor-height: 50px;
  --inline-dropdown-border-width: 2px;
  --inline-dropdown-border-radius: 13.57px;
  --inline-dropdown-shadow-width: 2px;
  --inline-dropdown-chevron-color: #0069e4;
  --inline-dropdown-chevron-font-size: 28px;
  --inline-dropdown-anchor-padding: 0 12.5px;
  --inline-dropdown-anchor-max-width: 680px;
  --inline-dropdown-anchor-min-width: 46px;
  --inline-dropdown-list-options-width: var(--inline-dropdown-anchor-max-width);
  --inline-dropdown-list-option-min-width: calc(100% + 33px);
  --inline-dropdown-list-option-min-width: calc(
    100% + 26px
  );
  --inline-dropdown-anchor-height: 34px;
  --inline-dropdown-border-radius: 9.5px;
  --inline-dropdown-anchor-padding: 0 8.5px;
}
@media screen and (max-width: 1200px) {
  [data-theme-id=k5] [data-component-type="exhibit/text"] {
    --inline-dropdown-anchor-height: 40px;
    --inline-dropdown-chevron-font-size: 30px;
    --inline-dropdown-anchor-padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  [data-theme-id=k5] [data-component-type="exhibit/text"] {
    --inline-dropdown-anchor-height: 28px;
    --inline-dropdown-chevron-font-size: 20px;
    --inline-dropdown-border-radius: 9.5px;
    --inline-dropdown-anchor-padding: 0 7px;
  }
}
@media screen and (max-width: 576px) {
  [data-theme-id=k5] [data-component-type="exhibit/text"] {
    --inline-dropdown-chevron-font-size: 15px;
  }
}
[data-theme-id=k5] [data-component-type="exhibit/text"] .inline-dropdown .select-dropdown .disabled {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  [data-theme-id=k5] [data-component-type="exhibit/text"] {
    --inline-dropdown-anchor-height: 32px;
    --inline-dropdown-anchor-padding: 0 8px;
  }
}
@media screen and (max-width: 768px) {
  [data-theme-id=k5] [data-component-type="exhibit/text"] {
    --inline-dropdown-anchor-height: 26px;
    --inline-dropdown-border-radius: 7px;
    --inline-dropdown-anchor-padding: 0 6.5px;
  }
}
[data-theme-id=k5] .note-with-inline-snapshot-container {
  --inline-dropdown-anchor-width: 169px;
  --inline-dropdown-anchor-height: 50px;
  --inline-dropdown-border-width: 2px;
  --inline-dropdown-border-radius: 13.57px;
  --inline-dropdown-shadow-width: 2px;
  --inline-dropdown-chevron-color: #0069e4;
  --inline-dropdown-chevron-font-size: 28px;
  --inline-dropdown-anchor-padding: 0 12.5px;
  --inline-dropdown-anchor-max-width: 680px;
  --inline-dropdown-anchor-min-width: 46px;
  --inline-dropdown-list-options-width: var(--inline-dropdown-anchor-max-width);
  --inline-dropdown-list-option-min-width: calc(100% + 33px);
  --inline-dropdown-anchor-height: 34px;
  --inline-dropdown-border-radius: 9.5px;
  --inline-dropdown-anchor-padding: 0 8.5px;
  --inline-dropdown-border-color: #b0bed3;
}
@media screen and (max-width: 1200px) {
  [data-theme-id=k5] .note-with-inline-snapshot-container {
    --inline-dropdown-anchor-height: 40px;
    --inline-dropdown-chevron-font-size: 30px;
    --inline-dropdown-anchor-padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  [data-theme-id=k5] .note-with-inline-snapshot-container {
    --inline-dropdown-anchor-height: 28px;
    --inline-dropdown-chevron-font-size: 20px;
    --inline-dropdown-border-radius: 9.5px;
    --inline-dropdown-anchor-padding: 0 7px;
  }
}
@media screen and (max-width: 576px) {
  [data-theme-id=k5] .note-with-inline-snapshot-container {
    --inline-dropdown-chevron-font-size: 15px;
  }
}
[data-theme-id=k5] .note-with-inline-snapshot-container .inline-dropdown .select-dropdown .disabled {
  opacity: 1;
}
[data-theme-id=k5] [data-component-type=multiple-choice],
[data-theme-id=k5] .choice-snapshot {
  --multi-choice-checkbox-audio-wrapper-tile-top: -6px;
  --multi-choice-checkbox-audio-wrapper-buttons-wrapper-top: 5px;
  --multi-choice-checkbox-audio-wrapper-checkbox-wrapper-top: -6px;
  --multi-choice-checkbox-audio-player-placeholder-margin-right: 12px;
  --multi-choice-checkbox-segmented-control-audio-player-top: -12px;
  --multi-choice-checkbox-tile-image-component-audio-player-left: -27px;
  --multi-choice-checbkox-segment-sm-screen-audio-player-top: 10px;
  --multi-choice-checbkox-segment-sm-screen-audio-player-right: 80px;
  --multi-choice-edit-disabled-filter: grayscale(1);
  --text-input-submit-button-text-align: left;
  --multi-choice-font-weight: var(--font-weight-bold);
  --multi-choice-wrapper-margin-bottom: 30px;
  --multi-choice-border-color-depressed: #c231a0;
  --multi-choice-border-color-selected: rgba(0, 0, 0, 0%);
  --multi-choice-border-color-checked: #c231a0;
  --multi-choice-border-color-submitted: #c231a0;
  --multi-choice-box-border: 1px solid rgba(0, 0, 0, 0%);
  --multi-choice-box-border-selected: 1px solid rgba(0, 0, 0, 0%);
  --multi-choice-box-border-hover: 1px solid rgba(0, 0, 0, 0%);
  --multi-choice-box-border-depressed: 1px solid rgba(0, 0, 0, 0%);
  --multi-choice-box-shadow: 0 0.25em 0 #b3d2f7;
  --multi-choice-box-shadow-selected: 0 0.25em 0 #004597;
  --multi-choice-box-shadow-depressed: 0 0.125em 0 #0069e4;
  --multi-choice-box-shadow-selected-depressed: 0 0.125em 0 #002c64;
  --multi-choice-box-shadow-selected-focus-visible: 0 0 0 0.125em #fff,
    0 0 0 0.3125em var(--amp-focus-color, #9c0d63),
    0 0.25em 0 #80b4f1;
  --multi-choice-checkbox-box-shadow: 0 0 0 2px #fff 0 0 0 5px #c231a0;
  --multi-choice-box-shadow-bottom-color: #231f20;
  --multi-choice-box-shadow-bottom-color-hover: #8f037c;
  --multi-choice-box-shadow-bottom-hover: 0 4px #8f037c;
  --multi-choice-box-padding-bottom: 8px;
  --multi-choice-background-selected: #0069e4;
  --multi-choice-background-selected-focus-visible: #0058bf;
  --multi-choice-background-checked: #fde0ea;
  --multi-choice-background-submitted: #0069e4;
  --multi-choice-button-background-selected-hover: #0058bf;
  --multi-choice-button-background-selected-depressed: #004597;
  --multi-choice-button-gap: 17px;
  --multi-choice-button-height: 60px;
  --multi-choice-button-fraction-vertical-align: -0.4em;
  --multi-choice-checkmark-border-color-selected: #0069e4;
  --multi-choice-checkmark-border-color-depressed: #0069e4;
  --multi-choice-checkmark-color: transparent;
  --multi-choice-checkmark-color-hover: transparent;
  --multi-choice-checkmark-color-depressed: #fff;
  --multi-choice-checkmark-color-selected: #fff;
  --multi-choice-checkmark-color-checked: #fff;
  --multi-choice-checkmark-color-submitted: #fff;
  --multi-choice-checkbox-background-color: #fff;
  --multi-choice-checkbox-background-hover: #e8eef8;
  --multi-choice-checkbox-border-radius: 4px;
  --multi-choice-checkbox-margin-top: calc(
    (
        (
            var(--amp-radio-checkbox-size-px, 20) / var(--amp-font-size-px, 16) *
              1em
          ) - (var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2)
      ) / 2
  );
  --multi-choice-image-container-margin-top: 0;
  --multi-choice-image-container-margin-bottom: 0;
  --multi-choice-image-container-width: 136px;
  --multi-choice-image-container-border: 2px solid #b0bed3;
  --multi-choice-image-container-background-color: #f1f5fb;
  --multi-choice-loading-message-color: #676767;
  --multi-choice-loading-message-font-size: calc(
    1 / var(--amp-scale-ratio) * 1em
  );
  --multi-choice-loading-message-font-weight: 500;
  --multi-choice-basic-padding-top-bottom: 0.3875em;
  --multi-choice-basic-padding-left-right: 1em;
  --multi-choice-basic-border-radius: 12.7px;
  --multi-choice-basic-text-align: left;
  --multi-choice-basic-justify-content: start;
  --multi-choice-basic-vertical-align: flex-start;
  --multi-choice-basic-checkmark-border: 0.125em solid #77879d;
  --multi-choice-basic-checkmark-background-color: #fff;
  --multi-choice-basic-checkmark-background-color-hover: #e8eef8;
  --multi-choice-basic-checkmark-color: rgba(255, 255, 255, 0%);
  --multi-choice-basic-checkmark-border-color-hover: #0069e4;
  --multi-choice-basic-checkmark-border-color-focus-visible: #0069e4;
  --multi-choice-basic-checkmark-border-color-selected: #fff;
  --multi-choice-basic-checkmark-color-selected: #fff;
  --multi-choice-tile-font-color: #3b3b3b;
  --multi-choice-tile-font-weight: 500;
  --multi-choice-tile-line-height: 1.6em;
  --multi-choice-tile-card-spacing: 8.5px;
  --multi-choice-tile-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --multi-choice-tile-grid-margin-unit: 0;
  --multi-choice-tile-grid-text-position-left: 0px;
  --multi-choice-tile-grid-text-position-right: 0px;
  --multi-choice-tile-grid-text-position-top: 0px;
  --multi-choice-tile-grid-text-checkbox-position-left: 10px;
  --multi-choice-tile-grid-text-checkbox-position-right: 10px;
  --multi-choice-tile-grid-text-checkbox-position-top: 10px;
  --multi-choice-tile-mc-tile-label-height: 100%;
  --multi-choice-instruction-font-style: normal;
  --multi-choice-instruction-margin-bottom: 20px;
  --multi-choice-radio-after-visibility: visible;
  --multi-choice-radio-border-color-hovered: #0069e4;
  --multi-choice-radio-background-color: #0069e4;
  --multi-choice-radio-background-color-depressed: #b3d2f7;
  --multi-choice-radio-color-focus-visible: #0069e4;
  --multi-choice-radio-border-color-selected-hovered: #0069e4;
  --multi-choice-radio-border-color-selected-depressed: #0058bf;
  --multi-choice-radio-background-color-selected-hovered: #0058bf;
  --multi-choice-radio-background-color-selected-depressed: #004597;
  --multi-choice-radio-background-color-selected-focus-visible: #0058bf;
  --multi-choice-list-display: block;
  --multi-choice-list-button-padding-rhythm-units: 0;
  --multi-choice-list-text-padding: 9px 30px 10px 70px;
  --multi-choice-list-checkbox-positiion-top: 12px;
  --multi-choice-list-checkbox-positiion-left: 37px;
  --multi-choice-list-checkbox-width: 1.2em;
  --multi-choice-list-checkbox-height: 1.2em;
  --multi-choice-list-checkmark-position-top: 0em;
  --multi-choice-list-checkmark-position-left: 0.05em;
  --multi-choice-list-checkmark-font-size: 0.8em;
  --multi-choice-list-checkmark-text-shadow-width: 0px;
  --multi-choice-list-checkbox-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --multi-choice-list-checkbox-color: #3b3b3b;
  --multi-choice-checkbox-border: 0.125em solid #77879d;
  --multi-choice-checkbox-color: #fff;
  --multi-choice-checkbox-border-color-hover: #0069e4;
  --multi-choice-checkbox-border-color-depressed: #0058bf;
  --multi-choice-checkbox-border-color-selected: #0069e4;
  --multi-choice-checkbox-color-selected: #fff;
  --multi-choice-checkbox-color-selected-hovered: #0058bf;
  --multi-choice-checkbox-color-selected-depressed: #004597;
  --multi-choice-checkbox-color-selected-focus-visible: #0058bf;
  --segmented-control-button-border: solid 4px #0069e4;
  --segmented-control-button-border-color-hover: #0069e4;
  --segmented-control-button-background-color-hover: #e6f1fe;
  --segmented-control-button-border-selected: solid 4px #0069e4;
  --segmented-control-button-background-selected: #80b4f1;
  --segmented-control-button-background-color-selected: #80b4f1;
  --segmented-control-button-box-shadow-selected: inset 0 0 0 2px #0069e4;
  --segmented-control-button-height: var(--multi-choice-button-height);
  --segmented-control-button-padding: 12px 36px;
  --segmented-control-button-border-radius: var(--border-radius-large);
  --segmented-control-button-offset-center-border: -4px;
  --segmented-control-button-font-color: #0069e4;
  --segmented-control-button-font-color-hover: #0069e4;
  --segmented-control-button-font-color-selected: #002c64;
  --segmented-control-button-font-weight: var(--multi-choice-font-weight);
  --multi-choice-letter-label-text-transform: lowercase;
  --multi-choice-letter-label-font-weight: 700;
  --multi-choice-letter-label-background-color: #b3d2f7;
  --multi-choice-letter-label-background-color-hover: #80b4f1;
  --multi-choice-letter-label-background-color-depressed: #0058bf;
  --multi-choice-letter-label-background-color-selected: #004597;
  --multi-choice-letter-label-color: #0058bf;
  --multi-choice-letter-label-color-hover: #002c64;
  --multi-choice-letter-label-color-depressed: #fff;
  --multi-choice-letter-label-color-selected: #fff;
  --multi-choice-letter-label-filter-submitted: none;
  --multi-choice-checkbox-audio-wrapper-top: 10px;
  --multi-choice-checkbox-audio-wrapper-buttons-wrapper-top: 3px;
  --multi-choice-checkbox-tile-image-component-audio-player-top: 0;
}
[data-theme-id=k5] [data-component-type=multiple-choice] div[class*=layout-context-] {
  --multi-choice-image-container-with-letter-label-width: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 8);
}
[data-theme-id=k5] [data-component-type="input/text"],
[data-theme-id=k5] .text-area-view {
  --text-input-border: solid 2px #b0bed3;
  --text-input-border-hover: solid 4px #80b4f1;
  --text-input-border-focused: solid 4px #0069e4;
  --text-input-box-shadow: none;
  --free-response-submit-button-font-size: 70%;
  --free-response-edit-button-font-size: 60%;
  --free-response-submit-button-font-size-small: 60%;
  --free-response-edit-button-font-size-small: 50%;
  --text-input-textarea-border-radius: 13.6px 13.6px 0 0;
  --text-input-textarea-padding: 25px;
  --text-input-textarea-padding-hovered: 23px;
  --text-input-textarea-display: block;
  --text-input-textarea-submitted-background: #f1f5fb;
  --text-input-submit-container-width: 100%;
  --placeholder-color: rgba(35, 31, 32, 50%);
  --placeholder-icon-font-size: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --placeholder-icon-color: #0069e4;
  --placeholder-icon-margin: 8px;
  --placeholder-icon-positioning: 8px;
  --placeholder-icon-line-height: 0;
  --text-input-footer-button-height: 60px;
  --text-input-footer-button-border: 2px solid #f1f5fb;
  --text-input-footer-button-box-shadow-depressed: none;
  --text-input-footer-button-font-size: 183%;
  --text-input-submit-button-text-align: left;
  --image-thumbnail-area-margin-top: -4px;
  --image-thumbnail-area-border: solid 2px #b0bed3;
  --image-thumbnail-area-border-focused: solid 4px #0069e4;
  --image-thumbnail-area-padding-focused: 0 5px 1px 5px;
  --image-thumbnail-area-border-hover: solid 4px #80b4f1;
  --uploaded-image-thumbnail-size: 150px;
  --uploaded-image-thumbnail-border-color: #b0bed3;
  --uploaded-image-thumbnail-border-radius: 2.81;
  --uploaded-image-thumbnail-margin: 16px;
  --uploaded-image-thumbnail-border-hover: #80b4f1;
  --remove-media-button-size: 32px;
  --remove-media-button-border: 3px solid #fff;
  --remove-media-button-box-shadow: none;
  --remove-media-button-box-shadow-depressed: none;
  --remove-media-button-background: #dae3f0;
  --remove-media-button-background-hover: #f1f5fb;
  --remove-media-button-background-depressed: #dae3f0;
  --remove-media-button-font-size: 24px;
  --remove-media-button-color: #0069e4;
  --remove-audio-button-positioning-right: 0;
  --remove-audio-button-positioning-top: -5px;
  --deleting-media-cancel-background: transparent;
  --deleting-media-cancel-border: none;
  --deleting-media-cancel-border-hover: none;
  --deleting-media-cancel-border-radius: 0;
  --deleting-media-cancel-box-shadow: none;
  --deleting-media-cancel-box-shadow-depressed: none;
  --deleting-media-cancel-text-decoration: underline;
  --deleting-media-cancel-padding: 0;
  --deleting-media-cancel-margin-top: 10px;
  --deleting-media-cancel-align-items: flex-start;
  --deleting-media-cancel-justify-content: space-between;
  --deleting-media-delete-message-padding-left: 0;
  --deleting-media-padding: 9px 15px 9px;
  --deleting-media-font-size: 24px;
  --deleting-media-background: #fbeae6;
  --deleting-media-color: #831c00;
  --deleting-image-border: 1px solid #fbeae6;
  --deleting-audio-height: 75px;
  --deleting-audio-padding: 0 34px;
  --deleting-audio-border: none;
  --deleting-audio-border-radius: 70px;
  --deleting-audio-color: #831c00;
  --deleting-audio-font-weight: 100px;
  --drop-down-button-color-depressed: #fff;
  --dropdown-container-border-radius: 13.6px;
  --component-audio-player-wrapper-margin-top: -4px;
  --component-audio-player-wrapper-border: solid 2px #b0bed3;
  --component-audio-player-wrapper-border-selected: solid 4px #0069e4;
  --component-audio-player-wrapper-padding: 0px 10px;
  --component-audio-player-uploading-animation: none;
  --component-audio-player-padding-right: 0;
  --component-audio-player-wrapper-height: 100px;
  --component-audio-player-padding-top: 0px;
  --player-container-background: #e6f1fe;
  --player-container-border-radius: 100px;
  --player-container-height: 75px;
  --player-container-outline-hover: none;
  --small-play-pause-color: #0069e4;
  --small-play-pause-background: #e71d32;
  --small-play-pause-background-hover: #c4192a;
  --small-play-pause-background-depressed: #8e0311;
  --small-play-font-size: 36px;
  --small-pause-font-size: 36px;
  --small-play-pause-size: 58px;
  --small-play-pause-justify-content: center;
  --small-play-pause-border-radius: 50%;
  --small-play-pause-margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --small-play-pause-box-shadow-bottom: 0 4px #b0bed3;
  --small-play-pause-box-shadow-bottom-depressed: none;
  --small-play-pause-label-margin-top: -33px;
  --duration-label-font-size: var(--font-size-default);
  --duration-label-margin-right: 15px;
  --duration-label-color: #3b3b3b;
  --scrubber-thumb-center-background: #0069e4;
  --scrubber-thumb-background-background: #80b4f1;
  --scrubber-thumb-background-circle-radius: 25px;
  --scrubber-thumb-radius: 15px;
  --scrubber-track-height: 25px;
  --scrubber-track-background: #b3d2f7;
  --scrubber-track-margin-top: -13px;
  --scrubber-thumb-center-scale: scale(0.5, 0.5);
  --scrubber-height: 60px;
  --upload-spinner-container-size: 32px;
  --upload-spinner-container-border: solid 2px #0069e4;
  --upload-spinner-container-margin-right: 15px;
  --upload-icon-font-size: 24px;
  --upload-icon-color: #0069e4;
  --spinner-icon-font-size: 32px;
  --spinner-icon-position: 4px;
  --spinner-icon-color: #0069e4;
  --scrubber-track-margin-top: -8px;
  --text-input-textarea-padding: 17px;
  --text-input-textarea-padding-hovered: 15px;
  --remove-media-button-font-weight: 600;
  --player-container-height: 68px;
  --scrubber-track-height: 17px;
  --deleting-audio-height: 68px;
  --free-response-submit-button-font-size: 90%;
  --free-response-edit-button-font-size: 80%;
  --free-response-submit-button-font-size-small: 70%;
  --free-response-edit-button-font-size-small: 58%;
}
[data-theme-id=k5] [data-component-type="input/text"] .upload-image-footer-button,
[data-theme-id=k5] .text-area-view .upload-image-footer-button {
  --text-input-footer-button-icon-color: #722800;
  --text-input-footer-button-background: #fbbb7b;
  --text-input-footer-button-background-hover: #e58a4b;
  --text-input-footer-button-shadow-bottom-color: #d77027;
  --text-input-footer-button-box-shadow-is-open: 0 0 0 6px #722800;
  --text-input-footer-button-icon-line-height: 55px;
  --text-input-footer-button-font-size: 140%;
}
[data-theme-id=k5] [data-component-type="input/text"] .microphone-footer-button,
[data-theme-id=k5] .text-area-view .microphone-footer-button {
  --text-input-footer-button-icon-color: #8e0311;
  --text-input-footer-button-background: #ffdce5;
  --text-input-footer-button-background-hover: rgba(255, 102, 107, 0.6);
  --text-input-footer-button-shadow-bottom-color: #ffafbe;
  --text-input-footer-button-box-shadow-is-open: 0 0 0 6px #8e0311;
}
[data-theme-id=k5] [data-component-type="input/text"] .text-edit-button,
[data-theme-id=k5] .text-area-view .text-edit-button {
  --text-input-footer-button-icon-color: #333;
  --text-input-footer-button-background: #b3d869;
  --text-input-footer-button-background-hover: #8fc555;
  --text-input-footer-button-shadow-bottom-color: #6db240;
  --text-input-footer-button-box-shadow-active: 0 0 0 6px #10781b;
  --text-input-footer-button-icon-line-height: 60px;
}
[data-theme-id=k5] [data-component-type="input/text"] .math-edit-button,
[data-theme-id=k5] [data-component-type="input/text"] .dcg-toggle-keypad-button,
[data-theme-id=k5] .text-area-view .math-edit-button,
[data-theme-id=k5] .text-area-view .dcg-toggle-keypad-button {
  --text-input-footer-button-icon-color: #d1e8f1;
  --text-input-footer-button-background: #006997;
  --text-input-footer-button-background-hover: #005980;
  --text-input-footer-button-background-depressed: #00334b;
  --text-input-footer-button-shadow-bottom-color: #32a3cf;
  --text-input-footer-button-box-shadow-active: 0 0 0 6px #00334b;
  --text-input-footer-button-sqrt-box-width: 0px;
  --text-input-footer-button-icon-line-height: 55px;
  --text-input-footer-button-padding: 0;
}
[data-theme-id=k5] [data-component-type="input/text"] .upload-image-container .dropdown-container,
[data-theme-id=k5] .text-area-view .upload-image-container .dropdown-container {
  --dropdown-container-interior-padding: 0px;
  --dropdown-container-background: #fff;
  --dropdown-container-color: #3b3b3b;
  --upload-file-button-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --upload-file-button-border-radius: 0px;
  --dropdown-button-margin-bottom: 0px;
  --dropdown-button-text-decoration: none;
  --dropdown-button-background-hovered: #f1f5fb;
  --dropdown-button-background-depressed: #e8eef8;
  --dropdown-button-color-depressed: #3b3b3b;
  --dropdown-arrow-border: #f1f5fb;
  --dropdown-arrow-background: #fff;
  --dropdown-container-margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --dropdown-container-preview-message-font-family: "quicksand", sans-serif;
}
[data-theme-id=k5] [data-component-type="input/text"] .upload-audio-dropdown-container .dropdown-container,
[data-theme-id=k5] .text-area-view .upload-audio-dropdown-container .dropdown-container {
  --dropdown-container-preview-message-font-style: normal;
  --dropdown-button-text-decoration: none;
  --dropdown-container-background: #fff;
  --dropdown-container-color: #3b3b3b;
  --dropdown-arrow-border: #ffdce5;
  --dropdown-arrow-background: #fff;
  --dropdown-record-button-animation: none;
  --record-audio-start-icon-font-size: 2em;
  --record-audio-start-icon-color: #fff;
  --record-audio-start-icon-color-recording-hover: #ffeef2;
  --record-audio-start-icon-color-recording-depressed: #ffdce5;
  --record-audio-start-icon-background: #e71d32;
  --record-audio-start-icon-background-hover: #c4192a;
  --record-audio-start-icon-background-depressed: #8e0311;
  --record-audio-start-icon-background-recording: #fff;
  --record-audio-start-icon-background-recording-hover: #ffeef2;
  --record-audio-start-icon-background-recording-depressed: #ffdce5;
  --record-audio-start-icon-border: solid 0.125em #e71d32;
  --record-audio-start-icon-border-hover: solid 0.125em #c4192a;
  --record-audio-start-icon-border-depressed: solid 0.125em #8e0311;
  --record-audio-start-icon-border-recording: solid 0.125em #fff;
  --record-audio-start-icon-border-recording-hover: solid 0.125em #ffeef2;
  --record-audio-start-icon-border-recording-depressed: solid 0.125em #ffdce5;
  --record-audio-start-icon-border-radius: 50%;
  --record-audio-start-icon-box-shadow: 0 4px #8e0311;
  --record-audio-start-icon-box-shadow-depressed: none;
  --record-audio-start-icon-box-shadow-recording: 0 4px #ffdce5;
  --record-audio-stop-icon-size: 20px;
  --record-audio-stop-icon-color: #fff;
  --audio-bubble-background: #e6f1fe;
  --audio-bubble-background-height: 2.35em;
  --audio-bubble-border-radius: 1.5em;
  --audio-bubble-waveform-width: 233px;
  --audio-bubble-margin-left: 1;
  --recording-label-text-align: center;
  --audio-dropdown-margin-left: 25px;
  --audio-dropdown-margin-top: 15px;
  --audio-dropdown-margin-left: 35px;
  --dropdown-container-preview-message-font-family: "quicksand", sans-serif;
}
[data-theme-id=k5] [data-component-type="input/expression"],
[data-theme-id=k5] .inline-math {
  --math-input-focused-border-width: 4px;
  --math-input-focused-box-shadow: none;
  --math-input-border-primary: solid 4px #b1b3b6;
  --math-input-border-radius: 16px 0 0 16px;
  --math-input-border-color-hover: #80b4f1;
  --math-input-border-color-focus: #0069e4;
  --math-input-keypad-button-box-shadow-focused: none;
  --math-input-font-style: normal;
  --math-input-error-font-size: 40px;
  --math-input-error-margin-top: 6px;
  --math-input-error-margin-right: 10px;
  --math-input-error-icon-color: #817715;
  --math-input-error-icon-background: #fff;
  --math-input-error-icon-padding: 0px;
  --math-input-error-icon-margin: 0px;
  --math-input-error-icon-border-radius: 50%;
  --math-input-spacing: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --math-input-and-button-margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --math-input-footer-background: transparent;
  --math-input-footer-border: transparent;
  --math-input-footer-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
  --math-submit-button-container-text-align: center;
  --math-submit-button-container-display: flex;
  --math-submit-button-container-justify: start;
  --math-submit-button-container-width: auto;
  --math-input-keypad-button-border: none;
  --math-input-keypad-button-width: 72px;
  --math-input-keypad-button-border-radius: 0 16px 16px 0;
  --math-input-keypad-button-background-color: #d1e8f1;
  --math-input-keypad-button-box-shadow: inset 0 -4px #32a3cf;
  --math-input-keypad-button-background-color-hover: #9bcfe2;
  --math-input-keypad-button-background-color-active: #006997;
  --math-input-keypad-button-icon-color: #006997;
  --math-input-keypad-button-icon-color-hover: #006997;
  --math-input-keypad-button-icon-color-pressed: #006997;
  --math-input-keypad-button-icon-color-active: #fff;
  --math-input-keypad-button-pressed-margin-top: 3px;
  --math-input-edit-button-pressed-margin-top: 3px;
  --math-input-edit-button-display: inline-block;
  --math-input-edit-button-active-box-shadow: none;
  --free-response-submit-button-font-size: 70%;
  --free-response-edit-button-font-size: 60%;
  --free-response-submit-button-font-size-small: 60%;
  --free-response-edit-button-font-size-small: 50%;
  --expression-input-button-font-size: 90%;
  --keypad-button-background-hovered: #dae3f0;
  --keypad-button-color-hovered: #0058bf;
  --keypad-button-border-color-hovered: transparent;
  --keypad-button-background-active: #b0bed3;
  --keypad-button-color-active: #002c64;
  --keypad-button-border-color-active: transparent;
  --free-response-submit-button-font-size: 90%;
  --free-response-edit-button-font-size: 80%;
  --free-response-submit-button-font-size-small: 70%;
  --free-response-edit-button-font-size-small: 58%;
}
[data-theme-id=k5] .inline-math {
  --inline-math-input-border-color: #b0bed3;
  --inline-math-border-radius: 13.57px;
  --inline-math-keypad-button-width: 70px;
  --inline-math-keypad-button-height: 51px;
  --math-input-border-color-hover: #80b4f1;
  --inline-math-padding: 13px;
  --inline-math-keypad-button-margin: 0 0 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --inline-math-keypad-button-icon-size: 30px;
  --inline-math-text-align: center;
  --inline-math-empty-width: 85px;
  --inline-math-input-min-width: 34px;
  --inline-math-input-max-width: 55px;
  --inline-math-icon-font-size: 34px;
  --inline-math-font-family: symbola, "Times New Roman", serif;
}
@media screen and (max-width: 1200px) {
  [data-theme-id=k5] .inline-math {
    --inline-math-keypad-button-icon-size: 27.5px;
    --inline-math-empty-width: 80px;
    --inline-math-padding: 14px;
    --inline-math-keypad-button-margin: 0 0 0 16px;
    --inline-math-input-min-width: 32px;
    --inline-math-input-max-width: 48px;
    --inline-math-icon-font-size: 32px;
    --inline-math-keypad-button-width: 64.2px;
    --inline-math-keypad-button-height: 48px;
  }
}
@media screen and (max-width: 768px) {
  [data-theme-id=k5] .inline-math {
    --inline-math-keypad-button-icon-size: 22px;
    --inline-math-empty-width: 65px;
    --inline-math-padding: 11px;
    --inline-math-keypad-button-margin: 0 0 0 13px;
    --inline-math-border-radius: 9.5px;
    --inline-math-input-min-width: 26px;
    --inline-math-input-max-width: 39px;
    --inline-math-icon-font-size: 19px;
    --inline-math-keypad-button-width: 52.5px;
    --inline-math-keypad-button-height: 37.5px;
  }
}
[data-theme-id=k5] .k5-note .prosemirror-inline-wrapper {
  --inline-math-overall-height: 85px;
}
@media screen and (max-width: 1200px) {
  [data-theme-id=k5] .k5-note .prosemirror-inline-wrapper {
    --inline-math-overall-height: 80px;
  }
}
@media screen and (max-width: 768px) {
  [data-theme-id=k5] .k5-note .prosemirror-inline-wrapper {
    --inline-math-overall-height: 65px;
  }
}
[data-theme-id=k5] [data-component-type=table],
[data-theme-id=k5] .snapshot-table {
  --table-border-collapse: collapse;
  --table-cell-weight: 500;
  --table-cell-border: 1px solid #b0bed3;
  --table-cell-border-header: 1px solid #767676;
  --table-cell-font-size: 100%;
  --table-cell-outline-hover: 4px solid #80b4f1;
  --table-cell-outline-active: 4px solid #0069e4;
  --table-cell-outline-error: 4px solid #817715;
  --table-cell-outline-offset: -2px;
  --table-cell-icon-color: #0069e4;
  --table-cell-header-bottom-border-width: 1px;
  --table-cell-background-clip: padding-box !important;
  --table-cell-padding: 17px;
  --table-cell-no-padding: 0px;
  --table-cell-padding-right: 0px;
  --table-cell-padding-left: 0px;
  --table-cell-height-padded: 34px;
  --table-cell-new-row-padding: 13.5px;
  --table-cell-edit-padding-left: 55px;
  --table-outline: none;
  --table-cursor: pointer;
  --table-keypad-button-width: 50px;
  --table-keypad-button-height: 50px;
  --table-keypad-button-bottom: -50px;
  --table-keypad-button-border: none;
  --table-keypad-button-font-size: 100%;
  --table-keypad-button-icon-color: #d1e8f1;
  --table-keypad-button-icon-line-height: 1.2em;
  --table-keypad-button-icon-color-hover: #d1e8f1;
  --table-keypad-button-background: #006997;
  --table-keypad-button-background-hover: #005980;
  --table-keypad-button-background-depressed: #005980;
  --table-keypad-button-box-shadow-size: 3px;
  --table-keypad-button-box-shadow: 0 3px #32a3cf;
  --table-keypad-button-box-shadow-depressed: none;
  --table-cell-locked-background-color: #e8eef8;
  --table-column-header-cell-border-bottom: none;
  --table-column-header-cell-background-color: #dae3f0;
  --table-cell-edit-icon-font: 1.5em;
  --table-cell-add-icon-font-size: calc(1 / var(--amp-scale-ratio) * 1.6em);
  --table-cell-add-icon-padding: calc(1em / 6);
  --table-keyboard-button-color: #0069e4;
  --table-keyboard-button-color-active: #fff;
  --table-keyboard-button-background-color-active: #0069e4;
  --table-cell-add-new-background-color: #e8eef8;
  --table-snapshot-empty-cell-min-height: 1.46em;
  --table-snapshot-empty-cell-display: block;
  --table-add-row-after-content: none;
  --table-border-collapse-enabled: none;
  --table-cell-box-shadow-hover: none;
  --table-keypad-button-box-shadow-hovered: none;
  --table-cell-keypad-button-width: 1.8em;
  --table-cell-keypad-button-height: 1.4em;
  --table-cell-keypad-button-hovered: #dae3f0;
  --table-cell-keypad-button-active: #002c64;
  --table-cell-weight: 400;
}
[data-theme-id=k5] [data-component-type=sketch] div[class*=layout-context-] {
  --sketch-color-picker-width: auto;
  --sketch-color-picker-min-width: calc(8.376em + 36px);
  --sketch-color-picker-top: 2.7em;
  --sketch-color-picker-left-position: -96px;
  --sketch-color-list-padding: 10px 17px;
  --sketch-controls-background: #e8eef8;
  --sketch-controls-border: 2px solid #b0bed3;
  --sketch-controls-border-radius: 13.57px;
  --sketch-controls-top: 0;
  --sketch-margin-top: 75px;
  --sketch-negative-margin-top: -75px;
  --sketch-playground-margin-bottom: 85px;
  --sketch-left-controls-z-index: 0;
  --sketch-left-controls-margin-hover: 0px;
  --sketch-left-controls-width: 100%;
  --sketch-left-controls-height: auto;
  --sketch-left-controls-border: transparent;
  --sketch-btn-spacing: 5px;
  --sketch-btn-gap: 0.425em;
  --sketch-btn-group-flex-wrap: wrap;
  --sketch-btn-group-align-items-align-items: stretch;
  --sketch-horizontal-actions-toolbar-background: #f1f5fb;
  --sketch-horizontal-actions-toolbar-border-top: 2px solid #b0bed3;
  --sketch-btn-active-background-color: #0069e4;
  --sketch-btn-active-color: #fff;
  --sketch-btn-active-box-shadow: 0 0.25em #004597;
  --sketch-color-picker-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --sketch-color-picker-column-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --sketch-color-picker-background: #f1f5fb;
  --sketch-color-picker-left-margin: 0;
  --sketch-color-picker-border: 2px solid #b0bed3;
  --sketch-color-picker-border-radius: 13.57px;
  --sketch-color-picker-option-size: calc(2.5em / 1.2);
  --sketch-color-picker-selected-border: 3.2px solid #fff;
  --sketch-color-picker-default-border: 3.2px solid #77879d;
  --sketch-color-picker-selected-box-shadow: 0 0 0 4px #0069e4;
  --sketch-color-picker-hovered-box-shadow: 0 0 0 4px #9c0d63;
  --sketch-color-picker-arrow-border-width: 4px;
  --sketch-color-picker-arrow-border-color: transparent transparent #77787b;
  --sketch-color-picker-arrow-position: -7.5px;
  --sketch-color-picker-segmented-control-background: #fff;
  --sketch-color-picker-segmented-control-color: #0069e4;
  --sketch-color-picker-segmented-control-large-font-size: 169%;
  --sketch-color-picker-segmented-control-btn-height: calc(2.5em / 1.2);
  --segmented-control-button-font-color: #0069e4;
  --segmented-control-button-border-color-hover: #0069e4;
  --segmented-control-button-font-color-hover: #0069e4;
  --segmented-control-button-border-radius: 10.6px;
  --segmented-control-button-background-selected: #0069e4;
  --segmented-control-button-border: 2.5px solid #0069e4;
  --segmented-control-button-border-selected: 2.5px solid #0069e4;
  --sketch-color-swatch-container-height: 2.5em;
  --sketch-color-swatch-container-width: 2.5em;
  --sketch-color-swatch-container-line-height: 1.585em;
  --sketch-segmented-control-btn-border-width: 2.5px;
  --sketch-pptb-padding: 17px;
  --sketch-text-box-padding: 25.5px 17px;
  --sketch-text-box-border: 4px solid #b1b3b6;
  --sketch-text-box-border-radius: 12.7px;
  --sketch-text-box-border-radius-active: 0px 8px 8px 0px;
  --sketch-text-box-box-shadow: 0px 4px 12px rgba(0, 0, 0, 25%);
  --sketch-text-box-box-shadow-active: none;
  --sketch-text-box-box-shadow-hover: 0px 10px 20px 0px rgba(0, 0, 0, 8%),
    0px 6px 6px 0px rgba(0, 0, 0, 9%);
  --sketch-text-box-border-hover: 1px solid #fff;
  --sketch-text-box-border-active: 1px solid #fff;
  --sketch-text-box-border-invisible: 3px solid rgba(0, 0, 0, 0%);
  --sketch-text-box-dot-color: #0069e4;
  --sketch-text-box-dot-color-hover: #0069e4;
  --sketch-text-box-dot-color-pressed: #0069e4;
  --sketch-text-box-handle-width: 61px;
  --sketch-text-box-handle-padding: 0px 10px 0px 8px;
  --sketch-text-box-handle-color: #fff;
  --sketch-text-box-handle-background: #e6f1fe;
  --sketch-text-box-handle-background-draggable: #b3d2f7;
  --sketch-text-box-handle-line-height: 3px;
  --sketch-text-box-remove-color: #0069e4;
  --sketch-text-box-remove-background: #f1f5fb;
  --sketch-text-box-remove-border: 2px solid rgba(0, 0, 0, 0%);
  --sketch-text-box-remove-color-hover: #0069e4;
  --sketch-text-box-remove-background-hover: #b0bed3;
  --sketch-text-box-remove-pressed: #0069e4;
  --sketch-text-box-remove-border-pressed: 2px solid rgba(0, 0, 0, 0%);
  --sketch-text-box-remove-border-radius: 100%;
  --sketch-text-box-remove-text-outline: 0;
  --sketch-text-box-remove-padding: 3px;
  --sketch-text-box-remove-font-size: 10px;
  --sketch-text-box-remove-button-position: -21px;
  --sketch-text-box-edit-view-min-width: 34px;
  --sketch-text-box-edit-view-line-height: 34px;
  --sketch-text-box-remove-display: flex;
  --sketch-text-box-left-border: none;
  --sketch-text-box-outline: 4px solid #0069e4;
  --sketch-text-box-outline-hover: 4px solid #80b4f1;
  --sketch-text-box-outline-inactive: 2px solid #b0bed3;
  --sketch-text-box-outline-offset: -7px;
  --sketch-text-box-font-weight: 400;
  --sketch-text-box-font-size-large: 100%;
  --sketch-text-box-font-size-middle: 100%;
  --sketch-text-box-line-height-large: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --sketch-text-box-line-height-middle: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --sketch-text-box-line-height-middle-small: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --sketch-text-box-icon-color: #0069e4;
  --sketch-draggable-icon-font-size: 34px;
  --sketch-draggable-icon-font-color: #676767;
  --sketch-left-drag-handle-border: 3px solid #fff;
  --sketch-left-drag-handle-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 8%),
    0px 6px 6px 0px rgba(0, 0, 0, 9%);
  --sketch-resize-right-handle-dot-width: 16px;
  --sketch-resize-right-handle-dot-container-width: 50px;
  --sketch-canvas-border: 2px solid #b0bed3;
  --sketh-text-box-remove-display: flex;
  --sketch-canvas-border-radius: 13.57px;
  --sketch-canvas-border-top-left-radius: 0;
  --sketch-canvas-border-top-right-radius: 0;
  --sketch-canvas-border-top-style: none;
  --sketch-graph-canvas-inset-box-shadow: inset 0 0 0 0.3125em var(--amp-focus-color);
  --sketch-snapshot-camera-top: 5px;
  --sketch-snapshot-camera-right: 10px;
  --sketch-text-box-close-button-label-display: none;
  --dcg-sketch-playground-not-within-fullscreen-layout-padding-bottom: 92%;
  --dcg-sketch-playground-fullscreen-aspect-ratio-two-column-padding-bottom: 70%;
  --dcg-sketch-playground-one-third-right-padding-bottom: 145%;
  --dcg-sketch-playground-one-third-left-padding-bottom: 145%;
  --dcg-sketch-playground-two-column-padding-bottom: 92%;
  --sketch-right-controls-buttons-border-radius: 0;
  --sketch-color-picker-segmented-control-padding: 0.654em 0px 0px;
  --sketch-playground-margin-bottom: 80px;
}
@media screen and (max-width: 320px) {
  [data-theme-id=k5] [data-component-type=sketch] div[class*=layout-context-] {
    --sketch-color-picker-left-position: -36px;
  }
}
[data-theme-id=k5] [data-component-type=sketch] div[class*=layout-context-] .sketch-controls .color-swatch-container .color-indicator {
  opacity: 1;
}
[data-theme-id=k5] [data-component-type=sketch] div[class*=layout-context-] .sketch-controls .color-selector .color-list::after {
  content: "";
  position: absolute;
  top: -14px;
  left: 107.5px;
  border-width: 14px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent var(--sketch-color-picker-background);
  line-height: 0;
}
[data-theme-id=k5] [data-component-type=sketch] div[class*=layout-context-] .sketch-controls .color-selector .color-list::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 105.5px;
  border-width: 16px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #b0bed3;
  line-height: 0;
}
[data-theme-id=k5] [data-component-type=sketch] div[class*=layout-context-] .sketch-controls .color-selector .color-list .color-option-wrapper .color-option {
  opacity: 1;
}
[data-theme-id=k5] [data-component-type=sketch] div[class*=layout-context-] .sketch-text-box.dcg-hovered:not(.is-selected, .is-dragging) .left-drag-handle:not(.dcg-hovered),
[data-theme-id=k5] [data-component-type=sketch] div[class*=layout-context-] .sketch-text-box.dcg-hovered:not(.is-selected, .is-dragging) .remove-text-box:not(.dcg-hovered) {
  opacity: 1;
}
[data-theme-id=k5] [data-component-type="input/graph"],
[data-theme-id=k5] .graph-snapshot {
  --graph-border: var(--border-component);
  --graph-scrubber-border-top: 2px solid #e8e9ea;
  --graph-scrubber-button-size: 16px;
  --graph-input-overflow: hidden;
  --graph-label-raw-text-font-family: var(--note-font-family);
}
[data-theme-id=k5] [data-component-type=reorder] {
  --listbox-container-margin-bottom: 14px;
  --reorder-item-flex-grow: 0;
  --reorder-item-margin: 12.5px 0px 0px;
  --reorder-item-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 8%),
    0px 6px 6px 0px rgba(0, 0, 0, 9%);
  --reorder-item-border: solid 2px #fff;
  --reorder-item-buttons-container-margin: 0px;
  --reorder-item-buttons-container-margin-hovered: 0px;
  --reorder-item-content-border: none;
  --reorder-item-content-hover-border: none;
  --reorder-item-content-active-border: none;
  --reorder-item-content-padding: 8px 0px;
  --reorder-item-content-hover-padding: 6px 0px;
  --reorder-item-content-margin: 5px 12.5px 5px 25px;
  --reorder-item-content-margin-hovered: 5px 12.5px 5px 23px;
  --reorder-item-content-color: #3b3b3b;
  --reorder-item-label-color: #676767;
  --reorder-item-label-font-family: "quicksand";
  --reorder-item-label-padding: 0;
  --reorder-item-height: fit-content;
  --reorder-item-background-color: #e6f1fe;
  --reorder-item-content-pointer-events: auto;
  --reorder-item-text-align: left;
  --reorder-item-hover-border-color: #0069e4;
  --reorder-item-content-active-border-color: #0058bf;
  --reorder-item-content-focus-box-shadow: 0 0 0 0.125em #fff,
    0 0 0 0.3125em var(--amp-focus-color, #9c0d63);
  --reorder-item-handle-color: #676767;
  --reorder-item-handle-margin-right: 0px;
  --reorder-item-handle-margin-left: 25px;
  --reorder-item-handle-margin-left-hovered: 23px;
  --item-content-align-self: center;
  --reorder-item-placeholder-border: dashed 4px #30bfaa;
  --reorder-item-placeholder-background-color: rgba(172, 229, 221, 25%);
  --reorder-item-placeholder-margin-top: 16px;
  --reorder-item-placeholder-left: 0px;
  --reorder-component-has-audio-items-margin-left: 60px;
  --reorder-component-has-audio-player-wrapper-top: -18px;
  --reorder-component-has-audio-player-wrapper-right: 5px;
  --reorder-item-content-margin: 3px 17px;
  --reorder-item-content-margin-hovered: 3px 17px 3px 15px;
  --reorder-item-handle-margin-left: 17px;
  --reorder-item-handle-margin-left-hovered: 15px;
  --reorder-item-margin: 14.5px 0px 0px;
  --reorder-item-buttons-container-margin: 4px;
  --reorder-item-buttons-container-margin-hovered: 2px;
}
[data-theme-id=k5] [data-component-type="exhibit/image"] {
  --image-border: var(--border-component);
  --image-border-hover: solid 8px #000;
  --image-border-depressed: solid 8px #000;
  --image-fullscreen-icon-background-color: #fff;
  --image-fullscreen-icon-border: var(--border-primary);
  --image-fullscreen-icon-border-hover: solid 4px
    #000;
  --image-fullscreen-icon-border-radius: 50%;
  --image-fullscreen-icon-color: #77787b;
  --image-fullscreen-icon-color-hover: #000;
  --image-fullscreen-icon-color-depressed: #000;
  --image-fullscreen-icon-padding: 6px;
  --image-fullscreen-icon-right: 12px;
  --image-fullscreen-icon-top: 12px;
  --image-fullscreen-icon-width: 44px;
  --image-fullscreen-icon-height: 44px;
}
[data-theme-id=k5].take-picture-modal {
  --picture-modal-background: #e8eef8;
  --picture-modal-font-color-primary: #722800;
  --candidate-container-border: 0px solid #fff;
  --picture-modal-upload-image-button-background: #fbbb7b;
  --picture-modal-upload-image-button-bottom-box-shadow: 0 4px #d77027;
  --candidate-container-background: #fff;
  --cancel-candidate-margin-right: 17px;
  --controls-group-padding-top: 0px;
  --edit-picture-container-padding-bottom: 0px;
  --edit-control-btn-border: none;
  --close-modal-btn-position: -1.5em;
  --video-container-position-top: -6px;
  --video-container-position-bottom: 3.2em;
  --video-container-position-left: 34px;
  --video-container-position-right: 34px;
  --submit-upload-icon-font-size: 35px;
  --modal-margin: 34px;
  --close-modal-btn-position: -1em;
}
[data-theme-id=k5].take-picture-modal .rotate-btn {
  --edit-control-btn-color: #0069e4;
  --edit-control-btn-color-depressed: #fff;
  --edit-control-btn-background: #def7f1;
  --edit-control-btn-background-hover: rgba(#008571, 0.65);
  --edit-control-btn-background-depressed: #008571;
  --edit-control-btn-box-shadow: 0 4px #008571;
}
[data-theme-id=k5].take-picture-modal .contrast-btn {
  --edit-control-btn-color: #0069e4;
  --edit-control-btn-color-depressed: #fff;
  --edit-control-btn-color-contrast-on: #fff;
  --edit-control-btn-color-contrast-on-depressed: #000;
  --edit-control-btn-background: #fff;
  --edit-control-btn-background-hover: #b1b3b6;
  --edit-control-btn-background-depressed: #000;
  --edit-control-btn-background-contrast-on: #000;
  --edit-control-btn-background-contrast-on-hover: #b1b3b6;
  --edit-control-btn-background-contrast-on-depressed: #fff;
  --edit-control-btn-box-shadow: 0 4px #000;
  --edit-control-btn-box-shadow-depressed: none;
}
[data-theme-id=k5] .progress-bar {
  --progress-total-height: 26px;
  --progress-bar-height: 26px;
}
[data-theme-id=k5]#amp-navigation-wrapper-v2 a:where(:not([class*=btn])):hover,
[data-theme-id=k5]#amp-navigation-wrapper-v2 a:where(:not([class*=btn])):focus {
  color: #0069e4;
}

.theme-student {
  --student-periscope-header-content-top: 6px;
  --header-font-family: "quicksand", sans-serif;
}
/* src/js/activitybuilder/student/themes/late_elementary.scss */
[data-theme-id=late_elementary] {
  --rectangle-btn-border-radius: 8px;
  --font-family: "quicksand", sans-serif;
  --font-size-default: 24px;
  --font-size-medium: 32px;
  --font-size-large: 40px;
  --font-weight-default: 500;
  --font-weight-bold: 700;
  --font-color-default: #3b3b3b;
  --note-font-family: "open-sans", sans-serif;
  font-family: var(--font-family);
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-default);
  color: var(--font-color-default);
  --button-border-radius: 32px;
  --button-padding: 0px 36px;
  --button-margin-top-depressed: 2px;
  --button-icon-font-size: 30px;
  --button-icon-position: relative;
  --button-icon-top: 6px;
  --button-border-width: 3px;
  --button-size: 60px;
  --primary-button-background-default: #c231a0;
  --primary-button-background-hover: #0058bf;
  --secondary-button-background-color: #fff;
  --secondary-button-color: white;
  --secondary-button-border-default: 4px solid #77787b;
  --secondary-button-border-color-hover: #3f3b3c;
  --secondary-button-box-shadow-default: #004597;
  --secondary-button-box-shadow-hover: #004597;
  --secondary-button-box-shadow-depressed: none;
  --secondary-button-text-decoration: none;
  --secondary-button-line-height: 52px;
  --secondary-button-pencil-icon-margin-right: 9px;
  --button-red-color: #fff;
  --button-red-background-color: #db2e00;
  --button-red-background-color-hover: #af2500;
  --button-red-background-color-active: #831c00;
  --student-halo-button-border: 3px solid #bdbdbd;
  --student-halo-button-background-color: transparent;
  --student-halo-button-background-color-depressed: rgba(0, 0, 0, 5%);
  --student-halo-button-background-color-selected: #0069e4;
  --student-halo-button-color: #0069e4;
  --student-halo-button-color-selected: #fff;
  --student-halo-button-has-comments-color: #c2d7ef;
  --student-halo-button-has-comments-color-depressed: rgba(0, 0, 0, 5%);
  --border-color-component: #b0bed3;
  --border-color-primary: #77787b;
  --border-width-primary: 4px;
  --border-primary: solid 4px var(--border-color-primary);
  --border-width-graphs: 2px;
  --border-component: solid var(--border-width-graphs)
    var(--border-color-component);
  --border-radius: 13.57px;
  --border-radius-large: 32px;
  --border-radius-medium: 16px;
  --border-radius-small: 8px;
  --box-shadow-width: 2px;
  --box-shadow-width-bottom: 4px;
  --field-has-error-background-color: #feffe0;
  --field-has-error-border-color: #817715;
  --correctness-indicator-size: 1em;
  --correctness-gutter-size: -50px;
  --notification-dot-background: #c231a0;
  --notification-dot-absolute-position-top: auto;
  --notification-dot-absolute-position-bottom: 0.2rem;
  --notification-dot-absolute-position-left: 0.6rem;
  --notification-dot-absolute-position-right: 0px;
  --notification-dot-height: 1.5rem;
  --notification-dot-width: 1.5rem;
  --notification-dot-flex-shrink: 0;
  --notification-dot-text-font-weight: 700;
  --modal-margin: 65px;
  --close-modal-btn-position: 10px;
  --image-gallery-nav-icon-color: #fbead6;
  --image-gallery-nav-icon-color-hover: #fbbb7b;
  --image-gallery-nav-icon-color-depressed: #e58a4b;
  --image-gallery-nav-icon-color-disabled: rgba(251, 234, 214, 20%);
  --image-count-info-positioning: 0;
  --image-count-info-color: #722800;
  --image-count-info-transform: none;
  --image-count-info-background: #fbead6;
  --image-count-info-width: 100%;
  --image-count-info-height: 60px;
  --image-count-info-text-align: center;
  --image-centering-container-padding: 40px 80px 120px;
  --image-lightbox-container-background: rgba(0, 0, 0, 80%);
  --image-modal-image-border: 8px solid #fbead6;
  --snapshot-camera-size: 32px;
  --snapshot-camera-font-size: 30px;
  --snapshot-camera-padding: 0;
  --snapshot-captured-positioning-right: 30px;
  --link-to-interactive-border-offset: 4px;
  --link-to-interactive-border-radius: 0 12px 0 0;
  --link-to-interactive-font-size: 16px;
  --link-to-interactive-padding: 0;
  --link-to-interactive-margin: 0;
  --link-to-interactive-top: 6.5px;
  --link-to-interactive-right: 11.5px;
  --link-to-interactive-btn-color: #3b3b3b;
  --keypad-background-color: #e8eef8;
  --keypad-border-top: initial;
  --student-activity-header-student-name-font-weight: 700;
  --student-activity-header-height: 3.25em;
  --student-activity-header-title-margin-left: 0;
  --student-activity-header-hamburger-top-margin: 5px;
  --student-activity-header-background: #fff;
  --student-activity-header-background-bg-light: #f1f5fb;
  --student-activity-header-background-bg-lighter: #e9e9e9;
  --student-activity-header-center-content-margin: 0 auto;
  --nav-stepper-contents-padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --nav-stepper-contents-padding-sm: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --nav-stepper-step-counter-font-weight: 500;
  --nav-stepper-screen-count-width: 120px;
  --sandbox-header-btn-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --sandbox-header-nav-btn-height: 20px;
  --student-activity-header-height: 3.125em;
  --student-activity-header-title-line-height: 1.2em;
  --student-periscope-header-content-top: 6px;
  --input-footer-background: #f1f5fb;
  --input-footer-border-radius: 0 0 13.6px 13.6px;
  --input-footer-border: solid 2px #b0bed3;
  --input-footer-border-submitted: solid 2px #e8eef8;
  --input-footer-explain-your-answer-math-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --input-footer-explain-your-answer-math-padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --input-footer-explain-your-answer-math-padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --input-footer-explain-your-answer-multi-choice-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --input-footer-explain-your-answer-multi-choice-buttons-top: 0;
  --sticky-note-padding: 34px;
  --sticky-note-corner: 51px;
  --challenge-creator-nav-btn-border: #fff;
  --challenge-creator-btn-color: #0069e4;
  --challenge-creator-font-color-default: #3b3b3b;
  --challenge-creator-sandbox-header-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-student-header-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 5);
  --challenge-creator-sandbox-header-background: #b3d2f7;
  --challenge-creator-author-name-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-author-name-font-size: 100%;
  --challenge-creator-responder-name-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-responder-name-separator-rhythm-units: 0.5;
  --challenge-creator-response-navigation-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-navigation-stepper-btn-margin-right: 0;
  --challenge-creator-nav-stepper-btn-font-size: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-response-nav-stepper-contents-padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-response-navigation-student-count-font-weight: 500;
  --challenge-creator-sandbox-header-no-padding-right: 0;
  --challenge-creator-header-back-arrow-margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-options-title-padding-right-rhythm-units: 1;
  --challenge-creator-options-title-padding: 0;
  --challenge-creator-your-challenge-dropdown-before-width: 2px;
  --challenge-creator-your-challenge-dropdown-background-color-hover: #f1f5fb;
  --challenge-creator-your-challenge-dropdown-background-color-active: #e8eef8;
  --challenge-creator-option-icon-container-width: auto;
  --challenge-creator-option-icon-container-margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-option-icon-size: 100%;
  --challenge-creator-dropdown-choice-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-dropdown-container-margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-dropdown-container-inner-box-shadow: 0px 3px 6px 0px
      rgba(0, 0, 0, 11.5%),
    0px 3px 6px 0px rgba(0, 0, 0, 8%);
  --challenge-creator-dropdown-container-inner-border: 2px solid
    rgba(241, 245, 251, 100%);
  --challenge-creator-dropdown-container-inner-border-radius: 13.57px;
  --challenge-creator-dropdown-container-inner-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-ribbon-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  --challenge-creator-ribbon-border-width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3 / 2);
  --challenge-creator-ribbon-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-ribbon-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0;
  --challenge-creator-ribbon-main-color: #b3d2f7;
  --challenge-creator-ribbon-behind-color: #afccef;
  --challenge-creator-ribbon-shadow-color: #80b4f1;
  --challenge-creator-ribbon-behind-absolute-position: calc(-1 * (20px + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3 / 2));
  --challenge-creator-ribbon-title-font-weight: 700;
  --challenge-creator-ribbon-max-width: 288px;
  --challenge-creator-gallery-student-name-font-weight: 700;
  --challenge-creator-gallery-entry-container-font-family: var(--font-family);
  --challenge-creator-gallery-entry-container-margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-gallery-entry-container-no-margin: 0;
  --challenge-creator-gallery-responses-container-font-family: "open-sans",
    sans-serif;
  --challenge-creator-gallery-thumb-border-radius: 2.81px;
  --challenge-creator-gallery-background-border-radius: 0.81px;
  --challenge-creator-gallery-gallery-thumb-border: 2px solid #b0bed3;
  --challenge-creator-gallery-response-student-name-font-weight: 700;
  --challenge-creator-gallery-response-student-name-margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-gallery-your-challenge-size: 100%;
  --challenge-creator-gallery-classmate-challenge-size: 100%;
  --challenge-creator-gallery-your-challenge-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-gallery-your-challenge-border: 2px solid #b0bed3;
  --challenge-creator-gallery-your-challenge-border-hovered: 2px solid #0069e4;
  --challenge-creator-gallery-your-challenge-box-shadow: 0 0 0 2px #0069e4;
  --challenge-creator-gallery-your-challenge-border-width-hovered: 2px;
  --challenge-creator-gallery-your-challenge-blue-color: #0069e4;
  --challenge-creator-gallery-your-challenge-font-size: 16px;
  --challenge-creator-gallery-your-challenge-line-height: 20px;
  --challenge-creator-gallery-challenge-missing-color: #676767;
  --challenge-creator-gallery-completed-challenge-background: rgba(
    #fff,
    0.8
  );
  --challenge-creator-gallery-completed-challenge-measure: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  --challenge-creator-gallery-completed-challenge-margin: calc(-1 * var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3 / 2) calc(-1 * var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3 / 2) 0 0;
  --challenge-creator-gallery-section-empty-font-style: normal;
  --challenge-creator-gallery-completed-challenge-icon-font-size: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  --challenge-creator-gallery-response-ribbon-padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --challenge-creator-gallery-response-ribbon-font-weight: 700;
  --challenge-creator-gallery-challenge-missing-img-margin-bottom: 0;
  --challenge-creator-gallery-challenge-missing-justify-content: space-between;
  --challenge-creator-gallery-challenge-missing-inline-size: 144px;
  --challenge-creator-gallery-responses-container-font-size: "inherit";
  --challenge-creator-gallery-classmates-section: flex;
  --challenge-creator-gallery-section-empty-position: relative;
  --challenge-creator-gallery-section-empty-position-unit: 0;
  --challenge-creator-gallery-section-empty-padding-top: 0;
  --challenge-creator-gallery-section-empty-justify-content: flex-start;
  --challenge-creator-gallery-section-empty-margin-unit: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --challenge-creator-gallery-container-padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --challenge-creator-landing-page-gallery-container-margin-top: 15px;
  --challenge-creator-stats-container-padding-bottom: 0;
  --challenge-creator-delete-challenge-icon-color: #db2e00;
  --challenge-creator-delete-response-icon-color: #0069e4;
  --challenge-creator-student-header-height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 4.5);
  --card-border-radius: 17px;
  --card-font-size-scale: 100%;
  --card-color: #3b3b3b;
  --card-background: #e6f1fe;
  --card-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 8%),
    0px 6px 6px 0px rgba(0, 0, 0, 9%);
  --card-dragging-box-shadow: 0 0 0 12.5px #30bfaa,
    0 20px 28px rgba(0, 0, 0, 25%);
  --card-dragging-image-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 8%),
    0px 6px 6px 0px rgba(0, 0, 0, 9%);
  --card-depressed-box-shadow: 0 0 0 6px #c231a0, 0 0 0 16px #fde0ea,
    0 20px 28px rgba(0, 0, 0, 25%);
  --card-not-single-box-shadow: 0 0 0 12.5px #b0bed3,
    0 10px 18px rgba(0, 0, 0, 25%);
  --card-drop-highlight-box-shadow: 0 0 0 12.5px #30bfaa,
    0 20px 28px rgba(0, 0, 0, 25%);
  --card-drop-highlight-background-color: #30bfaa;
  --card-drop-highlight-single-outline: none;
  --card-drop-highlight-single-box-shadow: none;
  --card-drop-highlight-color: #00847d;
  --card-drop-highlight-area-width: auto;
  --card-wrapper-border: 2px solid #fff;
  --card-wrapper-hovered-border: 4px solid #0069e4;
  --card-wrapper-depressed-border: 6px solid #0058bf;
  --card-expanded-card-container-border: 2px solid #fff;
  --card-expanded-card-width: 425px;
  --card-expanded-card-min-content-width: min-content;
  --card-expanded-card-prosemirror-width: 346px;
  --card-expanded-card-font-scale: 125%;
  --card-width: 200px;
  --card-second-card-width: 175px;
  --card-typed-card-width: 196px;
  --card-typed-card-fit-content-width: fit-content;
  --card-large-width: 400px;
  --card-large-no-borders-width: 398px;
  --card-text-padding: 12.5px;
  --card-category-padding: 12.5px;
  --card-toggle-button-margin-top: -1em;
  --card-correctness-icon-font-size: 40%;
  --card-category-card-font-weight: 700;
  --card-bold-font-weight: 700;
  --card-expanded-card-padding: 12.5px;
  --card-font-family: var(--font-family);
  --card-category-card-prosemirror-padding: 0px;
  --card-category-card-prosemirror-width: 175px;
  --card-category-card-prosemirror-large-width: 248px;
  --card-group-card-collapsed-height: 25px;
  --card-correctness-border-radius: 23px;
  --card-correctness-dimmed-border-radius: 12px;
  --card-correctness-border-width: 4px;
  --card-correctness-missing-card-height: 106px;
  --card-correctness-missing-card-border-color: #5f6b7e;
  --card-correctness-missing-card-border-width: 2px;
  --card-correctness-not-single-box-shadow: 0 0 0 12.5px #b0bed3,
    0 10px 18px rgba(0, 0, 0, 25%);
  --card-correctness-no-border: none;
  --card-missing-card-background: #dae3f0;
  --card-single-outline-offset: 0.125em;
  --card-toggle-button-dimmed-color: #0069e4;
  --card-border-top-width: 4px;
  --card-inner-container-padding: 1.1em;
  --card-border-radius: 12.7px;
  --card-width: 179px;
  --card-second-card-width: 162px;
  --card-typed-card-width: 175px;
  --card-large-width: 350px;
  --card-large-no-borders-width: 348px;
  --card-text-padding: 13px 17px;
  --card-category-padding: 17px;
  --card-not-single-box-shadow: 0 0 0 8.5px #b0bed3,
    0 10px 18px rgba(0, 0, 0, 25%);
  --card-drop-highlight-box-shadow: 0 0 0 8.5px #30bfaa,
    0 20px 28px rgba(0, 0, 0, 25%);
  --card-dragging-box-shadow: 0 0 0 8.5px #30bfaa,
    0 20px 28px rgba(0, 0, 0, 25%);
  --card-expanded-card-padding: 8.5px;
  --card-expanded-card-font-scale: 120%;
  --card-expanded-card-width: 425px;
  --card-expanded-card-prosemirror-width: 353px;
  --card-category-card-prosemirror-width: 145px;
  --card-category-card-prosemirror-large-width: 219px;
  --card-group-card-collapsed-height: 17px;
  --card-correctness-missing-card-height: 88px;
  --card-correctness-border-radius: 17px;
  --card-correctness-icon-font-size: 60%;
  --card-correctness-not-single-box-shadow: 0 0 0 8.5px #b0bed3,
    0 10px 18px rgba(0, 0, 0, 25%);
  --card-correctness-dimmed-border-radius: 9px;
  --miniscreen-section-name-font-size: 0.52em;
  --miniscreen-section-name-top: -10px;
  --polygraph-student-header-background: #b3d2f7;
  --polygraph-chat-width: 650px;
  --polygraph-chat-width-narrow: 400px;
  --polygraph-ab-polygraph-cardgrid-container-margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --polygraph-chat-widget-title-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --polygraph-chat-widget-title-header-height: 63px;
  --polygraph-game-status-margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --polygraph-chat-widget-chat-question-name-color: #676767;
  --polygraph-chat-border: 1px solid #b0bed3;
  --polygraph-chat-widget-title-background-color: #f1f5fb;
  --polygraph-chat-widget-title-font-weight: 700;
  --polygraph-chat-widget-chat-question-question-color: #3b3b3b;
  --polygraph-chat-widget-buttons-text-align: left;
  --polygraph-chat-widget-chat-answer-text-align: left;
  --polygraph-chat-widget-chat-answer-padding: 10px;
  --polygraph-chat-widget-chat-instructions-font-style: normal;
  --polygraph-chat-widget-chat-instructions-color: #3b3b3b;
  --polygraph-chat-widget-eliminated-card-size: 1.5em;
  --polygraph-chat-widget-buttons-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --polygraph-chat-widget-textarea-margin: 5px 4px 4px 4px;
  --polygraph-chat-widget-textarea-padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem - 3.75px);
  --polygraph-chat-widget-textarea-padding-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem - 3.75px);
  --polygraph-chat-widget-textarea-border: 2px solid #b0bed3;
  --polygraph-chat-widget-textarea-hover-border: 4px solid #0069e4;
  --polygraph-chat-widget-textarea-focus-visible-border: 4px solid #0069e4;
  --polygraph-chat-widget-textarea-hover-box-shadow: none;
  --polygraph-chat-widget-textarea-border-radius: 13.57px;
  --polygraph-chat-widget-textarea-caret-color: #3b3b3b;
  --polygraph-chat-widget-textarea-color: #3b3b3b;
  --polygraph-chat-widget-textarea-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem - 2px) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --polygraph-idle-modal-contents-padding: 0px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --polygraph-footer-content-wrapper-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --polygraph-game-end-confirmation-modal-contents-padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --polygraph-game-end-confirmation-modal-actions-margin-top: 0;
  --polygraph-paragraph-font-family: "open-sans", sans-serif;
  --polygraph-action-idk-text-align: center;
  --polygraph-selected-card-border: 6px solid #0069e4;
  --polygraph-eliminated-card-border-color: #ea8758;
  --polygraph-completed-game-card-size: 100px;
  --polygraph-completed-question-card-height: 94.745px;
  --polygraph-completed-question-card-width: 125px;
  --polygraph-completed-polygraph-section-margin-divider: 2;
  --polygraph-completed-section-cards-gap-rhythm-units: 1;
  --polygraph-completed-section-title-rhythm-units: 1;
  --polygraph-heading-margin-top-rhythm-units: 1;
  --polygraph-heading-margin-bottom-rhythm-units: 1;
  --polygraph-completed-section-title-color: #3b3b3b;
  --polygraph-chat-width: 476px;
  --polygraph-chat-width-narrow: 350px;
  --polygraph-chat-widget-title-header-height: 43px;
  --polygraph-completed-game-card-size: 68px;
  --polygraph-completed-question-card-height: 72px;
  --polygraph-completed-question-card-width: 94px;
  --polygraph-heading-margin-top-rhythm-units: 3;
  --polygraph-heading-margin-bottom-rhythm-units: 3;
  --audio-autoplay-modal-width: 578px;
  --audio-autoplay-modal-label-font-size: 34.56px;
  --audio-autoplay-modal-label-font-weight: 700;
  --audio-autoplay-modal-label-font-family: quicksand;
  --audio-autoplay-modal-label-line-height: 51px;
  --audio-autoplay-modal-message-font-size: 24px;
  --audio-autoplay-modal-message-line-height: 34px;
  --audio-autoplay-modal-close-btn-display: none;
  --audio-autoplay-modal-message-button-background: #f1f5fb;
  --audio-player-container-background-color: #008571;
  --audio-player-background-color: #def7f1;
  --audio-player-background-color-hover: #a3ece0;
  --audio-player-icon-color: #005347;
  --audio-player-background-color-animated: #008571;
  --audio-player-icon-color-animated: #fff;
  --audio-player-icon-padding-top: 2px;
  --audio-player-size-sm: 34px;
  --audio-player-font-size-sm: 39px;
  --audio-player-size-lg: 34px;
  --audio-player-font-size-lg: 39px;
  --audio-player-spinner-font-size: 28px;
  --vt-speaking-wave-top: 7px;
  --vt-speaking-wave-left: -14px;
  --vt-speaking-wave-height: 76%;
  --vt-speaking-wave-width: auto;
  --vt-speaking-wave-color: #0069e4;
  --vt-speaking-wave-left: -18px;
  --feedback-panel-min-width: 374px;
  --feedback-panel-header-height: 68px;
  --feedback-panel-border-radius: 8px;
  --feedback-panel-comments-background: #f1f5fb;
  --feedback-panel-comments-body-background: #e6f1fe;
  --feedback-panel-comments-body-color: #676767;
  --feedback-panel-comments-color: #c231a0;
  --feedback-panel-comments-toggle-color: #0069e4;
  --feedback-panel-comment-indicator-text-color: #fff;
  --feedback-panel-comment-indicator-height: 34px;
  --feedback-panel-comment-indicator-padding: 4px 8px;
  --blue-note-padding: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --confirm-done-modal-margin: 17px;
  --confirm-done-modal-width: 600px;
  --confirm-done-modal-secondary-button-background: #fff;
  --confirm-done-modal-footer-background: #fff;
  --confirm-done-modal-title-font-size: 2rem;
  --confirm-done-modal-title-font-weight: 700;
  --confirm-done-modal-btn-font-weight: 700;
  --confirm-done-modal-title-margin-top: calc(
    var(--confirm-done-modal-margin) * 3
  );
  --confirm-done-modal-title-margin-left: calc(
    var(--confirm-done-modal-margin) * 3
  );
  --confirm-done-modal-title-margin-bottom: calc(
    var(--confirm-done-modal-margin) * 2
  );
  --confirm-done-modal-actions-margin: 0 0
    calc(var(--confirm-done-modal-margin) * 2) 0;
  --confirm-done-modal-title-font-family: quicksand;
  --confirm-done-modal-btn-primary-margin: var(--confirm-done-modal-margin);
  --confirm-done-modal-footer-background: #f6f6f6;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar {
  width: 33px !important;
  height: 33px !important;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-track {
  background: #f1f5fb !important;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-thumb {
  background-color: #77879d !important;
  border: 4px solid transparent !important;
  border-radius: 25px !important;
  background-clip: content-box;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-thumb:hover {
  background-color: #909eb5 !important;
  border: 4px solid transparent !important;
  border-radius: 25px !important;
  background-clip: content-box;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-thumb:active {
  background-color: #909eb5 !important;
  border: 4px solid transparent !important;
  border-radius: 25px !important;
  background-clip: content-box;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button {
  display: flex;
  position: relative;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:vertical {
  height: 25px;
  width: 33px;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:horizontal {
  height: 33px;
  width: 25px;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:vertical:decrement {
  display: block;
  position: absolute;
  border-left: 16px solid #f1f5fb;
  border-right: 16px solid #f1f5fb;
  border-bottom: 12px solid #77879d;
  border-top: 12px solid #f1f5fb;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  top: -4px;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:hover:vertical:decrement {
  border-bottom: 12px solid #909eb5;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:active:vertical:decrement {
  border-bottom: 12px solid #909eb5;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:vertical:increment {
  display: block;
  border-left: 16px solid #f1f5fb;
  border-right: 16px solid #f1f5fb;
  border-top: 12px solid #77879d;
  border-bottom: 12px solid #f1f5fb;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:hover:vertical:increment {
  border-top: 12px solid #909eb5;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:active:vertical:increment {
  border-top: 12px solid #909eb5;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:horizontal:decrement {
  display: block;
  position: absolute;
  border-left: 12px solid #f1f5fb;
  border-right: 12px solid #77879d;
  border-bottom: 16px solid #f1f5fb;
  border-top: 16px solid #f1f5fb;
  border-bottom-left-radius: 24px;
  border-top-left-radius: 24px;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:hover:horizontal:decrement {
  border-right: 12px solid #909eb5;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:active:horizontal:decrement {
  border-right: 12px solid #909eb5;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:horizontal:increment {
  display: block;
  position: absolute;
  border-left: 12px solid #77879d;
  border-right: 12px solid #f1f5fb;
  border-bottom: 16px solid #f1f5fb;
  border-top: 16px solid #f1f5fb;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-corner {
  background: transparent;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:hover:horizontal:increment {
  border-left: 12px solid #909eb5;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:active:horizontal:increment {
  border-left: 12px solid #909eb5;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:start:increment,
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:end:decrement {
  display: none;
}
[data-theme-id=late_elementary] .dcg-cardsort-card::-webkit-scrollbar {
  height: 32px !important;
}
[data-theme-id=late_elementary] .dcg-cardsort-card::-webkit-scrollbar-track {
  border-radius: 32px !important;
}
[data-theme-id=late_elementary] .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
  font-size: 100%;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar {
  width: 26px !important;
  height: 26px !important;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:vertical:decrement {
  border-left: 13px solid #f1f5fb;
  border-right: 13px solid #f1f5fb;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:vertical:increment {
  border-left: 13px solid #f1f5fb;
  border-right: 13px solid #f1f5fb;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:horizontal:decrement {
  border-top: 13px solid #f1f5fb;
  border-bottom: 13px solid #f1f5fb;
}
[data-theme-id=late_elementary] ::-webkit-scrollbar-button:horizontal:increment {
  border-top: 13px solid #f1f5fb;
  border-bottom: 13px solid #f1f5fb;
}
[data-theme-id=late_elementary] .edit-picture-container .confirm-candidate {
  --primary-button-background-default: #fbbb7b;
  --primary-button-background-hover: #e58a4b;
}
[data-theme-id=late_elementary] .nav-stepper-btn {
  --button-border-radius: 8px;
  --secondary-button-border-default: 3px solid #ccc;
  --secondary-button-border-color-hover: #999;
}
[data-theme-id=late_elementary] [data-component-type="exhibit/text"] {
  --text-exhibit-container-display: flex;
  --text-exhibit-container-width: fit-content;
  --text-exhibit-view-flex-grow: 1;
  --text-exhibit-playground-margin-bottom: 0px;
  --note-font-family: "open-sans", sans-serif;
  --note-font-weight: 400;
  --font-color-default: #3b3b3b;
  --note-parent-font-size: 100%;
  color: var(--font-color-default);
  --text-exhibit-player-margin-right: 25px;
  --blue-note-border-radius: 13.57px;
  --inline-dropdown-anchor-width: 169px;
  --inline-dropdown-anchor-height: 50px;
  --inline-dropdown-border-width: 2px;
  --inline-dropdown-border-radius: 13.57px;
  --inline-dropdown-shadow-width: 2px;
  --inline-dropdown-chevron-color: #0069e4;
  --inline-dropdown-chevron-font-size: 28px;
  --inline-dropdown-anchor-padding: 0 12.5px;
  --inline-dropdown-anchor-max-width: 680px;
  --inline-dropdown-anchor-min-width: 46px;
  --inline-dropdown-list-options-width: var(--inline-dropdown-anchor-max-width);
  --inline-dropdown-list-option-min-width: calc(100% + 33px);
  --inline-dropdown-anchor-height: 34px;
  --inline-dropdown-border-radius: 9.5px;
  --inline-dropdown-anchor-padding: 0 8.5px;
}
@media screen and (max-width: 1200px) {
  [data-theme-id=late_elementary] [data-component-type="exhibit/text"] {
    --inline-dropdown-anchor-height: 40px;
    --inline-dropdown-chevron-font-size: 30px;
    --inline-dropdown-anchor-padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  [data-theme-id=late_elementary] [data-component-type="exhibit/text"] {
    --inline-dropdown-anchor-height: 28px;
    --inline-dropdown-chevron-font-size: 20px;
    --inline-dropdown-border-radius: 9.5px;
    --inline-dropdown-anchor-padding: 0 7px;
  }
}
@media screen and (max-width: 576px) {
  [data-theme-id=late_elementary] [data-component-type="exhibit/text"] {
    --inline-dropdown-chevron-font-size: 15px;
  }
}
[data-theme-id=late_elementary] [data-component-type="exhibit/text"] .inline-dropdown .select-dropdown .disabled {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  [data-theme-id=late_elementary] [data-component-type="exhibit/text"] {
    --inline-dropdown-anchor-height: 32px;
    --inline-dropdown-anchor-padding: 0 8px;
  }
}
@media screen and (max-width: 768px) {
  [data-theme-id=late_elementary] [data-component-type="exhibit/text"] {
    --inline-dropdown-anchor-height: 26px;
    --inline-dropdown-border-radius: 7px;
    --inline-dropdown-anchor-padding: 0 6.5px;
  }
}
[data-theme-id=late_elementary] .note-with-inline-snapshot-container {
  --inline-dropdown-anchor-width: 169px;
  --inline-dropdown-anchor-height: 50px;
  --inline-dropdown-border-width: 2px;
  --inline-dropdown-border-radius: 13.57px;
  --inline-dropdown-shadow-width: 2px;
  --inline-dropdown-chevron-color: #0069e4;
  --inline-dropdown-chevron-font-size: 28px;
  --inline-dropdown-anchor-padding: 0 12.5px;
  --inline-dropdown-anchor-max-width: 680px;
  --inline-dropdown-anchor-min-width: 46px;
  --inline-dropdown-list-options-width: var(--inline-dropdown-anchor-max-width);
  --inline-dropdown-list-option-min-width: calc(100% + 33px);
  --inline-dropdown-anchor-height: 34px;
  --inline-dropdown-border-radius: 9.5px;
  --inline-dropdown-anchor-padding: 0 8.5px;
  --inline-dropdown-border-color: #b0bed3;
}
@media screen and (max-width: 1200px) {
  [data-theme-id=late_elementary] .note-with-inline-snapshot-container {
    --inline-dropdown-anchor-height: 40px;
    --inline-dropdown-chevron-font-size: 30px;
    --inline-dropdown-anchor-padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  [data-theme-id=late_elementary] .note-with-inline-snapshot-container {
    --inline-dropdown-anchor-height: 28px;
    --inline-dropdown-chevron-font-size: 20px;
    --inline-dropdown-border-radius: 9.5px;
    --inline-dropdown-anchor-padding: 0 7px;
  }
}
@media screen and (max-width: 576px) {
  [data-theme-id=late_elementary] .note-with-inline-snapshot-container {
    --inline-dropdown-chevron-font-size: 15px;
  }
}
[data-theme-id=late_elementary] .note-with-inline-snapshot-container .inline-dropdown .select-dropdown .disabled {
  opacity: 1;
}
[data-theme-id=late_elementary] [data-component-type=multiple-choice],
[data-theme-id=late_elementary] .choice-snapshot {
  --multi-choice-checkbox-audio-wrapper-tile-top: -6px;
  --multi-choice-checkbox-audio-wrapper-buttons-wrapper-top: 5px;
  --multi-choice-checkbox-audio-wrapper-checkbox-wrapper-top: -6px;
  --multi-choice-checkbox-audio-player-placeholder-margin-right: 12px;
  --multi-choice-checkbox-segmented-control-audio-player-top: -12px;
  --multi-choice-checkbox-tile-image-component-audio-player-left: -27px;
  --multi-choice-checbkox-segment-sm-screen-audio-player-top: 10px;
  --multi-choice-checbkox-segment-sm-screen-audio-player-right: 80px;
  --multi-choice-edit-disabled-filter: grayscale(1);
  --text-input-submit-button-text-align: left;
  --multi-choice-font-weight: var(--font-weight-bold);
  --multi-choice-wrapper-margin-bottom: 30px;
  --multi-choice-border-color-depressed: #c231a0;
  --multi-choice-border-color-selected: rgba(0, 0, 0, 0%);
  --multi-choice-border-color-checked: #c231a0;
  --multi-choice-border-color-submitted: #c231a0;
  --multi-choice-box-border: 1px solid rgba(0, 0, 0, 0%);
  --multi-choice-box-border-selected: 1px solid rgba(0, 0, 0, 0%);
  --multi-choice-box-border-hover: 1px solid rgba(0, 0, 0, 0%);
  --multi-choice-box-border-depressed: 1px solid rgba(0, 0, 0, 0%);
  --multi-choice-box-shadow: 0 0.25em 0 #b3d2f7;
  --multi-choice-box-shadow-selected: 0 0.25em 0 #004597;
  --multi-choice-box-shadow-depressed: 0 0.125em 0 #0069e4;
  --multi-choice-box-shadow-selected-depressed: 0 0.125em 0 #002c64;
  --multi-choice-box-shadow-selected-focus-visible: 0 0 0 0.125em #fff,
    0 0 0 0.3125em var(--amp-focus-color, #9c0d63),
    0 0.25em 0 #80b4f1;
  --multi-choice-checkbox-box-shadow: 0 0 0 2px #fff 0 0 0 5px #c231a0;
  --multi-choice-box-shadow-bottom-color: #231f20;
  --multi-choice-box-shadow-bottom-color-hover: #8f037c;
  --multi-choice-box-shadow-bottom-hover: 0 4px #8f037c;
  --multi-choice-box-padding-bottom: 8px;
  --multi-choice-background-selected: #0069e4;
  --multi-choice-background-selected-focus-visible: #0058bf;
  --multi-choice-background-checked: #fde0ea;
  --multi-choice-background-submitted: #0069e4;
  --multi-choice-button-background-selected-hover: #0058bf;
  --multi-choice-button-background-selected-depressed: #004597;
  --multi-choice-button-gap: 17px;
  --multi-choice-button-height: 60px;
  --multi-choice-button-fraction-vertical-align: -0.4em;
  --multi-choice-checkmark-border-color-selected: #0069e4;
  --multi-choice-checkmark-border-color-depressed: #0069e4;
  --multi-choice-checkmark-color: transparent;
  --multi-choice-checkmark-color-hover: transparent;
  --multi-choice-checkmark-color-depressed: #fff;
  --multi-choice-checkmark-color-selected: #fff;
  --multi-choice-checkmark-color-checked: #fff;
  --multi-choice-checkmark-color-submitted: #fff;
  --multi-choice-checkbox-background-color: #fff;
  --multi-choice-checkbox-background-hover: #e8eef8;
  --multi-choice-checkbox-border-radius: 4px;
  --multi-choice-checkbox-margin-top: calc(
    (
        (
            var(--amp-radio-checkbox-size-px, 20) / var(--amp-font-size-px, 16) *
              1em
          ) - (var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2)
      ) / 2
  );
  --multi-choice-image-container-margin-top: 0;
  --multi-choice-image-container-margin-bottom: 0;
  --multi-choice-image-container-width: 136px;
  --multi-choice-image-container-border: 2px solid #b0bed3;
  --multi-choice-image-container-background-color: #f1f5fb;
  --multi-choice-loading-message-color: #676767;
  --multi-choice-loading-message-font-size: calc(
    1 / var(--amp-scale-ratio) * 1em
  );
  --multi-choice-loading-message-font-weight: 500;
  --multi-choice-basic-padding-top-bottom: 0.3875em;
  --multi-choice-basic-padding-left-right: 1em;
  --multi-choice-basic-border-radius: 12.7px;
  --multi-choice-basic-text-align: left;
  --multi-choice-basic-justify-content: start;
  --multi-choice-basic-vertical-align: flex-start;
  --multi-choice-basic-checkmark-border: 0.125em solid #77879d;
  --multi-choice-basic-checkmark-background-color: #fff;
  --multi-choice-basic-checkmark-background-color-hover: #e8eef8;
  --multi-choice-basic-checkmark-color: rgba(255, 255, 255, 0%);
  --multi-choice-basic-checkmark-border-color-hover: #0069e4;
  --multi-choice-basic-checkmark-border-color-focus-visible: #0069e4;
  --multi-choice-basic-checkmark-border-color-selected: #fff;
  --multi-choice-basic-checkmark-color-selected: #fff;
  --multi-choice-tile-font-color: #3b3b3b;
  --multi-choice-tile-font-weight: 500;
  --multi-choice-tile-line-height: 1.6em;
  --multi-choice-tile-card-spacing: 8.5px;
  --multi-choice-tile-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --multi-choice-tile-grid-margin-unit: 0;
  --multi-choice-tile-grid-text-position-left: 0px;
  --multi-choice-tile-grid-text-position-right: 0px;
  --multi-choice-tile-grid-text-position-top: 0px;
  --multi-choice-tile-grid-text-checkbox-position-left: 10px;
  --multi-choice-tile-grid-text-checkbox-position-right: 10px;
  --multi-choice-tile-grid-text-checkbox-position-top: 10px;
  --multi-choice-tile-mc-tile-label-height: 100%;
  --multi-choice-instruction-font-style: normal;
  --multi-choice-instruction-margin-bottom: 20px;
  --multi-choice-radio-after-visibility: visible;
  --multi-choice-radio-border-color-hovered: #0069e4;
  --multi-choice-radio-background-color: #0069e4;
  --multi-choice-radio-background-color-depressed: #b3d2f7;
  --multi-choice-radio-color-focus-visible: #0069e4;
  --multi-choice-radio-border-color-selected-hovered: #0069e4;
  --multi-choice-radio-border-color-selected-depressed: #0058bf;
  --multi-choice-radio-background-color-selected-hovered: #0058bf;
  --multi-choice-radio-background-color-selected-depressed: #004597;
  --multi-choice-radio-background-color-selected-focus-visible: #0058bf;
  --multi-choice-list-display: block;
  --multi-choice-list-button-padding-rhythm-units: 0;
  --multi-choice-list-text-padding: 9px 30px 10px 70px;
  --multi-choice-list-checkbox-positiion-top: 12px;
  --multi-choice-list-checkbox-positiion-left: 37px;
  --multi-choice-list-checkbox-width: 1.2em;
  --multi-choice-list-checkbox-height: 1.2em;
  --multi-choice-list-checkmark-position-top: 0em;
  --multi-choice-list-checkmark-position-left: 0.05em;
  --multi-choice-list-checkmark-font-size: 0.8em;
  --multi-choice-list-checkmark-text-shadow-width: 0px;
  --multi-choice-list-checkbox-line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --multi-choice-list-checkbox-color: #3b3b3b;
  --multi-choice-checkbox-border: 0.125em solid #77879d;
  --multi-choice-checkbox-color: #fff;
  --multi-choice-checkbox-border-color-hover: #0069e4;
  --multi-choice-checkbox-border-color-depressed: #0058bf;
  --multi-choice-checkbox-border-color-selected: #0069e4;
  --multi-choice-checkbox-color-selected: #fff;
  --multi-choice-checkbox-color-selected-hovered: #0058bf;
  --multi-choice-checkbox-color-selected-depressed: #004597;
  --multi-choice-checkbox-color-selected-focus-visible: #0058bf;
  --segmented-control-button-border: solid 4px #0069e4;
  --segmented-control-button-border-color-hover: #0069e4;
  --segmented-control-button-background-color-hover: #e6f1fe;
  --segmented-control-button-border-selected: solid 4px #0069e4;
  --segmented-control-button-background-selected: #80b4f1;
  --segmented-control-button-background-color-selected: #80b4f1;
  --segmented-control-button-box-shadow-selected: inset 0 0 0 2px #0069e4;
  --segmented-control-button-height: var(--multi-choice-button-height);
  --segmented-control-button-padding: 12px 36px;
  --segmented-control-button-border-radius: var(--border-radius-large);
  --segmented-control-button-offset-center-border: -4px;
  --segmented-control-button-font-color: #0069e4;
  --segmented-control-button-font-color-hover: #0069e4;
  --segmented-control-button-font-color-selected: #002c64;
  --segmented-control-button-font-weight: var(--multi-choice-font-weight);
  --multi-choice-letter-label-text-transform: lowercase;
  --multi-choice-letter-label-font-weight: 700;
  --multi-choice-letter-label-background-color: #b3d2f7;
  --multi-choice-letter-label-background-color-hover: #80b4f1;
  --multi-choice-letter-label-background-color-depressed: #0058bf;
  --multi-choice-letter-label-background-color-selected: #004597;
  --multi-choice-letter-label-color: #0058bf;
  --multi-choice-letter-label-color-hover: #002c64;
  --multi-choice-letter-label-color-depressed: #fff;
  --multi-choice-letter-label-color-selected: #fff;
  --multi-choice-letter-label-filter-submitted: none;
  --multi-choice-checkbox-audio-wrapper-top: -4px;
  --multi-choice-checkbox-audio-wrapper-buttons-wrapper-top: 8px;
  --multi-choice-checkbox-audio-wrapper-checkbox-wrapper-top: 0;
  --multi-choice-checkbox-tile-image-component-audio-player-top: 5px;
  --multi-choice-checkbox-tile-image-component-audio-player-left: -28px;
  --multi-choice-checkbox-small-screen-audio-player-left: -28px;
  --multi-choice-checkbox-audio-player-placeholder-margin-right: 0;
  --multi-choice-list-button-padding-rhythm-units: 1;
  --multi-choice-box-shadow: none;
  --multi-choice-box-shadow-depressed: inset 0 0 0 0 rgba(#000, 0.05);
  --multi-choice-box-shadow-selected: inset 0 0 0 var(--box-shadow-width) 1px;
  --multi-choice-box-border: 2px solid #b3d2f7;
  --multi-choice-box-border-selected: 2px solid #0069e4;
  --multi-choice-box-border-hover: 2px solid #0069e4;
  --multi-choice-box-border-depressed: 2px solid #004597;
  --multi-choice-box-shadow-selected-depressed: none;
  --multi-choice-letter-label-text-transform: uppercase;
}
[data-theme-id=late_elementary] [data-component-type=multiple-choice] div[class*=layout-context-] {
  --multi-choice-image-container-with-letter-label-width: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 8);
}
[data-theme-id=late_elementary] [data-component-type="input/text"],
[data-theme-id=late_elementary] .text-area-view {
  --text-input-border: solid 2px #b0bed3;
  --text-input-border-hover: solid 4px #80b4f1;
  --text-input-border-focused: solid 4px #0069e4;
  --text-input-box-shadow: none;
  --free-response-submit-button-font-size: 70%;
  --free-response-edit-button-font-size: 60%;
  --free-response-submit-button-font-size-small: 60%;
  --free-response-edit-button-font-size-small: 50%;
  --text-input-textarea-border-radius: 13.6px 13.6px 0 0;
  --text-input-textarea-padding: 25px;
  --text-input-textarea-padding-hovered: 23px;
  --text-input-textarea-display: block;
  --text-input-textarea-submitted-background: #f1f5fb;
  --text-input-submit-container-width: 100%;
  --placeholder-color: rgba(35, 31, 32, 50%);
  --placeholder-icon-font-size: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --placeholder-icon-color: #0069e4;
  --placeholder-icon-margin: 8px;
  --placeholder-icon-positioning: 8px;
  --placeholder-icon-line-height: 0;
  --text-input-footer-button-height: 60px;
  --text-input-footer-button-border: 2px solid #f1f5fb;
  --text-input-footer-button-box-shadow-depressed: none;
  --text-input-footer-button-font-size: 183%;
  --text-input-submit-button-text-align: left;
  --image-thumbnail-area-margin-top: -4px;
  --image-thumbnail-area-border: solid 2px #b0bed3;
  --image-thumbnail-area-border-focused: solid 4px #0069e4;
  --image-thumbnail-area-padding-focused: 0 5px 1px 5px;
  --image-thumbnail-area-border-hover: solid 4px #80b4f1;
  --uploaded-image-thumbnail-size: 150px;
  --uploaded-image-thumbnail-border-color: #b0bed3;
  --uploaded-image-thumbnail-border-radius: 2.81;
  --uploaded-image-thumbnail-margin: 16px;
  --uploaded-image-thumbnail-border-hover: #80b4f1;
  --remove-media-button-size: 32px;
  --remove-media-button-border: 3px solid #fff;
  --remove-media-button-box-shadow: none;
  --remove-media-button-box-shadow-depressed: none;
  --remove-media-button-background: #dae3f0;
  --remove-media-button-background-hover: #f1f5fb;
  --remove-media-button-background-depressed: #dae3f0;
  --remove-media-button-font-size: 24px;
  --remove-media-button-color: #0069e4;
  --remove-audio-button-positioning-right: 0;
  --remove-audio-button-positioning-top: -5px;
  --deleting-media-cancel-background: transparent;
  --deleting-media-cancel-border: none;
  --deleting-media-cancel-border-hover: none;
  --deleting-media-cancel-border-radius: 0;
  --deleting-media-cancel-box-shadow: none;
  --deleting-media-cancel-box-shadow-depressed: none;
  --deleting-media-cancel-text-decoration: underline;
  --deleting-media-cancel-padding: 0;
  --deleting-media-cancel-margin-top: 10px;
  --deleting-media-cancel-align-items: flex-start;
  --deleting-media-cancel-justify-content: space-between;
  --deleting-media-delete-message-padding-left: 0;
  --deleting-media-padding: 9px 15px 9px;
  --deleting-media-font-size: 24px;
  --deleting-media-background: #fbeae6;
  --deleting-media-color: #831c00;
  --deleting-image-border: 1px solid #fbeae6;
  --deleting-audio-height: 75px;
  --deleting-audio-padding: 0 34px;
  --deleting-audio-border: none;
  --deleting-audio-border-radius: 70px;
  --deleting-audio-color: #831c00;
  --deleting-audio-font-weight: 100px;
  --drop-down-button-color-depressed: #fff;
  --dropdown-container-border-radius: 13.6px;
  --component-audio-player-wrapper-margin-top: -4px;
  --component-audio-player-wrapper-border: solid 2px #b0bed3;
  --component-audio-player-wrapper-border-selected: solid 4px #0069e4;
  --component-audio-player-wrapper-padding: 0px 10px;
  --component-audio-player-uploading-animation: none;
  --component-audio-player-padding-right: 0;
  --component-audio-player-wrapper-height: 100px;
  --component-audio-player-padding-top: 0px;
  --player-container-background: #e6f1fe;
  --player-container-border-radius: 100px;
  --player-container-height: 75px;
  --player-container-outline-hover: none;
  --small-play-pause-color: #0069e4;
  --small-play-pause-background: #e71d32;
  --small-play-pause-background-hover: #c4192a;
  --small-play-pause-background-depressed: #8e0311;
  --small-play-font-size: 36px;
  --small-pause-font-size: 36px;
  --small-play-pause-size: 58px;
  --small-play-pause-justify-content: center;
  --small-play-pause-border-radius: 50%;
  --small-play-pause-margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --small-play-pause-box-shadow-bottom: 0 4px #b0bed3;
  --small-play-pause-box-shadow-bottom-depressed: none;
  --small-play-pause-label-margin-top: -33px;
  --duration-label-font-size: var(--font-size-default);
  --duration-label-margin-right: 15px;
  --duration-label-color: #3b3b3b;
  --scrubber-thumb-center-background: #0069e4;
  --scrubber-thumb-background-background: #80b4f1;
  --scrubber-thumb-background-circle-radius: 25px;
  --scrubber-thumb-radius: 15px;
  --scrubber-track-height: 25px;
  --scrubber-track-background: #b3d2f7;
  --scrubber-track-margin-top: -13px;
  --scrubber-thumb-center-scale: scale(0.5, 0.5);
  --scrubber-height: 60px;
  --upload-spinner-container-size: 32px;
  --upload-spinner-container-border: solid 2px #0069e4;
  --upload-spinner-container-margin-right: 15px;
  --upload-icon-font-size: 24px;
  --upload-icon-color: #0069e4;
  --spinner-icon-font-size: 32px;
  --spinner-icon-position: 4px;
  --spinner-icon-color: #0069e4;
  --scrubber-track-margin-top: -8px;
  --text-input-textarea-padding: 17px;
  --text-input-textarea-padding-hovered: 15px;
  --remove-media-button-font-weight: 600;
  --player-container-height: 68px;
  --scrubber-track-height: 17px;
  --deleting-audio-height: 68px;
  --free-response-submit-button-font-size: 90%;
  --free-response-edit-button-font-size: 80%;
  --free-response-submit-button-font-size-small: 70%;
  --free-response-edit-button-font-size-small: 58%;
}
[data-theme-id=late_elementary] [data-component-type="input/text"] .upload-image-footer-button,
[data-theme-id=late_elementary] .text-area-view .upload-image-footer-button {
  --text-input-footer-button-icon-color: #722800;
  --text-input-footer-button-background: #fbbb7b;
  --text-input-footer-button-background-hover: #e58a4b;
  --text-input-footer-button-shadow-bottom-color: #d77027;
  --text-input-footer-button-box-shadow-is-open: 0 0 0 6px #722800;
  --text-input-footer-button-icon-line-height: 55px;
  --text-input-footer-button-font-size: 140%;
}
[data-theme-id=late_elementary] [data-component-type="input/text"] .microphone-footer-button,
[data-theme-id=late_elementary] .text-area-view .microphone-footer-button {
  --text-input-footer-button-icon-color: #8e0311;
  --text-input-footer-button-background: #ffdce5;
  --text-input-footer-button-background-hover: rgba(255, 102, 107, 0.6);
  --text-input-footer-button-shadow-bottom-color: #ffafbe;
  --text-input-footer-button-box-shadow-is-open: 0 0 0 6px #8e0311;
}
[data-theme-id=late_elementary] [data-component-type="input/text"] .text-edit-button,
[data-theme-id=late_elementary] .text-area-view .text-edit-button {
  --text-input-footer-button-icon-color: #333;
  --text-input-footer-button-background: #b3d869;
  --text-input-footer-button-background-hover: #8fc555;
  --text-input-footer-button-shadow-bottom-color: #6db240;
  --text-input-footer-button-box-shadow-active: 0 0 0 6px #10781b;
  --text-input-footer-button-icon-line-height: 60px;
}
[data-theme-id=late_elementary] [data-component-type="input/text"] .math-edit-button,
[data-theme-id=late_elementary] [data-component-type="input/text"] .dcg-toggle-keypad-button,
[data-theme-id=late_elementary] .text-area-view .math-edit-button,
[data-theme-id=late_elementary] .text-area-view .dcg-toggle-keypad-button {
  --text-input-footer-button-icon-color: #d1e8f1;
  --text-input-footer-button-background: #006997;
  --text-input-footer-button-background-hover: #005980;
  --text-input-footer-button-background-depressed: #00334b;
  --text-input-footer-button-shadow-bottom-color: #32a3cf;
  --text-input-footer-button-box-shadow-active: 0 0 0 6px #00334b;
  --text-input-footer-button-sqrt-box-width: 0px;
  --text-input-footer-button-icon-line-height: 55px;
  --text-input-footer-button-padding: 0;
}
[data-theme-id=late_elementary] [data-component-type="input/text"] .upload-image-container .dropdown-container,
[data-theme-id=late_elementary] .text-area-view .upload-image-container .dropdown-container {
  --dropdown-container-interior-padding: 0px;
  --dropdown-container-background: #fff;
  --dropdown-container-color: #3b3b3b;
  --upload-file-button-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --upload-file-button-border-radius: 0px;
  --dropdown-button-margin-bottom: 0px;
  --dropdown-button-text-decoration: none;
  --dropdown-button-background-hovered: #f1f5fb;
  --dropdown-button-background-depressed: #e8eef8;
  --dropdown-button-color-depressed: #3b3b3b;
  --dropdown-arrow-border: #f1f5fb;
  --dropdown-arrow-background: #fff;
  --dropdown-container-margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --dropdown-container-preview-message-font-family: "quicksand", sans-serif;
}
[data-theme-id=late_elementary] [data-component-type="input/text"] .upload-audio-dropdown-container .dropdown-container,
[data-theme-id=late_elementary] .text-area-view .upload-audio-dropdown-container .dropdown-container {
  --dropdown-container-preview-message-font-style: normal;
  --dropdown-button-text-decoration: none;
  --dropdown-container-background: #fff;
  --dropdown-container-color: #3b3b3b;
  --dropdown-arrow-border: #ffdce5;
  --dropdown-arrow-background: #fff;
  --dropdown-record-button-animation: none;
  --record-audio-start-icon-font-size: 2em;
  --record-audio-start-icon-color: #fff;
  --record-audio-start-icon-color-recording-hover: #ffeef2;
  --record-audio-start-icon-color-recording-depressed: #ffdce5;
  --record-audio-start-icon-background: #e71d32;
  --record-audio-start-icon-background-hover: #c4192a;
  --record-audio-start-icon-background-depressed: #8e0311;
  --record-audio-start-icon-background-recording: #fff;
  --record-audio-start-icon-background-recording-hover: #ffeef2;
  --record-audio-start-icon-background-recording-depressed: #ffdce5;
  --record-audio-start-icon-border: solid 0.125em #e71d32;
  --record-audio-start-icon-border-hover: solid 0.125em #c4192a;
  --record-audio-start-icon-border-depressed: solid 0.125em #8e0311;
  --record-audio-start-icon-border-recording: solid 0.125em #fff;
  --record-audio-start-icon-border-recording-hover: solid 0.125em #ffeef2;
  --record-audio-start-icon-border-recording-depressed: solid 0.125em #ffdce5;
  --record-audio-start-icon-border-radius: 50%;
  --record-audio-start-icon-box-shadow: 0 4px #8e0311;
  --record-audio-start-icon-box-shadow-depressed: none;
  --record-audio-start-icon-box-shadow-recording: 0 4px #ffdce5;
  --record-audio-stop-icon-size: 20px;
  --record-audio-stop-icon-color: #fff;
  --audio-bubble-background: #e6f1fe;
  --audio-bubble-background-height: 2.35em;
  --audio-bubble-border-radius: 1.5em;
  --audio-bubble-waveform-width: 233px;
  --audio-bubble-margin-left: 1;
  --recording-label-text-align: center;
  --audio-dropdown-margin-left: 25px;
  --audio-dropdown-margin-top: 15px;
  --audio-dropdown-margin-left: 35px;
  --dropdown-container-preview-message-font-family: "quicksand", sans-serif;
}
[data-theme-id=late_elementary] [data-component-type="input/expression"],
[data-theme-id=late_elementary] .inline-math {
  --math-input-focused-border-width: 4px;
  --math-input-focused-box-shadow: none;
  --math-input-border-primary: solid 4px #b1b3b6;
  --math-input-border-radius: 16px 0 0 16px;
  --math-input-border-color-hover: #80b4f1;
  --math-input-border-color-focus: #0069e4;
  --math-input-keypad-button-box-shadow-focused: none;
  --math-input-font-style: normal;
  --math-input-error-font-size: 40px;
  --math-input-error-margin-top: 6px;
  --math-input-error-margin-right: 10px;
  --math-input-error-icon-color: #817715;
  --math-input-error-icon-background: #fff;
  --math-input-error-icon-padding: 0px;
  --math-input-error-icon-margin: 0px;
  --math-input-error-icon-border-radius: 50%;
  --math-input-spacing: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --math-input-and-button-margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --math-input-footer-background: transparent;
  --math-input-footer-border: transparent;
  --math-input-footer-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
  --math-submit-button-container-text-align: center;
  --math-submit-button-container-display: flex;
  --math-submit-button-container-justify: start;
  --math-submit-button-container-width: auto;
  --math-input-keypad-button-border: none;
  --math-input-keypad-button-width: 72px;
  --math-input-keypad-button-border-radius: 0 16px 16px 0;
  --math-input-keypad-button-background-color: #d1e8f1;
  --math-input-keypad-button-box-shadow: inset 0 -4px #32a3cf;
  --math-input-keypad-button-background-color-hover: #9bcfe2;
  --math-input-keypad-button-background-color-active: #006997;
  --math-input-keypad-button-icon-color: #006997;
  --math-input-keypad-button-icon-color-hover: #006997;
  --math-input-keypad-button-icon-color-pressed: #006997;
  --math-input-keypad-button-icon-color-active: #fff;
  --math-input-keypad-button-pressed-margin-top: 3px;
  --math-input-edit-button-pressed-margin-top: 3px;
  --math-input-edit-button-display: inline-block;
  --math-input-edit-button-active-box-shadow: none;
  --free-response-submit-button-font-size: 70%;
  --free-response-edit-button-font-size: 60%;
  --free-response-submit-button-font-size-small: 60%;
  --free-response-edit-button-font-size-small: 50%;
  --expression-input-button-font-size: 90%;
  --math-input-border-color-hover: #80b4f1;
  --keypad-button-background-hovered: #dae3f0;
  --keypad-button-color-hovered: #0058bf;
  --keypad-button-border-color-hovered: transparent;
  --keypad-button-background-active: #b0bed3;
  --keypad-button-color-active: #002c64;
  --keypad-button-border-color-active: transparent;
  --free-response-submit-button-font-size: 90%;
  --free-response-edit-button-font-size: 80%;
  --free-response-submit-button-font-size-small: 70%;
  --free-response-edit-button-font-size-small: 58%;
}
[data-theme-id=late_elementary] .inline-math {
  --inline-math-input-border-color: #b0bed3;
  --inline-math-border-radius: 13.57px;
  --inline-math-keypad-button-width: 70px;
  --inline-math-keypad-button-height: 51px;
  --math-input-border-color-hover: #80b4f1;
  --inline-math-padding: 13px;
  --inline-math-keypad-button-margin: 0 0 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --inline-math-keypad-button-icon-size: 30px;
  --inline-math-text-align: center;
  --inline-math-empty-width: 85px;
  --inline-math-input-min-width: 34px;
  --inline-math-input-max-width: 55px;
  --inline-math-icon-font-size: 34px;
  --inline-math-font-family: symbola, "Times New Roman", serif;
  --inline-math-input-max-width: 101px;
}
@media screen and (max-width: 1200px) {
  [data-theme-id=late_elementary] .inline-math {
    --inline-math-keypad-button-icon-size: 27.5px;
    --inline-math-empty-width: 80px;
    --inline-math-padding: 14px;
    --inline-math-keypad-button-margin: 0 0 0 16px;
    --inline-math-input-min-width: 32px;
    --inline-math-input-max-width: 48px;
    --inline-math-icon-font-size: 32px;
    --inline-math-keypad-button-width: 64.2px;
    --inline-math-keypad-button-height: 48px;
  }
}
@media screen and (max-width: 768px) {
  [data-theme-id=late_elementary] .inline-math {
    --inline-math-keypad-button-icon-size: 22px;
    --inline-math-empty-width: 65px;
    --inline-math-padding: 11px;
    --inline-math-keypad-button-margin: 0 0 0 13px;
    --inline-math-border-radius: 9.5px;
    --inline-math-input-min-width: 26px;
    --inline-math-input-max-width: 39px;
    --inline-math-icon-font-size: 19px;
    --inline-math-keypad-button-width: 52.5px;
    --inline-math-keypad-button-height: 37.5px;
  }
}
@media screen and (max-width: 1200px) {
  [data-theme-id=late_elementary] .inline-math {
    --inline-math-input-max-width: 89px;
  }
}
@media screen and (max-width: 768px) {
  [data-theme-id=late_elementary] .inline-math {
    --inline-math-input-max-width: 77px;
  }
}
[data-theme-id=late_elementary] .k5-note .prosemirror-inline-wrapper {
  --inline-math-overall-height: 68px;
}
@media screen and (max-width: 1200px) {
  [data-theme-id=late_elementary] .k5-note .prosemirror-inline-wrapper {
    --inline-math-overall-height: 64px;
  }
}
@media screen and (max-width: 768px) {
  [data-theme-id=late_elementary] .k5-note .prosemirror-inline-wrapper {
    --inline-math-overall-height: 52px;
  }
}
[data-theme-id=late_elementary] [data-component-type=table],
[data-theme-id=late_elementary] .snapshot-table {
  --table-border-collapse: collapse;
  --table-cell-weight: 500;
  --table-cell-border: 1px solid #b0bed3;
  --table-cell-border-header: 1px solid #767676;
  --table-cell-font-size: 100%;
  --table-cell-outline-hover: 4px solid #80b4f1;
  --table-cell-outline-active: 4px solid #0069e4;
  --table-cell-outline-error: 4px solid #817715;
  --table-cell-outline-offset: -2px;
  --table-cell-icon-color: #0069e4;
  --table-cell-header-bottom-border-width: 1px;
  --table-cell-background-clip: padding-box !important;
  --table-cell-padding: 17px;
  --table-cell-no-padding: 0px;
  --table-cell-padding-right: 0px;
  --table-cell-padding-left: 0px;
  --table-cell-height-padded: 34px;
  --table-cell-new-row-padding: 13.5px;
  --table-cell-edit-padding-left: 55px;
  --table-outline: none;
  --table-cursor: pointer;
  --table-keypad-button-width: 50px;
  --table-keypad-button-height: 50px;
  --table-keypad-button-bottom: -50px;
  --table-keypad-button-border: none;
  --table-keypad-button-font-size: 100%;
  --table-keypad-button-icon-color: #d1e8f1;
  --table-keypad-button-icon-line-height: 1.2em;
  --table-keypad-button-icon-color-hover: #d1e8f1;
  --table-keypad-button-background: #006997;
  --table-keypad-button-background-hover: #005980;
  --table-keypad-button-background-depressed: #005980;
  --table-keypad-button-box-shadow-size: 3px;
  --table-keypad-button-box-shadow: 0 3px #32a3cf;
  --table-keypad-button-box-shadow-depressed: none;
  --table-cell-locked-background-color: #e8eef8;
  --table-column-header-cell-border-bottom: none;
  --table-column-header-cell-background-color: #dae3f0;
  --table-cell-edit-icon-font: 1.5em;
  --table-cell-add-icon-font-size: calc(1 / var(--amp-scale-ratio) * 1.6em);
  --table-cell-add-icon-padding: calc(1em / 6);
  --table-keyboard-button-color: #0069e4;
  --table-keyboard-button-color-active: #fff;
  --table-keyboard-button-background-color-active: #0069e4;
  --table-cell-add-new-background-color: #e8eef8;
  --table-snapshot-empty-cell-min-height: 1.46em;
  --table-snapshot-empty-cell-display: block;
  --table-add-row-after-content: none;
  --table-border-collapse-enabled: none;
  --table-cell-box-shadow-hover: none;
  --table-keypad-button-box-shadow-hovered: none;
  --table-cell-keypad-button-width: 1.8em;
  --table-cell-keypad-button-height: 1.4em;
  --table-cell-keypad-button-hovered: #dae3f0;
  --table-cell-keypad-button-active: #002c64;
  --table-cell-weight: 400;
}
[data-theme-id=late_elementary] [data-component-type=sketch] div[class*=layout-context-] {
  --sketch-color-picker-width: auto;
  --sketch-color-picker-min-width: calc(8.376em + 36px);
  --sketch-color-picker-top: 2.7em;
  --sketch-color-picker-left-position: -96px;
  --sketch-color-list-padding: 10px 17px;
  --sketch-controls-background: #e8eef8;
  --sketch-controls-border: 2px solid #b0bed3;
  --sketch-controls-border-radius: 13.57px;
  --sketch-controls-top: 0;
  --sketch-margin-top: 75px;
  --sketch-negative-margin-top: -75px;
  --sketch-playground-margin-bottom: 85px;
  --sketch-left-controls-z-index: 0;
  --sketch-left-controls-margin-hover: 0px;
  --sketch-left-controls-width: 100%;
  --sketch-left-controls-height: auto;
  --sketch-left-controls-border: transparent;
  --sketch-btn-spacing: 5px;
  --sketch-btn-gap: 0.425em;
  --sketch-btn-group-flex-wrap: wrap;
  --sketch-btn-group-align-items-align-items: stretch;
  --sketch-horizontal-actions-toolbar-background: #f1f5fb;
  --sketch-horizontal-actions-toolbar-border-top: 2px solid #b0bed3;
  --sketch-btn-active-background-color: #0069e4;
  --sketch-btn-active-color: #fff;
  --sketch-btn-active-box-shadow: 0 0.25em #004597;
  --sketch-color-picker-padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  --sketch-color-picker-column-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  --sketch-color-picker-background: #f1f5fb;
  --sketch-color-picker-left-margin: 0;
  --sketch-color-picker-border: 2px solid #b0bed3;
  --sketch-color-picker-border-radius: 13.57px;
  --sketch-color-picker-option-size: calc(2.5em / 1.2);
  --sketch-color-picker-selected-border: 3.2px solid #fff;
  --sketch-color-picker-default-border: 3.2px solid #77879d;
  --sketch-color-picker-selected-box-shadow: 0 0 0 4px #0069e4;
  --sketch-color-picker-hovered-box-shadow: 0 0 0 4px #9c0d63;
  --sketch-color-picker-arrow-border-width: 4px;
  --sketch-color-picker-arrow-border-color: transparent transparent #77787b;
  --sketch-color-picker-arrow-position: -7.5px;
  --sketch-color-picker-segmented-control-background: #fff;
  --sketch-color-picker-segmented-control-color: #0069e4;
  --sketch-color-picker-segmented-control-large-font-size: 169%;
  --sketch-color-picker-segmented-control-btn-height: calc(2.5em / 1.2);
  --segmented-control-button-font-color: #0069e4;
  --segmented-control-button-border-color-hover: #0069e4;
  --segmented-control-button-font-color-hover: #0069e4;
  --segmented-control-button-border-radius: 10.6px;
  --segmented-control-button-background-selected: #0069e4;
  --segmented-control-button-border: 2.5px solid #0069e4;
  --segmented-control-button-border-selected: 2.5px solid #0069e4;
  --sketch-color-swatch-container-height: 2.5em;
  --sketch-color-swatch-container-width: 2.5em;
  --sketch-color-swatch-container-line-height: 1.585em;
  --sketch-segmented-control-btn-border-width: 2.5px;
  --sketch-pptb-padding: 17px;
  --sketch-text-box-padding: 25.5px 17px;
  --sketch-text-box-border: 4px solid #b1b3b6;
  --sketch-text-box-border-radius: 12.7px;
  --sketch-text-box-border-radius-active: 0px 8px 8px 0px;
  --sketch-text-box-box-shadow: 0px 4px 12px rgba(0, 0, 0, 25%);
  --sketch-text-box-box-shadow-active: none;
  --sketch-text-box-box-shadow-hover: 0px 10px 20px 0px rgba(0, 0, 0, 8%),
    0px 6px 6px 0px rgba(0, 0, 0, 9%);
  --sketch-text-box-border-hover: 1px solid #fff;
  --sketch-text-box-border-active: 1px solid #fff;
  --sketch-text-box-border-invisible: 3px solid rgba(0, 0, 0, 0%);
  --sketch-text-box-dot-color: #0069e4;
  --sketch-text-box-dot-color-hover: #0069e4;
  --sketch-text-box-dot-color-pressed: #0069e4;
  --sketch-text-box-handle-width: 61px;
  --sketch-text-box-handle-padding: 0px 10px 0px 8px;
  --sketch-text-box-handle-color: #fff;
  --sketch-text-box-handle-background: #e6f1fe;
  --sketch-text-box-handle-background-draggable: #b3d2f7;
  --sketch-text-box-handle-line-height: 3px;
  --sketch-text-box-remove-color: #0069e4;
  --sketch-text-box-remove-background: #f1f5fb;
  --sketch-text-box-remove-border: 2px solid rgba(0, 0, 0, 0%);
  --sketch-text-box-remove-color-hover: #0069e4;
  --sketch-text-box-remove-background-hover: #b0bed3;
  --sketch-text-box-remove-pressed: #0069e4;
  --sketch-text-box-remove-border-pressed: 2px solid rgba(0, 0, 0, 0%);
  --sketch-text-box-remove-border-radius: 100%;
  --sketch-text-box-remove-text-outline: 0;
  --sketch-text-box-remove-padding: 3px;
  --sketch-text-box-remove-font-size: 10px;
  --sketch-text-box-remove-button-position: -21px;
  --sketch-text-box-edit-view-min-width: 34px;
  --sketch-text-box-edit-view-line-height: 34px;
  --sketch-text-box-remove-display: flex;
  --sketch-text-box-left-border: none;
  --sketch-text-box-outline: 4px solid #0069e4;
  --sketch-text-box-outline-hover: 4px solid #80b4f1;
  --sketch-text-box-outline-inactive: 2px solid #b0bed3;
  --sketch-text-box-outline-offset: -7px;
  --sketch-text-box-font-weight: 400;
  --sketch-text-box-font-size-large: 100%;
  --sketch-text-box-font-size-middle: 100%;
  --sketch-text-box-line-height-large: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --sketch-text-box-line-height-middle: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --sketch-text-box-line-height-middle-small: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  --sketch-text-box-icon-color: #0069e4;
  --sketch-draggable-icon-font-size: 34px;
  --sketch-draggable-icon-font-color: #676767;
  --sketch-left-drag-handle-border: 3px solid #fff;
  --sketch-left-drag-handle-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 8%),
    0px 6px 6px 0px rgba(0, 0, 0, 9%);
  --sketch-resize-right-handle-dot-width: 16px;
  --sketch-resize-right-handle-dot-container-width: 50px;
  --sketch-canvas-border: 2px solid #b0bed3;
  --sketh-text-box-remove-display: flex;
  --sketch-canvas-border-radius: 13.57px;
  --sketch-canvas-border-top-left-radius: 0;
  --sketch-canvas-border-top-right-radius: 0;
  --sketch-canvas-border-top-style: none;
  --sketch-graph-canvas-inset-box-shadow: inset 0 0 0 0.3125em var(--amp-focus-color);
  --sketch-snapshot-camera-top: 5px;
  --sketch-snapshot-camera-right: 10px;
  --sketch-text-box-close-button-label-display: none;
  --dcg-sketch-playground-not-within-fullscreen-layout-padding-bottom: 92%;
  --dcg-sketch-playground-fullscreen-aspect-ratio-two-column-padding-bottom: 70%;
  --dcg-sketch-playground-one-third-right-padding-bottom: 145%;
  --dcg-sketch-playground-one-third-left-padding-bottom: 145%;
  --dcg-sketch-playground-two-column-padding-bottom: 92%;
  --sketch-right-controls-buttons-border-radius: 0;
  --sketch-color-picker-segmented-control-padding: 0.654em 0px 0px;
  --sketch-text-box-remove-height: 2.5em;
  --sketch-playground-margin-bottom: 85px;
  --sketch-text-box-remove-border: 2px solid #dae3f0;
  --sketch-text-box-remove-background: #fff;
}
@media screen and (max-width: 320px) {
  [data-theme-id=late_elementary] [data-component-type=sketch] div[class*=layout-context-] {
    --sketch-color-picker-left-position: -36px;
  }
}
[data-theme-id=late_elementary] [data-component-type=sketch] div[class*=layout-context-] .sketch-controls .color-swatch-container .color-indicator {
  opacity: 1;
}
[data-theme-id=late_elementary] [data-component-type=sketch] div[class*=layout-context-] .sketch-controls .color-selector .color-list::after {
  content: "";
  position: absolute;
  top: -14px;
  left: 107.5px;
  border-width: 14px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent var(--sketch-color-picker-background);
  line-height: 0;
}
[data-theme-id=late_elementary] [data-component-type=sketch] div[class*=layout-context-] .sketch-controls .color-selector .color-list::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 105.5px;
  border-width: 16px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #b0bed3;
  line-height: 0;
}
[data-theme-id=late_elementary] [data-component-type=sketch] div[class*=layout-context-] .sketch-controls .color-selector .color-list .color-option-wrapper .color-option {
  opacity: 1;
}
[data-theme-id=late_elementary] [data-component-type=sketch] div[class*=layout-context-] .sketch-text-box.dcg-hovered:not(.is-selected, .is-dragging) .left-drag-handle:not(.dcg-hovered),
[data-theme-id=late_elementary] [data-component-type=sketch] div[class*=layout-context-] .sketch-text-box.dcg-hovered:not(.is-selected, .is-dragging) .remove-text-box:not(.dcg-hovered) {
  opacity: 1;
}
[data-theme-id=late_elementary] [data-component-type="input/graph"],
[data-theme-id=late_elementary] .graph-snapshot {
  --graph-border: var(--border-component);
  --graph-scrubber-border-top: 2px solid #e8e9ea;
  --graph-scrubber-button-size: 16px;
  --graph-input-overflow: hidden;
  --graph-label-raw-text-font-family: var(--note-font-family);
}
[data-theme-id=late_elementary] [data-component-type=reorder] {
  --listbox-container-margin-bottom: 14px;
  --reorder-item-flex-grow: 0;
  --reorder-item-margin: 12.5px 0px 0px;
  --reorder-item-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 8%),
    0px 6px 6px 0px rgba(0, 0, 0, 9%);
  --reorder-item-border: solid 2px #fff;
  --reorder-item-buttons-container-margin: 0px;
  --reorder-item-buttons-container-margin-hovered: 0px;
  --reorder-item-content-border: none;
  --reorder-item-content-hover-border: none;
  --reorder-item-content-active-border: none;
  --reorder-item-content-padding: 8px 0px;
  --reorder-item-content-hover-padding: 6px 0px;
  --reorder-item-content-margin: 5px 12.5px 5px 25px;
  --reorder-item-content-margin-hovered: 5px 12.5px 5px 23px;
  --reorder-item-content-color: #3b3b3b;
  --reorder-item-label-color: #676767;
  --reorder-item-label-font-family: "quicksand";
  --reorder-item-label-padding: 0;
  --reorder-item-height: fit-content;
  --reorder-item-background-color: #e6f1fe;
  --reorder-item-content-pointer-events: auto;
  --reorder-item-text-align: left;
  --reorder-item-hover-border-color: #0069e4;
  --reorder-item-content-active-border-color: #0058bf;
  --reorder-item-content-focus-box-shadow: 0 0 0 0.125em #fff,
    0 0 0 0.3125em var(--amp-focus-color, #9c0d63);
  --reorder-item-handle-color: #676767;
  --reorder-item-handle-margin-right: 0px;
  --reorder-item-handle-margin-left: 25px;
  --reorder-item-handle-margin-left-hovered: 23px;
  --item-content-align-self: center;
  --reorder-item-placeholder-border: dashed 4px #30bfaa;
  --reorder-item-placeholder-background-color: rgba(172, 229, 221, 25%);
  --reorder-item-placeholder-margin-top: 16px;
  --reorder-item-placeholder-left: 0px;
  --reorder-component-has-audio-items-margin-left: 60px;
  --reorder-component-has-audio-player-wrapper-top: -18px;
  --reorder-component-has-audio-player-wrapper-right: 5px;
  --reorder-item-content-margin: 3px 17px;
  --reorder-item-content-margin-hovered: 3px 17px 3px 15px;
  --reorder-item-handle-margin-left: 17px;
  --reorder-item-handle-margin-left-hovered: 15px;
  --reorder-item-margin: 14.5px 0px 0px;
  --reorder-item-buttons-container-margin: 4px;
  --reorder-item-buttons-container-margin-hovered: 2px;
}
[data-theme-id=late_elementary] [data-component-type="exhibit/image"] {
  --image-border: var(--border-component);
  --image-border-hover: solid 8px #000;
  --image-border-depressed: solid 8px #000;
  --image-fullscreen-icon-background-color: #fff;
  --image-fullscreen-icon-border: var(--border-primary);
  --image-fullscreen-icon-border-hover: solid 4px
    #000;
  --image-fullscreen-icon-border-radius: 50%;
  --image-fullscreen-icon-color: #77787b;
  --image-fullscreen-icon-color-hover: #000;
  --image-fullscreen-icon-color-depressed: #000;
  --image-fullscreen-icon-padding: 6px;
  --image-fullscreen-icon-right: 12px;
  --image-fullscreen-icon-top: 12px;
  --image-fullscreen-icon-width: 44px;
  --image-fullscreen-icon-height: 44px;
}
[data-theme-id=late_elementary].take-picture-modal {
  --picture-modal-background: #e8eef8;
  --picture-modal-font-color-primary: #722800;
  --candidate-container-border: 0px solid #fff;
  --picture-modal-upload-image-button-background: #fbbb7b;
  --picture-modal-upload-image-button-bottom-box-shadow: 0 4px #d77027;
  --candidate-container-background: #fff;
  --cancel-candidate-margin-right: 17px;
  --controls-group-padding-top: 0px;
  --edit-picture-container-padding-bottom: 0px;
  --edit-control-btn-border: none;
  --close-modal-btn-position: -1.5em;
  --video-container-position-top: -6px;
  --video-container-position-bottom: 3.2em;
  --video-container-position-left: 34px;
  --video-container-position-right: 34px;
  --submit-upload-icon-font-size: 35px;
  --modal-margin: 34px;
  --close-modal-btn-position: -1em;
}
[data-theme-id=late_elementary].take-picture-modal .rotate-btn {
  --edit-control-btn-color: #0069e4;
  --edit-control-btn-color-depressed: #fff;
  --edit-control-btn-background: #def7f1;
  --edit-control-btn-background-hover: rgba(#008571, 0.65);
  --edit-control-btn-background-depressed: #008571;
  --edit-control-btn-box-shadow: 0 4px #008571;
}
[data-theme-id=late_elementary].take-picture-modal .contrast-btn {
  --edit-control-btn-color: #0069e4;
  --edit-control-btn-color-depressed: #fff;
  --edit-control-btn-color-contrast-on: #fff;
  --edit-control-btn-color-contrast-on-depressed: #000;
  --edit-control-btn-background: #fff;
  --edit-control-btn-background-hover: #b1b3b6;
  --edit-control-btn-background-depressed: #000;
  --edit-control-btn-background-contrast-on: #000;
  --edit-control-btn-background-contrast-on-hover: #b1b3b6;
  --edit-control-btn-background-contrast-on-depressed: #fff;
  --edit-control-btn-box-shadow: 0 4px #000;
  --edit-control-btn-box-shadow-depressed: none;
}
[data-theme-id=late_elementary] .progress-bar {
  --progress-total-height: 26px;
  --progress-bar-height: 26px;
}

.theme-student {
  --student-periscope-header-content-top: 6px;
  --header-font-family: "quicksand", sans-serif;
}
/* src/js/activitybuilder/student/virtual-tutor-panel/pagination-text-preview.styl */
.pagination-text-preview {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  pointer-events: none;
}
.pagination-text-preview .prosemirror-container {
  height: 100%;
}

/* src/js/activitybuilder/student/virtual-tutor-panel/virtual-tutor-avatar.scss */
.vt-avatar {
  position: absolute;
  height: calc(var(--avatar-size) + var(--avatar-border-width));
  width: calc(var(--avatar-size) + var(--avatar-border-width));
  top: calc(0 - var(--avatar-border-width));
  left: calc(0 - var(--avatar-border-width));
  border-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: var(--avatar-border-width);
  padding: 0 !important;
  z-index: 1;
}
.vt-avatar.student-activity-header {
  --avatar-border-width: 0.2em;
  --avatar-size: 2.375em;
  --wave-width: 175%;
  --wave-left: -36%;
  --idle-padding: 0.115em;
}
.vt-avatar.vt-panel {
  --avatar-border-width: 6px;
  --avatar-size: 100%;
  --wave-width: 165%;
  --wave-left: -32%;
  --idle-border-color: #676767;
}
.vt-avatar .main-avatar {
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.vt-avatar .main-avatar img {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% + 3px);
  width: calc(100% + 3px);
  margin-left: -1px;
  margin-top: -2px;
}
.vt-avatar .main-avatar img.vt-idle-avatar {
  margin-left: -1.5px;
}
.vt-avatar.speaking {
  border-color: #0069e4;
}
.vt-avatar.idle {
  border-color: var(--idle-border-color, transparent);
  height: calc(var(--avatar-size) + var(--avatar-border-width) - var(--idle-padding, 0px) * 2);
  width: calc(var(--avatar-size) + var(--avatar-border-width) - var(--idle-padding, 0px) * 2);
  top: calc(0 - var(--avatar-border-width) + var(--idle-padding, 0px));
  left: calc(0 - var(--avatar-border-width) + var(--idle-padding, 0px));
  border-width: calc(var(--avatar-border-width) - var(--idle-padding, 0px));
}
.vt-avatar .vt-speaking-avatar-wave {
  position: absolute;
  width: var(--wave-width);
  left: var(--wave-left);
  top: 10%;
  pointer-events: none;
}
.vt-avatar.speaking .vt-idle-avatar {
  opacity: 0;
}
.vt-avatar.idle .vt-speaking-avatar,
.vt-avatar.idle .vt-speaking-avatar-wave {
  opacity: 0;
}

.btn-raised .vt-avatar {
  margin-top: var(--idle-padding, 0px);
}
/* src/js/activitybuilder/student/virtual-tutor-panel/virtual-tutor-tool.styl */
.vt-tool {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
}
.vt-tool .vt-tool-text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  position: relative;
  margin: var(--vt-sidebar-body-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  font-family: var(--font-family);
  font-size: var(--vt-sidebar-text-font-size, 120%);
}
.vt-tool .vt-tool-text .prosemirror-container {
  height: 100%;
}
.vt-tool .vt-tool-nav-buttons {
  min-height: 75px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.5);
}
.vt-tool .vt-tool-nav-buttons .vt-tool-buttons-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.vt-tool .vt-tool-nav-buttons .vt-tool-page-indicators {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  overflow: hidden;
}
.vt-tool .vt-tool-nav-buttons .vt-tool-page-indicator {
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  min-width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  border-radius: 50%;
  border: 2px solid #676767;
}
.vt-tool .vt-tool-nav-buttons .vt-tool-page-indicator.active {
  background: #676767;
}
.vt-tool .vt-tool-nav-buttons .btn i {
  margin: 0;
  font-weight: bold;
}
.vt-tool .vt-tool-nav-buttons .btn + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.vt-tool .vt-tool-nav-buttons.hidden {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.virtual-tutor-tool-wrapper .avatar-wrapper {
  position: absolute;
  left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2.5);
  top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.35);
  height: 93px;
  width: 93px;
  -webkit-animation: 0.5s fadeInRight;
  -moz-animation: 0.5s fadeInRight;
  -o-animation: 0.5s fadeInRight;
  -ms-animation: 0.5s fadeInRight;
  animation: 0.5s fadeInRight;
  z-index: 1;
}

/* src/js/activitybuilder/teachertips/preview-tip.styl */
.preview-teacher-tip .teacher-tip-container {
  position: absolute;
  left: 44px;
  bottom: 0;
  right: 44px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  max-height: calc(100% - 20px);
  max-width: 100%;
  z-index: 3;
}
.preview-teacher-tip .teacher-tip-container.tabs-collapsed {
  width: fit-content;
}
.preview-teacher-tip .teacher-tip-container.next-to-sidebar {
  right: calc(350px + 1.5em);
}
.preview-teacher-tip .teacher-tip-container.in-teacher-view {
  position: fixed;
  -webkit-transition: right 0.4s;
  -moz-transition: right 0.4s;
  -o-transition: right 0.4s;
  -ms-transition: right 0.4s;
  transition: right 0.4s;
}
.preview-teacher-tip .teacher-tip-container .teacher-notes-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
}
.preview-teacher-tip .teacher-tip-container .teacher-notes-wrapper.with-tps {
  width: calc(100% - 53px);
}
.preview-teacher-tip .teacher-tip-container .dcg-prosemirror-editor ul {
  margin: 0;
}
.preview-teacher-tip .teacher-tip-container .mixed-text-display {
  display: block;
  font-size: 90%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
}
.preview-teacher-tip .teacher-tip-container .close-teacher-tip {
  position: absolute;
  top: 0;
  right: 8px;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  z-index: 100;
}
.preview-teacher-tip .teacher-tip-container .close-teacher-tip.btn-icon-ghost {
  height: 3em;
  width: 3em;
  border-radius: 50%;
}
.preview-teacher-tip .teacher-tip-container .scrollable-content {
  padding-right: 2.5em !important;
}
.amp-styles .tab-set.tab-box .teacher-tip-content {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e9e9e9;
  border-radius: 5.5px;
  border-top-left-radius: 0;
  z-index: 0;
  min-height: calc(4.5em + calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
}
.amp-styles .tab-set.tab-box .teacher-tip-content .overlap-buffer {
  float: right;
  width: 20px;
  height: 15px;
}
.amp-styles .tab-set.tab-box .teacher-tip-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: calc(0px - 43px);
}
.amp-styles .tab-set.tab-box .teacher-tip-header .tab-container:not(.tabs-collapsed) .teacher-tip-section-tabs .btn.dcg-hovered,
.amp-styles .tab-set.tab-box .teacher-tip-header .tab-container:not(.tabs-collapsed) .teacher-tip-section-tabs .btn:focus-visible {
  color: var(--amp-body-color, #3b3b3b);
}
@media screen and (max-width: 880px) {
  .preview-teacher-tip .teacher-tip-section-tabs[data-section-tabs='4'] .teacher-tip-section-tab span {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .preview-teacher-tip .teacher-tip-section-tab:not(.no-tool-options) span {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .preview-teacher-tip .teacher-tip-container {
    left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .preview-teacher-tip .teacher-tip-container .teacher-tip-section-tab span {
    display: none;
  }
  .preview-teacher-tip .teacher-tip-container.next-to-sidebar {
    display: none;
  }
}

/* src/js/activitybuilder/teachertips/section-tabs.scss */
.teacher-tip-section-tabs {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: var(--amp-border-radius, 0.1875em);
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.teacher-tip-section-tabs .tool-tab .tool-button .tool-tooltip,
.teacher-tip-section-tabs .tool-tab .control-button .tool-tooltip {
  display: flex;
  position: absolute;
  top: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * -1.9);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #fff;
  background-color: #676767;
  padding: 0 0.5em;
  margin: 0;
  font-size: 0.625em;
  border-radius: 0.1875em;
  opacity: 0;
  transition: opacity 0.2s linear;
  line-height: 12px;
  height: 1.125rem;
  align-items: center;
  z-index: 1;
}
.teacher-tip-section-tabs .tool-tab .tool-button.dcg-hovered .tool-tooltip, .teacher-tip-section-tabs .tool-tab .tool-button:focus-visible .tool-tooltip,
.teacher-tip-section-tabs .tool-tab .control-button.dcg-hovered .tool-tooltip,
.teacher-tip-section-tabs .tool-tab .control-button:focus-visible .tool-tooltip {
  opacity: 1;
}
.teacher-tip-section-tabs .tool-tab .control-button .tool-tooltip {
  top: -23.7px;
}
.teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab],
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button,
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab],
.teacher-tip-section-tabs .tps-wrapper .tool-button {
  width: auto;
  height: 42px;
  position: relative;
  padding: 0 calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5) 2px calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5);
  margin-bottom: 0;
  border-bottom: 0;
  background: #f6f6f6;
  color: #676767;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab]:focus, .teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab][data-state=focus],
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button:focus,
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button[data-state=focus],
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab]:focus,
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab][data-state=focus],
.teacher-tip-section-tabs .tps-wrapper .tool-button:focus,
.teacher-tip-section-tabs .tps-wrapper .tool-button[data-state=focus] {
  z-index: 10;
}
.teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab]:focus:not(:focus-visible), .teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab][data-state=focus]:not(:focus-visible),
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button:focus:not(:focus-visible),
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button[data-state=focus]:not(:focus-visible),
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab]:focus:not(:focus-visible),
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab][data-state=focus]:not(:focus-visible),
.teacher-tip-section-tabs .tps-wrapper .tool-button:focus:not(:focus-visible),
.teacher-tip-section-tabs .tps-wrapper .tool-button[data-state=focus]:not(:focus-visible) {
  outline: 0;
}
.teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab]:focus-visible, .teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab][data-state=focus],
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button:focus-visible,
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button[data-state=focus],
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab]:focus-visible,
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab][data-state=focus],
.teacher-tip-section-tabs .tps-wrapper .tool-button:focus-visible,
.teacher-tip-section-tabs .tps-wrapper .tool-button[data-state=focus] {
  outline: 0;
}
.teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab]:focus-visible, .teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab][data-state=focus],
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button:focus-visible,
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button[data-state=focus],
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab]:focus-visible,
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab][data-state=focus],
.teacher-tip-section-tabs .tps-wrapper .tool-button:focus-visible,
.teacher-tip-section-tabs .tps-wrapper .tool-button[data-state=focus] {
  box-shadow: 0 0 0 0.1875em var(--amp-focus-color, #9c0d63) inset, 0 0 0 0.3125em #fff inset;
}
.teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab]:first-child,
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button:first-child,
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab]:first-child,
.teacher-tip-section-tabs .tps-wrapper .tool-button:first-child {
  border-top-left-radius: var(--amp-border-radius, 0.1875em);
}
.teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab]:last-child.no-tool-options,
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button:last-child.no-tool-options,
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab]:last-child.no-tool-options,
.teacher-tip-section-tabs .tps-wrapper .tool-button:last-child.no-tool-options {
  border-top-right-radius: var(--amp-border-radius, 0.1875em);
}
.teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab].dcg-hovered, .teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab].dcg-depressed,
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button.dcg-hovered,
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button.dcg-depressed,
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab].dcg-hovered,
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab].dcg-depressed,
.teacher-tip-section-tabs .tps-wrapper .tool-button.dcg-hovered,
.teacher-tip-section-tabs .tps-wrapper .tool-button.dcg-depressed {
  color: var(--amp-body-color, #3b3b3b);
  background-color: #e9e9e9;
}
.teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab].dcg-depressed,
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button.dcg-depressed,
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab].dcg-depressed,
.teacher-tip-section-tabs .tps-wrapper .tool-button.dcg-depressed {
  z-index: 2;
}
.teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab].tool-button,
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button.tool-button,
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab].tool-button,
.teacher-tip-section-tabs .tps-wrapper .tool-button.tool-button {
  padding: 0 calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5);
}
.teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab].tool-button i,
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button.tool-button i,
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab].tool-button i,
.teacher-tip-section-tabs .tps-wrapper .tool-button.tool-button i {
  margin-right: 0;
}
.teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab] span,
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button span,
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab] span,
.teacher-tip-section-tabs .tps-wrapper .tool-button span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab].teacher-tip-section-tab--active,
.teacher-tip-section-tabs .teacher-notes-wrapper .tool-button.teacher-tip-section-tab--active,
.teacher-tip-section-tabs .tps-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab].teacher-tip-section-tab--active,
.teacher-tip-section-tabs .tps-wrapper .tool-button.teacher-tip-section-tab--active {
  pointer-events: all;
  background: #fff;
  color: var(--amp-body-color, #3b3b3b);
  z-index: 1;
}
.teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab] {
  display: flex;
  align-items: center;
  margin-left: 0 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab]:not(:focus).teacher-tip-section-tab--active, .teacher-tip-section-tabs .teacher-notes-wrapper .btn.btn-ghost.teacher-tip-section-tab[role=tab].dcg-depressed.teacher-tip-section-tab--active {
  box-shadow: 0 1px 0 0 #fff;
}
.teacher-tip-section-tabs .tps-wrapper {
  position: relative;
  display: flex;
  background-color: #f6f6f6;
  border-top-right-radius: var(--amp-border-radius, 0.1875em);
}
.teacher-tip-section-tabs .tps-wrapper.not-teacher-tabs {
  border-top-left-radius: var(--amp-border-radius, 0.1875em);
}
.teacher-tip-section-tabs .tps-wrapper.not-teacher-tabs .tool-tab:first-child {
  border-top-left-radius: var(--amp-border-radius, 0.1875em);
}
.teacher-tip-section-tabs .tps-wrapper.not-teacher-tabs .tool-tab:first-child .tool-button {
  border-top-left-radius: var(--amp-border-radius, 0.1875em);
}
.teacher-tip-section-tabs .tps-wrapper .tool-tab {
  display: flex;
  position: relative;
}
.teacher-tip-section-tabs .tps-wrapper .tool-tab:last-child {
  border-top-right-radius: var(--amp-border-radius, 0.1875em);
}
.teacher-tip-section-tabs .tps-wrapper .tool-tab:last-child .tool-button {
  border-top-right-radius: var(--amp-border-radius, 0.1875em);
}
.teacher-tip-section-tabs .tps-wrapper .tool-tab:first-child .tool-set {
  border-top-left-radius: var(--amp-border-radius, 0.1875em);
}
.teacher-tip-section-tabs .tps-wrapper .tool-tab .icon-v2-teacher-guide {
  margin-bottom: 1.5px;
}
.teacher-tip-section-tabs .tps-wrapper .tool-tab .tps-divider {
  width: 2px;
  height: 29px;
  background-color: #bdbdbd;
  margin-top: 7px;
}
.teacher-tip-section-tabs .tps-wrapper .tool-tab .tool-set {
  position: relative;
  display: flex;
  flex-direction: row;
  background-color: #fff;
  align-items: center;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  height: 100%;
  z-index: 2;
}
.teacher-tip-section-tabs .tps-wrapper .tool-tab.sketch-everywhere.tool-tab-expanded:not(:has(.menu-style)) .tool-button {
  border-top-left-radius: 0;
}
.teacher-tip-section-tabs .tps-wrapper .tool-tab.tool-tab-expanded .menu-style + .tool-button {
  background-color: #e9e9e9;
}

.tool-tab .toolbar-container.menu-style {
  position: absolute;
  bottom: 42px;
  transform: translateX(-50%);
  left: 50%;
}
.tool-tab .toolbar-container.menu-style .tool-set {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  border: 1px solid #e9e9e9;
  border-radius: var(--amp-border-radius, 0.1875em);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto auto;
  width: 100%;
  height: 100%;
}
.tool-tab .toolbar-container.menu-style .tool-set .control-button {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.tool-tab .toolbar-container.menu-style .tool-set .annotation-color-btn {
  grid-row: 1;
}
.tool-tab .toolbar-container.menu-style .tool-set .annotation-tool-btn {
  grid-row: 2;
}

.teacher-toolbar-container .teacher-tip-section-tabs.one-tab .toolbar-container.menu-style {
  transform: translateX(0);
  left: 0;
}
.teacher-toolbar-container .teacher-tip-section-tabs.too-many-tabs .toolbar-container.menu-style {
  transform: translateX(0);
  left: unset;
  right: 0;
}
.teacher-toolbar-container .teacher-tip-section-tabs .toolbar-container {
  display: none;
}
.teacher-toolbar-container .teacher-tip-section-tabs .tool-tab-expanded .toolbar-container {
  display: block;
}
/* src/js/admin-dashboard/site/current-access.styl */
.current-expiration .expiration-date {
  margin-left: 5px;
}

/* src/js/admin-dashboard/site/delete-site-modal.styl */

/* src/js/admin-dashboard/site/edit-license-info.styl */
.edit-license-info .access-types .amplify-radio-btn {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0;
}
.edit-license-info .warning-message {
  margin-top: 0.5em;
}
.edit-license-info .warning-message i.pillow-icon-error {
  color: #fa824c;
}
.edit-license-info .date-input,
.edit-license-info .reason-input {
  width: 100%;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}

/* src/js/admin-dashboard/site/edit-program-info.styl */
.programs-container .program-types .amplify-checkbox {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0;
}

/* src/js/admin-dashboard/site/edit-site-modal.styl */
.edit-site-modal-contents.loading-sites .loading-sites-message {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 24px;
  color: #888;
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.edit-site-modal-contents.edit-site-modal-error {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.edit-site-modal-contents .site-name-input {
  width: 100%;
  font-size: 120%;
  padding: 5px 10px;
}
.edit-site-modal-contents .access-label {
  margin-bottom: 10px;
}
.edit-site-modal-contents .current-expiration {
  margin-bottom: 10px;
}
.edit-site-modal-contents .manage-access-actions [role="button"] {
  display: inline-block;
}
.edit-site-modal-contents .manage-access-actions [role="button"] i {
  margin-right: 10px;
}
.edit-site-modal-contents .manage-access-actions [role="button"] i:before {
  text-decoration: none;
}
.edit-site-modal-contents .manage-access-actions [role="button"]:nth-child(n+2) {
  margin-left: 20px;
}
.edit-site-modal-contents .site-history .classroom-shared-table-row.content-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: start;
  align-items: start;
}
.edit-site-modal-contents .site-history .site-history-heading i {
  font-size: 0.85em;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.edit-site-modal-contents .site-history .action-column,
.edit-site-modal-contents .site-history .details-column {
  width: 50%;
}
.edit-site-modal-contents .site-history .content-row {
  padding: 0.5em 0 1em 0;
}
.edit-site-modal-contents .site-history .action {
  color: #666;
}
.edit-site-modal-contents .site-history .details-column.content-cell {
  font-style: italic;
  color: #666;
}
.edit-site-modal-contents .site-parent-container .dcg-searchable-dropdown-list-container {
  max-height: 300px;
  overflow-y: auto;
}
.edit-site-modal-contents .site-sf-container .sf-id-input {
  width: 100%;
}
.edit-site-modal-contents .site-sf-container .site-sf-warning {
  margin-bottom: 10px;
}

/* src/js/admin-dashboard/site/grant-license-modal.styl */
.grant-license-modal-contents .submit-buttons {
  margin-top: 10px;
  text-align: right;
}
.grant-license-modal-contents .submit-buttons .btn-blue {
  margin-left: 20px;
}
.grant-license-modal-contents h2 {
  font-size: 100%;
  margin: 20px 0 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

/* src/js/admin-dashboard/site/revoke-license-modal.styl */
.revoke-license-modal-contents h2 {
  font-size: 100%;
  margin: 20px 0 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.revoke-license-modal-contents .revoke-reason-input {
  width: 100%;
  font-size: 120%;
  padding: 5px 10px;
}
.revoke-license-modal-contents .message {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  text-align: left;
  padding: 1em;
  color: #000;
  font-size: 100%;
  margin-top: 1em;
}
.revoke-license-modal-contents .submit-buttons {
  margin-top: 10px;
  text-align: right;
}
.revoke-license-modal-contents .submit-buttons .btn-red {
  margin-left: 20px;
}

/* src/js/blocks/shared/authorize-gc-modal.styl */
.dcg-google-classroom-login {
  text-align: center;
  margin: 10px auto 20px;
  padding: 15px;
  width: 300px;
  max-width: 100%;
}
.dcg-google-classroom-login img {
  height: 18px;
  margin: 0 10px;
  vertical-align: middle;
  margin-top: -2px;
}
.dcg-google-classroom-login .amplify-toast {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.dcg-google-classroom-login.dcg-depressed {
  background: rgba(71,129,185,0.25);
  color: #004f9b;
}

/* src/js/blocks/teacher/add-block-modal.styl */
.add-or-edit-block-modal-container .add-block-detail {
  width: 100%;
  text-align: center;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.add-or-edit-block-modal-container .import-google-classroom-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 20px;
}
.add-or-edit-block-modal-container .import-google-classroom-section .or-message-container {
  width: 100%;
  text-align: center;
  height: 1px;
  background: #bdbdbd;
  margin: 10px 0;
}
.add-or-edit-block-modal-container .import-google-classroom-section .or-message {
  color: var(--amp-body-color, #3b3b3b);
  font-weight: normal;
  display: inline-block;
  margin: 0 auto;
  background: #fff;
  position: relative;
  top: -10px;
  padding: 0 10px;
}
.add-or-edit-block-modal-container .import-google-classroom-section .dcg-google-classroom-import {
  margin: 10px auto 20px;
  border-radius: 2em;
  width: 350px;
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 50px;
}
.add-or-edit-block-modal-container .import-google-classroom-section .dcg-google-classroom-import.focus {
  outline: none;
}
.add-or-edit-block-modal-container .import-google-classroom-section .dcg-google-classroom-import.dcg-depressed {
  background: transparent;
}
.add-or-edit-block-modal-container .import-google-classroom-section .dcg-google-classroom-import img {
  height: 18px;
  padding-right: 14px;
  vertical-align: middle;
  margin-top: -2px;
}
.add-or-edit-block-modal-container .import-google-classroom-section .dcg-google-classroom-import .dcg-google-classroom-import-label {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  border-left: 1px solid #bdbdbd;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.1);
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
}
.add-or-edit-block-modal-container .block-input {
  padding: 10px;
  border-radius: var(--amp-border-radius, 0.1875em);
}
.add-or-edit-block-modal-container .block-input-label,
.add-or-edit-block-modal-container .coteacher-heading {
  margin-top: 1em;
  margin-bottom: 0.25em;
  font-size: 110%;
}
.add-or-edit-block-modal-container .block-input-label.block-input-label-centered,
.add-or-edit-block-modal-container .coteacher-heading.block-input-label-centered {
  text-align: center;
}
.add-or-edit-block-modal-container .amplify-toast {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.add-or-edit-block-modal-container input {
  width: 100%;
}
.add-or-edit-block-modal-container .submit-buttons {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  text-align: right;
}
.add-or-edit-block-modal-container .submit-buttons .add-block-submit,
.add-or-edit-block-modal-container .submit-buttons .edit-block-submit {
  margin-left: 20px;
}
.add-or-edit-block-modal-container .gc-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 20px;
  border-top: 1px solid #e2e2e2;
  padding-top: 20px;
  font-size: 14px;
  color: #676767;
}
.add-or-edit-block-modal-container .gc-info .google-classroom-icon {
  height: 30px;
  width: 30px;
  margin-right: 20px;
}
.add-or-edit-block-modal-container .gc-info .blue-link {
  text-decoration-color: #3278c8;
}
.add-or-edit-block-modal-container .book-dropdown.dcg-shared-dropdown-popover-container {
  display: block;
}
.add-or-edit-block-modal-container .book-dropdown.dcg-shared-dropdown-popover-container .dropdown-container {
  width: 100%;
  margin-top: 10px;
}
.add-or-edit-block-modal-container .book-dropdown.dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 11px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.add-or-edit-block-modal-container .book-dropdown.dcg-shared-dropdown-popover-container .dcg-shared-options-dropdown:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 10px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.add-or-edit-block-modal-container .book-dropdown.dcg-shared-dropdown-popover-container .anchor-container .book-dropdown-anchor {
  padding: 0 10px;
  line-height: 40px;
  height: 40px;
  border: 1px solid #bbb;
  border-radius: 5px;
  width: 100%;
}
.add-or-edit-block-modal-container .book-dropdown.dcg-shared-dropdown-popover-container .anchor-container .book-dropdown-anchor .pillow-icon-caret-down {
  font-size: 70%;
  line-height: 30px;
  padding: 5px;
  float: right;
  color: #bbb;
}
.add-or-edit-block-modal-container .book-dropdown.dcg-shared-dropdown-popover-container .anchor-container .book-dropdown-anchor .dropdown-value {
  color: #676767;
}
.add-or-edit-block-modal-container .book-dropdown.dcg-shared-dropdown-popover-container .anchor-container .book-dropdown-anchor .dropdown-value.placeholder {
  color: #999;
  font-style: italic;
}
.add-or-edit-block-modal-container .book-dropdown.dcg-shared-dropdown-popover-container .anchor-container.dcg-hovered .book-dropdown-anchor {
  border: 1px solid #999;
}
.add-or-edit-block-modal-container .book-dropdown.dcg-shared-dropdown-popover-container .anchor-container.dcg-hovered .book-dropdown-anchor .pillow-icon-caret-down {
  color: #999;
}
.add-or-edit-block-modal-container .book-dropdown.dcg-shared-dropdown-popover-container .anchor-container.dcg-depressed .book-dropdown-anchor {
  border: 1px solid #666;
}
.add-or-edit-block-modal-container .book-dropdown.dcg-shared-dropdown-popover-container .anchor-container.dcg-depressed .book-dropdown-anchor .pillow-icon-caret-down {
  color: #666;
}
@media screen and (max-width: 350px) {
  .dcg-google-classroom-import-label {
    font-size: 60%;
  }
}

/* src/js/blocks/teacher/add-external-block-modal.styl */
.dcg-shared-modal-cover .add-external-block-container .blocks-loading-message {
  color: #999;
  text-align: center;
  font-size: 130%;
  padding: 15px;
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.dcg-shared-modal-cover .add-external-block-container .external-blocks-header {
  border-bottom: 1px solid #e2e2e2;
  padding: 5px 0 10px;
  color: #676767;
}
.dcg-shared-modal-cover .add-external-block-container .external-block-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #e2e2e2;
  padding: 7.5px 5px;
}
.dcg-shared-modal-cover .add-external-block-container .external-block-row.already-added {
  color: #999;
  font-style: italic;
  padding-left: 30px;
}
.dcg-shared-modal-cover .add-external-block-container .external-block-row .external-block-name {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 5px;
}
.dcg-shared-modal-cover .add-external-block-container .external-block-row .external-block-exists-message {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  -ms-flex-item-align: end;
}
.dcg-shared-modal-cover .submit-buttons {
  text-align: right;
}
.dcg-shared-modal-cover .submit-buttons .btn + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.dcg-shared-modal-cover .amplify-toast {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}

/* src/js/blocks/teacher/assignment-notification.styl */
.assignment-loading {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  color: #676767;
}
.assignment-error {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.assignment-error .assignment-notification-close-cross {
  display: inline-block;
  margin-left: 10px;
  color: #000;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  font-size: 90%;
}
.assignment-error .assignment-notification-close-cross i {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.assignment-error .assignment-notification-close-cross.dcg-hovered i {
  opacity: 0.55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
  filter: alpha(opacity=55);
}
.assignment-error .assignment-notification-close-cross.dcg-depressed i {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}

/* src/js/blocks/teacher/assignment-options-modal.styl */
.assignment-options-modal-container .option-group-container {
  margin-top: 15px;
}
.assignment-options-modal-container .option-group-container .option-group-title {
  color: #676767;
  margin: 30px 0 5px;
}
.assignment-options-modal-container .option-group-container .option-group label,
.assignment-options-modal-container .option-group-container .option-group .children {
  width: 100%;
}
.assignment-options-modal-container .option-group-container .option-group .rhythm-radio {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.assignment-options-modal-container .option-group-container .option-group .option-info {
  padding-left: 5px;
  font-size: 110%;
  margin-top: -4px;
}
.assignment-options-modal-container .option-group-container .option-group .option-info .option-title {
  font-weight: bold;
}
.assignment-options-modal-container .option-group-container .option-group .option-info .option-description {
  color: #676767;
  font-size: 90%;
}
.assignment-options-modal-container .amplify-toast {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.assignment-options-modal-container .submit-buttons {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  text-align: right;
}
.assignment-options-modal-container .submit-buttons .btn + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}

/* src/js/blocks/teacher/block-approval-panel.styl */
.block-approval-container {
  margin-top: 20px;
  margin-bottom: 20px;
}
.block-approval-container .block-approval-header {
  margin-bottom: 10px;
}
.block-approval-container .block-approval-header .block-approval-message {
  font-size: 130%;
}
.block-approval-container .block-approval-footer {
  margin-top: 15px;
}
.block-approval-container .approval-panel-table .classroom-shared-table {
  border-left: 3px solid #3278c8;
  padding-left: 10px;
}
.block-approval-container .approval-panel-table .classroom-shared-table-row.content-row {
  padding: 7px 5px;
}

/* src/js/blocks/teacher/block-denied-panel.styl */
.block-denied-container {
  margin-top: 20px;
}
.block-denied-container .block-denied-header {
  margin-bottom: 10px;
  color: #676767;
}
.block-denied-container .block-denied-header i {
  font-size: 90%;
  margin-right: 5px;
}
.block-denied-container .block-denied-header.dcg-hovered {
  color: #333;
}
.block-denied-container .block-denied-header.dcg-depressed {
  color: #000;
}
.block-denied-container .block-denied-header .block-denied-message {
  display: inline-block;
  margin-left: 5px;
  font-size: 120%;
}
.block-denied-container .block-approval-footer {
  margin-top: 15px;
}
.block-denied-container .classroom-shared-table {
  border-left: 3px solid #bdbdbd;
  margin-left: 5px;
  padding-left: 20px;
}
.block-denied-container .approval-panel-table .classroom-shared-table-row.content-row {
  padding: 7px 5px;
}

/* src/js/blocks/teacher/block-last-sync.styl */
.block-last-sync {
  display: inline-block;
  font-size: 55%;
  margin-top: 5px;
}
.block-last-sync .block-last-sync-loading {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.block-last-sync .block-last-sync-date {
  text-decoration: none;
}
.block-last-sync .block-last-sync-date i {
  font-size: 80%;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.block-last-sync .block-last-sync-date span {
  text-decoration: underline;
}
.block-last-sync .block-last-sync-date.disabled {
  pointer-events: none;
}
.block-last-sync .block-last-sync-date:hover span {
  text-decoration: none;
}

/* src/js/blocks/teacher/clean-up-blocks-modal.styl */
.clean-up-blocks-modal .dcg-shared-modal-cover .title-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 15px;
  height: 120px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.clean-up-blocks-modal .dcg-shared-modal-cover .title-container > div {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: 100%;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.clean-up-blocks-modal .dcg-shared-modal-cover .title-container h1 {
  margin: 0;
  font-size: 26px;
}
.clean-up-blocks-modal .dcg-shared-modal-cover .title-container h3 {
  font-size: 94%;
  margin-top: 0;
  line-height: normal;
}
.clean-up-blocks-modal .dcg-shared-modal-cover .title-container img {
  margin-right: 15px;
  width: 140px;
}
.clean-up-blocks-modal .instruction {
  font-size: 120%;
}
.clean-up-blocks-modal .sub-instruction {
  font-size: 94%;
  margin-top: 3px;
}
.clean-up-blocks-modal .clean-up-blocks-checkboxes {
  margin: 20px 0;
  max-height: 210px;
  overflow-y: auto;
}
.clean-up-blocks-modal .clean-up-blocks-checkboxes .amplify-checkbox {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.clean-up-blocks-modal .clean-up-blocks-checkboxes .block-last-updated {
  color: #676767;
}
.clean-up-blocks-modal .action-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.clean-up-blocks-modal .action-buttons .submit-btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}

/* src/js/blocks/teacher/external-student-table.styl */
.external-student-panel {
  margin-top: 20px;
}
.external-student-panel .external-student-panel-header {
  margin-bottom: 10px;
  color: #676767;
}
.external-student-panel .external-student-panel-header i {
  font-size: 90%;
  margin-right: 5px;
}
.external-student-panel .external-student-panel-header.dcg-hovered {
  color: #333;
}
.external-student-panel .external-student-panel-header.dcg-depressed {
  color: #000;
}
.external-student-panel .external-student-panel-header .external-student-message {
  display: inline-block;
  margin-left: 5px;
  font-size: 120%;
}

/* src/js/blocks/teacher/manage-blocks.styl */
.manage-blocks-view .header-info-links .learn-link,
.manage-blocks-view .block-code .learn-link {
  padding: 5px;
  color: var(--amp-body-color, #3b3b3b);
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  text-decoration: none;
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  margin-bottom: 3px;
}
.manage-blocks-view .header-info-links .learn-link.dcg-hovered,
.manage-blocks-view .block-code .learn-link.dcg-hovered,
.manage-blocks-view .header-info-links .learn-link:focus,
.manage-blocks-view .block-code .learn-link:focus {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.manage-blocks-view .header-info-links .learn-link.dcg-depressed,
.manage-blocks-view .block-code .learn-link.dcg-depressed {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.manage-blocks-view .header-container .section-header {
  font-size: 1.6em;
  margin-right: 5px;
}
.manage-blocks-view .header-container .header-info-links {
  position: relative;
  top: 2px;
  margin-right: 10px;
  font-size: 80%;
}
.manage-blocks-view .header-container .header-links {
  margin-left: auto;
}
.manage-blocks-view .gc-post-settings-container {
  margin-top: -10px;
  margin-bottom: 20px;
}
.manage-blocks-view .gc-post-settings-container .edit-link {
  text-decoration: none;
}
.manage-blocks-view .gc-post-settings-container .edit-link i {
  color: #676767;
  font-size: 80%;
  margin-right: 5px;
}
.manage-blocks-view .gc-post-settings-container .edit-link.dcg-hovered i {
  color: #333;
}
.manage-blocks-view .gc-post-settings-container .edit-link.dcg-depressed i {
  color: #000;
}
.manage-blocks-view .no-blocks-container {
  text-align: center;
  max-width: 500px;
  margin: 20px auto 100px;
}
.manage-blocks-view .no-blocks-container .no-blocks-message {
  margin: 5px 0;
  font-size: 150%;
}
.manage-blocks-view .no-blocks-container img {
  width: 350px;
  max-width: 85%;
}
.manage-blocks-view .shared-collapsible-banner {
  background: #fff;
  border-color: transparent;
  border-radius: var(--amp-border-radius, 0.1875em);
  margin-top: 30px;
}
.manage-blocks-view .shared-collapsible-banner h1 {
  margin-bottom: 0;
}
.manage-blocks-view .shared-collapsible-banner .banner-learn-links {
  text-align: center;
  margin-bottom: 20px;
}
.manage-blocks-view .shared-collapsible-banner .banner-section-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.manage-blocks-view .shared-collapsible-banner .banner-section-container .banner-section {
  text-align: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.manage-blocks-view .shared-collapsible-banner .banner-section-container .banner-section.assign-activity {
  margin-left: 40px;
}
.manage-blocks-view .shared-collapsible-banner .banner-section-container .banner-section .banner-section-text-container .add-block-prompt b {
  font-weight: bold;
}
.manage-blocks-view .shared-collapsible-banner .banner-section-container .banner-section .banner-section-text-container .banner-section-title {
  margin: 20px 0 11px 0;
  font-size: 150%;
}
.manage-blocks-view .shared-collapsible-banner .banner-section-container .banner-section img {
  max-height: 180px;
  max-width: 100%;
}
.manage-blocks-view .manage-blocks-list-header:not(.inactive) .block-name,
.manage-blocks-view .manage-blocks-list-item .block-info {
  width: calc(100% - 490px);
}
.manage-blocks-view .manage-blocks-list-header.inactive .block-name {
  width: calc(100% - 160px);
}
.manage-blocks-view .manage-blocks-list-header .block-code,
.manage-blocks-view .manage-blocks-list-item .block-code {
  width: 150px;
}
.manage-blocks-view .block-history {
  width: 180px;
}
.manage-blocks-view .block-roster {
  width: 120px;
}
.manage-blocks-view .block-code,
.manage-blocks-view .block-roster,
.manage-blocks-view .block-history {
  text-align: center;
}
.manage-blocks-view .block-error {
  background-color: #f4c0b3;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--amp-body-color, #3b3b3b);
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-right: 15px;
  max-width: 500px;
  position: relative;
  text-align: left;
}
.manage-blocks-view .block-error .block-error-message {
  padding-right: 15px;
}
.manage-blocks-view .block-error .block-error-close-cross {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.manage-blocks-view .block-error .block-error-close-cross.dcg-hovered {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.manage-blocks-view .pillow-icon-reset {
  margin-right: 2px;
}
.manage-blocks-view .manage-blocks-list-header {
  border-bottom: 1px solid #bdbdbd;
  text-transform: uppercase;
  color: var(--amp-body-color, #3b3b3b);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  font-size: 85%;
  padding: 4px;
}
.manage-blocks-view .manage-blocks-list-header .actions-header-text {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 1px;
  height: 1px;
}
.manage-blocks-view .manage-blocks-list-header .block-history {
  visibility: hidden;
}
.manage-blocks-view .manage-blocks-list-item {
  border-bottom: 1px solid #bdbdbd;
  padding: 5px 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.manage-blocks-view .manage-blocks-list-item .block-info {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.manage-blocks-view .manage-blocks-list-item .block-info .dcg-tooltip-hit-area-container {
  max-width: 100%;
}
.manage-blocks-view .manage-blocks-list-item .block-info .dcg-tooltip-hit-area-container .block-name {
  font-size: 130%;
  font-weight: 400;
  color: var(--amp-body-color, #3b3b3b);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.manage-blocks-view .manage-blocks-list-item .block-info .dcg-tooltip-hit-area-container .block-name span {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}
.manage-blocks-view .manage-blocks-list-item .block-info .block-coteachers {
  display: block;
  margin-top: 5px;
  color: #676767;
}
.manage-blocks-view .manage-blocks-list-item .block-info .block-coteachers .coteacher-title {
  margin-right: 0.5em;
  white-space: pre;
}
.manage-blocks-view .manage-blocks-list-item .block-info .block-coteachers .coteacher-names {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}
.manage-blocks-view .manage-blocks-list-item .block-code {
  font-size: 120%;
}
.manage-blocks-view .manage-blocks-list-item .block-code .active-code-label {
  display: inline;
  padding: 5px 10px;
  border: 1px solid #9c0d63;
  border-radius: var(--amp-border-radius, 0.1875em);
  color: #9c0d63;
}
.manage-blocks-view .manage-blocks-list-item .block-code .active-code-label.dcg-hovered,
.manage-blocks-view .manage-blocks-list-item .block-code .active-code-label:focus {
  border: 1px solid #5e083b;
  color: #5e083b;
}
.manage-blocks-view .manage-blocks-list-item .block-code:not(.header-title) {
  text-transform: uppercase;
}
.manage-blocks-view .manage-blocks-list-item .block-code:not(.header-title).inactive,
.manage-blocks-view .manage-blocks-list-item .block-code:not(.header-title) .expiration {
  text-transform: none;
}
.manage-blocks-view .manage-blocks-list-item .block-code:not(.header-title).inactive {
  color: #676767;
  font-style: italic;
  font-size: 100%;
}
.manage-blocks-view .manage-blocks-list-item .block-code:not(.header-title) .expiration {
  font-size: 65%;
  color: #676767;
  font-style: italic;
  margin-top: 5px;
}
.manage-blocks-view .manage-blocks-list-item .block-last-sync {
  font-size: 80%;
  display: inline-block;
  padding: 5px 10px;
  width: 150px;
  text-align: center;
  color: #676767;
}
.manage-blocks-view .manage-blocks-list-item .block-last-sync .block-last-sync-label,
.manage-blocks-view .manage-blocks-list-item .block-last-sync .block-last-sync-date,
.manage-blocks-view .manage-blocks-list-item .block-last-sync .block-last-sync-loading {
  margin: auto;
}
.manage-blocks-view .manage-blocks-list-item .block-last-sync .block-last-sync-loading {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.manage-blocks-view .manage-blocks-list-item .block-roster.inactive {
  color: #999;
  text-transform: uppercase;
  font-size: 0.875rem;
}
.manage-blocks-view .manage-blocks-list-item .dot-dot-dropdown-container {
  width: 40px;
}
.manage-blocks-view .manage-blocks-list-item .dot-dot-dropdown-container .dropdown-container {
  margin-right: -2px;
}
.manage-blocks-view .manage-blocks-list-item .dot-dot-dropdown-container .dropdown-container:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 10px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.manage-blocks-view .manage-blocks-list-item .dot-dot-dropdown-container .dropdown-container:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 9px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.manage-blocks-view .inactive-blocks-header {
  margin-top: 3em;
  font-size: 80%;
  display: inline-block;
}
.manage-blocks-view .inactive-blocks-header i {
  font-size: 100%;
  margin-right: 5px;
}
.manage-blocks-view .inactive-blocks-header .section-header.dcg-hovered {
  color: var(--amp-body-color, #3b3b3b);
}
.manage-blocks-view .inactive-blocks-header .section-header.dcg-depressed {
  color: #676767;
}
.manage-blocks-view .manage-blocks-inactive-list {
  margin-bottom: 40px;
}
.manage-blocks-view .manage-blocks-inactive-list .block-info {
  color: #676767;
}
.manage-blocks-view .manage-blocks-inactive-list .block-info .block-name {
  font-style: italic;
  padding-right: 10px;
}
.block-modal-contents .block-modal-title {
  text-align: left;
}
.block-modal-contents .block-message {
  margin-bottom: 1em;
}
.block-modal-contents .block-buttons {
  text-align: right;
}
.block-modal-contents .btn + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
@media screen and (max-width: 950px) {
  .manage-blocks-view .block-history {
    display: none;
  }
  .manage-blocks-view .manage-blocks-list-header:not(.inactive) .block-name,
  .manage-blocks-view .manage-blocks-list-item .block-info {
    width: calc(100% - 310px);
  }
  .manage-blocks-view .shared-collapsible-banner .banner-section-container {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .manage-blocks-view .shared-collapsible-banner .banner-section-container .banner-section {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    max-width: 100%;
  }
  .manage-blocks-view .shared-collapsible-banner .banner-section-container .banner-section.assign-activity {
    margin: 30px 0 0;
  }
  .manage-blocks-view .shared-collapsible-banner .banner-section-container .banner-section img {
    width: 200px;
    max-height: auto;
  }
  .manage-blocks-view .shared-collapsible-banner .banner-section-container .banner-section .banner-section-text-container {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    margin-left: 10px;
  }
  .manage-blocks-view .shared-collapsible-banner .banner-section-container .banner-section .banner-section-text-container .banner-section-title {
    margin-top: 0;
  }
}
@media screen and (max-width: 550px) {
  .manage-blocks-view .manage-blocks-list-header:not(.inactive) .block-name,
  .manage-blocks-view .manage-blocks-list-item .block-info {
    width: calc(100% - 190px);
  }
  .manage-blocks-view .block-roster {
    display: none;
  }
  .manage-blocks-view .shared-collapsible-banner .banner-section-container .banner-section {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .manage-blocks-view .shared-collapsible-banner .banner-section-container .banner-section .banner-section-text-container {
    text-align: center;
    margin: 10px 0 0;
  }
}

/* src/js/blocks/teacher/manage-coteachers-modal.styl */
.manage-coteachers-modal-contents {
  position: relative;
}
.manage-coteachers-modal-contents .amplify-toast {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.manage-coteachers-modal-contents .coteacher-message,
.manage-coteachers-modal-contents .add-coteacher {
  margin-top: 10px;
}
.manage-coteachers-modal-contents .coteacher-list-item {
  border-bottom: 1px solid #bdbdbd;
  padding: 10px 5px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.manage-coteachers-modal-contents .coteacher-list-item .dcg-tooltip-hit-area-container {
  vertical-align: middle;
}
.manage-coteachers-modal-contents .coteacher-list-item:first-of-type {
  border-top: 1px solid #bdbdbd;
}
.manage-coteachers-modal-contents .coteacher-list-item .primary-teacher-label {
  float: right;
  color: #999;
}
.manage-coteachers-modal-contents .coteacher-list-item .remove-coteacher-button {
  float: right;
}
.manage-coteachers-modal-contents .coteacher-list-item .remove-coteacher-button[aria-disabled="true"] {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  pointer-events: none;
}
.manage-coteachers-modal-contents .coteacher-list-item .remove-coteacher-button.fully-hidden {
  display: none;
}
.manage-coteachers-modal-contents .coteacher-list-item > span {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.manage-coteachers-modal-contents .block-last-sync-container {
  text-align: center;
  font-size: 150%;
  margin-top: 12px;
}
.manage-coteachers-modal-contents .external-logo {
  margin-right: 5px;
}
.manage-coteachers-modal-contents .coteacher-message .coteacher-pii-warning,
.manage-coteachers-modal-contents .coteacher-message .coteacher-curriculum-warning,
.manage-coteachers-modal-contents .coteacher-message .coteacher-classroom-message {
  margin: 1em 0;
}
.manage-coteachers-modal-contents .coteacher-message .coteacher-pii-warning,
.manage-coteachers-modal-contents .coteacher-message .coteacher-curriculum-warning {
  color: #676767;
}
.manage-coteachers-modal-contents .coteacher-curriculum-warning-tooltip {
  margin-right: 2px;
}
.manage-coteachers-modal-contents .coteacher-pii-warning i,
.manage-coteachers-modal-contents .coteacher-curriculum-warning i,
.manage-coteachers-modal-contents .coteacher-curriculum-warning-icon i {
  font-size: 80%;
  margin-right: 4px;
  top: 3px;
}
.manage-coteachers-modal-contents .coteacher-pii-warning i {
  color: #4781b9;
}
.manage-coteachers-modal-contents .coteacher-curriculum-warning i {
  color: #fa824c;
}
.manage-coteachers-modal-contents .coteacher-curriculum-warning-icon i {
  color: #999;
}
.add-coteacher {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.add-coteacher .add-coteacher-input {
  margin-right: 16px;
  font-size: 1em;
  padding: 5px 10px;
  width: 100%;
  border-radius: var(--amp-border-radius, 0.1875em);
}

/* src/js/blocks/teacher/roster.styl */
.roster-page .block-info-container {
  margin-bottom: 30px;
  padding-top: 10px;
}
.roster-page .student-list-header .actions-header-text,
.roster-page .student-list-header .student-history-header {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 1px;
  height: 1px;
}
.roster-page .block-name {
  max-width: 100%;
  overflow-wrap: break-word;
  font-size: 1.6em;
  padding-bottom: 5px;
}
.roster-page .block-info {
  margin-top: 5px;
  font-size: 1em;
}
.roster-page .block-info .block-details-container .block-student-count {
  color: #676767;
  padding-right: 15px;
  font-size: 125%;
}
.roster-page .block-info .block-details-container .block-code-container,
.roster-page .block-info .block-details-container .code-actions-container {
  padding-left: 15px;
  border-left: 1px solid #bdbdbd;
}
.roster-page .block-info .block-details-container .code-actions-container {
  display: inline-block;
  font-size: 105%;
}
.roster-page .block-info .block-details-container .block-code {
  text-transform: uppercase;
  margin-left: 5px;
}
.roster-page .block-info .block-details-container .block-last-sync {
  font-size: 80%;
  margin-top: 0;
}
.roster-page .block-info .block-details-container .block-error {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  font-size: 80%;
  display: inline-block;
  max-width: 500px;
  margin-left: 15px;
  position: relative;
  text-align: left;
}
.roster-page .block-info .block-details-container .block-error .block-error-message {
  padding-right: 15px;
}
.roster-page .block-info .block-details-container .block-error .block-error-close-cross {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.roster-page .block-info .block-details-container .block-error .block-error-close-cross.dcg-hovered {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.roster-page .block-code-info {
  margin-left: auto;
  width: 300px;
}
.roster-page .block-code-info .dcg-selectable-input-container {
  margin: 5px 0;
}
.roster-page .block-code-info .link-tip {
  color: #676767;
  text-align: center;
}
.roster-page .remove-modal-content .confirmation-message .confirmation-highlight {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.roster-page .remove-modal-content .confirmation-message .dcg-p:not(:first-child) {
  margin-top: 10px;
}
.roster-page .remove-modal-content .deny-checkbox-container {
  margin-top: 10px;
}
.roster-page .remove-modal-content .removal-error-message {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  margin-top: 10px;
}
.roster-page .remove-modal-content .removal-error-message i {
  margin-right: 8px;
}
.roster-page .remove-modal-content .submit-buttons {
  margin-top: 20px;
  margin-left: auto;
  text-align: right;
}
.roster-page .remove-modal-content .submit-buttons .btn-red {
  margin-left: 20px;
}
.roster-page .no-students-message {
  width: 100%;
  margin-top: 20px;
  font-size: 110%;
  text-align: center;
  color: #999;
}
.roster-page .roster-block-code-display {
  margin-bottom: 10px;
  background-color: #f7f7f7;
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  padding: 10px;
}
.roster-page .roster-block-code-display .code-display-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 10px;
}
.roster-page .roster-block-code-display .code-display-header .code-display-title {
  font-size: 120%;
  margin-top: 0;
  margin-bottom: 0;
}
.roster-page .roster-block-code-display .code-display-header .code-display-title .learn-more-small {
  display: none;
}
.roster-page .roster-block-code-display .code-display-header .learn-more-link {
  color: #666;
  cursor: pointer;
  text-decoration: none;
}
.roster-page .roster-block-code-display .code-display-header .learn-more-link.dcg-hovered {
  color: #333;
}
.roster-page .roster-block-code-display .code-display-header .learn-more-link.dcg-depressed {
  color: #000;
}
.roster-page .roster-block-code-display .code-display-header .learn-more-link i {
  margin-right: 5px;
  font-size: 80%;
}
.roster-page .roster-block-code-display .code-display-header .learn-more-link span {
  color: var(--amp-body-color, #3b3b3b);
  text-decoration: underline;
}
.roster-page .roster-block-code-display .code-display-header .learn-more-link span:hover,
.roster-page .roster-block-code-display .code-display-header .learn-more-link span:focus {
  color: #000;
  text-decoration: none;
}
.roster-page .roster-block-code-display .code-display-body {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: -10px;
}
.roster-page .roster-block-code-display .code-display-body .code-display-left,
.roster-page .roster-block-code-display .code-display-body .code-display-center,
.roster-page .roster-block-code-display .code-display-body .code-display-right {
  padding: 10px;
}
.roster-page .roster-block-code-display .code-display-body .code-display-left {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 40%;
  -ms-flex: 1 0 40%;
  flex: 1 0 40%;
}
.roster-page .roster-block-code-display .code-display-body .code-display-left .block-code {
  font-size: 200%;
  font-weight: 400;
  margin: 10px 0 5px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.roster-page .roster-block-code-display .code-display-body .code-display-left .expiration-date {
  font-style: italic;
  font-size: 90%;
  margin-bottom: 20px;
}
.roster-page .roster-block-code-display .code-display-body .option-label {
  background-color: #9c0d63;
  border-radius: 15px;
  padding: 2px 7px;
  color: #fff;
  font-size: 90%;
}
.roster-page .roster-block-code-display .code-display-body .option-text {
  margin: 10px 0;
}
.roster-page .roster-block-code-display .code-display-body .code-display-center {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 30%;
  -ms-flex: 1 1 30%;
  flex: 1 1 30%;
}
.roster-page .roster-block-code-display .code-display-body .code-display-right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 30%;
  -ms-flex: 1 1 30%;
  flex: 1 1 30%;
}
.roster-page .code-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.roster-page .code-actions .roster-action-link {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.roster-page .code-actions .roster-action-link.disabled {
  pointer-events: none;
}
.roster-page .code-actions .roster-action-link i {
  font-size: 115%;
  margin-right: 2px;
}
.roster-page .code-actions .roster-action-link.blue-link,
.roster-page .code-actions .roster-action-link.dark-gray-link {
  text-decoration: none;
}
.roster-page .code-actions .roster-action-link.blue-link span,
.roster-page .code-actions .roster-action-link.dark-gray-link span {
  text-decoration: underline;
}
.roster-page .code-actions .roster-action-link.amp-link {
  text-decoration: none;
}
.roster-page .code-actions .roster-action-link i {
  text-decoration: none;
}
.roster-page .code-actions .roster-action-link span {
  text-decoration: underline;
  color: #9c0d63;
  text-decoration-color: #9c0d63;
}
.roster-page .code-actions .roster-action-link span:hover,
.roster-page .code-actions .roster-action-link span:focus {
  color: #5e083b;
  text-decoration: none;
}
.roster-page .code-actions .roster-action-link.amp-link.link-secondary span {
  color: var(--amp-body-color, #3b3b3b);
  text-decoration: underline;
  text-decoration-color: var(--amp-body-color, #3b3b3b);
}
.roster-page .code-actions .roster-action-link.amp-link.link-secondary span:hover,
.roster-page .code-actions .roster-action-link.amp-link.link-secondary span:focus {
  color: #000;
  text-decoration: none;
}
.roster-page .code-actions .roster-action-link.restore-invitation,
.roster-page .code-actions .roster-action-link.close-invitation {
  margin-right: 15px;
}
@media screen and (max-width: 975px) {
  .roster-page .roster-block-code-display .code-display-header {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .roster-page .roster-block-code-display .code-display-header .code-display-title {
    text-align: center;
  }
  .roster-page .roster-block-code-display .code-display-header .code-display-title .learn-more-small {
    margin-left: 10px;
    display: inline;
  }
  .roster-page .roster-block-code-display .code-display-header .learn-more {
    display: none;
  }
  .roster-page .roster-block-code-display .code-display-body {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .roster-page .roster-block-code-display .code-display-body .code-display-left {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0;
  }
  .roster-page .roster-block-code-display .code-display-body .code-display-left .block-code {
    text-align: center;
    text-transform: uppercase;
  }
  .roster-page .roster-block-code-display .code-display-body .code-display-left .expiration-date {
    font-style: italic;
    text-align: center;
  }
  .roster-page .roster-block-code-display .code-display-body .code-display-left .code-actions {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: max-content;
    margin: 0 auto;
  }
  .roster-page .roster-block-code-display .code-display-body .code-display-left .code-actions .roster-action-link {
    margin-bottom: 5px;
  }
  .roster-page .roster-block-code-display .code-display-body .code-display-left .code-actions .roster-action-link.restore-invitation,
  .roster-page .roster-block-code-display .code-display-body .code-display-left .code-actions .roster-action-link.close-invitation {
    margin-right: 0;
  }
  .roster-page .roster-block-code-display .code-display-body .code-display-center {
    display: none;
  }
  .roster-page .roster-block-code-display .code-display-body .code-display-right {
    display: none;
  }
}
@media screen and (max-width: 650px) {
  .roster-page .block-info .block-details-container .code-actions-container {
    display: block;
    border-left: none;
    padding-left: 0;
    margin-top: 5px;
  }
}

/* src/js/blocks/teacher/shared-collapsible-banner.styl */
.shared-collapsible-banner {
  margin: 10px 0 20px;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  border-radius: var(--amp-border-radius, 0.1875em);
  position: relative;
}
.shared-collapsible-banner .banner-header {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
}
.shared-collapsible-banner .banner-content {
  padding: 20px;
}
.shared-collapsible-banner .banner-content.hidden {
  display: none;
}
.shared-collapsible-banner.collapsed .banner-header {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  padding: 20px;
  text-align: center;
  color: var(--amp-body-color, #3b3b3b);
  font-size: 130%;
  border-radius: var(--amp-border-radius, 0.1875em);
  font-family: "Amplify", serif;
}
.shared-collapsible-banner.collapsed .banner-header .down-arrow-container {
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.shared-collapsible-banner.collapsed .banner-header .down-arrow-container .pillow-icon-chevron-down {
  vertical-align: middle;
}
.shared-collapsible-banner.collapsed .banner-header.dcg-hovered {
  -webkit-box-shadow: 0 0 0 2px #9c0d63;
  box-shadow: 0 0 0 2px #9c0d63;
}
.shared-collapsible-banner.collapsed .banner-header.dcg-hovered .down-arrow-container {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
}
.shared-collapsible-banner.collapsed .banner-header.dcg-depressed {
  -webkit-box-shadow: 0 0 0 2px #5e083b;
  box-shadow: 0 0 0 2px #5e083b;
}
.shared-collapsible-banner.collapsed .banner-header.dcg-depressed .down-arrow-container {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.shared-collapsible-banner.expanded .banner-content {
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.shared-collapsible-banner .banner-title {
  margin-right: 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.shared-collapsible-banner .banner-title .banner-message {
  margin: 0 5px;
}
.shared-collapsible-banner h1 {
  font-family: "Amplify", serif;
  margin-bottom: 20px;
  margin-top: 0;
  line-height: 1.5em;
  text-align: center;
}
.landing-image-container a.shared-collapsible-banner {
  display: block;
  text-decoration: none;
}

/* src/js/blocks/teacher/student-history.styl */
.student-history-container .section-header {
  margin: 10px 0;
}
.student-history-container .classroom-shared-table-row.header-row {
  font-size: 85%;
}
.student-history-container .table-column-activity {
  width: 70%;
}
.student-history-container .table-column-activity.header-cell {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  -ms-flex-item-align: end;
}
.student-history-container .table-column-assigned-date {
  width: 15%;
  text-align: right;
}
.student-history-container .table-column-dashboard-link {
  width: 15%;
  padding-left: 5px;
  text-align: right;
}
.student-history-container .date.inactive {
  color: #676767;
}
.student-history-container .not-started {
  color: #676767;
  font-style: italic;
}
.student-history-container .activity-details-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  max-width: 95%;
  overflow: hidden;
}
.student-history-container .activity-details-container.inactive {
  color: #676767;
}
.student-history-container .activity-details-container.inactive img {
  opacity: 30%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=3000%)";
  filter: alpha(opacity=3000%);
}
.student-history-container .activity-details-container .activity-thumb-container {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  width: 42px;
  height: 42px;
  z-index: 0;
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
}
.student-history-container .activity-details-container .activity-thumb-container img {
  width: 40px;
  height: 40px;
}
.student-history-container .activity-details-container .activity-info {
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
  margin-left: 12px;
  max-width: calc(100% - 54px);
}
.student-history-container .activity-details-container .activity-info .activity-title {
  font-size: 110%;
}
.student-history-container .activity-details-container .activity-info .activity-subtitle {
  font-size: 80%;
  padding-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 100%;
}
.student-history-container .activity-details-container .activity-info .activity-subtitle .dcg-rich-text {
  white-space: nowrap;
}
.student-history-container .activity-details-container:not(.inactive) .activity-info .activity-subtitle {
  color: #676767;
}
.student-history-container .load-more-container {
  margin: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.student-history-error .error-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.student-history-error .error-container .error-image {
  margin-top: 50px;
  margin-bottom: 15px;
  width: 200px;
  height: auto;
}
.student-history-error .error-container .amplify-toast .toast-icon {
  margin-left: initial;
}
.student-history-error .error-container .amplify-toast .toast-body {
  width: 100%;
}
.teacher-page .teacher-page-content-container .teacher-page-content .student-history-container h1.section-header {
  margin-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 910px) {
  .student-history-container .table-column-activity {
    width: 80%;
  }
  .student-history-container .table-column-assigned-date {
    display: none;
  }
  .student-history-container .table-column-dashboard-link {
    width: 20%;
    font-size: 90%;
  }
}

/* src/js/blocks/teacher/student-table.styl */
.student-table .student-table-header {
  border-bottom: 1px solid #bdbdbd;
  text-transform: uppercase;
  color: var(--amp-body-color, #3b3b3b);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  font-size: 85%;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.student-table .student-table-header h3 {
  font-size: 100%;
  color: var(--amp-body-color, #3b3b3b);
  margin-top: 0;
  margin-bottom: 0;
}
.student-table .student-table-header .override-info-header,
.student-table .student-table-header .actions-header-text,
.student-table .student-table-header .student-history-header {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 1px;
  height: 1px;
}
.student-table .student-table-row {
  width: 100%;
  border-bottom: 1px solid #bdbdbd;
  padding: 10px 0;
  font-size: 110%;
}
.student-table .student-table-row .student-table-row-loaded {
  position: relative;
}
.student-table .student-table-row .student-table-row-loaded .dot-dot-dropdown-container {
  position: absolute;
  top: -5px;
  right: 0;
}
.student-table .student-table-row .override-info-cell {
  width: 25px;
}
.student-table .student-table-row .override-info-cell .dropdown-container {
  margin: 6px 0 0 -10px;
}
.student-table .student-table-row .override-info-cell .dropdown-container:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 172px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.student-table .student-table-row .override-info-cell .dropdown-container:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 171px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.student-table .student-table-row .override-info-cell i {
  color: var(--amp-body-color, #3b3b3b);
  font-size: 115%;
}
.student-table .student-table-row .override-info-cell i.dcg-hovered {
  color: #333;
}
.student-table .student-table-row .override-info-cell i.dcg-depressed {
  color: #000;
}
.student-table .student-table-row .override-info-cell .override-info-dropdown {
  min-width: 230px;
  padding: 15px;
}
.student-table .student-table-row .override-info-cell .override-info-dropdown .label {
  font-size: 90%;
  margin-bottom: 5px;
  color: #676767;
}
.student-table .student-table-row .override-info-cell .override-info-dropdown .account-name,
.student-table .student-table-row .override-info-cell .override-info-dropdown .overridden-name {
  margin-bottom: 15px;
  color: #000;
}
.student-table .student-table-row .student-first-name,
.student-table .student-table-row .student-last-name,
.student-table .student-table-row .student-email {
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.student-table .table-header,
.student-table .table-cell {
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}
.student-table .table-header {
  color: #929292;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.student-table .table-header .sort-btn {
  color: var(--amp-body-color, #3b3b3b);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: 5px;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  font-size: 120%;
}
.student-table .table-header .sort-btn.disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  cursor: default;
  pointer-events: none;
}
.student-table .table-header .sort-btn.dcg-hovered:not(.disabled) {
  color: #333;
  background: rgba(0,0,0,0.1);
}
.student-table .table-header .sort-btn.dcg-depressed:not(.disabled) {
  color: #000;
  background: rgba(0,0,0,0.2);
}
.student-table .student-first-name.has-override-icon {
  width: calc(25% - 25px);
}
.student-table .student-first-name,
.student-table .student-last-name {
  width: 25%;
}
.student-table .student-email {
  width: 25%;
}
.student-table .student-email span {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.student-table .student-history-link:not(.no-dropdown) {
  width: 20%;
  padding-left: 5px;
}
.student-table .student-history-link.no-dropdown {
  width: 25%;
  text-align: right;
}
.student-table .dropdown-container:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 10px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.student-table .dropdown-container:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 9px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.restore-student-name {
  color: #9c0d63;
  text-decoration: underline;
}
.restore-student-name.dcg-hovered {
  text-decoration: none;
}
@media screen and (max-width: 975px) {
  .student-table .table-header,
  .student-table .table-cell {
    width: 30%;
  }
  .student-table .student-first-name.has-override-icon {
    width: calc(30% - 25px);
  }
}

/* src/js/blocks/teacher/unassign-activity-modal.styl */
.unassign-modal-contents {
  padding: 26px;
}
.unassign-modal-contents .unassign-modal-header {
  font-size: 150%;
  margin-bottom: 13px;
}
.unassign-modal-contents .unassign-modal-message ul {
  margin: 26px 0;
  padding: 0 26px;
}
.unassign-modal-contents .unassign-modal-message b {
  font-weight: 500;
}
.unassign-modal-contents .unassign-modal-message .unassign-modal-message-bold {
  font-weight: 500;
}
.unassign-modal-contents .unassign-modal-message .unassign-modal-message-students {
  margin-bottom: 26px;
}
.unassign-modal-contents .unassign-modal-message .unassign-modal-message-prompt {
  margin-bottom: 26px;
}
.unassign-modal-contents .unassign-modal-message-students-count {
  font-weight: 500;
  color: #db2e00;
}
.unassign-modal-contents .action-buttons {
  background: #f6f6f6;
  margin: 0px -39px -39px;
  padding: 32px 39px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: right;
  -moz-box-pack: right;
  -o-box-pack: right;
  -ms-flex-pack: right;
  -webkit-justify-content: right;
  justify-content: right;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.unassign-modal-contents .action-buttons .submit-btn {
  margin-left: 13px;
}
.unassign-modal .modal-container {
  width: 598px;
}

/* src/js/dashboard/comments/comment-list-collapsable-view.styl */
.collapsable-comments.dashboard-flex-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* src/js/dashboard/comments/comments.styl */
.dashboard-feedback-comments,
.periscope-grading-tool {
  position: absolute;
  top: 44px;
  left: 0;
  bottom: 0;
  right: 0;
}
.dashboard-feedback-comments .dashboard-flex-container,
.periscope-grading-tool .dashboard-flex-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid rgba(0,0,0,0.2);
  border-top: 0;
}
.dashboard-feedback-comments .dashboard-flex-container .dashboard-comment-list-container,
.periscope-grading-tool .dashboard-flex-container .dashboard-comment-list-container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}
.dashboard-feedback-comments .not-signed-in-warning,
.periscope-grading-tool .not-signed-in-warning {
  padding-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  font-size: 0.9em;
  color: #676767;
  line-height: 1.5em;
}
.dashboard-feedback-comments .only-owner-message,
.periscope-grading-tool .only-owner-message {
  border-top: 1px solid #e9e9e9;
  background: #f6f6f6;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  font-size: 0.9em;
  font-style: italic;
}
.dashboard-feedback-comments .new-comment,
.periscope-grading-tool .new-comment,
.dashboard-feedback-comments .dcg-edit-comment,
.periscope-grading-tool .dcg-edit-comment {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background: #f6f6f6;
}
.dashboard-feedback-comments .new-comment .feedback-status-indicator,
.periscope-grading-tool .new-comment .feedback-status-indicator,
.dashboard-feedback-comments .dcg-edit-comment .feedback-status-indicator,
.periscope-grading-tool .dcg-edit-comment .feedback-status-indicator {
  margin-top: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) - 8px);
  height: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--amp-body-color, #3b3b3b);
  font-weight: 500;
}
.dashboard-feedback-comments .new-comment .feedback-status-indicator i,
.periscope-grading-tool .new-comment .feedback-status-indicator i,
.dashboard-feedback-comments .dcg-edit-comment .feedback-status-indicator i,
.periscope-grading-tool .dcg-edit-comment .feedback-status-indicator i {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.dashboard-feedback-comments .new-comment .feedback-status-indicator.loading,
.periscope-grading-tool .new-comment .feedback-status-indicator.loading,
.dashboard-feedback-comments .dcg-edit-comment .feedback-status-indicator.loading,
.periscope-grading-tool .dcg-edit-comment .feedback-status-indicator.loading {
  color: #676767;
}
.dashboard-feedback-comments .new-comment .feedback-status-indicator.success i,
.periscope-grading-tool .new-comment .feedback-status-indicator.success i,
.dashboard-feedback-comments .dcg-edit-comment .feedback-status-indicator.success i,
.periscope-grading-tool .dcg-edit-comment .feedback-status-indicator.success i {
  color: #00866b;
}
.dashboard-feedback-comments .new-comment .feedback-status-indicator.error,
.periscope-grading-tool .new-comment .feedback-status-indicator.error,
.dashboard-feedback-comments .dcg-edit-comment .feedback-status-indicator.error,
.periscope-grading-tool .dcg-edit-comment .feedback-status-indicator.error {
  font-weight: 400;
}
.dashboard-feedback-comments .new-comment .feedback-status-indicator.error i,
.periscope-grading-tool .new-comment .feedback-status-indicator.error i,
.dashboard-feedback-comments .dcg-edit-comment .feedback-status-indicator.error i,
.periscope-grading-tool .dcg-edit-comment .feedback-status-indicator.error i {
  color: #db2e00;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.dashboard-feedback-comments .new-comment .dcg-rich-text-container.dcg-disabled,
.periscope-grading-tool .new-comment .dcg-rich-text-container.dcg-disabled,
.dashboard-feedback-comments .dcg-edit-comment .dcg-rich-text-container.dcg-disabled,
.periscope-grading-tool .dcg-edit-comment .dcg-rich-text-container.dcg-disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  pointer-events: none;
}
.dashboard-feedback-comments .new-comment .fake-comment-box,
.periscope-grading-tool .new-comment .fake-comment-box,
.dashboard-feedback-comments .dcg-edit-comment .fake-comment-box,
.periscope-grading-tool .dcg-edit-comment .fake-comment-box {
  background: #fff;
  border-radius: var(--amp-border-radius, 0.1875em);
  height: 3.5em;
  position: absolute;
  left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dashboard-feedback-comments .new-comment .fake-comment-box.focused-style,
.periscope-grading-tool .new-comment .fake-comment-box.focused-style,
.dashboard-feedback-comments .dcg-edit-comment .fake-comment-box.focused-style,
.periscope-grading-tool .dcg-edit-comment .fake-comment-box.focused-style {
  border: 1px solid #4781b9;
  -webkit-box-shadow: 0 0 0 1px #4781b9;
  box-shadow: 0 0 0 1px #4781b9;
}
.dashboard-feedback-comments .new-comment .fake-comment-box:not(.focused-style),
.periscope-grading-tool .new-comment .fake-comment-box:not(.focused-style),
.dashboard-feedback-comments .dcg-edit-comment .fake-comment-box:not(.focused-style),
.periscope-grading-tool .dcg-edit-comment .fake-comment-box:not(.focused-style) {
  border: 1px solid #e9e9e9;
}
.dashboard-feedback-comments .new-comment .fake-comment-box.hide,
.periscope-grading-tool .new-comment .fake-comment-box.hide,
.dashboard-feedback-comments .dcg-edit-comment .fake-comment-box.hide,
.periscope-grading-tool .dcg-edit-comment .fake-comment-box.hide {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 1ms linear 100ms;
  -moz-transition: opacity 1ms linear 100ms;
  -o-transition: opacity 1ms linear 100ms;
  -ms-transition: opacity 1ms linear 100ms;
  transition: opacity 1ms linear 100ms;
}
.dashboard-feedback-comments .new-comment .edit-textbox-footer,
.periscope-grading-tool .new-comment .edit-textbox-footer,
.dashboard-feedback-comments .dcg-edit-comment .edit-textbox-footer,
.periscope-grading-tool .dcg-edit-comment .edit-textbox-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.dashboard-feedback-comments .new-comment .edit-textbox-footer .edit-actions .btn,
.periscope-grading-tool .new-comment .edit-textbox-footer .edit-actions .btn,
.dashboard-feedback-comments .dcg-edit-comment .edit-textbox-footer .edit-actions .btn,
.periscope-grading-tool .dcg-edit-comment .edit-textbox-footer .edit-actions .btn {
  height: auto;
}
.dashboard-feedback-comments .new-comment .edit-textbox-footer .edit-actions .btn + .btn,
.periscope-grading-tool .new-comment .edit-textbox-footer .edit-actions .btn + .btn,
.dashboard-feedback-comments .dcg-edit-comment .edit-textbox-footer .edit-actions .btn + .btn,
.periscope-grading-tool .dcg-edit-comment .edit-textbox-footer .edit-actions .btn + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.dashboard-feedback-comments .create-comment-options,
.periscope-grading-tool .create-comment-options {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-top: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) - 8px);
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dashboard-feedback-comments .create-comment-options .send-btn,
.periscope-grading-tool .create-comment-options .send-btn {
  margin: 0;
}
.dashboard-feedback-comments .create-comment-options .create-comment-options-row,
.periscope-grading-tool .create-comment-options .create-comment-options-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.dashboard-feedback-comments .create-comment-options .create-comment-options-row > :first-child,
.periscope-grading-tool .create-comment-options .create-comment-options-row > :first-child {
  margin-right: 5px;
}
.dashboard-feedback-comments .create-comment-options .create-comment-options-row > :last-child,
.periscope-grading-tool .create-comment-options .create-comment-options-row > :last-child {
  margin-left: auto;
}
.dashboard-feedback-comments .create-comment-options .dcg-tooltip-hit-area-container,
.periscope-grading-tool .create-comment-options .dcg-tooltip-hit-area-container {
  width: fit-content;
}
.dashboard-feedback-comments .create-comment-options .request-revision-checkbox,
.periscope-grading-tool .create-comment-options .request-revision-checkbox {
  margin-bottom: 10px;
}
.dashboard-feedback-comments .dashboard-comment-footer .dropdown-anchor,
.periscope-grading-tool .dashboard-comment-footer .dropdown-anchor {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.dashboard-feedback-comments .dashboard-comment-footer .feedback-options-dropdown-container,
.periscope-grading-tool .dashboard-comment-footer .feedback-options-dropdown-container {
  display: inline-block;
  position: relative;
}
.dashboard-feedback-comments .dashboard-comment-footer .feedback-options-dropdown-container i,
.periscope-grading-tool .dashboard-comment-footer .feedback-options-dropdown-container i {
  font-size: 1em;
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.dashboard-feedback-comments .dashboard-comment-footer .feedback-options-dropdown-container .feedback-options-dropdown .dropdown-container,
.periscope-grading-tool .dashboard-comment-footer .feedback-options-dropdown-container .feedback-options-dropdown .dropdown-container {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  right: auto;
  font-size: 1.2em;
}
.dashboard-feedback-comments .dashboard-comment-footer .feedback-options-dropdown-container .feedback-options-dropdown .dropdown-container .dropdown-choice i,
.periscope-grading-tool .dashboard-comment-footer .feedback-options-dropdown-container .feedback-options-dropdown .dropdown-container .dropdown-choice i {
  font-size: 1.4em;
}
.dashboard-feedback-comments .confirm-delete-message,
.periscope-grading-tool .confirm-delete-message {
  background: #fbeae6;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 16px;
}
.dashboard-feedback-comments .confirm-delete-message .delete-actions,
.periscope-grading-tool .confirm-delete-message .delete-actions {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.dashboard-feedback-comments .confirm-delete-message .delete-actions .btn,
.periscope-grading-tool .confirm-delete-message .delete-actions .btn {
  height: auto;
  line-height: 2.375em;
}
.dashboard-feedback-comments .confirm-delete-message .delete-actions .btn + .btn,
.periscope-grading-tool .confirm-delete-message .delete-actions .btn + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}

/* src/js/dashboard/dashboard-access-modal.styl */
.dashboard-access-modal-contents .dashboard-access-modal-header,
.dashboard-access-modal-contents .dashboard-access-modal-details {
  margin-bottom: 10px;
}
.dashboard-access-modal-contents .dashboard-access-modal-header {
  font-size: 150%;
}
.dashboard-access-modal-contents .dashboard-access-modal-details {
  color: #676767;
}
.dashboard-access-modal-contents .dashboard-access-modal-details .share-dashboard-details,
.dashboard-access-modal-contents .dashboard-access-modal-details .pii-warning {
  margin-top: 1em;
  padding-bottom: 10px;
}
.dashboard-access-modal-contents .dashboard-access-modal-details .share-dashboard-details i,
.dashboard-access-modal-contents .dashboard-access-modal-details .pii-warning i {
  top: 4px;
  margin-right: 3px;
}
.dashboard-access-modal-contents .email-input-table-container .table-column-email {
  width: 100%;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.dashboard-access-modal-contents .email-input-table-container .table-column-delete .delete-row-button {
  width: 100%;
  text-align: center;
  margin-right: 5px;
}
.dashboard-access-modal-contents .dashboard-access-header {
  margin-top: 25px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.dashboard-access-modal-contents .dashboard-access-header .manage-coteacher {
  margin-left: auto;
}
.dashboard-access-modal-contents .dashboard-access-header .dashboard-access-header-title {
  color: #888;
  text-transform: uppercase;
  font-size: 90%;
}
.dashboard-access-modal-contents .add-coteacher-btn-container {
  width: 100%;
  text-align: center;
}
.dashboard-access-modal-contents .dashboard-access-error,
.dashboard-access-modal-contents .error-loading-block-message {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background: #f4c0b3;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.dashboard-access-modal-contents .dashboard-access-error i,
.dashboard-access-modal-contents .error-loading-block-message i {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
}
.dashboard-access-modal-contents .loading-dashboard-access {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}

/* src/js/dashboard/dashboard-correctness-indicator.styl */
.dashboard-correctness-indicator:not(.animating-out) {
  -webkit-animation: fadeIn 0.3s forwards;
  -moz-animation: fadeIn 0.3s forwards;
  -o-animation: fadeIn 0.3s forwards;
  -ms-animation: fadeIn 0.3s forwards;
  animation: fadeIn 0.3s forwards;
}
.dashboard-correctness-indicator.animating-out {
  -webkit-animation: fadeOut 0.3s forwards;
  -moz-animation: fadeOut 0.3s forwards;
  -o-animation: fadeOut 0.3s forwards;
  -ms-animation: fadeOut 0.3s forwards;
  animation: fadeOut 0.3s forwards;
}
.dashboard-correctness-indicator.in-grading-mode .correctness-indicator.correct,
.dashboard-correctness-indicator.in-grading-mode .correctness-indicator.incorrect,
.dashboard-correctness-indicator.in-grading-mode .correctness-indicator.warning {
  -webkit-box-shadow: 0 0 0 1px #666;
  box-shadow: 0 0 0 1px #666;
  background: #fff;
}
.dashboard-correctness-indicator.in-grading-mode .correctness-indicator i.correctness-icon {
  color: #676767;
}
.dashboard-correctness-indicator.in-grading-mode .score-indicator {
  bottom: 4px;
}
.dashboard-correctness-indicator .correctness-container {
  position: absolute;
  bottom: 9px;
  right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}

/* src/js/dashboard/grading/periscope-grading-button.styl */
.periscope-grading-button .score-indicator {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.periscope-grading-button .score-indicator .score-bubble {
  width: 37.5px;
  height: 37.5px;
  line-height: 37.5px;
}
.periscope-grading-button.is-not-pressed .score-bubble.score-0 {
  color: #676767;
  background: #f7f7f7;
  -webkit-box-shadow: 0 0 0 1px #676767;
  box-shadow: 0 0 0 1px #676767;
}
.periscope-grading-button.is-not-pressed .score-bubble.score-0.dcg-hovered {
  background: rgba(103,103,103,0.1);
}
.periscope-grading-button.is-not-pressed .score-bubble.score-0.dcg-depressed {
  background: rgba(103,103,103,0.2);
}
.periscope-grading-button.is-not-pressed .score-bubble.score-1 {
  color: #e5ddf0;
  background: #f7f7f7;
  -webkit-box-shadow: 0 0 0 1px #e5ddf0;
  box-shadow: 0 0 0 1px #e5ddf0;
}
.periscope-grading-button.is-not-pressed .score-bubble.score-1.dcg-hovered {
  background: rgba(229,221,240,0.1);
}
.periscope-grading-button.is-not-pressed .score-bubble.score-1.dcg-depressed {
  background: rgba(229,221,240,0.2);
}
.periscope-grading-button.is-not-pressed .score-bubble.score-2 {
  color: #ccb0eb;
  background: #f7f7f7;
  -webkit-box-shadow: 0 0 0 1px #ccb0eb;
  box-shadow: 0 0 0 1px #ccb0eb;
}
.periscope-grading-button.is-not-pressed .score-bubble.score-2.dcg-hovered {
  background: rgba(204,176,235,0.1);
}
.periscope-grading-button.is-not-pressed .score-bubble.score-2.dcg-depressed {
  background: rgba(204,176,235,0.2);
}
.periscope-grading-button.is-not-pressed .score-bubble.score-3 {
  color: #8c5dc2;
  background: #f7f7f7;
  -webkit-box-shadow: 0 0 0 1px #8c5dc2;
  box-shadow: 0 0 0 1px #8c5dc2;
}
.periscope-grading-button.is-not-pressed .score-bubble.score-3.dcg-hovered {
  background: rgba(140,93,194,0.1);
}
.periscope-grading-button.is-not-pressed .score-bubble.score-3.dcg-depressed {
  background: rgba(140,93,194,0.2);
}
.periscope-grading-button.is-not-pressed .score-bubble.score-4 {
  color: #6b3ba1;
  background: #f7f7f7;
  -webkit-box-shadow: 0 0 0 1px #6b3ba1;
  box-shadow: 0 0 0 1px #6b3ba1;
}
.periscope-grading-button.is-not-pressed .score-bubble.score-4.dcg-hovered {
  background: rgba(107,59,161,0.1);
}
.periscope-grading-button.is-not-pressed .score-bubble.score-4.dcg-depressed {
  background: rgba(107,59,161,0.2);
}
.student-activity-header .student-activity-header-center-content .halo-icon-button.no-score-button {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  border: 1px solid #bdbdbd;
}
.student-activity-header .student-activity-header-center-content .halo-icon-button.no-score-button:after {
  content: '';
  width: 5px;
  height: 2px;
  background: currentColor;
  position: relative;
  top: -2px;
  margin-bottom: -5px;
}

/* src/js/dashboard/grading/periscope-grading-tool.styl */
.periscope-grading-tool {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #f7f7f7;
}

/* src/js/dashboard/grading/score-indicator.styl */
.score-indicator.score-absolute-bottom-right {
  position: absolute;
  right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.score-indicator .score-bubble,
.score-indicator .score-pill,
.score-indicator .score-filled {
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  color: var(--white-01-white, #fff);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.score-indicator .score-bubble.score-0,
.score-indicator .score-pill.score-0,
.score-indicator .score-filled.score-0 {
  color: #fff;
  background: #676767;
}
.score-indicator .score-bubble.score-1,
.score-indicator .score-pill.score-1,
.score-indicator .score-filled.score-1 {
  color: #3b3b3b;
  background: #e5ddf0;
}
.score-indicator .score-bubble.score-2,
.score-indicator .score-pill.score-2,
.score-indicator .score-filled.score-2 {
  color: #3b3b3b;
  background: #ccb0eb;
}
.score-indicator .score-bubble.score-3,
.score-indicator .score-pill.score-3,
.score-indicator .score-filled.score-3 {
  color: #fff;
  background: #8c5dc2;
}
.score-indicator .score-bubble.score-4,
.score-indicator .score-pill.score-4,
.score-indicator .score-filled.score-4 {
  color: #fff;
  background: #6b3ba1;
}
.score-indicator .score-filled {
  height: 100%;
  width: 100%;
}
.score-indicator .score-filled.score-0.dcg-hovered {
  background: rgba(103,103,103,0.9);
}
.score-indicator .score-filled.score-0.dcg-depressed {
  background: rgba(103,103,103,0.8);
}
.score-indicator .score-filled.score-1.dcg-hovered {
  background: rgba(229,221,240,0.9);
}
.score-indicator .score-filled.score-1.dcg-depressed {
  background: rgba(229,221,240,0.8);
}
.score-indicator .score-filled.score-2.dcg-hovered {
  background: rgba(204,176,235,0.9);
}
.score-indicator .score-filled.score-2.dcg-depressed {
  background: rgba(204,176,235,0.8);
}
.score-indicator .score-filled.score-3.dcg-hovered {
  background: rgba(140,93,194,0.9);
}
.score-indicator .score-filled.score-3.dcg-depressed {
  background: rgba(140,93,194,0.8);
}
.score-indicator .score-filled.score-4.dcg-hovered {
  background: rgba(107,59,161,0.9);
}
.score-indicator .score-filled.score-4.dcg-depressed {
  background: rgba(107,59,161,0.8);
}
.score-indicator .score-bubble {
  border-radius: 50%;
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.score-indicator .score-bubble.score-0.dcg-hovered {
  background: rgba(103,103,103,0.9);
}
.score-indicator .score-bubble.score-0.dcg-depressed {
  background: rgba(103,103,103,0.8);
}
.score-indicator .score-bubble.score-1.dcg-hovered {
  background: rgba(229,221,240,0.9);
}
.score-indicator .score-bubble.score-1.dcg-depressed {
  background: rgba(229,221,240,0.8);
}
.score-indicator .score-bubble.score-2.dcg-hovered {
  background: rgba(204,176,235,0.9);
}
.score-indicator .score-bubble.score-2.dcg-depressed {
  background: rgba(204,176,235,0.8);
}
.score-indicator .score-bubble.score-3.dcg-hovered {
  background: rgba(140,93,194,0.9);
}
.score-indicator .score-bubble.score-3.dcg-depressed {
  background: rgba(140,93,194,0.8);
}
.score-indicator .score-bubble.score-4.dcg-hovered {
  background: rgba(107,59,161,0.9);
}
.score-indicator .score-bubble.score-4.dcg-depressed {
  background: rgba(107,59,161,0.8);
}
.score-indicator .score-pill {
  border-radius: 30px;
  width: fit-content;
  padding: 3px 10px;
}
.score-indicator .score-text {
  margin: auto;
  font-weight: 500;
}
.score-indicator .no-score {
  width: 100%;
  height: 100%;
}
.score-indicator .no-score:after {
  content: '';
  width: 5px;
  height: 2px;
  background: #fff;
  position: relative;
  top: -2px;
  margin-bottom: -5px;
}

/* src/js/dashboard/grading/sidebar-grading.styl */
.sidebar-grading {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.5);
  overflow-y: auto;
}
.sidebar-grading .selected-students-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.sidebar-grading .selected-students {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  color: var(--amp-body-color, #3b3b3b);
  background-color: #c2d7ef;
  border-radius: var(--amp-border-radius, 0.1875em);
  overflow: hidden;
}
.sidebar-grading .selected-students .students-label {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  background-color: #c2d7ef;
  font-family: benton-sans;
  font-weight: 400;
  font-size: 15px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.sidebar-grading .selected-students .students-label.dcg-hovered,
.sidebar-grading .selected-students .deselect-button.dcg-hovered {
  background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)), -webkit-linear-gradient(90deg, #c2d7ef, #c2d7ef);
  background: -moz-linear-gradient(90deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)), -moz-linear-gradient(90deg, #c2d7ef, #c2d7ef);
  background: -o-linear-gradient(90deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)), -o-linear-gradient(90deg, #c2d7ef, #c2d7ef);
  background: -ms-linear-gradient(90deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)), -ms-linear-gradient(90deg, #c2d7ef, #c2d7ef);
  background: linear-gradient(0deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)), linear-gradient(0deg, #c2d7ef, #c2d7ef);
}
.sidebar-grading .selected-students .students-label.dcg-depressed,
.sidebar-grading .selected-students .deselect-button.dcg-depressed {
  background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), -webkit-linear-gradient(90deg, #c2d7ef, #c2d7ef);
  background: -moz-linear-gradient(90deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), -moz-linear-gradient(90deg, #c2d7ef, #c2d7ef);
  background: -o-linear-gradient(90deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), -o-linear-gradient(90deg, #c2d7ef, #c2d7ef);
  background: -ms-linear-gradient(90deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), -ms-linear-gradient(90deg, #c2d7ef, #c2d7ef);
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), linear-gradient(0deg, #c2d7ef, #c2d7ef);
}
.sidebar-grading .selected-students .more-work-icon {
  font-size: 120%;
  padding: 5px 0 5px 10px;
}
.sidebar-grading .grading-student-name,
.sidebar-grading .student-count,
.sidebar-grading .deselect-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.sidebar-grading .grading-student-name,
.sidebar-grading .student-count-text {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.sidebar-grading .student-count {
  overflow: hidden;
}
.sidebar-grading .deselect-button {
  width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  border-left: 1px solid #fff;
}
.sidebar-grading .points-button {
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  font-family: benton-sans;
  font-weight: 400;
  border: 1px solid;
  border-radius: var(--amp-border-radius, 0.1875em);
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  background: #fff;
}
.sidebar-grading .points-button[aria-disabled=true] {
  cursor: default;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.sidebar-grading .points-button .number-label {
  width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
}
.sidebar-grading .points-button .text-label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  border-left: 1px solid;
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border-color: #fff;
}
.sidebar-grading .points-button[data-score="0"] {
  border-color: #676767;
  color: #3b3b3b;
}
.sidebar-grading .points-button[data-score="0"] .number-label {
  color: #fff;
  background: #676767;
}
.sidebar-grading .points-button[data-score="0"][aria-disabled=false]:not([aria-checked=true]).dcg-hovered {
  -webkit-box-shadow: 0 0 0 1px #676767;
  box-shadow: 0 0 0 1px #676767;
}
.sidebar-grading .points-button[data-score="0"][aria-disabled=false]:not([aria-checked=true]).dcg-depressed {
  color: rgba(88,88,88,1);
  -webkit-box-shadow: 0 0 0 1px rgba(88,88,88,1);
  box-shadow: 0 0 0 1px rgba(88,88,88,1);
}
.sidebar-grading .points-button[data-score="0"][aria-disabled=false]:not([aria-checked=true]).dcg-depressed .number-label {
  background: rgba(88,88,88,1);
}
.sidebar-grading .points-button[data-score="0"][aria-checked=true] {
  background: #676767;
  border-color: #676767;
  color: #fff;
  cursor: default;
}
.sidebar-grading .points-button[data-score="0"][aria-checked=true] .text-label {
  border-color: #fff;
  color: #fff;
}
.sidebar-grading .points-button[data-score="1"] {
  border-color: #e5ddf0;
  color: #3b3b3b;
}
.sidebar-grading .points-button[data-score="1"] .number-label {
  color: #3b3b3b;
  background: #e5ddf0;
}
.sidebar-grading .points-button[data-score="1"][aria-disabled=false]:not([aria-checked=true]).dcg-hovered {
  -webkit-box-shadow: 0 0 0 1px #e5ddf0;
  box-shadow: 0 0 0 1px #e5ddf0;
}
.sidebar-grading .points-button[data-score="1"][aria-disabled=false]:not([aria-checked=true]).dcg-depressed {
  color: rgba(195,188,204,1);
  -webkit-box-shadow: 0 0 0 1px rgba(195,188,204,1);
  box-shadow: 0 0 0 1px rgba(195,188,204,1);
}
.sidebar-grading .points-button[data-score="1"][aria-disabled=false]:not([aria-checked=true]).dcg-depressed .number-label {
  background: rgba(195,188,204,1);
}
.sidebar-grading .points-button[data-score="1"][aria-checked=true] {
  background: #e5ddf0;
  border-color: #e5ddf0;
  color: #3b3b3b;
  cursor: default;
}
.sidebar-grading .points-button[data-score="1"][aria-checked=true] .text-label {
  border-color: #3b3b3b;
  color: #3b3b3b;
}
.sidebar-grading .points-button[data-score="2"] {
  border-color: #ccb0eb;
  color: #3b3b3b;
}
.sidebar-grading .points-button[data-score="2"] .number-label {
  color: #3b3b3b;
  background: #ccb0eb;
}
.sidebar-grading .points-button[data-score="2"][aria-disabled=false]:not([aria-checked=true]).dcg-hovered {
  -webkit-box-shadow: 0 0 0 1px #ccb0eb;
  box-shadow: 0 0 0 1px #ccb0eb;
}
.sidebar-grading .points-button[data-score="2"][aria-disabled=false]:not([aria-checked=true]).dcg-depressed {
  color: rgba(173,150,200,1);
  -webkit-box-shadow: 0 0 0 1px rgba(173,150,200,1);
  box-shadow: 0 0 0 1px rgba(173,150,200,1);
}
.sidebar-grading .points-button[data-score="2"][aria-disabled=false]:not([aria-checked=true]).dcg-depressed .number-label {
  background: rgba(173,150,200,1);
}
.sidebar-grading .points-button[data-score="2"][aria-checked=true] {
  background: #ccb0eb;
  border-color: #ccb0eb;
  color: #3b3b3b;
  cursor: default;
}
.sidebar-grading .points-button[data-score="2"][aria-checked=true] .text-label {
  border-color: #3b3b3b;
  color: #3b3b3b;
}
.sidebar-grading .points-button[data-score="3"] {
  border-color: #8c5dc2;
  color: #3b3b3b;
}
.sidebar-grading .points-button[data-score="3"] .number-label {
  color: #fff;
  background: #8c5dc2;
}
.sidebar-grading .points-button[data-score="3"][aria-disabled=false]:not([aria-checked=true]).dcg-hovered {
  -webkit-box-shadow: 0 0 0 1px #8c5dc2;
  box-shadow: 0 0 0 1px #8c5dc2;
}
.sidebar-grading .points-button[data-score="3"][aria-disabled=false]:not([aria-checked=true]).dcg-depressed {
  color: rgba(119,79,165,1);
  -webkit-box-shadow: 0 0 0 1px rgba(119,79,165,1);
  box-shadow: 0 0 0 1px rgba(119,79,165,1);
}
.sidebar-grading .points-button[data-score="3"][aria-disabled=false]:not([aria-checked=true]).dcg-depressed .number-label {
  background: rgba(119,79,165,1);
}
.sidebar-grading .points-button[data-score="3"][aria-checked=true] {
  background: #8c5dc2;
  border-color: #8c5dc2;
  color: #fff;
  cursor: default;
}
.sidebar-grading .points-button[data-score="3"][aria-checked=true] .text-label {
  border-color: #fff;
  color: #fff;
}
.sidebar-grading .points-button[data-score="4"] {
  border-color: #6b3ba1;
  color: #3b3b3b;
}
.sidebar-grading .points-button[data-score="4"] .number-label {
  color: #fff;
  background: #6b3ba1;
}
.sidebar-grading .points-button[data-score="4"][aria-disabled=false]:not([aria-checked=true]).dcg-hovered {
  -webkit-box-shadow: 0 0 0 1px #6b3ba1;
  box-shadow: 0 0 0 1px #6b3ba1;
}
.sidebar-grading .points-button[data-score="4"][aria-disabled=false]:not([aria-checked=true]).dcg-depressed {
  color: rgba(91,50,137,1);
  -webkit-box-shadow: 0 0 0 1px rgba(91,50,137,1);
  box-shadow: 0 0 0 1px rgba(91,50,137,1);
}
.sidebar-grading .points-button[data-score="4"][aria-disabled=false]:not([aria-checked=true]).dcg-depressed .number-label {
  background: rgba(91,50,137,1);
}
.sidebar-grading .points-button[data-score="4"][aria-checked=true] {
  background: #6b3ba1;
  border-color: #6b3ba1;
  color: #fff;
  cursor: default;
}
.sidebar-grading .points-button[data-score="4"][aria-checked=true] .text-label {
  border-color: #fff;
  color: #fff;
}
.sidebar-grading .points-button[data-score="1"] {
  border-color: #ccb0eb;
}
.sidebar-grading .points-button[data-score="1"][aria-checked=true] {
  border-color: #ccb0eb;
}
.sidebar-grading .clear-selection-button-wrapper {
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.sidebar-grading .clear-selection-button-wrapper .btn {
  width: 100%;
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  font-family: benton-sans;
}
.sidebar-grading .grading-disabled-message {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  text-align: center;
}
.grading-panel .icon-label-container {
  font-family: benton-sans;
  font-weight: 400;
  font-size: 18px;
}

/* src/js/dashboard/shared/comment-view.styl */
.dashboard-feedback-comment .dcg-prosemirror-editor .ProseMirror {
  background: #fff;
  min-height: 3.5em;
  max-height: 6.5em;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  margin-bottom: 8px;
  overflow-y: auto;
  z-index: 0;
}
.dashboard-feedback-comment .dcg-prosemirror-editor .ProseMirror:hover {
  -webkit-box-shadow: 0 0 0 0.0625em #9c0d63 inset;
  box-shadow: 0 0 0 0.0625em #9c0d63 inset;
  border: 0.0625em solid #9c0d63;
}
.dashboard-feedback-comment .dcg-prosemirror-editor.dcg-focused .ProseMirror {
  border: 1px solid #4781b9;
  -webkit-box-shadow: 0 0 0 1px #4781b9;
  box-shadow: 0 0 0 1px #4781b9;
  background: #fff;
  -webkit-box-shadow: 0 0 0 0.125em #fff, 0 0 0 0.3125em var(--amp-focus-color, #9c0d63), 0 0 0 0.0625em #9c0d63 inset;
  box-shadow: 0 0 0 0.125em #fff, 0 0 0 0.3125em var(--amp-focus-color, #9c0d63), 0 0 0 0.0625em #9c0d63 inset;
  border-color: #9c0d63;
}
.dashboard-feedback-comment .dcg-prosemirror-editor.dcg-hovered:not(.dcg-read-only) .ProseMirror {
  border: 1px solid #bdbdbd;
  -webkit-box-shadow: 0 0 0 1px #bdbdbd;
  box-shadow: 0 0 0 1px #bdbdbd;
  background: #fff;
}
.dashboard-feedback-comment .dcg-prosemirror-editor.dcg-read-only .ProseMirror {
  background: unset;
}

/* src/js/dashboard/snapshots/presentation/interactive.styl */
.interactive-snapshot .interactive-sandbox-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 55px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: #fff;
}
.interactive-snapshot .interactive-snapshot-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #3278c8;
  color: #fff;
  height: 55px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.interactive-snapshot .interactive-header-center-content {
  width: 80px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.interactive-snapshot .interactive-header-center-content i {
  color: #fff;
}
.interactive-snapshot .interactive-header-left-content,
.interactive-snapshot .interactive-header-right-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: calc(50% - 40px);
}
.interactive-snapshot .h3.interactive-screen-title {
  margin: 0;
  max-width: calc(100% - 57.5px);
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.interactive-snapshot .h3.interactive-screen-title .screen-number {
  padding-right: 15px;
  margin-right: 15px;
}
.interactive-snapshot .h3.interactive-screen-title .screen-number span {
  position: relative;
}
.interactive-snapshot .h3.interactive-screen-title .screen-number span:after {
  content: '';
  height: 65%;
  width: 2px;
  position: absolute;
  right: -17px;
  top: 0;
  background-color: rgba(255,255,255,0.5);
  margin: 4px 0;
}
.interactive-snapshot .h3.interactive-screen-title .student-name {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.interactive-sandbox {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  margin: auto;
}
.interactive-sandbox .full-border-in-modal {
  border: 1px solid #e2e2e2;
}
.interactive-sandbox .preview-student-navigation-container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.interactive-sandbox .preview-student-navigation-container .student-step-container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.interactive-header-center-content label.amplify-uppercase {
  z-index: 1;
}

/* src/js/dashboard/snapshots/snapshot-camera.styl */
.snapshot-camera.btn {
  width: var(--snapshot-camera-size, 2.5em);
  height: var(--snapshot-camera-size, 2.5em);
  line-height: var(--snapshot-camera-size, 2.375em);
  text-align: center;
  font-size: var(--snapshot-camera-font-size);
  border-radius: 50%;
  padding: var(--snapshot-camera-padding, 0 4px);
  position: relative;
  bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  z-index: 1;
}
.snapshot-camera.btn.active {
  background: rgba(0,0,0,0.1);
}
.snapshot-camera.btn:not(.dark-background):not(.active) {
  text-shadow: calc(1px * -1) calc(1px * -1) 0 #fff, calc(1px * -1) 1px 0 #fff, 1px calc(1px * -1) 0 #fff, 1px 1px 0 #fff, 0 calc(1px * -1) 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, calc(1px * -1) 0 0 #fff;
}
.snapshot-camera.btn.dark-background {
  color: #fff;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
}
.snapshot-camera.btn.dark-background.dcg-hovered {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.snapshot-camera.btn.dark-background.dcg-depressed {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.snapshot-camera.btn.dark-background .snapshot-captured.display-notice-below {
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: rgba(255,255,255,0.3);
  padding: 4px 8px;
  font-size: 0.8em;
  line-height: 1em;
}
.snapshot-camera.btn .snapshot-captured {
  color: #00866b;
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-animation: fadeInOut 1.5s forwards;
  -moz-animation: fadeInOut 1.5s forwards;
  -o-animation: fadeInOut 1.5s forwards;
  -ms-animation: fadeInOut 1.5s forwards;
  animation: fadeInOut 1.5s forwards;
  white-space: nowrap;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.snapshot-camera.btn .snapshot-captured.error {
  color: #db2e00;
}
.snapshot-camera.btn .snapshot-captured:not(.display-notice-below) {
  position: absolute;
  right: var(--snapshot-captured-positioning-right, calc(2.5em + 4px));
  height: var(--snapshot-camera-size, 2.5em);
  padding: 0 5px 0 20px;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 10%, #fff 100%);
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 10%, #fff 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 10%, #fff 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 10%, #fff 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 10%, #fff 100%);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.snapshot-camera.btn .snapshot-captured.display-notice-below {
  position: absolute;
  top: 30px;
  right: 5px;
  padding: 0 5px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px #fff;
  box-shadow: 0 0 10px #fff;
  z-index: 1;
}
.dcg-explain-your-answer .snapshot-camera.btn {
  bottom: 0;
}
@-moz-keyframes snapshotFlash {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.25, 0.25);
    -moz-transform: scale(0.25, 0.25);
    -o-transform: scale(0.25, 0.25);
    -ms-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25);
  }
  15% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transform: scale(0.25, 0.25);
    -moz-transform: scale(0.25, 0.25);
    -o-transform: scale(0.25, 0.25);
    -ms-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25);
  }
  100% {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes snapshotFlash {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.25, 0.25);
    -moz-transform: scale(0.25, 0.25);
    -o-transform: scale(0.25, 0.25);
    -ms-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25);
  }
  15% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transform: scale(0.25, 0.25);
    -moz-transform: scale(0.25, 0.25);
    -o-transform: scale(0.25, 0.25);
    -ms-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25);
  }
  100% {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes snapshotFlash {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.25, 0.25);
    -moz-transform: scale(0.25, 0.25);
    -o-transform: scale(0.25, 0.25);
    -ms-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25);
  }
  15% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transform: scale(0.25, 0.25);
    -moz-transform: scale(0.25, 0.25);
    -o-transform: scale(0.25, 0.25);
    -ms-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25);
  }
  100% {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes snapshotFlash {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.25, 0.25);
    -moz-transform: scale(0.25, 0.25);
    -o-transform: scale(0.25, 0.25);
    -ms-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25);
  }
  15% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transform: scale(0.25, 0.25);
    -moz-transform: scale(0.25, 0.25);
    -o-transform: scale(0.25, 0.25);
    -ms-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25);
  }
  100% {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

/* src/js/dashboard/snapshots/take-picture/camera.styl */
.modal-camera.has-qr .camera-component {
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 120px;
  right: 10px;
}
.modal-camera:not(.has-qr) .camera-component {
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 0;
  right: 0;
}
.camera-component .permission-message,
.camera-component .error-message {
  text-align: center;
  margin: 60px auto;
  font-size: 140%;
  padding: 10px;
  color: var(--picture-modal-font-color-primary, #676767);
  max-width: 640px;
}
.camera-component .permission-message .main-error,
.camera-component .error-message .main-error {
  padding: 20px;
}
.camera-component .permission-message .error-link,
.camera-component .error-message .error-link {
  font-size: 80%;
}
.camera-component .permission-message .pillow-icon-error,
.camera-component .error-message .pillow-icon-error {
  display: block;
  font-size: 150%;
  color: #fa824c;
}
.camera-component .permission-message .blue-link,
.camera-component .error-message .blue-link {
  margin: 0 5px;
}
.camera-component .take-picture-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.camera-component .take-picture-container .video-container {
  position: absolute;
  top: var(--video-container-position-top, 10px);
  bottom: var(--video-container-position-bottom, 90px);
  left: var(--video-container-position-left, 10px);
  right: var(--video-container-position-right, 10px);
  border: 1px solid #bdbdbd;
  border-radius: var(--border-radius-medium, 5px);
}
.camera-component .take-picture-container .video-container video {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-medium, 5px);
}
.camera-component .take-picture-container .button-container {
  position: absolute;
  bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* src/js/dashboard/snapshots/take-picture/candidate.styl */
.edit-picture-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  padding-bottom: var(--edit-picture-container-padding-bottom, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.edit-picture-container .candidate-container {
  border: var(--candidate-container-border, 1px solid #bdbdbd);
  background: var(--candidate-container-background, #f6f6f6);
  border-radius: var(--border-radius-medium, 0);
  overflow: auto;
}
.edit-picture-container .candidate-container img {
  object-position: 50% 50%;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.edit-picture-container .buttons-container {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.edit-picture-container .buttons-container .edit-controls {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.edit-picture-container .buttons-container .edit-controls .controls-group {
  padding-top: var(--controls-group-padding-top, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  max-width: fit-content;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.edit-picture-container .buttons-container .edit-controls .rotate-btn i {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.edit-picture-container .buttons-container .edit-controls .edit-control-btn {
  color: var(--edit-control-btn-color, var(--amp-body-color, #3b3b3b));
  border: var(--edit-control-btn-border, 1px solid transparent);
  border-radius: var(--border-radius-large, 1.25em);
  background: var(--edit-control-btn-background, transparent);
}
.edit-picture-container .buttons-container .edit-controls .edit-control-btn + .edit-control-btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.edit-picture-container .buttons-container .edit-controls .edit-control-btn.dcg-hovered {
  color: var(--edit-control-btn-color, var(--amp-body-color, #3b3b3b));
  background: var(--edit-control-btn-background-hover, rgba(0,0,0,0.05));
}
.edit-picture-container .buttons-container .edit-controls .edit-control-btn.dcg-depressed {
  background: var(--edit-control-btn-background-depressed);
  color: var(--edit-control-btn-color-depressed);
  border-color: #5e083b;
}
.edit-picture-container .buttons-container .edit-controls .edit-control-btn.contrast-on {
  background: var(--edit-control-btn-background-contrast-on, #3278c8);
  border-color: var(--edit-control-btn-color-contrast-on, transparent);
  color: #fff;
}
.edit-picture-container .buttons-container .edit-controls .edit-control-btn.contrast-on.dcg-hovered {
  background: var(--edit-control-btn-background-contrast-on-hover, #1e4878);
}
.edit-picture-container .buttons-container .edit-controls .edit-control-btn.contrast-on.dcg-depressed {
  background: var(--edit-control-btn-background-contrast-on-depressed, #0f243c);
  color: var(--edit-control-btn-color-contrast-on-depressed, #fff);
}
.edit-picture-container .buttons-container .edit-controls .cancel-candidate {
  margin-right: var(--cancel-candidate-margin-right, 20px);
}
.edit-picture-container .buttons-container .edit-controls .cancel-candidate.k5-button-secondary {
  -webkit-box-shadow: var(--secondary-button-box-shadow);
  box-shadow: var(--secondary-button-box-shadow);
  line-height: var(--secondary-button-line-height);
  padding: var(--button-padding);
}
.edit-picture-container .buttons-container .edit-controls .cancel-candidate.k5-button-secondary.dcg-depressed {
  -webkit-box-shadow: var(--secondary-button-box-shadow-depressed);
  box-shadow: var(--secondary-button-box-shadow-depressed);
}
.edit-picture-container .buttons-container .edit-controls .cancel-candidate i {
  font-size: var(--submit-upload-icon-font-size);
  position: relative;
}
.edit-picture-container .buttons-container .edit-controls .confirm-candidate.is-uploading {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.edit-picture-container .buttons-container .edit-controls .confirm-candidate i {
  font-size: var(--submit-upload-icon-font-size);
  position: relative;
}
.edit-picture-container .buttons-container .edit-controls .contrast-btn:not(.edit-control-btn).contrast-on {
  background: #0069e4;
  border-color: transparent;
  color: #fff;
}
.edit-picture-container .buttons-container .edit-controls .contrast-btn:not(.edit-control-btn).contrast-on.dcg-hovered {
  background: #0058bf;
}
.edit-picture-container .buttons-container .edit-controls .contrast-btn:not(.edit-control-btn).contrast-on.dcg-depressed {
  background: #0f243c;
  color: #fff;
}
.edit-picture-container .buttons-container .edit-controls .contrast-btn:not(.edit-control-btn).contrast-on.btn-raised {
  -webkit-box-shadow: 0 0.25em 0 #004597;
  box-shadow: 0 0.25em 0 #004597;
}
.edit-picture-container .buttons-container .vertically-aligned {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: auto;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.edit-picture-container .buttons-container .vertically-aligned .contrast-btn {
  margin-right: 34px;
  margin-left: 34px;
}
@media screen and (max-width: 670px) {
  .edit-picture-container .edit-controls .cancel-candidate.btn-oval {
    display: none;
  }
}
@media screen and (max-width: 774px) {
  .edit-picture-container .edit-controls .cancel-candidate:not(.btn-oval) {
    display: none;
  }
}

/* src/js/dashboard/snapshots/thumbs/expression-thumb.styl */
.expression-thumb-view {
  padding: 10px 15px 10px 5px;
}

/* src/js/dashboard/snapshots/thumbs/text-thumb.styl */
.text-thumb-view {
  padding: 10px 20px 10px 10px;
}

/* src/js/dashboard/student-periscope.styl */
.student-periscope.modal-cover .student-navigation-container {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.student-periscope.modal-cover .preview-modal-title {
  text-transform: uppercase;
  color: #bbb;
  font-size: 20px;
  width: calc(50% - 110px);
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.student-periscope.modal-cover .full-border-in-modal {
  border: 1px solid #e2e2e2;
  margin: 0 10px 10px 10px;
}
.student-periscope.modal-cover .edit-activity-link {
  color: #4781b9;
  text-decoration: none;
  position: relative;
  z-index: 1;
}
.student-periscope.modal-cover .edit-activity-link i {
  margin-right: 7px;
  font-size: 80%;
}
.student-periscope.modal-cover .periscope-loading-message-container {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  z-index: 4;
}
.student-periscope.modal-cover .periscope-loading-message-container .loading-message {
  font-size: 125%;
}
.student-periscope.modal-cover .periscope-header .periscope-header-content-left {
  z-index: 2;
  font-family: var(--header-font-family);
  position: absolute;
  left: 8px;
  top: var(--student-periscope-header-content-top, 0px);
  height: 55px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: calc(50% - 155px);
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.student-periscope.modal-cover .periscope-header .periscope-header-content-left .student-name-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
  width: 100%;
}
.student-periscope.modal-cover .periscope-header .periscope-header-content-left .student-navigation-arrows {
  padding: 0.25em 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.student-periscope.modal-cover .periscope-header .periscope-header-content-left .student-navigation-arrows i {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  height: 1em;
  width: 1em;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
  color: #676767;
  border-radius: 50%;
}
.student-periscope.modal-cover .periscope-header .periscope-header-content-left .student-navigation-arrows i.dcg-hovered:not(.disabled) {
  background: rgba(0,0,0,0.05);
}
.student-periscope.modal-cover .periscope-header .periscope-header-content-left .student-navigation-arrows i.dcg-depressed:not(.disabled) {
  background: rgba(0,0,0,0.1);
}
.student-periscope.modal-cover .periscope-header .periscope-header-content-left .student-navigation-arrows i.disabled {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  pointer-events: none;
}
.student-periscope.modal-cover .periscope-header .periscope-header-content-left .student-navigation-arrows i:focus-visible {
  background: rgba(0,0,0,0.05);
  height: 0.8em;
  width: 0.8em;
  left: 0.1em;
  top: 0.1em;
  margin-bottom: 0.2em;
}
.student-periscope.modal-cover .periscope-header .periscope-header-content-left .student-navigation-arrows i.icon-v2-caret-up:before {
  position: relative;
  top: -1.5px;
}
.student-periscope.modal-cover .periscope-header .periscope-header-content-left .student-navigation-arrows i.icon-v2-caret-down:before {
  position: relative;
  top: 1px;
}
.student-periscope.modal-cover .periscope-header .periscope-header-content-left .student-information {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  max-width: calc(100% - 34px);
  height: 55px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.student-periscope.modal-cover .periscope-header .periscope-header-content-left .student-information .preview-student-name {
  font-size: 1.2em;
  font-family: var(--amp-student-body-font);
}
.student-periscope.modal-cover .periscope-header .periscope-header-content-left .student-information .preview-student-count {
  font-family: var(--amp-student-body-font);
  line-height: 0.8em;
  color: #676767;
  margin-top: calc(($rhythm-unit * 0.25));
}
.student-periscope.modal-cover .periscope-header .answer-toggle-container {
  margin-left: 5px;
}
.student-periscope.modal-cover .periscope-header .answer-key-toggle-option {
  display: inline-block;
  border: 1px solid #4781b9;
  text-align: center;
  padding: 5px;
  width: 120px;
}
.student-periscope.modal-cover .periscope-header .answer-key-toggle-option:first-of-type {
  border-radius: 5px 0 0 5px;
}
.student-periscope.modal-cover .periscope-header .answer-key-toggle-option:not(:first-of-type) {
  border-radius: 0 5px 5px 0;
}
.student-periscope.modal-cover .periscope-header .answer-key-toggle-option:not(.selected) {
  color: #4781b9;
  background: #fff;
}
.student-periscope.modal-cover .periscope-header .answer-key-toggle-option:not(.selected).dcg-hovered {
  background: rgba(71,129,185,0.25);
}
.student-periscope.modal-cover .periscope-header .answer-key-toggle-option:not(.selected).dcg-depressed {
  background: rgba(71,129,185,0.75);
  color: #fff;
}
.student-periscope.modal-cover .periscope-header .answer-key-toggle-option.selected {
  background: #4781b9;
  color: #fff;
}
.student-periscope.modal-cover.challenge-creator-modal .student-sandbox-navigation-container .screens-container {
  margin-top: 0;
}
@media screen and (max-width: 850px) {
  .student-periscope.modal-cover .preview-modal-title,
  .student-periscope.modal-cover .edit-activity-link {
    display: none;
  }
  .student-periscope.modal-cover .answer-toggle-container {
    padding-left: 5px;
  }
  .student-periscope.modal-cover .answer-toggle-container .answer-key-toggle-option {
    width: 85px;
    font-size: 75%;
  }
}

/* src/js/lib/albany/touchtracking.css */
/*
  we want to position things relative to the dcg-tap-container, e.g. tooltips.
  but putting position:relative on body breaks layout. if it's the whole body,
  then we don't need to worry about absolute positioning of a child relative to
  the element anyhow
*/
.dcg-tap-container:not(body) {
  position: relative; /*so that we can absolutely position e.g. tooltips inside of our API*/
}

.dcg-focus-by-tap:focus {
  outline: none;
}

/* src/js/lib/dcgview-shim.styl */
[ontap] {
  cursor: pointer;
}

/* src/js/lib/small-screen-notice.styl */
.small-screen-notice.modal-cover.full-width {
  text-align: center;
}
.small-screen-notice.modal-cover.full-width .modal-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.small-screen-notice.modal-cover.full-width .modal-contents-wrapper {
  padding: 20px 40px 60px;
  border-radius: 0;
}
.small-screen-notice.modal-cover.full-width .small-screen-image {
  width: 40%;
  padding: 15px 15px 0;
}
.small-screen-notice.modal-cover.full-width .title {
  font-weight: 300;
  font-size: 200%;
  margin: 30px auto;
}
.small-screen-notice.modal-cover.full-width .message {
  font-size: 120%;
  margin-bottom: 30px;
}
.small-screen-notice.modal-cover.full-width .amp-link {
  display: inline-block;
  margin: 0 auto;
}

/* src/js/packages/rich-text-view/prosemirror/mq-node.styl */
.dcg-mq-node {
  position: relative;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
  display: inline-block;
}
.dcg-mq-node .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode {
  border: 1px solid transparent;
}
.dcg-mq-node .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode .dcg-mq-root-block {
  overflow: visible;
  vertical-align: baseline;
}
.dcg-mq-node .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode.dcg-mq-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px dotted #999;
}
.dcg-mq-node .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode * {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
.dcg-mq-node .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode * ::selection {
  background: rgba(0,0,0,0);
}
.dcg-mq-node .dcg-calculator-api-container-v1_11 .dcg-mq-math-mode * ::-moz-selection {
  background: rgba(0,0,0,0);
}
.dcg-mq-node .dcg-mq-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border: 0;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

/* src/js/packages/rich-text-view/prosemirror/prosemirror-custom.styl */
/* Copied from src/js/activitybuilder/components/shared/prosemirror/prosemirror-custom.styl */
.prosemirror-container {
  line-height: 1.2em;
  position: relative;
}
.prosemirror-container .dcg-prosemirror-editor {
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  position: relative;
  z-index: 0;
}
.prosemirror-container .dcg-prosemirror-editor .ProseMirror {
  outline: none;
}
.prosemirror-container .dcg-prosemirror-editor p {
  margin: 0;
  padding: 0;
}
.prosemirror-container .dcg-prosemirror-editor h1,
.prosemirror-container .dcg-prosemirror-editor h2 {
  line-height: 1.2em;
}
.prosemirror-container .dcg-prosemirror-editor ul {
  margin: 10px 0;
  padding: 0 10px;
  list-style-position: outside;
}
.prosemirror-container .dcg-prosemirror-editor ul li {
  margin-left: 12px;
}

/* src/js/player-api/api.styl */
:where(.dcg-activity-player-api-container) {
/** TODO!
  /*  these are copied from shared-page-styles.scss
  /*  but are too specific to include in their current form.
   **/
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute !important;
}
:where(.dcg-activity-player-api-container) * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
:where(.dcg-activity-player-api-container) .dcg-focus-by-tap:focus {
  outline: none;
}
:where(.dcg-activity-player-api-container) .momentum-scroll {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
}
:where(.dcg-activity-player-api-container) textarea {
  font: inherit;
  resize: none;
  overflow-y: auto;
  overflow-x: hidden;
}
:where(.dcg-activity-player-api-container) .screens-container .dcg-student-screen {
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  transition: opacity 0.4s;
  -webkit-animation: dcg-fadeIn 0.4s;
  -moz-animation: dcg-fadeIn 0.4s;
  -o-animation: dcg-fadeIn 0.4s;
  -ms-animation: dcg-fadeIn 0.4s;
  animation: dcg-fadeIn 0.4s;
}
:where(.dcg-activity-player-api-container) .dcg-mq-root-block sup {
  top: 0 !important;
}

/* src/js/shared-components/Abraham.css */
@font-face {
  font-family: Abraham;
  src: url(data:application/font-woff;base64,d09GRk9UVE8AABesAAoAAAABsHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAGCAAAESoAAZxTwK+1TU9TLzIAAAFMAAAASAAAAGBqcY7HY21hcAAAArwAAAM/AAAM5C7FvppoZWFkAAAA9AAAAC8AAAA2C10Dp2hoZWEAAAEkAAAAHwAAACQGhwJ4aG10eAAAFzQAAAAkAAACiN3nXcBtYXhwAAABRAAAAAYAAAAGAKJQAG1ldGEAABdYAAAAUQAAAFXVMTtBbmFtZQAAAZQAAAEmAAACx11IF6xwb3N0AAAF/AAAAAwAAAAgAAMAAHgBY2BkYADh+nP6yvH8Nl8ZmJlfMADBlQ8P9BH0f3OmFGYjIJeZgQkkCgBSDwurAHgBY2BkYGBW+2/HwMD0myHl/xymX0ARVLAIAIH7BgMAAABQAACiAAB4AWNgZvrC+IWBlYGBqYtpNwMDQw+EZrzPYMjIxIAKmMEkC4QTAQQMDgy8GvbMav/tgJJGDCeBwoxghXLMcgwKQMgAAHxDCyh4AUzOuwkCYRBF4TP7frO7ghgZiBhbwGbagJFlWIAlmduFPckPN7jZx8wwHOAcXwIACJCDHbmcUbPJOUcecmE3JSc+csWBp1zbz8bcmjtzbx7Mo3kyz9awWOea5mlTtEBGyMGFvZwxcZNzNl5yYTcld35yxZW3XNvPxtyaO3NvHsyjeTLP1rBY55rm/6rGGFVDGAjCc5RcQFGws7Kxs7Gwj7pqMCaw6v3/wTwehJCE3Rm+z8B0s9rDXkWIoXiDW+Iq6DBDYXHwXigQEBH4v3wdFk4rZJT99VYxQrAz8ixrXVZV0/4xiUzE/26NEhVPgzaXJEUuyMmT6O1iMMnQx/Dc4jcz2FOUS64xsa+44T6WyWz9t3uYCjw2pgMsTk6amqn9A7mESTQAAHgBDMVlMwQBAADQt9gxY8Y3P0Bb3b2a1d3d3Vzccfx23peHIsUCVPxfRhgrCSOCJKBUgnKVqlSrUatOvQaRRk2atWjVpl2HTl269ejVp9+AQUOGxUaMGjNuwqQp02YkZs2Zt2DRkmUrVq1Zt2HTlm07du3Zd+DQkWMnTp05d+HSlWs3bt259+DRk2cvXr159+FTSlpGVk7el28FP379sU/fOE4GUBDHne1dh83BOdt/55yD78LJEBXX4BbUnIH+Y4opOIAlhOQZ/YrXjvS+EiJMhCgx4iRIkuKOe9JkyJLjgUeeeOaFV95454NP8hQoUqJMhSo16jRo0qJNhy7Qo8+AISPGTJgyY86CJSvWbNiyY8+BIyfOXIJAK15lx9uOwe/g13/dHz+//Nvq26+RWzISSn739U3+TtbCUrOI1C0qDYtJ0+LSsoS0LSkdS0nX7gS7l56lpW8ZGVhWhpaTkT3I2B5lYk8ytWeZ2YvM7VUW9iZLe5eVfcjaPmVjedlaQXZWlL2V5GBlOVpFTlaVs9XkYnX5wwI93TAAAAAQXa22bdt2O3tzyX28BV5AXAfFdQheh8V1RFxHxXVMXMfFdUJcJ8V1SlynxXUGXmfFdU5c58V1QVwXxXVJXJfFdUVcV8V1TVzXxXVDXDfhdQtet+F1B1534XUPXvfh9QBeD+H1CF6P4fUEXk/h9Qxez+H1Al4v4fUKXq/h9QZeb+H1Dl7v4fUBXh/h9Qlen+H1BV5f4fUNXt/h9QNeP+H1C16/4fUHXn/h9U9/EujaCAEAAGAg7u4CfcZmVC6X4hd4r3/qmoG6ZqiuGcVrxvGaSbxmGq+ZxWvm8ZpFvGYZr1mpa9bqmo26Zquu2alr9uqag7rmqK45qWvO6pqLuuaqrrmpa+7qmoe65qmuealr3uqaj7rm+y8pro4aAAAoCF4luLu7lIZD3F1I0mnezH3srHjLK+I9r4qPvCY+87r4yhviO2+Kn7wlfvO2+Ms7opB3RTHviVLeF+V8ICr5UFTzkajlY1HPJ6KRT0Uzn4lWPhftfCE6+VJ085Xo5WvRzzdikG/FMN+JUb4X4/wgJvlRTPOT+M/PYpZfxDy/isUS0BD9swB4AWNgZsALAAB9AAR4AVTRe3RU1RUG8O/bNzElREIAiSEPE9NoxIbm/aCyXAHkUUgoxKYBFpI7M2cyQ2bundyZSYAlVqstVowghVItlAq0gFiEghYFhTZVIxUVSSuIysMSpUBBYyFpinbIYa2u/nN/e+117t777EPEESTTql2O6TODlm1FLb/b9qhZqikaMB2QzO9NR2+G9GYYvZlxy/rn9b3ctzw+E4iX5Nj3hntSlmWCa+uGYZOAyEU5xmESpmEmZsMNP0JYhEfQjjVYj43Ygu3YjZfwCg6gA514C+/iCI7iI5xCNy6iB734mgkcxEQOZhJv5BAmcyhTOIzDOYI3cSRTeTPTOIrpzGAms3gLs5nDW5nLMazgBNaygfN4H+ezkSZddNNDRS+b6KOfC9jMAIO0aDPEFjoMM8IoW9nGB/kw27mGm7mdL3AfO3iQh3mUJ9jNC/yS/SIySIZKqmRJnnxLSmSsVMsUmSH1Mk880iyOLJIHZak8IatlrWyUZ2Wn7JH98rocki45LqflrFySK/KVEW8kGcONUUaOkW982yg3xhkTjWnGLGO20Wg01Ssn7Let7KIxhYWl35lkW5GwCniza8xm5cSSsfT1JyuwbKvg/x/NHTvt2IEJs8Ih063UQnfADLZE7YjyuAJWNOi6VrrJ8tiB2NmQctzKipjBWBA2Lc/AubDfagqokOkoK6C8kYHA8Tf5ImY4ohx/uDkUiIbddjBo+haFfMoKxZK2Jxwww77FyrFtS0Xa7IjPUcprRx2vvzVWcWFYtSpLXati+S3ltgO2FVZB/0AQUOGwaomagSZHmbEWLVEVjsSub0aqx0+YeM+kyVOmfnfa9JraGd+bOavu3u/X/6Bh9pzY9d3NKnJtQFcsGuh+PXd9Vrff7/Y77mgwanmUExvYUU2O2apMl9ujvE0+/4LmQNCyQy1OOBJtbVu4aPG1/5Wu6AzE/6sU8Qc8KrZrl6PM5th+BnYb23txZWGhpkhTrCnRlGrKNOWaCk2lpkpjalwat8ajURrvAEWFmiJNsaZEU6op05RrKjSVmiqNqXFp3BqPRml0v+JCTZGmWFOiKdWUaco1FZpKTZXG1Lg0bo1HozS6X0mhpkhTrCnRlGrKNOWaCk2lpkpjalwat8ajURovAD7GZXyc7XyCy7mCT3Ilf8ZVXM2fcw1/waf4NH/JtVzHX3E9f81nuIEbuYm/4W+5mVu4lc9yG5/j77idz3MHd/L33MXdfIEv8g/cw5f4MvdyH1/hq9zPA/wj/8QO/pmv8XW+wU6+yYP8C9/iIb7Nd/guD/M9HmEX/8q/8X0e5TF+wOP8kB/xY57gSZ7iaX7Cv/MMu/kpP+NZ/oPneJ4X+E9e5CV+zi/Ywy/5L17mFfayj/9mP//Dq/yKXwuEImJInMTLDZIg35BBkiiDJUlulCGSLEMlRYbJcBkhN8lISZWbJU1GSbpkSKZkyS2SLTlyq+TKNyVPbpPbJV/ukNHYYAAE4oAEIBGyAvEjkbAWiaORtAPJ5UjZhxHjMbITabVI70LWHGSfRK4XeeeR34o741CwEoXZKN6OsrtQcRBjG3DXadwdQvVlTLwfkwVTH8X0IahdhZmjUHcI9XVoOIa58zHvDBqb4focqg2+AizYhWAV7P2IbETbHVj0PO4vwwN78VA1Hn4DP6nBo0ewbDbaT2CFwspzWN2CNVfw9BKsM7D+p9iQjE2rsXkKtr6N5+7F9g+wsxG7uvFiAHu+wN4teHUMDuxGx1h0ZuHgJhwajXd24L1ydO3D++NxrBMf1uLjLpyag09OotuLz87jnIMLvbj0AHri0JOAngZcHozep9Cfi6tbiRLKm4yfwYRjTJzPpLNMDjPlKkcsY2oa09YzI49Z25hTxdz9vK2G+Ud4p8mCT1kYZHEPy5aw0uDYdo5L593PcPztnLiTkys49TVOn8baw5w5l3VnWG+zoY9zl/K+FDaupzuPahd9P2bzYFo5DG1juIrRDi6s4eLjXOLnDy/yR1E+0s+lD/GxBD7ezuWpfHIdV+X2ZQ35b3vXH1tXXcXvq5TcdRtFs8rohkPHCjRzndK0lrAR1iZbg6nGpzJmSUqmf1DTwQDdEn4IMoP6VWZeTP8QdGo3S5bGOKKsiUVTQjqXVTeYzKX9Z2Rdt1nMuh9dJm3f8d7PTb/t3mt4vcJp77t8EnLv+L737rnnns/9nPM95/s9vVLr//ffF4xI1fbyEmMKpeCba18x/r/Me09iYPzF7gYTfLTy9Zdk7J2uz5QYcb5Q8z2RtyoWiPPZI5dEDvQ8a9zghGEcDAZc/9TxDXzRG67/HH5s3OCEYe/w6mH/osk9rqSPLxo0uiKcE09tlsStQ6W+mOuP1YlcqPmROAt7tomcu73LuMEJwzgYDLj+qbgVX/SGk7/Hj40bnDDsHTq+4l90uNkVWfb9X+pqAiVwULbJz9pXG9WHNWMUJk59dRAo1LUdUKgrIvHwxiOxsN0kCvPdJlHkQjJItN+n+KNQOlP1ma939YTW5ddB6/KFBsPTa31wQuu3L0Drty8aDGe93jjoinHWt+yHNvF4r9QZImpoxPunCxFrO33A62oCTiQKYzBLUYCI3iyFXGhnKfluO6AwQlxIVucsJQKakNWJQmoSgVidsxN6ZHJhFPwY58jkQnIhNSEXEoVEIblQ6JGZLyQKo4FCD2AbVkjBpqLHJiUlGyckFZ8JKtfNkNSXKen2Af+LZf5wk//jVkgavtH4Qtr8z36Niy71lCnd3y9jZysK8875cwGFUV/CAyQ6rz3UCySGlWSRuM0iMUvSJBJlXWslkBj/BWX6y7Ai4ERU0dh46LCmpAk0DrbsDY9G2jBfNCE3crEtNIkLGruW1wVoDPBlL9mULWkqvoL7srDbli1p6n1J4uUlWywaLfgsGi08JX3fQGoCjdAFYTF0yY6WJ3WZcj8HIT07Wr7qfpy22iFTEs4q4SwOmMCGqmIgQVkTZ0d7BeSo2gQzmIElN2eisc+isRmSik8bX/YD06KxY/eEpOHFARpbIansaus/szw1QzSeT2aisQ+aT3c/VvPQ99NWXR4TNHbsmm90H5bVRFMM40YusmDcyOxOCDGMG6uBr+liAouvEDFBuLhx/OiazUCjfrQVF0+dqjeqAZ1RjxkjwIv00ty8GvV6NOtnXKdIFBKFXJtDBuH+FU5mqQl3lHLvEdcpfhTjQmpCLuR6e3LhzlAofP6YbnIRttMVETIFRk1k6chPRUYT48pgT298U8auPLhhAor7MqH4JQzEv3ki17pGXxOiMB81YRBJ28W5hSdRSBRGP7YgCmk7prjJhSy0EIVEIefIJv3kHOKUPpurIn/3z0Fx/tGyNzL5RXIn/0QQAKZaQvg/aQInfBHD2c8KB4MB685Yb4mQTdKjtz0lY4O/uZyD49S4kBUKaqIwmzlxZ4+Hws4q/3au++TrIpd+vkKc+d/uEzl/9m7j+qe1xh8uw2cG467BuP/Ffnzm/7jbuLiGwe/xmcG4K3LLS13iOB97V9l+/ZvrPPudXqWrDYhTV0Ti8UeHPU3OXZv/c7PuE+0y/sYL3ynxFLznQW943q03iVw+ftJ/SH/Z5QYnjOCA/zVucMIIfmLwczc4YSQ44KL+RXrf6/FEXP/OFv+N+3MDDgYDbnASuVD3CoZFzn0qZdzghGEcDAbc4IQvYhg/9kUkNg0n9bU4oKoFTC7OHYU1+a6J5TjuqmMlj3lDopCVPM46+D6RC2k7opAoZCWPHpkemTWRGKCQHpl/sJ5+jKsv2NCBlTmikLnemHhkemR6ZNZO2GKJrE4UEoWcnbDpIVuWsdEX22Ox9SZRyNiC7ebYpI2akAupCf9QPVtvEoVsvUlN2HqTCwZYdNadyhCFLPcRhWx6SBQShSz3EYW0HVPc5EIWWohCopBzZLbepM9m601yJzHJ1pust7D1JisU1IStN9l6k6032XqTrTfZVoSVPDb6IgpZyeOsg+8TuZC2IwqJQlby6JFpO7ZYIhfSI7PRFxt9cY5MFDK2IAqZ66VHJhdy7RmbHpJBiEKikBU8xoVsvcnWm3OIQjY9ZOtNopCxBVtvskkb281dqZ1xxznHaauTsVu6G3L0A2MLu/zThC3sxHntoV4p2FT0mLLm61orZexsRSF3WLNO9H7p89qa7Tkh8vKSLZKe135XSTgB4W5enDU124GTvEeis75l/4z9NsuJIZB4av3RqWSF28cdQ6WwGkNBA2UzNN75B/VX/JEvw3a6mgDsqiKgRBw0sVvvxVnQ3aDmnbn9ntvvR3LwnI0T/a/MRpw4uLV1hnFiZ5W+Fewea3XXeXrVjLWhNtZLczH4XGrCWFGcrp4felKAXnvHTdmKTEVvoLYF9bZsRaaqjUelKwKuE3JmJoaaOHuOjAbZnHCQCQdHSSTaK2w2x9Ka5TlLfJHgQ7aC58IfYA9IzIFYSd93fs8EEvG48BTxuIKHi1GDkexMDkbwKDGag3J0RaSTTbshR5kLOnY1KmtiyVNXjNNWddxoPix1JBKJsdAEEpSRaDM5RZV3q8YkZjbCnqfP9kr646XLcr1T40fXbMY7pWs/Z8cfa/UJy8SGE5HJSXx+2f36mRzAhNNzlXJODGLF6NSfiUbuPmc+kRDR58Too5B/xIr5KKKQKNRndcaH0Qc8d6GTEwkRciL7nDEIiDYnEiKMExsPHdZUxq5PbNlLwDMIICcSIhG1SQRQyAwONVHYSRX5/UcPf+vkrNjuFzfFQBOuSeT6qdwipPHgbXFZf0OvzCY8+cGH+qv4uLKZfCiJgSVbc62MtcpM5qdDK/PM8ntEagrvjNay1RigEe9VDOIMZm7onfNpzmxRyFavjBHnes6czJwz91lf1hz4stPwZQ9M78t2W1+2OHgxWoHEsgxfVl2uHln97Rjsp6sJfJmqCEAkFppYPmQT77lqfsp25BMzlZux7mbKTKXPzlSy8G5nKqHwjplKCutuIka7MZhCdOyaHxXaJSfGgEnYUl4BhfxzACE8M2MM/Wy2bq6KM5Vk00gsnH/QC2x5XWaMCHA3ZWN++iYMByEpG/NTJaEHMmLEuAE+AjFiqn4qTKoBk2mNZ2ESzngGWqiKiBEnxmAaQU5cXYguxsrzZsxTw/XA/UBOV00TvCq6Iuyrkvc2SVzzr+fQxTgHz9kMDnrf6Gdw0PuGifMPVxN54ovFcak1x7++wkRf9G1id09hDU7YmTpY1IafTdlRafaOUqzBiUbCSDpT9XOdiWPdmTnFR36bgcJko13Of8a4AaGAYKZHYZldVtIKFA7fiOX8bdmZOE0R2DGQmp29D1tUNcnqk6jNiYgVPzjgmUSPbZ/ExMmnT0hiZWlVich4+10il4p3ilxu8ERerrxf5OLIYu+D7hpX5N/bfyAy+uZCkf+0/FicT3Q8Ls41i3aLU/L83z0RBRvfEGf+8AZx5u171jscOiLOgqIz3gdrf+X6X3rC+3rFUu+Hqe96l0j+RGR0qNG/bKU/s/nrW5K+Ydk6JpU+9PXAN+yTxKdPHZ40cKc18GoYGB9YAw/dYQ18rzVw76SBt1oDt1sDH7AGXnXRGvhP1sBFfrx5tFmcawvv1dSWlUPGmlHi1YKv9zw3t68deHXs3UdHcqcCvrZIxvpfPRZ/mkBWaWXr7JIitbVVTMS+6lXMGeZJB1JwA5pVM9/OtUO60YTJEUmwUBrxenrEkMhtWwid2yvUa+rM2HMiF6GaeuLUhhXgxbB5MLCovWRTdh7s6r+nW7q/H7z4kZmoASGxSGIaaME8KZEY/ypYdm9cfTSSF99HDFNx8c9xEiLcoxPFnWK24xQ1iYYmRCE1iQCrE4WMLebeJkQhUUguJIMwtuDe7QhVh9j7kXxITRgbEoWMDf8HznRiLwAAeAFj6mJgYFzPkALCTL8Ypg0o/j0y7QeH/W+Y/SMTAwDIkfvpeAFjYGBgZIAAGRA7rTgnDcq2rFZKrSgJSy0qzszPU7JSMtQz1DNQ0lEqTk7MycxLd0tMLskvUrIyNNAzMjAxsDA0MzYyMzU2MDOsBQCPLBJ2AAAA)
    format('woff');
}

/* src/js/shared-components/btn-styles.styl */
.dcg-shared-btn-blue,
.dcg-shared-btn-red,
.dcg-shared-btn-teal {
  text-decoration: none;
  white-space: nowrap;
  padding: 0 20px;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: -moz-none;
  border-radius: 3px;
  line-height: 34px;
  border: none;
  font-size: 100%;
}
.dcg-shared-btn-blue,
.dcg-shared-btn-gray-outline,
.dcg-shared-btn-blue-outline,
.dcg-shared-btn-red,
.dcg-shared-btn-teal {
  cursor: pointer;
  font-family: inherit;
}
.dcg-shared-btn-blue.dcg-disabled,
.dcg-shared-btn-gray-outline.dcg-disabled,
.dcg-shared-btn-blue-outline.dcg-disabled,
.dcg-shared-btn-red.dcg-disabled,
.dcg-shared-btn-teal.dcg-disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  pointer-events: none;
}
.dcg-shared-btn-blue {
  color: #fff;
  background: #4781b9;
  border: 1px solid #3f73a6;
  -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.1), inset 0 -1px rgba(0,0,0,0.05);
  box-shadow: inset 0 1px rgba(255,255,255,0.1), inset 0 -1px rgba(0,0,0,0.05);
}
.dcg-shared-btn-blue.dcg-hovered:not(.dcg-disabled) {
  background: #3f73a6;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -o-transition: background 0.2s;
  -ms-transition: background 0.2s;
  transition: background 0.2s;
}
.dcg-shared-btn-blue.dcg-depressed:not(.dcg-disabled) {
  background: #35608a;
  border: 1px solid #35608a;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dcg-shared-btn-teal {
  color: #fff;
  background: #15b097;
  border: 1px solid #129e87;
  -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.1), inset 0 -1px rgba(0,0,0,0.05);
  box-shadow: inset 0 1px rgba(255,255,255,0.1), inset 0 -1px rgba(0,0,0,0.05);
}
.dcg-shared-btn-teal.dcg-hovered:not(.dcg-disabled) {
  background: #129e87;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -o-transition: background 0.2s;
  -ms-transition: background 0.2s;
  transition: background 0.2s;
}
.dcg-shared-btn-teal.dcg-depressed:not(.dcg-disabled) {
  background: #0f8371;
  border: 1px solid #0f8371;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dcg-shared-btn-red {
  color: #fff;
  background: #c0504d;
  border: 1px solid #ba4a47;
  -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.1), inset 0 -1px rgba(0,0,0,0.05);
  box-shadow: inset 0 1px rgba(255,255,255,0.1), inset 0 -1px rgba(0,0,0,0.05);
}
.dcg-shared-btn-red.dcg-hovered:not(.dcg-disabled) {
  background: #b54848;
}
.dcg-shared-btn-red.dcg-depressed:not(.dcg-disabled) {
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.dcg-shared-btn-blue-outline {
  border: 1px solid #4781b9;
  border-radius: 5px;
  color: #4781b9;
}
.dcg-shared-btn-blue-outline.dcg-hovered:not(.dcg-disabled) {
  color: #004f9b;
  -webkit-box-shadow: 0 0 0 1px #4781b9;
  box-shadow: 0 0 0 1px #4781b9;
}
.dcg-shared-btn-blue-outline.dcg-depressed:not(.dcg-disabled) {
  background: #4781b9;
  color: #fff;
}
.dcg-shared-btn-gray-outline {
  border: 1px solid #666;
  border-radius: 5px;
  color: #666;
}
.dcg-shared-btn-gray-outline.dcg-hovered {
  color: #333;
  border-color: #666;
  -webkit-box-shadow: 0 0 0 1px #666;
  box-shadow: 0 0 0 1px #666;
}
.dcg-shared-btn-gray-outline.dcg-depressed {
  background: #e2e2e2;
  border-color: #333;
  -webkit-box-shadow: 0 0 0 1px #333;
  box-shadow: 0 0 0 1px #333;
}
.dcg-shared-blue-link {
  color: #4781b9;
  cursor: pointer;
  text-decoration: underline;
}
.dcg-shared-blue-link.dcg-hovered {
  color: #004f9b;
}
.dcg-shared-blue-link.dcg-depressed {
  color: #033b70;
}
.dcg-shared-dark-gray-link {
  color: #666;
  cursor: pointer;
  text-decoration: underline;
}
.dcg-shared-dark-gray-link.dcg-hovered {
  color: #333;
}
.dcg-shared-dark-gray-link.dcg-depressed {
  color: #000;
}
.dcg-shared-tab-gray-underline {
  text-align: center;
  display: inline-block;
  padding: 5px 0;
  margin: 5px 0;
  color: #666;
  text-decoration: none;
}
.dcg-shared-tab-gray-underline.dcg-shared-tab-always-underline {
  border-bottom: 3px solid #e2e2e2;
}
.dcg-shared-tab-gray-underline:not(.dcg-shared-tab-always-underline).dcg-hovered,
.dcg-shared-tab-gray-underline:not(.dcg-shared-tab-always-underline).dcg-depressed,
.dcg-shared-tab-gray-underline:not(.dcg-shared-tab-always-underline).dcg-selected {
  padding-bottom: 2px;
}
.dcg-shared-tab-gray-underline.dcg-hovered {
  border-bottom: 3px solid #bbb;
}
.dcg-shared-tab-gray-underline.dcg-depressed {
  color: #000;
  border-bottom: 3px solid #999;
}
.dcg-shared-tab-gray-underline.dcg-selected {
  color: #4781b9;
  border-bottom: 3px solid #4781b9;
  cursor: pointer;
}
input.dcg-shared-input-blue-outline,
textarea.dcg-shared-input-blue-outline {
  outline: none;
  border-radius: 3px;
  border: 1px solid #e9e9e9;
  padding: 7px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input.dcg-shared-input-blue-outline:focus,
textarea.dcg-shared-input-blue-outline:focus {
  border: 1px solid #4781b9;
  -webkit-box-shadow: 0 0 0 1px #4781b9;
  box-shadow: 0 0 0 1px #4781b9;
}
input.dcg-shared-input-blue-outline::-ms-clear,
textarea.dcg-shared-input-blue-outline::-ms-clear {
  display: none;
}

/* src/js/shared-components/dcg-shared-icons.css */
/* stylelint-disable */

@font-face {
  font-family: 'dcg-shared-icons';
  src: url('data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfgAAAC8AAAAYGNtYXAXVtKOAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zi/H1EAAAAF4AAARIGhlYWQZhhObAAASmAAAADZoaGVhB7wDzQAAEtAAAAAkaG10eCYABLoAABL0AAAAMGxvY2EZthV2AAATJAAAABptYXhwABUBjQAAE0AAAAAgbmFtZVEHz5IAABNgAAAB8nBvc3QAAwAAAAAVVAAAACAAAwPHAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qf//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAIAMYAnAM6AuYABQAtAFYAbgCLALsA6wEbAAABJzUeARcXBgcOAQcGIwYnLgEnJiceATMyNjcWFx4BFxYzMjY3PgE3HgEzPgE3Aw4BBwYUFS4BJy4BIyIHDgEHBgcUBhUiJicuASMiBgc2Nz4BNzYzMhYXKgEjIgYHDgEHDgEHJzI2NzI2MT4BNxcHFBYXIT4BNTA0NTQmJy4BJyUUFhceARcFIQ4BFScOAQcOAQcOAQciBiMqATEuAScuAScuATU5ATU8ATE+ATc+ATMxPgEzMhYXMTQUMRcOAQcOAQcOAQciBiMqATEuAScuAScuATU5ATU8ATE+ATc+ATMxPgEzNhYVMTQUMSEOAQcOAQcOAQciBiMqATEuAScuAScuATU5ATU8ATE+ATc+ATMxPgEzNhYVMTQUMQMeRBkhCgQJGxpNMDA1NjEwTRkaCQUJAwgOBgkWFkEoKC0tUiEfKggHDQgFCQWgBgwDAgQEAxYwGisnKD8XFwoCAgUCBQkFBQkDChsaTS8wNSNCrgEEAQULAwQDAgIFBEAFCwQBAwUKAkQ+BAP+SgQDAwQDBwUBWAMDBAYF/tMBiQYFBgIDAQQJBQEFAgMEAgEFBQcFBQkDAgIBBwQEBAMFBwUSGQJrAgMCAwkFAQYBBAMCAgQFCAQFCQMCAwIGBQMFAwUHBRMa/eICAwIDCQUBBgEDBAIBBQUHBQUJAwIDAgYFAwUDBQcFEhsCCXsCGz8jfjQrLEASEgESE0AsLDMCAwUCKyUlNRAPHx0bRigFAgMCBAE+BQ8IAwUDAgMCCQoPDjIjIigDBAIBAgEDAwEzKyw/EhEP3QMCAQECAgUBdQMBAgMHBXk6Bg0EBA0GAQEHDQgFCgKoBgwFBQsDlgYLBtMFBwUFCQMCAQECAQMCAwkFBQkDAgIFBgwFAwQBAxkSAgLZBQgEBQkEAQECAgIDAQQJBQQGBwIBBQcMBQMDAgICGxEBAQUIBAUJBAEBAgICAwEECQUEBgcCAQUHDAUDAwICAhsRAQEAAAAABgAtAKsD1QOkAB0AvgDaAPsBAAEFAAAlDgEjIiYnLgEnLgEnNz4BMR4BFx4BMzI2NzAWHwElFSImJyYGBw4BBw4BMQ4BBw4BIwcOASciJi8BLgExLgExMCYnLgEnLgEnLgEnLgEjDgEHIgYxBw4BBw4BBw4BByIGIwYmJy4BJzUeARceARcwFhceATMyNjcwNjcwNj8BPgExPgE3PgE3PgE3PgEzNjIxNhYXHgEfAR4BFzgBFzAyFTgBMR4BFzAWFx4BMxY2NzA2Nz4BNzA2Nz4BMzIWFwUwBg8BLgEnJicuAScmJz4BNxYXHgEXFhceARcBBgcOAQcGBw4BByImJy4BMT4BNz4BNzY3PgE3NjceARcFIyc3MwU/AScjAmkdNyAQIBAQHw8QGw4mAgkNFwsQJxoOHw8hCxIBbAMEAwwVCgoICgkQFSsYAR8CEQ0cDgwWCwsSLgYPEAMCCgEFCgcEDQYKEQkMEwgBFBEIEggNHRAIEAgBJgoaMxUKEAgQKQcGFAgHBAMECgkaCQcCEgETDB0FCQMIEAgGEggDEwEFDRYqEw0WDBkCEQUCAgUNAxAECRQLDhwLJAkVKBYXAwUfBwsWCf1lGwgTER4MEhARHg0ODA0fEgsNDR0RERMMGQ8CYgwODR0REBMRNCECEAoJHQEEAR8uExEPEB0PDw8RIA/88TwLKx4CzzkLKB7aGhUHCAgTDQ8gEScBCREdCw8aDAwcBwz3TQMCAwMFBQYICA8VLRIBFAYFAwEIBQYKKgYPEAMCCQIFCQUFCQMFBAIGBQ8RCBIIDxsLBQoFDAUUDgcNCGkQKAYHCwQCAgEBCwYFAg8CEwkdAwkDBwwHBggDAQUCAg4LCBMJGgMSBQICBQsDDQIGCQIOCR8KEygQDQIDCQEDDxgIEyNHHioqK1YrLCwOGQgpLCxbLy4uGzsfAcArLS5cLy4uLG43AQQDFgMGAjBlMSkrK1wxMDUFEA0THhEnAx0NAAAAAAQAyQDxA2QChAAkAE8AjwEEAAAlMSImLwEHBiYnJjY/AT4BMx4BHwETPgEzITIWFRQGIyEDDgEjJRUUBg8BDgEHBhQVFAYjIiY1NDY3MT4BNyMqATEUBgcVIzU3NTMVMBYzFw8BIzU0Nj8BPgE1NCYnLgEjIgYHDgEHHgEVFAYHDgEjIiY1NDY3PgEzMhYXHgEVFAYHDgEPATMyNjc0Njc1MxUlFAYHDgEjIiYnLgE1NDY3PgEzMhYXHgEVFAYHDgEHHgEzHgEzMjY3PgE1NCYnLgErASImNTQ2NzE6ATMyNjc+ATU0JicuASMiBgcyFhUeARUUBgcOASMiJicuATU0Njc+ATMyFhceARUUBgcOAQceARceARUBLwYMAS8HBhMEBQIHHAMLBQUGBCaJAwkHAYIKCw0I/ouYAQwGAesDAigHCQECCgoMBxMRBQ4JPAgGBAMLCQ0LFU2pC3UDATgOEAQFBQwIBwoFAwYBCAkEAwMHBQkMCQgIFg0OFwoJCgYFAwwINC0KCAEDAhX+3AkICBMMCREICQgDAQQGAwMHAwMBAwMCAwICBAMFCQUHBwMCAwMCAwcHDQQEBAcBAwIGCAMDAwICAQcFBgwDAgICAwMCAQcFAwYDAgMJCAcPCAgQCAgJBQUDBwMFCQMGB/EGB2IGBQIHBhMFFQMBAQcEVAEHBQUNCAoL/uAFBusHAwYBOAgYDwkgFQkMEQQcORwHEw0CCQ0ECTcEBgICiT4JAwYCPRAgDgoOBgcGAwMEBgMCCQgFBwMEAwwKCxUICAkJCAgYDQkRCAUMCDIBAgEJDQQCtgwRCAYHBgUHEAkDCAIDAwICAwcDAwgCAQECAQMCAgYEBQsICAoFBQYFAwIFAgYFBA0GBQcDAwMDAwMBAgYFAwcDAwEDAQIGBQgPBQUDAwUFDwgIDggDBgIBBwQKEAgAAAMBLQC+As0CwADVAVsBigAAASoBIyIGByIGBzEwBhUxMAYVMCIjMQ4BBw4BBzEHDgEnIiYnLgEjLgEnMCYvAS4BJy4BJy4BJzIWMy4BIzoBMyoBIzEqASsBIgYHDgEHDgEHNw4BBzgBNw4BBw4BBzEHMCIVMTAiBzEwBgcwBhU5Ag4BIzgBIzkBIiYnMhYzLgEnOQEwIiMuAScuATcyNjccARcxHgEXHgEXMTA2Nz4BNz4BNzgBMy4BJy4BJz4BMTAWFw4BBw4BBxQGFTAyFx4BFx4BMzEzPgE3PgE3MDQ3MhYzFgYHBxQwNQYwNw4BIzEOAQcOAQcOAQcxDgEHOQE4ASMxMCIVIgYjMTAiFTEjMCIjMCIjMSMOASciJic5AzAiIzEuAScxLgEnLgEvAS4BJy4BJwYmIyIGBzEOASMOAQcOAQcOAQcOAQciBiMyNjMOASMyNjcOAQciJiceARc2Nz4BNzY3KgExBw4BIzEiJicuAScwMjc+AT8BPgE3MDQ3MR4BFx4BMzI2NzgBFx4BFwYWFzQwFTECwAIDAQUHAwIDAgICAQEKEAgFCAQCBQ0GBQkDAgMBBAUCAQECAgQDAwQEAw4GAgEBCBIKAgUCBAcEAgECAgEBAgMHBQUJAwICAwECBQoEAgUCAgIBAQEBAwQKBQIDBAQCAQIFCAQBAgMHBBAPAwgNBwILGQ8FDAgBAgEDAgIIAwIGCwQQGAlET1BFCxkNCBQNAgEBBAcEAgUCAg4VCBAYCwIGDggFCAoLAQEBAwICAwECAwIBAgEKEQwCAgEBAgICAQEBAgIGCwYFCgQBAggNBgMFAwIDAQUBBgECBgMGCAMFBwMBBAECBQIDBwUGCwgDBwMCAQEBAQIGDQUFCgUECAMHCgcrawgGFhY4HR0UAgOCCxkNDRkNBg0FAQIDBgMDAQECAgUJBQcQCwcMBwIFCQMCAwEByQMCAgIBAQEBBxEIAwkDAgQGAQMEAQMDBAMBAgIBBAMDBgICDAMCBQYBAgEDAgMHBQIBBAECBQkDAgUCAgICAQEBAQQDAQECAgQDAwYELHRGAQEBBAEoTyUNHg8BAgEDAgIIAw0ZCyZOIw0vLw0rSyEVKhQCAQICAwYBAgEXLhMmTycCAgIyWyYgAgICAgIBAQECAQQBAgECCRIHAgICAgICAwMFCgcDBgECAwIEAQYBAgMCAwEEAwEDAgUCAwgDBwoFAQYBAgIEAwMCAgECAQFZSgUCDQ03LCxASQoLDAsHDQgCAwcDAgIBAQEBCAoFBwoEBAIFBgIBAwICAgAAAAAGAMIAhgM8Au8AHwAtAE4AZgB1AI0AACUWFAcOAS8BBwYiJy4BPwEnJjQ3PgEfATc2MhceAQ8BAzMyNjU0JisBIgYVFBYnMhYVFAYrARUUBiMiJj0BIyImNTQ2OwE1NDYzMhYdATMDFAYHDgEjIiYnLgE1NDY3PgEzMhYXHgE3FAYrASImNTQ2OwEeARUnFAYHDgEjIiYnLgE1NDY3PgEzMhYXHgEDFwcHBhMHOToGEwcGAgg6OgYGBxMGOjkHEwYHAQg5ic8KDg4KzwkODqEJDAwJUQ0LCQ5RCg4MDFEOCQoOUUIGBQUNCAYPBAUGBgUEDQgIDQUFBlkMCc8KDg0LzQsMWQYFBQ0ICA0EBQYGBQQNCAcOBQUGwAYUBgYCCDo6BgYGFAY6OQcTBgcBCDk5BwcGEwc5AWIOCQoODgoJDi0OCgoNUQoODAxRDAsKDlEJDAwJUf4iCA0FBQYGBQUNCAgMBQUGBgUGDUkKDgwMCQ4CDAlPCA0FBQYGBQUNCAgMBQUGBgUGDQAAAAABAAYAUQP6Ay8APAAAATYWFx4BFxYGBwYHDgEHBgcOASMiJicmJy4BJyYnLgE1NDY3PgEXHgEXHgEXHgEzMjY3Njc+ATc2Nz4BNwNxICUVDh8CAS4ROzo6dDo6OhIuGB4/Eh4fHz4fHx8NGiMODyEdFyMPK0otAxoDBS8ILiwsVywrLg0kEwMvBiQTDx4THS0SOzo6dDo6OhIuRhIeHh49IB8hDRoVGx0ODyUDASkNK0gtAx8xCC4sLVgtLCwPJAUAAAAAAQAL/8kD9wO3AGIAACUUBgcOAScuAScmJy4BJyYnBgcOAQcGBw4BJy4BJy4BNz4BNzY3PgE3NjcmJy4BJyYnLgEnJjY3PgEXHgEXFhceARcWFzY3PgE3Njc+ARceARceAQcOAQcGBw4BBwYHAR4BFQP3Ig8QJiMbNhEgIiJEISEfIiIiQyMiIxU3JRYhCxArCAY6Ex8jI0YhIh0eISFFIyIhEzoGCCcSECslGDIRISIhQiAgHyIiIUIiISMUPCUVIA0SKAcFORUgIiJEIiEgAREVPEsdIA4QLAUDOhQgIiJFIiIfICEhQyIiIxVBBQMhDRAqIRozEyAiI0YiIh4bISFGIyIfETIYJSgREC8MBjoTISEhQyAhHyAgIUMiIiIVQQUDIQ0RKSEdMBMgIyJGIiIg/vMSNB4ABAD+AMADAgK+AA8AHwA4AFEAAAEjIiY9ATQ2OwEyFh0BFAYXIyImPQE0NjsBMhYdARQGBSMiJjURNDY7ATIWFRQGKwERMzIWFRQGIyEzMjY1ETQmKwEiBhUUFjsBESMiBhUUFjMBzzwJEA4LPAoQD5M8ChAPCzwJEBD+6kkLDhAJSQsPEAotLQsPDwsBQEkLDhAJSQsPEAotLQsPDwsB1w8LPAkQDgs8Cw+bDgs8ChAPCzwLDnwQCgHKCw8QCgkQ/moQCQoSEAoBygsPEAoJEP5qEAkKEgAAAQAAAAEAAC2kOatfDzz1AAsEAAAAAADbNmePAAAAANs2Z48AAP/JA/oDtwAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAD+gABAAAAAAAAAAAAAAAAAAAADAQAAAAAAAAAAAAAAAIAAAAEAADGBAAALQQAAMkEAAEtBAAAwgQAAAYEAAALBAAA/gAAAAAACgAUAB4BoAMWBHgGYAcmB4gIJAiQAAAAAQAAAAwBiwAIAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABABAAAAABAAAAAAACAAcAsQABAAAAAAADABAAUQABAAAAAAAEABAAxgABAAAAAAAFAAsAMAABAAAAAAAGABAAgQABAAAAAAAKABoA9gADAAEECQABACAAEAADAAEECQACAA4AuAADAAEECQADACAAYQADAAEECQAEACAA1gADAAEECQAFABYAOwADAAEECQAGACAAkQADAAEECQAKADQBEGRjZy1zaGFyZWQtaWNvbnMAZABjAGcALQBzAGgAYQByAGUAZAAtAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGRjZy1zaGFyZWQtaWNvbnMAZABjAGcALQBzAGgAYQByAGUAZAAtAGkAYwBvAG4Ac2RjZy1zaGFyZWQtaWNvbnMAZABjAGcALQBzAGgAYQByAGUAZAAtAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmRjZy1zaGFyZWQtaWNvbnMAZABjAGcALQBzAGgAYQByAGUAZAAtAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=')
    format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^='dcg-shared-icon-'],
[class*=' dcg-shared-icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'dcg-shared-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dcg-shared-icon-matrix:before {
  content: '\e907';
}
.dcg-shared-icon-check:before {
  content: '\e905';
}
.dcg-shared-icon-remove:before {
  content: '\e906';
}
.dcg-shared-icon-graphing:before {
  content: '\e901';
}
.dcg-shared-icon-geometry:before {
  content: '\e900';
}
.dcg-shared-icon-scientific:before {
  content: '\e902';
}
.dcg-shared-icon-test-mode:before {
  content: '\e903';
}
.dcg-shared-icon-four-function:before {
  content: '\e904';
}

/* src/js/shared-components/language-picker.styl */
.dcg-language-picker .dcg-language-header {
  font-size: 115%;
  border-bottom: 1px solid #bdbdbd;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  white-space: nowrap;
}
.dcg-language-picker .dcg-languages-list {
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.dcg-language-picker .dcg-listitem {
  display: inline-block;
  width: 100%;
}
.dcg-language-picker .dcg-language-option.dcg-hovered {
  background: #f6f6f6;
}
.dcg-language-picker .dcg-language-option.dcg-depressed {
  background: #e9e9e9;
}
.dcg-language-picker .dcg-language-option.dcg-selected {
  background: #e9e9e9;
  font-weight: 500;
  cursor: default !important;
  pointer-events: none;
}
.dcg-language-picker .dcg-language-footer-link {
  display: block;
  text-align: center;
}

/* src/js/shared-components/mathquill-braille-wrapper.styl */
.dcg-mathquill-wrapper .dcg-mathquill-braille .dcg-braille-input {
  background: none;
  width: 100%;
  border: none;
  font-family: Abraham, serif;
  font-size: 125%;
  padding: 1px 0;
}
.dcg-mathquill-wrapper .dcg-mathquill-braille .dcg-braille-input:focus {
  outline: none;
}
.dcg-mathquill-wrapper .dcg-mathquill-braille .dcg-inline-braille {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
.dcg-mathquill-braille-overflow-left .dcg-tooltip-hit-area-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 14px;
  background: -webkit-linear-gradient(right, rgba(255,255,255,0), #fff);
  background: -moz-linear-gradient(right, rgba(255,255,255,0), #fff);
  background: -o-linear-gradient(right, rgba(255,255,255,0), #fff);
  background: -ms-linear-gradient(right, rgba(255,255,255,0), #fff);
  background: linear-gradient(to left, rgba(255,255,255,0), #fff);
  pointer-events: none;
}
.dcg-mathquill-braille-overflow-right .dcg-tooltip-hit-area-container:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff);
  background: -moz-linear-gradient(left, rgba(255,255,255,0), #fff);
  background: -o-linear-gradient(left, rgba(255,255,255,0), #fff);
  background: -ms-linear-gradient(left, rgba(255,255,255,0), #fff);
  background: linear-gradient(to right, rgba(255,255,255,0), #fff);
  pointer-events: none;
}
.dcg-mathquill-braille-tooltip.dcg-latex-tooltip-positioning-container.dcg-tooltip-positioning-container.dcg-tooltip-gravity-ne-se .dcg-tooltip-arrow {
  -webkit-transform: translateX(-1.25ch) rotate(45deg);
  -moz-transform: translateX(-1.25ch) rotate(45deg);
  -o-transform: translateX(-1.25ch) rotate(45deg);
  -ms-transform: translateX(-1.25ch) rotate(45deg);
  transform: translateX(-1.25ch) rotate(45deg);
}
.dcg-mathquill-braille-tooltip.dcg-latex-tooltip-positioning-container.dcg-tooltip-positioning-container.dcg-tooltip-gravity-ne-se .dcg-tooltip-message-container {
  -webkit-transform: translateX(-1.25ch);
  -moz-transform: translateX(-1.25ch);
  -o-transform: translateX(-1.25ch);
  -ms-transform: translateX(-1.25ch);
  transform: translateX(-1.25ch);
}
.dcg-mathquill-braille-tooltip.dcg-latex-tooltip-positioning-container.dcg-tooltip-positioning-container.dcg-tooltip-gravity-nw-sw .dcg-tooltip-arrow {
  -webkit-transform: translateX(0.8ch) rotate(45deg);
  -moz-transform: translateX(0.8ch) rotate(45deg);
  -o-transform: translateX(0.8ch) rotate(45deg);
  -ms-transform: translateX(0.8ch) rotate(45deg);
  transform: translateX(0.8ch) rotate(45deg);
}
.dcg-mathquill-braille-tooltip.dcg-latex-tooltip-positioning-container.dcg-tooltip-positioning-container.dcg-tooltip-gravity-nw-sw .dcg-tooltip-message-container {
  -webkit-transform: translateX(0.8ch);
  -moz-transform: translateX(0.8ch);
  -o-transform: translateX(0.8ch);
  -ms-transform: translateX(0.8ch);
  transform: translateX(0.8ch);
}

/* src/js/shared-components/modal.styl */
.dcg-shared-modal-cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
/**
  *  layout of the various modal types
  */
}
.dcg-shared-modal-cover.dcg-shared-modal-center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.dcg-shared-modal-cover.dcg-shared-modal-center .dcg-shared-modal-contents-wrapper {
  max-height: calc(100vh - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
}
.dcg-shared-modal-cover .dcg-shared-modal-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.7);
}
.dcg-shared-modal-cover .dcg-shared-modal-transition-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.dcg-shared-modal-cover .dcg-shared-modal {
  position: relative;
}
.dcg-shared-modal-cover.dcg-shared-modal-wide .dcg-shared-modal,
.dcg-shared-modal-cover.dcg-shared-modal-medium .dcg-shared-modal,
.dcg-shared-modal-cover.dcg-shared-modal-narrow .dcg-shared-modal {
  -webkit-animation: dcgSharedFadeInDown 0.3s;
  -moz-animation: dcgSharedFadeInDown 0.3s;
  -o-animation: dcgSharedFadeInDown 0.3s;
  -ms-animation: dcgSharedFadeInDown 0.3s;
  animation: dcgSharedFadeInDown 0.3s;
}
.dcg-shared-modal-cover.dcg-shared-modal-background,
.dcg-shared-modal-cover.dcg-shared-modal-fullscreen .dcg-shared-modal {
  -webkit-animation: dcgSharedFadeIn 0.3s;
  -moz-animation: dcgSharedFadeIn 0.3s;
  -o-animation: dcgSharedFadeIn 0.3s;
  -ms-animation: dcgSharedFadeIn 0.3s;
  animation: dcgSharedFadeIn 0.3s;
}
.dcg-shared-modal-cover.dcg-shared-modal-wide:not(.dcg-shared-modal-center) .dcg-shared-modal-transition-container,
.dcg-shared-modal-cover.dcg-shared-modal-medium:not(.dcg-shared-modal-center) .dcg-shared-modal-transition-container,
.dcg-shared-modal-cover.dcg-shared-modal-narrow:not(.dcg-shared-modal-center) .dcg-shared-modal-transition-container {
  margin-top: 30px;
}
.dcg-shared-modal-cover.dcg-shared-modal-wide:not(.dcg-shared-modal-center) .dcg-shared-modal-contents-wrapper,
.dcg-shared-modal-cover.dcg-shared-modal-medium:not(.dcg-shared-modal-center) .dcg-shared-modal-contents-wrapper,
.dcg-shared-modal-cover.dcg-shared-modal-narrow:not(.dcg-shared-modal-center) .dcg-shared-modal-contents-wrapper {
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
.dcg-shared-modal-cover.dcg-shared-modal-wide .dcg-shared-modal {
  width: 800px;
}
.dcg-shared-modal-cover.dcg-shared-modal-wide .dcg-shared-modal .legacy-btn-container + .dcg-shared-modal-contents-wrapper {
  margin-top: 32px;
}
.dcg-shared-modal-cover.dcg-shared-modal-medium .dcg-shared-modal {
  width: 650px;
}
.dcg-shared-modal-cover.dcg-shared-modal-medium .dcg-shared-modal .legacy-btn-container + .dcg-shared-modal-contents-wrapper {
  margin-top: 32px;
}
.dcg-shared-modal-cover.dcg-shared-modal-narrow .dcg-shared-modal {
  width: 500px;
}
.dcg-shared-modal-cover.dcg-shared-modal-narrow .dcg-shared-modal .legacy-btn-container + .dcg-shared-modal-contents-wrapper {
  margin-top: 32px;
}
.dcg-shared-modal-cover.dcg-shared-modal-fullscreen .dcg-shared-modal {
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
}
.dcg-shared-modal-cover.dcg-shared-modal-fullscreen .dcg-shared-modal .dcg-shared-modal-contents-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.dcg-shared-modal-cover .dcg-shared-close-cross-container.legacy-btn-container {
  position: absolute;
  top: -28px;
  right: -28px;
}
.dcg-shared-modal-cover .dcg-shared-modal-contents-wrapper {
  padding: 30px;
  background: #fff;
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.dcg-shared-modal-cover .dcg-shared-modal-error-message {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  line-height: 24px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.dcg-shared-modal-cover h1 {
  padding: 0;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
  font-weight: normal;
  font-size: 24px;
}
.dcg-shared-modal-cover h1:not(.dcg-shared-left-align-title) {
  text-align: center;
}
.dcg-shared-modal-cover h1.dcg-shared-left-align-title {
  text-align: left;
}
.dcg-shared-modal-close-button-inside .dcg-shared-modal-contents-wrapper {
  position: relative;
  overflow-x: hidden;
}
.dcg-shared-modal-close-button-inside .dcg-shared-close-cross-container {
  position: absolute;
  top: var(--close-modal-btn-position, 0.8em);
  right: var(--close-modal-btn-position, 1.4em);
  z-index: 1;
}
.dcg-shared-modal-close-button-inside .dcg-shared-close-cross-container .dcg-shared-close-cross {
  color: var(--amp-body-color, #3b3b3b);
}
.dcg-shared-modal-close-button-inside .dcg-shared-close-cross-container .dcg-shared-close-cross label {
  max-width: 75px;
  height: fit-content;
}
.dcg-shared-modal-close-button-inside .dcg-shared-close-cross-container .dcg-shared-close-cross label span {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  white-space: normal;
  line-height: 1.2em;
  padding: 2px 0;
}
.dcg-shared-modal-close-button-floating.dcg-shared-modal-cover.dcg-shared-modal-fullscreen .dcg-shared-modal {
  top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
  right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
  bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
  left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
}
.dcg-shared-modal-close-button-floating .dcg-shared-close-cross-container {
  z-index: 31;
  position: absolute;
  top: 0;
  right: 0;
}
.dcg-shared-modal-close-button-floating .dcg-shared-close-cross-container .dcg-shared-close-cross {
  top: -1.5em;
  right: -1.5em;
}
.dcg-shared-modal-container.close-btn-style-legacy .dcg-shared-close-cross {
  position: relative;
  top: 32px;
  left: 5px;
  cursor: pointer;
}
.dcg-shared-modal-container.close-btn-style-legacy .dcg-shared-close-cross .icon-v2-close:before {
  content: "\2715";
  height: 32px;
  width: 32px;
  position: absolute;
  top: 1px;
  right: 1px;
  color: #fff;
  font-family: sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
}
.dcg-shared-modal-container.close-btn-style-legacy .dcg-shared-close-cross label {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
}
.dcg-shared-modal-cover.dcg-shared-modal-has-footer-content .dcg-shared-modal-contents-wrapper {
  border-radius: var(--amp-border-radius, 0.1875em) var(--amp-border-radius, 0.1875em) 0 0;
}
.dcg-shared-modal-cover.dcg-shared-modal-has-footer-content .footer-content-wrapper {
  background-color: #f6f6f6;
  border: 0;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  border-bottom-right-radius: var(--amp-border-radius, 0.1875em);
  border-bottom-left-radius: var(--amp-border-radius, 0.1875em);
}
.dcg-shared-modal-cover.dcg-shared-modal-has-footer-content .footer-content-wrapper:has(> div[style*="display: none"]) {
  display: none;
}
.dcg-shared-modal-cover.dcg-shared-modal-has-footer-content .footer-content-wrapper .btn + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
@media screen and (max-width: 850px) {
  .dcg-shared-modal-cover.dcg-shared-modal-wide:not(.dcg-shared-modal-center) .dcg-shared-modal {
    width: auto;
    margin: 0;
    position: absolute;
    top: 30px;
    left: 37px;
    right: 37px;
  }
  .dcg-shared-modal-cover.dcg-shared-modal-wide.dcg-shared-modal-center .dcg-shared-modal {
    width: calc(100vw - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
  }
}
@media screen and (max-width: 700px) {
  .dcg-shared-modal-cover.dcg-shared-modal-medium:not(.dcg-shared-modal-center) .dcg-shared-modal {
    width: auto;
    margin: 0;
    position: absolute;
    top: 30px;
    left: 37px;
    right: 37px;
  }
  .dcg-shared-modal-cover.dcg-shared-modal-medium.dcg-shared-modal-center .dcg-shared-modal {
    width: calc(100vw - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
  }
}
@media screen and (max-width: 600px) {
  .dcg-shared-modal-container .dcg-shared-modal-cover .dcg-shared-modal-background {
    background: #333;
  }
  .dcg-shared-modal-container .dcg-shared-modal-cover.dcg-shared-modal-wide .dcg-shared-modal-transition-container,
  .dcg-shared-modal-container .dcg-shared-modal-cover.dcg-shared-modal-medium .dcg-shared-modal-transition-container,
  .dcg-shared-modal-container .dcg-shared-modal-cover.dcg-shared-modal-narrow .dcg-shared-modal-transition-container {
    margin-top: 0;
  }
  .dcg-shared-modal-container .dcg-shared-modal-cover:not(.dcg-shared-modal-close-button-floating).dcg-shared-modal-wide .dcg-shared-modal,
  .dcg-shared-modal-container .dcg-shared-modal-cover:not(.dcg-shared-modal-close-button-floating).dcg-shared-modal-fullscreen .dcg-shared-modal,
  .dcg-shared-modal-container .dcg-shared-modal-cover:not(.dcg-shared-modal-close-button-floating).dcg-shared-modal-medium .dcg-shared-modal,
  .dcg-shared-modal-container .dcg-shared-modal-cover:not(.dcg-shared-modal-close-button-floating).dcg-shared-modal-narrow .dcg-shared-modal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    margin: 0;
  }
  .dcg-shared-modal-container .dcg-shared-modal-cover:not(.dcg-shared-modal-close-button-floating).dcg-shared-modal-wide .dcg-shared-modal .dcg-shared-modal-contents-wrapper,
  .dcg-shared-modal-container .dcg-shared-modal-cover:not(.dcg-shared-modal-close-button-floating).dcg-shared-modal-fullscreen .dcg-shared-modal .dcg-shared-modal-contents-wrapper,
  .dcg-shared-modal-container .dcg-shared-modal-cover:not(.dcg-shared-modal-close-button-floating).dcg-shared-modal-medium .dcg-shared-modal .dcg-shared-modal-contents-wrapper,
  .dcg-shared-modal-container .dcg-shared-modal-cover:not(.dcg-shared-modal-close-button-floating).dcg-shared-modal-narrow .dcg-shared-modal .dcg-shared-modal-contents-wrapper {
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: none;
  }
  .dcg-shared-modal-container .dcg-shared-modal-cover:not(.dcg-shared-modal-close-button-floating).dcg-shared-modal-wide .dcg-shared-modal .footer-content-wrapper,
  .dcg-shared-modal-container .dcg-shared-modal-cover:not(.dcg-shared-modal-close-button-floating).dcg-shared-modal-fullscreen .dcg-shared-modal .footer-content-wrapper,
  .dcg-shared-modal-container .dcg-shared-modal-cover:not(.dcg-shared-modal-close-button-floating).dcg-shared-modal-medium .dcg-shared-modal .footer-content-wrapper,
  .dcg-shared-modal-container .dcg-shared-modal-cover:not(.dcg-shared-modal-close-button-floating).dcg-shared-modal-narrow .dcg-shared-modal .footer-content-wrapper {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
}
@-moz-keyframes dcgSharedFadeInDown {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes dcgSharedFadeInDown {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes dcgSharedFadeInDown {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes dcgSharedFadeInDown {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-moz-keyframes dcgSharedFadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes dcgSharedFadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes dcgSharedFadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes dcgSharedFadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

/* src/js/shared-components/shared-dropdown-popover.styl */
.dcg-shared-dropdown-popover-container {
  position: relative;
  display: inline-block;
}
.dcg-shared-dropdown-popover-container .anchor-container.dcg-disabled {
  cursor: default;
}
.dcg-shared-dropdown-popover-container .anchor-container.dcg-disabled.btn {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  pointer-events: none;
}
.dcg-shared-dropdown-popover-container .dropdown-container {
  position: absolute;
  z-index: 31;
}
.dcg-shared-dropdown-popover-container .dropdown-container:not(.dropdown-pops-up) {
  top: 100%;
}
.dcg-shared-dropdown-popover-container .dropdown-container:not(.dropdown-pops-up) .dropdown-container-inner {
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  top: -1px;
}
.dcg-shared-dropdown-popover-container .dropdown-container.dropdown-pops-up {
  bottom: 100%;
}
.dcg-shared-dropdown-popover-container .dropdown-container.dropdown-pops-up .dropdown-container-inner {
  -webkit-box-shadow: 0 -5px 10px rgba(0,0,0,0.2);
  box-shadow: 0 -5px 10px rgba(0,0,0,0.2);
  top: 1px;
}
.dcg-shared-dropdown-popover-container .dropdown-container:not(.dropdown-pops-right) {
  right: 0;
}
.dcg-shared-dropdown-popover-container .dropdown-container.dropdown-pops-full {
  right: 0;
  left: 0;
}
.dcg-shared-dropdown-popover-container .dropdown-container-inner {
  position: relative;
  background: var(--dropdown-container-background, #fff);
  border: var(--text-input-footer-button-border, 1px solid #bdbdbd);
  border-radius: var(--dropdown-container-border-radius, var(--amp-border-radius, 0.1875em));
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0;
  color: var(--dropdown-container-color, var(--amp-body-color, #3b3b3b));
}

/* src/js/shared-components/shared-options-dropdown.styl */
.dcg-shared-options-dropdown .dropdown-explanations {
  font-size: 80%;
  padding: 3px 7px;
  min-width: 190px;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.dcg-shared-options-dropdown .dropdown-explanations .explanation {
  margin-bottom: 5px;
}
.dcg-shared-options-dropdown .dropdown-explanations .explanation a {
  color: #4781b9;
  white-space: nowrap;
  margin-bottom: 5px;
}
.dcg-shared-options-dropdown .dropdown-choice {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  display: block;
  color: var(--amp-body-color, #3b3b3b);
  background-color: #fff;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.dcg-shared-options-dropdown .dropdown-choice:not(.dropdown-choice-disabled).red-link {
  color: #db2e00;
}
.dcg-shared-options-dropdown .dropdown-choice:not(.dropdown-choice-disabled).red-link:hover,
.dcg-shared-options-dropdown .dropdown-choice:not(.dropdown-choice-disabled).red-link.dcg-depressed {
  color: #db2e00;
}
.dcg-shared-options-dropdown .dropdown-choice:not(.dropdown-choice-disabled).blue-link {
  color: #3278c8;
}
.dcg-shared-options-dropdown .dropdown-choice:not(.dropdown-choice-disabled).blue-link.dcg-hovered {
  color: #1e4878;
}
.dcg-shared-options-dropdown .dropdown-choice:not(.dropdown-choice-disabled).blue-link.dcg-depressed {
  color: #0f243c;
}
.dcg-shared-options-dropdown .dropdown-choice:not(.dropdown-choice-disabled):hover {
  background-color: #f6f6f6;
  text-decoration: none;
  color: var(--amp-body-color, #3b3b3b);
}
.dcg-shared-options-dropdown .dropdown-choice:not(.dropdown-choice-disabled):active {
  background-color: #e9e9e9;
  text-decoration: none;
  color: var(--amp-body-color, #3b3b3b);
}
.dcg-shared-options-dropdown .dropdown-choice.dropdown-choice-btn {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.dcg-shared-options-dropdown .dropdown-choice.dropdown-choice-btn:hover,
.dcg-shared-options-dropdown .dropdown-choice.dropdown-choice-btn.dcg-depressed {
  background-color: #fff;
}
.dcg-shared-options-dropdown .dropdown-choice.dropdown-choice-disabled {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  cursor: default;
}
.dcg-shared-options-dropdown .dropdown-choice.dropdown-choice-disabled:focus-visible {
  outline: 0.1875em solid #9c0d63 !important;
}
.dcg-shared-options-dropdown .dropdown-choice .option-icon-container {
  display: inline-block;
  width: 20px;
  text-align: center;
  vertical-align: middle;
  margin-right: 14px;
  line-height: 1;
}
.dcg-shared-options-dropdown .dropdown-choice .option-subtitle {
  display: block;
  margin-left: 30px;
  font-size: 80%;
  text-decoration: underline;
}
.options-dropdown-info-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  border-top: 2px solid #ddd;
  margin-top: 0.5rem;
  padding: 0 0.5em;
}
.options-dropdown-info-container .options-info-icon {
  margin-top: 0.5em;
}
.options-dropdown-info-container .options-info-message {
  padding: 0.8em 0 0.5em 0.5em;
  line-height: 1.4;
  font-size: 0.9em;
}

/* src/js/shared-components/tooltip.styl */
.dcg-tooltip-hit-area-container {
  display: inline-block;
  position: relative;
  cursor: default !important;
  line-height: initial;
}
.dcg-tooltip-mount-pt {
  position: absolute;
  top: 0;
  left: 0;
}
.dcg-tooltip-positioning-container {
  position: absolute;
  pointer-events: none;
  z-index: 10000;
  -webkit-animation: dcg-fadeIn 0.3s;
  -moz-animation: dcg-fadeIn 0.3s;
  -o-animation: dcg-fadeIn 0.3s;
  -ms-animation: dcg-fadeIn 0.3s;
  animation: dcg-fadeIn 0.3s;
}
.dcg-tooltip-positioning-container .dcg-tooltip-message-container {
  position: absolute;
  z-index: 10000;
  white-space: normal;
}
.dcg-tooltip-positioning-container .dcg-tooltip-message-container .dcg-tooltip-message {
  background-color: var(--amp-body-color, #3b3b3b);
  border: 1px solid #e9e9e9;
  color: #fff;
  font-weight: 400;
  padding: 5px 8px;
  text-shadow: none;
  line-height: 1.1em;
  display: inline-block;
  pointer-events: all;
  text-align: center;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
}
.dcg-tooltip-positioning-container .dcg-tooltip-message-container .dcg-tooltip-message.dcg-latex {
  background: #fff;
  color: var(--amp-body-color, #3b3b3b);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  position: relative;
}
.dcg-tooltip-positioning-container .dcg-tooltip-message-container .dcg-tooltip-message.dcg-latex .dcg-static-mathquill-view {
  width: 100%;
}
.dcg-tooltip-positioning-container .dcg-tooltip-message-container .dcg-tooltip-message.dcg-latex.dcg-tooltip-overflow:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  width: 14px;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff);
  background: -moz-linear-gradient(left, rgba(255,255,255,0), #fff);
  background: -o-linear-gradient(left, rgba(255,255,255,0), #fff);
  background: -ms-linear-gradient(left, rgba(255,255,255,0), #fff);
  background: linear-gradient(to right, rgba(255,255,255,0), #fff);
  pointer-events: none;
}
.dcg-tooltip-positioning-container .dcg-tooltip-message-container .dcg-tooltip-message.dcg-latex .dcg-mq-root-block * {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  cursor: default;
}
.dcg-tooltip-positioning-container .dcg-tooltip-arrow {
  background: transparent;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.dcg-tooltip-positioning-container.dcg-tooltip-gravity-n-s .dcg-tooltip-arrow {
  -webkit-transform: translateX(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) rotate(45deg);
  -o-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}
.dcg-tooltip-positioning-container.dcg-tooltip-gravity-e-w .dcg-tooltip-arrow {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.dcg-tooltip-positioning-container .dcg-tooltip-arrow {
  position: absolute;
  z-index: 10000;
  width: 11px;
  height: 11px;
  border: 1px solid #e9e9e9;
  background-color: var(--amp-body-color, #3b3b3b);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dcg-tooltip-positioning-container .dcg-tooltip-arrow.dcg-latex {
  width: 12px;
  height: 12px;
  border: 1px solid #e9e9e9;
  background-color: #fff;
}
.tooltip-enabled.dcg-tooltip-hit-area-container {
  pointer-events: all;
}

/* src/js/shared/accounts/account-dropdown.styl */
.accounts-container .user-name-dropdown .user-name-link {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 120px;
  vertical-align: bottom;
  margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.accounts-container .account-header-view.dark-background {
  margin-top: -5px;
}
.accounts-container .account-header-view.dark-background .user-name-dropdown {
  color: rgba(255,255,255,0.9);
}
.accounts-container .account-header-view.dark-background .user-name-dropdown.dcg-hovered .pillow-icon-caret-down {
  color: #fff;
}
.account-dropdown {
  line-height: 1.5em;
  background-color: #fff;
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  z-index: 20;
}
.account-dropdown .user-name,
.account-dropdown .email,
.account-dropdown .dropdown-link {
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.account-dropdown .dropdown-link {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) !important;
}
.account-dropdown .dropdown-link.dcg-hovered {
  background-color: #f6f6f6;
  text-decoration: none;
}
.account-dropdown .dropdown-link.dcg-depressed {
  background: #e9e9e9;
  text-decoration: none;
}
.account-dropdown .user-name,
.account-dropdown .email {
  color: var(--amp-body-color, #3b3b3b);
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.account-dropdown .email {
  font-size: 90%;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.account-dropdown .line-divider {
  height: 1px;
  background-color: #bdbdbd;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.account-header-view.rtl-layout .popover-interior {
  left: 1px;
}
.account-header-view.rtl-layout .popover-interior:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-width: 0;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.account-header-view.rtl-layout .popover-interior:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  border-width: 1px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}

/* src/js/shared/accounts/account-info.styl */
.account-info {
  margin-top: 25px;
  color: #676767;
}
.account-info-email {
  font-weight: bold;
}

/* src/js/shared/accounts/account-reenabled-modal.styl */
.account-reenabled-modal-contents {
  max-width: 566px;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.account-reenabled-modal-contents .reenabled-message {
  color: #676767;
  font-size: 1.3125rem;
  line-height: 2rem;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.account-reenabled-modal-contents .continue-button {
  text-align: right;
}

/* src/js/shared/accounts/account-settings-modal.styl */
.account-modal {
  line-height: 1.5em;
}
.account-settings-modal-contents {
  padding: 20px;
}
.account-settings-modal-contents .account-modal-header {
  padding: 10px 0;
  position: relative;
  color: var(--amp-body-color, #3b3b3b);
  font-size: 195%;
  text-align: center;
}
.account-settings-modal-contents .left-side-tabs,
.account-settings-modal-contents .right-side-content {
  display: inline-block;
  margin-top: 20px;
  vertical-align: top;
}
.account-settings-modal-contents .left-side-tabs {
  width: 32%;
  padding-right: 60px;
}
.account-settings-modal-contents .right-side-content {
  padding-top: 10px;
  width: 68%;
}
.account-settings-modal-contents .right-side-content .name-and-email .label-input-container input.name-input {
  border-radius: var(--amp-border-radius, 0.1875em);
}
.account-settings-modal-contents .account-settings-section .actions-container {
  text-align: right;
  margin-top: 0.5em;
}
.account-settings-modal-contents .account-settings-section .input-label {
  min-width: 70px;
  display: inline-block;
}
@media screen and (max-width: 850px) {
  .account-settings-modal-contents .left-side-tabs,
  .account-settings-modal-contents .right-side-content,
  .account-settings-modal-contents .left-side-tabs.wide {
    width: 100%;
  }
  .account-settings-modal-contents .left-side-tabs {
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -ms-flex-line-pack: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .account-settings-modal-contents .left-side-tabs .menu-item-gray {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 15px;
    text-align: center;
    display: inline-block;
    height: 42px;
  }
  .account-settings-modal-contents .left-side-tabs .menu-item-gray:not(.selected):not(.dcg-hovered):not(.dcg-depressed) {
    border-bottom: 3px solid #bdbdbd;
  }
  .account-settings-modal-contents .left-side-tabs .menu-item-gray:last-of-type {
    margin-right: 0;
  }
  .account-settings-modal-contents .account-settings-section {
    width: 100%;
  }
}

/* src/js/shared/accounts/account-update-modal.styl */
.reset-password-modal-contents {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.reset-password-modal-contents .h3 {
  margin-top: 0 !important;
}
.account-update-form .btn,
.account-update-form input {
  margin: 5.75px 0;
  height: 52.5px;
  font-size: 1.3125rem;
}
.account-update-form .account-update-header {
  padding-bottom: 20px;
  color: var(--amp-body-color, #3b3b3b);
  font-size: 2rem;
  line-height: 3rem;
  text-align: center;
}
.account-update-form .account-error-container {
  clear: both;
  position: relative;
}
.account-update-form .account-error-container .form-error-message {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.account-update-form.reset-password-form form {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.account-update-form.reset-password-form form input {
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.account-update-form.reset-password-form form .form-submit-container {
  text-align: right;
}
@media screen and (max-width: 600px) {
  .account-update-form {
    width: 100%;
  }
}

/* src/js/shared/accounts/change-email-expired.styl */
.account-update-form.change-email-expired-form {
  max-width: 566px;
}
.account-update-form > .account-update-header {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  font-size: 1.3125rem;
  line-height: 2rem;
  text-align: left;
}
.account-update-form .link-expired-message {
  color: #676767;
}

/* src/js/shared/accounts/change-email.styl */
.change-email-form {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.change-email-form .account-update-header {
  text-align: center;
}
.change-email-form .login-button.google-login {
  margin: auto !important;
  max-width: 400px;
}
.change-email-form .login-button.google-login > span {
  font-size: 18px;
}
.change-email-form .h4-container {
  text-align: center;
  height: 1px;
  background: #bdbdbd;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) 0;
}
.change-email-form h4 {
  color: #676767;
  display: inline-block;
  margin: 0 auto;
  background: #fff;
  position: relative;
  top: -13px;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  font-size: 1em;
  margin-top: 0 !important;
}
.change-email-form form {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.change-email-form form input {
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
}
.change-email-form form .form-submit-container {
  text-align: right;
}

/* src/js/shared/accounts/change-password.styl */
.reset-by-email .email-description {
  text-align: left;
  margin-bottom: 20px;
}
.email-sent-notice {
  background-color: #b3dbd3;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
  text-align: center;
}
.email-sent-notice .email-sent-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.6) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.6);
  font-size: 90%;
}
.email-sent-notice .email-sent-container .toast-icon-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.email-sent-notice .email-sent-container .toast-body {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
}
.email-sent-notice .email-sent-container .toast-body .h2 {
  margin: 0;
  width: 100%;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.8em;
}
.email-sent-notice.hidden {
  pointer-events: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

/* src/js/shared/accounts/co-teachers.styl */
.co-teachers.account-settings-section {
  font-size: 100%;
}
.co-teachers.account-settings-section .co-teachers-description {
  line-height: 1.2em;
}
.co-teachers.account-settings-section .account-co-teachers-deprecated {
  font-size: 85%;
  color: #676767;
  border-radius: 5px;
  margin: 10px 0 15px;
  line-height: 1.2em;
}
.co-teachers.account-settings-section .account-co-teachers-deprecated i.pillow-icon-info {
  float: left;
  padding-right: 5px;
  font-size: 90%;
  position: relative;
  top: 2px;
}

/* src/js/shared/accounts/delete-account.styl */
.delete-account-box .delete-title {
  margin-bottom: 15px;
  font-size: 120%;
}
.delete-account-box .delete-important {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.delete-account-box .password-input {
  font-size: 100%;
  width: 100%;
  margin: 10px 0;
}
.delete-account-box .account-error-container {
  clear: both;
  position: relative;
  margin-bottom: 10px;
}
.delete-account-box .account-error-container .form-error-message {
  background-color: #f4c0b3;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--amp-body-color, #3b3b3b);
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
  line-height: 24px;
}
.delete-account-box .actions {
  text-align: right;
}
.delete-account-box .actions .cancel-link {
  display: inline-block;
  margin-right: 20px;
}

/* src/js/shared/accounts/email-settings.styl */
.email-field {
  margin-top: 40px;
}
.email-field .email-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.email-field .email-list .email {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.email-field .email-list .email.not-verified {
  color: #666;
}
.email-field .email-list .email .email-message-container {
  max-width: 95%;
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.email-field .email-list .email .email-message-container .user-email {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 100%;
}
.email-field .email-list .email .email-message-container .change-email {
  font-size: 90%;
  margin-top: 1em;
}
.email-field .toast-container .toast {
  margin-top: -2em;
}
.email-field .toast.email-resend-toast {
  background-color: #b3dbd3;
  border: 1px solid #b3dbd3;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
  text-align: left;
  font-size: 100%;
  margin-top: 2px;
}
.email-field .change-email-container {
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  width: fit-content;
  margin-left: auto;
}
.email-field .change-email-container .change-email-description {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  background-color: #c2d7ef;
  font-size: 95%;
}
.email-field .change-email-container .change-email-description i {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  font-size: 1.5em;
}
.email-field .change-email-container .change-email-description > div {
  font-size: 90%;
}
.email-field .change-email-container .actions-container .cancel-link {
  display: inline-block;
  margin-right: 20px;
}
.email-field .account-error-container {
  clear: both;
  position: relative;
}
.email-field .account-error-container .form-error-message {
  line-height: 24px;
  background-color: #f4c0b3;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--amp-body-color, #3b3b3b);
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
}
@media screen and (max-width: 680px) {
  .email-field {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .email .icon-v2-messaging-success,
  .email .icon-v2-messaging-warning {
    display: none;
  }
}

/* src/js/shared/accounts/forgot-password-modal-contents.styl */
.recover-password-dialog {
  color: var(--amp-body-color, #3b3b3b);
}
.recover-password-dialog .btn,
.recover-password-dialog .form-control {
  font-size: 1.3125rem;
  margin: 5.75px 0;
}
.recover-password-dialog .account-paragraph,
.recover-password-dialog .input-title {
  font-size: 1.3125rem;
  line-height: 2rem;
  font-weight: 300;
}
@media screen and (max-width: 566px) {
  .recover-password-dialog .account-paragraph,
  .recover-password-dialog .input-title {
    padding: 0;
  }
}
.recover-password-dialog .account-paragraph[role="alert"] {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
}
.recover-password-dialog .email-form-container {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
}
.recover-password-dialog .email-form-container label {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  width: 100%;
}
.recover-password-dialog .email-form-container input {
  width: 100%;
}
.recover-password-dialog .email-form-container .sign-in-options {
  text-align: right;
}

/* src/js/shared/accounts/login-modal-contents.styl */
.login-modal-contents {
  width: 100%;
}
.login-modal-contents .password-container {
  position: relative;
}
.login-modal-contents .password-container .forgot-password-link.is-rtl {
  position: absolute;
  bottom: 1.5em;
  left: 10px;
  text-align: left;
}
.login-modal-contents .password-container .forgot-password-link:not(is-rtl) {
  position: absolute;
  bottom: 1.5em;
  right: 10px;
}
.login-modal .login-button-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 12px 0 0 0;
}
.login-modal .login-button-container .login-button {
  padding: 0;
  font-size: 21px;
}
.login-modal .login-button-container .login-button img {
  height: unset;
  margin: unset;
}

/* src/js/shared/accounts/profile-info.styl */
.profile-info.account-settings-section {
  width: 100%;
}
.profile-info.account-settings-section .input-label {
  font-weight: 500;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.profile-info.account-settings-section .name-and-email {
  color: #333;
}
.profile-info.account-settings-section .name-and-email .name-field.unconfirmed-name-notice {
  background: rgba(21,176,151,0.2);
  border: 1px solid rgba(21,176,151,0.3);
  border-radius: 5px;
  padding: 10px;
}
.profile-info.account-settings-section .name-and-email .name-input {
  padding: 10px;
  font-size: 100%;
}
.profile-info.account-settings-section .name-and-email .display-name-only .name-input {
  width: 100%;
}
.profile-info.account-settings-section .name-and-email .two-field-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.profile-info.account-settings-section .name-and-email .two-field-container .label-input-container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.profile-info.account-settings-section .name-and-email .two-field-container .label-input-container + .label-input-container {
  margin-left: 10px;
}
.profile-info.account-settings-section .name-and-email .two-field-container .label-input-container .name-input {
  width: 100%;
}
.profile-info.account-settings-section .name-and-email .actions-container {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
}
.profile-info.account-settings-section .name-and-email .teacher-edited-name-message {
  float: left;
  text-align: left;
  max-width: calc(100% - 100px);
  line-height: 1.2em;
  font-size: 90%;
}
.profile-info.account-settings-section .name-and-email .teacher-edited-name-message .bold-text {
  font-weight: 600;
}
.profile-info.account-settings-section .name-and-email .saved-notice {
  color: var(--amp-body-color, #3b3b3b);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
  background-color: #b3dbd3;
  margin-right: 15px;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 95%;
}
.profile-info.account-settings-section .name-and-email .saved-notice .h2 {
  margin: 0;
  font-size: 100%;
  line-height: 1.5em;
}
.profile-info.account-settings-section .name-and-email .saved-notice .icon-v2-messaging-success {
  margin-right: 5px;
}
.profile-info.account-settings-section .name-and-email .saved-notice.hidden {
  pointer-events: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.profile-info.account-settings-section .name-and-email .review-name-text {
  font-weight: bold;
  margin-bottom: 10px;
}
.profile-info.account-settings-section .delete-account-link {
  float: right;
  clear: both;
  font-size: 80%;
  text-decoration: underline;
  margin-top: 40px;
  color: #db2e00;
}
.profile-info.account-settings-section .delete-account-link.dcg-hovered,
.profile-info.account-settings-section .delete-account-link.dcg-depressed {
  color: #831c00;
}
.profile-info.account-settings-section .delete-account-link i {
  font-size: 24px;
  margin-right: 0px;
  margin-bottom: 3px;
}
@media screen and (max-width: 680px) {
  .name-field {
    width: 100%;
  }
}

/* src/js/shared/accounts/verify-email.styl */
.not-verified-message {
  font-size: 90%;
}
.not-verified-message .send-email {
  display: inline-block;
}

/* src/js/shared/activity-theme-controls/activity-theme-controls.styl */
.theme-controls.activity .btn,
.theme-controls.item .btn {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 0;
}
.theme-controls.activity .btn.btn-blue:hover,
.theme-controls.item .btn.btn-blue:hover {
  border-color: #23538b;
}
.theme-controls.activity .btn.btn-blue:active,
.theme-controls.item .btn.btn-blue:active {
  border-color: #193b62;
}
.theme-controls.activity .btn.btn-blue:hover,
.theme-controls.item .btn.btn-blue:hover,
.theme-controls.activity .btn.btn-secondary:hover,
.theme-controls.item .btn.btn-secondary:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.theme-controls.activity .btn:first-child,
.theme-controls.item .btn:first-child {
  border-top-left-radius: var(--amp-border-radius, 0.1875em);
  border-bottom-left-radius: var(--amp-border-radius, 0.1875em);
}
.theme-controls.activity .btn:last-child,
.theme-controls.item .btn:last-child {
  border-top-right-radius: var(--amp-border-radius, 0.1875em);
  border-bottom-right-radius: var(--amp-border-radius, 0.1875em);
}
.theme-controls.item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.theme-controls.item .theme-toggle {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* src/js/shared/alp/actions-menu.styl */
.actions-dropdown.dcg-shared-options-dropdown {
  min-width: 160px;
}
.actions-dropdown.dcg-shared-options-dropdown:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 10px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.actions-dropdown.dcg-shared-options-dropdown:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 9px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.actions-dropdown.dcg-shared-options-dropdown .copy-as-item-link img {
  width: 1em;
}
.actions-dropdown.dcg-shared-dropdown-popover-container .dropdown-container {
  top: calc(100% + 3px);
}
.actions-dropdown .dropdown-choice-disabled {
  color: #666;
}
.actions-dropdown .dropdown-choice-disabled.selected,
.actions-dropdown .dropdown-choice-disabled.dcg-hovered,
.actions-dropdown .dropdown-choice-disabled.dcg-depressed {
  color: #666;
}

/* src/js/shared/alp/activity-header.styl */
.activity-header {
  margin-top: 10px;
  position: relative;
  min-height: 100px;
}
.activity-header.curriculum-activity .menu-bookmark-container .teacher-guide-button {
  margin-right: 10px;
}
.activity-header.curriculum-activity .activity-title-container,
.activity-header.curriculum-activity .activity-subtitle {
  margin-bottom: 0;
}
.activity-header:not(.curriculum-activity) .activity-subheading {
  position: relative;
  top: -10px;
}
.activity-header .teacher-guide-button {
  margin-right: 10px;
}
.activity-header .activity-details-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.activity-header .activity-blurb-container,
.activity-header .author-area {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.activity-header .activity-blurb-container,
.activity-header .desbook-survey-link,
.activity-header .alp-polygraph-help-center-link {
  font-size: 95%;
}
.activity-header .activity-blurb-container {
  margin-top: 8px;
}
.activity-header .desbook-survey-link,
.activity-header .alp-polygraph-help-center-link {
  margin-top: 1em;
}
.activity-header .desbook-survey-link i,
.activity-header .alp-polygraph-help-center-link i {
  margin-right: 5px;
  color: #666;
}
.activity-header .alp-polygraph-help-center-link > div {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  white-space: pre-wrap;
}
.activity-header .desbook-survey-link i {
  font-size: 90%;
}
.activity-header .menu-bookmark-container {
  padding-right: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.activity-header .menu-bookmark-container .title-bookmark-container {
  margin: 0 10px;
}
.activity-header .activity-meta-info {
  padding-left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.activity-header .activity-thumb-container {
  width: 132px;
  height: 132px;
  position: relative;
  margin-right: 10px;
}
.activity-header .activity-thumb-container .activity-thumb {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: var(--amp-border-radius, 0.1875em);
  background-size: cover;
  background-position: center center;
}
.activity-header .activity-meta {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.activity-header .activity-title-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
}
.activity-header .activity-title h1 {
  line-height: 1.3em;
  margin-right: 16px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  display: inline-block;
}
.activity-header .missing-assets-warning {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -o-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  height: 40px;
  background: #f3e3b3;
  border-radius: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.425);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.12);
  width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 26);
}
.activity-header .missing-assets-warning i {
  color: #fa824c;
  font-size: 130%;
}
.activity-header .missing-assets-warning button {
  margin: 0;
  padding: 0;
  text-decoration: underline;
  background: none;
  border: none;
  font: inherit;
  color: #3b3b3b;
}
.activity-header .missing-assets-warning button:hover {
  text-decoration: none;
}
.lesson-modality-recommendation {
  background: #cddfe0;
  border-radius: var(--amp-border-radius, 0.1875em);
  padding: 16px;
  margin-top: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 13px;
}
.lesson-modality-recommendation.print-theme {
  background: #e3dee5;
}
.lesson-modality-recommendation .modality-icons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 13px;
}
.lesson-modality-recommendation .modality-icons .fancy-icon img {
  width: 1.6em;
}
.lesson-modality-recommendation .modality-description .bold {
  font-weight: 500;
}
@media screen and (max-width: 1100px) {
  .teacher-guide-button .teacher-guide-button-label {
    display: none;
  }
  .teacher-guide-button i {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 815px) {
  .activity-header .activity-title-container .teacher-guide-button,
  .activity-header .menu-bookmark-container .teacher-guide-button {
    display: none;
  }
  .activity-header h1.activity-title {
    font-size: 140%;
  }
  .activity-header .activity-thumb-container {
    width: 75px;
    height: 75px;
  }
}

/* src/js/shared/alp/activity-permissions-view.styl */
.activity-permissions-view .amplify-checkbox label {
  width: unset;
}
.activity-permissions-view .amplify-checkbox input {
  width: 0;
}
.activity-permissions-view .license-toggle {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.activity-permissions-view .no-license-wrapper .non-curriculum-label {
  font-weight: bold;
  margin-bottom: 5px;
}
.activity-permissions-view .license-wrapper {
  width: 100%;
}
.activity-permissions-view .license-access-dropdown button {
  width: 100%;
}
.activity-permissions-view .license-access-dropdown.disabled button {
  pointer-events: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.activity-permissions-view .license-access-dropdown .dropdown-menu {
  width: 100%;
  max-width: 100%;
}
.activity-permissions-view .activity-permissions-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  text-align: right;
}
.activity-permissions-view .activity-permissions-footer .btn + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}

/* src/js/shared/alp/activity-resources-section.styl */
.activity-resources {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.activity-resources.has-text-only {
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.is-edit {
  padding-left: 30px;
}
.activity-resource-tile-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.activity-resource-tile-container.activity-resource:has(.text-only) {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -ms-flex-item-align: start;
}
.activity-resource-tile-container .activity-resource-tile-wrapper {
  min-width: 264px;
  max-width: 264px;
}
.activity-resource-tile-container .activity-resource-tile-wrapper .diff-dot {
  position: absolute;
  width: 8px;
  height: 8px;
  top: auto;
  left: -11px;
  bottom: auto;
  z-index: 0;
}
.activity-resource-tile-container .activity-resource-tile-wrapper .alp-resource-panel-container {
  margin: 0;
}
.activity-resource-tile-container .activity-resource-tile-wrapper .alp-resource-panel-container .dot-dot-dropdown-container {
  height: 0px;
}
.activity-resource-tile-container .tile-move-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 12px;
  height: 26px;
  width: 86px;
}
.activity-resource-tile-container .tile-move-buttons .icon-v2-caret-left,
.activity-resource-tile-container .tile-move-buttons .icon-v2-caret-right {
  font-size: 26px;
}
.activity-resource-tile-container .tile-move-buttons .ordering-label {
  margin-top: 4px;
  font-size: 11.2px;
  line-height: 26px;
  letter-spacing: 0.56px;
  text-transform: uppercase;
}
.activity-resource-tile-container .tile-move-buttons .disabled {
  color: #b2b2b2;
}
.activity-resource-tile-container .alp-resource-panel-container {
  margin: 0;
}
.activity-resource-tile-container .alp-resource-panel-container .alp-resource-icon-category-container {
  gap: 5px;
}
.activity-resource-tile-container .alp-resource-panel-container .alp-resource-icon-category-container i {
  margin-right: 0;
}
.activity-resource-header-wrapper-edit {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 100%;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.activity-resource-header-wrapper-edit .section-move-buttons {
  position: absolute;
  z-index: 1;
  left: -42px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 26px;
  margin-right: 15px;
}
.activity-resource-header-wrapper-edit .section-move-buttons .icon-v2-caret-up,
.activity-resource-header-wrapper-edit .section-move-buttons .icon-v2-caret-down {
  font-size: 26px;
}
.activity-resource-header-wrapper-edit .section-move-buttons .disabled {
  color: #b2b2b2;
}
.activity-resource-header-wrapper-edit .resource-group-divider-item {
  margin: 20px 0;
  width: 100%;
}
.activity-resource-header-wrapper-edit .resource-group-divider-item .text-card-container .heading-container .rich-text-view .dcg-prosemirror-view h1 {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}
.activity-resource-header-wrapper-edit .resource-group-divider-item .text-card-container .description-container .rich-text-view .dcg-prosemirror-view p {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.7px;
}
.activity-resource-header-wrapper-edit .diff-dot {
  position: absolute;
  width: 8px;
  height: 8px;
  top: auto;
  left: -47px;
  bottom: auto;
  z-index: 0;
}
.activity-resource-header-wrapper {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 100%;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}
.activity-resource-header-wrapper .alp-resource-section-header-container {
  margin-top: 17px;
  margin-bottom: 0px;
}
.activity-resource-header-wrapper .alp-resource-section-header-container .heading-container .rich-text-view .dcg-prosemirror-view h1 {
  font-size: 15px;
  margin-bottom: 0px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}
.activity-resource-header-wrapper .alp-resource-section-header-container .description-container .rich-text-view .dcg-prosemirror-view p {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.7px;
  margin: 5px 0;
}

/* src/js/shared/alp/activity-subheading.styl */
.activity-header .activity-subheading {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.activity-header .activity-subheading .language-indicators {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.activity-header .activity-subheading .activity-subtitle + .language-indicators {
  margin-left: 10px;
}
.activity-header .activity-subheading .language-indicator-container + .language-indicator-container {
  margin-left: 5px;
}
.activity-header .activity-subheading .language-indicator {
  font-size: 85%;
  padding: 1px 5px;
  border-radius: 5px;
  border: 1px solid;
  color: #9068be;
}

/* src/js/shared/alp/add-email-view.styl */
.loading-collaborators {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.add-email-container {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: 10px 0;
}
.add-email-container input {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-size: 100%;
  padding: 5px 10px;
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
}
.add-email-container .btn {
  margin-left: 5px;
}

/* src/js/shared/alp/all-blocks-assigned-modal.styl */
.all-blocks-assigned-modal-wrapper .info-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: 16px;
  padding-bottom: 26px;
  padding-top: 36px;
  place-items: center center;
}
.all-blocks-assigned-modal-wrapper .blocks-wrapper {
  padding-bottom: 36px;
  line-height: 2em;
}
.all-blocks-assigned-modal-wrapper .blocks-wrapper .block-wrapper .block-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 13px 0;
  gap: 13px;
  place-items: center center;
}
.all-blocks-assigned-modal-wrapper .blocks-wrapper .block-wrapper .block-info .max-lines {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
}
.all-blocks-assigned-modal-wrapper .blocks-wrapper .block-wrapper .horizontal-line {
  border-bottom: 1px solid #e9e9e9;
}
.all-blocks-assigned-modal-wrapper .buttons-wrapper {
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  background-color: #f6f6f6;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 -30px -30px -30px;
  padding: 32px;
}

/* src/js/shared/alp/alp-resources-tabs.styl */
.alp-resources-tabset {
  width: 100%;
  padding: 30px 0 0;
  position: relative;
}
.alp-resources-tabset .btn.btn-ghost.alp-resource-tab[aria-selected="true"]:hover {
  background-color: transparent;
  color: inherit;
}
.alp-resources-tabset .btn.btn-ghost.alp-resource-tab[aria-selected="true"] .pillow-icon-leaf:hover {
  color: #3b3b3b;
}
.alp-resources-tabset .author-note-container {
  padding: 0 0 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.alp-resources-tabset .author-note-container .pillow-icon-leaf {
  font-size: 16px;
  pointer-events: auto;
}
.alp-resources-tabset .author-note-container .pillow-icon-leaf:hover {
  cursor: pointer;
}
.alp-resources-tabset .alp-resource-tabs-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.alp-resources-tabset .alp-resource-tabs-wrapper .resource-tab-container {
  position: relative;
}
.alp-resources-tabset .alp-resource-tabs-wrapper .resource-tab-container.was-renamed-on-parent {
  display: none;
}
.alp-resources-tabset .alp-resource-tabs-wrapper .resource-tab-container.has-align-checkbox .amplify-checkbox.modal-align-property {
  margin: 0 5px;
}
.alp-resources-tabset .alp-resource-tabs-wrapper .resource-tab-container.has-align-checkbox .alp-resource-tab .resource-tab-label {
  margin-left: 20px;
}
.alp-resources-tabset .alp-resource-tabs-wrapper .resource-tab-container .diff-dot-checkbox-container {
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 9px 0px;
  left: -2px;
  top: 0;
  bottom: 0;
  min-height: 30px;
  z-index: 1;
}
.alp-resources-tabset .alp-resource-tabs-wrapper .btn.btn-ghost.alp-resource-tab.is-deleted {
  outline: 1px dashed #bdbdbd;
  border-radius: 0.1875em 0.1875em 0 0;
  outline-offset: -1px;
}
.alp-resources-tabset .add-resource-tab-container,
.alp-resources-tabset .edit-resource-tab-container {
  position: relative;
}
.alp-resources-tabset .add-resource-tab-container .resource-tab-options-popover,
.alp-resources-tabset .edit-resource-tab-container .resource-tab-options-popover {
  position: absolute;
  background-color: #fff;
  width: 320px;
  top: 30px;
  left: 28px;
  padding: 0px, 65px, 9px, 0px;
  border-radius: 4px;
  padding: 5px 11px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4);
  border-top: 1px solid #eee;
  z-index: 1;
}
.alp-resources-tabset .add-resource-tab-container .resource-tab-options-popover .add-tab-options,
.alp-resources-tabset .edit-resource-tab-container .resource-tab-options-popover .add-tab-options {
  font-size: 14px;
  line-height: 20px;
}
.alp-resources-tabset .add-resource-tab-container .resource-tab-options-popover .add-tab-options .tab-option,
.alp-resources-tabset .edit-resource-tab-container .resource-tab-options-popover .add-tab-options .tab-option {
  padding: 2px 0;
}
.alp-resources-tabset .add-resource-tab-container .resource-tab-options-popover .add-tab-options .tab-option label .children,
.alp-resources-tabset .edit-resource-tab-container .resource-tab-options-popover .add-tab-options .tab-option label .children {
  padding-top: 0;
}
.alp-resources-tabset .edit-resource-tab-container {
  position: absolute;
  left: 100px;
}
.alp-resources-tabset .edit-resource-tab-container .resource-tab-options-popover {
  left: 0;
}
.alp-resources-tabset .checkbox-inline-diff-dot {
  display: inline-block;
  margin: 0 7px 1px 0;
}
@media screen and (max-width: 576px) {
  .alp-resources-tabset .alp-resource-tabs-wrapper {
    overflow: hidden;
  }
  .alp-resources-tabset .alp-resource-tabs-wrapper .resource-tab-container {
    min-width: 100px;
  }
  .alp-resources-tabset .alp-resource-tabs-wrapper .btn.btn-ghost.alp-resource-tab {
    display: block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
  }
}

/* src/js/shared/alp/alp-view.styl */
.alp-container {
  padding-left: 0;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.alp-container .instance-list-container {
  border-radius: 5px;
}
.alp-container .resource-and-screens-container .alp-presentation {
  margin-top: 25px;
}
.alp-container .resource-and-screens-container.presentation .alp-presentation {
  margin-top: 0;
}
.alp-container .resource-and-screens-container.presentation .alp-presentation .alp-section-header {
  margin-top: 0;
}
.alp-container .restricted-screens-section {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.alp-container .restricted-screens-section .miniscreen-placeholder-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px;
}
.alp-container .restricted-screens-section .miniscreen-placeholder-container .miniscreen-placeholder {
  height: 120px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 10px;
  border: 2px solid #bbb;
  border-radius: 4px;
  width: calc(25% - 10px * 5);
}
@media screen and (max-width: 500px) {
  .alp-container .restricted-screens-section .miniscreen-placeholder-container .miniscreen-placeholder {
    width: calc(50% - 10px * 3);
  }
}
.alp-container .restricted-screens-section .miniscreen-placeholder-container:after {
  content: '';
  background: -webkit-linear-gradient(rgba(255,255,255,0.4) 0, rgba(255,255,255,0.9) 60%, #fff);
  background: -moz-linear-gradient(rgba(255,255,255,0.4) 0, rgba(255,255,255,0.9) 60%, #fff);
  background: -o-linear-gradient(rgba(255,255,255,0.4) 0, rgba(255,255,255,0.9) 60%, #fff);
  background: -ms-linear-gradient(rgba(255,255,255,0.4) 0, rgba(255,255,255,0.9) 60%, #fff);
  background: linear-gradient(rgba(255,255,255,0.4) 0, rgba(255,255,255,0.9) 60%, #fff);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.alp-container .restricted-screens-section .miniscreen-placeholder-cover {
  position: relative;
  padding: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.alp-container .restricted-screens-section .miniscreen-placeholder-cover .icon-v2-locked {
  color: var(--amp-body-color, #3b3b3b);
  font-size: 200%;
  margin-right: 10px;
}
.alp-container .curriculum-attribution {
  text-align: center;
  margin: 40px 0 25px;
}
.alp-container .alp-tab-content {
  display: none;
}
.alp-container .alp-tab-content.alp-tab-active {
  display: block;
}
.alp-container .alp-tab-content .alp-resource-items-wrapper {
  margin-top: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.alp-container .alp-tab-content .alp-resource-items-wrapper .alp-resource-section-divider-wrapper {
  max-width: 100%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 100%;
  -ms-flex: 1 100%;
  flex: 1 100%;
}
.loading-alp-view .loading-alp-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-top: 10px;
}
.loading-alp-view .loading-alp-header .loading-alp-thumb {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  background: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 7px;
  width: 125px;
  height: 125px;
  margin: 0 10px 10px;
}
.loading-alp-view .loading-alp-header .loading-alp-activity-info {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.loading-alp-view .loading-alp-header .loading-alp-activity-info .loading-alp-title {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  background: #e2e2e2;
  border-radius: 3px;
  width: 40%;
  height: 40px;
}
.loading-alp-view .loading-alp-header .loading-alp-activity-info .loading-alp-author {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  background: #e2e2e2;
  border-radius: 3px;
  height: 15px;
  width: 200px;
  margin-top: 15px;
}
.loading-alp-view .loading-alp-description .loading-alp-description-text {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  background: #e2e2e2;
  border-radius: 3px;
  width: 100%;
  height: 15px;
  margin: 15px 10px;
}
.loading-alp-view .loading-alp-description .loading-alp-description-text:nth-of-type(even) {
  width: 80%;
}
.loading-alp-view .loading-alp-description .loading-alp-description-text:last-of-type {
  width: 50%;
}

/* src/js/shared/alp/amplify-classroom-welcome-modal.scss */
.amplify-classroom-welcome-modal.modal-cover.centered-modal .modal-transition-container {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 5);
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 5);
}
.amplify-classroom-welcome-modal.modal-cover .modal-container .modal-contents-wrapper {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  border-radius: 10px;
}
.amplify-classroom-welcome-modal .amplify-classroom-welcome-modal-wrapper {
  display: flex;
  flex-direction: column;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.amplify-classroom-welcome-modal .amplify-classroom-welcome-modal-wrapper .title-wrapper h4 {
  font-family: amplify-bold;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.amplify-classroom-welcome-modal .amplify-classroom-welcome-modal-wrapper .title-wrapper .welcome-text {
  font-weight: 700;
}
.amplify-classroom-welcome-modal .amplify-classroom-welcome-modal-wrapper .cards-wrapper {
  display: flex;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.amplify-classroom-welcome-modal .amplify-classroom-welcome-modal-wrapper .cards-wrapper a {
  text-decoration: none;
  color: var(--amp-body-color, #3b3b3b);
}
.amplify-classroom-welcome-modal .amplify-classroom-welcome-modal-wrapper .cards-wrapper .amplify-classroom-welcome-modal-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--amp-body-color, #3b3b3b);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  max-width: 260px;
  min-width: 211px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 1px 3px rgba(0, 0, 0, 0.07), 0px 1px 2px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  transition: box-shadow 0.2s ease-in-out;
}
.amplify-classroom-welcome-modal .amplify-classroom-welcome-modal-wrapper .cards-wrapper .amplify-classroom-welcome-modal-card .bold-text {
  font-weight: 700;
}
.amplify-classroom-welcome-modal .amplify-classroom-welcome-modal-wrapper .cards-wrapper .amplify-classroom-welcome-modal-card .my-stuff-icon-wrapper {
  display: inline-block;
  vertical-align: bottom;
}
.amplify-classroom-welcome-modal .amplify-classroom-welcome-modal-wrapper .cards-wrapper .amplify-classroom-welcome-modal-card:hover, .amplify-classroom-welcome-modal .amplify-classroom-welcome-modal-wrapper .cards-wrapper .amplify-classroom-welcome-modal-card:focus {
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 6px 6px 0px rgba(0, 0, 0, 0.09), 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
}

@media screen and (max-width: 768px) {
  .amplify-classroom-welcome-modal.modal-cover.centered-modal .modal-transition-container {
    margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
    margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
  }
  .amplify-classroom-welcome-modal.modal-cover .modal-container .modal-contents-wrapper {
    padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  }
  .amplify-classroom-welcome-modal .amplify-classroom-welcome-modal-wrapper .cards-wrapper {
    gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
}
@media screen and (max-width: 700px) {
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel).amplify-classroom-welcome-modal.modal-cover.centered-modal .modal-transition-container {
    margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
    margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
    margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel).amplify-classroom-welcome-modal.modal-cover .modal-container .modal-contents-wrapper {
    padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
    bottom: unset;
    border-radius: 10px;
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel).amplify-classroom-welcome-modal .dc-modal-background {
    background: rgba(0, 0, 0, 0.7);
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel).amplify-classroom-welcome-modal .amplify-classroom-welcome-modal-wrapper .cards-wrapper {
    gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
    flex-direction: column;
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel).amplify-classroom-welcome-modal .amplify-classroom-welcome-modal-wrapper .cards-wrapper .amplify-classroom-welcome-modal-card {
    flex-direction: row;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
    padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
    gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel).amplify-classroom-welcome-modal .amplify-classroom-welcome-modal-wrapper .cards-wrapper .amplify-classroom-welcome-modal-card > img {
    width: 70px;
  }
}
@media screen and (max-width: 575px) {
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel).amplify-classroom-welcome-modal.modal-cover.centered-modal .modal-transition-container {
    margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
    margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  }
}
@media screen and (max-width: 375px) {
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel).amplify-classroom-welcome-modal.modal-cover.centered-modal .modal-transition-container {
    margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel).amplify-classroom-welcome-modal.modal-cover .modal-container .modal-contents-wrapper {
    padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel).amplify-classroom-welcome-modal .amplify-classroom-welcome-modal-wrapper {
    padding: 0;
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel).amplify-classroom-welcome-modal .amplify-classroom-welcome-modal-wrapper .cards-wrapper {
    margin-bottom: 0;
  }
}
/* src/js/shared/alp/assign-modal-adm.styl */
.amp-styles .assign-modal-adm-wrapper .amplify-radio-btn .children input,
.amp-styles .assign-modal-adm-wrapper .amplify-checkbox .children input {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  position: static;
  padding: 0 10px;
}
.assign-activity-modal {
  max-height: calc(100vh - 200px);
}
.assign-modal-adm-wrapper {
  margin-top: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 12px;
}
.assign-modal-adm-wrapper .select-dropdown-react-options {
  max-height: 300px !important;
}
.assign-modal-adm-wrapper .amplify-radio-btn {
  height: 40px;
  line-height: 40px;
}
.assign-modal-adm-wrapper .assign-modal-adm-blocks-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 12px;
}
.assign-modal-adm-wrapper .assign-modal-adm-blocks-wrapper .edit-assignment-blocks-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 5px;
}
.assign-modal-adm-wrapper .assign-modal-adm-blocks-wrapper .edit-assignment-blocks-wrapper .students-started {
  color: #9c0d63;
  font-size: 16px;
  line-height: 26px;
}
.assign-modal-adm-wrapper .assign-modal-adm-blocks-wrapper .edit-assignment-blocks-wrapper .already-assigned {
  font-style: italic;
  color: #3b3b3b;
  font-size: 16px;
  line-height: 26px;
}
.assign-modal-adm-wrapper .assign-modal-adm-blocks-wrapper .assign-modal-adm-alp-label-assign-to {
  font-size: 16px;
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 5px;
}
.assign-modal-adm-wrapper .assign-modal-adm-blocks-wrapper .assign-modal-adm-blocks-select {
  width: fit-content;
  max-width: 100%;
}
.assign-modal-adm-wrapper .assign-modal-adm-blocks-wrapper .selected-blocks-wrapper {
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 12px;
}
.assign-modal-adm-wrapper .assign-modal-adm-blocks-wrapper .selected-blocks-wrapper .selected-block-tile {
  background-color: #e9e9e9;
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: 0 8px;
  place-items: center center;
  width: fit-content;
}
.assign-modal-adm-wrapper .assign-modal-adm-blocks-wrapper .selected-blocks-wrapper .selected-block-tile .block-tile-name {
  max-width: 250px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
.assign-modal-adm-wrapper .assign-modal-adm-warning-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f3e3b3;
  padding: 13px;
  margin-bottom: 8px;
}
.assign-modal-adm-wrapper .assign-modal-adm-warning-container .warning-icon-container {
  min-width: 32px;
  color: #d8a202;
  font-size: 20px;
}
.assign-modal-adm-wrapper .assign-modal-adm-warning-container .warning-message-container {
  font-weight: 16px;
  line-height: 26px;
}
.assign-modal-adm-wrapper .assign-modal-adm-warning-container .warning-message-header {
  font-weight: bold;
}
.assign-modal-adm-wrapper .assign-modal-adm-start-date-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.assign-modal-adm-wrapper .assign-date-invalid {
  margin-left: 28px;
  padding: 4px 0;
}
.assign-modal-adm-wrapper .assign-modal-input {
  font-size: 18px;
}
.assign-modal-adm-wrapper .assign-modal-radio-button {
  margin-right: 8px;
}
.assign-modal-adm-wrapper .assign-modal-adm-alp-radio-option {
  margin-top: 5px;
  margin-bottom: 5px;
}
.assign-modal-adm-wrapper .assign-modal-boxed-input {
  padding: 8px 10px;
  width: 350px;
  color: var(--amp-body-color, #3b3b3b);
  border-width: 1px;
  border-color: #bdbdbd;
  border-radius: 3px;
}
.assign-modal-adm-wrapper .assign-modal-boxed-input-disabled {
  border-color: #e5e5e5;
  color: #e5e5e5;
}
.assign-modal-adm-wrapper .assign-modal-adm-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-color: #f6f6f6;
  padding: 35px 30px;
  margin-top: 40px;
  margin-bottom: -30px;
  margin-left: -30px;
  margin-right: -30px;
}
.assign-modal-adm-wrapper .assign-modal-adm-footer .manage-classes-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.assign-modal-adm-wrapper .assign-modal-adm-footer .manage-classes-wrapper a {
  color: #3b3b3b;
  text-decoration-color: #3b3b3b;
}
.assign-modal-adm-wrapper .assign-modal-adm-footer .manage-classes-wrapper i {
  width: 24px;
  height: 24px;
  font-size: 24px;
  margin-right: 10px;
}
.assign-modal-adm-wrapper .assign-modal-adm-footer .assign-modal-adm-buttons-wrapper {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  -ms-flex-item-align: end;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.assign-modal-adm-wrapper .assign-modal-adm-footer .assign-modal-adm-buttons-wrapper .assign-modal-adm-button-disabled {
  background-color: rgba(156,13,99,0.502);
  cursor: not-allowed;
}
.assign-modal-adm-wrapper .assign-modal-adm-footer .assign-modal-adm-buttons-wrapper .assign-modal-adm-button-disabled:hover {
  color: #fff;
}

/* src/js/shared/alp/assign-modal-collapsible-block.styl */
.assign-modal-no-blocks {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
}
.assign-modal-no-blocks div {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  font-size: 15px;
  color: #767676;
}
.assign-modal-no-blocks img {
  width: 267px;
  height: 104px;
}
.assign-modal-no-blocks button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px;
  background-color: #3278c8;
  border: none;
  color: #fff;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  border-radius: 6.5px;
}
.assign-modal-no-blocks button i {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  font-size: 24px;
}
.assign-modal-collapsible-block hr {
  margin-top: 0;
  margin-bottom: 0;
}
.assign-modal-collapsible-block button {
  background-color: transparent;
  border: none;
}
.assign-modal-collapsible-block-title-container .assign-modal-collapsible-block-checkbox-label {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  cursor: pointer;
  margin-bottom: 0;
}
.assign-modal-collapsible-block-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  padding-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  font-size: 15px;
}
.assign-modal-collapsible-block-header .assign-modal-collapsible-block-title-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.assign-modal-collapsible-block-header .select-block-checkbox {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.assign-modal-collapsible-block-name-list {
  display: grid;
  grid-template-columns: auto auto auto;
  max-height: 300px;
  overflow: scroll;
  font-size: 12.5px;
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
}
@media (max-width: 650px) {
  .assign-modal-collapsible-block-name-list {
    grid-template-columns: auto auto;
  }
}
.assign-modal-collapsible-student-count {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.assign-modal-collapsible-student-count.disabled {
  color: #767676;
}
.assign-modal-collapsible-student-count .student-count-label {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}

/* src/js/shared/alp/assign-modal-tab.styl */
.assign-modal-tab {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 5.5px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 127px;
  border: none;
  background: none;
  padding: 11px;
  position: relative;
}
.assign-modal-tab Label {
  cursor: pointer;
}
.assign-modal-tab:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 8px;
  width: 100%;
  background-color: rgba(0,0,0,0.05);
  border-radius: 0.625rem;
}
.assign-modal-tab.selected:after {
  background-color: #9c0d63;
}
.assign-modal-tab .assign-modal-tab-counter {
  border-radius: 3.125rem;
  background: var(--gray-02-gray-2, #e9e9e9);
  width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}

/* src/js/shared/alp/assign-modal.styl */
.assign-activity-modal-container .assign-modal-error-container {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.assign-activity-modal-container .manage-classes-link-container {
  position: absolute;
  top: 60px;
  right: 50px;
}
.assign-activity-modal-container .manage-classes-link-container .manage-classes-link {
  color: #666;
  text-decoration: none;
}
.assign-activity-modal-container .manage-classes-link-container .manage-classes-link i {
  font-size: 85%;
}
.assign-activity-modal-container .manage-classes-link-container .manage-classes-link .link-text {
  text-decoration: underline;
  margin-left: 5px;
}
.assign-activity-modal-container .manage-classes-link-container .manage-classes-link.dcg-hovered {
  color: #333;
}
.assign-activity-modal-container .manage-classes-link-container .manage-classes-link.dcg-depressed {
  color: #000;
}
.assign-activity-modal-container .manage-classes-no-classes {
  text-align: center;
  margin-bottom: 10px;
}
.assign-activity-modal-container .manage-classes-no-classes img {
  width: 250px;
}
.assign-activity-modal-container .manage-classes-no-classes .no-classes-message {
  color: #676767;
  margin: 10px 0 20px;
}
.assign-activity-modal-container .block-assign-list {
  border-top: 1px solid #bdbdbd;
  overflow-y: auto;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  max-height: calc(100vh - 210px);
}
.assign-activity-modal-container .block-assign-list.has-google-classes {
  max-height: calc(100vh - 350px);
}
.assign-activity-modal-container .block-assign-list .block-assign-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #bdbdbd;
  padding: 7.5px 5px;
}
.assign-activity-modal-container .block-assign-list .block-assign-row .class-name-and-checkbox-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.assign-activity-modal-container .block-assign-list .block-assign-row .block-name {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.assign-activity-modal-container .block-assign-list .block-assign-row .block-name.already-assigned {
  color: #999;
  font-style: italic;
}
.assign-activity-modal-container .block-assign-list .block-assign-row .already-assigned-message {
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
  color: #999;
  font-style: italic;
  margin-left: 10px;
}
.assign-activity-modal-container .block-assign-list .block-assign-row .assignment-error {
  margin-left: auto;
  text-align: left;
  position: relative;
  padding-right: 20px;
  max-width: 280px;
}
.assign-activity-modal-container .block-assign-list .block-assign-row .assignment-error .assignment-notification-close-cross {
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 3px;
}
.assign-activity-modal-container .error-message {
  line-height: 1.2em;
  background-color: #f4c0b3;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--amp-body-color, #3b3b3b);
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
}
.assign-activity-modal-container .submit-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-top: 15px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.assign-activity-modal-container .submit-container .assignment-loading {
  max-width: 60%;
}
.assign-activity-modal-container .submit-container .submit-buttons {
  margin-left: auto;
  text-align: right;
}
.assign-activity-modal-container .submit-container .submit-buttons .btn + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
@media screen and (max-width: 550px) {
  .assign-activity-modal-container .manage-classes-link-container {
    position: revert;
    margin-bottom: 15px;
  }
}

/* src/js/shared/alp/author-area.styl */
.author-area {
  font-size: 95%;
}
.author-area .exclusive-tag {
  cursor: pointer;
  margin-right: 5px;
  position: relative;
  top: 5px;
}
.author-area .author-and-info-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  margin-top: -8px;
}
.author-area .activity-author-groups {
  margin-top: 5px;
}
.author-area .activity-author-groups .label {
  font-weight: bolder;
}
.author-area .activity-author-groups .author-group-list {
  margin-right: 10px;
}
.author-area .activity-author {
  padding: 5px 0;
}
.author-area .activity-author .byline {
  display: inline-block;
  margin-right: 8px;
}
.author-area .activity-author .author-tag {
  line-height: 1.3em;
  vertical-align: middle;
  display: inline-block;
  font-size: 90%;
  padding: 1px 6px;
  border: 1px solid;
  border-radius: 10px;
  margin-right: 8px;
}
.author-area .activity-author .author-tag.searchable-tag {
  color: #9c0d63;
}
.author-area .activity-author .author-tag.by-desmos {
  color: #3278c8;
}
.author-area .activity-author .author-tag.by-cpm {
  line-height: 22px;
  padding-right: 10px;
  color: #233368;
}
.author-area .activity-author .author-tag.by-cpm img {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 3px;
}
.author-area .activity-author .author-tag.by-amplify {
  color: #f37321;
}
.author-area .activity-author .author-tag.by-you,
.author-area .activity-author .author-tag.edited-by-you,
.author-area .activity-author .author-tag.team-desmos {
  color: #005040;
}
.author-area .time-estimate,
.author-area .activity-type {
  line-height: 2em;
  padding: 0 8px;
  border-left: 1px solid #999;
}
.author-area .collaboration-byline {
  font-style: italic;
  font-size: 80%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.author-area .device-support {
  padding: 10px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.author-area .device-support .device-support-status,
.author-area .device-support .audio-scaffold-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--amp-body-color, #3b3b3b);
}
.author-area .device-support .device-support-status:not(.screen-reader-friendly),
.author-area .device-support .audio-scaffold-wrapper:not(.screen-reader-friendly) {
  margin-right: 20px;
}
.author-area .device-support .device-icon-container,
.author-area .device-support .audio-scaffold-icon-container,
.author-area .device-support .dcg-tooltip-hit-area-container {
  height: 25px;
}
.author-area .device-support .device-info-text,
.author-area .device-support .audio-scaffold-text {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.author-area .private-message-to-author,
.author-area .is-private-share-message {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.5em;
}
.author-area .is-private-message {
  margin-top: 5px;
  font-weight: 500;
}
.author-area .is-private-message i.icon-v2-locked {
  margin-right: 4px;
  position: relative;
  top: 2px;
}
@media screen and (max-width: 800px) {
  .author-and-info-container {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .author-and-info-container .activity-author {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .author-and-info-container .time-and-category {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
  .author-and-info-container .time-and-category .time-estimate {
    border-left: none;
    padding-left: 0;
  }
  .author-and-info-container .collaboration-byline {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}
@media screen and (max-width: 820px) {
  .author-area .device-support .device-icon-container,
  .author-area .device-support .device-info-text {
    display: block;
  }
}
@media screen and (max-width: 500px) {
  .author-area .device-support {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .author-area .device-support .device-support-status:not(.screen-reader-friendly) {
    margin-right: 10px;
  }
}

/* src/js/shared/alp/author-groups-modal.styl */
.author-groups-modal-contents .amplify-toast {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.author-groups-modal-contents .disabled-options-message {
  width: 75%;
  margin: 0 auto;
  text-align: center;
  font-size: 90%;
  background: rgba(71,129,185,0.1);
  padding: 5px;
  border: 1px solid rgba(71,129,185,0.5);
  border-radius: 3px;
  color: #fff;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.author-groups-modal-contents .author-group-selection-label {
  color: #676767;
  font-size: 110%;
  margin-top: 20px;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.author-groups-modal-contents .author-groups-modal-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  margin-top: 20px;
  text-align: right;
}
.author-groups-modal-contents .author-groups-modal-buttons .confirmation-button {
  margin-left: 20px;
}
.author-groups-modal-contents .author-groups-modal-buttons .btn-blue {
  margin-left: 20px;
}

/* src/js/shared/alp/blocks-section.styl */
.block-section {
  margin-top: 27px;
  position: relative;
}
.block-section .alp-preview-sessions-placeholder {
  color: #666;
  padding: 10px;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.block-section .alp-preview-sessions-placeholder img {
  height: 60px;
}
.block-section .alp-preview-sessions-placeholder .alp-preview-message-container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  margin-left: 15px;
  max-width: 600px;
}
.block-section .divided-btn {
  font-size: 18px;
}
.block-section .divided-btn .dropdown-container {
  font-size: initial;
}
.block-section .success-message {
  text-align: center;
  font-size: 90%;
  line-height: 24px;
  margin-bottom: 20px;
  width: 100%;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.block-section .success-message {
  font-size: 120%;
  color: #1aad57;
}
.block-section .success-message .pillow-icon-check {
  margin-right: 5px;
  display: inline-block;
}
.block-section .alp-section-content .amplify-toast {
  z-index: 1;
}
.block-section .assign-activity-options {
  padding: 10px;
  max-height: 222px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 230px;
}
.block-section .assign-activity-options .assign-to-menu-title-container {
  padding: 7px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  font-size: 95%;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.block-section .assign-activity-options .assign-to-menu-title-container .assign-to-menu-title {
  text-transform: uppercase;
  color: #999;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 10px;
}
.block-section .assign-activity-options .assign-to-menu-title-container .dcg-shared-dark-gray-link {
  font-size: 90%;
  text-decoration: none;
}
.block-section .assign-activity-options .assign-to-menu-title-container .dcg-shared-dark-gray-link .pillow-icon-settings {
  margin-right: 5px;
  font-size: 90%;
}
.block-section .assign-activity-options .assign-to-menu-title-container .dcg-shared-dark-gray-link span {
  text-decoration: underline;
}

/* src/js/shared/alp/collaborate-modal.styl */
.collaborate-modal .activity-collaborate-container,
.share-modal .activity-collaborate-container {
  padding: 20px;
}
.collaborate-modal .activity-collaborate-container .collaborate-header,
.share-modal .activity-collaborate-container .collaborate-header {
  color: var(--amp-body-color, #3b3b3b);
  font-size: 160%;
  position: relative;
}
.collaborate-modal .activity-collaborate-container .collaborate-description,
.share-modal .activity-collaborate-container .collaborate-description {
  color: #676767;
  margin: 10px 0 20px;
}
.collaborate-modal .activity-collaborate-container .collaborate-description .blue-link,
.share-modal .activity-collaborate-container .collaborate-description .blue-link {
  margin-left: 5px;
}
.collaborate-modal .activity-collaborate-container .dividing-line,
.share-modal .activity-collaborate-container .dividing-line {
  height: 1px;
  background-color: #bdbdbd;
  width: 100%;
}
.collaborate-modal .activity-collaborate-container .owner-tag,
.share-modal .activity-collaborate-container .owner-tag {
  float: right;
  color: #676767;
}
.collaborate-modal .activity-collaborate-container .add-collaborator-title,
.share-modal .activity-collaborate-container .add-collaborator-title {
  color: var(--amp-body-color, #3b3b3b);
  margin-top: 20px;
  font-size: 110%;
}

/* src/js/shared/alp/collaborator-row.styl */
.collaborator-row {
  border-top: 1px solid #bdbdbd;
}
.collaborator-row:last-of-type {
  border-bottom: 1px solid #bdbdbd;
}
.collaborator-row .collaborator-row-interior {
  padding: 10px 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  -o-box-pack: distribute;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.collaborator-row .collaborator-row-interior .collaborator-logo {
  padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0;
  -ms-flex: 0 0;
  flex: 0 0;
}
.collaborator-row .collaborator-row-interior .you-tag {
  color: #999;
  margin-left: 5px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0;
  -ms-flex: 0 0;
  flex: 0 0;
}
.collaborator-row .collaborator-row-interior .collaborator-email {
  color: var(--amp-body-color, #3b3b3b);
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 75%;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
}
.collaborator-row .collaborator-row-interior .owner-email {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
}
.collaborator-row .collaborator-label {
  float: right;
  color: #999;
  font-style: italic;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0;
  -ms-flex: 0 0;
  flex: 0 0;
}
.collaborator-row .start-remove-collaborator {
  color: #c0504d;
  float: right;
  text-decoration: underline;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0;
  -ms-flex: 0 0;
  flex: 0 0;
}
.collaborator-row .start-remove-collaborator.dcg-hovered {
  color: #ad1a1a;
}
.collaborator-row .collaborator-confirm-remove {
  background: rgba(192,80,77,0.2);
  padding: 5px 8px;
  color: var(--amp-body-color, #3b3b3b);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  line-height: 1.2em;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 90%;
}
.collaborator-row .collaborator-confirm-remove .collaborator-confirm-remove-message {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 90%;
}
.collaborator-row .collaborator-confirm-remove .collaborator-confirm-remove-options .cancel-link {
  padding-right: 15px;
}

/* src/js/shared/alp/curriculum-banner.styl */
.curriculum-banner .shared-announcement-banner-left-section {
  background: #fcefc7;
}
.curriculum-banner .shared-announcement-banner-left-section .banner-text {
  font-size: 1em;
}
.curriculum-banner .shared-announcement-banner-left-section .banner-text h2 {
  font-family: "Amplify", serif;
  font-size: 1.5em;
}
.curriculum-banner .shared-announcement-banner-right-section {
  background: rgba(255,255,255,0.5) url("/fingerprinted/static/classroom-assets/img/teacher/curriculum-images/curriculum-banner-background-blob-af211e84797334718e337e6f95755bc428245f57-b.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 80px;
  width: 600px;
}
.curriculum-banner .additional-banner-text {
  margin-right: 10px;
  margin-left: 30px;
  font-size: 1.1em;
}
@media screen and (max-width: 780px) {
  .shared-announcement-banner.curriculum-banner {
    background: #fcefc7;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .shared-announcement-banner.curriculum-banner .shared-announcement-banner-right-section,
  .shared-announcement-banner.curriculum-banner .shared-announcement-banner-left-section {
    background-image: none;
    background: none;
    min-height: 0px;
    padding: 0px;
    background: transparent;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .shared-announcement-banner.curriculum-banner .banner-text {
    margin: 15px;
  }
  .shared-announcement-banner.curriculum-banner .btn-teal,
  .shared-announcement-banner.curriculum-banner .btn {
    margin: 0 15px 15px 15px;
  }
}
.curriculum-banner.amplify-desmos-math-banner,
.curriculum-banner.desmos-math-banner {
  background: #fff;
}
.curriculum-banner.amplify-desmos-math-banner .shared-announcement-banner-left-section,
.curriculum-banner.desmos-math-banner .shared-announcement-banner-left-section {
  background: #fff;
}
.curriculum-banner.amplify-desmos-math-banner .shared-announcement-banner-left-section .banner-image-container,
.curriculum-banner.desmos-math-banner .shared-announcement-banner-left-section .banner-image-container {
  display: block;
  width: 142px;
}
.curriculum-banner.amplify-desmos-math-banner .shared-announcement-banner-left-section .banner-image-placeholder,
.curriculum-banner.desmos-math-banner .shared-announcement-banner-left-section .banner-image-placeholder {
  min-width: 142px;
}
.curriculum-banner.amplify-desmos-math-banner .shared-announcement-banner-left-section .banner-text,
.curriculum-banner.desmos-math-banner .shared-announcement-banner-left-section .banner-text {
  width: fit-content;
  margin-left: auto;
}
.curriculum-banner.amplify-desmos-math-banner .curriculum-banner-divider-container,
.curriculum-banner.desmos-math-banner .curriculum-banner-divider-container {
  min-height: 72px;
  padding: 0px 20px;
}
.curriculum-banner.amplify-desmos-math-banner .curriculum-banner-divider-container .curriculum-banner-divider,
.curriculum-banner.desmos-math-banner .curriculum-banner-divider-container .curriculum-banner-divider {
  width: 1px;
  height: 42px;
  background: #bdbdbd;
  margin-top: 15px;
  border-radius: 30px;
}
.curriculum-banner.amplify-desmos-math-banner .shared-announcement-banner-right-section,
.curriculum-banner.desmos-math-banner .shared-announcement-banner-right-section {
  background: #fff;
  padding: 0px;
}
.curriculum-banner.amplify-desmos-math-banner .shared-announcement-banner-right-section .additional-banner-text,
.curriculum-banner.desmos-math-banner .shared-announcement-banner-right-section .additional-banner-text {
  margin-left: 0px;
  margin-right: auto;
}
.curriculum-banner.amplify-desmos-math-banner .shared-announcement-banner-right-section {
  width: 46%;
}
@media screen and (min-width: 1500px) {
  .curriculum-banner.amplify-desmos-math-banner .shared-announcement-banner-right-section {
    width: 50%;
  }
}
@media screen and (max-width: 1197px) {
  .curriculum-banner.amplify-desmos-math-banner .banner-text {
    margin: 0 auto !important;
    text-align: center;
  }
  .curriculum-banner.amplify-desmos-math-banner .curriculum-banner-divider-container {
    display: none;
  }
  .curriculum-banner.amplify-desmos-math-banner .shared-announcement-banner-right-section {
    width: auto;
  }
  .curriculum-banner.amplify-desmos-math-banner .additional-banner-text {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .curriculum-banner.amplify-desmos-math-banner .shared-announcement-banner-left-section {
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
  }
}
@media screen and (max-width: 780px) {
  .curriculum-banner.amplify-desmos-math-banner .banner-text {
    margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) !important;
  }
  .curriculum-banner.amplify-desmos-math-banner .banner-image-container,
  .curriculum-banner.amplify-desmos-math-banner .banner-image-placeholder {
    display: none !important;
  }
}
.curriculum-banner.desmos-math-banner .shared-announcement-banner-right-section {
  width: 50%;
}
.curriculum-banner.desmos-math-banner span {
  font-size: 15px;
  font-weight: 400;
  line-height: 160%;
}
.curriculum-banner.desmos-math-banner h2 {
  font-family: benton-sans, arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400;
}
@media screen and (max-width: 1288px) {
  .curriculum-banner.desmos-math-banner .banner-text {
    margin: 0 auto !important;
    text-align: center;
  }
  .curriculum-banner.desmos-math-banner .curriculum-banner-divider-container {
    display: none;
  }
  .curriculum-banner.desmos-math-banner .shared-announcement-banner-right-section {
    width: auto;
  }
  .curriculum-banner.desmos-math-banner .additional-banner-text {
    display: none;
  }
}
@media screen and (max-width: 872px) {
  .curriculum-banner.desmos-math-banner {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .curriculum-banner.desmos-math-banner .shared-announcement-banner-right-section,
  .curriculum-banner.desmos-math-banner .shared-announcement-banner-left-section {
    min-height: 0px;
  }
  .curriculum-banner.desmos-math-banner .shared-announcement-banner-right-section .banner-text,
  .curriculum-banner.desmos-math-banner .shared-announcement-banner-left-section .banner-text {
    margin: 15px !important;
  }
  .curriculum-banner.desmos-math-banner .shared-announcement-banner-right-section .btn,
  .curriculum-banner.desmos-math-banner .shared-announcement-banner-left-section .btn {
    margin: 0 15px 15px 15px;
  }
  .curriculum-banner.desmos-math-banner .banner-image-container,
  .curriculum-banner.desmos-math-banner .banner-image-placeholder {
    display: none !important;
  }
}

/* src/js/shared/alp/deprecated-feature-warning.styl */
.alp-deprecated-feature-warning {
  width: 100%;
  margin-top: 30px;
  background: rgba(250,213,75,0.2);
  border: 1px solid #fad54b;
  border-radius: 5px;
  padding: 20px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  line-height: 24px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.alp-deprecated-feature-warning .warning-label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.alp-deprecated-feature-warning .message {
  display: inline;
}
.alp-deprecated-feature-warning i {
  font-size: 140%;
  color: #fa824c;
  margin-right: 5px;
  position: relative;
  top: 2px;
  line-height: 24px;
}

/* src/js/shared/alp/draft-section.styl */
.draft-section-container {
  padding: 10px 0;
}
.draft-section-container .draft-section {
  background: #e9e9e9;
  border-radius: 20px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 40px;
}
.draft-section-container .draft-section-text {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 90%;
  color: var(--amp-body-color, #3b3b3b);
  padding-left: 15px;
}
.draft-section-container .draft-section-text .draft-heading {
  font-weight: 500;
}
.draft-section-container .draft-section-text .draft-divider {
  margin: 0 5px;
}
.draft-section-container .buttons-section {
  position: absolute;
  top: 0;
  right: 5px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.draft-section-container .buttons-section .draft-options-container {
  margin: 0 10px;
  height: 100%;
}
.draft-section-container .published-section {
  font-style: italic;
  font-size: 90%;
  color: var(--amp-text-color-dark, #080808);
}
.draft-options-dropdown.dcg-shared-options-dropdown {
  min-width: 160px;
}
.draft-options-dropdown.dcg-shared-options-dropdown:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 9px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.draft-options-dropdown.dcg-shared-options-dropdown:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 8px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.draft-options-dropdown.dcg-shared-options-dropdown .discard-draft {
  color: #c0504d;
}
.draft-options-dropdown.dcg-shared-options-dropdown .discard-draft:not(.dropdown-choice-disabled).dcg-hovered,
.draft-options-dropdown.dcg-shared-options-dropdown .discard-draft:not(.dropdown-choice-disabled).dcg-depressed {
  color: #ad1a1a;
}

/* src/js/shared/alp/edit-block-assignment-modal.styl */
.modal-simple-dialog.edit-block-assignment-modal .modal-dialog {
  max-width: 900px;
}
.modal-simple-dialog.edit-block-assignment-modal .modal-dialog .modal-header {
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  padding-bottom: 0;
}
.modal-simple-dialog.edit-block-assignment-modal .modal-dialog .modal-header .modal-close {
  right: 0;
  top: 0;
}
.modal-simple-dialog.edit-block-assignment-modal .modal-dialog .assigned-block-label {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  margin-bottom: 0;
  color: #676767;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.21875rem;
}
.modal-simple-dialog.edit-block-assignment-modal .modal-dialog .modal-body {
  padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
}
.modal-simple-dialog.edit-block-assignment-modal .modal-dialog .block-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.modal-simple-dialog.edit-block-assignment-modal .modal-dialog .block-info .block-name {
  color: #20242f;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.625rem;
}
.modal-simple-dialog.edit-block-assignment-modal .modal-dialog .block-info .manage-block-button {
  margin-left: auto;
}
.modal-simple-dialog.edit-block-assignment-modal .modal-dialog .block-info .student-progress-counter {
  color: #9c0d63;
}

/* src/js/shared/alp/external-preferences-section.styl */
.external-preferences-section {
  background: #f7f7f7;
  padding: 10px 15px;
  margin-top: 15px;
  border-radius: 5px;
  border: 1px solid #e2e2e2;
}
.external-preferences-section .external-preferences-title {
  font-size: 115%;
  margin-bottom: 5px;
}
.external-preferences-section .external-preferences-title a {
  float: right;
  font-size: 85%;
}
.external-preferences-section .external-preferences-settings {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.external-preferences-section .external-preferences-settings .assignment-preference {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-top: 5px;
}
.external-preferences-section .external-preferences-settings .assignment-preference:not(:last-of-type) {
  margin-right: 25px;
}
.external-preferences-section .external-preferences-settings .assignment-preference .assignment-icon-container {
  position: relative;
}
.external-preferences-section .external-preferences-settings .assignment-preference .assignment-icon-container .desmos-logo img {
  border-radius: 3px;
}
.external-preferences-section .external-preferences-settings .assignment-preference .assignment-icon-container .pillow-icon-check,
.external-preferences-section .external-preferences-settings .assignment-preference .assignment-icon-container .pillow-icon-remove,
.external-preferences-section .external-preferences-settings .assignment-preference .assignment-icon-container .pillow-icon-pencil {
  position: absolute;
  font-size: 50%;
  position: absolute;
  left: 15px;
  bottom: 2px;
  text-shadow: calc(1px * -1) calc(1px * -1) 0 #fff, calc(1px * -1) 1px 0 #fff, 1px calc(1px * -1) 0 #fff, 1px 1px 0 #fff, 0 calc(1px * -1) 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, calc(1px * -1) 0 0 #fff;
}
.external-preferences-section .external-preferences-settings .assignment-preference .assignment-icon-container .pillow-icon-check {
  color: #1aad57;
}
.external-preferences-section .external-preferences-settings .assignment-preference .assignment-icon-container .pillow-icon-remove {
  color: #c0504d;
}
.external-preferences-section .external-preferences-settings .assignment-preference .assignment-icon-container .pillow-icon-pencil {
  color: #666;
}
.external-preferences-section .external-preferences-settings .assignment-preference .option-title {
  font-weight: bold;
}

/* src/js/shared/alp/featured-collection-section.styl */
.featured-collections-alp-container {
  margin: 20px 0;
}
.featured-collections-alp-container h1 {
  font-size: 100%;
  color: var(--amp-body-color, #3b3b3b);
  line-height: 1.5em;
}
.featured-collections-alp-container .collection-card {
  margin-bottom: 10px;
}

/* src/js/shared/alp/legacy-activity-permissions-modal.styl */
.activity-permissions-modal-contents {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.activity-permissions-modal-contents .should-license-toggle {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.activity-permissions-modal-contents .admin-form-label {
  font-weight: bold;
  margin-bottom: 5px;
}
.activity-permissions-modal-contents .toggle-container {
  max-width: 200px;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.activity-permissions-modal-contents .license-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.activity-permissions-modal-contents .license-container .license-selection {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
}
.activity-permissions-modal-contents .license-container .license-options {
  padding-left: 30px;
}
.activity-permissions-modal-contents .confirmation-message {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.activity-permissions-modal-contents .submit-buttons {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  text-align: right;
}
.activity-permissions-modal-contents .submit-buttons .btn + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.activity-permissions-modal-contents .amplify-radio-btn {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.amplify-toast {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}

/* src/js/shared/alp/lesson-overview.styl */
.lesson-overview .lesson-details.lesson-details {
  background: #f6f6f6;
  border-radius: var(--amp-border-radius, 0.1875em);
  padding: 20px 15px;
  margin: 15px 0;
  color: var(--amp-body-color, #3b3b3b);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.lesson-overview .lesson-details.lesson-details .notes-and-standards,
.lesson-overview .lesson-details.lesson-details .vocab-and-routines {
  margin-top: 0;
}
.lesson-overview .lesson-details.lesson-details .notes-and-standards {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  min-width: 0;
}
.lesson-overview .lesson-details.lesson-details .notes-and-standards .ProseMirror.dcg-prosemirror-view h2:first-child {
  margin-top: 0;
}
.lesson-overview .lesson-details.lesson-details h2 {
  font-size: 100%;
  font-weight: 500;
  line-height: 1em;
  margin: 10px 0 10px;
}
.lesson-overview .lesson-details.lesson-details h2.lesson-standards-label {
  margin-bottom: 0;
}
.lesson-overview .lesson-details.lesson-details .ProseMirror ul li {
  margin-top: 7px;
  margin-bottom: 7px;
}
.lesson-overview .lesson-details.lesson-details .vocab-and-routines {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 20%;
  -ms-flex: 1 1 20%;
  flex: 1 1 20%;
  min-width: 20%;
  max-width: fit-content;
  margin-left: 15px;
  width: 20%;
}
.lesson-overview .lesson-details.lesson-details .vocab-and-routines h2.first-in-column {
  margin-top: 0;
}
.lesson-overview .lesson-details.lesson-details .vocab-and-routines .vocab-list,
.lesson-overview .lesson-details.lesson-details .vocab-and-routines .routine-list {
  margin: 7px 0;
  padding-left: 10px;
  padding-right: 10px;
}
.lesson-overview .lesson-details.lesson-details .vocab-and-routines .vocab-list li,
.lesson-overview .lesson-details.lesson-details .vocab-and-routines .routine-list li {
  margin: 7px 0 7px 12px;
}
.lesson-overview .resource-links-container {
  margin: 30px 0 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}
.lesson-overview .resource-links-container .resource-link {
  margin-bottom: 15px;
}
.lesson-overview .resource-links-container .web-resources {
  display: contents;
}
.lesson-overview .resource-links-container .linked-activities {
  display: contents;
}
.lesson-overview .resource-links-container .image-resources .pill-image-gallery-resource {
  display: inline-block;
  margin-right: 15px;
}

/* src/js/shared/alp/lesson-plan-button.styl */
.lesson-plan-button {
  font-size: 115%;
}
.lesson-plan-button i {
  padding-right: 8px;
}
.lesson-plan-modal.modal-cover.fixed-width .modal-container .modal-contents-wrapper {
  max-height: 85vh;
}
.lesson-plan-modal.modal-cover.fixed-width .modal-container .prosemirror-lesson {
  padding: 15px;
}
.lesson-plan-modal.modal-cover.fixed-width .modal-container .prosemirror-lesson h2,
.lesson-plan-modal.modal-cover.fixed-width .modal-container .prosemirror-lesson h3 {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1) 0;
}

/* src/js/shared/alp/manage-blocks-button.styl */
.assign-modal-adm-manage-classes .tooltip {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: fixed;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.assign-modal-adm-manage-classes .tooltip .popover-inner,
.assign-modal-adm-manage-classes .tooltip .arrow::before {
  background-color: var(--amp-body-color, #3b3b3b);
}
.assign-modal-adm-manage-classes .tooltip .tooltip-text {
  color: #fff;
  text-wrap: nowrap;
}

/* src/js/shared/alp/multi-tab-assign-modal-actions.styl */
.assign-modal-adm-actions-wrapper {
  width: 100%;
}
.assign-modal-adm-actions-wrapper .assign-modal-adm-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  gap: 22px;
}
.assign-modal-adm-actions-wrapper .assign-modal-adm-actions .assign-modal-adm-button-submit {
  margin-left: auto;
  gap: 0.35rem;
}
.assign-modal-adm-actions-wrapper .assign-modal-adm-actions .date-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.assign-modal-adm-actions-wrapper .assign-modal-adm-actions .date-wrapper .amplify-radio-btn {
  margin: 0;
  height: unset;
}
.assign-modal-adm-actions-wrapper .assign-modal-adm-actions .date-wrapper .amplify-radio-btn label {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.assign-modal-adm-actions-wrapper .assign-modal-adm-actions .date-wrapper .amplify-radio-btn .assign-modal-input {
  font-size: 18px;
}
.assign-modal-adm-actions-wrapper .assign-modal-adm-actions .date-wrapper .amplify-radio-btn .assign-modal-radio-button {
  margin-right: 8px;
}
.assign-modal-adm-actions-wrapper .assign-modal-adm-actions .date-wrapper .amplify-radio-btn .assign-modal-adm-alp-radio-option {
  margin-top: 5px;
  margin-bottom: 5px;
}
.assign-modal-adm-actions-wrapper .assign-modal-adm-actions .date-wrapper .amplify-radio-btn .assign-modal-boxed-input {
  padding: 0px 10px;
  color: var(--amp-body-color, #3b3b3b);
  border-width: 1px;
  border-color: #bdbdbd;
  border-radius: 3px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -ms-filter: none;
  filter: none;
  position: static;
}
.assign-modal-adm-actions-wrapper .assign-modal-adm-actions .date-wrapper .amplify-radio-btn .assign-modal-boxed-input-disabled {
  border-color: #e5e5e5;
  color: #e5e5e5;
}
.assign-modal-adm-actions-wrapper .assign-modal-adm-actions .date-wrapper .amplify-radio-btn .has-error {
  border-color: #c0504d;
}
.assign-modal-adm-actions-wrapper .assign-modal-adm-actions .date-wrapper .assign-date-invalid {
  margin-left: 28px;
  padding: 4px 0;
}
.assign-modal-adm-actions-wrapper .assign-modal-adm-errors {
  margin-right: auto;
}
.assign-modal-adm-actions-wrapper .assign-modal-adm-errors .submission-error {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 0.78125rem;
}
.assign-modal-adm-actions-wrapper .assign-modal-adm-errors .submission-error.error {
  color: #c0504d;
}
.assign-modal-adm-actions-wrapper .assign-modal-adm-errors .submission-error.warning {
  color: #676767;
}

/* src/js/shared/alp/multi-tab-assign-modal.styl */
.modal-simple-dialog.assign-modal-groups-individuals {
  height: 80vh;
}
.modal-simple-dialog.assign-modal-groups-individuals .modal-dialog {
  max-width: 900px;
}
.modal-simple-dialog.assign-modal-groups-individuals .modal-dialog .modal-header {
  padding: 0rem calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4) 0rem calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
}
.modal-simple-dialog.assign-modal-groups-individuals .modal-dialog .modal-header .assign-modal-header {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
}
.modal-simple-dialog.assign-modal-groups-individuals .modal-dialog .modal-header .assign-modal-header .assign-modal-title {
  color: var(--rebrand-text-01_text, #20242f);
  font: normal 500 var(--font_p2, 1.35rem) 'benton-sans', sans-serif;
  line-height: var(--lineHeight_p2, 2.0625rem); /* 152.778% */
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) 0 0 0;
}
.modal-simple-dialog.assign-modal-groups-individuals .modal-dialog .modal-header .assign-modal-header .assign-modal-adm-manage-classes .tooltip {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: fixed;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.modal-simple-dialog.assign-modal-groups-individuals .modal-dialog .modal-header .assign-modal-header .assign-modal-adm-manage-classes .tooltip .popover-inner,
.modal-simple-dialog.assign-modal-groups-individuals .modal-dialog .modal-header .assign-modal-header .assign-modal-adm-manage-classes .tooltip .arrow::before {
  max-width: 300px;
  background-color: var(--text-01-text, #3b3b3b);
}
.modal-simple-dialog.assign-modal-groups-individuals .modal-dialog .modal-header .assign-modal-header .assign-modal-adm-manage-classes .tooltip .tooltip-text {
  color: var(--white-01-white, #fff);
}
.modal-simple-dialog.assign-modal-groups-individuals .modal-dialog .modal-content {
  max-height: 90vh;
  height: 90vh;
}
.modal-simple-dialog.assign-modal-groups-individuals .modal-dialog .assign-modal-adm-tabs-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.modal-simple-dialog.assign-modal-groups-individuals .modal-dialog .assign-modal-adm-tabs-wrapper .assign-modal-tab {
  -webkit-flex-basis: 20%;
  flex-basis: 20%;
}
.modal-simple-dialog.assign-modal-groups-individuals .modal-dialog .assign-modal-adm-tabs-wrapper .assign-modal-tab-stub {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.modal-simple-dialog.assign-modal-groups-individuals .modal-dialog .assign-modal-adm-tabs-wrapper .assign-modal-tab-stub::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 8px;
  width: 100%;
  background-color: rgba(0,0,0,0.05);
  border-radius: 0.625rem;
}

/* src/js/shared/alp/no-blocks-warning-modal.styl */
.no-blocks-warning-modal-wrapper .warning-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: 12px;
  padding-bottom: 26px;
  padding-top: 30px;
  place-items: center center;
}
.no-blocks-warning-modal-wrapper .warning-wrapper .warning-label {
  font-size: 14px;
  font-weight: bold;
}
.no-blocks-warning-modal-wrapper .text-wrapper {
  padding-bottom: 36px;
}
.no-blocks-warning-modal-wrapper .text-wrapper .main-heading {
  padding-bottom: 18px;
  font-weight: bold;
  font-size: 18px;
}
.no-blocks-warning-modal-wrapper .buttons-wrapper {
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  background-color: #f6f6f6;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 -30px -30px -30px;
  padding: 32px;
}

/* src/js/shared/alp/phrase-batch-export-modal.scss */
.phrase-batch-export-modal .title {
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.phrase-batch-export-modal .phrase-batch-export-modal-contents {
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  display: flex;
  flex-direction: column;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  overflow-y: auto;
  max-height: 60vh;
}
.phrase-batch-export-modal .phrase-batch-export-modal-contents .content-title {
  font-style: italic;
}
/* src/js/shared/alp/phrase-export-status.scss */
.amplify-toast.phrase-export-status {
  bottom: 0;
  top: unset;
}
.amplify-toast.phrase-export-status.initiated, .amplify-toast.phrase-export-status.success {
  z-index: 1111;
}
.amplify-toast.phrase-export-status .toast-inner .toast-content {
  display: flex;
  align-items: center;
}
/* src/js/shared/alp/phrase-jobs-in-progress-modal.scss */
.phrase-jobs-in-progress-modal .phrase-jobs-in-progress-modal-contents {
  display: flex;
  flex-direction: column;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.phrase-jobs-in-progress-modal .phrase-jobs-in-progress-modal-contents .phrase-jobs-in-progress-message.job-links {
  display: flex;
  flex-direction: column;
}
/* src/js/shared/alp/publish-history/activity-history-error.scss */
.activity-history-error-container {
  margin-top: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * -1);
}
.activity-history-error-container .amplify-toast.toast-stationary {
  z-index: auto;
}
.activity-history-error-container .amplify-toast.toast-stationary .toast-inner {
  border-radius: var(--amp-border-radius, 0.1875em);
  justify-content: left;
}
.activity-history-error-container .amplify-toast.toast-stationary .toast-inner .toast-icon {
  margin-left: 0;
}
/* src/js/shared/alp/publish-history/activity-history-loading.scss */
.loading-activity-history-view .loading-content-row-container {
  display: flex;
  justify-content: center;
  padding-left: 15px;
}
.loading-activity-history-view .loading-content-row-container .loading-content-row {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 15px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) -5px;
}
.loading-activity-history-view .loading-content-row-container .loading-content-row > * {
  height: 30px;
  width: 100%;
  animation: pulse 2s infinite;
  background: #e2e2e2;
  border-radius: 3px;
  border-radius: 0;
}
.loading-activity-history-view .loading-content-row-container .loading-content-row .last-edited,
.loading-activity-history-view .loading-content-row-container .loading-content-row .preview {
  width: 100px;
}
/* src/js/shared/alp/publish-history/publish-history-modal.scss */
.modal-cover.centered-modal.publish-history-modal .modal-transition-container {
  height: 100%;
}
.modal-cover.centered-modal.publish-history-modal .modal-container {
  height: 100%;
  margin-top: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
  margin-bottom: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
}
.modal-cover.centered-modal.publish-history-modal .modal-container .modal-contents-wrapper {
  height: 100%;
  width: calc(100vw - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 4);
}

.publish-history-modal {
  overflow: none;
}
.publish-history-modal .publish-history-modal-container {
  margin: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1);
}
.publish-history-modal .publish-history-modal-container .publish-history-title {
  margin-bottom: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
}
.publish-history-modal .publish-history-modal-container .publish-history-container .publish-history-header-row {
  text-transform: uppercase;
}
.publish-history-modal .publish-history-modal-container .publish-history-container .publish-history-divider {
  height: 1px;
  background-color: #bdbdbd;
  margin-top: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1);
}
.publish-history-modal .publish-history-modal-container .publish-history-container .publish-history-divider.header-row {
  margin: 0;
}
.publish-history-modal .publish-history-modal-container .publish-history-row {
  margin-top: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1);
}
.publish-history-modal .publish-history-modal-container .publish-history-row .commit-info {
  margin: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
.publish-history-modal .publish-history-modal-container .publish-history-row .amp-link {
  cursor: pointer;
}
.publish-history-modal .publish-history-footer {
  height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 3);
  bottom: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * -1);
  position: sticky;
  background: linear-gradient(to top, white, transparent);
}

@media screen and (max-width: 575px) {
  .modal-cover.centered-modal.publish-history-modal .modal-container .modal-contents-wrapper {
    width: 100%;
  }
  .modal-cover.centered-modal.publish-history-modal .modal-container .modal-contents-wrapper .publish-history-modal-container {
    width: auto;
    max-width: 100%;
    margin: 0;
  }
}
/* src/js/shared/alp/retail-assets-panel.styl */
.retail-assets-panel {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
}
.retail-assets-panel.disabled {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  pointer-events: none;
}
.retail-assets-panel .retail-assets-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding-left: 2px;
}
.retail-assets-panel .retail-assets-search-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
  position: relative;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
}
.retail-assets-panel .retail-assets-search-bar .search-input {
  width: 100%;
}
.retail-assets-panel .retail-assets-search-bar .search-input i {
  position: absolute;
  left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  pointer-events: none;
}
.retail-assets-panel .retail-assets-search-bar .search-input input {
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3.5);
}
.retail-assets-panel .asset-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}
.retail-assets-panel .asset-row .asset-name {
  display: block;
  width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 29);
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.retail-assets-panel .asset-row .asset-id {
  font-size: 85%;
  color: #666;
  font-family: Monaco, monospace;
}
.retail-assets-panel .asset-row a.asset-id {
  text-decoration-color: #999;
}
.retail-assets-panel .asset-row.error .asset-name {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.retail-assets-panel .asset-row.loading .asset-name {
  color: #999;
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.retail-assets-panel .retail-assets-list .asset-row {
  border-top: 1px solid #bdbdbd;
}
.retail-assets-panel .retail-assets-list .asset-row:last-child {
  border-bottom: 1px solid #bdbdbd;
}
.retail-assets-panel .asset-dropdown-options {
  width: 100%;
  position: absolute;
  top: 101%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1) 0;
  max-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 14);
  overflow-y: auto;
  background: #fff;
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  border: 1px solid #bdbdbd;
  color: var(--amp-body-color, #3b3b3b);
  -webkit-animation: fadeInDown 0.2s;
  -moz-animation: fadeInDown 0.2s;
  -o-animation: fadeInDown 0.2s;
  -ms-animation: fadeInDown 0.2s;
  animation: fadeInDown 0.2s;
  z-index: 10;
}
.retail-assets-panel .asset-dropdown-options .asset-row {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
}
.retail-assets-panel .asset-dropdown-options .asset-row:hover.loaded {
  background: #f6f6f6;
}
.retail-assets-panel .asset-dropdown-options .asset-row.loading {
  color: #999;
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.retail-assets-panel .asset-dropdown-options .asset-row.error {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.retail-assets-panel .missing-asset-warning {
  z-index: 0;
}
.retail-assets-panel .missing-asset-warning.amplify-toast .toast-inner .toast-body {
  width: unset;
}

/* src/js/shared/alp/section.styl */
.alp-section .alp-section-header {
  margin: 30px 0 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.alp-section .alp-section-header .header-text {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--amp-body-color, #3b3b3b);
  font-size: 135%;
  margin-top: 0;
  margin-bottom: 0;
}
.alp-section .alp-section-header .header-text i {
  margin-right: 5px;
  font-size: 70%;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -ms-transition: -ms-transform 0.2s;
  transition: transform 0.2s;
}
.alp-section .alp-section-header .header-text i.rotated {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.alp-section .alp-section-header .header-button {
  text-align: center;
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.alp-section .alp-section-content {
  font-size: 15px;
  display: block;
}
.alp-section .alp-section-content.collapsible {
  margin: 0 20px;
}
.alp-section .alp-section-content.hidden {
  display: none;
}
@media screen and (max-width: 680px) {
  .alp-section .alp-section-header .header-button {
    min-width: min-content;
  }
}

/* src/js/shared/alp/share-modal.styl */
.share-modal .share-modal-container .share-link {
  margin: 20px 0;
}
.share-modal .share-modal-container .share-link .share-link-text {
  margin-bottom: 5px;
  color: #676767;
}
.share-modal .share-modal-container .share-link input.activity-url {
  border-radius: var(--amp-border-radius, 0.1875em);
  font-size: 100%;
  width: 100%;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.7);
}
.share-modal .exclusive-activity-warning {
  padding: 10px 5px;
  font-weight: 600;
  color: #676767;
}
.share-modal .social-share-links {
  margin-top: 20px;
}
.share-modal .social-share-links .social-share-text {
  color: #676767;
  display: block;
}
.share-modal .social-share-links .social-share-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.share-modal .social-share-links .twitter-container,
.share-modal .social-share-links .facebook-container {
  width: calc(50% - 5px);
  text-align: center;
  margin-top: 10px;
  border-radius: var(--amp-border-radius, 0.1875em);
  text-decoration: none;
}
.share-modal .social-share-links .twitter-container i,
.share-modal .social-share-links .facebook-container i {
  padding-right: 6px;
}
.share-modal .social-share-links .btn-secondary:first-of-type {
  margin-right: 10px;
}

/* src/js/shared/alp/shared-announcement-banner.styl */
.shared-announcement-banner {
  width: 100%;
  min-height: 72px;
  margin: 10px 0 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 5px;
  position: relative;
  font-size: 14px;
  line-height: 1.2;
  overflow: hidden;
  z-index: 1;
}
.shared-announcement-banner .shared-announcement-banner-left-section,
.shared-announcement-banner .shared-announcement-banner-right-section {
  min-height: 72px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.shared-announcement-banner .shared-announcement-banner-left-section {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.shared-announcement-banner .banner-text {
  width: 100%;
  margin-left: 90px;
  color: var(--amp-body-color, #3b3b3b);
}
.shared-announcement-banner .btn {
  margin: 0 20px 0 10px;
}
.shared-announcement-banner .banner-image-container {
  width: 80px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.shared-announcement-banner .banner-image-container .banner-image {
  height: 100%;
}
.shared-announcement-banner h2 {
  margin: 0;
}
@media screen and (max-width: 1100px) {
  .shared-announcement-banner .shared-announcement-banner-right-section {
    width: auto;
  }
  .shared-announcement-banner .additional-banner-text {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .shared-announcement-banner .shared-announcement-banner-right-section {
    padding-left: auto;
  }
  .shared-announcement-banner .banner-image-container {
    display: none;
  }
  .shared-announcement-banner .btn {
    margin: 0 20px 0 10px;
  }
  .shared-announcement-banner .banner-text {
    margin: 15px 0 15px 20px;
  }
}

/* src/js/shared/alp/view-linked-card.styl */
.linked-activity,
.linked-collection {
  text-decoration: none;
  font-size: 115%;
}
.linked-activity img,
.linked-collection img,
.linked-activity .collection-icon,
.linked-collection .collection-icon {
  height: 26px;
  margin-right: 10px;
  border-radius: 3px;
}
.linked-collection .collection-icon {
  width: 26px;
}

/* src/js/shared/alp/view-paper-resource.styl */
.alp-paper-resources,
.lesson-settings-container .paper-resource-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.alp-paper-resources .preview-paper-resource,
.lesson-settings-container .paper-resource-list .preview-paper-resource {
  list-style: none;
}
.alp-paper-resources .paper-resource,
.lesson-settings-container .paper-resource-list .paper-resource {
  margin: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.alp-paper-resources .paper-resource .resource-title,
.lesson-settings-container .paper-resource-list .paper-resource .resource-title {
  margin-bottom: 5px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.alp-paper-resources .paper-resource .resource-title .is-deleted,
.lesson-settings-container .paper-resource-list .paper-resource .resource-title .is-deleted {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.alp-paper-resources .paper-resource .resource-title .paper-resource-title-wrapper,
.lesson-settings-container .paper-resource-list .paper-resource .resource-title .paper-resource-title-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.alp-paper-resources .paper-resource .resource-title .paper-resource-title-wrapper i,
.lesson-settings-container .paper-resource-list .paper-resource .resource-title .paper-resource-title-wrapper i {
  margin-right: 5px;
  color: #666;
  font-size: 1.4em;
}
.alp-paper-resources .paper-resource .resource-title .paper-resource-title-wrapper span,
.lesson-settings-container .paper-resource-list .paper-resource .resource-title .paper-resource-title-wrapper span {
  font-size: 100%;
  text-decoration: none;
}
.alp-paper-resources .paper-resource .resource-title .paper-resource-title-wrapper .dcg-tooltip-hit-area-container,
.lesson-settings-container .paper-resource-list .paper-resource .resource-title .paper-resource-title-wrapper .dcg-tooltip-hit-area-container {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.alp-paper-resources .paper-resource .resource-title .paper-resource-title-wrapper h3,
.lesson-settings-container .paper-resource-list .paper-resource .resource-title .paper-resource-title-wrapper h3 {
  font-size: 100%;
  line-height: 1.6em;
  margin: 0;
  text-decoration: none;
}
.alp-paper-resources .paper-resource .add-paper-resource,
.lesson-settings-container .paper-resource-list .paper-resource .add-paper-resource {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  background-color: #fff;
  bottom: 90px;
  left: 80px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  height: 45px;
  width: 45px;
  border-radius: 50%;
  cursor: pointer;
}
.alp-paper-resources .paper-resource .add-paper-resource.dcg-hovered,
.lesson-settings-container .paper-resource-list .paper-resource .add-paper-resource.dcg-hovered {
  background-color: #f6f6f6;
}
.alp-paper-resources .paper-resource .add-paper-resource.disabled,
.lesson-settings-container .paper-resource-list .paper-resource .add-paper-resource.disabled {
  background-color: #fff;
}
.alp-paper-resources .paper-resource .add-paper-resource.disabled i,
.lesson-settings-container .paper-resource-list .paper-resource .add-paper-resource.disabled i {
  color: #a0a0a0;
}
.alp-paper-resources .paper-resource .add-paper-resource i,
.lesson-settings-container .paper-resource-list .paper-resource .add-paper-resource i {
  color: var(--amp-body-color, #3b3b3b);
}
.alp-paper-resources .paper-resource .image,
.lesson-settings-container .paper-resource-list .paper-resource .image {
  position: relative;
  padding-top: 130%;
  background-color: #fff;
}
.alp-paper-resources .paper-resource .image.is-deleted,
.lesson-settings-container .paper-resource-list .paper-resource .image.is-deleted {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.alp-paper-resources .paper-resource .dcg-shared-dropdown-popover-container.additional-links,
.lesson-settings-container .paper-resource-list .paper-resource .dcg-shared-dropdown-popover-container.additional-links {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.alp-paper-resources .paper-resource .dcg-shared-dropdown-popover-container.additional-links .dropdown-container,
.lesson-settings-container .paper-resource-list .paper-resource .dcg-shared-dropdown-popover-container.additional-links .dropdown-container {
  top: calc(100% + 5px);
  right: 1px;
  max-width: 200px;
}
.alp-paper-resources .paper-resource .dcg-shared-dropdown-popover-container.additional-links .dropdown-container:after,
.lesson-settings-container .paper-resource-list .paper-resource .dcg-shared-dropdown-popover-container.additional-links .dropdown-container:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 8px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.alp-paper-resources .paper-resource .dcg-shared-dropdown-popover-container.additional-links .dropdown-container:before,
.lesson-settings-container .paper-resource-list .paper-resource .dcg-shared-dropdown-popover-container.additional-links .dropdown-container:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 7px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.alp-paper-resources .paper-resource .dcg-shared-dropdown-popover-container.additional-links .dropdown-container .dropdown-explanations,
.lesson-settings-container .paper-resource-list .paper-resource .dcg-shared-dropdown-popover-container.additional-links .dropdown-container .dropdown-explanations {
  min-width: 150px;
}
.alp-paper-resources .paper-resource .amp-link,
.lesson-settings-container .paper-resource-list .paper-resource .amp-link,
.alp-paper-resources .paper-resource .restricted-placeholder,
.lesson-settings-container .paper-resource-list .paper-resource .restricted-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #ccc;
  padding: 20px;
}
.alp-paper-resources .paper-resource .amp-link.is-deleted,
.lesson-settings-container .paper-resource-list .paper-resource .amp-link.is-deleted,
.alp-paper-resources .paper-resource .restricted-placeholder.is-deleted,
.lesson-settings-container .paper-resource-list .paper-resource .restricted-placeholder.is-deleted {
  border-color: #a0a0a0;
  border-style: dashed;
}
.alp-paper-resources .paper-resource .amp-link img,
.lesson-settings-container .paper-resource-list .paper-resource .amp-link img,
.alp-paper-resources .paper-resource .restricted-placeholder img,
.lesson-settings-container .paper-resource-list .paper-resource .restricted-placeholder img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
ul.alp-paper-resources {
  padding-inline-start: 0;
  margin: -15px -15px;
}
ul.alp-paper-resources .paper-resource {
  width: calc((100% - (15px * 10)) / 5);
  min-width: 150px;
}
ul.alp-paper-resources .paper-resource .image .amp-link {
  -webkit-transition: border-color 0.2s linear;
  -moz-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  -ms-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  outline: none;
}
ul.alp-paper-resources .paper-resource .image .amp-link.dcg-hovered {
  border-color: #9c0d63;
}
ul.alp-paper-resources .paper-resource .image .amp-link.dcg-depressed {
  border-color: #5e083b;
}
ul.alp-paper-resources .paper-resource .image .amp-link:focus-visible {
  -webkit-box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.3125rem #9c0d63;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.3125rem #9c0d63;
}
@media screen and (max-width: 1100px) {
  .alp-section-content .alp-paper-resources .paper-resource {
    width: calc((100% - (15px * 8)) / 4);
  }
}
@media screen and (max-width: 950px) {
  .alp-section-content .alp-paper-resources .paper-resource {
    width: calc((100% - (15px * 6)) / 3);
  }
}
@media screen and (max-width: 750px) {
  .alp-section-content .alp-paper-resources .paper-resource {
    width: calc((100% - (15px * 4)) / 2);
  }
}
.paper-resource-diff-wrapper {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.paper-resource-diff-wrapper .diff-dot {
  position: absolute;
  width: 8px;
  height: 8px;
  top: auto;
  left: -13px;
  bottom: calc(50% - 4px);
  z-index: 0;
}

/* src/js/shared/alp/view-web-resource.styl */
.web-resource {
  text-decoration: none;
  min-height: 40px;
  font-size: 115%;
}
.web-resource img {
  height: 26px;
  margin-right: 10px;
  border-radius: 3px;
}
.web-resource .web-resource-icon {
  margin-right: 10px;
}

/* src/js/shared/annotation-layer/sketch/elements-layer.scss */
.sketch-elements-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  font-family: quicksand, sans-serif;
}
.sketch-elements-layer.editing.text-selected {
  cursor: default;
}
.sketch-elements-layer.editing:not(.text-selected) {
  cursor: text;
}
/* src/js/shared/annotation-layer/sketch/shared/surface.scss */
canvas.sketch-surface[data-tool=line] {
  cursor: crosshair;
}
canvas.sketch-surface[data-tool=eraser] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAQAAAAm93DmAAAAv0lEQVR4Aa2XJ7pDIRQG5xaHeumJZgs43HF87H89cen9zRk/dPjhZc0syBSCRiMoZBbM/FADGyr9CZUNwzeyA/0DDp9JE0H/kCDxuq779mE/X1Sm/0C2dGeyMNh3A0/0f5KuN0r8WxgM0nDvhz3QJQYA2GjCDQBUTVgBZrrIDAtVuICsCjMUVVggVGFAU4VNF+pD1hdF3zb6xtaPnnw56NeXfsHKT4D+SMnPqP7Q+1HED0t+nPMDpx+J/dCufyuOeO1vQBYAIJEAAAAASUVORK5CYII=") 19 19, auto;
}
canvas.sketch-surface[data-tool=pencil][data-thickness=thin], canvas.sketch-surface[data-tool=points][data-thickness=thin] {
  cursor: url('data:image/svg+xml;utf8,<svg width="6" height="6" xmlns="http://www.w3.org/2000/svg"><circle cx="50%" cy="50%" r="50%" fill="%23737373"/></svg>') 3 3, auto;
}
canvas.sketch-surface[data-tool=pencil][data-thickness=standard], canvas.sketch-surface[data-tool=points] {
  cursor: url('data:image/svg+xml;utf8,<svg width="10" height="10" xmlns="http://www.w3.org/2000/svg"><circle cx="50%" cy="50%" r="50%" fill="%23737373"/></svg>') 5 5, auto;
}
canvas.sketch-surface[data-tool=pencil][data-thickness=thick], canvas.sketch-surface[data-tool=points][data-thickness=thick] {
  cursor: url('data:image/svg+xml;utf8,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><circle cx="50%" cy="50%" r="50%" fill="%23737373"/></svg>') 10 10, auto;
}
canvas.sketch-surface[data-tool=text] {
  cursor: text;
}
canvas.sketch-surface:focus-visible {
  outline-offset: -3px;
}
/* src/js/shared/annotation-layer/sketch/shared/view.scss */
.annotation-layer-view-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: hidden;
}
/* src/js/shared/annotation-layer/sketch/sketch-text/text-box.scss */
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box {
  width: 100%;
  max-height: inherit;
  min-width: 35px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 5px;
  padding: 7px 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 1px solid rgba(0, 0, 0, 0);
  cursor: text;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box:not(.is-selected):not(.is-dragging):not(.dcg-hovered) {
  outline: none;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0);
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box.thumbnail-mode {
  padding: 0;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box.is-selected {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #9c0d63;
  box-shadow: inset 0 0 0 1px #9c0d63;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box.is-dragging {
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #9c0d63;
  box-shadow: inset 0 0 0 1px #9c0d63;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box:not(.dcg-hovered):not(.is-selected):not(.is-dragging) .left-drag-handle,
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box:not(.dcg-hovered):not(.is-selected):not(.is-dragging) .remove-text-box {
  opacity: 0;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box.dcg-hovered:not(.is-selected):not(.is-dragging) {
  border: 1px solid #bdbdbd;
  box-shadow: inset 0 0 0 1px #bdbdbd;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box.dcg-hovered:not(.is-selected):not(.is-dragging) .left-drag-handle:not(.dcg-hovered),
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box.dcg-hovered:not(.is-selected):not(.is-dragging) .remove-text-box:not(.dcg-hovered) {
  opacity: 0.5;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .textbox-size-medium {
  font-size: 120%;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .textbox-size-large {
  font-size: 200%;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box label.amplify-uppercase {
  display: block;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .dcg-rich-text,
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .dcg-rich-text span {
  display: block;
  white-space: break-spaces;
  overflow-wrap: break-word;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .mq-container {
  display: block;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .mq-container .dcg-mq-editable-field.dcg-mq-focused {
  border: 0;
  box-shadow: none;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .fast-static-math {
  display: block;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .dcg-mq-math-mode {
  border: 0;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .textbox-edit-view .dcg-prosemirror-editor {
  animation: none;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .remove-text-box.btn-icon-ghost {
  position: absolute;
  right: -13px;
  top: -17px;
  color: #fff;
  background-color: #676767;
  border-radius: 50%;
  display: inline-flex;
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  font-family: benton-sans, arial, sans-serif;
  font-weight: 400;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .remove-text-box.btn-icon-ghost label {
  top: 3.6em;
  border-radius: 2px;
  font-size: 0.72em;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .remove-text-box.btn-icon-ghost:hover {
  color: var(--amp-body-color, #3b3b3b);
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .remove-text-box.btn-icon-ghost:focus-visible {
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--amp-body-color, #3b3b3b);
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .remove-text-box.btn-icon-ghost.dcg-hovered {
  color: #fff;
  background: #343434;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .remove-text-box.btn-icon-ghost.dcg-depressed {
  color: var(--amp-body-color, #3b3b3b);
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .left-drag-handle {
  position: absolute;
  left: -40px;
  top: 0;
  bottom: 0;
  cursor: move;
  padding: 6px;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .left-drag-handle.dcg-hovered i {
  color: #a0a0a0;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .left-drag-handle .icon-v2-draggable-vertical {
  font-size: 24px;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .resize-right-handle {
  position: absolute;
  right: -18.5px;
  top: 0;
  bottom: 0;
  cursor: col-resize;
  display: flex;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .resize-right-handle .resize-handle-dot {
  height: 10px;
  width: 10px;
  background: #9c0d63;
  border-radius: 50%;
  margin: auto;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .resize-right-handle.dcg-hovered .resize-handle-dot {
  background: #9c0d63;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .resize-right-handle.dcg-depressed .resize-handle-dot {
  background: #9c0d63;
}
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .left-drag-handle,
.annotation-layer-view-wrapper .sketch-text-positioned-container .sketch-text-box .resize-right-handle {
  width: 40px;
  text-align: center;
}
/* src/js/shared/annotation-layer/sketch/sketch-text/text-positioned-container.scss */
.sketch-text-positioned-container {
  position: absolute;
  margin-right: 12px;
}
.sketch-text-positioned-container.dcg-hovered {
  z-index: 2;
}
.sketch-text-positioned-container.is-selected {
  z-index: 3;
}
/* src/js/shared/annotation-layer/tools/annotation-color-btn.scss */
.btn.annotation-color-btn {
  padding: 0;
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  border: 2px solid #fff;
  margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.btn.annotation-color-btn.first-color-btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.btn.annotation-color-btn.last-color-btn {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.btn.annotation-color-btn:disabled {
  opacity: 0.5;
  filter: none;
}
.btn.annotation-color-btn:not(:disabled).dcg-hovered {
  box-shadow: 0 0 0 1px #9c0d63;
  border: 2px solid #fff;
}
.btn.annotation-color-btn:not(:disabled):focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 5px #9c0d63;
}
.btn.annotation-color-btn:not(:disabled).color-selected {
  box-shadow: 0 0 0 3px #9c0d63;
  border: 2px solid #fff;
}
/* src/js/shared/annotation-layer/tools/annotation-tool-btn.scss */
.annotation-tool-btn.btn.btn-icon-ghost {
  color: #676767;
  display: inline-block;
  margin: 0 3.25px;
  padding: 0;
  align-items: center;
  border-radius: 1.25em;
  justify-content: center;
  width: 2.5em;
  overflow: unset;
}
.annotation-tool-btn.btn.btn-icon-ghost.tool-selected {
  color: var(--amp-body-color, #3b3b3b);
  background-color: rgba(0, 0, 0, 0.1);
}
.annotation-tool-btn.btn.btn-icon-ghost.dcg-hovered, .annotation-tool-btn.btn.btn-icon-ghost:hover, .annotation-tool-btn.btn.btn-icon-ghost:focus-visible {
  color: var(--amp-body-color, #3b3b3b);
}
.annotation-tool-btn.btn.btn-icon-ghost:focus-visible {
  box-shadow: 0 0 0 0.125em #fff, 0 0 0 0.3125em #9c0d63;
}
/* src/js/shared/approval/approval-modal.styl */
.approval-modal-content .approval-modal-error {
  font-size: 120%;
  text-align: center;
  color: #676767;
  padding: 50px 25px;
}
.approval-modal-content .approval-info .blue-link {
  margin: 10px 0;
  display: inline-block;
}
.approval-modal-content .pending-student-modal-container {
  position: relative;
  padding-bottom: 50px;
}
.approval-modal-content .pending-student-modal-container .student-info-container {
  height: calc(100vh - 250px);
  overflow-y: auto;
}
.approval-modal-content .pending-student-modal-container .student-info-container.show-border {
  border-bottom: 1px solid #bdbdbd;
}
.approval-panel {
  margin-top: 20px;
}
.approval-panel .approval-panel-header {
  margin-bottom: 10px;
}
.approval-panel .approval-panel-header .block-info,
.approval-panel .approval-panel-header .instance-info .class-code {
  font-size: 130%;
}
.approval-panel .approval-panel-header .instance-info .activity-title {
  color: var(--amp-body-color, #3b3b3b);
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.8) 0;
  font-size: 1.4em;
}
.approval-panel .approval-panel-footer {
  margin-top: 15px;
}
.approval-panel .approval-panel-footer .approve-all-btn {
  margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.7);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.approval-panel .approval-panel-table .classroom-shared-table {
  border-left: 3px solid #3278c8;
  padding-left: 10px;
}
.approval-panel .approval-panel-table .classroom-shared-table-row.content-row {
  padding: 7px 5px;
}
.approve-all-container {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 30px;
}
.approve-all-container .approve-all-error {
  background-color: #f4c0b3;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--amp-body-color, #3b3b3b);
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
  margin: auto 10px;
}
.approval-empty-state {
  text-align: center;
  max-width: 500px;
  margin: 20px auto;
}
.approval-empty-state .no-approvals-message {
  margin: 10px;
  font-size: 120%;
}
.approval-empty-state .empty-state-image {
  margin: 10px auto;
  width: 350px;
  height: 206px;
  max-width: 85%;
}
.approval-empty-state .empty-state-image img {
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 470px) {
  .approval-modal-content .approval-panel-footer {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .approval-modal-content .approval-panel-footer .expire-container,
  .approval-modal-content .approval-panel-footer .approve-all {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    -ms-flex-item-align: end;
  }
  .approval-modal-content .approval-panel-footer .expire-container {
    margin-right: 0;
    text-align: right;
  }
  .approval-modal-content .approval-panel-footer .approve-all {
    margin-top: 10px;
  }
}

/* src/js/shared/approval/approval-notification.styl */
.approval-notification-container {
  position: fixed;
  bottom: 20px;
  right: 10px;
  padding: 10px 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: var(--amp-border-radius, 0.1875em);
  background-color: #f3e3b3;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  z-index: 2;
  cursor: pointer;
  color: #333;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -ms-transition: background 0.3s;
  transition: background 0.3s;
}
.approval-notification-container.dcg-hovered {
  border: 1px solid rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.approval-notification-container.dcg-hovered .approval-count-container {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.approval-notification-container.dcg-depressed {
  border: 1px solid rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  background: #f8e89b;
}
.approval-notification-container.dcg-depressed .approval-count-container {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  background: #d8a202;
}
.approval-notification-container.minimized {
  padding: 0;
  width: 0;
  height: 0;
}
.approval-notification-container.minimized .approval-count-animation-container {
  position: absolute;
  top: -20px;
  left: -30px;
}
.approval-notification-container h2 {
  text-align: left;
  font-size: 110%;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
}
.approval-notification-container .approval-notification-content {
  color: var(--amp-body-color, #3b3b3b);
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
}
.approval-notification-container .approval-content {
  font-size: 90%;
}
.approval-notification-container .approval-count-animation-container {
  position: absolute;
  top: -15px;
  left: -15px;
  height: 30px;
  width: 30px;
}
.approval-notification-container .approval-count-animation-container .approval-count-container {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background: #d8a202;
  border: 1px solid rgba(0,0,0,0.1);
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.approval-notification-container .approval-count-animation-container .notification-bubble-halo:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  height: 30px;
  width: 30px;
  border: 3px solid #d8a202;
  border-radius: 100%;
  -webkit-animation-name: ripple;
  -moz-animation-name: ripple;
  -o-animation-name: ripple;
  -ms-animation-name: ripple;
  animation-name: ripple;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  -ms-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  -moz-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  -o-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  -ms-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}
.approval-notification-container .approval-notification-minimize {
  padding: 6px;
  color: #000;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  font-size: 90%;
}
.approval-notification-container .approval-notification-minimize.dcg-hovered {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.approval-notification-container .approval-notification-minimize.dcg-depressed {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
@media screen and (max-width: 410px) {
  .approval-notification-container {
    max-width: 100%;
    margin-left: 20px;
  }
}
@-moz-keyframes ripple {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale3d(0.75, 0.75, 1);
    -moz-transform: scale3d(0.75, 0.75, 1);
    -o-transform: scale3d(0.75, 0.75, 1);
    -ms-transform: scale3d(0.75, 0.75, 1);
    transform: scale3d(0.75, 0.75, 1);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(1.5, 1.5, 1);
    -moz-transform: scale3d(1.5, 1.5, 1);
    -o-transform: scale3d(1.5, 1.5, 1);
    -ms-transform: scale3d(1.5, 1.5, 1);
    transform: scale3d(1.5, 1.5, 1);
  }
}
@-webkit-keyframes ripple {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale3d(0.75, 0.75, 1);
    -moz-transform: scale3d(0.75, 0.75, 1);
    -o-transform: scale3d(0.75, 0.75, 1);
    -ms-transform: scale3d(0.75, 0.75, 1);
    transform: scale3d(0.75, 0.75, 1);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(1.5, 1.5, 1);
    -moz-transform: scale3d(1.5, 1.5, 1);
    -o-transform: scale3d(1.5, 1.5, 1);
    -ms-transform: scale3d(1.5, 1.5, 1);
    transform: scale3d(1.5, 1.5, 1);
  }
}
@-o-keyframes ripple {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale3d(0.75, 0.75, 1);
    -moz-transform: scale3d(0.75, 0.75, 1);
    -o-transform: scale3d(0.75, 0.75, 1);
    -ms-transform: scale3d(0.75, 0.75, 1);
    transform: scale3d(0.75, 0.75, 1);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(1.5, 1.5, 1);
    -moz-transform: scale3d(1.5, 1.5, 1);
    -o-transform: scale3d(1.5, 1.5, 1);
    -ms-transform: scale3d(1.5, 1.5, 1);
    transform: scale3d(1.5, 1.5, 1);
  }
}
@keyframes ripple {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale3d(0.75, 0.75, 1);
    -moz-transform: scale3d(0.75, 0.75, 1);
    -o-transform: scale3d(0.75, 0.75, 1);
    -ms-transform: scale3d(0.75, 0.75, 1);
    transform: scale3d(0.75, 0.75, 1);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(1.5, 1.5, 1);
    -moz-transform: scale3d(1.5, 1.5, 1);
    -o-transform: scale3d(1.5, 1.5, 1);
    -ms-transform: scale3d(1.5, 1.5, 1);
    transform: scale3d(1.5, 1.5, 1);
  }
}

/* src/js/shared/approval/approval-table.styl */
.approval-panel-table .table-column-student-name {
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-right: 5px;
}
.approval-panel-table .table-column-email {
  width: 400px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-right: 5px;
}
.approval-panel-table .table-column-actions {
  margin-left: auto;
}
.approval-panel-table .table-column-actions .approval-error {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.approval-panel-table .table-column-actions .approval-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: 5px;
  font-size: 16px;
}
.approval-panel-table .table-column-actions .approval-actions .approve-link {
  margin-left: 30px;
}
.approval-panel-table .table-column-actions .approval-actions .disabled {
  pointer-events: none;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.approval-panel-table .table-column-deny {
  width: 5%;
}
.approval-panel-table .table-column-approve {
  width: 5%;
}
.blur-text-view .blur {
  color: transparent;
  text-shadow: 0 0 7px rgba(0,0,0,0.75);
}
.approval-panel-table .table-column-actions .approval-actions .blue-link {
  text-decoration-color: #3278c8;
}
.approval-panel-table .table-column-actions .approval-actions .red-link {
  color: #db2e00;
}
.approval-panel-table .table-column-actions .approval-actions .red-link.dcg-hovered {
  text-decoration: none;
}
@media screen and (max-width: 470px) {
  .approval-panel-table .table-column-actions .approval-actions .approve-link {
    margin-left: 15px;
  }
}

/* src/js/shared/approval/deny-confirmation.styl */
.deny-confirmation-modal h1.dcg-shared-modal-title {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.deny-confirmation {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f4c0b3;
  color: var(--amp-body-color, #3b3b3b);
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
}
.deny-confirmation .deny-student-message {
  margin-right: 15px;
  color: #333;
}
.deny-confirmation .red-link {
  font-weight: 600;
}
.deny-confirmation .red-link.dcg-hovered {
  text-decoration: none;
}
.deny-approved-student-modal {
  white-space: normal;
}
.deny-approved-student-modal .confirmation-message .confirmation-highlight {
  font-weight: 600;
}
.deny-approved-student-modal .confirmation-message .dcg-p:not(:first-child) {
  margin-top: 10px;
}
.deny-approved-student-modal .deny-error-message {
  background-color: #f4c0b3;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--amp-body-color, #3b3b3b);
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
  margin-top: 10px;
}
.deny-approved-student-modal .deny-error-message i {
  margin-right: 8px;
}
.deny-approved-student-modal .submit-buttons {
  margin-top: 20px;
  margin-left: auto;
  text-align: right;
}
.deny-approved-student-modal .submit-buttons .btn + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}

/* src/js/shared/approval/group-approval-actions.styl */
.group-approval-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.group-approval-container .expire-container {
  margin-right: 15px;
  font-size: 90%;
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
}
.group-approval-container .expire-container .not-recognized {
  text-align: right;
  color: #676767;
}
.group-approval-container .expire-container .disabled {
  pointer-events: none;
  color: #666;
}
.group-approval-container .expire-container .expire-link .red-link {
  color: #db2e00;
  text-decoration-color: #db2e00;
}
.group-approval-container .approve-all {
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
}
.group-approval-container .approve-all .approve-all-btn.btn-blue-outline {
  padding: 10px 15px;
}
.group-approval-container .approve-all .approve-all-btn.btn-blue-outline.disabled {
  pointer-events: none;
  color: #666;
}
.group-approval-container .group-approval-error {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  margin: auto 0;
}
@media screen and (max-width: 400px) {
  .group-approval-container {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto;
  }
  .group-approval-container .expire-container {
    margin: 15px 0;
    text-align: center;
  }
}

/* src/js/shared/assignable-practice-game-label/assignable-practice-game-label.scss */
.branding-label-container {
  margin: 2px 0;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.branding-label-container .assignable-practice-game-label {
  display: inline-block;
  background-color: #c0e1e4;
  border-radius: 40px;
  line-height: 21.78px;
  padding: 0px 6px;
  font-size: 90%;
  font-weight: 400;
  color: #3b3b3b;
}

.book-collection-label {
  font-size: 13.68px !important;
  margin: 0px;
}
/* src/js/shared/components/item-badge.styl */
.item-badge {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.5rem;
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  border-radius: 2.4px;
  background: #e9e9e9;
  font-size: var(--miniscreen-section-name-font-size, calc(1 / var(--amp-scale-ratio) * 1em));
}

/* src/js/shared/components/scrubber.scss */
.scrubber {
  width: 100%;
  height: 22px;
  position: relative;
}
.scrubber .track {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 6px;
  background: var(--scrubber-track-background, rgb(221, 221, 221));
  border-radius: 3px;
  margin-top: -3px;
}
.scrubber .thumb {
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: 30px;
  margin-left: -20px;
  margin-top: -15px;
  cursor: pointer;
}
.scrubber .thumb .background {
  width: calc(2 * var(--scrubber-thumb-radius, 12px));
  height: calc(2 * var(--scrubber-thumb-radius, 12px));
  margin-left: calc(-1 * var(--scrubber-thumb-radius, 12px));
  margin-top: calc(-1 * var(--scrubber-thumb-radius, 12px));
  border-radius: calc(1 * var(--scrubber-thumb-radius, 12px));
  position: absolute;
  top: 50%;
  left: 50%;
  background: var(--scrubber-thumb-background-background, rgba(50, 120, 200, 0.35));
}
.scrubber .thumb .center {
  width: calc(2 * var(--scrubber-thumb-radius, 12px));
  height: calc(2 * var(--scrubber-thumb-radius, 12px));
  margin-left: calc(-1 * var(--scrubber-thumb-radius, 12px));
  margin-top: calc(-1 * var(--scrubber-thumb-radius, 12px));
  border-radius: calc(1 * var(--scrubber-thumb-radius, 12px));
  position: absolute;
  top: 50%;
  left: 50%;
  background: var(--scrubber-thumb-center-background, #3278c8);
  transition: transform 0.2s;
  transform: var(--scrubber-thumb-center-scale, scale(0.25, 0.25));
}
.scrubber .thumb.dcg-hovered .center, .scrubber .thumb.dcg-depressed .center {
  transform: scale(1, 1);
}
/* src/js/shared/dcgviews/activity-main-action.styl */
.activity-main-action {
  color: #999;
  font-size: 90%;
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
}
.activity-main-action:not(.selected) {
  background: #fff;
  border: 1px solid #bbb;
}

/* src/js/shared/dcgviews/button-toggle.styl */
.button-toggle .dcg-tooltip-hit-area-container {
  width: 100%;
}
.button-toggle .btn {
  width: 100%;
  border-radius: 0;
}
.button-toggle .btn.btn-blue {
  border-color: #3278c8;
}
.button-toggle .btn.btn-blue:hover {
  border-color: #23538b;
}
.button-toggle .btn.btn-blue:active {
  border-color: #193b62;
}
.button-toggle .btn.btn-secondary:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.button-toggle > :first-child .btn {
  border-radius: var(--amp-border-radius, 0.1875em) 0 0 var(--amp-border-radius, 0.1875em);
}
.button-toggle > :last-child .btn {
  border-radius: 0 var(--amp-border-radius, 0.1875em) var(--amp-border-radius, 0.1875em) 0;
}
.button-toggle i {
  margin-right: 4px;
}

/* src/js/shared/dcgviews/calculator-tool.styl */
.calculator-tool {
  position: absolute;
  top: 44px;
  bottom: 0;
  left: 0;
  right: 0;
}

/* src/js/shared/dcgviews/calculator.styl */
.calculator canvas.shared-calculator-background {
  position: absolute;
  top: 0;
  left: 0;
}

/* src/js/shared/dcgviews/checkbox.styl */
.amplify-checkbox {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.amplify-checkbox > label {
  width: fit-content;
}
.amplify-checkbox > label .label-container {
  width: calc(100% - 1.25em - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.amplify-checkbox > label .faux-input {
  min-width: 1.25em;
}
.amplify-checkbox.partial label input:indeterminate+.faux-input {
  background-color: #9c0d63;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Crect%20width='10'%20height='2'%20x='5'%20y='9'%20fill='%23FFFFFF'%20/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.114);
  box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.114);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-checkbox > label > span {
  padding-top: 0;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-checkbox > label .faux-input {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -ms-flex-item-align: start;
  margin-top: var(--multi-choice-checkbox-margin-top);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-checkbox > label:has(.faux-input) .letter-label {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-checkbox > label.dcg-hovered .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-hover, #bdbdbd);
  color: var(--multi-choice-letter-label-color-hover);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-checkbox > label.dcg-depressed .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-depressed, #a0a0a0);
  color: var(--multi-choice-letter-label-color-depressed);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-checkbox i {
  font-size: 1em;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -ms-flex-item-align: start;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-checkbox i:before {
  background-color: var(--multi-choice-checkbox-background-color);
  border: var(--multi-choice-checkbox-border);
  border-radius: 0.1875em;
  color: var(--multi-choice-checkbox-color);
  font-size: 1.25em;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-checkbox input:focus-visible~ i:before {
  -webkit-box-shadow: var(--multi-choice-checkbox-box-shadow);
  box-shadow: var(--multi-choice-checkbox-box-shadow);
  border-color: var(--multi-choice-checkbox-border-color-hover);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-checkbox input:focus-visible~ div .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-hover, #bdbdbd);
  color: var(--multi-choice-letter-label-color-hover);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-checkbox.dcg-hovered i:before {
  border-color: var(--multi-choice-checkbox-border-color-hover);
  background-color: var(--multi-choice-checkbox-background-hover);
  color: var(--multi-choice-checkbox-background-hover);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-checkbox.dcg-hovered:not(:has(.faux-input)) .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-hover, #bdbdbd);
  color: var(--multi-choice-letter-label-color-hover);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-checkbox.dcg-depressed i:before {
  border-color: var(--multi-choice-checkbox-border-color-depressed);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-checkbox.dcg-depressed:not(:has(.faux-input)) .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-depressed, #a0a0a0);
  color: var(--multi-choice-letter-label-color-depressed);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-checkbox.disabled {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-radio-btn.dcg-choice-checkbox label > span {
  padding-top: 0;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-radio-btn.dcg-choice-checkbox label .faux-input {
  margin-top: var(--multi-choice-checkbox-margin-top);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-radio-btn.dcg-choice-checkbox label .faux-input:after {
  background-color: var(--multi-choice-radio-background-color, #9c0d63);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-radio-btn.dcg-choice-checkbox label .letter-label {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-radio-btn.dcg-choice-checkbox label:hover input+.faux-input,
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-radio-btn.dcg-choice-checkbox label.dcg-hovered input+.faux-input {
  border-color: var(--multi-choice-radio-border-color-hovered, #9c0d63);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-radio-btn.dcg-choice-checkbox label:hover .letter-label,
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-radio-btn.dcg-choice-checkbox label.dcg-hovered .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-hover, #bdbdbd);
  color: var(--multi-choice-letter-label-color-hover);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-radio-btn.dcg-choice-checkbox label.dcg-depressed .faux-input:after {
  visibility: var(--multi-choice-radio-after-visibility, hidden);
  background-color: var(--multi-choice-radio-background-color-depressed, #9c0d63);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-radio-btn.dcg-choice-checkbox label.dcg-depressed .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-depressed, #a0a0a0);
  color: var(--multi-choice-letter-label-color-depressed);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-radio-btn.dcg-choice-checkbox label input:focus-visible~ .faux-input {
  border-color: var(--multi-choice-radio-color-focus-visible);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-radio-btn.dcg-choice-checkbox label input:focus-visible~ div .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-hover, #bdbdbd);
  color: var(--multi-choice-letter-label-color-hover);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .amplify-radio-btn.dcg-choice-checkbox.disabled {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .amplify-checkbox i:before {
  color: var(--multi-choice-checkbox-color-selected);
  background: var(--multi-choice-background-selected);
  border-color: var(--multi-choice-checkbox-border-color-selected);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .amplify-checkbox label .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-selected, #1e4878);
  color: #fff;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .amplify-checkbox.dcg-hovered i:before {
  background: var(--multi-choice-checkbox-color-selected-hovered);
  border-color: var(--multi-choice-checkbox-color-selected-hovered);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .amplify-checkbox.dcg-hovered .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-selected, #1e4878);
  color: #fff;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .amplify-checkbox.dcg-depressed i:before {
  background: var(--multi-choice-checkbox-color-selected-depressed);
  border-color: var(--multi-choice-checkbox-color-selected-depressed);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .amplify-checkbox input:focus-visible~ i:before {
  -webkit-box-shadow: var(--multi-choice-checkbox-box-shadow);
  box-shadow: var(--multi-choice-checkbox-box-shadow);
  background: var(--multi-choice-checkbox-color-selected-focus-visible);
  border-color: var(--multi-choice-checkbox-color-selected-focus-visible);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .amplify-checkbox input:focus-visible~ div .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-selected, #1e4878);
  color: #fff;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .amplify-radio-btn.dcg-choice-checkbox label input+.faux-input:after {
  background-color: var(--multi-choice-radio-background-color, #9c0d63);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .amplify-radio-btn.dcg-choice-checkbox label .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-selected, #1e4878);
  color: #fff;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .amplify-radio-btn.dcg-choice-checkbox label:hover input+.faux-input,
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .amplify-radio-btn.dcg-choice-checkbox label.dcg-hovered input+.faux-input {
  border-color: var(--multi-choice-radio-border-color-selected-hovered, #9c0d63);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .amplify-radio-btn.dcg-choice-checkbox label:hover input+.faux-input:after,
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .amplify-radio-btn.dcg-choice-checkbox label.dcg-hovered input+.faux-input:after {
  background-color: var(--multi-choice-radio-background-color-selected-hovered, #9c0d63);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .amplify-radio-btn.dcg-choice-checkbox label.dcg-depressed input+.faux-input {
  border-color: var(--multi-choice-radio-border-color-selected-depressed, #9c0d63);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .amplify-radio-btn.dcg-choice-checkbox label.dcg-depressed input+.faux-input:after {
  visibility: visible;
  background-color: var(--multi-choice-radio-background-color-selected-depressed, #9c0d63);
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice.is-selected .amplify-radio-btn.dcg-choice-checkbox label input:focus-visible~ div .letter-label {
  background-color: var(--multi-choice-letter-label-background-color-selected, #1e4878);
  color: #fff;
}
.dcg-multiple-choice-playground .choices-layout .dcg-multiple-choice .label-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* src/js/shared/dcgviews/classcode-modal.styl */
.classcode-modal .code {
  overflow-y: hidden;
}
.classcode-modal .modal-contents-wrapper {
  position: relative;
}
.classcode-modal:not(.centered-modal).modal-transition-container {
  position: absolute;
  top: 10px;
  left: 100px;
  bottom: 10px;
  right: 100px;
}
.classcode-modal.animating-out-top-left {
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  -ms-transition: opacity 100ms;
  transition: opacity 100ms;
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -ms-transition-delay: 200ms;
  transition-delay: 200ms;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.classcode-modal.animating-out-top-left .modal-transition-container {
  -webkit-transition: -webkit-transform 250ms ease-in;
  -moz-transition: -moz-transform 250ms ease-in;
  -o-transition: -o-transform 250ms ease-in;
  -ms-transition: -ms-transform 250ms ease-in;
  transition: transform 250ms ease-in;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0, 0);
  -moz-transform: translate3d(-50%, -50%, 0) scale(0, 0);
  -o-transform: translate3d(-50%, -50%, 0) scale(0, 0);
  -ms-transform: translate3d(-50%, -50%, 0) scale(0, 0);
  transform: translate3d(-50%, -50%, 0) scale(0, 0);
}
.classcode-modal.animating-out-top-left .modal-transition-container .modal-container {
  -webkit-transition: -webkit-transform 250ms ease-in;
  -moz-transition: -moz-transform 250ms ease-in;
  -o-transition: -o-transform 250ms ease-in;
  -ms-transition: -ms-transform 250ms ease-in;
  transition: transform 250ms ease-in;
}
.classcode-modal.animating-out-left {
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  -ms-transition: opacity 100ms;
  transition: opacity 100ms;
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -ms-transition-delay: 200ms;
  transition-delay: 200ms;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.classcode-modal.animating-out-left .modal-transition-container {
  -webkit-transition: -webkit-transform 250ms ease-in;
  -moz-transition: -moz-transform 250ms ease-in;
  -o-transition: -o-transform 250ms ease-in;
  -ms-transition: -ms-transform 250ms ease-in;
  transition: transform 250ms ease-in;
  -webkit-transform: translate3d(-50%, 0, 0) scale(0, 0);
  -moz-transform: translate3d(-50%, 0, 0) scale(0, 0);
  -o-transform: translate3d(-50%, 0, 0) scale(0, 0);
  -ms-transform: translate3d(-50%, 0, 0) scale(0, 0);
  transform: translate3d(-50%, 0, 0) scale(0, 0);
}
.classcode-modal.animating-out-left .modal-transition-container .modal-container {
  -webkit-transition: -webkit-transform 250ms ease-in;
  -moz-transition: -moz-transform 250ms ease-in;
  -o-transition: -o-transform 250ms ease-in;
  -ms-transition: -ms-transform 250ms ease-in;
  transition: transform 250ms ease-in;
}
.classcode-modal:not(.animating-out-top-left):not(.animating-out-left):not(.centered-modal) .modal-container {
  z-index: 2;
}
.classcode-modal:not(.animating-out-top-left):not(.animating-out-left):not(.centered-modal) .dc-modal-background {
  z-index: 1;
}
.classcode-modal-contents {
  padding: 20px;
  text-align: center;
}
.classcode-modal-contents .inactive-header {
  position: relative;
  font-size: 200%;
  text-align: left;
  padding: 10px 30px;
}
.classcode-modal-contents .inactive-message {
  text-align: left;
  padding: 10px 30px;
  font-size: 110%;
  color: #676767;
}
.classcode-modal-contents .classcode-step {
  margin: 0 auto;
}
.classcode-modal-contents .classcode-step .h3 {
  margin-top: 0;
}
.classcode-modal-contents .classcode-step .student-intro {
  position: relative;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1) 0;
}
.classcode-modal-contents .classcode-step .student-code-link {
  width: 100%;
}
.classcode-modal-contents .classcode-chunk {
  color: var(--amp-body-color, #3b3b3b);
  border: 1px solid #000;
  border-radius: var(--amp-border-radius, 0.1875em);
  padding: 8px 8px;
  margin: 13px 0 0 13px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 250%;
  display: inline-block;
  font-weight: 700;
  line-height: 1.5em;
}
.classcode-modal-contents .small-student-link {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.85) 0;
  width: 100%;
  text-align: center;
}
.classcode-modal-contents .small-student-link .share-link-text {
  color: var(--amp-body-color, #3b3b3b);
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
}
.classcode-modal-contents .small-student-link .share-link-input {
  height: 58px;
}
.classcode-modal-contents .small-student-link .share-link-subtext {
  color: var(--amp-body-color, #3b3b3b);
  margin-top: 10px;
}
.classcode-modal-contents .dcg-selectable-input-container {
  max-width: 400px;
  margin: auto;
}
.classcode-modal-contents .invite-code-details {
  text-align: left;
  color: #333;
}
.classcode-modal-contents .invite-code-details .dividing-line {
  height: 1px;
  background: #bdbdbd;
  position: absolute;
  left: 0;
  right: 0;
}
.classcode-modal-contents .invite-code-details .invite-code-section-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 -17.5px -35px;
}
.classcode-modal-contents .invite-code-details .invite-code-details-section {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.3em;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.7) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.7) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.7);
}
.classcode-modal-contents .invite-code-details .invite-code-details-section>div:first-child {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.classcode-modal-contents .invite-code-details .invite-code-details-section .invite-code-details-section-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  color: var(--amp-body-color, #3b3b3b);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.classcode-modal-contents .invite-code-details .invite-code-details-section .invite-code-section-header {
  color: var(--amp-body-color, #3b3b3b);
  margin-bottom: 5px;
}
.classcode-modal-contents .invite-code-details .invite-code-details-section .invite-code-section-content {
  font-size: 95%;
  white-space: nowrap;
}
.classcode-modal-contents .invite-code-details .invite-code-details-section .expiration-date {
  font-weight: 700;
  white-space: nowrap;
}
.classcode-modal-contents .invite-code-details .invite-code-details-section .btn-description-text {
  font-size: 80%;
}
.classcode-modal-contents .invite-code-details .invite-code-details-section:last-child {
  padding-top: 0;
  padding-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3.7);
}
.classcode-modal-contents .extend-code-link {
  white-space: nowrap;
}
.extend-classcode-modal .extend-classcode-contents,
.classcode-modal .extend-classcode-contents {
  padding: 20px;
}
.extend-classcode-modal h1.extend-code-title,
.classcode-modal h1.extend-code-title {
  position: relative;
  font-size: 200%;
  text-align: left;
  padding: 10px 20px 0 20px;
  margin-top: 0;
}
.extend-classcode-modal h1.extend-code-title .invite-code,
.classcode-modal h1.extend-code-title .invite-code {
  text-transform: uppercase;
}
.extend-classcode-modal .extend-code-body,
.classcode-modal .extend-code-body {
  text-align: left;
  padding: 10px 20px 0px 20px;
  color: #333;
}
.extend-classcode-modal .extend-code-body .extend-code-body-content,
.classcode-modal .extend-code-body .extend-code-body-content {
  padding-top: 10px;
  margin: 0px;
}
.extend-classcode-modal .extend-code-body .extend-code-body-content li,
.classcode-modal .extend-code-body .extend-code-body-content li {
  padding-top: 5px;
  padding-bottom: 5px;
}
.extend-classcode-modal .extend-code-form,
.classcode-modal .extend-code-form {
  text-align: left;
  padding: 20px;
}
.extend-classcode-modal .extend-code-form .dividing-line,
.classcode-modal .extend-code-form .dividing-line {
  height: 1px;
  background: #bdbdbd;
}
.extend-classcode-modal .extend-code-form .extend-code-header,
.classcode-modal .extend-code-form .extend-code-header {
  font-size: 130%;
  margin-bottom: 10px;
  padding-top: 35px;
}
.extend-classcode-modal .extend-code-form .submit-buttons,
.classcode-modal .extend-code-form .submit-buttons {
  margin-top: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.extend-classcode-modal .extend-code-form .submit-buttons .submit-button,
.classcode-modal .extend-code-form .submit-buttons .submit-button {
  margin-left: 10px;
}
.extend-classcode-modal .extend-code-form .submit-buttons .save-notice,
.classcode-modal .extend-code-form .submit-buttons .save-notice {
  margin-bottom: 10px;
  min-height: 24px;
  color: var(--amp-body-color, #3b3b3b);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 95%;
}
.extend-classcode-modal .extend-code-form .submit-buttons .save-notice.success,
.classcode-modal .extend-code-form .submit-buttons .save-notice.success {
  background-color: #b3dbd3;
}
.extend-classcode-modal .extend-code-form .submit-buttons .save-notice.success .icon-container,
.classcode-modal .extend-code-form .submit-buttons .save-notice.success .icon-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.extend-classcode-modal .extend-code-form .submit-buttons .save-notice .icon-v2-messaging-success,
.classcode-modal .extend-code-form .submit-buttons .save-notice .icon-v2-messaging-success {
  margin-right: 5px;
}
.extend-classcode-modal .extend-code-form .submit-buttons .save-notice.hidden,
.classcode-modal .extend-code-form .submit-buttons .save-notice.hidden {
  pointer-events: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.extend-classcode-modal .extend-code-form .submit-buttons .save-notice .icon-container,
.classcode-modal .extend-code-form .submit-buttons .save-notice .icon-container {
  width: 25px;
  float: left;
  line-height: 1.2em;
}
.extend-classcode-modal .extend-code-form .submit-buttons .save-notice .icon-v2-messaging-success,
.classcode-modal .extend-code-form .submit-buttons .save-notice .icon-v2-messaging-success,
.extend-classcode-modal .extend-code-form .submit-buttons .save-notice .icon-v2--messaging-warning,
.classcode-modal .extend-code-form .submit-buttons .save-notice .icon-v2--messaging-warning {
  margin-right: 5px;
}
.extend-classcode-modal .extend-code-form .submit-buttons .save-notice .pillow-spinner,
.classcode-modal .extend-code-form .submit-buttons .save-notice .pillow-spinner {
  position: relative;
  top: -1px;
}
.date-input.form-control {
  height: 2.2em;
}
.student-greeting .classcode-modal-contents .classcode-step.h1 {
  font-size: 200%;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.7);
}
.sample-dashboard-greeting-container {
  text-align: left;
}
.sample-dashboard-greeting-container h3 {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) 0 !important;
}
@media screen and (max-width: 850px) {
  .modal-cover:not(.close-btn-style-floating).classcode-modal .modal-transition-container .modal-container {
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 775px) {
  .classcode-modal-contents.code {
    padding: 0 20px;
  }
  .invite-code-details {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .classcode-modal .modal-transition-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .modal-cover.classcode-modal.animating-out-top-left {
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    -ms-transition: opacity 100ms;
    transition: opacity 100ms;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    transition-delay: 200ms;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .modal-cover.classcode-modal.animating-out-top-left .modal-transition-container {
    -webkit-transition: -webkit-transform 250ms ease-in;
    -moz-transition: -moz-transform 250ms ease-in;
    -o-transition: -o-transform 250ms ease-in;
    -ms-transition: -ms-transform 250ms ease-in;
    transition: transform 250ms ease-in;
    -webkit-transform: translate3d(0, -50%, 0) scale(0, 0);
    -moz-transform: translate3d(0, -50%, 0) scale(0, 0);
    -o-transform: translate3d(0, -50%, 0) scale(0, 0);
    -ms-transform: translate3d(0, -50%, 0) scale(0, 0);
    transform: translate3d(0, -50%, 0) scale(0, 0);
  }
  .modal-cover.classcode-modal.animating-out-top-left .modal-transition-container .modal-container {
    -webkit-transition: -webkit-transform 250ms ease-in;
    -moz-transition: -moz-transform 250ms ease-in;
    -o-transition: -o-transform 250ms ease-in;
    -ms-transition: -ms-transform 250ms ease-in;
    transition: transform 250ms ease-in;
  }
  .modal-cover.classcode-modal .classcode-modal-contents .classcode-step {
    margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  }
}
@media screen and (max-width: 500px) {
  .classcode-modal-contents {
    padding: 20px 0;
  }
}
@media screen and (max-width: 360px) {
  .classcode-modal .classcode-chunk {
    font-size: 150%;
  }
}

/* src/js/shared/dcgviews/collapsable-content.styl */
.collapsable-content-container {
  max-width: fit-content;
}
.collapsable-content-container .container-display-none {
  display: none;
}
.collapsable-content-container .toggle-title-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  color: #666;
}
.collapsable-content-container .toggle-title-container .caret-toggle {
  display: inline-block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.collapsable-content-container .toggle-title-container .caret-toggle i {
  position: relative;
  left: 4px;
  margin-right: 10px;
  font-size: 90%;
}
.collapsable-content-container .toggle-title-container .caret-toggle.is-open {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.collapsable-content-container .toggle-title-container .icon-title-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.collapsable-content-container .toggle-title-container .icon-title-container .icon {
  margin-right: 5px;
}

/* src/js/shared/dcgviews/confirm-done-modal.scss */
.confirm-done-modal.centered-modal .modal-container {
  min-width: var(--confirm-done-modal-width);
}
.confirm-done-modal.centered-modal .modal-container .title {
  margin-top: var(--confirm-done-modal-title-margin-top);
  margin-left: var(--confirm-done-modal-title-margin-left);
  margin-bottom: var(--confirm-done-modal-title-margin-bottom);
  font-size: var(--confirm-done-modal-title-font-size);
  font-weight: var(--confirm-done-modal-title-font-weight);
  font-family: var(--confirm-done-modal-title-font-family);
}
.confirm-done-modal.centered-modal .modal-container .footer-content-wrapper {
  background-color: var(--confirm-done-modal-footer-background);
}
.confirm-done-modal.centered-modal .modal-container .footer-content-wrapper .confirm-done-modal-actions {
  margin: var(--confirm-done-modal-actions-margin);
  display: var(--confirm-done-modal-actions-display);
  flex-direction: var(--confirm-done-modal-actions-flex-direction);
  align-items: var(--confirm-done-modal-actions-align-items);
}
.confirm-done-modal.centered-modal .modal-container .footer-content-wrapper .confirm-done-modal-actions img {
  width: var(--confirm-done-modal-btn-image-width);
}
.confirm-done-modal.centered-modal .modal-container .footer-content-wrapper .confirm-done-modal-actions .btn {
  font-family: var(--confirm-done-modal-title-font-family);
  font-weight: var(--confirm-done-modal-btn-font-weight);
}
.confirm-done-modal.centered-modal .modal-container .footer-content-wrapper .confirm-done-modal-actions .btn:has(img) {
  display: flex;
  flex-direction: column;
  height: var(--confirm-done-modal-btn-height);
  margin-bottom: var(--confirm-done-modal-btn-margin-bottom);
}
.confirm-done-modal.centered-modal .modal-container .footer-content-wrapper .confirm-done-modal-actions .btn-secondary {
  margin-left: var(--confirm-done-modal-margin);
  background-color: var(--confirm-done-modal-secondary-button-background);
}
.confirm-done-modal.centered-modal .modal-container .footer-content-wrapper .confirm-done-modal-actions .btn-primary {
  margin-left: var(--confirm-done-modal-margin);
  margin-right: var(--confirm-done-modal-margin);
}
/* src/js/shared/dcgviews/d3/bar-chart.styl */
.bar-chart-wrapper .d3-chart-container {
  overflow: hidden;
}
.bar-chart-wrapper .bar-chart-container {
  border-radius: 5px;
  border: 1px solid #bdbdbd;
}
.bar-chart-wrapper .bar-chart-container .x-axis-area .domain,
.bar-chart-wrapper .bar-chart-container .y-axis-area .domain {
  display: none;
}
.bar-chart-wrapper .bar-chart-container .chart-area .grid-line {
  fill: none;
  stroke: #bdbdbd;
  stroke-width: 1px;
}
.bar-chart-wrapper .bar-chart-container .chart-area .tooltip {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media screen and (max-width: 1100px) {
  .bar-chart-wrapper .bar-chart-container .x-axis text {
    -webkit-transform: rotate(-30deg) translate(-15px, -5px);
    -moz-transform: rotate(-30deg) translate(-15px, -5px);
    -o-transform: rotate(-30deg) translate(-15px, -5px);
    -ms-transform: rotate(-30deg) translate(-15px, -5px);
    transform: rotate(-30deg) translate(-15px, -5px);
  }
}

/* src/js/shared/dcgviews/d3/bubble-chart.styl */
.bubble-chart-wrapper {
  width: 100%;
}
.bubble-chart-wrapper .d3-chart-container {
  width: 100%;
  overflow: hidden;
}
.bubble-chart-wrapper .d3-chart-container svg .grid-line {
  stroke: #666;
  stroke-opacity: 0.8;
  stroke-width: 1;
}
.bubble-chart-wrapper .d3-chart-container svg .chart-border {
  stroke: #bdbdbd;
  stroke-width: 1;
  stroke-opacity: 0.8;
}
.bubble-chart-wrapper .d3-chart-container svg .horizontal-band {
  fill: #fff;
}
.bubble-chart-wrapper .d3-chart-container svg .horizontal-band:nth-child(2n) {
  fill: rgba(0,0,0,0.03);
}
.bubble-chart-wrapper .d3-chart-container svg .row-label-area .y-label {
  color: #fff;
}
.bubble-chart-wrapper .tooltip {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

/* src/js/shared/dcgviews/d3/offscreen-table.styl */
.offscreen-accessible-table {
  position: absolute;
  left: -1000px;
  top: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* src/js/shared/dcgviews/divided-btn.styl */
.divided-btn {
  color: #fff;
  -webkit-transition: 0.2s opacity;
  -moz-transition: 0.2s opacity;
  -o-transition: 0.2s opacity;
  -ms-transition: 0.2s opacity;
  transition: 0.2s opacity;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 40px;
  margin-right: 5px;
}
.divided-btn .divided-btn-main-link {
  padding: 7px;
  display: block;
  color: #666;
  text-decoration: none;
  white-space: nowrap;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.divided-btn .divided-btn-main-link .btn-text {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.divided-btn .divided-btn-main-link .back-arrow-container {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  width: 0;
}
.divided-btn .divided-btn-main-link .back-arrow-container i {
  font-size: 90%;
}
.divided-btn .divided-btn-main-link.back-arrow-hover .back-arrow-container {
  display: inline-block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.divided-btn .divided-btn-main-link.dcg-hovered .btn-text,
.divided-btn .divided-btn-main-link.dcg-depressed .btn-text {
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -o-transform: translateX(4px);
  -ms-transform: translateX(4px);
  transform: translateX(4px);
}
.divided-btn .divided-btn-main-link.dcg-hovered .back-arrow-container,
.divided-btn .divided-btn-main-link.dcg-depressed .back-arrow-container {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  width: 15px;
  -webkit-transform: translateX(-4px);
  -moz-transform: translateX(-4px);
  -o-transform: translateX(-4px);
  -ms-transform: translateX(-4px);
  transform: translateX(-4px);
}
.divided-btn.has-border .divided-btn-segment,
.divided-btn.has-border .divided-btn-dropdown-arrow {
  background: #9c0d63;
  color: #fff;
  height: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.divided-btn.has-border .divided-btn-segment.dcg-hovered:not(.disabled),
.divided-btn.has-border .divided-btn-dropdown-arrow.dcg-hovered:not(.disabled) {
  background: #5e083b;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -o-transition: background 0.2s;
  -ms-transition: background 0.2s;
  transition: background 0.2s;
}
.divided-btn.has-border .divided-btn-segment.dcg-depressed:not(.disabled),
.divided-btn.has-border .divided-btn-dropdown-arrow.dcg-depressed:not(.disabled) {
  background: #5e083b;
}
.divided-btn.has-border .divided-btn-dropdown-arrow {
  border-left: 1px solid rgba(0,0,0,0.2);
}
.divided-btn:not(.has-border) .dropdown-container:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 8px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.divided-btn:not(.has-border) .dropdown-container:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 7px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.divided-btn:not(.has-border) .divided-btn-segment,
.divided-btn:not(.has-border) .divided-btn-dropdown-arrow {
  background: #49c5b1;
}
.divided-btn:not(.has-border) .divided-btn-segment.dcg-hovered:not(.disabled),
.divided-btn:not(.has-border) .divided-btn-dropdown-arrow.dcg-hovered:not(.disabled) {
  background: #15b097;
}
.divided-btn:not(.has-border) .divided-btn-segment.dcg-depressed:not(.disabled),
.divided-btn:not(.has-border) .divided-btn-dropdown-arrow.dcg-depressed:not(.disabled) {
  background: #15b097;
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3) inset;
  box-shadow: 0 0 2px rgba(0,0,0,0.3) inset;
}
.divided-btn:not(.has-border) .divided-btn-segment {
  border-right: 1px solid rgba(255,255,255,0.5);
}
.divided-btn .divided-btn-segment {
  padding: 0 20px;
  border-top-left-radius: var(--amp-border-radius, 0.1875em);
  border-bottom-left-radius: var(--amp-border-radius, 0.1875em);
}
.divided-btn .divided-btn-segment.disabled {
  cursor: default;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.divided-btn .divided-btn-segment.disabled + .divided-btn-dropdown.disabled {
  cursor: default;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.divided-btn .divided-btn-segment.icon-aligned-right {
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.divided-btn .divided-btn-dropdown-arrow.disabled {
  cursor: default;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.divided-btn .divided-btn-dropdown-arrow {
  padding: 0 12px;
  border-top-right-radius: var(--amp-border-radius, 0.1875em);
  border-bottom-right-radius: var(--amp-border-radius, 0.1875em);
  font-size: 80%;
}
.divided-btn .dcg-shared-options-dropdown {
  min-width: 160px;
  line-height: initial;
  text-align: left;
}
.divided-btn .divided-btn-icon {
  margin-right: 5px;
}
.divided-btn .divided-btn-icon i {
  font-size: 1em !important;
}
.without-dropdown-button {
  margin-right: 0px;
}
.without-dropdown-button .divided-btn-main {
  border-radius: var(--amp-border-radius, 0.1875em);
}
@media screen and (max-width: 456px) {
  .divided-btn .divided-btn-segment {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}

/* src/js/shared/dcgviews/draggable.styl */
.draggable-container {
  position: relative;
}
.draggable-container > span {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding-left: 6px;
}
.draggable-container > span .draggable-item.narrow-card {
  width: 100%;
}
body.item-is-being-dragged {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: -moz-none;
}

/* src/js/shared/dcgviews/dropdown/dot-dot-options-dropdown.styl */
.dot-dot-dropdown-container {
  margin-top: 0.5px;
  font-size: 1rem;
}
.dot-dot-dropdown-container .anchor-container {
  border-radius: 50%;
}
.dot-dot-dropdown-container .anchor-container:focus-visible {
  outline-offset: -3px;
}
.dot-dot-dropdown-container .anchor-container.dot-dot-dropdown-anchor {
  line-height: 40px;
}
.dot-dot-dropdown-container .anchor-container.dot-dot-dropdown-anchor i {
  color: #676767;
}
.dot-dot-dropdown-container .anchor-container.dot-dot-dropdown-anchor.dсg-active,
.dot-dot-dropdown-container .anchor-container.dot-dot-dropdown-anchor.dcg-hovered,
.dot-dot-dropdown-container .anchor-container.dot-dot-dropdown-anchor.isOpen {
  background: rgba(0,0,0,0.05);
}
.dot-dot-dropdown-container .anchor-container.dot-dot-dropdown-anchor.dcg-depressed {
  background: rgba(0,0,0,0.08);
}

/* src/js/shared/dcgviews/dropdown/dropdown-anchor-caret.styl */
.dropdown-anchor-caret {
  display: inline-block;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  -o-transition: -o-transform 0.2s ease-in-out;
  -ms-transition: -ms-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
.dropdown-anchor-caret.open {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.dcg-shared-dropdown-popover-container .anchor-container.isOpen .dropdown-anchor-caret {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* src/js/shared/dcgviews/dropdown/multiselect-checkbox-dropdown.styl */
.multiselect-checkbox-dropdown-container {
  margin-bottom: 20px;
}
.multiselect-checkbox-dropdown-container .selected-options-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  max-width: 100%;
}
.multiselect-checkbox-dropdown-container .selected-options-container .selected-option-tag {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--amp-body-color, #3b3b3b);
  font-size: var(--font_m1, 12.8px);
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  background-color: #e9e9e9;
  height: fit-content;
  width: fit-content;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  border-radius: 3px;
}
.multiselect-checkbox-dropdown-container .selected-options-container .selected-option-tag .remove-selected {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  margin-top: 4px;
}
.multiselect-checkbox-dropdown-container .selected-option {
  display: inline-block;
  margin-left: 10px;
  background-color: #e2e2e2;
  color: #666;
  padding: 0 10px;
  border-radius: 5px;
  line-height: 35px;
  height: 35px;
}
.multiselect-checkbox-dropdown-container .selected-option .icon-v2-close {
  font-size: 80%;
  margin-left: 10px;
  color: #676767;
}
.multiselect-checkbox-dropdown-container .selected-option .icon-v2-close.dcg-hovered {
  color: var(--amp-body-color, #3b3b3b);
}
.multiselect-checkbox-dropdown-container .multiselect-displayed-selected-values {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  color: var(--amp-body-color, #3b3b3b);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  margin-top: 4px;
}
.multiselect-checkbox-dropdown-container .multiselect-displayed-selected-values .selected-label {
  margin: 2px 0;
  height: 26px;
  font-size: 13px;
}
.multiselect-checkbox-dropdown-container .multiselect-displayed-selected-values .clear-all {
  margin: 2px 0;
  margin-left: 2px;
  height: 26px;
  text-decoration: underline;
  font-size: 13px;
}
.multiselect-checkbox-dropdown-container .multiselect-displayed-selected-values .displayed-selected-values-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
}
.multiselect-checkbox-dropdown-container .multiselect-displayed-selected-values .displayed-selected-values-container .displayed-selected-value-title {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #e9e9e9;
  border-radius: 2px;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  margin: 2px 4px;
  height: 26px;
}
.multiselect-checkbox-dropdown-container .multiselect-displayed-selected-values .displayed-selected-values-container .displayed-selected-value-title .icon-v2-close {
  width: 20px;
  height: 20px;
  padding-left: 4px;
}
.multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor {
  padding: 0 10px;
  line-height: 40px;
  min-height: 40px;
  border: 1px solid #bbb;
  border-radius: var(--amp-border-radius, 0.1875em);
  width: 250px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor.disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  cursor: default;
}
.multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor .multiselect-selected-values {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor .multiselect-selected-values .multiselect-selected-value {
  margin-right: 10px;
}
.multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor .multiselect-selected-values .multiselect-selected-value:not(:last-of-type):after {
  content: ",";
}
.multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor .icon-v2-caret-down,
.multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor .icon-v2-caret-up,
.multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor .icon-v2-close {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0;
  -ms-flex: 0 0;
  flex: 0 0;
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  float: right;
}
.multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor .icon-v2-caret-down {
  color: var(--amp-body-color, #3b3b3b);
}
.multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor .dropdown-value {
  color: #676767;
}
.multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor .dropdown-value.show-selected-values {
  color: var(--amp-body-color, #3b3b3b);
}
.multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor.dcg-hovered:not(.disabled) {
  border: 1px solid #bdbdbd;
}
.multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor.dcg-hovered:not(.disabled) .icon-v2-caret-down {
  color: var(--amp-body-color, #3b3b3b);
}
.multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor.dcg-depressed:not(.disabled) {
  border: 1px solid #bdbdbd;
}
.multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor.dcg-depressed:not(.disabled) .icon-v2-caret-small-down {
  color: var(--amp-body-color, #3b3b3b);
}
.multiselect-checkbox-dropdown .filter-dropdown-options {
  color: #676767;
  padding: 10px;
  overflow: auto;
}
.multiselect-checkbox-dropdown .filter-dropdown-options .filter-dropdown-option {
  padding: 7px;
  line-height: 20px;
}
.multiselect-checkbox-dropdown .filter-dropdown-options:has(.option-description) .option-title {
  font-size: 80%;
  color: #676767;
}
.multiselect-checkbox-dropdown .filter-dropdown-options:has(.option-description) .option-description {
  line-height: 25px;
  color: var(--amp-body-color, #3b3b3b);
}
.multiselect-checkbox-dropdown .dropdown-container {
  width: 250px;
}
.multiselect-checkbox-dropdown .dropdown-container .dropdown-choice.no-choice {
  color: #676767;
}

/* src/js/shared/dcgviews/dropdown/select-dropdown.styl */
.select-dropdown {
  width: 100%;
}
.select-dropdown .anchor-container .select-dropdown-anchor {
  padding: 0 10px;
  line-height: 45px;
  height: 45px;
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.select-dropdown .anchor-container .select-dropdown-anchor .icon-v2-caret-down {
  float: right;
}
.select-dropdown .anchor-container .select-dropdown-anchor .dropdown-value {
  color: var(--amp-body-color, #3b3b3b);
  width: 100%;
}
.select-dropdown .anchor-container .select-dropdown-anchor .dropdown-value.placeholder {
  color: #676767;
  font-style: italic;
}
.select-dropdown .anchor-container.dcg-hovered .select-dropdown-anchor:not(.disabled) {
  border: 1px solid #999;
}
.select-dropdown .anchor-container.dcg-hovered .select-dropdown-anchor:not(.disabled) i {
  color: #999;
}
.select-dropdown .anchor-container.dcg-depressed .select-dropdown-anchor:not(.disabled) {
  border: 1px solid #666;
}
.select-dropdown .anchor-container.dcg-depressed .select-dropdown-anchor:not(.disabled) i {
  color: #666;
}
.select-dropdown .dropdown-container {
  width: 200px;
}
.select-dropdown .select-dropdown-anchor.disabled {
  cursor: default;
}
.select-dropdown.dcg-shared-options-dropdown:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-width: 0;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.select-dropdown.dcg-shared-options-dropdown:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  border-width: 1px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.dropdown-choice.no-choice {
  color: var(--amp-body-color, #3b3b3b);
  font-style: italic;
}

/* src/js/shared/dcgviews/email-input-table.styl */
.email-input-table-container .classroom-shared-table {
  margin-bottom: 10px;
}
.email-input-table-container .classroom-shared-table .classroom-shared-table-row {
  border-bottom: none;
  padding: 5px 0;
}
.email-input-table-container .classroom-shared-table .header-row {
  padding: 0;
}
.email-input-table-container .classroom-shared-table input {
  height: 40px;
  padding: 5px 10px;
  line-height: 40px;
  color: #666;
  width: 100%;
  font-size: 100%;
  margin-bottom: 1px;
}
.email-input-table-container .classroom-shared-table input::-webkit-input-placeholder {
  color: #999;
}
.email-input-table-container .classroom-shared-table input:-moz-placeholder {
  color: #999;
}
.email-input-table-container .classroom-shared-table input::-moz-placeholder {
  color: #999;
}
.email-input-table-container .classroom-shared-table input:-ms-input-placeholder {
  color: #999;
}
.email-input-table-container .classroom-shared-table-cell + .classroom-shared-table-cell {
  padding-left: 5px;
}
.email-input-table-container .table-column-email .email-input-container {
  position: relative;
}
.email-input-table-container .table-column-email .email-input-container .dcg-tooltip-hit-area-container {
  position: absolute;
  top: 0;
  right: 8px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.email-input-table-container .table-column-email .email-input-container input.invalid-email:not(:focus) {
  border: 1px solid #db2e00;
}
.email-input-table-container .add-link {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.email-input-table-container .add-link i {
  font-size: 1em;
  margin-right: 5px;
}
.email-input-table-container .add-link.dcg-hovered a {
  text-decoration: none;
}
.email-input-table-container :not(.add-colleagues-container) .add-link {
  margin-bottom: 60px;
}
.email-input-table-container .add-colleagues-container .add-link {
  margin-bottom: 0;
}

/* src/js/shared/dcgviews/error-message.styl */
.page-error-message {
  width: 600px;
  margin: 50px auto 0;
  position: relative;
  text-align: center;
}
.page-error-message img {
  width: 600px;
  position: relative;
  margin-bottom: 60px;
}
.page-error-message h1,
.page-error-message h3 {
  font-weight: normal;
}
.page-error-message h1 {
  position: absolute;
  top: 123px;
  left: 240px;
  font-size: 90px;
}
.page-error-message h3 {
  font-size: 180%;
  margin: 0;
}
.page-error-message p {
  font-size: 120%;
}

/* src/js/shared/dcgviews/faded-scroll-container.styl */
.faded-scroll-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.faded-scroll-container .top-gradient,
.faded-scroll-container .bottom-gradient {
  position: absolute;
  pointer-events: none;
}
.faded-scroll-container .top-gradient {
  top: 0;
  background: -webkit-linear-gradient(#fff, rgba(255,255,255,0));
  background: -moz-linear-gradient(#fff, rgba(255,255,255,0));
  background: -o-linear-gradient(#fff, rgba(255,255,255,0));
  background: -ms-linear-gradient(#fff, rgba(255,255,255,0));
  background: linear-gradient(#fff, rgba(255,255,255,0));
}
.faded-scroll-container .bottom-gradient {
  bottom: 0;
  background: -webkit-linear-gradient(rgba(255,255,255,0), #fff);
  background: -moz-linear-gradient(rgba(255,255,255,0), #fff);
  background: -o-linear-gradient(rgba(255,255,255,0), #fff);
  background: -ms-linear-gradient(rgba(255,255,255,0), #fff);
  background: linear-gradient(rgba(255,255,255,0), #fff);
}

/* src/js/shared/dcgviews/fixed-aspect-container.styl */
.fixed-aspect-parent {
  width: 100%;
  height: 100%;
}
.fixed-aspect-parent .fixed-aspect-container {
  position: relative;
  margin: 0 auto auto;
}
.fixed-aspect-parent.vertically-center-contents {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.fixed-aspect-parent.vertically-center-contents .fixed-aspect-container {
  margin: auto;
}
.fixed-aspect-parent.scroll-y {
  overflow-y: scroll;
  overflow-x: hidden;
}
.fixed-aspect-parent.scroll-y:not(.thumbnail) {
  scrollbar-width: none /* Hide scrollbar on Firefox */;
}
.fixed-aspect-parent.scroll-y:not(.thumbnail)::-webkit-scrollbar {
  display: none /* Hide scrollbar on WebKit browsers (Chrome, Safari, etc.) */;
}

/* src/js/shared/dcgviews/header-back-arrow.styl */
.header-back-arrow {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  white-space: nowrap;
  max-width: 100%;
}
.header-back-arrow .back-action {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.header-back-arrow .back-action.btn-icon-ghost {
  color: #fff;
}
.header-back-arrow .back-action.btn-icon-ghost:hover,
.header-back-arrow .back-action.btn-icon-ghost:focus-visible {
  color: #fff;
}

/* src/js/shared/dcgviews/header.styl */
.teacher-page-top-bar {
  background: rgba(255,255,255,0.95);
  min-height: 53px;
  position: absolute;
  left: 0;
  right: 0;
  border-bottom: 1px solid rgba(0,0,0,0.04);
  z-index: 11;
}
.teacher-page-top-bar.show-notice {
  top: 30px;
  margin-top: -83px;
}
.teacher-page-top-bar:not(.show-notice) {
  top: 0;
  margin-top: -53px;
}
.teacher-page-top-bar.admin-dashboard-header {
  top: 0;
  margin-top: 0;
}
.teacher-page-top-bar.fixed {
  position: fixed;
  top: 0;
  margin-top: 0;
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.35);
  box-shadow: 0 0 7px rgba(0,0,0,0.35);
  border-bottom: 0;
}
.teacher-page-top-bar.smallscreen {
  position: relative;
  margin-top: 0;
}
.teacher-page-top-bar.is-impersonating {
  border: 5px solid #c0504d;
}
.teacher-page-top-bar .impersonating-warning {
  color: #c0504d;
  font-weight: bold;
}
.teacher-page-top-bar .teacher-page-top-bar-interior {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  padding: 0 20px 0 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  line-height: 53px;
}
.teacher-page-top-bar .sidebar-menu-button {
  margin: 6.5px 5px 6.5px -5px;
  text-decoration: none;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  overflow: hidden;
  float: left;
}
.teacher-page-top-bar .sidebar-menu-button i {
  color: #676767;
  margin: 0 !important;
}
.teacher-page-top-bar .logo-link {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  float: left;
  margin-right: 10px;
  line-height: 53px;
  width: 200px;
}
.teacher-page-top-bar .logo-link .desmos-svg-logo {
  width: 100%;
  height: 30px;
  color: #000;
  margin-bottom: 5px;
}
.teacher-page-top-bar .logo-link.dcg-hovered {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.teacher-page-top-bar .logo-link.dcg-depressed {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.teacher-page-top-bar .teacher-header-right-content {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  color: #676767;
}
.teacher-page-top-bar .teacher-header-right-content .accounts-container {
  clear: none;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.teacher-page-top-bar .teacher-header-right-content .accounts-container .account-header-view {
  position: relative;
}
.teacher-page-top-bar .teacher-header-right-content .accounts-container .login-buttons {
  display: inline-block;
}
.teacher-page-top-bar .teacher-header-right-content .accounts-container .login-buttons,
.teacher-page-top-bar .teacher-header-right-content .accounts-container .user-name-dropdown {
  color: #676767;
}
.teacher-page-top-bar .teacher-header-right-content .accounts-container .create-account-btn,
.teacher-page-top-bar .teacher-header-right-content .accounts-container .log-in-btn {
  font-size: 100%;
}
.teacher-page-top-bar .teacher-header-right-content .accounts-container .divider-text {
  margin: 0 10px;
}
.teacher-page-top-bar .teacher-header-right-content .language-picker .anchor-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.teacher-page-top-bar .teacher-header-right-content .language-picker .dropdown-container {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
@media screen and (max-width: 1180px) {
  .teacher-page-top-bar .teacher-header-right-content .mathtools-dropdown-container,
  .teacher-page-top-bar .teacher-header-right-content .resources-dropdown-container {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .teacher-page-top-bar .hide-when-narrow,
  .teacher-page-top-bar .accounts-container .create-account-btn.dcg-shared-btn-gray-outline {
    display: none;
  }
}
@media screen and (max-width: 680px) {
  .teacher-page-top-bar .top-bar-search-box-container {
    clear: both;
    width: 100%;
    padding-top: 0;
    position: relative;
    left: 0;
  }
  .teacher-page-top-bar .teacher-page-top-bar-interior {
    display: block;
    padding: 0 20px 10px;
  }
  .teacher-page-top-bar .teacher-page-top-bar-interior .teacher-header-right-content {
    position: absolute;
    top: 0;
    right: 10px;
    height: 50px;
  }
}
@media screen and (max-width: 880px) {
  .teacher-page-top-bar.smallscreen .top-bar-search-box-container {
    clear: both;
    width: 100%;
    padding-top: 0;
    position: relative;
    left: 0;
  }
  .teacher-page-top-bar.smallscreen .teacher-page-top-bar-interior {
    display: block;
    padding: 0 20px 10px;
  }
  .teacher-page-top-bar.smallscreen .teacher-page-top-bar-interior .teacher-header-right-content {
    position: absolute;
    top: 0;
    right: 10px;
    height: 50px;
  }
}
@media screen and (max-width: 498px) {
  .teacher-page-top-bar .logo-link {
    width: 160px;
  }
}
@media screen and (max-width: 460px) {
  .teacher-page-top-bar .logo-link {
    width: 120px;
  }
}
@media screen and (max-width: 430px) {
  .teacher-page-top-bar .sidebar-menu-button {
    font-size: 90%;
    padding-right: 10px;
  }
  .teacher-page-top-bar .user-name-dropdown .user-name-link {
    max-width: 85px;
  }
}
@media screen and (max-width: 380px) {
  .form-submit-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .teacher-page-top-bar .teacher-header-right-content .accounts-container .login-buttons {
    padding-right: 0px;
  }
  .teacher-page-top-bar .logo-link {
    display: none;
  }
  .teacher-page-top-bar .top-bar-search-box-container {
    width: 65%;
    margin-right: auto;
    margin-top: 10px;
  }
}
.amp-styles .btn-ghost .user-name-link {
  font-weight: 400;
}

/* src/js/shared/dcgviews/image-lightbox.styl */
.image-lightbox-container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100000;
  background: var(--image-lightbox-container-background, rgba(0,0,0,0.6));
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  cursor: default !important;
  overflow: hidden;
}
.image-lightbox-container .clickable-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.image-lightbox-container .image-centering-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: var(--image-centering-container-padding, 40px 80px);
}
.image-lightbox-container .image-centering-container img {
  width: 100%;
  border-radius: var(--border-radius, 5px);
  border: var(--border-component, --image-modal-image-border);
  background: #fff;
}
.image-lightbox-container #fullscreen-close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  line-height: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
@media screen and (max-width: 680px) {
  .image-lightbox-container .image-centering-container {
    padding: 40px 5px;
  }
}

/* src/js/shared/dcgviews/instance-list.styl */
.activity-instance-list .activity-instance-list-title {
  background: #eee;
  border-radius: 2px;
  text-align: center;
  padding: 5px;
  color: #bdbdbd;
  text-transform: uppercase;
}
.activity-instance-list .view-all-container {
  text-align: center;
  color: #4781b9;
  margin-top: 0;
}
.activity-instance-list .view-all-container .view-all {
  cursor: pointer;
  padding: 10px;
  display: inline-block;
}
.activity-instance-list .instance-list-row {
  position: relative;
  color: var(--amp-body-color, #3b3b3b);
}
.activity-instance-list .activity-instance-row {
  border-bottom: 1px solid #bdbdbd;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
}
.activity-instance-list .activity-instance-row .session-cell,
.activity-instance-list .activity-instance-row .student-count,
.activity-instance-list .activity-instance-row .date-container,
.activity-instance-list .activity-instance-row .enter-lesson-container,
.activity-instance-list .activity-instance-row .assignment-loading,
.activity-instance-list .activity-instance-row .current-dashboard,
.activity-instance-list .activity-instance-row .enter-reporting-container {
  display: inline-block;
  vertical-align: middle;
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
}
.activity-instance-list .activity-instance-row .student-count,
.activity-instance-list .activity-instance-row .date-container,
.activity-instance-list .activity-instance-row .dashboard-link-cell,
.activity-instance-list .activity-instance-row .assignment-loading,
.activity-instance-list .activity-instance-row .current-dashboard {
  text-align: center;
}
.activity-instance-list .activity-instance-row .session-cell {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 48%;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  min-width: 340px;
  overflow: hidden;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.activity-instance-list .activity-instance-row .session-cell.session-cell-four-columns {
  -webkit-flex-basis: 30%;
  flex-basis: 30%;
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
}
.activity-instance-list .activity-instance-row .session-cell.session-cell-boost-reading-practice {
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
}
.activity-instance-list .activity-instance-row .session-cell .session-inner {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.activity-instance-list .activity-instance-row .date-container,
.activity-instance-list .activity-instance-row .dashboard-link-cell,
.activity-instance-list .activity-instance-row .current-dashboard {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 18%;
  -ms-flex: 0 0 18%;
  flex: 0 0 18%;
}
.activity-instance-list .activity-instance-row .student-count {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 12%;
  -ms-flex: 0 0 12%;
  flex: 0 0 12%;
}
.activity-instance-list .activity-instance-row .class-code-wrapper {
  display: inline-block;
}
.activity-instance-list .activity-instance-row .class-code-wrapper .class-code {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: fit-content;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.activity-instance-list .activity-instance-row .session-cell .block-name {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.activity-instance-list .activity-instance-row .session-cell .block-name .instance-label-emphasized,
.activity-instance-list .activity-instance-row .session-cell .block-name .instance-label-deemphasized {
  display: none;
}
.activity-instance-list .activity-instance-row .session-cell .inactive-message,
.activity-instance-list .activity-instance-row .session-cell .class-code-active {
  display: inline-block;
}
.activity-instance-list .activity-instance-row .session-cell .class-code-active {
  border: 1px solid var(--amp-body-color, #3b3b3b);
  border-radius: var(--amp-border-radius, 0.1875em);
}
.activity-instance-list .activity-instance-row .session-cell .inactive-label,
.activity-instance-list .activity-instance-row .session-cell .class-code-active {
  text-align: center;
}
.activity-instance-list .activity-instance-row .session-cell .inactive-message {
  color: var(--amp-body-color, #3b3b3b);
  font-size: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.activity-instance-list .activity-instance-row .session-cell .inactive-message .reactivate {
  margin-left: 8px;
}
.activity-instance-list .activity-instance-row .session-cell .pause-tag-code-wrapper {
  margin-bottom: 1.5px;
}
.activity-instance-list .activity-instance-row .session-cell .pause-tag-block-wrapper {
  margin-top: 2px;
}
.activity-instance-list .activity-instance-row .session-cell .pause-tag-block-wrapper,
.activity-instance-list .activity-instance-row .session-cell .pause-tag-code-wrapper {
  display: inline-block;
  margin-left: 10px;
}
.activity-instance-list .activity-instance-row .session-cell .pause-tag-block-wrapper .wide-screen-tag,
.activity-instance-list .activity-instance-row .session-cell .pause-tag-code-wrapper .wide-screen-tag {
  padding: 4px 8px;
  border-radius: 30px;
}
.activity-instance-list .activity-instance-row .session-cell .pause-tag-block-wrapper .wide-screen-tag .pillow-icon-pause,
.activity-instance-list .activity-instance-row .session-cell .pause-tag-code-wrapper .wide-screen-tag .pillow-icon-pause,
.activity-instance-list .activity-instance-row .session-cell .pause-tag-block-wrapper .wide-screen-tag .pause-text,
.activity-instance-list .activity-instance-row .session-cell .pause-tag-code-wrapper .wide-screen-tag .pause-text {
  text-align: center;
  line-height: 1;
  font-size: 105%;
}
.activity-instance-list .activity-instance-row .session-cell .pause-tag-block-wrapper .wide-screen-tag .pillow-icon-pause,
.activity-instance-list .activity-instance-row .session-cell .pause-tag-code-wrapper .wide-screen-tag .pillow-icon-pause {
  font-size: 75%;
}
.activity-instance-list .activity-instance-row .session-cell .pause-tag-block-wrapper .alp-pause-tag,
.activity-instance-list .activity-instance-row .session-cell .pause-tag-code-wrapper .alp-pause-tag {
  color: #fff;
  background-color: #676767;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  row-gap: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  font-size: 80%;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  max-width: 80px;
}
.activity-instance-list .activity-instance-row .session-cell .pause-tag-block-wrapper .pause-tooltip-wrapper,
.activity-instance-list .activity-instance-row .session-cell .pause-tag-code-wrapper .pause-tooltip-wrapper {
  display: none;
}
.activity-instance-list .activity-instance-row .session-cell .pause-tag-block-wrapper .small-screen-tag,
.activity-instance-list .activity-instance-row .session-cell .pause-tag-code-wrapper .small-screen-tag {
  display: none;
}
.activity-instance-list .activity-instance-row .session-cell .block-name-unassigned {
  font-size: 110%;
  color: #bdbdbd;
}
.activity-instance-list .activity-instance-row .session-cell .block-name-unassigned .instance-label-deemphasized:before {
  content: '';
  border-left: 1px solid #bdbdbd;
  padding-left: 10px;
}
.activity-instance-list .activity-instance-row .session-cell .instance-label-emphasized {
  margin-left: 10px;
  font-size: 80%;
  font-weight: 500;
  color: #676767;
  max-width: 240px;
  white-space: normal;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.activity-instance-list .activity-instance-row .session-cell .instance-label-emphasized .icon-v2-locked {
  font-size: 90%;
  font-weight: bolder;
  margin-right: 3px;
}
.activity-instance-list .activity-instance-row .session-cell .instance-label-deemphasized {
  margin-left: 10px;
  font-size: 80%;
  color: #676767;
  max-width: 240px;
  white-space: normal;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.activity-instance-list .activity-instance-row .session-cell .instance-label-deemphasized .session-expiration-label.first-half {
  display: block;
}
.activity-instance-list .activity-instance-row .session-cell .instance-label-deemphasized .session-expiration-label.one-line {
  margin-right: 3px;
}
.activity-instance-list .activity-instance-row .session-cell .instance-label-deemphasized .learn-link {
  padding: 0 5px;
  color: #000;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  text-decoration: none;
}
.activity-instance-list .activity-instance-row .session-cell .instance-label-deemphasized .learn-link.dcg-hovered {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.activity-instance-list .activity-instance-row .session-cell .instance-label-deemphasized .learn-link.dcg-depressed {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.activity-instance-list .activity-instance-row .session-cell .session-inner {
  max-width: 100%;
}
.activity-instance-list .activity-instance-row .session-cell .block-name-display {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
}
.activity-instance-list .activity-instance-row .session-cell .block-name-display .dcg-tooltip-hit-area-container {
  overflow: hidden;
}
.activity-instance-list .activity-instance-row .session-cell .block-name-display .dcg-tooltip-hit-area-container .block-name-tooltip-text {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.activity-instance-list .activity-instance-row .session-cell .block-name-assigned,
.activity-instance-list .activity-instance-row .session-cell .class-code-active {
  color: var(--amp-body-color, #3b3b3b);
}
.activity-instance-list .activity-instance-row .session-cell .class-code-active {
  width: 100px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.activity-instance-list .activity-instance-row .session-cell .class-code-active .code-chunk:not(:first-of-type) {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.activity-instance-list .activity-instance-row .session-cell .block-name-assigned {
  overflow: hidden;
}
.activity-instance-list .activity-instance-row .student-count {
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
  line-height: 35px;
  color: var(--amp-body-color, #3b3b3b);
}
.activity-instance-list .activity-instance-row .date-container {
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
}
.activity-instance-list .activity-instance-row .date-container .date {
  margin-top: 2px;
  color: var(--amp-body-color, #3b3b3b);
  display: block;
  font-size: 90%;
}
.activity-instance-list .activity-instance-row .date-container .time {
  font-size: 80%;
  display: block;
}
.activity-instance-list .activity-instance-row .date-container .not-run-yet {
  line-height: 35px;
  font-size: 90%;
  font-style: italic;
  color: rgba(0,0,0,0.2);
}
.activity-instance-list .activity-instance-row .current-dashboard {
  font-style: italic;
  color: #676767;
  line-height: 35px;
}
.activity-instance-list .activity-instance-row .enter-lesson-link {
  min-width: 86px;
}
.activity-instance-list .activity-instance-row .enter-lesson-link span {
  padding-right: 5px;
}
.activity-instance-list .activity-instance-header {
  border-bottom: 1px solid #bdbdbd;
  padding: 0 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.activity-instance-list .activity-instance-header .table-header {
  display: inline-block;
  text-transform: uppercase;
  font-size: 73%;
  color: var(--amp-body-color, #3b3b3b);
  line-height: 22px;
}
.activity-instance-list .activity-instance-header .table-header.num-students-header {
  text-align: center;
  width: 12%;
}
.activity-instance-list .activity-instance-header .table-header.num-students-header .dcg-tooltip-hit-area-container {
  vertical-align: middle;
}
.activity-instance-list .activity-instance-header .table-header.num-students-header .dcg-tooltip-hit-area-container i {
  margin-left: 2px;
  line-height: 0.8em;
}
.activity-instance-list .activity-instance-header .table-header.student-code-header {
  width: 48%;
  min-width: 340px;
}
.activity-instance-list .activity-instance-header .table-header.student-code-header.student-code-header-four-columns {
  width: 30%;
}
.activity-instance-list .activity-instance-header .table-header.student-code-header.student-code-header-boost-reading-practice {
  width: 50%;
}
.activity-instance-list .activity-instance-header .table-header.date-header,
.activity-instance-list .activity-instance-header .table-header.link-header {
  width: 18%;
}
.activity-instance-list .activity-instance-header .table-header:not(.student-code-header) {
  text-align: center;
}
.activity-instance-list .activity-instance-header.notice-at-top {
  padding-bottom: 10px;
}
.activity-instance-list .activity-instance-header .dashboard-link-header,
.activity-instance-list .activity-instance-header .actions-header {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 1px;
  height: 1px;
}
.activity-instance-list .last-published-notice {
  z-index: 1;
  font-size: 80%;
  position: absolute;
  top: 0;
  width: 100%;
  color: var(--amp-body-color, #3b3b3b);
  text-align: center;
  margin-top: -10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.activity-instance-list .last-published-notice span {
  background: #f6f6f6;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.activity-instance-list .no-activities-message {
  text-align: center;
  width: 100%;
  padding: 10px;
  color: var(--amp-body-color, #3b3b3b);
  border-top: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
}
.activity-instance-list .no-activities-message .instances-loading-message {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.activity-instance-list .no-activities-message .blue-link {
  margin-left: 5px;
}
.activity-instance-list .activity-instance-row {
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  transition-delay: 500ms;
  -webkit-transition: background 500ms;
  -moz-transition: background 500ms;
  -o-transition: background 500ms;
  -ms-transition: background 500ms;
  transition: background 500ms;
  padding: 6px 11px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.activity-instance-list .activity-instance-row.highlighted {
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -ms-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition: background 0;
  -moz-transition: background 0;
  -o-transition: background 0;
  -ms-transition: background 0;
  transition: background 0;
  background: rgba(71,129,185,0.2);
}
.activity-instance-list .activity-instance-row.deleting {
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -ms-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition: -webkit-transform 300ms, opacity 300ms;
  -moz-transition: -moz-transform 300ms, opacity 300ms;
  -o-transition: -o-transform 300ms, opacity 300ms;
  -ms-transition: -ms-transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms;
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  pointer-events: none;
}
.activity-instance-list .activity-instance-row .animated-pause-tag:not(.animating-out) {
  -webkit-animation: fadeIn 0.3s forwards;
  -moz-animation: fadeIn 0.3s forwards;
  -o-animation: fadeIn 0.3s forwards;
  -ms-animation: fadeIn 0.3s forwards;
  animation: fadeIn 0.3s forwards;
}
.activity-instance-list .activity-instance-row .animated-pause-tag.animating-out {
  -webkit-animation: fadeOut 0.3s forwards;
  -moz-animation: fadeOut 0.3s forwards;
  -o-animation: fadeOut 0.3s forwards;
  -ms-animation: fadeOut 0.3s forwards;
  animation: fadeOut 0.3s forwards;
}
.activity-instance-list .actions-container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 5%;
  -ms-flex: 0 0 5%;
  flex: 0 0 5%;
  height: 35px;
  margin-left: auto;
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
}
.activity-instance-list .actions-container .dot-dot-dropdown-container {
  float: right;
}
.activity-instance-list .actions-container .dot-dot-dropdown-container .dropdown-explanations {
  font-style: italic;
  margin-top: -5px;
  padding: 0 0 0 37px;
}
.instance-list-dropdown.dcg-shared-dropdown-popover-container .dropdown-container {
  top: calc(100% + 3px);
}
.instance-list-dropdown.dcg-shared-options-dropdown {
  min-width: 150px;
}
.instance-list-dropdown.dcg-shared-options-dropdown:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 10px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.instance-list-dropdown.dcg-shared-options-dropdown:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 9px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.switch-dashboard-modal-contents .activity-instance-list .activity-instance-header .table-header.student-code-header {
  width: 35%;
}
.switch-dashboard-modal-contents .activity-instance-list .instance-list-row .session-cell {
  -webkit-flex-basis: 35%;
  flex-basis: 35%;
}
.switch-dashboard-modal-contents .activity-instance-list .instance-list-row .enter-lesson-container,
.switch-dashboard-modal-contents .activity-instance-list .instance-list-row .current-dashboard,
.switch-dashboard-modal-contents .activity-instance-list .instance-list-row .enter-reporting-container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  text-align: center;
}
@media screen and (max-width: 1100px) {
  .activity-instance-list .activity-instance-header .table-header.student-code-header,
  .activity-instance-list .activity-instance-row .session-cell {
    min-width: 100px;
  }
  .activity-instance-list .activity-instance-row .class-code .instance-label-emphasized,
  .activity-instance-list .activity-instance-row .class-code .instance-label-deemphasized {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .student-code-header-boost-reading-practice {
    width: 30% !important;
  }
  .activity-instance-list .activity-instance-row .session-cell-boost-reading-practice {
    -webkit-flex-basis: 30% !important;
    flex-basis: 30% !important;
  }
  .activity-instance-list .activity-instance-row .session-cell .session-inner {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .activity-instance-list .activity-instance-row .class-code {
    min-width: 100px;
  }
  .activity-instance-list .activity-instance-row .class-code .inactive-message {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: initial;
  }
  .activity-instance-list .activity-instance-row .class-code .inactive-message .inactive-label {
    border: none;
    padding: 0;
  }
  .activity-instance-list .activity-instance-row .class-code .inactive-message .reactivate {
    margin-left: 0;
  }
}
@media screen and (max-width: 800px) {
  .activity-instance-list .activity-instance-header {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .activity-instance-list .activity-instance-header .table-header.num-students-header,
  .activity-instance-list .activity-instance-header .table-header.link-header {
    display: none;
  }
  .activity-instance-list .activity-instance-row {
    white-space: nowrap;
  }
  .activity-instance-list .activity-instance-row .class-code {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
  }
  .activity-instance-list .activity-instance-row .class-code .instance-label-emphasized,
  .activity-instance-list .activity-instance-row .class-code .instance-label-deemphasized {
    display: none;
  }
  .activity-instance-list .activity-instance-row .student-count {
    display: none;
  }
  .activity-instance-list .activity-instance-row .dashboard-link-cell {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
  }
  .activity-instance-list .activity-instance-row .actions-container {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 30px;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
  }
}
@media screen and (max-width: 515px) {
  .activity-instance-list .activity-instance-header .table-header.date-header {
    display: none;
  }
  .activity-instance-list .activity-instance-row .class-code {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .activity-instance-list .activity-instance-row .enter-lesson-container,
  .activity-instance-list .activity-instance-row .current-dashboard {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .activity-instance-list .activity-instance-row .date-container {
    display: none;
  }
}
@media screen and (max-width: 460px) {
  .activity-instance-row .session-cell .session-inner .pause-tag-block-wrapper .wide-screen-tag,
  .activity-instance-row .session-cell .session-inner .pause-tag-code-wrapper .wide-screen-tag {
    display: none;
  }
  .activity-instance-row .session-cell .session-inner .pause-tag-block-wrapper .pause-tooltip-wrapper,
  .activity-instance-row .session-cell .session-inner .pause-tag-code-wrapper .pause-tooltip-wrapper {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
  }
  .activity-instance-row .session-cell .session-inner .pause-tag-block-wrapper .small-screen-tag,
  .activity-instance-row .session-cell .session-inner .pause-tag-code-wrapper .small-screen-tag {
    padding: 6px 6px;
    border-radius: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .activity-instance-row .session-cell .session-inner .pause-tag-block-wrapper .small-screen-tag .pillow-icon-pause,
  .activity-instance-row .session-cell .session-inner .pause-tag-code-wrapper .small-screen-tag .pillow-icon-pause {
    font-size: 80%;
  }
}

/* src/js/shared/dcgviews/instances.styl */
.assessment-warning {
  background-color: #fbf6e6;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 24px 12px;
}
.assessment-warning .warning-row {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.assessment-warning .warning-row.top-row {
  margin-bottom: 12px;
}
.assessment-warning .warning-row.top-row i.pillow-icon-error {
  color: #d49724;
  font-size: 1.3em;
}
.assessment-warning .warning-row.top-row .warning-header {
  font-weight: bold;
  margin-left: 12px;
}

/* src/js/shared/dcgviews/language-picker.styl */
.language-picker .dcg-shared-dropdown-popover-container {
  width: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.language-picker .dcg-shared-dropdown-popover-container .dropdown-container:not(.dropdown-pops-up) .language-dropdown {
  line-height: 1.5em;
  width: 230px;
}
.language-picker .language-picker-icon {
  display: inline-block;
  color: #676767;
}
.language-picker .language-picker-icon:not(.light-mode) {
  color: #676767;
}
.language-picker .language-picker-icon.dcg-hovered {
  color: var(--amp-body-color, #3b3b3b);
}
.language-picker .language-picker-icon.dcg-depressed,
.language-picker .language-picker-icon.active {
  color: var(--amp-text-color-dark, #080808);
}
.language-picker .popover-interior .dcg-language-option {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.language-picker .popover-interior .arrow {
  position: absolute;
}
.language-picker .popover-interior .arrow:not(.pops-up) {
  top: 0;
}
.language-picker .popover-interior .arrow:not(.pops-up):after {
  content: "";
  position: absolute;
  top: -10px;
  right: 0px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.language-picker .popover-interior .arrow:not(.pops-up):before {
  content: "";
  position: absolute;
  top: -11px;
  right: -1px;
  border-width: 11px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.language-picker .popover-interior .arrow.pops-up {
  bottom: 0;
}
.language-picker .popover-interior .arrow.pops-up:after {
  content: "";
  position: absolute;
  bottom: -10px;
  right: 0px;
  border-width: 10px;
  border-bottom-width: 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  line-height: 0;
}
.language-picker .popover-interior .arrow.pops-up:before {
  content: "";
  position: absolute;
  bottom: -11px;
  right: -1px;
  border-width: 11px;
  border-bottom-width: 0;
  border-style: solid;
  border-color: #bdbdbd transparent transparent transparent;
  line-height: 0;
}
.language-picker .popover-interior .dcg-language-footer-link {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}

/* src/js/shared/dcgviews/logo/desmos-svg-logo.styl */
.desmos-svg-logo {
  fill: currentColor !important;
}

/* src/js/shared/dcgviews/modal.styl */
.modal-cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
/**
  *  layout of the various modal types
  */
}
.modal-cover .dc-modal-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.7);
}
.modal-cover.fullscreened-modal .dc-modal-background {
  background: #000;
}
.modal-cover.fixed-width-large .modal-container,
.modal-cover.fixed-width .modal-container,
.modal-cover.narrow-width .modal-container,
.modal-cover.centered-modal .modal-container {
  -webkit-animation: fadeInDown 0.3s;
  -moz-animation: fadeInDown 0.3s;
  -o-animation: fadeInDown 0.3s;
  -ms-animation: fadeInDown 0.3s;
  animation: fadeInDown 0.3s;
}
.modal-cover.dc-modal-background,
.modal-cover.full-width .modal-container,
.modal-cover.bottom-panel .modal-container {
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.modal-cover.close-btn-style-legacy .modal-close-btn {
  cursor: pointer;
  margin-left: 6px;
}
.modal-cover.close-btn-style-legacy .modal-close-btn .icon-v2-close:before {
  content: "\2715";
  color: #fff;
  font-family: sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
}
.modal-cover.close-btn-style-legacy .modal-close-btn label {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
}
.modal-cover.centered-modal {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.modal-cover.centered-modal .modal-transition-container {
  margin: 0 auto;
  position: relative;
}
.modal-cover.centered-modal .modal-transition-container .modal-container {
  position: initial;
  margin-left: auto;
}
.modal-cover.centered-modal .modal-contents-wrapper {
  max-height: calc(100vh - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
}
.modal-cover.centered-modal .modal-close-btn {
  left: calc(100% - 5px);
  top: -27px;
}
.modal-cover.fixed-width .modal-container {
  position: absolute;
  left: 50%;
  top: 0;
  width: 800px;
  margin-left: -400px;
}
.modal-cover.fixed-width .modal-container .modal-contents-wrapper {
  max-height: 100vh;
  overflow-y: auto;
}
.modal-cover.fixed-width .modal-close-btn {
  position: relative;
  left: calc(100% - 5px);
  top: 5px;
}
.modal-cover.fixed-width .modal-close-btn.btn-icon-float {
  left: calc(100% - 1.5em);
  top: calc(1.5em + 3.5px);
}
.modal-cover.fixed-width.centered-modal .modal-container {
  width: calc(800px - 50px);
}
.modal-cover.fixed-width-large .modal-container {
  width: 1200px;
}
.modal-cover.fixed-width-large .modal-container .modal-contents-wrapper {
  min-height: 425px;
}
.modal-cover.fixed-width-large.centered-modal .modal-container {
  width: calc(1200px - 50px);
}
.modal-cover.narrow-width .modal-container {
  position: absolute;
  left: 50%;
  top: 0;
  width: 500px;
  margin-left: -250px;
}
.modal-cover.narrow-width .modal-container .modal-contents-wrapper {
  max-height: 100vh;
  overflow-y: auto;
}
.modal-cover.narrow-width .modal-close-btn {
  position: relative;
  left: calc(100% - 5px);
  top: 5px;
}
.modal-cover.full-width .modal-container {
  position: absolute;
  top: var(--modal-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  bottom: var(--modal-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  left: var(--modal-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  right: var(--modal-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
}
.modal-cover.full-width .modal-container .modal-contents-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.modal-cover.full-width .modal-container .overflow-visible {
  overflow: visible;
}
.modal-cover.full-width .modal-close-btn {
  top: -27px;
  left: calc(100% - 5px);
}
.modal-cover.bottom-panel {
  position: fixed;
  bottom: 0;
  top: auto;
  max-height: 100vh;
  height: auto;
}
.modal-cover.bottom-panel .modal-container .modal-contents-wrapper {
  max-height: 100vh;
  height: 348px;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
@media screen and (max-width: 991px) {
  .modal-cover.bottom-panel .modal-container .modal-contents-wrapper {
    padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.5);
  }
  .modal-cover.bottom-panel .modal-container .modal-contents-wrapper .btn-style-inside {
    right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  }
}
@media screen and (max-width: 991px) {
  .modal-cover.filters-modal .modal-container .modal-contents-wrapper .btn-style-inside {
    right: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) + 32px / 2);
  }
}
.modal-cover .modal-close-btn {
  position: absolute;
}
.modal-cover .modal-close-btn.btn-icon-float {
  top: var(--close-modal-btn-position, -1.5em);
  right: var(--close-modal-btn-position, -1.5em);
  left: auto;
  z-index: 5;
}
.modal-cover .modal-close-btn.btn-icon-float.btn-secondary:not(.btn-raised) {
  color: #0069e4;
  height: 2.5em;
}
.modal-cover .modal-close-btn.btn-icon-ghost {
  z-index: 1;
}
.modal-cover .modal-close-btn.btn-style-inside label {
  max-width: 75px;
  height: fit-content;
}
.modal-cover .modal-close-btn.btn-style-inside label span {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  white-space: normal;
  line-height: 1.2em;
  padding: 2px 0;
}
.modal-cover .modal-container .modal-contents-wrapper {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  background: var(--picture-modal-background, #fff);
  border-radius: var(--border-radius-medium, var(--amp-border-radius, 0.1875em));
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.modal-cover .modal-error-message {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  line-height: 24px;
}
.modal-cover h1.modal-title {
  padding: 0;
  margin: 0 0 20px;
  font-weight: normal;
  font-size: 24px;
  text-align: center;
}
.modal-cover.close-btn-style-inside .modal-contents-wrapper {
  position: relative;
  overflow-x: hidden;
}
.modal-cover.close-btn-style-inside .modal-close-btn {
  position: absolute;
  top: var(--close-modal-btn-position, 1em);
  right: var(--close-modal-btn-position, 1em);
  left: auto;
  height: 2.5em;
  width: 2.5em;
}
.modal-cover.close-btn-style-inside .form-control:focus {
  z-index: 1;
}
.modal-cover.has-footer-content .modal-contents-wrapper {
  border-radius: var(--amp-border-radius, 0.1875em) var(--amp-border-radius, 0.1875em) 0 0;
}
.modal-cover.has-footer-content .footer-content-wrapper {
  background-color: #f6f6f6;
  border: 0;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  border-bottom-right-radius: var(--amp-border-radius, 0.1875em);
  border-bottom-left-radius: var(--amp-border-radius, 0.1875em);
}
.modal-cover.has-footer-content .footer-content-wrapper:has(> div[style*="display: none"]) {
  display: none;
}
.modal-cover.has-footer-content .footer-content-wrapper .btn + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
@media screen and (max-width: 1500px) {
  .modal-cover.bottom-panel .modal-container .modal-contents-wrapper {
    height: 319px;
  }
}
@media screen and (max-width: 992px) {
  .modal-cover.bottom-panel .modal-container .modal-contents-wrapper {
    height: 468px;
  }
}
@media screen and (max-width: 850px) {
  .modal-cover.fixed-width .modal-container {
    width: auto;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .modal-cover.fixed-width.centered-modal .modal-container {
    width: calc(100vw - 50px);
  }
}
@media screen and (max-width: 1150px) {
  .modal-cover.fixed-width-large .modal-container {
    width: auto;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .modal-cover.fixed-width-large.centered-modal .modal-container {
    width: calc(100vw - 50px);
  }
}
@media screen and (max-width: 575px) {
  .modal-cover.close-btn-style-floating.full-width .modal-container {
    position: absolute;
    top: var(--modal-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
    bottom: 0;
    left: var(--modal-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
    right: var(--modal-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  }
  .modal-cover.close-btn-style-floating .modal-contents-wrapper {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .modal-cover.close-btn-style-floating .modal-close-btn label {
    max-width: 40px;
    white-space: normal;
    height: fit-content;
    line-height: 1.2em;
    padding: 3px;
  }
  .modal-cover:not(.close-btn-style-floating):not(.centered-modal) .dc-modal-background {
    background: #333;
  }
  .modal-cover:not(.close-btn-style-floating):not(.centered-modal).centered-modal .modal-transition-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .modal-cover:not(.close-btn-style-floating):not(.centered-modal).fixed-width-large .modal-container,
  .modal-cover:not(.close-btn-style-floating):not(.centered-modal).fixed-width .modal-container,
  .modal-cover:not(.close-btn-style-floating):not(.centered-modal).full-width .modal-container,
  .modal-cover:not(.close-btn-style-floating):not(.centered-modal).narrow-width .modal-container {
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    margin: 0;
  }
  .modal-cover:not(.close-btn-style-floating):not(.centered-modal).fixed-width-large .modal-container .modal-contents-wrapper,
  .modal-cover:not(.close-btn-style-floating):not(.centered-modal).fixed-width .modal-container .modal-contents-wrapper,
  .modal-cover:not(.close-btn-style-floating):not(.centered-modal).full-width .modal-container .modal-contents-wrapper,
  .modal-cover:not(.close-btn-style-floating):not(.centered-modal).narrow-width .modal-container .modal-contents-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: none;
  }
  .modal-cover:not(.close-btn-style-floating):not(.centered-modal).bottom-panel .modal-container .modal-contents-wrapper {
    height: 596px;
  }
  .modal-cover:not(.close-btn-style-floating):not(.centered-modal).filters-modal .modal-container .modal-contents-wrapper {
    height: unset;
    max-height: min(635px, 100vh);
  }
  .modal-cover:not(.close-btn-style-floating):not(.centered-modal).filters-modal .dc-modal-background {
    background: rgba(0,0,0,0.7);
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel) .dc-modal-background {
    background: #333;
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel).centered-modal .modal-transition-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel).centered-modal .modal-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    margin: 0;
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel) .modal-contents-wrapper {
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: none none;
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel) .dc-modal-background {
    background: #333;
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel).centered-modal .modal-transition-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel).centered-modal .modal-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    margin: 0;
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel) .modal-contents-wrapper {
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: none none;
  }
  .modal-cover:not(.close-btn-style-floating):not(.bottom-panel) .footer-content-wrapper {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .modal-cover.close-btn-style-inside.fixed-width-large .modal-container,
  .modal-cover.close-btn-style-inside.fixed-width .modal-container,
  .modal-cover.close-btn-style-inside.full-width .modal-container,
  .modal-cover.close-btn-style-inside.narrow-width .modal-container,
  .modal-cover.close-btn-style-inside.centered-modal .modal-container,
  .modal-cover.close-btn-style-inside .modal-close-btn {
    top: var(--close-modal-btn-position, 1.5em);
  }
  .modal-cover.close-btn-style-inside.bottom-panel .modal-container .modal-close-btn {
    top: var(--close-modal-btn-position, 1em);
  }
  .modal-cover.close-btn-style-inside.filters-modal .modal-container .modal-close-btn {
    top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
    right: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) + 32px / 2);
  }
}
@media screen and (min-height: 768px) {
  .modal-cover.full-width .modal-container {
    top: var(--modal-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3));
    bottom: var(--modal-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3));
    left: var(--modal-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3));
    right: var(--modal-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3));
  }
}
@media screen and (max-width: 768px) {
  .modal-cover.full-width .modal-container {
    top: var(--modal-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
    bottom: var(--modal-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
    left: var(--modal-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
    right: var(--modal-margin, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  }
  .modal-cover.bottom-panel .modal-container .modal-contents-wrapper {
    height: 500px;
  }
  .modal-cover.filters-modal .modal-container .modal-contents-wrapper {
    height: unset;
    max-height: min(635px, 100vh);
  }
}
@media screen and (max-width: 550px) {
  .modal-cover.centered-modal.fixed-width-large .modal-container,
  .modal-cover.centered-modal.fixed-width .modal-container,
  .modal-cover.centered-modal.full-width .modal-container,
  .modal-cover.centered-modal.narrow-width .modal-container,
  .modal-cover.centered-modal.centered-modal .modal-container {
    width: auto;
  }
}

/* src/js/shared/dcgviews/navigation-stepper.styl */
.navigation-stepper-container:not(.student-header-theme):not(.challenge-creator):not(.challenge-creator-response) {
  position: absolute;
  top: 7px;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  font-size: 15px;
}
.navigation-stepper-container.student-header-theme {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.navigation-stepper-container .navigation-stepper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: -moz-none;
}
.navigation-stepper-container .navigation-stepper ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: fit-content;
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.navigation-stepper-container .navigation-stepper .nav-stepper-contents {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: var(--nav-stepper-contents-padding, 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.navigation-stepper-container .navigation-stepper .nav-step-counter {
  color: var(--amp-body-color, #3b3b3b);
  white-space: nowrap;
  font-weight: var(--nav-stepper-step-counter-font-weight, 400);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.navigation-stepper-container:not(.challenge-creator-response) .navigation-stepper .nav-step-counter {
  width: var(--nav-stepper-screen-count-width, 70px);
}
.navigation-stepper-container.invisible {
  display: none;
}
.navigation-stepper-container.blue-theme .nav-step-counter {
  color: rgba(255,255,255,0.5);
}
.navigation-stepper-container.blue-theme .nav-stepper-btn {
  border: 1px solid rgba(71,129,185,0.15);
  border-radius: 3px;
  background: rgba(255,255,255,0.2);
  color: #fff;
  font-size: 135%;
  width: 2em;
  height: 2em;
  line-height: 2em;
}
.navigation-stepper-container.blue-theme .nav-stepper-btn.dcg-hovered:not(.disabled) {
  background: rgba(255,255,255,0.5);
}
.navigation-stepper-container.blue-theme .nav-stepper-btn.dcg-depressed:not(.disabled) {
  background: rgba(255,255,255,0.9);
  color: #4781b9;
}
.navigation-stepper-container.blue-theme .nav-stepper-btn.disabled {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
}
.navigation-stepper-container.challenge-creator .nav-stepper-btn {
  font-size: var(--challenge-creator-nav-stepper-btn-font-size);
  border-width: 3px;
}
.navigation-stepper-container.challenge-creator li:nth-child(2) {
  width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
}
.navigation-stepper-container.challenge-creator-response li:nth-child(2) {
  width: 100%;
}
.navigation-stepper-container.challenge-creator-response .nav-stepper-contents {
  padding: var(--challenge-creator-response-nav-stepper-contents-padding, 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.navigation-stepper-container.transparent-theme .nav-stepper-btn {
  color: #888;
  padding: 0 10px;
  -webkit-transition: 0.2s opacity;
  -moz-transition: 0.2s opacity;
  -o-transition: 0.2s opacity;
  -ms-transition: 0.2s opacity;
  transition: 0.2s opacity;
}
.navigation-stepper-container.transparent-theme .nav-stepper-btn:not(.disabled).dcg-hovered,
.navigation-stepper-container.transparent-theme .nav-stepper-btn:not(.disabled).dcg-depressed {
  color: #000;
}
.navigation-stepper-container.transparent-theme .nav-stepper-btn.disabled {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.rtl-layout .navigation-stepper-container.student-header-theme .nav-stepper-next .pillow-icon-chevron-left {
  margin: 0 5px 0 0;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .navigation-stepper-container .navigation-stepper .nav-stepper-contents {
    padding: var(--nav-stepper-contents-padding-sm, 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  }
}
@media screen and (max-width: 700px) {
  .navigation-stepper-container:not(.student-header-theme):not(.challenge-creator-response):not(.challenge-creator) {
    font-size: 90%;
    width: 150px;
    top: 10px;
    left: 10px;
    margin-left: 0;
  }
}
@media screen and (min-width: 1200px) {
  .navigation-stepper-container:not(.challenge-creator-response) .navigation-stepper .nav-step-counter {
    width: var(--nav-stepper-screen-count-width, 75px);
  }
}
@media screen and (min-width: 1500px) {
  .navigation-stepper-container:not(.challenge-creator-response) .navigation-stepper .nav-step-counter {
    width: var(--nav-stepper-screen-count-width, 80px);
  }
}

/* src/js/shared/dcgviews/notice-bar.styl */
.dc-notice-bar-container {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  height: 30px;
  background: #000;
  color: rgba(255,255,255,0.9);
  font-size: 90%;
}
.dc-notice-bar-container .dc-notice-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  line-height: 30px;
}
.dc-notice-bar-container .dc-notice-bar .message,
.dc-notice-bar-container .dc-notice-bar a {
  color: rgba(255,255,255,0.9);
  text-decoration-color: rgba(255,255,255,0.9);
}

/* src/js/shared/dcgviews/rich-text.styl */
.dcg-rich-text {
  white-space: pre-wrap;
}
.dcg-rich-text .blue-link {
  display: inline-block;
  max-width: 100%;
  word-break: break-all;
  vertical-align: bottom;
}
.dcg-rich-text .partner-cobranding img {
  display: inline-block;
  height: 28px;
  position: relative;
  top: 7px;
}
@media screen and (max-width: 930px) {
  .dcg-rich-text .blue-link {
    max-width: 540px;
  }
}
@media screen and (max-width: 660px) {
  .dcg-rich-text .blue-link {
    max-width: 300px;
  }
}

/* src/js/shared/dcgviews/searchable-dropdown.styl */
.dcg-search-container {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 1px;
}
.dcg-search-container .dcg-remove-x,
.dcg-search-container .dcg-dropdown-caret {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  cursor: pointer;
}
.dcg-search-container .dcg-remove-x i,
.dcg-search-container .dcg-dropdown-caret i {
  line-height: 40px;
}
.dcg-search-container input {
  width: 100%;
}
.dcg-search-container input.has-value::placeholder {
  color: var(--amp-body-color, #3b3b3b);
  font-style: unset;
  opacity: 1 !important;
  -ms-filter: none !important;
  filter: none !important;
}
.dcg-search-container .dcg-searchable-dropdown.dcg-is-list-open input {
  cursor: auto;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dcg-search-container .dcg-searchable-dropdown-list-container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dcg-search-container .dcg-searchable-dropdown-list {
  font-size: 110%;
  border: 1px solid #bdbdbd;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  text-align: left;
  z-index: 2;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
}
.dcg-search-container .dcg-searchable-dropdown-list:not(.dcg-no-input) {
  border-top-width: 0;
  max-height: 100%;
}
.dcg-search-container .dcg-searchable-dropdown-list.dcg-no-input {
  border-radius: 5px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.dcg-search-container .dcg-searchable-dropdown-list.dcg-no-search-results {
  text-align: center;
  padding: 25px;
  font-style: italic;
  color: #bbb;
  font-size: 90%;
}
.dcg-search-container .dcg-searchable-dropdown-list .dcg-searchable-dropdown-option {
  padding: 7px 10px;
  font-size: 90%;
}
.dcg-search-container .dcg-searchable-dropdown-list .dcg-searchable-dropdown-option.dcg-hovered {
  background: #f6f6f6;
  outline: none;
}
.dcg-search-container .dcg-searchable-dropdown-list .dcg-searchable-dropdown-option.dcg-depressed {
  background: #e9e9e9;
}
.dcg-search-container .dcg-searchable-dropdown-list .dcg-searchable-dropdown-option.dcg-selected {
  background: #e9e9e9;
  font-weight: 500;
}
.dcg-search-container .dcg-searchable-dropdown-list .dcg-searchable-dropdown-option.dcg-add-missing-item {
  text-decoration: none;
}
.dcg-search-container .dcg-searchable-dropdown-list .dcg-searchable-dropdown-option.dcg-add-missing-item i.pillow-icon-plus {
  margin-right: 0.5em;
}

/* src/js/shared/dcgviews/selectable-input.styl */
.dcg-selectable-input-container {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.dcg-selectable-input-container .dcg-copy-button {
  text-align: center;
  line-height: 36px;
  border-radius: 0 6px 5px 0;
  padding: 0 10px;
  font-size: 90%;
  color: #fff;
  position: relative;
}
.dcg-selectable-input-container .dcg-copy-button.dcg-depressed {
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.8);
  box-shadow: inset 0 0 5px rgba(0,0,0,0.8);
}
.dcg-selectable-input-container .dcg-copy-button i,
.dcg-selectable-input-container .dcg-copy-button .dcg-copy-text {
  -webkit-animation: dcg-fadeIn 0.3s;
  -moz-animation: dcg-fadeIn 0.3s;
  -o-animation: dcg-fadeIn 0.3s;
  -ms-animation: dcg-fadeIn 0.3s;
  animation: dcg-fadeIn 0.3s;
}
.dcg-selectable-input-container .dcg-copy-button i {
  font-size: 110%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.dcg-selectable-input-container .dcg-copy-button .link-copied {
  visibility: hidden;
}
.dcg-selectable-input-container .dcg-permalink {
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  font-size: 87%;
  border-radius: 6px 0 0 6px;
  border: 1px solid #bdbdbd;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.dcg-selectable-input-container .dcg-permalink::-ms-clear {
  display: none;
}
.dcg-selectable-input-container .dcg-permalink:focus {
  outline: 0;
  border-color: #9c0d63;
  -webkit-box-shadow: inset 0 0 0 1px #9c0d63;
  box-shadow: inset 0 0 0 1px #9c0d63;
}
.blue-mode {
  background: #c2d7ef;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.7);
  border-radius: var(--amp-border-radius, 0.1875em);
}
.blue-mode .dcg-permalink {
  color: var(--amp-body-color, #3b3b3b);
  border-color: transparent;
  background: transparent;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 0 3px 0 0;
}
.blue-mode .dcg-permalink:focus {
  outline: 0;
  border-color: transparent;
  -webkit-box-shadow: inset 0 0 0 1px transparent;
  box-shadow: inset 0 0 0 1px transparent;
}
.blue-mode .dcg-copy-button {
  color: #3278c8;
  border-radius: var(--amp-border-radius, 0.1875em);
}
.blue-mode .pillow-copy-copy {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.blue-mode .pillow-copy-copy .icon-v2-copy {
  position: inherit;
  margin-right: 10px;
  font-size: 1.5em;
}
.blue-mode .pillow-copy-copy span {
  font-weight: 400;
  text-transform: uppercase;
}

/* src/js/shared/dcgviews/share-settings-chooser.styl */
.share-settings-chooser {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) 0;
}
.share-settings-chooser .title {
  font-size: 15px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.share-settings-chooser .share-settings-title {
  font-size: 18px;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* src/js/shared/dcgviews/shared-confirmation-modal.styl */
.dcg-shared-modal-cover .shared-confirmation-modal-contents .confirmation-modal-message {
  padding: 5px 0;
}
.dcg-shared-modal-cover .shared-confirmation-modal-contents .confirmation-modal-message b {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.dcg-shared-modal-cover .shared-confirmation-modal-contents .modal-error-message {
  line-height: 24px;
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.dcg-shared-modal-cover .confirmation-modal-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 10px;
}
.dcg-shared-modal-cover .confirmation-modal-actions .amp-link {
  padding-right: 20px;
}
.dcg-shared-modal-cover .confirmation-modal-actions .btn + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}

/* src/js/shared/dcgviews/shared-header-dropdown.styl */
.header-dropdown-container {
  cursor: pointer;
}
.header-dropdown-container:not(.accounts-container) .dcg-shared-dropdown-popover-container .anchor-container,
.header-dropdown-container .account-header-view .dcg-shared-dropdown-popover-container .anchor-container {
  padding: 10px 8px;
}
.header-dropdown-container .user-name-link,
.header-dropdown-container .dropdown-menu-title {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 120px;
  vertical-align: bottom;
  cursor: pointer;
}
.header-dropdown-container .dropdown-container {
  padding: 12px;
}
.header-dropdown-container .dropdown-container {
  position: absolute;
  top: 43px;
  right: -1px;
}
.header-dropdown-container .account-dropdown {
  position: absolute;
  top: 46px;
  right: 0px;
}
.header-dropdown-container .dropdown-link:not(.math-tools-link) {
  display: block;
  white-space: nowrap;
  text-decoration: none;
  color: var(--amp-body-color, #3b3b3b);
  padding: 7px;
}
.header-dropdown-container .dropdown-link:not(.math-tools-link) a {
  color: var(--amp-body-color, #3b3b3b);
  text-decoration: none;
}
.header-dropdown-container .animated-dropdown-container {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
@media screen and (max-width: 1100px) {
  .header-dropdown-container {
    font-size: 95%;
  }
}

/* src/js/shared/dcgviews/sidebar-panel.styl */
.sidebar-panel {
  width: 350px;
  border-radius: var(--amp-border-radius, 0.1875em) 0 0 var(--amp-border-radius, 0.1875em);
  background: #fff;
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 350px;
  -ms-flex: 0 0 350px;
  flex: 0 0 350px;
  overflow: auto;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  margin: 10px 0;
}
.sidebar-panel .close-btn:not(.btn-secondary) {
  width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
}
.sidebar-panel.grading-mode {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 calc(350px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  -ms-flex: 0 0 calc(350px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  flex: 0 0 calc(350px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
}
.sidebar-panel.grading-mode .sidebar-header .panel-icon {
  font-size: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.sidebar-panel.animate {
  -webkit-animation: 0.5s fadeInRight;
  -moz-animation: 0.5s fadeInRight;
  -o-animation: 0.5s fadeInRight;
  -ms-animation: 0.5s fadeInRight;
  animation: 0.5s fadeInRight;
}
.sidebar-panel .sidebar-header {
  border-radius: var(--amp-border-radius, 0.1875em) 0 0 0;
  border-right: none;
  width: 100%;
  height: 44px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  text-transform: capitalize;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: -moz-none;
}
.sidebar-panel .sidebar-header:not(.sidebar-header-gray) .btn:not(.btn-secondary) {
  color: #fff;
}
.sidebar-panel .sidebar-header:not(.sidebar-header-gray) .btn:not(.btn-secondary) label {
  z-index: 1;
}
.sidebar-panel .sidebar-header:not(.sidebar-header-gray) .btn:not(.btn-secondary) + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.sidebar-panel .sidebar-header .help-link {
  text-decoration: none;
}
.sidebar-panel .sidebar-header .icon-label-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.sidebar-panel .sidebar-header .icon-label-container .panel-icon {
  margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.sidebar-panel .sidebar-header-blue {
  background: #3278c8;
  color: #fff;
}
.sidebar-panel .sidebar-header-green {
  background: #00866b;
  color: #fff;
}
.sidebar-panel .sidebar-header-gray {
  background: #e9e9e9;
  color: var(--amp-body-color, #3b3b3b);
}
.sidebar-panel .sidebar-header-gray .btn {
  color: var(--amp-body-color, #3b3b3b);
}
.sidebar-panel .sidebar-header-dark-blue {
  background: #0058bf;
  color: #fff;
}
.sidebar-panel .dcg-calculator-api-container-v1_11 .dcg-basic-list-container {
  border-top: none;
}
.sidebar-panel .dcg-calculator-api-container-v1_11 .dcg-basic-keypad-container {
  border-radius: 0 0 0 var(--amp-border-radius, 0.1875em);
}
.sidebar-panel.vt-panel {
  width: calc(350px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.2));
  position: absolute;
  top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  right: 0;
  border-radius: 10px;
  -webkit-box-shadow: var(--vt-sidebar-box-shadow);
  box-shadow: var(--vt-sidebar-box-shadow);
  overflow: hidden;
}
.sidebar-panel.vt-panel .sidebar-header {
  min-height: 50px;
}
.sidebar-panel.vt-panel .icon-label-container {
  padding-left: calc(90px + calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3));
}
.sidebar-panel.vt-panel .sidebar-content {
  height: 100%;
  background-color: var(--vt-sidebar-body-background-color, #f6f6f6);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sidebar-panel.vt-panel .sidebar-header-gray {
  background-color: var(--vt-sidebar-header-background-color, #e9e9e9);
  min-height: 65px;
}
.rtl-layout .sidebar-panel {
  border-radius: 0 var(--amp-border-radius, 0.1875em) var(--amp-border-radius, 0.1875em) 0;
}
.rtl-layout .sidebar-panel.animate {
  -webkit-animation: 0.5s fadeInLeft;
  -moz-animation: 0.5s fadeInLeft;
  -o-animation: 0.5s fadeInLeft;
  -ms-animation: 0.5s fadeInLeft;
  animation: 0.5s fadeInLeft;
}
.rtl-layout .sidebar-panel .sidebar-header {
  border-radius: 0 var(--amp-border-radius, 0.1875em) 0 0;
  border: 1px solid #4781b9;
  border-left: none;
}
.rtl-layout .sidebar-panel .dcg-calculator-api-container-v1_11 .dcg-basic-keypad-container {
  border-radius: 0 0 var(--amp-border-radius, 0.1875em) 0;
}
@media screen and (max-width: 575px) {
  .sidebar-panel {
    width: 100%;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
  }
  .sidebar-panel.animate {
    -webkit-animation: 0.5s fadeIn;
    -moz-animation: 0.5s fadeIn;
    -o-animation: 0.5s fadeIn;
    -ms-animation: 0.5s fadeIn;
    animation: 0.5s fadeIn;
  }
  .sidebar-panel .sidebar-header {
    border-radius: 0;
  }
  .sidebar-panel .dcg-calculator-api-container-v1_11 .dcg-basic-keypad-container {
    border-radius: 0;
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/* src/js/shared/dcgviews/sliding-navigation.styl */
.screens-container {
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.screens-container .dcg-student-screen {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
}
.screens-container .dcg-student-screen.before-current-screen {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.screens-container .dcg-student-screen.after-current-screen {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.screens-container .dcg-student-screen.before-current-screen,
.screens-container .dcg-student-screen.after-current-screen {
  overflow: hidden;
}
.screens-container .dcg-student-screen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.screens-container .sliding-animation-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 992px) {
  .dcg-student-screen:not(.companion-mode).momentum-scroll.has-scrollable-components {
    overflow-x: auto;
  }
  .dcg-student-screen:not(.companion-mode).momentum-scroll.has-scrollable-components .sliding-animation-container {
    position: sticky;
    left: 0;
    top: unset;
    bottom: unset;
    right: unset;
    height: 100%;
    width: 100%;
  }
}

/* src/js/shared/dcgviews/table.styl */
.classroom-shared-table-row {
  border-bottom: 1px solid #bdbdbd;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.classroom-shared-table-row.header-row {
  font-size: 85%;
  padding: 0 5px;
  text-transform: uppercase;
  color: var(--amp-body-color, #3b3b3b);
}
.classroom-shared-table-row.content-row {
  padding: 5px 5px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.classroom-shared-table-cell.offscreen-cell {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 1px;
  height: 1px;
}

/* src/js/shared/dcgviews/toast.styl */
.toast-container {
  line-height: 1em;
  height: 0;
  position: relative;
}
.toast-container:not(.hidden) {
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.toast-container.hidden {
  pointer-events: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.toast-container .toast {
  display: inline-block;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  background: #fef2ad;
  position: absolute;
  top: 0;
  left: 0;
}
.toast-container .toast .toast-icon {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.toast-container .toast .toast-text {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.toast-container .toast.top-of-screen {
  position: fixed;
  top: 70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.toast-container .toast i.pillow-icon-remove {
  font-size: 80%;
  margin-left: 10px;
  color: #999;
}
.toast-container .toast i.pillow-icon-remove.dcg-hovered,
.toast-container .toast i.pillow-icon-remove.dcg-depressed {
  color: #666;
}
.toast-container .toast .undo-btn {
  margin-left: 5px;
}

/* src/js/shared/dcgviews/translate-resource-modal.styl */
.translate-resource-modal.modal-cover.modal-cover.centered-modal {
  -webkit-box-align: unset;
  -moz-box-align: unset;
  -o-box-align: unset;
  -ms-flex-align: unset;
  -webkit-align-items: unset;
  align-items: unset;
}
.translate-resource-modal .modal-contents-wrapper {
  width: 500px;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.translate-resource-modal .translate-resource-modal-title.translate-resource-modal-title {
  font-size: 160%;
  font-weight: 400;
  margin-bottom: 5px;
  margin-top: 5px;
}
.translate-resource-modal .translate-resource-modal-content-container {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.translate-resource-modal .translate-resource-modal-content-container .translate-resource-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}

/* src/js/shared/diff/diff-dot.styl */
.diff-dot {
  position: static;
  width: 8px;
  height: 8px;
  top: auto;
  left: auto;
  bottom: auto;
  z-index: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid #906c01;
  background-color: #f5cd52;
}
.diff-dot-and-checkbox-container .amplify-checkbox {
  position: relative;
  top: 0px;
}

/* src/js/shared/diff/edition-align-checkbox.styl */
.amplify-checkbox.modal-align-property {
  margin-right: 6px;
}
.amplify-checkbox.modal-align-property > label {
  width: auto;
}
.amplify-checkbox.modal-align-property > label .faux-input {
  margin-right: 0;
}
.amplify-checkbox.modal-align-property label.dcg-hovered input:not(:checked)+.faux-input {
  -webkit-box-shadow: inset 0 0 0 0.125em #f5cd52;
  box-shadow: inset 0 0 0 0.125em #f5cd52;
}
.amplify-checkbox.modal-align-property input:checked+.faux-input {
  background-color: #f5cd52;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Cpath%20fill='%233B3B3B'%20d='M7.88%2014.91l-3.91-4.05%201.44-1.39%202.47%202.56%206.71-6.94%201.44%201.39-8.15%208.43'/%3E%3C/svg%3E");
}
.checkbox-and-label-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-left: 11px;
}
.checkbox-and-label-container .align-checkbox-label {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  white-space: nowrap;
}

/* src/js/shared/global-toasts/cookie-terms-toast.scss */
.amplify-toast.full-width.toast-bottom-center {
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  justify-content: center;
}
.amplify-toast.full-width.toast-bottom-center .toast-inner {
  width: 100%;
}
.amplify-toast.full-width.toast-bottom-center .toast-inner .inner-toast-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.amplify-toast.full-width.toast-bottom-center .toast-inner .inner-toast-wrapper .toast-body {
  width: auto;
}
.amplify-toast.full-width-for-new-nav {
  padding: 0;
}
.amplify-toast.new-nav-login-screen.toast-bottom-center {
  bottom: 57px;
}
.amplify-toast.new-nav-user-logged-in.toast-bottom-center {
  bottom: 77px;
  padding-left: 67px;
}

@media screen and (max-width: 576px) {
  .amplify-toast.full-width.toast-bottom-center {
    margin: 0px;
    padding: 0px;
    box-shadow: none;
    display: block;
    max-height: 90vh;
    width: 100vw;
  }
  .amplify-toast.full-width.toast-bottom-center .toast-inner {
    top: 0px;
    bottom: 0px;
    align-items: flex-start;
  }
  .amplify-toast.full-width.toast-bottom-center .toast-inner .inner-toast-wrapper {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    top: 0px;
    bottom: 0px;
    overflow-y: scroll;
  }
  .amplify-toast.new-nav-login-screen.toast-bottom-center {
    bottom: 70px;
  }
  .amplify-toast.new-nav-user-logged-in.toast-bottom-center {
    bottom: 88px;
    padding-left: 67px;
  }
}
/* src/js/shared/global-toasts/unverified-email-toast.react.scss */
.unverified-email-toast-wrapper .toast-inner {
  display: flex;
}
.unverified-email-toast-wrapper .toast-inner .unverified-email-toast-body {
  display: flex;
  align-items: center;
  flex: 1;
}
.unverified-email-toast-wrapper .toast-inner .unverified-email-toast-body .toast-body {
  width: 100%;
}
.unverified-email-toast-wrapper .toast-inner .unverified-email-toast-body .resend-email {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}

@media screen and (max-width: 650px) {
  .unverified-email-toast-wrapper .unverified-email-toast-body {
    flex-direction: column;
  }
}
/* src/js/shared/item-bank/item-bank-browser.styl */
.item-bank-browser {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.item-bank-browser .item-bank-title {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
  position: relative;
  color: var(--amp-body-color, #3b3b3b);
  font-size: 160%;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.item-bank-browser .item-browser-filters {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-column-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  -moz-column-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  column-gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.item-bank-browser .item-browser-filters .standards-filter {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 100px;
  position: relative;
}
.item-bank-browser .item-browser-filters .standards-filter .loading,
.item-bank-browser .item-browser-filters .standards-filter .loaded textarea,
.item-bank-browser .item-browser-filters .standards-filter .error {
  width: 100%;
  resize: none;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  border: 1px solid #bbb;
  border-radius: var(--amp-border-radius, 0.1875em);
  line-height: 42px;
  height: 42px;
  overflow: hidden;
  color: #3b3b3b;
}
.item-bank-browser .item-browser-filters .standards-filter .loaded textarea {
  padding-left: 50px;
}
.item-bank-browser .item-browser-filters .standards-filter .loaded textarea::placeholder {
  color: #bbb;
}
.item-bank-browser .item-browser-filters .standards-filter .loaded textarea:focus,
.item-bank-browser .item-browser-filters .standards-filter .loaded textarea:hover {
  border: 2px solid #9c0d63;
  margin: -1px;
  margin-bottom: 1px;
}
.item-bank-browser .item-browser-filters .standards-filter .loaded .search-icon {
  position: absolute;
  height: 42px;
  width: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  pointer-events: none;
}
.item-bank-browser .item-browser-filters .topic-select-container .filter-dropdown-options,
.item-bank-browser .item-browser-filters .standards-filter .filter-dropdown-options {
  overflow: hidden auto;
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.15), transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5)), -webkit-linear-gradient(bottom, rgba(0,0,0,0.15), transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  background: -moz-linear-gradient(top, rgba(0,0,0,0.15), transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5)), -moz-linear-gradient(bottom, rgba(0,0,0,0.15), transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  background: -o-linear-gradient(top, rgba(0,0,0,0.15), transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5)), -o-linear-gradient(bottom, rgba(0,0,0,0.15), transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  background: -ms-linear-gradient(top, rgba(0,0,0,0.15), transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5)), -ms-linear-gradient(bottom, rgba(0,0,0,0.15), transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  background: linear-gradient(to bottom, rgba(0,0,0,0.15), transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5)), linear-gradient(to top, rgba(0,0,0,0.15), transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  position: relative;
}
.item-bank-browser .item-browser-filters .topic-select-container .filter-dropdown-options::before,
.item-bank-browser .item-browser-filters .standards-filter .filter-dropdown-options::before {
  content: '';
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: calc(100% + 20px);
  -webkit-transform: translate(-10px, -10px);
  -moz-transform: translate(-10px, -10px);
  -o-transform: translate(-10px, -10px);
  -ms-transform: translate(-10px, -10px);
  transform: translate(-10px, -10px);
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
  position: absolute;
  background: -webkit-linear-gradient(top, #fff, transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
  background: -moz-linear-gradient(top, #fff, transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
  background: -o-linear-gradient(top, #fff, transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
  background: -ms-linear-gradient(top, #fff, transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
  background: linear-gradient(to bottom, #fff, transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
}
.item-bank-browser .item-browser-filters .topic-select-container .filter-dropdown-options::after,
.item-bank-browser .item-browser-filters .standards-filter .filter-dropdown-options::after {
  content: '';
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: calc(100% + 20px);
  -webkit-transform: translate(-10px, -10px);
  -moz-transform: translate(-10px, -10px);
  -o-transform: translate(-10px, -10px);
  -ms-transform: translate(-10px, -10px);
  transform: translate(-10px, -10px);
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
  position: relative;
  margin-top: calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
  bottom: -20px;
  background: -webkit-linear-gradient(bottom, #fff, transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
  background: -moz-linear-gradient(bottom, #fff, transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
  background: -o-linear-gradient(bottom, #fff, transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
  background: -ms-linear-gradient(bottom, #fff, transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
  background: linear-gradient(to top, #fff, transparent calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
}
.item-bank-browser .item-browser-filters .topic-select-container .filter-dropdown-options .amplify-checkbox label,
.item-bank-browser .item-browser-filters .standards-filter .filter-dropdown-options .amplify-checkbox label {
  z-index: 1;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0px;
  min-width: 100px;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .multiselect-checkbox-dropdown {
  width: 100%;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .multiselect-checkbox-dropdown:focus .anchor-container {
  border-radius: var(--amp-border-radius, 0.1875em);
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .multiselect-checkbox-dropdown:focus .multiselect-checkbox-dropdown-anchor {
  border: 2px solid #9c0d63;
  margin: -1px;
  padding-right: 8px;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor {
  width: 100%;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor .dropdown-value {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor .dropdown-value .selected-options {
  margin-left: 10px;
  background-color: #e9e9e9;
  padding: 2px 10px;
  border-radius: 50px;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor:hover:not(.item-bank-browser .item-browser-filters .item-bank-browser-filter .multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor.disabled) {
  border: 2px solid #9c0d63;
  margin: -1px;
  padding-right: 8px;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor .multiselect-selected-values {
  max-width: 100%;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar {
  padding: 17px;
  position: relative;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar:before {
  content: "";
  position: absolute;
  width: 100%;
  top: calc(42px + (17px * 2));
  left: 0;
  z-index: 1;
  background-color: #bbb;
  height: 1px;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar .text-area-wrapper {
  line-height: 42px;
  height: 42px;
  padding: 0 0 0 50px;
  border: 1px solid #bbb;
  border-radius: var(--amp-border-radius, 0.1875em);
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar .text-area-wrapper:has(.has-query) {
  padding-right: 50px;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar .text-area-wrapper:has(:focus-visible) {
  outline: 3px solid #9c0d63;
  outline-offset: 3px;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar .text-area-wrapper:focus,
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar .text-area-wrapper:hover,
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar .text-area-wrapper:has(.has-query) {
  border: 2px solid #9c0d63;
  margin: -1px;
  margin-bottom: 1px;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar .text-area-wrapper textarea {
  width: 100%;
  resize: none;
  border: none;
  background-color: transparent;
  line-height: 42px;
  height: 42px;
  overflow-y: hidden;
  color: var(--amp-body-color, #3b3b3b);
  padding: 0;
  margin: 0;
  white-space: break-spaces;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar .text-area-wrapper textarea:focus-visible {
  outline: none;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar .text-area-wrapper textarea::placeholder {
  color: #676767;
  font-style: italic;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar .text-area-wrapper textarea:focus::placeholder {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar .text-area-wrapper textarea.has-query {
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar .text-area-wrapper textarea.has-query::-webkit-scrollbar {
  display: none;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar .search-icon,
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar .clear-queries-icon {
  position: absolute;
  height: 42px;
  width: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar .search-icon {
  pointer-events: none;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner .search-bar:has(.clear-queries-icon) .clear-queries-icon {
  top: 17px;
  right: 17px;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner:has(.nothing-found-note) .search-bar .text-area-wrapper {
  margin: -1px;
  margin-bottom: 42px;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container-inner:has(.nothing-found-note) .filter-dropdown-options {
  padding: 0;
}
.item-bank-browser .item-browser-filters .item-bank-browser-filter .dropdown-container {
  width: 100%;
  top: 44px;
}
.item-bank-browser .item-browser-filters:has(.item-bank-browser-filter:nth-child(4)) .item-bank-browser-filter {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 calc(50% - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  -ms-flex: 0 0 calc(50% - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  flex: 0 0 calc(50% - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.item-bank-browser .browser-active-filters {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.item-bank-browser .browser-active-filters .filter-tags {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.item-bank-browser .browser-active-filters .filter-tags .item-bank-browser-tag {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  background-color: #e2e2e2;
  border-radius: 2px;
  padding: 1px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  font-size: 90%;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.item-bank-browser .browser-active-filters .filter-tags .item-bank-browser-tag:hover {
  background-color: #676767;
  color: #fff;
}
.item-bank-browser .browser-active-filters.tabs-hidden {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.item-bank-browser .browser-active-filters .selected-filter-items-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.item-bank-browser .browser-active-filters .item-bank-browser-tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.item-bank-browser .browser-active-filters .item-bank-browser-tabs .menu-item-gray {
  padding: 0px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  margin-bottom: 0px;
}
.item-bank-browser .item-browser-body {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  margin-bottom: calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  margin-left: calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  margin-right: calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  background-color: #f6f6f6;
}
.item-bank-browser .item-browser-body .item-previews-container {
  border-bottom: 1px solid #e9e9e9;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  overflow: auto;
  height: 0px;
  position: relative;
}
.item-bank-browser .item-browser-body .item-previews-container::before {
  content: '';
  width: 100%;
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  position: sticky;
  display: block;
  top: 0px;
  background: -webkit-linear-gradient(90deg, transparent 50%, rgba(0,0,0,0.15));
  background: -moz-linear-gradient(90deg, transparent 50%, rgba(0,0,0,0.15));
  background: -o-linear-gradient(90deg, transparent 50%, rgba(0,0,0,0.15));
  background: -ms-linear-gradient(90deg, transparent 50%, rgba(0,0,0,0.15));
  background: linear-gradient(0deg, transparent 50%, rgba(0,0,0,0.15));
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  z-index: 1;
}
.item-bank-browser .item-browser-body .item-previews-container::after {
  content: '';
  width: 100%;
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  position: sticky;
  display: block;
  bottom: 0px;
  background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.15), transparent 50%);
  background: -moz-linear-gradient(90deg, rgba(0,0,0,0.15), transparent 50%);
  background: -o-linear-gradient(90deg, rgba(0,0,0,0.15), transparent 50%);
  background: -ms-linear-gradient(90deg, rgba(0,0,0,0.15), transparent 50%);
  background: linear-gradient(0deg, rgba(0,0,0,0.15), transparent 50%);
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews {
  display: grid;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  grid-template-rows: 0;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews::before {
  content: '';
  width: calc(100% + 2 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
  -webkit-transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4)), -100%);
  -moz-transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4)), -100%);
  -o-transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4)), -100%);
  -ms-transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4)), -100%);
  transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4)), -100%);
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  position: relative;
  top: 0px;
  background: -webkit-linear-gradient(90deg, transparent, #f6f6f6 50%);
  background: -moz-linear-gradient(90deg, transparent, #f6f6f6 50%);
  background: -o-linear-gradient(90deg, transparent, #f6f6f6 50%);
  background: -ms-linear-gradient(90deg, transparent, #f6f6f6 50%);
  background: linear-gradient(0deg, transparent, #f6f6f6 50%);
  z-index: 1;
  grid-column: 1/-1;
  grid-row: 1;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews::after {
  content: '';
  width: calc(100% + 2 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
  -webkit-transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4)), 100%);
  -moz-transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4)), 100%);
  -o-transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4)), 100%);
  -ms-transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4)), 100%);
  transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4)), 100%);
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  -webkit-align-self: end;
  align-self: end;
  -ms-flex-item-align: end;
  margin-top: calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  position: relative;
  bottom: 0px;
  background: -webkit-linear-gradient(90deg, #f6f6f6 50%, transparent);
  background: -moz-linear-gradient(90deg, #f6f6f6 50%, transparent);
  background: -o-linear-gradient(90deg, #f6f6f6 50%, transparent);
  background: -ms-linear-gradient(90deg, #f6f6f6 50%, transparent);
  background: linear-gradient(0deg, #f6f6f6 50%, transparent);
  z-index: 1;
  grid-column: 1/-1;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container {
  width: 100%;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .dcg-tooltip-hit-area-container {
  width: 100%;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loading {
  height: 180px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem)/2);
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loading .item-preview-loading-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loading .item-preview-loading-header .item-preview-loading-checkbox {
  min-width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 2px;
  margin-right: 8px;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loading .item-preview-loading-header .item-preview-loading-title {
  width: 100%;
  height: 1em;
  background-color: #e2e2e2;
  border-radius: 2px;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loading .item-preview-loading-thumbnail {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 2px;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loaded {
  margin-bottom: 8px;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loaded.disabled {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  pointer-events: none;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loaded .item-preview-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loaded .item-preview-header .amplify-checkbox {
  width: 100%;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loaded .item-preview-header .amplify-checkbox label {
  width: 100%;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loaded .item-preview-header .children {
  line-height: 0.65em;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loaded .item-preview-header .item-title {
  font-size: 15px;
  line-height: 1.2em;
  cursor: pointer;
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loaded .preview-miniscreen-container .section-name .dcg-tooltip-hit-area-container {
  width: auto;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loaded .miniscreen {
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.07), 0px 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.07), 0px 1px 2px rgba(0,0,0,0.12);
  border: 1px solid transparent;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loaded .miniscreen:hover {
  border-color: #9c0d63;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loaded .miniscreen.dcg-depressed {
  border-color: #5e083b;
}
.item-bank-browser .item-browser-body .item-previews-container .item-previews .item-preview-container .item-preview-loaded .item-preview-thumbnail {
  width: 100%;
  height: 150px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.07), 0px 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.07), 0px 1px 2px rgba(0,0,0,0.12);
}
.item-bank-browser .item-browser-body .item-previews-container .no-search-results {
  text-align: center;
  color: #666;
  padding-top: 135px;
}
.item-bank-browser .item-browser-body .item-previews-container .no-search-results .no-results-title {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
  max-width: 700px;
  margin: 0 auto;
}
.item-bank-browser .item-browser-body .item-previews-container .no-search-results .no-results-description {
  max-width: 750px;
  margin: 0 auto;
}
.item-bank-browser .item-browser-body .item-browser-actions {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.item-bank-browser .item-browser-body .item-browser-actions .item-browser-action-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.item-bank-browser .item-browser-body:has(.no-search-results) ::before,
.item-bank-browser .item-browser-body:has(.no-search-results) ::after {
  content: none;
}
.autocomplete.standards.item-bank-browser {
  overflow-x: hidden;
  top: 6px;
  padding: 0px;
  width: calc(100vw - 7.5 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
}
.autocomplete.standards.item-bank-browser.has-author-group {
  width: calc(50vw - 7.5 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.autocomplete.standards.item-bank-browser .description {
  color: #676767;
  width: 100%;
}
.autocomplete.standards.item-bank-browser ul {
  border-collapse: collapse;
}
.autocomplete.standards.item-bank-browser ul li {
  color: var(--amp-body-color, #3b3b3b);
  margin-left: 2px;
}
.autocomplete.standards.item-bank-browser ul li .name > span {
  margin-left: 2px;
}
.autocomplete.standards.item-bank-browser ul li.active {
  background-color: #f6f6f6;
  -webkit-box-shadow: inset 0 0 0 3px #9c0d63;
  box-shadow: inset 0 0 0 3px #9c0d63;
}
.autocomplete.standards.item-bank-browser ul li.dcg-focus-by-tap {
  background-color: #e9e9e9;
}
.autocomplete.standards.item-bank-browser ul li:focus-visible {
  outline: 3px solid #9c0d63;
  outline-offset: -3px;
}
.autocomplete.standards.item-bank-browser ul li > span.name::before {
  content: unset;
}
.autocomplete.standards.item-bank-browser .dcg-hovered li.active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dcg-depressed .autocomplete.standards.item-bank-browser ul li.active {
  background-color: #e9e9e9;
}
@media screen and (max-width: 1500px) {
  .autocomplete.standards.item-bank-browser {
    width: calc(100vw - 6.5 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  }
  .autocomplete.standards.item-bank-browser.has-author-group {
    width: calc(50vw - 7 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  }
}
@media screen and (min-height: 768px) {
  .autocomplete.standards.item-bank-browser {
    width: calc(100vw - 8.2 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  }
  .autocomplete.standards.item-bank-browser.has-author-group {
    width: calc(50vw - 8.7 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  }
}
@media screen and (min-height: 768px) and (max-width: 1500px) {
  .autocomplete.standards.item-bank-browser {
    width: calc(100vw - 7.5 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  }
  .autocomplete.standards.item-bank-browser.has-author-group {
    width: calc(50vw - 8 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  }
}
@media screen and (max-width: 768px) {
  .autocomplete.standards.item-bank-browser {
    width: calc(100vw - 6.5 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  }
  .autocomplete.standards.item-bank-browser.has-author-group {
    width: calc(50vw - 7 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  }
}
@media screen and (max-width: 550px) {
  .autocomplete.standards.item-bank-browser {
    width: calc(100vw - 6 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  }
  .autocomplete.standards.item-bank-browser.has-author-group {
    width: calc(50vw - 6.5 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
    min-width: 100px;
  }
}

/* src/js/shared/item-bank/item-bank-filmstrip.styl */
.filmstrip-container {
  width: 232px;
  height: 100%;
  background-color: #f6f6f6;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  z-index: unset;
  left: 0;
  top: 0;
  overflow: hidden;
}
.filmstrip-container .filmstrip-back-button-container {
  height: 56px;
  border-bottom: 1px solid #e9e9e9;
  z-index: 2;
}
.filmstrip-container .filmstrip-back-button-container .back-button {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.filmstrip-container .filmstrip-back-button-container .back-button label {
  left: calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.filmstrip-container .filmstrip-back-button-container .close-filmstrip-button {
  display: none;
}
.filmstrip-container .item-previews-container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  border-bottom: 1px solid #e9e9e9;
  height: 0px;
  overflow: auto;
  position: relative;
}
.filmstrip-container .item-previews-container::before {
  content: '';
  display: block;
  width: 100%;
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  position: sticky;
  top: 0px;
  background: -webkit-linear-gradient(90deg, transparent 50%, rgba(0,0,0,0.15));
  background: -moz-linear-gradient(90deg, transparent 50%, rgba(0,0,0,0.15));
  background: -o-linear-gradient(90deg, transparent 50%, rgba(0,0,0,0.15));
  background: -ms-linear-gradient(90deg, transparent 50%, rgba(0,0,0,0.15));
  background: linear-gradient(0deg, transparent 50%, rgba(0,0,0,0.15));
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  z-index: 1;
}
.filmstrip-container .item-previews-container::after {
  content: '';
  display: block;
  width: 100%;
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  position: sticky;
  bottom: 0px;
  background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.15), transparent 50%);
  background: -moz-linear-gradient(90deg, rgba(0,0,0,0.15), transparent 50%);
  background: -o-linear-gradient(90deg, rgba(0,0,0,0.15), transparent 50%);
  background: -ms-linear-gradient(90deg, rgba(0,0,0,0.15), transparent 50%);
  background: linear-gradient(0deg, rgba(0,0,0,0.15), transparent 50%);
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.filmstrip-container .item-previews-container .item-previews {
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.filmstrip-container .item-previews-container .item-previews::before {
  content: '';
  display: block;
  -webkit-transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2)), -100%);
  -moz-transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2)), -100%);
  -o-transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2)), -100%);
  -ms-transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2)), -100%);
  transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2)), -100%);
  margin-bottom: calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  width: calc(100% + 2 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  position: relative;
  top: 0px;
  background: -webkit-linear-gradient(90deg, transparent, #f6f6f6 50%);
  background: -moz-linear-gradient(90deg, transparent, #f6f6f6 50%);
  background: -o-linear-gradient(90deg, transparent, #f6f6f6 50%);
  background: -ms-linear-gradient(90deg, transparent, #f6f6f6 50%);
  background: linear-gradient(0deg, transparent, #f6f6f6 50%);
  z-index: 1;
}
.filmstrip-container .item-previews-container .item-previews::after {
  content: '';
  display: block;
  -webkit-transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2)), 100%);
  -moz-transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2)), 100%);
  -o-transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2)), 100%);
  -ms-transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2)), 100%);
  transform: translate(calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2)), 100%);
  width: calc(100% + 2 * calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-top: calc(0px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  position: relative;
  bottom: 0px;
  background: -webkit-linear-gradient(90deg, #f6f6f6 50%, transparent);
  background: -moz-linear-gradient(90deg, #f6f6f6 50%, transparent);
  background: -o-linear-gradient(90deg, #f6f6f6 50%, transparent);
  background: -ms-linear-gradient(90deg, #f6f6f6 50%, transparent);
  background: linear-gradient(0deg, #f6f6f6 50%, transparent);
  z-index: 1;
}
.filmstrip-container .item-previews-container .item-previews .item-preview-loaded.disabled {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  pointer-events: none;
}
.filmstrip-container .item-previews-container .item-previews .amplify-checkbox label {
  width: 100%;
}
.filmstrip-container .item-previews-container .item-previews .amplify-checkbox .children {
  line-height: 0.65em;
}
.filmstrip-container .item-previews-container .item-previews .dcg-tooltip-hit-area-container {
  width: 100%;
}
.filmstrip-container .item-previews-container .item-previews .item-title {
  cursor: pointer;
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.filmstrip-container .item-previews-container .item-previews .miniscreen {
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.07), 0px 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.07), 0px 1px 2px rgba(0,0,0,0.12);
  border: 1px solid transparent;
}
.filmstrip-container .item-previews-container .item-previews .miniscreen.miniscreen-selected {
  border-color: #9c0d63;
  border-width: 2px;
}
.filmstrip-container .item-previews-container .item-previews .miniscreen.dcg-depressed:hover {
  border-color: #5e083b;
}
.filmstrip-container .item-previews-container .item-previews .item-preview-header {
  margin-bottom: 8px;
}
.filmstrip-container .item-previews-container .item-previews .preview-miniscreen-container .section-name .dcg-tooltip-hit-area-container {
  width: auto;
}
.filmstrip-container .item-previews-container .item-previews .item-preview-thumbnail {
  width: 100%;
  height: 150px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.07), 0px 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.07), 0px 1px 2px rgba(0,0,0,0.12);
}
.filmstrip-container .item-browser-actions {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.filmstrip-container .item-browser-actions .item-browser-action-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.filmstrip-container .item-browser-actions .item-browser-action-buttons .btn {
  font-size: 0.8em;
}
@media screen and (max-width: 760px) {
  .filmstrip-container {
    display: none;
  }
  .filmstrip-container.show-filmstrip {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    z-index: 4;
  }
  .filmstrip-container .filmstrip-back-button-container .close-filmstrip-button {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
}

/* src/js/shared/item-bank/item-bank-item-preview.styl */
.item-sandbox-meta-container {
  position: absolute;
  top: 0;
  height: 100%;
  left: 232px;
  width: calc(100% - 232px);
  overflow: hidden;
}
.item-sandbox-meta-container .student-sandbox-navigation-container .shared-student-header {
  border-bottom: 1px solid #e9e9e9;
  z-index: 2;
}
.item-sandbox-meta-container .student-sandbox-navigation-container .shared-student-header .student-activity-header {
  background-color: #fff;
}
.item-sandbox-meta-container .sidepanel-overlay {
  display: none;
}
.item-sandbox-meta-container .teacher-tip-container {
  left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  right: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) + 15px);
}
.item-sandbox-meta-container .teacher-tip-container.next-to-sidebar {
  right: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) + 301px);
}
@media screen and (max-width: 760px) {
  .item-sandbox-meta-container {
    left: 0;
    width: 100%;
  }
  .item-sandbox-meta-container .sidepanel-overlay {
    display: none;
  }
  .item-sandbox-meta-container .sidepanel-overlay.sidepanel-visible {
    display: block;
    position: absolute;
    top: 0;
    left: 232px;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 4;
  }
}

/* src/js/shared/item-bank/item-preview-header.styl */
.item-preview-header-container {
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}
.item-preview-header-container .item-title {
  font-size: 120%;
  padding-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.item-preview-header-container .ab-item-release-selection {
  padding-left: 8px;
  padding-top: 2px;
}
.item-preview-header-container .dcg-tooltip-hit-area-container:has(.item-title) {
  max-width: 250px;
}
.item-preview-header-container .show-filmstrip-button {
  display: none;
}
@media screen and (max-width: 1205px) {
  .student-activity-header:has(.nav-stepper-contents) .item-preview-header-container .ab-item-release-selection .children {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .student-activity-header:has(.nav-stepper-contents) .item-preview-header-container .ab-item-release-selection {
    display: none;
  }
}
@media screen and (max-width: 760px) {
  .student-activity-header .item-preview-header-container .show-filmstrip-button {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
    margin: 0;
    padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
    -webkit-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    font-size: 120%;
  }
}
@media screen and (max-width: 910px) {
  .student-activity-header:has(.nav-stepper-contents) .item-preview-header-container .delete-item-wrapper {
    display: none;
  }
}
@media screen and (max-width: 830px) {
  .student-activity-header:has(.nav-stepper-contents) .item-preview-header-container .edit-item-button {
    display: none;
  }
}
@media screen and (max-width: 570px) {
  .student-activity-header:has(.nav-stepper-contents) .item-preview-header-container .item-title {
    display: none;
  }
}
#delete-item-button {
  background-color: rgba(0,0,0,0.05);
  border-color: transparent;
  color: #3b3b3b;
  outline: none;
}
.delete-item-wrapper,
.share-item-wrapper {
  position: relative;
}
.delete-item-wrapper .confirmation-popup,
.share-item-wrapper .confirmation-popup {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  position: absolute;
  left: 58px;
  top: 0;
  background: #fff;
  filter: drop-shadow(0 2px 10px rgba(0,0,0,0.2));
  z-index: 1000;
}
.delete-item-wrapper .confirmation-popup:before,
.share-item-wrapper .confirmation-popup:before {
  content: '';
  position: absolute;
  left: -8px;
  top: 10px;
  border-style: solid;
  border-width: 22px 22px 0 0;
  border-color: #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.delete-item-wrapper .confirmation-popup .confirmation-content,
.share-item-wrapper .confirmation-popup .confirmation-content {
  padding: 27.5px;
}
.delete-item-wrapper .confirmation-popup .confirmation-content .popup-close,
.share-item-wrapper .confirmation-popup .confirmation-content .popup-close {
  width: 33px;
  height: 33px;
  position: absolute;
  right: 5.5px;
  top: 5.5px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.delete-item-wrapper .confirmation-popup .confirmation-content .confirmation-body,
.share-item-wrapper .confirmation-popup .confirmation-content .confirmation-body {
  padding: 2px 16px;
}
.delete-item-wrapper .confirmation-popup .confirmation-content .confirmation-body .share-item-label,
.share-item-wrapper .confirmation-popup .confirmation-content .confirmation-body .share-item-label {
  font-size: 25px;
  line-height: 39px;
}
.delete-item-wrapper .confirmation-popup .confirmation-content .confirmation-body.share-item-body,
.share-item-wrapper .confirmation-popup .confirmation-content .confirmation-body.share-item-body {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}
.delete-item-wrapper .confirmation-popup .confirmation-content .confirmation-body.share-item-body .share-item-description,
.share-item-wrapper .confirmation-popup .confirmation-content .confirmation-body.share-item-body .share-item-description {
  color: #676767;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.delete-item-wrapper .confirmation-popup .confirmation-content .confirmation-body .form-control,
.share-item-wrapper .confirmation-popup .confirmation-content .confirmation-body .form-control {
  width: 320px;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.delete-item-wrapper .confirmation-popup .confirmation-content .confirmation-footer,
.share-item-wrapper .confirmation-popup .confirmation-content .confirmation-footer {
  gap: 11px;
  padding: 22px 0 0 0;
  background-color: #fefefe;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.delete-item-wrapper .confirmation-popup .confirmation-content .confirmation-footer.share-item-footer,
.share-item-wrapper .confirmation-popup .confirmation-content .confirmation-footer.share-item-footer {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.delete-item-wrapper .confirmation-popup .confirmation-content .confirmation-footer.share-item-footer .link-copied-message,
.share-item-wrapper .confirmation-popup .confirmation-content .confirmation-footer.share-item-footer .link-copied-message {
  color: #3b3b3b;
  font-style: italic;
}
.delete-item-wrapper .confirmation-popup .confirmation-content .confirmation-footer .delete-button,
.share-item-wrapper .confirmation-popup .confirmation-content .confirmation-footer .delete-button {
  background-color: #db2e00;
  color: #fff;
  border: none;
}
.delete-item-wrapper .confirmation-popup .confirmation-content .confirmation-footer .delete-button:hover,
.share-item-wrapper .confirmation-popup .confirmation-content .confirmation-footer .delete-button:hover {
  background-color: #831c00;
  border: none;
}
.delete-item-wrapper .confirmation-popup .confirmation-content .confirmation-footer .delete-button:active,
.share-item-wrapper .confirmation-popup .confirmation-content .confirmation-footer .delete-button:active {
  background-color: #420e00;
  border: none;
}
.item-sandbox-meta-container .student-activity-header .student-activity-header-right-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 calc(100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  -ms-flex: 0 0 calc(100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  flex: 0 0 calc(100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  max-width: calc(100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.item-sandbox-meta-container .student-activity-header .student-activity-header-left-content:not(:has(.edit-item-button)) {
  max-width: 100%;
}
.item-sandbox-meta-container .student-activity-header:has(.nav-stepper-contents):not(:has(.edit-item-button)) .student-activity-header-left-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 calc(7 * 100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  -ms-flex: 0 0 calc(7 * 100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  flex: 0 0 calc(7 * 100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  max-width: calc(7 * 100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
@media screen and (max-width: 1385px) {
  .item-sandbox-meta-container .student-activity-header:has(.nav-stepper-contents):not(:has(.edit-item-button)) .student-activity-header-left-content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 calc(6 * 100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
    -ms-flex: 0 0 calc(6 * 100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
    flex: 0 0 calc(6 * 100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
    max-width: calc(6 * 100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  }
}
@media screen and (max-width: 1095px) {
  .item-sandbox-meta-container .student-activity-header:has(.nav-stepper-contents):not(:has(.edit-item-button)) .student-activity-header-left-content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 calc(5 * 100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
    -ms-flex: 0 0 calc(5 * 100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
    flex: 0 0 calc(5 * 100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
    max-width: calc(5 * 100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  }
}
@media screen and (max-width: 933px) {
  .item-sandbox-meta-container .student-activity-header:has(.nav-stepper-contents):not(:has(.edit-item-button)) .student-activity-header-left-content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 calc(4 * 100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
    -ms-flex: 0 0 calc(4 * 100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
    flex: 0 0 calc(4 * 100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
    max-width: calc(4 * 100% / 10 - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
  }
}

/* src/js/shared/item-bank/item-preview-thumbnails.styl */
.reference-item-badge {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: 86px;
}

/* src/js/shared/item-bank/preview-meta.styl */
.item-preview-meta {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.item-preview-meta .item-preview-about {
  padding-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  font-weight: 500;
  font-size: 16px;
}
.item-preview-meta .item-preview-tag-container {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.item-preview-meta .item-preview-tag-container .label {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.item-preview-meta .item-preview-tag-container .preview-tags {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.item-preview-meta .item-preview-tag-container .preview-tags .item-preview-tag {
  background-color: #e2e2e2;
  border-radius: 2px;
  padding: 1px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  font-size: 90%;
  width: fit-content;
}
.item-preview-meta .item-preview-description {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.sidebar-panel.item-meta-preview-panel {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  height: 100%;
  width: 286px;
}
.item-sandbox-meta-container .sidebar-panel-wrapper {
  display: unset;
}
@media screen and (max-width: 575px) {
  .sidebar-panel.item-meta-preview-panel {
    position: static;
  }
}

/* src/js/shared/item-bank/step-count-badge.styl */
.step-count {
  position: absolute;
  cursor: pointer;
  right: 6px;
  bottom: 5px;
  height: 30px;
  width: 30px;
}
.step-count .step-count-badge {
  background-color: #4781b9;
  color: #fff;
  border-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  padding: 5px 12px;
  height: 26px;
  width: 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 80%;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  position: absolute;
}
.step-count .step-count-badge:first-child {
  left: 0;
  bottom: 0;
  z-index: 1;
}
.step-count .step-count-badge:last-child {
  right: 0;
  top: 0;
}

/* src/js/shared/override/override-student-name-modal.styl */
.override-modal.modal-cover.fixed-width .override-modal-contents {
  padding: 10px;
}
.override-modal.modal-cover.fixed-width .override-modal-contents h1 {
  font-size: 150%;
  font-weight: 400;
  margin-top: 0;
}
.override-modal.modal-cover.fixed-width .override-modal-contents .override-modal-description {
  margin-top: 15px;
  color: var(--amp-body-color, #3b3b3b);
  font-size: 110%;
}
.override-modal.modal-cover.fixed-width .override-modal-contents .name-container {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: 15px 0;
}
.override-modal.modal-cover.fixed-width .override-modal-contents .name-container label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.override-modal.modal-cover.fixed-width .override-modal-contents .name-container label + label {
  margin-left: 15px;
}
.override-modal.modal-cover.fixed-width .override-modal-contents .name-container .student-name-input {
  border-radius: var(--amp-border-radius, 0.1875em);
  padding: 5px;
}
.override-modal.modal-cover.fixed-width .override-modal-contents .override-error {
  background-color: #f4c0b3;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--amp-body-color, #3b3b3b);
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
}
.override-modal.modal-cover.fixed-width .override-modal-contents .actions-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.override-modal.modal-cover.fixed-width .override-modal-contents .actions-container .cancel-button {
  margin-right: 15px;
}
@media screen and (max-width: 650px) {
  .override-modal.modal-cover.fixed-width .override-modal-contents .name-container {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .override-modal.modal-cover.fixed-width .override-modal-contents .name-container label:last-child {
    margin-left: 0;
    margin-top: 10px;
  }
}

/* src/js/shared/react/beta-tag.styl */
.beta-tag {
  font-size: 70%;
  text-transform: uppercase;
  padding: 2px 4px;
  background: rgba(0,0,0,0.2);
  border-radius: 4px;
  margin-left: 5px;
  cursor: default;
}

/* src/js/shared/react/carousel.scss */
.carousel-arrows-items-container {
  display: flex;
  position: relative;
}
.carousel-arrows-items-container .carousel-item-pause-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-arrows-items-container .carousel-item-pause-container .carousel-items-container {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: hidden;
  transition: 600ms ease;
}
.carousel-arrows-items-container .carousel-item-pause-container .carousel-items-container .carousel-item {
  margin-right: 0;
  float: initial;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carousel-arrows-items-container .carousel-item-pause-container .carousel-items-container .carousel-item .fill-carousel {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}
.carousel-arrows-items-container .carousel-item-pause-container .carousel-items-container .carousel-item .fill-carousel .adm-header-container {
  height: 100%;
}
.carousel-arrows-items-container .carousel-item-pause-container .carousel-pause.btn-icon-ghost {
  position: absolute;
  bottom: 5px;
  right: 5px;
  padding: 7px 25px;
  border-radius: 4px;
  background: #fff;
}
.carousel-arrows-items-container .carousel-item-pause-container .carousel-pause.btn-icon-ghost .icon-v2-pause.des-button-icon {
  margin: 0;
}
.carousel-arrows-items-container .carousel-arrow {
  position: absolute;
  font-size: 1.2em;
  z-index: 2;
  top: 40%;
}
.carousel-arrows-items-container .carousel-arrow.left-arrow {
  left: 1px;
}
.carousel-arrows-items-container .carousel-arrow.right-arrow {
  right: 1px;
}
.carousel-arrows-items-container .carousel-arrow button {
  background: #fff;
  border-radius: 50%;
  padding: 25px;
  width: 55px;
  height: 55px;
}

.carousel-tabs-container {
  display: flex;
  margin: 10px auto 20px;
}
.carousel-tabs-container .carousel-tab {
  width: 65px;
  height: 8px;
  margin: 0 5px;
  border-radius: 25px;
  background: rgba(0, 0, 0, 0.05);
  transition: 1s;
}
.carousel-tabs-container .carousel-tab:last-of-type {
  margin-right: auto;
}
.carousel-tabs-container .carousel-tab:first-of-type {
  margin-left: auto;
}
.carousel-tabs-container .carousel-tab.carousel-active-block {
  background: rgba(0, 0, 0, 0.6);
}
/* src/js/shared/react/external-service-logo.react.styl */
.external-logo-wrapper {
  display: inline-block;
}
.external-logo {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.external-logo img {
  height: 1.25em;
}

/* src/js/shared/react/keyboard-help-panel/arrow-keys.scss */
.arrow-keys {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
}
.arrow-keys .arrow-key {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 22px;
  border-radius: 2px;
  border: 1px solid var(--text-02-text-light, #676767);
}
.arrow-keys .arrow-keys-row {
  display: flex;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
/* src/js/shared/react/keyboard-help-panel/keyboard-navigation-bar.scss */
.keyboard-navigation-bar.tab-set {
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.keyboard-navigation-bar.tab-set .tab-left {
  flex-wrap: wrap;
}
.keyboard-navigation-bar.tab-set .tab-left .navigation-btn.btn {
  height: 3.5em;
}
/* src/js/shared/react/keyboard-help-panel/keyboard-shortcuts.scss */
.keyboard-shortcuts {
  display: flex;
  flex-direction: column;
}
.keyboard-shortcuts .shortcut-section .shortcut-columns {
  display: flex;
  flex-wrap: wrap;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.keyboard-shortcuts .shortcut-section .shortcut-columns .shortcut-column .shortcut-row {
  display: flex;
  width: 400px;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0;
}
.keyboard-shortcuts .shortcut-section .shortcut-columns .shortcut-column .shortcut-row .shortcut-action {
  flex: 1;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.keyboard-shortcuts .shortcut-section .shortcut-columns .shortcut-column .shortcut-row .shortcut-keystrokes {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  justify-content: flex-start;
}
.keyboard-shortcuts .shortcut-section .shortcut-columns .shortcut-column .shortcut-row .shortcut-keystrokes .shortcut-keystroke {
  border-radius: 2px;
  border: 1px solid var(--text-02-text-light, #676767);
  align-self: center;
  min-width: 28px;
  height: 28px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.keyboard-shortcuts .shortcut-section .shortcut-columns .shortcut-column .shortcut-row .shortcut-keystrokes .shortcut-keystroke.keystroke-text {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
@media screen and (max-width: 767px) {
  .keyboard-shortcuts .shortcut-section .shortcut-columns .shortcut-column {
    width: 100%;
  }
  .keyboard-shortcuts .shortcut-section .shortcut-columns .shortcut-column .shortcut-row {
    border-bottom: 2px solid #bdbdbd;
    justify-content: space-between;
    width: 100%;
  }
  .keyboard-shortcuts .shortcut-section .shortcut-columns .shortcut-column .shortcut-row .shortcut-action {
    margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  }
  .keyboard-shortcuts .shortcut-section .shortcut-columns .shortcut-column .shortcut-row .shortcut-keystrokes {
    width: auto;
    justify-content: flex-end;
  }
}
/* src/js/shared/react/KeyboardNavItem.scss */
.keyboard-nav-item {
  position: fixed !important;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  clip-path: inset(50%);
}
.keyboard-nav-item:focus {
  clip-path: none;
  z-index: 1000 !important;
}
/* src/js/shared/react/letter-label.scss */
.letter-label {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  border-radius: 50%;
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  background-color: var(--multi-choice-letter-label-background-color, #e9e9e9);
  color: var(--multi-choice-letter-label-color);
  text-transform: var(--multi-choice-letter-label-text-transform, uppercase);
  font-weight: var(--multi-choice-letter-label-font-weight, 500);
}
.letter-label.scale-minus-1.line-height-tight {
  height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5);
  width: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5);
}
/* src/js/shared/react/max-lines.styl */
.max-lines {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
}

/* src/js/shared/react/select-dropdown.react.styl */
.select-dropdown-react-wrapper button.dropdown-title {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 8px 16px;
  width: 320px;
}
.select-dropdown-react-wrapper button.dropdown-title .title-text {
  font-size: 16px;
}
.select-dropdown-react-wrapper .select-dropdown-react-options {
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  background: #fff;
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  border: 1px solid #bdbdbd;
  color: var(--amp-body-color, #3b3b3b);
  -webkit-animation: fadeInDown 0.2s;
  -moz-animation: fadeInDown 0.2s;
  -o-animation: fadeInDown 0.2s;
  -ms-animation: fadeInDown 0.2s;
  animation: fadeInDown 0.2s;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0;
  margin-left: 2px;
  max-height: 75%;
  overflow: auto;
  padding: 13px 0;
  position: absolute;
  width: 316px;
  z-index: 10;
}
.select-dropdown-react-wrapper .select-dropdown-react-options .select-dropdown-react-option {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: 18px;
  padding: 8px 20px;
  width: 100%;
}
.select-dropdown-react-wrapper .select-dropdown-react-options .select-dropdown-react-option.dcg-hovered {
  background: #f6f6f6;
}
.select-dropdown-react-wrapper .select-dropdown-react-options .select-dropdown-react-option input {
  accent-color: #9c0d63;
}

/* src/js/shared/react/tooltip.styl */
.dcg-tooltip-react-hit-area-container {
  display: inline-block;
  position: relative;
}
.dcg-tooltip-react-positioning-container {
  position: absolute;
  border-radius: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 6px;
  color: #fff;
  background: #000;
  opacity: 0.95;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  filter: alpha(opacity=95);
  font-size: 14px;
  line-height: 1;
  z-index: 100;
  white-space: nowrap;
}
.dcg-tooltip-react-positioning-container::before {
  content: " ";
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 6px;
  margin-left: -6px;
}
.dcg-tooltip-react-positioning-container.top {
  top: -30px;
}
.dcg-tooltip-react-positioning-container.top::before {
  top: 100%;
  border-top-color: #000;
}
.dcg-tooltip-react-positioning-container.right {
  left: calc(100% + 30px);
  top: 50%;
  -webkit-transform: translateX(0) translateY(-50%);
  -moz-transform: translateX(0) translateY(-50%);
  -o-transform: translateX(0) translateY(-50%);
  -ms-transform: translateX(0) translateY(-50%);
  transform: translateX(0) translateY(-50%);
}
.dcg-tooltip-react-positioning-container.right::before {
  left: -6px;
  top: 50%;
  -webkit-transform: translateX(0) translateY(-50%);
  -moz-transform: translateX(0) translateY(-50%);
  -o-transform: translateX(0) translateY(-50%);
  -ms-transform: translateX(0) translateY(-50%);
  transform: translateX(0) translateY(-50%);
  border-right-color: #000;
}
.dcg-tooltip-react-positioning-container.bottom {
  bottom: -30px;
}
.dcg-tooltip-react-positioning-container.bottom::before {
  bottom: 100%;
  border-bottom-color: #000;
}
.dcg-tooltip-react-positioning-container.left {
  left: auto;
  right: calc(100% + 30px);
  top: 50%;
  -webkit-transform: translateX(0) translateY(-50%);
  -moz-transform: translateX(0) translateY(-50%);
  -o-transform: translateX(0) translateY(-50%);
  -ms-transform: translateX(0) translateY(-50%);
  transform: translateX(0) translateY(-50%);
}
.dcg-tooltip-react-positioning-container.left::before {
  left: auto;
  right: -6px;
  top: 50%;
  -webkit-transform: translateX(0) translateY(-50%);
  -moz-transform: translateX(0) translateY(-50%);
  -o-transform: translateX(0) translateY(-50%);
  -ms-transform: translateX(0) translateY(-50%);
  transform: translateX(0) translateY(-50%);
  border-left-color: #000;
}

/* src/js/shared/site-admin-modals.styl */
.site-admin-modal h2 {
  font-size: 1.4em !important;
  line-height: normal !important;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) !important;
}
.site-admin-modal .submit-buttons {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  text-align: right;
}
.site-admin-modal .submit-buttons .btn + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.site-admin-modal .team-desmos-owned {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.site-admin-modal .select-dropdown .dropdown-container {
  width: 100%;
}
.site-admin-modal .select-dropdown .dropdown-anchor-caret {
  position: absolute;
  right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}

/* src/js/shared/student-preview-modal.scss */
@media screen and (max-width: 900px) {
  .modal-cover.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal) .modal-container {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .modal-cover.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal) .modal-container .modal-close-btn.btn-style-inside {
    top: var(--close-modal-btn-position, 10px);
    right: var(--close-modal-btn-position, 10px);
    left: auto;
  }
  .modal-cover.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal) .modal-container .student-activity-header {
    padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .modal-cover.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal) .modal-container .student-activity-header-right-content .navigation-stepper {
    margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  }
  .modal-cover.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal) .modal-container .fixed-aspect-container:has(.ab-polypad-playground-content) {
    min-width: 235px;
    min-height: 300px;
  }
  .modal-cover.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal) .modal-container .teacher-tip-content .scrollable-content {
    max-height: 10em !important;
  }
}
@media screen and (max-width: 900px) and (min-width: 320px) and (max-width: 500px) {
  .modal-cover.has-close-button.close-btn-style-inside.preview-modal .dcg-layout-column:has(.fixed-aspect-container):has(.ab-polypad-playground-content) {
    min-width: 250px;
  }
}
@media screen and (max-width: 900px) {
  .modal-cover:is(.small-screen-notice):is(.close-btn-style-none):not(.centered-modal).full-width .modal-container {
    top: 0;
  }
}
@media screen and (max-width: 900px) and (max-width: 575px) {
  .modal-cover.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal):not(.student-periscope) .modal-container .student-activity-header:not(.item-bank-preview):not(.sub-header) .student-activity-header-right-content {
    flex: 0 0 20%;
    max-width: 20%;
    min-width: 20%;
  }
  .modal-cover.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal):not(.student-periscope) .modal-container .student-activity-header:not(.item-bank-preview):not(.sub-header) .navigation-stepper-container .navigation-stepper {
    margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  }
  .modal-cover.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal):not(.student-periscope) .modal-container .student-activity-header:not(.item-bank-preview):not(.sub-header) .navigation-stepper-container .navigation-stepper .nav-stepper-contents {
    padding: 0;
  }
  .modal-cover.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal):not(.student-periscope) .modal-container .student-activity-header:not(.item-bank-preview):not(.sub-header) .navigation-stepper-container .navigation-stepper .nav-stepper-btn-text {
    display: none;
  }
}
@media screen and (max-width: 900px) and (max-width: 320px) {
  .modal-cover.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal):not(.student-periscope) .modal-container .student-activity-header:not(.item-bank-preview).sub-header .student-activity-header-right-content {
    display: flex;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 900px) and (min-width: 350px) and (max-width: 400px) {
  .modal-cover.has-close-button.close-btn-style-inside.preview-modal.editor-view.full-width:not(.centered-modal):not(.student-periscope) .modal-container .student-activity-header:not(.item-bank-preview).sub-header .student-activity-header-right-content {
    left: -15%;
  }
}
@media screen and (max-width: 650px) {
  .modal-cover.preview-modal.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal) .modal-container {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .modal-cover.preview-modal.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal) .modal-container .modal-close-btn.btn-style-inside {
    top: var(--close-modal-btn-position, 10px);
    right: var(--close-modal-btn-position, 10px);
    left: auto;
  }
  .modal-cover.preview-modal.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal) .modal-container .student-activity-header {
    padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .modal-cover.preview-modal.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal) .modal-container .student-activity-header-right-content .navigation-stepper {
    margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  }
  .modal-cover.preview-modal.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal) .modal-container .fixed-aspect-container:has(.ab-polypad-playground-content) {
    min-width: 235px;
    min-height: 300px;
  }
  .modal-cover.preview-modal.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal) .modal-container .teacher-tip-content .scrollable-content {
    max-height: 10em !important;
  }
}
@media screen and (max-width: 650px) and (min-width: 320px) and (max-width: 500px) {
  .modal-cover.preview-modal.has-close-button.close-btn-style-inside.preview-modal .dcg-layout-column:has(.fixed-aspect-container):has(.ab-polypad-playground-content) {
    min-width: 250px;
  }
}
@media screen and (max-width: 650px) {
  .modal-cover:is(.small-screen-notice):is(.close-btn-style-none):not(.centered-modal).full-width .modal-container {
    top: 0;
  }
}
@media screen and (max-width: 650px) and (max-width: 575px) {
  .modal-cover.preview-modal.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal):not(.student-periscope) .modal-container .student-activity-header:not(.item-bank-preview):not(.sub-header) .student-activity-header-right-content {
    flex: 0 0 20%;
    max-width: 20%;
    min-width: 20%;
  }
  .modal-cover.preview-modal.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal):not(.student-periscope) .modal-container .student-activity-header:not(.item-bank-preview):not(.sub-header) .navigation-stepper-container .navigation-stepper {
    margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  }
  .modal-cover.preview-modal.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal):not(.student-periscope) .modal-container .student-activity-header:not(.item-bank-preview):not(.sub-header) .navigation-stepper-container .navigation-stepper .nav-stepper-contents {
    padding: 0;
  }
  .modal-cover.preview-modal.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal):not(.student-periscope) .modal-container .student-activity-header:not(.item-bank-preview):not(.sub-header) .navigation-stepper-container .navigation-stepper .nav-stepper-btn-text {
    display: none;
  }
}
@media screen and (max-width: 650px) and (max-width: 320px) {
  .modal-cover.preview-modal.has-close-button.close-btn-style-inside.preview-modal.full-width:not(.centered-modal):not(.student-periscope) .modal-container .student-activity-header:not(.item-bank-preview).sub-header .student-activity-header-right-content {
    display: flex;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 650px) {
  .modal-cover.preview-modal.has-close-button.close-btn-style-inside.preview-modal .student-activity-header:not(.sub-header) .student-activity-header-left-content .student-preview-header {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    margin: 5px 0;
  }
  .modal-cover.preview-modal.has-close-button.close-btn-style-inside.preview-modal .student-activity-header:not(.sub-header) .student-activity-header-left-content .student-preview-header .student-section-preview-title {
    display: none;
  }
  .modal-cover.preview-modal.has-close-button.close-btn-style-inside.preview-modal .student-activity-header:not(.sub-header) .student-activity-header-left-content .student-preview-header .edit-activity-link {
    margin-top: -4px;
  }
  .modal-cover.preview-modal.has-close-button.close-btn-style-inside.preview-modal .student-activity-header.sub-header .student-activity-header-center-content {
    display: none;
  }
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width:not(.centered-modal) .modal-container {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width:not(.centered-modal) .modal-container .modal-close-btn.btn-style-inside {
    top: var(--close-modal-btn-position, 10px);
    right: var(--close-modal-btn-position, 10px);
    left: auto;
  }
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width:not(.centered-modal) .modal-container .student-activity-header {
    padding: 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width:not(.centered-modal) .modal-container .student-activity-header-right-content .navigation-stepper {
    margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  }
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width:not(.centered-modal) .modal-container .fixed-aspect-container:has(.ab-polypad-playground-content) {
    min-width: 235px;
    min-height: 300px;
  }
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width:not(.centered-modal) .modal-container .teacher-tip-content .scrollable-content {
    max-height: 10em !important;
  }
}
@media screen and (max-width: 650px) and (min-width: 320px) and (max-width: 500px) {
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside .dcg-layout-column:has(.fixed-aspect-container):has(.ab-polypad-playground-content) {
    min-width: 250px;
  }
}
@media screen and (max-width: 650px) {
  .modal-cover:is(.small-screen-notice):is(.close-btn-style-none):not(.centered-modal).full-width .modal-container {
    top: 0;
  }
}
@media screen and (max-width: 650px) and (max-width: 575px) {
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width:not(.centered-modal):not(.student-periscope) .modal-container .student-activity-header:not(.item-bank-preview):not(.sub-header) .student-activity-header-right-content {
    flex: 0 0 20%;
    max-width: 20%;
    min-width: 20%;
  }
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width:not(.centered-modal):not(.student-periscope) .modal-container .student-activity-header:not(.item-bank-preview):not(.sub-header) .navigation-stepper-container .navigation-stepper {
    margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  }
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width:not(.centered-modal):not(.student-periscope) .modal-container .student-activity-header:not(.item-bank-preview):not(.sub-header) .navigation-stepper-container .navigation-stepper .nav-stepper-contents {
    padding: 0;
  }
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width:not(.centered-modal):not(.student-periscope) .modal-container .student-activity-header:not(.item-bank-preview):not(.sub-header) .navigation-stepper-container .navigation-stepper .nav-stepper-btn-text {
    display: none;
  }
}
@media screen and (max-width: 650px) and (max-width: 320px) {
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width:not(.centered-modal):not(.student-periscope) .modal-container .student-activity-header:not(.item-bank-preview).sub-header .student-activity-header-right-content {
    display: flex;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 650px) and (max-width: 575px) {
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width .modal-container .student-activity-header .student-activity-header-right-content {
    min-width: 100%;
  }
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width .modal-container .student-activity-header .student-activity-header-right-content .navigation-stepper-container .navigation-stepper .nav-stepper-contents {
    padding: 0;
  }
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width .modal-container .student-activity-header .student-activity-header-right-content .navigation-stepper-container .navigation-stepper .nav-stepper-btn-text {
    display: none;
  }
}
@media screen and (max-width: 650px) {
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width .modal-container .modal-contents-wrapper .student-activity-header-left-content .correctness-wrapper {
    padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width .modal-container .modal-contents-wrapper .student-activity-header:not(.sub-header) .feedback-button,
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width .modal-container .modal-contents-wrapper .student-activity-header:not(.sub-header) .correctness-wrapper {
    display: none;
  }
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width .modal-container .modal-contents-wrapper .periscope-header .periscope-header-content-left {
    display: block !important;
    width: 50%;
  }
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width .modal-container .modal-contents-wrapper .periscope-header .periscope-header-content-left .student-navigation-arrows {
    display: none;
  }
}
@media screen and (max-width: 650px) and (max-width: 380px) {
  .modal-cover.student-periscope.has-close-button.close-btn-style-inside.full-width .modal-container .modal-contents-wrapper .periscope-header .periscope-header-content-left .student-information {
    display: none;
  }
}
/* src/js/student-sign-in/classcode/sign-in-button.scss */
.btn.login-button {
  display: flex;
  height: 52.5px;
  padding: 0;
  font-size: 1.3125rem;
  max-width: 306.5px;
  width: 100%;
  margin: 5.75px 0;
}
.btn.login-button .login-button-icon {
  border-right: 2px solid #bdbdbd;
  display: flex;
  align-items: center;
  padding-left: 15px;
  min-width: 52.5px;
  height: 100%;
}
.btn.login-button > span {
  text-align: center;
  width: 100%;
  font-size: 18px;
}
.btn.login-button.google-login {
  background-color: #ca5331;
  border: 0;
  color: white;
}
.btn.login-button.google-login > .login-button-icon {
  border-right-color: #db8974;
}
.btn.login-button.google-login:hover {
  background-color: #79321d;
}
.btn.login-button.action-login {
  color: var(--amp-body-color, #3b3b3b);
}

.rtl-layout .btn.login-button {
  max-width: 350px;
}
.rtl-layout .btn.login-button .login-button-icon {
  border-right: unset;
  padding-left: unset;
  padding-right: 15px;
  border-left: 2px solid #bdbdbd;
}
@media screen and (max-width: 320) {
  .rtl-layout .btn.login-button .login-button > span {
    font-size: 16px;
  }
}
.rtl-layout .login-button.google-login > .login-button-icon {
  border-right-color: unset;
  border-left-color: #db8974;
}
/* src/js/student/account/modals.scss */
.signup-modal .action-back i,
.login-modal .action-back i,
.account-update-modal .action-back i {
  color: #3278c8;
  margin: 0 5px;
  font-size: 120%;
}

.sign-up-content .login-button.google-login {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}

.signup-modal h2,
.login-modal h2 {
  font-family: Amplify, serif;
}
.signup-modal h2,
.signup-modal h3,
.signup-modal h4,
.login-modal h2,
.login-modal h3,
.login-modal h4 {
  font-weight: normal;
  text-align: center;
}
.signup-modal h2,
.login-modal h2 {
  margin: 0;
}
.signup-modal h3,
.login-modal h3 {
  width: 300px;
  max-width: 100%;
  margin: 10px auto;
}
.signup-modal .google-login,
.signup-modal .amplify-login,
.login-modal .google-login,
.login-modal .amplify-login {
  margin-left: auto;
  margin-right: auto;
}
.signup-modal .signup-container,
.login-modal .signup-container {
  display: inline-block;
}
.signup-modal .action-signup,
.signup-modal .action-login,
.login-modal .action-signup,
.login-modal .action-login {
  display: inline-block;
  margin: 0 5px;
}
.signup-modal .h4-container,
.login-modal .h4-container {
  text-align: center;
  height: 1px;
  background: #bdbdbd;
  margin: 30px 0;
}
.signup-modal .h4-container h4,
.login-modal .h4-container h4 {
  color: #676767;
  display: inline-block;
  margin: 0 auto;
  background: #fff;
  position: relative;
  top: -12px;
  padding: 0 10px;
  font-size: 16px;
}
.signup-modal form.login-form,
.login-modal form.login-form {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
.signup-modal form.login-form .input-title,
.login-modal form.login-form .input-title {
  color: var(--amp-body-color, #3b3b3b);
  font-size: 21px;
  line-height: 32px;
  font-weight: 300;
}
.signup-modal form.login-form .email-container,
.signup-modal form.login-form .password-container,
.signup-modal form.login-form .label-input-container,
.login-modal form.login-form .email-container,
.login-modal form.login-form .password-container,
.login-modal form.login-form .label-input-container {
  margin: 0 auto;
}
.signup-modal form.login-form .email-container label,
.signup-modal form.login-form .password-container label,
.signup-modal form.login-form .label-input-container label,
.login-modal form.login-form .email-container label,
.login-modal form.login-form .password-container label,
.login-modal form.login-form .label-input-container label {
  width: 100%;
  color: var(--amp-body-color, #3b3b3b);
}
.signup-modal form.login-form .email-container input,
.signup-modal form.login-form .password-container input,
.signup-modal form.login-form .label-input-container input,
.login-modal form.login-form .email-container input,
.login-modal form.login-form .password-container input,
.login-modal form.login-form .label-input-container input {
  width: 100%;
  font-size: 21px;
}
.signup-modal form.login-form input:invalid:not(:focus),
.login-modal form.login-form input:invalid:not(:focus) {
  box-shadow: none;
}
.signup-modal form.login-form .input-label,
.login-modal form.login-form .input-label {
  color: var(--amp-body-color, #3b3b3b);
}
.signup-modal form.login-form .account-error-container,
.login-modal form.login-form .account-error-container {
  clear: both;
  position: relative;
  top: -5px;
  width: 100%;
}
.signup-modal form.login-form .account-error-container .form-error-message,
.login-modal form.login-form .account-error-container .form-error-message {
  text-align: center;
  font-size: 90%;
  background: rgba(219, 46, 0, 0.1);
  padding: 5px;
  border: 1px solid rgba(219, 46, 0, 0.5);
  border-radius: 3px;
  color: #db2e00;
  animation: fadeIn 0.3s;
  line-height: 24px;
}
.signup-modal form.login-form .account-error-container .logout-button,
.login-modal form.login-form .account-error-container .logout-button {
  white-space: nowrap;
}
.signup-modal form.login-form .form-submit-container,
.login-modal form.login-form .form-submit-container {
  text-align: right;
}
.signup-modal form.login-form .form-submit-container .btn,
.login-modal form.login-form .form-submit-container .btn {
  height: 52.5px;
  font-size: 21px;
  margin: 5.75px 0;
}
.signup-modal .terms-disclaimer,
.login-modal .terms-disclaimer {
  color: var(--amp-text-color-dark, #080808);
  font-size: 14px;
  text-align: center;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}

.or-divider {
  margin: 0 0.75em;
}

.accounts-modal-contents {
  width: 566px;
}
.accounts-modal-contents .name-container {
  display: flex;
}
.accounts-modal-contents .name-container .label-input-container {
  flex: 1;
}
.accounts-modal-contents .name-container .label-input-container + .label-input-container {
  margin-left: 10px;
}
.accounts-modal-contents .login-msg {
  text-align: center;
  margin: 5px auto 15px;
  padding: 5px 15px;
  background: rgba(216, 162, 2, 0.4);
  border: 1px solid #d8a202;
  border-radius: 3px;
  max-width: 300px;
}

.main-student-login .reset-password-modal-contents .reset-password-form {
  margin-top: 1.5em;
}

.login-modal.modal-cover .modal-container .modal-contents-wrapper {
  padding-bottom: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 4);
}

@media screen and (max-width: 600px) {
  .accounts-modal-contents {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .signup-modal .action-back,
  .login-modal .action-back {
    position: absolute;
    top: 15px;
    left: 10px;
  }
}
@media screen and (max-height: 650px) and (min-width: 575px) {
  .signup-modal .action-back,
  .login-modal .action-back {
    position: absolute;
    top: 15px;
    left: 10px;
  }
}
@media screen and (max-width: 400px) {
  .accounts-modal-contents .name-container {
    flex-direction: column;
  }
  .accounts-modal-contents .name-container .label-input-container + .label-input-container {
    margin-left: 0;
  }
}
/* src/js/teacher-spa/access-denied.styl */
.access-denied-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: 120px auto 0;
  position: relative;
  max-width: 1000px;
}
.access-denied-content .lock-img-container {
  width: 300px;
  margin-right: 20px;
}
.access-denied-content .lock-img-container img {
  width: 100%;
}
.access-denied-content .access-notice {
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -o-box-flex: 3;
  box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  margin-top: 30px;
  text-align: left;
}
.access-denied-content .access-notice h1 {
  color: #676767;
  font-weight: 200;
}
.access-denied-content .access-notice .private-error-message {
  color: var(--amp-body-color, #3b3b3b);
  margin: 30px 0;
  font-size: 120%;
}
.access-denied-content .access-notice .btn {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.5);
}
@media screen and (max-width: 950px) {
  .access-denied-content {
    margin: 30px auto;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
  }
  .access-denied-content .lock-img-container {
    width: 200px;
    margin: 0 auto;
  }
  .access-denied-content .access-notice {
    text-align: center;
  }
  .access-denied-content .btn-container {
    text-align: center;
  }
}

/* src/js/teacher-spa/activity-card.styl */
.amp-styles .activity-card-large a {
  text-decoration: none;
  color: var(--amp-body-color, #3b3b3b);
}
.amp-styles .activity-card-large a:hover {
  color: var(--amp-body-color, #3b3b3b);
}
.activity-tile-container {
  border-radius: 10px;
}
.activity-tile-container a {
  text-decoration: none;
  color: var(--amp-body-color, #3b3b3b);
}
.activity-tile-container a:hover {
  color: var(--amp-body-color, #3b3b3b);
}
.activity-tile-container a:focus-visible {
  color: var(--amp-body-color, #3b3b3b);
}
.activity-tile-container a:focus-visible .activity-tile {
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #9c0d63;
  box-shadow: 0 0 0 2px #fff, 0 0 0 5px #9c0d63;
}
.book-activity-content {
  margin-top: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.book-activity-content .mixed-text-display {
  margin-right: 10px;
}
.activity-card-large,
.activity-card-placeholder {
  width: 100%;
  vertical-align: top;
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
  border-radius: var(--amp-border-radius, 0.1875em);
  margin-right: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
}
.activity-card-large a,
.activity-card-placeholder a {
  border-radius: var(--amp-border-radius, 0.1875em);
}
.activity-card-placeholder {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  background: #fff;
}
.activity-card-placeholder.short-placeholder {
  height: 80px;
}
.activity-card-placeholder:not(.short-placeholder) {
  height: 110px;
}
.activity-card-large .card-contents:not(.runnable-activity-card) .activity-thumb {
  filter: grayscale(1);
}
.activity-card-large .preview-card .description-content {
  margin-right: 115px;
}
.activity-card-large .card-contents.preview-and-actions .description-content .activity-card-title,
.activity-card-large .card-contents.preview-and-actions .description-content .activity-card-author-section {
  margin-right: 60px;
}
.activity-card-large .runnable-activity-card .description-content .activity-card-title,
.activity-card-large .runnable-activity-card .description-content .activity-card-author-section {
  margin-right: 85px;
}
.activity-card-large .activity-thumb {
  border-radius: var(--amp-border-radius, 0.1875em);
  vertical-align: top;
}
.activity-card-large .bg-lock-overlay {
  color: #999;
  position: absolute;
  top: 15px;
  left: 15px;
  border-radius: var(--amp-border-radius, 0.1875em);
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(255,255,255,0.8);
}
.activity-card-large .bg-lock-overlay i.pillow-icon-lock {
  text-shadow: 0 1px rgba(0,0,0,0.4), 0 -1px rgba(255,255,255,0.2);
  font-size: 30px;
}
.activity-card-large .description-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 15px;
  display: inline-block;
  vertical-align: top;
  color: var(--amp-body-color, #3b3b3b);
}
.activity-card-large .activity-card-title {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
}
.activity-card-large .activity-card-title div {
  color: var(--amp-body-color, #3b3b3b);
  display: inline-block;
}
.activity-card-large .activity-card-title.private-placeholder {
  font-style: italic;
}
.activity-card-large .activity-card-actions-container {
  position: absolute;
  top: 15px;
  right: 0;
  padding-right: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.activity-card-large .activity-card-actions-container.only-preview {
  bottom: 15px;
}
.activity-card-large .activity-card-actions-container:not(.only-preview) {
  height: 36px;
}
.activity-card-large .activity-card-actions-container .preview-tag {
  color: var(--amp-body-color, #3b3b3b);
  font-size: 100%;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}
.activity-card-large .activity-card-actions-container .activity-main-action-container {
  display: inline-block;
  line-height: 36px;
  height: 36px;
  margin-right: 10px;
}
.activity-card-large .activity-card-actions-container .actions-menu-container {
  float: right;
}
.activity-card-large .activity-card-actions-container .actions-menu-container .anchor-container:focus-visible {
  outline-offset: 2px;
}
.activity-card-large .activity-card-description,
.activity-card-large .activity-card-author-section {
  font-size: 95%;
}
.activity-card-large .activity-card-author-section {
  margin-top: 5px;
  color: var(--amp-body-color, #3b3b3b);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.activity-card-large .activity-card-author-section .activity-card-author-container,
.activity-card-large .activity-card-author-section .time-and-category {
  margin: 2px 0;
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.activity-card-large .activity-card-author-section .time-estimate,
.activity-card-large .activity-card-author-section .activity-type {
  padding: 0 8px;
  border-left: 1px solid #999;
}
.activity-card-large .activity-card-author-section .author-name,
.activity-card-large .activity-card-author-section .author-tag {
  margin-right: 8px;
}
.activity-card-large .activity-card-author-section .author-name {
  display: inline-block;
  white-space: nowrap;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.activity-card-large .activity-card-author-section .author-tag {
  display: inline-block;
  font-size: 90%;
  padding: 1px 6px;
  border: 1px solid;
  border-radius: 15px;
  line-height: 1.3em;
  vertical-align: middle;
}
.activity-card-large .activity-card-author-section .by-desmos {
  color: #3278c8;
}
.activity-card-large .activity-card-author-section .by-cpm {
  color: #233368;
}
.activity-card-large .activity-card-author-section .by-amplify {
  color: #f37321;
}
.activity-card-large .activity-card-author-section .by-you,
.activity-card-large .activity-card-author-section .edited-by-you,
.activity-card-large .activity-card-author-section .team-desmos {
  color: #005040;
}
.activity-card-large .activity-card-author-section .searchable-tag {
  color: #9c0d63;
}
.activity-card-large {
  position: relative;
}
.activity-card-large a[href="#"] {
  pointer-events: none;
}
.activity-card-large .card-background {
  position: relative;
  text-decoration: none;
  display: block;
  border: 1px solid transparent;
  overflow: visible;
  -webkit-transition: border-color overflow 0.2s linear;
  -moz-transition: border-color overflow 0.2s linear;
  -o-transition: border-color overflow 0.2s linear;
  -ms-transition: border-color overflow 0.2s linear;
  transition: border-color overflow 0.2s linear;
}
.activity-card-large .card-background.dcg-hovered {
  border-color: #9c0d63;
  overflow: hidden;
}
.activity-card-large .card-background.dcg-depressed {
  border-color: #5e083b;
}
.activity-card-large .card-background .author-note-container {
  position: relative;
  width: calc(100% + 2px);
  left: -1px;
  bottom: -1px;
  background: #f6f6f6;
  border-radius: 0 0 var(--amp-border-radius, 0.1875em) var(--amp-border-radius, 0.1875em);
}
.activity-card-large .card-background.removable-card {
  padding-right: 75px;
}
.activity-card-large .card-contents {
  padding: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.activity-card-large .card-contents .description-content {
  max-width: calc(100% - 50px);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.activity-card-large .card-contents .activity-thumb {
  width: 50px;
  height: 50px;
}
.activity-card-large .card-contents .activity-card-title {
  font-size: 18px;
  font-weight: 500;
}
.activity-card-large.access--list-only .card-background {
  background: #fff;
  border-radius: 5px;
}
.activity-card-large.access--list-only .card-contents {
  font-size: 90%;
  margin: 10px 15px;
}
.activity-card-large.access--list-only .activity-thumb {
  display: none;
}
.activity-card-large.access--list-only .description-content {
  font-style: italic;
  padding-left: 0;
}
.activity-card-actions-container .dot-dot-dropdown-container .activity-actions-dropdown.dcg-shared-options-dropdown:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 5px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.activity-card-actions-container .dot-dot-dropdown-container .activity-actions-dropdown.dcg-shared-options-dropdown:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 4px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.activity-card-actions-container .dot-dot-dropdown-container .activity-actions-dropdown.dcg-shared-options-dropdown .activity-option-remove {
  color: #c0504d;
}
@media screen and (max-width: 800px) {
  .activity-card-large .activity-card-author-section .author-name,
  .activity-card-large .activity-card-author-section .author-tag,
  .activity-card-large .activity-card-author-section .collection-tag,
  .activity-card-large .activity-card-author-section .time-and-category,
  .activity-card-large .activity-card-author-section .activity-collection-tags,
  .activity-card-large .activity-card-author-section .assignable-practice-game-label {
    margin-bottom: 8px;
  }
  .activity-card-large .activity-card-author-section .activity-collection-tags {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-bottom: 0;
  }
  .activity-card-large .activity-card-author-section .activity-collection-tags .collection-tag {
    margin-top: 0;
  }
  .activity-card-large .activity-card-author-section .author-tags {
    height: max-content;
  }
  .activity-card-large .activity-card-author-section .time-and-category {
    display: block;
  }
  .activity-card-large .activity-card-author-section .time-and-category .time-estimate {
    border-left: none;
    padding-left: 0;
  }
}
@media screen and (max-width: 500px) {
  .activity-card-large .activity-card-description {
    display: none;
  }
  .activity-card-large .activity-card-actions-container .bookmark-container {
    margin-right: 0px;
  }
  .activity-card-large .activity-card-actions-container.preview-and-actions .preview-tag {
    position: absolute;
    top: 45px;
    right: 10px;
    width: 60px;
    text-align: right;
    font-size: 80%;
  }
  .activity-card-large .activity-card-actions-container.only-preview .preview-tag {
    width: 60px;
    text-align: right;
    font-size: 80%;
  }
  .activity-card-large .preview-card .description-content {
    margin-right: 60px;
  }
  .activity-card-large .card-contents.preview-and-actions .description-content .activity-card-title,
  .activity-card-large .card-contents.preview-and-actions .description-content .activity-card-author-section {
    margin-right: 10px;
  }
}
@media screen and (max-width: 575px) {
  .activity-card-large .card-contents .description-content .activity-card-title {
    margin-right: 0;
  }
  .activity-card-large .card-contents .activity-title-content {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 400px) {
  .activity-card-large .activity-card-author-section .time-estimate,
  .activity-card-large .activity-card-author-section .activity-type {
    display: none;
  }
  .activity-card-large .card-contents .activity-title-content {
    font-size: 0.75em;
  }
}
@media screen and (max-width: 375px) {
  .activity-card-large .card-contents .activity-title-content {
    font-size: 0.7em;
    margin-right: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
}

/* src/js/teacher-spa/activity-list.styl */
.activity-list {
  position: relative;
}
.activity-list.centered-content {
  margin-top: 30px;
}
.activity-list.no-scroll {
  margin: 0 auto;
  padding: 0 5px;
  text-align: left;
}
.activity-list.activity-list-new-nav .activity-cards-container {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.activity-list.activity-list-new-nav .header-container {
  padding: 0;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.activity-list.activity-list-new-nav .header-container .section-header {
  display: none;
}
.activity-list.activity-list-new-nav .header-container .header-links {
  font-size: unset;
  margin-left: auto;
}
.activity-list.activity-list-new-nav .activity-card-title {
  line-height: unset;
  margin-top: unset;
  margin-bottom: unset;
}
.activity-list .header-container .header-links {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  gap: 10px;
}
.activity-list .header-container .header-links .ab-new-activity {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.activity-list .header-container .header-links .ab-new-activity:not(:last-of-type) {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #bdbdbd;
}
.activity-list .activity-cards-container .loading-indicator {
  font-size: 120%;
  color: #888;
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.activity-list .activity-cards-container .paginated-items:has(.activity-tile-container) {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.activity-list .empty-bookmarked-section {
  font-size: 120%;
  text-align: center;
  color: #999;
  padding: 40px 10px 100px;
}
.activity-list .empty-bookmarked-section .bookmark-icon {
  font-size: 200%;
  padding: 10px;
}
.featured-activities .list-pagination {
  display: none;
}
.account-info {
  text-align: center;
}
@media screen and (max-width: 920px) {
  .activity-list .list-pagination .activity-results-description {
    display: block;
    position: relative;
    text-align: center;
  }
}
@media screen and (max-width: 500px) {
  .activity-list.custom .header-container {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .activity-list.custom .header-container .section-header {
    padding-bottom: 5px;
  }
}
.standards.autocomplete {
  z-index: 31;
}

/* src/js/teacher-spa/activity-ribbon.styl */
.activity-ribbon-container {
  width: 100px;
  height: 100px;
  overflow: hidden;
  font-size: 80%;
}
.activity-ribbon-container i {
  font-size: 70%;
}
.activity-ribbon-container::before,
.activity-ribbon-container::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border-top-color: transparent;
  border-left-color: transparent;
}
.activity-ribbon-container::before {
  top: 0;
  right: 27px;
}
.activity-ribbon-container::after {
  bottom: 27px;
  left: 0;
}
.activity-ribbon-container .activity-ribbon {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 115px;
  padding: 5px 0;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  color: #fff;
  text-align: center;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  letter-spacing: 0.03em;
  line-height: 1.2;
}
.activity-ribbon-container .activity-ribbon.private-ribbon {
  background-color: #15b097;
}
.activity-ribbon-container .activity-ribbon.unreleased-ribbon {
  background-color: #15b097;
}
.activity-ribbon-container .activity-ribbon.curriculum-preview-ribbon {
  background-color: #666;
}
.activity-ribbon-container .activity-ribbon.curriculum-tryit-ribbon {
  background-color: #4781b9;
}
.activity-ribbon-container.curriculum-preview-ribbon-container::before {
  top: 0;
  right: 15px;
}
.activity-ribbon-container.curriculum-preview-ribbon-container::after {
  bottom: 15px;
  left: 0;
}
.activity-ribbon-container.curriculum-preview-ribbon-container .activity-ribbon {
  position: absolute;
  top: 20px;
  right: -2px;
  width: 135px;
}
.activity-thumb-container {
  z-index: 1;
}
.activity-thumb-container .activity-ribbon-container {
  position: absolute;
  top: -5px;
  left: -5px;
}
.activity-thumb-container .activity-ribbon-container.private-ribbon-container::before,
.activity-thumb-container .activity-ribbon-container.private-ribbon-container::after {
  border: 5px solid #0f8371;
}
.activity-thumb-container .activity-ribbon-container.unreleased-ribbon-container::before,
.activity-thumb-container .activity-ribbon-container.unreleased-ribbon-container::after {
  border: 5px solid #0f8371;
}
.activity-thumb-container .activity-ribbon-container.curriculum-preview-ribbon-container::before,
.activity-thumb-container .activity-ribbon-container.curriculum-preview-ribbon-container::after {
  border: 5px solid #333;
}
.activity-thumb-container .activity-ribbon-container.curriculum-tryit-ribbon-container::before,
.activity-thumb-container .activity-ribbon-container.curriculum-tryit-ribbon-container::after {
  border: 5px solid #35608a;
}
.card-contents .activity-ribbon-container {
  position: absolute;
  top: -7px;
  left: -7px;
}
.card-contents .activity-ribbon-container.private-ribbon-container::before,
.card-contents .activity-ribbon-container.private-ribbon-container::after {
  border: 7px solid #0f8371;
}
.card-contents .activity-ribbon-container.unreleased-ribbon-container::before,
.card-contents .activity-ribbon-container.unreleased-ribbon-container::after {
  border: 7px solid #0f8371;
}
.card-contents .activity-ribbon-container.curriculum-preview-ribbon-container::before,
.card-contents .activity-ribbon-container.curriculum-preview-ribbon-container::after {
  border: 7px solid #666;
}
.card-contents .activity-ribbon-container.curriculum-tryit-ribbon-container::before,
.card-contents .activity-ribbon-container.curriculum-tryit-ribbon-container::after {
  border: 7px solid #35608a;
}
.alp-resource-tile-ribbon-container .activity-ribbon-container {
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 1;
}
.alp-resource-tile-ribbon-container .activity-ribbon-container.private-ribbon-container::before,
.alp-resource-tile-ribbon-container .activity-ribbon-container.private-ribbon-container::after {
  border: 5px solid #0f8371;
}
.alp-resource-tile-ribbon-container .activity-ribbon-container.unreleased-ribbon-container::before,
.alp-resource-tile-ribbon-container .activity-ribbon-container.unreleased-ribbon-container::after {
  border: 5px solid #0f8371;
}
.alp-resource-tile-ribbon-container .activity-ribbon-container.curriculum-tryit-ribbon-container::before,
.alp-resource-tile-ribbon-container .activity-ribbon-container.curriculum-tryit-ribbon-container::after {
  border: 5px solid #35608a;
}

/* src/js/teacher-spa/activity-tile/activity-tile.scss */
.activity-tile {
  height: 262px;
  width: 291px;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.12);
}
.activity-tile:hover {
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.115);
  cursor: pointer;
}
.activity-tile .activity-tile-grayscale {
  filter: grayscale(1);
}
.activity-tile .thumbnail-container {
  height: 97px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.activity-tile .thumbnail-container .access-container .access-ribbon {
  width: -moz-fit-content;
  width: fit-content;
  height: 22px;
  max-width: 90px;
  margin-top: 11px;
  display: flex;
  align-items: center;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.18));
}
.activity-tile .thumbnail-container .access-container .access-ribbon .access-banner {
  height: inherit;
  display: flex;
  align-items: center;
  clip-path: polygon(0% 0%, 100% 0%, calc(100% - 12px) 50%, 100% 100%, 0% 100%);
  overflow: hidden;
}
.activity-tile .thumbnail-container .access-container .access-ribbon .access-banner .label {
  margin-right: 12px;
  padding: 2px 5px 2px 5px;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
}
.activity-tile .thumbnail-container .access-container .access-ribbon .try-it-banner {
  background-color: #3278c8;
}
.activity-tile .thumbnail-container .access-container .access-ribbon .preview-banner {
  background-color: #676767;
}
.activity-tile .thumbnail-container .access-container .access-ribbon .unreleased-banner {
  background-color: #00866b;
}
.activity-tile .thumbnail-container .activity-thumb {
  overflow: hidden;
}
.activity-tile .thumbnail-container .activity-thumb img {
  width: 100%;
  height: 100%;
}
.activity-tile .thumbnail-container .grade .grade-container {
  margin-top: 11px;
  margin-right: 11px;
  display: flex;
  justify-content: flex-end;
}
.activity-tile .thumbnail-container .grade .grade-container .grade-label {
  display: flex;
  position: absolute;
  z-index: 1;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 22px;
}
.activity-tile .thumbnail-container .grade .grade-container .grade-label span {
  font-size: 13px;
  line-height: 95%;
  padding: 6px;
}
.activity-tile .description-container {
  height: 165px;
  background-color: white;
  width: 100%;
  padding-top: 16px;
}
.activity-tile .description-container .content-container {
  width: 88%;
  margin: 0 auto;
}
.activity-tile .description-container .content-container .activity-type {
  display: flex;
  align-items: center;
}
.activity-tile .description-container .content-container .activity-type .modality-container {
  display: inline-block;
  height: 22px;
}
.activity-tile .description-container .content-container .activity-type .modality-container .fancy-icon-container {
  display: inline-block;
  margin-right: 5px;
}
.activity-tile .description-container .content-container .activity-type .modality-container .fancy-icon-container img {
  width: 22px;
  height: 22px;
}
.activity-tile .description-container .content-container .activity-type {
  margin-bottom: 5px;
}
.activity-tile .description-container .content-container .activity-type .category-text {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 13px;
}
.activity-tile .description-container .content-container .title-text {
  max-height: 44px;
  width: calc(100% - 8px);
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
}
.activity-tile .description-container .content-container .subtitle-text {
  max-height: 22px;
  width: calc(100% - 8px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.activity-tile .description-container .content-footer {
  width: 88%;
  height: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 22px;
}
.activity-tile .description-container .content-footer .owner-container {
  display: inline-block;
  max-width: 70%;
}
.activity-tile .description-container .content-footer .owner-container .author-label {
  display: flex;
  align-items: center;
}
.activity-tile .description-container .content-footer .owner-container .author-label .author-icon-container {
  height: 22px;
}
.activity-tile .description-container .content-footer .owner-container .author-label .author-icon-container div:nth-of-type(2) {
  margin-left: -8px;
}
.activity-tile .description-container .content-footer .owner-container .author-label .author-icon-container .fancy-icon-container {
  display: inline-block;
  margin-right: 5px;
}
.activity-tile .description-container .content-footer .owner-container .author-label .author-icon-container .fancy-icon-container img {
  width: 22px;
  height: 22px;
}
.activity-tile .description-container .content-footer .owner-container .author-label span {
  display: inline-block;
  padding: 0px 8px 0px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #e9e9e9;
  border-radius: 22px;
  text-align: center;
  font-weight: 300;
  font-size: 14px;
}
.activity-tile .description-container .content-footer .owner-container .author-label .author-name {
  background-color: transparent;
  padding: 0px;
}
.activity-tile .description-container .content-footer .time-estimation {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
}
.activity-tile .description-container .hide-footer-content {
  display: none;
}
.activity-tile .small-activity-card {
  width: 100%;
  height: 110px;
  background-color: white;
  position: relative;
  overflow: hidden;
}
.activity-tile .small-activity-card .access-container {
  width: 120px;
  position: absolute;
  z-index: 1;
  transform: rotate(316deg);
  top: 15px;
  left: -33px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.07);
}
.activity-tile .small-activity-card .access-container .access-ribbon {
  display: flex;
  justify-content: center;
}
.activity-tile .small-activity-card .access-container .access-banner {
  max-width: 78px;
  height: 26px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.activity-tile .small-activity-card .access-container .access-banner .label {
  padding: 4px 5px 0px 5px;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
}
.activity-tile .small-activity-card .access-container .try-it-banner {
  background-color: #3278c8;
}
.activity-tile .small-activity-card .access-container .preview-banner {
  background-color: #676767;
}
.activity-tile .small-activity-card .access-container .unreleased-banner {
  background-color: #00866b;
}
.activity-tile .small-activity-card .small-thumbnail-container {
  display: inline-block;
  height: 100%;
  width: 95px;
}
.activity-tile .small-activity-card .small-thumbnail-container .activity-thumb {
  width: 60px;
  height: 60px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}
.activity-tile .small-activity-card .small-thumbnail-container .activity-thumb img {
  width: 100%;
  height: 100%;
}
.activity-tile .small-activity-card .small-description-container {
  display: inline-block;
  height: 100%;
  width: 298px;
}
.activity-tile .small-activity-card .small-description-container .small-content-container {
  margin-top: 15px;
  width: 93%;
}
.activity-tile .small-activity-card .small-description-container .small-content-container .activity-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.activity-tile .small-activity-card .small-description-container .small-content-container .activity-type .category-container {
  display: flex;
  align-items: center;
}
.activity-tile .small-activity-card .small-description-container .small-content-container .activity-type .category-container .modality-container {
  display: inline-block;
  height: 22px;
}
.activity-tile .small-activity-card .small-description-container .small-content-container .activity-type .category-container .modality-container .fancy-icon-container {
  display: inline-block;
  margin-right: 5px;
}
.activity-tile .small-activity-card .small-description-container .small-content-container .activity-type .category-container .modality-container .fancy-icon-container img {
  width: 22px;
  height: 22px;
}
.activity-tile .small-activity-card .small-description-container .small-content-container .activity-type .category-container .category-text {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 13px;
}
.activity-tile .small-activity-card .small-description-container .small-content-container .activity-type .grade-container {
  display: inline-block;
  margin-left: 11px;
}
.activity-tile .small-activity-card .small-description-container .small-content-container .activity-type .grade-container .grade-label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #e9e9e9;
  border-radius: 22px;
}
.activity-tile .small-activity-card .small-description-container .small-content-container .activity-type .grade-container .grade-label span {
  font-size: 13px;
  line-height: 95%;
  padding: 6px;
}
.activity-tile .small-activity-card .small-description-container .small-content-container .title-text {
  margin-top: 5px;
  max-height: 22px;
  width: calc(100% - 8px);
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 450;
  font-size: 15px;
  line-height: 22px;
}
.activity-tile .small-activity-card .small-description-container .small-content-container .subtitle-text {
  max-height: 22px;
  width: calc(100% - 8px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.activity-tile .small-activity-card .small-description-container .content-footer {
  height: 22px;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.activity-tile .small-activity-card .small-description-container .content-footer .owner-container {
  display: inline-block;
  max-width: 70%;
}
.activity-tile .small-activity-card .small-description-container .content-footer .owner-container .author-label {
  display: flex;
  align-items: center;
}
.activity-tile .small-activity-card .small-description-container .content-footer .owner-container .author-label img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.activity-tile .small-activity-card .small-description-container .content-footer .owner-container .author-label img:nth-of-type(2) {
  margin-left: -6px;
}
.activity-tile .small-activity-card .small-description-container .content-footer .owner-container .author-label span {
  display: inline-block;
  padding: 1px 8px 1px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #e9e9e9;
  border-radius: 22px;
  text-align: center;
  font-size: 13px;
}
.activity-tile .small-activity-card .small-description-container .content-footer .owner-container .author-label .author-name {
  background-color: transparent;
  padding: 0px;
}
.activity-tile .small-activity-card .small-description-container .content-footer .time-estimation {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
}
.activity-tile .small-activity-card .small-description-container .hide-footer-content {
  display: none;
}
.activity-tile .small-activity-card-with-subtitle {
  height: 132px;
}
.activity-tile .small-activity-card-within-program-collection {
  height: 88px;
}
.activity-tile .small-activity-card-with-subtitle-within-program-collection {
  height: 110px;
}

.activity-tile-within-program-collection {
  height: 229px;
}

@media screen and (min-width: 0) {
  .activity-tile {
    width: 393px;
    height: 100%;
  }
  .activity-tile .thumbnail-container {
    display: none;
  }
  .activity-tile .description-container {
    display: none;
  }
  .activity-tile .small-activity-card {
    display: flex;
    align-items: center;
  }
  .activity-tile-within-program-collection {
    height: 100%;
  }
}
@media screen and (min-width: 576px) {
  .activity-tile {
    width: 296px;
    height: 257px;
  }
  .activity-tile .thumbnail-container {
    height: 99px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .activity-tile .description-container {
    height: 159px;
    display: block;
  }
  .activity-tile .small-activity-card {
    display: none;
  }
  .activity-tile-within-program-collection {
    height: 224px;
  }
}
@media screen and (min-width: 768px) {
  .activity-tile {
    width: 279px;
    height: 251px;
  }
  .activity-tile .thumbnail-container {
    height: 93px;
  }
  .activity-tile .description-container {
    height: 158px;
  }
  .activity-tile-within-program-collection {
    height: 218px;
  }
}
@media screen and (min-width: 992px) {
  .activity-tile {
    width: 291px;
    height: 259px;
  }
  .activity-tile .thumbnail-container {
    height: 94px;
  }
  .activity-tile .description-container {
    height: 165px;
  }
  .activity-tile-within-program-collection {
    height: 226px;
  }
}
@media screen and (min-width: 1200px) {
  .activity-tile {
    width: 282px;
    height: 262px;
  }
  .activity-tile .thumbnail-container {
    height: 97px;
  }
  .activity-tile .description-container {
    height: 165px;
  }
  .activity-tile-within-program-collection {
    height: 229px;
  }
}
@media screen and (min-width: 1500px) {
  .activity-tile {
    width: 360px;
    height: 296px;
  }
  .activity-tile .thumbnail-container {
    height: 120px;
  }
  .activity-tile .description-container {
    height: 176px;
  }
  .activity-tile-within-program-collection {
    height: 263px;
  }
}
/* src/js/teacher-spa/amplify-global-header.styl */
.amplify-global-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.amplify-global-header .amplify-global-header-wrapper {
  width: 100%;
}
.amplify-global-header .amp-nav {
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 11;
}
.amplify-global-header .amp-nav .amp-nav-program .program-name {
  word-spacing: 0px;
  letter-spacing: normal;
}
.amplify-global-header .amp-nav .amp-nav-profile-menu-logout {
  background-color: #f6f6f6;
}
.amplify-global-header .amp-nav .amp-nav-profile-menu a {
  text-decoration: none;
  color: var(--amp-body-color, #3b3b3b);
}
.amplify-global-header .amp-nav .amp-nav-profile-menu a:hover,
.amplify-global-header .amp-nav .amp-nav-profile-menu a:focus-visible {
  color: #9c0d63;
}
.amplify-global-header .nav-banner.hidden {
  height: 55px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  top: 0;
}
.amplify-global-header .sidebar-menu-button {
  z-index: 12;
  position: absolute;
  top: 3px;
  left: 10px;
  font-size: 80%;
}
.amp-nav-btn--close-button.btn.btn-ghost {
  position: absolute;
  padding: 0;
}
.amp-nav-btn--close-button.btn.btn-ghost i {
  margin: 0;
}
.amplify-global-header-wrapper .unav-logout-modal button svg {
  width: unset;
  height: unset;
}
.amplify-global-header-wrapper .kids-mega-menu .kids-mega-menu-close button svg {
  width: unset;
  height: unset;
}

/* src/js/teacher-spa/amplify-global-navigation/amplify-global-nav-v2.scss */
#amp-navigation-wrapper-v2 a:where(:not([class*=btn])):hover,
#amp-navigation-wrapper-v2 a:where(:not([class*=btn])):focus {
  color: unset;
}
#amp-navigation-wrapper-v2 a:where(:not([class*=btn])):hover.tab-button,
#amp-navigation-wrapper-v2 a:where(:not([class*=btn])):focus.tab-button {
  color: #3b3b3b;
}
#amp-navigation-wrapper-v2 .amp-nav-elementary-school-view svg {
  height: auto;
  width: auto;
}
#amp-navigation-wrapper-v2 .icon-v2-search,
#amp-navigation-wrapper-v2 .icon-v2-close {
  font-size: 1em;
}

.amp-styles .btn.account-settings__close-button {
  position: absolute;
}
/* src/js/teacher-spa/amplify-global-navigation/sidebar.scss */
.new-global-nav .sidebar-container {
  transform: unset !important;
}

.page-nav {
  --offset-bottom: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 3);
  --offset-top: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 3);
  position: relative;
}
.page-nav.page-nav-loading {
  display: none;
}
.page-nav.page-nav-logged-out .btn-expand-page-nav {
  left: 0;
}
@media (min-width: 992px) {
  .page-nav {
    width: 306px;
    margin: var(--offset-top) 0 var(--offset-bottom) 0;
  }
}
.page-nav .modal-backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: calc(1050 - 1);
}
.page-nav .modal-backdrop.show {
  display: block;
}
@media (max-width: 991.98px) {
  .page-nav .btn-expand-page-nav {
    width: 45px;
    height: 42px;
    border-radius: 0 50% 50% 0;
    display: inline-flex;
    left: 66px;
    position: fixed;
    top: calc(calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) + 60px);
    z-index: calc(1050 + 1);
  }
  .page-nav .btn-close-page-nav {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: calc((3em + 7px) * -1);
    top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
    transition: opacity 0s 0.3s;
  }
  .page-nav .modal-backdrop {
    display: block;
  }
  .page-nav .modal-backdrop:not(.show) {
    pointer-events: none;
    opacity: 0;
  }
  .page-nav .modal-backdrop.show {
    opacity: 0.5;
  }
}
@media (min-width: 992px) {
  .page-nav .modal-backdrop,
  .page-nav .btn-expand-page-nav,
  .page-nav .btn-close-page-nav {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .offcanvas .page-nav-inner {
    background-color: #fff;
    bottom: 0;
    height: 100vh;
    left: 0;
    margin: 0;
    max-width: calc(100vw - calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 8));
    position: fixed;
    top: 0;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    z-index: 1052;
  }
  .offcanvas .page-nav-inner .page-nav-lvl-1 {
    max-height: 100vh;
    padding-top: var(--offset-top);
  }
  .offcanvas .page-nav-scrolled::before, .offcanvas .page-nav-scrolled::after {
    display: none;
  }
  .offcanvas.show .page-nav-inner {
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.115);
    transform: translateX(0);
  }
  .offcanvas.show .btn-close-page-nav {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0s 0s;
  }
}

.page-nav-inner ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.page-nav-inner .nav-link {
  color: var(--amp-body-color, #3b3b3b);
}
.page-nav-inner .nav-link:focus, .page-nav-inner .nav-link[data-state=focus] {
  z-index: 10;
}
.page-nav-inner .nav-link:focus:not(:focus-visible), .page-nav-inner .nav-link[data-state=focus]:not(:focus-visible) {
  outline: 0;
}
.page-nav-inner .nav-link:focus-visible, .page-nav-inner .nav-link[data-state=focus] {
  outline: 0;
}
.page-nav-inner .nav-link:focus-visible, .page-nav-inner .nav-link[data-state=focus] {
  box-shadow: 0 0 0 0.1875em var(--amp-focus-color, #9c0d63) inset, 0 0 0 0.3125em #fff inset;
}
.page-nav-inner .nav-link:hover {
  color: var(--amp-body-color, #3b3b3b);
  background-color: rgba(0, 0, 0, 0.05);
}
.page-nav-inner .nav-link.with-chevron {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-nav-inner .nav-link.is-selected {
  color: #9c0d63;
}
.page-nav-inner .page-nav-lvl-1 {
  align-items: stretch;
  color: var(--amp-body-color, #3b3b3b);
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
}
.page-nav-inner .page-nav-lvl-1 ::-webkit-scrollbar, .page-nav-inner .page-nav-lvl-1::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0.75em;
}
.page-nav-inner .page-nav-lvl-1 ::-webkit-scrollbar-thumb, .page-nav-inner .page-nav-lvl-1::-webkit-scrollbar-thumb {
  background-color: #676767;
  border: 0.125em solid #fff;
  border-radius: 0.375em;
}
.page-nav-inner .page-nav-lvl-1 ::-webkit-scrollbar-thumb:hover, .page-nav-inner .page-nav-lvl-1::-webkit-scrollbar-thumb:hover {
  background-color: #585858;
}
.page-nav-inner .nav-item:has(.page-nav-group) > .lvl-1-outer .nav-link-inner {
  font-weight: 500;
}
.page-nav-inner .lvl-1-outer {
  position: relative;
}
.page-nav-inner .lvl-1-outer .nav-link {
  padding: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5) calc(2.5em + calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2)) calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5) calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
}
.page-nav-inner .lvl-1-outer .nav-link.has-icon {
  display: flex;
}
.page-nav-inner .lvl-1-outer .nav-link.has-icon i {
  margin-right: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1);
  font-size: 22px;
}
.page-nav-inner .lvl-1-outer .nav-link-inner:not(:has(.subtext)),
.page-nav-inner .lvl-1-outer .nav-link-inner .text {
  line-height: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
  font-size: calc(var(--amp-scale-ratio) * 1em);
}
.page-nav-inner .subtext {
  font-style: italic;
  padding: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 0.5) 0;
}
.page-nav-inner .btn-expand-collapse {
  top: 50%;
  transform: translateY(-50%);
  color: inherit;
  margin: 0 0 0 auto;
  position: absolute;
  right: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1);
}
.page-nav-inner .page-nav-lvl-2 {
  align-items: stretch;
  display: flex;
  flex-direction: column;
}
.page-nav-inner .page-nav-lvl-2 .nav-link {
  padding: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2) calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 4);
}
.page-nav-inner .page-nav-lvl-2 .nav-link-inner .text {
  font-weight: 500;
}
.page-nav-inner .active .nav-link-inner {
  position: relative;
  font-weight: 500;
}
.page-nav-inner .active .nav-link-inner::before {
  background-color: #9c0d63;
  content: "";
  display: block;
  height: 100%;
  left: calc(calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2) * -1);
  position: absolute;
  top: 0;
  width: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 0.5);
}
.page-nav-inner .active.has-icon .nav-link-inner::before {
  background-color: #9c0d63;
  content: "";
  display: block;
  height: 100%;
  left: calc((calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2) + calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1) + 22px) * -1);
  position: absolute;
  top: 0;
  width: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 0.5);
}

.page-nav-scrolled::before, .page-nav-scrolled::after {
  content: "";
  display: block;
  opacity: 0.7;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.page-nav-scrolled::before, .page-nav-scrolled::after {
  height: 0.25em;
  left: 0;
  width: 100%;
}
.page-nav-scrolled::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  top: 0;
}
.page-nav-scrolled::after {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
}
.page-nav-scrolled::before, .page-nav-scrolled::after {
  transition: opacity 0.2s linear;
  opacity: 0.7;
  will-change: opacity;
}
@media (prefers-reduced-motion: reduce) {
  .page-nav-scrolled::before, .page-nav-scrolled::after {
    transition: none;
  }
}
.page-nav-scrolled.scrolled-block-start::before {
  opacity: 0;
}
.page-nav-scrolled.scrolled-block-end::after {
  opacity: 0;
}

.page-nav-group {
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
  transition: max-height 0.3s ease-in-out, opacity 0.2s linear, visibility 0s linear 0.3s;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  max-height: 0;
}
@media (prefers-reduced-motion: reduce) {
  .page-nav-group {
    transition: none;
  }
}
.page-nav-group.show {
  transition: max-height 0.3s ease-in-out, opacity 0.2s linear, visibility 0s linear;
  opacity: 1;
  visibility: visible;
}
@media (prefers-reduced-motion: reduce) {
  .page-nav-group.show {
    transition: none;
  }
}
/* src/js/teacher-spa/author-group-selection.styl */
.author-group-selection-container .author-group-selection .amplify-checkbox {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0;
}

/* src/js/teacher-spa/author-note.scss */
.author-note-container {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  position: relative;
  z-index: 10;
}
.author-note-container .author-note {
  display: flex;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  line-height: normal;
}
/* src/js/teacher-spa/collections/activity-collection-tags.styl */
.activity-collection-tags {
  display: inline-block;
  font-size: 90%;
  margin: 2px 0;
}
.activity-collection-tags .collection-tag {
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px;
  margin-right: 8px;
  text-decoration: none;
  color: #fff;
  padding: 2px 6px;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.activity-collection-tags .more-message {
  display: inline;
}
.amp-styles .activity-collection-tags a {
  padding: 0 6px;
  text-decoration: none;
}
.amp-styles .activity-collection-tags a:hover,
.amp-styles .activity-collection-tags a:focus-visible {
  color: initial;
  text-decoration: none;
}
.amp-styles .activity-collection-tags a.collection-tag {
  color: #fff;
}

/* src/js/teacher-spa/collections/add-to-collection/activity-collection-options.styl */
.activity-card-container {
  position: relative;
}
.activity-card-container .activity-actions-dropdown-container {
  position: absolute;
  top: -10px;
  right: 5px;
}
.activity-card-container .activity-actions-dropdown-container .dropdown-choice {
  padding: 0 7px;
}

/* src/js/teacher-spa/collections/add-to-collection/add-to-collection-button.styl */
.amp-styles .add-to-collection-button.btn {
  padding: 0 0.5em;
}
.amp-styles .add-to-collection-button.btn i {
  color: #676767;
  margin: 0;
}
.add-to-collection-dropdown-container {
  position: relative;
  display: inline-block;
}
.add-to-collection-dropdown-container.dark-mode.add-to-collection-dropdown-container.dark-mode.add-to-collection-dropdown-container.dark-mode i {
  color: #fff;
}
.add-to-collection-dropdown-container.dark-mode.add-to-collection-dropdown-container.dark-mode.add-to-collection-dropdown-container.dark-mode .add-to-collection-menu i {
  color: var(--amp-body-color, #3b3b3b);
}
.add-to-collection-dropdown-container.dark-mode.add-to-collection-dropdown-container.dark-mode.add-to-collection-dropdown-container.dark-mode .icon-v2-messaging-success {
  border-radius: 100%;
  border: 1px solid #fff;
}
.add-to-collection-dropdown-container .animated-dropdown-container {
  -webkit-animation-name: none;
  -moz-animation-name: none;
  -o-animation-name: none;
  -ms-animation-name: none;
  animation-name: none;
}
.add-to-collection-dropdown-container .add-to-collection-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}

/* src/js/teacher-spa/collections/add-to-collection/add-to-collection-menu.styl */
.add-to-collection-menu {
  z-index: 31;
  background: #fff;
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  color: var(--amp-body-color, #3b3b3b);
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  position: absolute;
  top: 40px;
  right: 0;
  min-width: 230px;
  line-height: initial;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: -moz-none;
  height: 270px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.add-to-collection-menu:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 10px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.add-to-collection-menu:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 9px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.add-to-collection-menu .add-to-collection-menu-header {
  border-bottom: 1px solid #bdbdbd;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 15px;
  font-size: 90%;
  line-height: 20px;
}
.add-to-collection-menu .add-to-collection-menu-header i {
  margin-right: 6px;
}
.add-to-collection-menu .add-to-collection-menu-header i.pillow-icon-collections {
  font-size: 140%;
}
.add-to-collection-menu .add-to-collection-menu-header i.pillow-icon-remove {
  font-size: 90%;
}
.add-to-collection-menu .add-to-collection-menu-header .header-action {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.add-to-collection-menu .add-to-collection-menu-header.breadcrumb-back i {
  font-size: 90%;
}
.add-to-collection-menu .add-to-collection-menu-header.dcg-hovered .header-action,
.add-to-collection-menu .add-to-collection-menu-header.dcg-depressed .header-action {
  text-decoration: underline;
}
.add-to-collection-menu .add-to-collection-menu-header.dcg-hovered i,
.add-to-collection-menu .add-to-collection-menu-header.dcg-hovered .header-action {
  color: var(--amp-text-color-dark, #080808);
}
.add-to-collection-menu .add-to-collection-menu-header.dcg-hovered i,
.add-to-collection-menu .add-to-collection-menu-header.dcg-hovered .header-action {
  color: var(--amp-text-color-dark, #080808);
}
.add-to-collection-menu .add-to-collection-menu-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  overflow-x: hidden;
}
.add-to-collection-menu .translate-none {
  -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s;
  -moz-transition: -moz-transform 0.4s ease, opacity 0.4s;
  -o-transition: -o-transform 0.4s ease, opacity 0.4s;
  -ms-transition: -ms-transform 0.4s ease, opacity 0.4s;
  transition: transform 0.4s ease, opacity 0.4s;
}
.add-to-collection-menu .translate-right {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.add-to-collection-menu .translate-left {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.add-to-collection-menu .empty-collections {
  margin-bottom: 15px;
  font-style: italic;
  color: var(--amp-body-color, #3b3b3b);
  font-size: 90%;
  padding: 0 15px;
}
.add-to-collection-menu .empty-collections img {
  display: block;
  width: 160px;
  margin: 15px auto 10px;
}
.add-to-collection-menu .empty-collections span {
  display: inline-block;
  text-align: center;
}
.add-to-collection-menu .available-collections {
  padding-top: 10px;
  overflow-y: auto;
  padding: 10px 15px 15px;
}
.add-to-collection-menu .available-collections .collection-option-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.add-to-collection-menu .available-collections .collection-option {
  margin: 4px 2px;
  vertical-align: middle;
  display: inline-block;
  border-radius: 10px;
  color: rgba(255,255,255,0.9);
  font-size: 80%;
  padding: 3px 7px;
  max-width: 185px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.add-to-collection-menu .available-collections .collection-option i.pillow-icon-error {
  font-size: 80%;
  margin-right: 5px;
}
.add-to-collection-menu .new-collection.btn:hover:not(:focus) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.add-to-collection-menu .menu-title {
  text-transform: uppercase;
  color: var(--amp-body-color, #3b3b3b);
  font-size: 95%;
}
.add-to-collection-menu .amplify-toast {
  font-size: 0.85rem;
  line-height: normal;
  width: calc(230px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.add-to-collection-menu .amplify-toast .toast-body {
  padding-right: 0 !important;
}

/* src/js/teacher-spa/collections/book-collection-card.styl */
.amp-styles .book-collection-container a {
  text-decoration: none;
}
.amp-styles .book-collection-container a:hover,
.amp-styles .book-collection-container a:focus-visible,
.amp-styles .book-collection-container a:active {
  text-decoration: none;
}
.book-collection-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: -7.5px;
  margin-bottom: 15px;
}
.book-collection-container .invisible-collection-card {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 380px;
  margin-left: 15px;
}
.book-collection-card {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 380px;
  border-radius: var(--amp-border-radius, 0.1875em);
  margin: 7.5px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 80px;
  text-decoration: none;
  position: relative;
  background-size: auto 100%;
  background-position: left top;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
}
.book-collection-card .background-images {
  border-radius: var(--amp-border-radius, 0.1875em);
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.book-collection-card .background-images .left-image,
.book-collection-card .background-images .right-image {
  background-size: auto 100%;
  height: 100%;
  width: 250px;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  transition: transform 0.3s;
}
.book-collection-card .background-images .left-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.book-collection-card .background-images .right-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-position: top right;
}
.book-collection-card .book-collection-title {
  font-family: "Amplify", serif;
  font-size: 35px;
  font-weight: 400;
  z-index: 1;
  padding-top: 10px;
}
.book-collection-card.dcg-hovered .left-image,
.book-collection-card.dcg-depressed .left-image {
  -webkit-transform: translateX(-3px);
  -moz-transform: translateX(-3px);
  -o-transform: translateX(-3px);
  -ms-transform: translateX(-3px);
  transform: translateX(-3px);
}
.book-collection-card.dcg-hovered .right-image,
.book-collection-card.dcg-depressed .right-image {
  -webkit-transform: translateX(3px);
  -moz-transform: translateX(3px);
  -o-transform: translateX(3px);
  -ms-transform: translateX(3px);
  transform: translateX(3px);
}
.book-collection-card.grade-6 {
  background-color: #ffc0d3;
  background-image: url("/fingerprinted/static/classroom-assets/img/teacher/curriculum-images/header-6-background-8ef5ccf43f7847ecfbb1e4496a41ce9c8bb2622d-b.jpg");
  color: #632235;
}
.book-collection-card.grade-6 .left-image {
  background-image: url("/fingerprinted/static/classroom-assets/img/teacher/curriculum-images/header-6-left-ae5b5e2cb4c7a5016fe0c3e4dd80b53d5eb01fd7-b.png");
}
.book-collection-card.grade-6 .right-image {
  background-image: url("/fingerprinted/static/classroom-assets/img/teacher/curriculum-images/header-6-right-ba1d3a28fa6ad95980ebd4988283122f4edc4900-b.png");
}
.book-collection-card.grade-6.dcg-hovered .book-collection-title,
.book-collection-card.grade-6.dcg-depressed .book-collection-title {
  color: #3d1521;
}
.book-collection-card.grade-7 {
  background-color: #deb8fd;
  background-image: url("/fingerprinted/static/classroom-assets/img/teacher/curriculum-images/header-7-background-bbe15a0be886c2010ca6e7da4e8c471686334ba2-b.jpg");
  color: #46226e;
}
.book-collection-card.grade-7 .book-collection-title {
  text-shadow: 0 0 5px #deb9fe;
}
.book-collection-card.grade-7 .left-image {
  background-image: url("/fingerprinted/static/classroom-assets/img/teacher/curriculum-images/header-7-left-c4c55d86a2e8da058f217b0e3bd0613c655c712d-b.png");
}
.book-collection-card.grade-7 .right-image {
  background-image: url("/fingerprinted/static/classroom-assets/img/teacher/curriculum-images/header-7-right-b4dfe4db0f3af245fc4c7f243d3d3184154977ef-b.png");
}
.book-collection-card.grade-7.dcg-hovered .book-collection-title,
.book-collection-card.grade-7.dcg-depressed .book-collection-title {
  color: #2d1646;
}
.book-collection-card.grade-8 {
  background-color: #ace2eb;
  background-image: url("/fingerprinted/static/classroom-assets/img/teacher/curriculum-images/header-8-background-2d3ecd6ff289a580de479a05d5d0bb42300a60c8-b.jpg");
  color: #004054;
}
.book-collection-card.grade-8 .left-image {
  background-image: url("/fingerprinted/static/classroom-assets/img/teacher/curriculum-images/header-8-left-bcabfc7c537305b4b5e29948477d2af3830f50be-b.png");
}
.book-collection-card.grade-8 .right-image {
  background-image: url("/fingerprinted/static/classroom-assets/img/teacher/curriculum-images/header-8-right-67123560a783f31f8ee05f49a2d069b9f4a84b4f-b.png");
}
.book-collection-card.grade-8.dcg-hovered .book-collection-title,
.book-collection-card.grade-8.dcg-depressed .book-collection-title {
  color: #002f3d;
}
.book-collection-card.grade-A1 {
  background-color: #fc8ec8;
  background-image: url("/fingerprinted/static/classroom-assets/img/teacher/curriculum-images/header-A1-bg-36dfc8fede46ed1a586877073ceab6b50f0c77c4-b.jpg");
  color: #761959;
}
.book-collection-card.grade-A1 .left-image {
  background-image: url("/fingerprinted/static/classroom-assets/img/teacher/curriculum-images/header-A1-left-image-704eb6f7645be01a17af2bff598184a1d631da84-b.png");
}
.book-collection-card.grade-A1 .right-image {
  background-image: url("/fingerprinted/static/classroom-assets/img/teacher/curriculum-images/header-A1-right-image-7ee5e3a73d86d31dda98b7cf14e8d251b2e68a49-b.png");
}
.book-collection-card.grade-A1.dcg-hovered .book-collection-title,
.book-collection-card.grade-A1.dcg-depressed .book-collection-title {
  color: #4c1039;
}
@media screen and (max-width: 1200px) {
  .book-collection-container .book-collection-card .background-images .left-image {
    background-position: top right;
  }
  .book-collection-container .book-collection-card .background-images .right-image {
    background-position: top left;
  }
}
@media screen and (max-width: 1050px) and (min-width: 600px) {
  .book-collection-container .book-collection-card {
    background-size: cover;
  }
}

/* src/js/teacher-spa/collections/book-collection-colors.styl */
.book-collections-bg-yellow {
  background-color: #e6c652;
}
.book-collections-bg-blue {
  background-color: #67a6e5;
}
.book-collections-bg-purple {
  background-color: #ad80e0;
}
.book-collections-bg-red {
  background-color: #e56776;
}
.book-collections-bg-green {
  background-color: #6cd8b2;
}
.book-collections-bg-orange {
  background-color: #e6865b;
}
.book-collections-bg-pink {
  background-color: #e673c6;
}
.book-collections-bg-teal {
  background-color: #6cd9d3;
}
.amp-styles a.book-collections-bg-yellow {
  background-color: #e6c652;
}
.amp-styles a.book-collections-bg-blue {
  background-color: #67a6e5;
}
.amp-styles a.book-collections-bg-purple {
  background-color: #ad80e0;
}
.amp-styles a.book-collections-bg-red {
  background-color: #e56776;
}
.amp-styles a.book-collections-bg-green {
  background-color: #6cd8b2;
}
.amp-styles a.book-collections-bg-orange {
  background-color: #e6865b;
}
.amp-styles a.book-collections-bg-pink {
  background-color: #e673c6;
}
.amp-styles a.book-collections-bg-teal {
  background-color: #6cd9d3;
}
.activity-collection-tags .collection-tag.book-collections-bg-yellow,
.activity-collection-tags .collection-tag.book-collections-bg-blue,
.activity-collection-tags .collection-tag.book-collections-bg-purple,
.activity-collection-tags .collection-tag.book-collections-bg-red,
.activity-collection-tags .collection-tag.book-collections-bg-green,
.activity-collection-tags .collection-tag.book-collections-bg-orange,
.activity-collection-tags .collection-tag.book-collections-bg-pink,
.activity-collection-tags .collection-tag.book-collections-bg-teal {
  color: #000;
}
.activity-details-container .book-collections-bg-yellow.collection-tag.dcg-hovered,
.collection-option-container .book-collections-bg-yellow.in-collection.dcg-hovered {
  background-color: #a68304;
}
.activity-details-container .book-collections-bg-yellow.collection-tag.dcg-depressed,
.collection-option-container .book-collections-bg-yellow.in-collection.dcg-depressed {
  background-color: #7c641e;
}
.activity-details-container .book-collections-bg-blue.collection-tag.dcg-hovered,
.collection-option-container .book-collections-bg-blue.in-collection.dcg-hovered {
  background-color: #2e78c2;
}
.activity-details-container .book-collections-bg-blue.collection-tag.dcg-depressed,
.collection-option-container .book-collections-bg-blue.in-collection.dcg-depressed {
  background-color: #00407f;
}
.activity-details-container .book-collections-bg-purple.collection-tag.dcg-hovered,
.collection-option-container .book-collections-bg-purple.in-collection.dcg-hovered {
  background-color: #752fc5;
}
.activity-details-container .book-collections-bg-purple.collection-tag.dcg-depressed,
.collection-option-container .book-collections-bg-purple.in-collection.dcg-depressed {
  background-color: #3c0080;
}
.activity-details-container .book-collections-bg-red.collection-tag.dcg-hovered,
.collection-option-container .book-collections-bg-red.in-collection.dcg-hovered {
  background-color: #cb384a;
}
.activity-details-container .book-collections-bg-red.collection-tag.dcg-depressed,
.collection-option-container .book-collections-bg-red.in-collection.dcg-depressed {
  background-color: #7f000f;
}
.activity-details-container .book-collections-bg-green.collection-tag.dcg-hovered,
.collection-option-container .book-collections-bg-green.in-collection.dcg-hovered {
  background-color: #018859;
}
.activity-details-container .book-collections-bg-green.collection-tag.dcg-depressed,
.collection-option-container .book-collections-bg-green.in-collection.dcg-depressed {
  background-color: #006743;
}
.activity-details-container .book-collections-bg-orange.collection-tag.dcg-hovered,
.collection-option-container .book-collections-bg-orange.in-collection.dcg-hovered {
  background-color: #c94e17;
}
.activity-details-container .book-collections-bg-orange.collection-tag.dcg-depressed,
.collection-option-container .book-collections-bg-orange.in-collection.dcg-depressed {
  background-color: #762e10;
}
.activity-details-container .book-collections-bg-pink.collection-tag.dcg-hovered,
.collection-option-container .book-collections-bg-pink.in-collection.dcg-hovered {
  background-color: #b2258b;
}
.activity-details-container .book-collections-bg-pink.collection-tag.dcg-depressed,
.collection-option-container .book-collections-bg-pink.in-collection.dcg-depressed {
  background-color: #80005c;
}
.activity-details-container .book-collections-bg-teal.collection-tag.dcg-hovered,
.collection-option-container .book-collections-bg-teal.in-collection.dcg-hovered {
  background-color: #00847d;
}
.activity-details-container .book-collections-bg-teal.collection-tag.dcg-depressed,
.collection-option-container .book-collections-bg-teal.in-collection.dcg-depressed {
  background-color: #006763;
}
.collection-option-container .book-collections-bg-yellow:not(.in-collection) {
  color: #67a6e5;
  -webkit-box-shadow: 0 0 0 1px #e6c652;
  box-shadow: 0 0 0 1px #e6c652;
  background: #fff;
}
.collection-option-container .book-collections-bg-yellow:not(.in-collection).dcg-hovered {
  -webkit-box-shadow: 0 0 0 2px #e6c652;
  box-shadow: 0 0 0 2px #e6c652;
}
.collection-option-container .book-collections-bg-yellow:not(.in-collection).dcg-depressed {
  background: rgba(230,198,82,0.2);
}
.collection-option-container .book-collections-bg-blue:not(.in-collection) {
  color: #67a6e5;
  -webkit-box-shadow: 0 0 0 1px #67a6e5;
  box-shadow: 0 0 0 1px #67a6e5;
  background: #fff;
}
.collection-option-container .book-collections-bg-blue:not(.in-collection).dcg-hovered {
  -webkit-box-shadow: 0 0 0 2px #67a6e5;
  box-shadow: 0 0 0 2px #67a6e5;
}
.collection-option-container .book-collections-bg-blue:not(.in-collection).dcg-depressed {
  background: rgba(103,166,229,0.2);
}
.collection-option-container .book-collections-bg-purple:not(.in-collection) {
  color: #ad80e0;
  -webkit-box-shadow: 0 0 0 1px #ad80e0;
  box-shadow: 0 0 0 1px #ad80e0;
  background: #fff;
}
.collection-option-container .book-collections-bg-purple:not(.in-collection).dcg-hovered {
  -webkit-box-shadow: 0 0 0 2px #ad80e0;
  box-shadow: 0 0 0 2px #ad80e0;
}
.collection-option-container .book-collections-bg-purple:not(.in-collection).dcg-depressed {
  background: rgba(173,128,224,0.2);
}
.collection-option-container .book-collections-bg-red:not(.in-collection) {
  color: #e56776;
  -webkit-box-shadow: 0 0 0 1px #e56776;
  box-shadow: 0 0 0 1px #e56776;
  background: #fff;
}
.collection-option-container .book-collections-bg-red:not(.in-collection).dcg-hovered {
  -webkit-box-shadow: 0 0 0 2px #e56776;
  box-shadow: 0 0 0 2px #e56776;
}
.collection-option-container .book-collections-bg-red:not(.in-collection).dcg-depressed {
  background: rgba(229,103,118,0.2);
}
.collection-option-container .book-collections-bg-green:not(.in-collection) {
  color: #6cd8b2;
  -webkit-box-shadow: 0 0 0 1px #6cd8b2;
  box-shadow: 0 0 0 1px #6cd8b2;
  background: #fff;
}
.collection-option-container .book-collections-bg-green:not(.in-collection).dcg-hovered {
  -webkit-box-shadow: 0 0 0 2px #6cd8b2;
  box-shadow: 0 0 0 2px #6cd8b2;
}
.collection-option-container .book-collections-bg-green:not(.in-collection).dcg-depressed {
  background: rgba(108,216,178,0.2);
}
.collection-option-container .book-collections-bg-orange:not(.in-collection) {
  color: #e6865b;
  -webkit-box-shadow: 0 0 0 1px #e6865b;
  box-shadow: 0 0 0 1px #e6865b;
  background: #fff;
}
.collection-option-container .book-collections-bg-orange:not(.in-collection).dcg-hovered {
  -webkit-box-shadow: 0 0 0 2px #e6865b;
  box-shadow: 0 0 0 2px #e6865b;
}
.collection-option-container .book-collections-bg-orange:not(.in-collection).dcg-depressed {
  background: rgba(230,134,91,0.2);
}
.collection-option-container .book-collections-bg-pink:not(.in-collection) {
  color: #e673c6;
  -webkit-box-shadow: 0 0 0 1px #e673c6;
  box-shadow: 0 0 0 1px #e673c6;
  background: #fff;
}
.collection-option-container .book-collections-bg-pink:not(.in-collection).dcg-hovered {
  -webkit-box-shadow: 0 0 0 2px #e673c6;
  box-shadow: 0 0 0 2px #e673c6;
}
.collection-option-container .book-collections-bg-pink:not(.in-collection).dcg-depressed {
  background: rgba(230,115,198,0.2);
}
.collection-option-container .book-collections-bg-teal:not(.in-collection) {
  color: #6cd9d3;
  -webkit-box-shadow: 0 0 0 1px #6cd9d3;
  box-shadow: 0 0 0 1px #6cd9d3;
  background: #fff;
}
.collection-option-container .book-collections-bg-teal:not(.in-collection).dcg-hovered {
  -webkit-box-shadow: 0 0 0 2px #6cd9d3;
  box-shadow: 0 0 0 2px #6cd9d3;
}
.collection-option-container .book-collections-bg-teal:not(.in-collection).dcg-depressed {
  background: rgba(108,217,211,0.2);
}
.collection-view-page .collection-description-container .fade-out.book-collections-bg-yellow {
  background: -webkit-linear-gradient(rgba(230,198,82,0) 0%, rgba(230,198,82,0.9) 50%, #e6c652 100%);
  background: -moz-linear-gradient(rgba(230,198,82,0) 0%, rgba(230,198,82,0.9) 50%, #e6c652 100%);
  background: -o-linear-gradient(rgba(230,198,82,0) 0%, rgba(230,198,82,0.9) 50%, #e6c652 100%);
  background: -ms-linear-gradient(rgba(230,198,82,0) 0%, rgba(230,198,82,0.9) 50%, #e6c652 100%);
  background: linear-gradient(rgba(230,198,82,0) 0%, rgba(230,198,82,0.9) 50%, #e6c652 100%);
}
.collection-view-page .collection-description-container .fade-out.book-collections-bg-blue {
  background: -webkit-linear-gradient(rgba(103,166,229,0) 0%, rgba(103,166,229,0.9) 50%, #67a6e5 100%);
  background: -moz-linear-gradient(rgba(103,166,229,0) 0%, rgba(103,166,229,0.9) 50%, #67a6e5 100%);
  background: -o-linear-gradient(rgba(103,166,229,0) 0%, rgba(103,166,229,0.9) 50%, #67a6e5 100%);
  background: -ms-linear-gradient(rgba(103,166,229,0) 0%, rgba(103,166,229,0.9) 50%, #67a6e5 100%);
  background: linear-gradient(rgba(103,166,229,0) 0%, rgba(103,166,229,0.9) 50%, #67a6e5 100%);
}
.collection-view-page .collection-description-container .fade-out.book-collections-bg-purple {
  background: -webkit-linear-gradient(rgba(173,128,224,0) 0%, rgba(173,128,224,0.9) 50%, #ad80e0 100%);
  background: -moz-linear-gradient(rgba(173,128,224,0) 0%, rgba(173,128,224,0.9) 50%, #ad80e0 100%);
  background: -o-linear-gradient(rgba(173,128,224,0) 0%, rgba(173,128,224,0.9) 50%, #ad80e0 100%);
  background: -ms-linear-gradient(rgba(173,128,224,0) 0%, rgba(173,128,224,0.9) 50%, #ad80e0 100%);
  background: linear-gradient(rgba(173,128,224,0) 0%, rgba(173,128,224,0.9) 50%, #ad80e0 100%);
}
.collection-view-page .collection-description-container .fade-out.book-collections-bg-red {
  background: -webkit-linear-gradient(rgba(229,103,118,0) 0%, rgba(229,103,118,0.9) 50%, #e56776 100%);
  background: -moz-linear-gradient(rgba(229,103,118,0) 0%, rgba(229,103,118,0.9) 50%, #e56776 100%);
  background: -o-linear-gradient(rgba(229,103,118,0) 0%, rgba(229,103,118,0.9) 50%, #e56776 100%);
  background: -ms-linear-gradient(rgba(229,103,118,0) 0%, rgba(229,103,118,0.9) 50%, #e56776 100%);
  background: linear-gradient(rgba(229,103,118,0) 0%, rgba(229,103,118,0.9) 50%, #e56776 100%);
}
.collection-view-page .collection-description-container .fade-out.book-collections-bg-green {
  background: -webkit-linear-gradient(rgba(108,216,178,0) 0%, rgba(108,216,178,0.9) 50%, #6cd8b2 100%);
  background: -moz-linear-gradient(rgba(108,216,178,0) 0%, rgba(108,216,178,0.9) 50%, #6cd8b2 100%);
  background: -o-linear-gradient(rgba(108,216,178,0) 0%, rgba(108,216,178,0.9) 50%, #6cd8b2 100%);
  background: -ms-linear-gradient(rgba(108,216,178,0) 0%, rgba(108,216,178,0.9) 50%, #6cd8b2 100%);
  background: linear-gradient(rgba(108,216,178,0) 0%, rgba(108,216,178,0.9) 50%, #6cd8b2 100%);
}
.collection-view-page .collection-description-container .fade-out.book-collections-bg-orange {
  background: -webkit-linear-gradient(rgba(230,134,91,0) 0%, rgba(230,134,91,0.9) 50%, #e6865b 100%);
  background: -moz-linear-gradient(rgba(230,134,91,0) 0%, rgba(230,134,91,0.9) 50%, #e6865b 100%);
  background: -o-linear-gradient(rgba(230,134,91,0) 0%, rgba(230,134,91,0.9) 50%, #e6865b 100%);
  background: -ms-linear-gradient(rgba(230,134,91,0) 0%, rgba(230,134,91,0.9) 50%, #e6865b 100%);
  background: linear-gradient(rgba(230,134,91,0) 0%, rgba(230,134,91,0.9) 50%, #e6865b 100%);
}
.collection-view-page .collection-description-container .fade-out.book-collections-bg-pink {
  background: -webkit-linear-gradient(rgba(230,115,198,0) 0%, rgba(230,115,198,0.9) 50%, #e673c6 100%);
  background: -moz-linear-gradient(rgba(230,115,198,0) 0%, rgba(230,115,198,0.9) 50%, #e673c6 100%);
  background: -o-linear-gradient(rgba(230,115,198,0) 0%, rgba(230,115,198,0.9) 50%, #e673c6 100%);
  background: -ms-linear-gradient(rgba(230,115,198,0) 0%, rgba(230,115,198,0.9) 50%, #e673c6 100%);
  background: linear-gradient(rgba(230,115,198,0) 0%, rgba(230,115,198,0.9) 50%, #e673c6 100%);
}
.collection-view-page .collection-description-container .fade-out.book-collections-bg-teal {
  background: -webkit-linear-gradient(rgba(108,217,211,0) 0%, rgba(108,217,211,0.9) 50%, #6cd9d3 100%);
  background: -moz-linear-gradient(rgba(108,217,211,0) 0%, rgba(108,217,211,0.9) 50%, #6cd9d3 100%);
  background: -o-linear-gradient(rgba(108,217,211,0) 0%, rgba(108,217,211,0.9) 50%, #6cd9d3 100%);
  background: -ms-linear-gradient(rgba(108,217,211,0) 0%, rgba(108,217,211,0.9) 50%, #6cd9d3 100%);
  background: linear-gradient(rgba(108,217,211,0) 0%, rgba(108,217,211,0.9) 50%, #6cd9d3 100%);
}

/* src/js/teacher-spa/collections/collaboration-modal.styl */
.collection-collaborate-container {
  padding: 20px;
}
.collection-collaborate-container .collaborate-header {
  color: var(--amp-body-color, #3b3b3b);
  font-size: 160%;
  position: relative;
}
.collection-collaborate-container .collaborate-description {
  color: #676767;
  margin: 10px 0 20px;
}
.collection-collaborate-container .collaborate-description .blue-link {
  margin-left: 5px;
}
.collection-collaborate-container .dividing-line {
  height: 1px;
  background-color: #bdbdbd;
  width: 100%;
}
.collection-collaborate-container .blue-outline {
  width: 300px;
}
.collection-collaborate-container .owner-tag {
  float: right;
  color: #999;
}
.collection-collaborate-container .add-collaborator-title {
  color: var(--amp-body-color, #3b3b3b);
  margin-top: 20px;
  font-size: 110%;
}
.collection-collaborate-container .add-email-container {
  margin: 5px 0;
}

/* src/js/teacher-spa/collections/collection-access-error-view.styl */
.collection-access-error-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: 120px auto 0;
  position: relative;
  max-width: 1000px;
  text-align: left;
}
.collection-access-error-content .lock-img-container {
  width: 300px;
  margin-right: 20px;
}
.collection-access-error-content .lock-img-container img {
  width: 100%;
}
.collection-access-error-content .collection-access-notice {
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -o-box-flex: 3;
  box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.collection-access-error-content .collection-access-notice h1 {
  font-weight: 300;
  font-size: 48px;
  margin: 0;
}
.collection-access-error-content .collection-access-notice .btn {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.5);
}
@media screen and (max-width: 950px) {
  .collection-access-error-content {
    margin: 30px auto;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
  }
  .collection-access-error-content .lock-img-container {
    width: 200px;
    margin: 0 auto;
  }
  .collection-access-error-content .collection-access-notice {
    text-align: center;
  }
  .collection-access-error-content .btn-container {
    text-align: center;
  }
}

/* src/js/teacher-spa/collections/collection-actions-menu.styl */
.collection-actions-menu .dot-dot-dropdown-container .dropdown-container {
  top: calc(100% + 10px);
}
.collection-actions-menu .dot-dot-dropdown-container .pinned-collection-action {
  min-width: 195px;
}
.collection-actions-menu .dot-dot-dropdown-container .collection-actions-dropdown.dcg-shared-options-dropdown:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 10px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.collection-actions-menu .dot-dot-dropdown-container .collection-actions-dropdown.dcg-shared-options-dropdown:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 9px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.collection-actions-menu .dot-dot-dropdown-container .delete-collection {
  color: #c0504d;
}
.collection-actions-menu .dot-dot-dropdown-container .edit-collection {
  color: #3278c8;
}
.collection-actions-menu .dot-dot-dropdown-container .pinned-collection-error {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  white-space: normal;
  text-decoration: none;
}
.share-collection-modal .share-collection-modal-contents .collection-header {
  padding-bottom: 20px;
  position: relative;
}
.share-collection-modal .share-collection-modal-contents input {
  font-size: 100%;
  padding: 10px;
  border-radius: var(--amp-border-radius, 0.1875em);
}
.share-collection-modal .share-collection-modal-contents .close-btn {
  position: absolute;
  left: calc(100% - 75px);
  top: 20px;
  z-index: 1;
}
.share-collection-modal .share-collection-modal-contents .private-activity-warning {
  margin-top: 10px;
  color: #676767;
}
.share-collection-modal .share-collection-modal-contents .private-activity-warning i {
  color: #fa824c;
  margin-right: 5px;
  font-size: 80%;
}

/* src/js/teacher-spa/collections/collection-bullet.styl */
.collection-bullet {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}

/* src/js/teacher-spa/collections/collection-bynder-header.styl */
.header-image-container {
  position: relative;
  margin-bottom: 10px;
}
.header-image-container .collection-wave-wrapper .wave-wrapper {
  position: relative;
  margin-top: 0;
  margin-right: 0;
  padding-bottom: 10px;
}
.header-image-container .header-image {
  max-width: 100%;
}
.header-image-container .remove-image-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  z-index: 2;
}
.header-image-container .remove-image-button .remove-image {
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  color: #bbb;
  text-shadow: calc(1px * -1) calc(1px * -1) 0 #fff, calc(1px * -1) 1px 0 #fff, 1px calc(1px * -1) 0 #fff, 1px 1px 0 #fff, 0 calc(1px * -1) 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, calc(1px * -1) 0 0 #fff;
}
.header-image-container .remove-image-button .remove-image.dcg-hovered {
  color: #db2e00;
}
.header-image-container .remove-image-button .remove-image.dcg-depressed {
  color: #831c00;
}
.header-image-container .collection-header-alt-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 10px;
}
.header-image-container .header-image-diff {
  position: absolute;
  top: -28px;
  right: 0px;
}
.header-image-container .header-description-diff {
  margin-left: 8px;
}

/* src/js/teacher-spa/collections/collection-card.styl */
.amp-styles .collection-card.group-activity-card {
  background-color: #fff;
}
.subcollection-card > span:has(.remove-button-container) {
  position: relative;
  width: 100%;
  display: inline-block;
}
.collection-card {
  position: relative;
  overflow: hidden;
  font-size: 95%;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  color: var(--amp-body-color, #3b3b3b);
  text-decoration: none;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  border: 1px solid transparent;
  -webkit-transition: border-color 0.2s linear;
  -moz-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  -ms-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.collection-card.dcg-hovered {
  border-color: #9c0d63;
}
.collection-card.dcg-depressed {
  border-color: #5e083b;
  background: #bdbdbd;
}
.collection-card .description-content {
  margin-left: 15px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  overflow: hidden;
}
.collection-card.is-unreleased:hover {
  overflow: visible;
}
.collection-card.is-unreleased.unclickable {
  pointer-events: none;
  font-style: italic;
}
.collection-card.is-unreleased.unclickable .color-ribbon {
  display: none;
}
.collection-card.is-unreleased .collection-title {
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
}
.collection-card.is-unreleased .unreleased-ribbon {
  z-index: 1;
}
.collection-card.add-by-search-preview {
  margin: 0;
  height: 84px;
}
.collection-card.add-by-search-preview .card-contents {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
}
.collection-card .card-contents {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.collection-card.book-collection .card-contents {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 65px;
}
.collection-card .collection-thumb {
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
  background: transparent;
  border: none;
  width: 130px;
}
.collection-card .preview-card .collection-thumb {
  filter: grayscale(1);
}
.collection-card .collection-title {
  padding-right: 20px;
  font-size: 135%;
}
.collection-card .collection-title .h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.collection-card .author-container {
  display: inline-block;
}
.collection-card .author-container .author {
  line-height: 1.3em;
  vertical-align: center;
  display: inline-block;
  margin-right: 10px;
  border-right: 1px solid #bdbdbd;
  padding-right: 10px;
}
.collection-card .collection-card-contents-num {
  display: inline-block;
  margin: 5px 0;
}
.collection-card .color-ribbon {
  position: absolute;
  top: -1px;
  left: -1px;
  height: calc(100% + 2px);
  border-radius: var(--amp-border-radius, 0.1875em) 0 0 var(--amp-border-radius, 0.1875em);
  width: 15px;
}
.collection-card .private-collection-icon,
.collection-card .private-activity-warning,
.collection-card .pinned-collection-icon {
  display: inline-block;
}
.collection-card .private-collection-icon i,
.collection-card .private-activity-warning i,
.collection-card .pinned-collection-icon i {
  font-size: 75%;
}
.collection-card .private-activity-warning {
  cursor: pointer;
  margin-left: 10px;
  color: #fa824c;
}
.collection-card .private-activity-warning.dcg-hovered {
  color: #e07444;
}
.collection-card .private-collection-icon i,
.collection-card .pinned-collection-icon i {
  margin-left: 7px;
}
@media screen and (max-width: 575px) {
  .collection-card .card-contents .collection-thumb {
    width: 100px;
  }
  .collection-card .card-contents .description-content .collection-title {
    padding-right: 0;
  }
  .collection-card .card-contents .description-content .collection-title div.h4 {
    font-size: 0.8em;
  }
  .new-global-nav .collection-card .collection-thumb {
    width: 91px;
  }
}
@media screen and (max-width: 375px) {
  .collection-card .card-contents .collection-thumb {
    width: 90px;
  }
  .collection-card .card-contents .description-content .collection-title {
    padding-right: 0;
  }
  .collection-card .card-contents .description-content .collection-title div.h4 {
    font-size: 0.75em;
  }
}

/* src/js/teacher-spa/collections/collection-color-picker.styl */
.collection-color-picker {
  position: relative;
}
.collection-color-picker .color-bullet-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-right: 10px;
}
.collection-color-picker .color-bullet-container .icon-v2-caret-down {
  color: #a0a0a0;
  position: relative;
  top: -3px;
}
.collection-color-picker .color-bullet-container.dcg-hovered .icon-v2-caret-down {
  color: #707070;
}
.collection-color-picker.active .icon-v2-caret-down {
  color: #a0a0a0;
}
.collection-color-picker .color-selector {
  position: absolute;
  top: 35px;
  left: -10px;
  background: #fff;
  border: 1px solid #bdbdbd;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.15);
  box-shadow: 0 5px 10px rgba(0,0,0,0.15);
  border-radius: 5px;
  padding: 10px 5px 8px;
  -webkit-animation: fadeInDown 0.2s;
  -moz-animation: fadeInDown 0.2s;
  -o-animation: fadeInDown 0.2s;
  -ms-animation: fadeInDown 0.2s;
  animation: fadeInDown 0.2s;
  z-index: 2;
  white-space: nowrap;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  line-height: initial;
}
.collection-color-picker .color-selector .color-option {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
  cursor: pointer;
  margin: 0px 3px 0;
}
.collection-color-picker .color-selector .color-option.selected {
  -webkit-box-shadow: 0 0 0 2px #bdbdbd;
  box-shadow: 0 0 0 2px #bdbdbd;
}

/* src/js/teacher-spa/collections/collection-colors.styl */
.collections-bg-blue {
  background-color: #4f87bf;
}
.collections-bg-purple {
  background-color: #8551c1;
}
.collections-bg-coral {
  background-color: #e56776;
}
.collections-bg-green {
  background-color: #36a37c;
}
.collections-bg-orange {
  background-color: #ce754d;
}
.collections-bg-pink {
  background-color: #c651a6;
}
.collections-bg-teal {
  background-color: #3e9b96;
}
.collections-bg-private-placeholder {
  background-color: #666;
}
.amp-styles a.collections-bg-blue {
  background-color: #4f87bf;
}
.amp-styles a.collections-bg-purple {
  background-color: #8551c1;
}
.amp-styles a.collections-bg-coral {
  background-color: #e56776;
}
.amp-styles a.collections-bg-green {
  background-color: #36a37c;
}
.amp-styles a.collections-bg-orange {
  background-color: #ce754d;
}
.amp-styles a.collections-bg-pink {
  background-color: #c651a6;
}
.amp-styles a.collections-bg-teal {
  background-color: #3e9b96;
}
.amp-styles a.collections-bg-private-placeholder {
  background-color: #666;
}
.activity-details-container .collections-bg-blue.collection-tag.dcg-hovered,
.collection-option-container .collections-bg-blue.in-collection.dcg-hovered {
  background-color: #4679ab;
}
.activity-details-container .collections-bg-blue.collection-tag.dcg-depressed,
.collection-option-container .collections-bg-blue.in-collection.dcg-depressed {
  background-color: #3b658f;
}
.activity-details-container .collections-bg-purple.collection-tag.dcg-hovered,
.collection-option-container .collections-bg-purple.in-collection.dcg-hovered {
  background-color: #7748ad;
}
.activity-details-container .collections-bg-purple.collection-tag.dcg-depressed,
.collection-option-container .collections-bg-purple.in-collection.dcg-depressed {
  background-color: #633c90;
}
.activity-details-container .collections-bg-coral.collection-tag.dcg-hovered,
.collection-option-container .collections-bg-coral.in-collection.dcg-hovered {
  background-color: #cd5c69;
}
.activity-details-container .collections-bg-coral.collection-tag.dcg-depressed,
.collection-option-container .collections-bg-coral.in-collection.dcg-depressed {
  background-color: #ab4d58;
}
.activity-details-container .collections-bg-green.collection-tag.dcg-hovered,
.collection-option-container .collections-bg-green.in-collection.dcg-hovered {
  background-color: #30926f;
}
.activity-details-container .collections-bg-green.collection-tag.dcg-depressed,
.collection-option-container .collections-bg-green.in-collection.dcg-depressed {
  background-color: #287a5c;
}
.activity-details-container .collections-bg-orange.collection-tag.dcg-hovered,
.collection-option-container .collections-bg-orange.in-collection.dcg-hovered {
  background-color: #b86945;
}
.activity-details-container .collections-bg-orange.collection-tag.dcg-depressed,
.collection-option-container .collections-bg-orange.in-collection.dcg-depressed {
  background-color: #9a5739;
}
.activity-details-container .collections-bg-pink.collection-tag.dcg-hovered,
.collection-option-container .collections-bg-pink.in-collection.dcg-hovered {
  background-color: #b14895;
}
.activity-details-container .collections-bg-pink.collection-tag.dcg-depressed,
.collection-option-container .collections-bg-pink.in-collection.dcg-depressed {
  background-color: #943c7c;
}
.activity-details-container .collections-bg-teal.collection-tag.dcg-hovered,
.collection-option-container .collections-bg-teal.in-collection.dcg-hovered {
  background-color: #378b86;
}
.activity-details-container .collections-bg-teal.collection-tag.dcg-depressed,
.collection-option-container .collections-bg-teal.in-collection.dcg-depressed {
  background-color: #2e7470;
}
.collection-option-container .collections-bg-blue:not(.in-collection) {
  color: #4f87bf;
  -webkit-box-shadow: 0 0 0 1px #4f87bf;
  box-shadow: 0 0 0 1px #4f87bf;
  background: #fff;
}
.collection-option-container .collections-bg-blue:not(.in-collection).dcg-hovered {
  -webkit-box-shadow: 0 0 0 2px #4f87bf;
  box-shadow: 0 0 0 2px #4f87bf;
}
.collection-option-container .collections-bg-blue:not(.in-collection).dcg-depressed {
  background: rgba(79,135,191,0.2);
}
.collection-option-container .collections-bg-purple:not(.in-collection) {
  color: #8551c1;
  -webkit-box-shadow: 0 0 0 1px #8551c1;
  box-shadow: 0 0 0 1px #8551c1;
  background: #fff;
}
.collection-option-container .collections-bg-purple:not(.in-collection).dcg-hovered {
  -webkit-box-shadow: 0 0 0 2px #8551c1;
  box-shadow: 0 0 0 2px #8551c1;
}
.collection-option-container .collections-bg-purple:not(.in-collection).dcg-depressed {
  background: rgba(133,81,193,0.2);
}
.collection-option-container .collections-bg-coral:not(.in-collection) {
  color: #e56776;
  -webkit-box-shadow: 0 0 0 1px #e56776;
  box-shadow: 0 0 0 1px #e56776;
  background: #fff;
}
.collection-option-container .collections-bg-coral:not(.in-collection).dcg-hovered {
  -webkit-box-shadow: 0 0 0 2px #e56776;
  box-shadow: 0 0 0 2px #e56776;
}
.collection-option-container .collections-bg-coral:not(.in-collection).dcg-depressed {
  background: rgba(229,103,118,0.2);
}
.collection-option-container .collections-bg-green:not(.in-collection) {
  color: #36a37c;
  -webkit-box-shadow: 0 0 0 1px #36a37c;
  box-shadow: 0 0 0 1px #36a37c;
  background: #fff;
}
.collection-option-container .collections-bg-green:not(.in-collection).dcg-hovered {
  -webkit-box-shadow: 0 0 0 2px #36a37c;
  box-shadow: 0 0 0 2px #36a37c;
}
.collection-option-container .collections-bg-green:not(.in-collection).dcg-depressed {
  background: rgba(54,163,124,0.2);
}
.collection-option-container .collections-bg-orange:not(.in-collection) {
  color: #ce754d;
  -webkit-box-shadow: 0 0 0 1px #ce754d;
  box-shadow: 0 0 0 1px #ce754d;
  background: #fff;
}
.collection-option-container .collections-bg-orange:not(.in-collection).dcg-hovered {
  -webkit-box-shadow: 0 0 0 2px #ce754d;
  box-shadow: 0 0 0 2px #ce754d;
}
.collection-option-container .collections-bg-orange:not(.in-collection).dcg-depressed {
  background: rgba(206,117,77,0.2);
}
.collection-option-container .collections-bg-pink:not(.in-collection) {
  color: #c651a6;
  -webkit-box-shadow: 0 0 0 1px #c651a6;
  box-shadow: 0 0 0 1px #c651a6;
  background: #fff;
}
.collection-option-container .collections-bg-pink:not(.in-collection).dcg-hovered {
  -webkit-box-shadow: 0 0 0 2px #c651a6;
  box-shadow: 0 0 0 2px #c651a6;
}
.collection-option-container .collections-bg-pink:not(.in-collection).dcg-depressed {
  background: rgba(198,81,166,0.2);
}
.collection-option-container .collections-bg-teal:not(.in-collection) {
  color: #3e9b96;
  -webkit-box-shadow: 0 0 0 1px #3e9b96;
  box-shadow: 0 0 0 1px #3e9b96;
  background: #fff;
}
.collection-option-container .collections-bg-teal:not(.in-collection).dcg-hovered {
  -webkit-box-shadow: 0 0 0 2px #3e9b96;
  box-shadow: 0 0 0 2px #3e9b96;
}
.collection-option-container .collections-bg-teal:not(.in-collection).dcg-depressed {
  background: rgba(62,155,150,0.2);
}
.collection-view-page .collection-description-container .fade-out.collections-bg-blue {
  background: -webkit-linear-gradient(rgba(79,135,191,0) 0%, rgba(79,135,191,0.9) 50%, #4f87bf 100%);
  background: -moz-linear-gradient(rgba(79,135,191,0) 0%, rgba(79,135,191,0.9) 50%, #4f87bf 100%);
  background: -o-linear-gradient(rgba(79,135,191,0) 0%, rgba(79,135,191,0.9) 50%, #4f87bf 100%);
  background: -ms-linear-gradient(rgba(79,135,191,0) 0%, rgba(79,135,191,0.9) 50%, #4f87bf 100%);
  background: linear-gradient(rgba(79,135,191,0) 0%, rgba(79,135,191,0.9) 50%, #4f87bf 100%);
}
.collection-view-page .collection-description-container .fade-out.collections-bg-purple {
  background: -webkit-linear-gradient(rgba(133,81,193,0) 0%, rgba(133,81,193,0.9) 50%, #8551c1 100%);
  background: -moz-linear-gradient(rgba(133,81,193,0) 0%, rgba(133,81,193,0.9) 50%, #8551c1 100%);
  background: -o-linear-gradient(rgba(133,81,193,0) 0%, rgba(133,81,193,0.9) 50%, #8551c1 100%);
  background: -ms-linear-gradient(rgba(133,81,193,0) 0%, rgba(133,81,193,0.9) 50%, #8551c1 100%);
  background: linear-gradient(rgba(133,81,193,0) 0%, rgba(133,81,193,0.9) 50%, #8551c1 100%);
}
.collection-view-page .collection-description-container .fade-out.collections-bg-coral {
  background: -webkit-linear-gradient(rgba(229,103,118,0) 0%, rgba(229,103,118,0.9) 50%, #e56776 100%);
  background: -moz-linear-gradient(rgba(229,103,118,0) 0%, rgba(229,103,118,0.9) 50%, #e56776 100%);
  background: -o-linear-gradient(rgba(229,103,118,0) 0%, rgba(229,103,118,0.9) 50%, #e56776 100%);
  background: -ms-linear-gradient(rgba(229,103,118,0) 0%, rgba(229,103,118,0.9) 50%, #e56776 100%);
  background: linear-gradient(rgba(229,103,118,0) 0%, rgba(229,103,118,0.9) 50%, #e56776 100%);
}
.collection-view-page .collection-description-container .fade-out.collections-bg-green {
  background: -webkit-linear-gradient(rgba(54,163,124,0) 0%, rgba(54,163,124,0.9) 50%, #36a37c 100%);
  background: -moz-linear-gradient(rgba(54,163,124,0) 0%, rgba(54,163,124,0.9) 50%, #36a37c 100%);
  background: -o-linear-gradient(rgba(54,163,124,0) 0%, rgba(54,163,124,0.9) 50%, #36a37c 100%);
  background: -ms-linear-gradient(rgba(54,163,124,0) 0%, rgba(54,163,124,0.9) 50%, #36a37c 100%);
  background: linear-gradient(rgba(54,163,124,0) 0%, rgba(54,163,124,0.9) 50%, #36a37c 100%);
}
.collection-view-page .collection-description-container .fade-out.collections-bg-orange {
  background: -webkit-linear-gradient(rgba(206,117,77,0) 0%, rgba(206,117,77,0.9) 50%, #ce754d 100%);
  background: -moz-linear-gradient(rgba(206,117,77,0) 0%, rgba(206,117,77,0.9) 50%, #ce754d 100%);
  background: -o-linear-gradient(rgba(206,117,77,0) 0%, rgba(206,117,77,0.9) 50%, #ce754d 100%);
  background: -ms-linear-gradient(rgba(206,117,77,0) 0%, rgba(206,117,77,0.9) 50%, #ce754d 100%);
  background: linear-gradient(rgba(206,117,77,0) 0%, rgba(206,117,77,0.9) 50%, #ce754d 100%);
}
.collection-view-page .collection-description-container .fade-out.collections-bg-pink {
  background: -webkit-linear-gradient(rgba(198,81,166,0) 0%, rgba(198,81,166,0.9) 50%, #c651a6 100%);
  background: -moz-linear-gradient(rgba(198,81,166,0) 0%, rgba(198,81,166,0.9) 50%, #c651a6 100%);
  background: -o-linear-gradient(rgba(198,81,166,0) 0%, rgba(198,81,166,0.9) 50%, #c651a6 100%);
  background: -ms-linear-gradient(rgba(198,81,166,0) 0%, rgba(198,81,166,0.9) 50%, #c651a6 100%);
  background: linear-gradient(rgba(198,81,166,0) 0%, rgba(198,81,166,0.9) 50%, #c651a6 100%);
}
.collection-view-page .collection-description-container .fade-out.collections-bg-teal {
  background: -webkit-linear-gradient(rgba(62,155,150,0) 0%, rgba(62,155,150,0.9) 50%, #3e9b96 100%);
  background: -moz-linear-gradient(rgba(62,155,150,0) 0%, rgba(62,155,150,0.9) 50%, #3e9b96 100%);
  background: -o-linear-gradient(rgba(62,155,150,0) 0%, rgba(62,155,150,0.9) 50%, #3e9b96 100%);
  background: -ms-linear-gradient(rgba(62,155,150,0) 0%, rgba(62,155,150,0.9) 50%, #3e9b96 100%);
  background: linear-gradient(rgba(62,155,150,0) 0%, rgba(62,155,150,0.9) 50%, #3e9b96 100%);
}
.collection-view-page .collection-description-container .fade-out.collections-bg-gray {
  background: -webkit-linear-gradient(rgba(246,246,246,0) 0%, rgba(246,246,246,0.9) 50%, #f6f6f6 100%);
  background: -moz-linear-gradient(rgba(246,246,246,0) 0%, rgba(246,246,246,0.9) 50%, #f6f6f6 100%);
  background: -o-linear-gradient(rgba(246,246,246,0) 0%, rgba(246,246,246,0.9) 50%, #f6f6f6 100%);
  background: -ms-linear-gradient(rgba(246,246,246,0) 0%, rgba(246,246,246,0.9) 50%, #f6f6f6 100%);
  background: linear-gradient(rgba(246,246,246,0) 0%, rgba(246,246,246,0.9) 50%, #f6f6f6 100%);
}

/* src/js/teacher-spa/collections/collection-modals.styl */
.collection-modal .collection-header {
  font-size: 160%;
  color: #676767;
}
.collection-modal .collection-title {
  padding: 5px 5px 10px;
}
.collection-modal .collection-title input {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.collection-modal .collection-title input::placeholder {
  color: #999;
}
.collection-modal .collection-title .create-alignment-submit {
  float: right;
  margin-bottom: 10px;
}
.collection-modal .delete-message,
.collection-modal .copy-message {
  margin-left: 5px;
  line-height: 2em;
}
.collection-modal .delete-actions,
.collection-modal .copy-actions {
  text-align: right;
  margin-top: 10px;
}
.collection-modal .delete-actions .cancel-link,
.collection-modal .copy-actions .cancel-link {
  color: #676767;
  text-decoration: underline;
  margin-right: 10px;
  padding: 5px;
}
.collection-modal .delete-actions .cancel-link.dcg-hovered,
.collection-modal .copy-actions .cancel-link.dcg-hovered {
  color: #333;
}
.collection-modal .delete-actions .cancel-link.dcg-depressed,
.collection-modal .copy-actions .cancel-link.dcg-depressed {
  color: #000;
}

/* src/js/teacher-spa/collections/collection-permissions-modal/collection-permissions-modal-wrapper.styl */
.collection-permissions-modal .dcg-shared-modal-cover .dcg-shared-modal-contents-wrapper {
  padding: 0;
}
.collection-permissions-modal .dcg-shared-modal-cover .dcg-shared-modal-contents-wrapper .dcg-shared-modal-title {
  padding: 30px 30px 0 30px;
}

/* src/js/teacher-spa/collections/collection-permissions-modal/collection-permissions-view.styl */
.collection-permissions-view .amplify-checkbox label {
  width: unset;
}
.collection-permissions-view .amplify-checkbox input {
  width: 0;
}
.collection-permissions-view .collection-permissions-contents {
  padding: 0 30px;
}
.collection-permissions-view .entitlement-toggle-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.collection-permissions-view .entitlement-toggle-container .multiselect-checkbox-dropdown-container {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.collection-permissions-view .entitlements-container {
  width: 100%;
}
.collection-permissions-view .metadata-container {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.collection-permissions-view .metadata-container .grade-label,
.collection-permissions-view .metadata-container .product-label {
  font-size: 90%;
}
.collection-permissions-view .metadata-container .grade-product-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.collection-permissions-view .metadata-container .grade-product-container .product-choice-container {
  padding-left: 10px;
  width: 50%;
}
.collection-permissions-view .metadata-container .grade-product-container .grade-select-container {
  width: 50%;
  padding-right: 10px;
}
.collection-permissions-view .metadata-container .grade-product-container .grade-select-container .multiselect-checkbox-dropdown {
  width: 100%;
}
.collection-permissions-view .metadata-container .grade-product-container .grade-select-container .multiselect-checkbox-dropdown .anchor-container .multiselect-checkbox-dropdown-anchor {
  width: 100%;
}
.collection-permissions-view .metadata-container .dropdown-container {
  position: fixed;
}
.collection-permissions-view .release-status-toggle {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.collection-permissions-view .visibility-input {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.collection-permissions-view .access-container {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.collection-permissions-view .access-container .amplify-button-toggle .toggle-buttons {
  width: 100%;
}
.collection-permissions-view .collection-permissions-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  text-align: right;
  background-color: #f6f6f6;
}
.collection-permissions-view .collection-permissions-footer .buttons-wrapper {
  padding: 30px;
}
.collection-permissions-view .collection-permissions-footer .buttons-wrapper .button-submit {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}

/* src/js/teacher-spa/collections/collection-placeholder-card.styl */
.private-placeholder.collection-card .collection-title {
  font-style: italic;
}
.private-placeholder.collection-card .author-container {
  padding-top: 5px;
}
.private-placeholder.collection-card .author-container .author {
  border-right: none;
}

/* src/js/teacher-spa/collections/collection-tile.scss */
a.collection-tile-wrapper {
  text-decoration: none;
  color: var(--amp-body-color, #3b3b3b);
}
a.collection-tile-wrapper:focus-visible .collection-tile {
  outline: 3px solid #9c0d63;
  outline-offset: 2px;
}
a.collection-tile-wrapper .collection-tile {
  background: #fff;
  width: 291px;
  height: 262px;
  border-radius: 10px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  position: relative;
}
a.collection-tile-wrapper .collection-tile.is-program-collection {
  height: 229px;
}
a.collection-tile-wrapper .collection-tile:hover {
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.115);
}
a.collection-tile-wrapper .collection-tile .collection-thumbnails {
  display: block;
  width: 100%;
}
a.collection-tile-wrapper .collection-tile .collection-thumbnails .color-ribbon {
  height: 100%;
}
a.collection-tile-wrapper .collection-tile .collection-thumbnails .collection-thumbs {
  height: 100%;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
a.collection-tile-wrapper .collection-tile .collection-thumbnails .collection-thumbs .collection-icons {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
a.collection-tile-wrapper .collection-tile .collection-thumbnails .collection-thumbs .collection-icons .tile-activity-icon {
  background: #f6f6f6;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 4px;
  border: 1px solid #bdbdbd;
  overflow: hidden;
}
a.collection-tile-wrapper .collection-tile .collection-thumbnails .collection-thumbs .collection-icons .tile-activity-icon.is-empty-icon {
  border-style: dashed;
}
a.collection-tile-wrapper .collection-tile .collection-thumbnails .collection-thumbs .collection-icons .tile-activity-icon img {
  height: 100%;
  width: 100%;
}
a.collection-tile-wrapper .collection-tile .collection-content {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
a.collection-tile-wrapper .collection-tile .collection-content .collection-label {
  color: #676767;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-transform: uppercase;
}
a.collection-tile-wrapper .collection-tile .collection-content .collection-label .collection-metadata {
  position: relative;
  top: -3px;
  display: inline-block;
  left: 5px;
}
a.collection-tile-wrapper .collection-tile .collection-content .collection-label .collection-metadata i.collection-metadata-icon {
  color: var(--amp-body-color, #3b3b3b);
}
a.collection-tile-wrapper .collection-tile .collection-content .collection-title {
  overflow: hidden;
  color: var(--amp-body-color, #3b3b3b);
  text-overflow: ellipsis;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 44px;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
a.collection-tile-wrapper .collection-tile .collection-info {
  position: absolute;
  width: 100%;
  padding: 0 18px;
  bottom: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
a.collection-tile-wrapper .collection-tile .collection-info .collection-author {
  display: flex;
  align-items: center;
}
a.collection-tile-wrapper .collection-tile .collection-info .collection-author .author-icons img:last-of-type {
  margin-right: 5px;
}
a.collection-tile-wrapper .collection-tile .collection-info .collection-author .author-icons img:nth-child(2) {
  margin-left: -3px;
}
a.collection-tile-wrapper .collection-tile .collection-info .collection-author .author-name {
  color: var(--amp-body-color, #3b3b3b);
  display: inline-block;
  padding: 0px 8px 0px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #e9e9e9;
  border-radius: 22px;
  text-align: center;
  font-weight: 300;
  font-size: 14px;
}
a.collection-tile-wrapper .collection-tile .collection-info .collection-days {
  overflow: hidden;
  color: var(--amp-body-color, #3b3b3b);
  text-align: right;
  text-overflow: ellipsis;
  font-size: 12.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-transform: lowercase;
}

@media screen and (max-width: 575px) {
  a.collection-tile-wrapper .collection-tile {
    width: 393px;
    height: 110px;
  }
  a.collection-tile-wrapper .collection-tile.is-program-collection {
    height: 110px;
  }
  a.collection-tile-wrapper .collection-tile:has(.color-ribbon) .collection-thumbnails {
    width: 36px;
  }
  a.collection-tile-wrapper .collection-tile:has(.color-ribbon) .collection-info {
    left: 36px;
    width: 339px;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails {
    display: inline-block;
    width: 95px;
    vertical-align: top;
    height: 100%;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails .color-ribbon {
    width: 24px;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails .collection-thumbs .collection-icons {
    position: relative;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails .collection-thumbs .collection-icons .tile-activity-icon {
    position: absolute;
    width: 47px;
    height: 47px;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails .collection-thumbs .collection-icons .tile-activity-icon:nth-child(1) {
    top: 8px;
    z-index: 3;
    left: 0;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails .collection-thumbs .collection-icons .tile-activity-icon:nth-child(2) {
    top: 14px;
    z-index: 2;
    left: 18px;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails .collection-thumbs .collection-icons .tile-activity-icon:nth-child(3) {
    top: 0;
    z-index: 1;
  }
  a.collection-tile-wrapper .collection-tile .collection-content {
    display: inline-block;
    width: 292px;
    margin-left: 0;
    padding-left: 0;
  }
  a.collection-tile-wrapper .collection-tile .collection-content .collection-title {
    -webkit-line-clamp: 1;
    height: 22px;
  }
  a.collection-tile-wrapper .collection-tile .collection-info {
    bottom: 8px;
    left: 95px;
    width: 280px;
    padding: 0;
  }
  a.collection-tile-wrapper .collection-tile .collection-info img {
    width: 20px;
    height: 20px;
  }
  a.collection-tile-wrapper .collection-tile .collection-info .collection-author .author-name {
    font-size: 13px;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) {
  a.collection-tile-wrapper .collection-tile {
    width: 296px;
    height: 257px;
  }
  a.collection-tile-wrapper .collection-tile.is-program-collection {
    height: 224px;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails {
    height: 94px;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails:has(.color-ribbon) {
    height: 33px;
  }
}
@media screen and (min-width: 768px) {
  a.collection-tile-wrapper .collection-tile {
    width: 279px;
    height: 251px;
  }
  a.collection-tile-wrapper .collection-tile.is-program-collection {
    height: 218px;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails {
    height: 93px;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails:has(.color-ribbon) {
    height: 33px;
  }
}
@media screen and (min-width: 992px) {
  a.collection-tile-wrapper .collection-tile {
    width: 291px;
    height: 259px;
  }
  a.collection-tile-wrapper .collection-tile.is-program-collection {
    height: 226px;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails {
    height: 94px;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails:has(.color-ribbon) {
    height: 33px;
  }
}
@media screen and (min-width: 1200px) {
  a.collection-tile-wrapper .collection-tile {
    width: 282px;
    height: 262px;
  }
  a.collection-tile-wrapper .collection-tile.is-program-collection {
    height: 229px;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails {
    height: 97px;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails:has(.color-ribbon) {
    height: 33px;
  }
}
@media screen and (min-width: 1500px) {
  a.collection-tile-wrapper .collection-tile {
    width: 360px;
    height: 296px;
  }
  a.collection-tile-wrapper .collection-tile.is-program-collection {
    height: 263px;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails {
    height: 120px;
  }
  a.collection-tile-wrapper .collection-tile .collection-thumbnails:has(.color-ribbon) {
    height: 33px;
  }
}
/* src/js/teacher-spa/collections/confirm-copy-modal.styl */
.copy-collection-modal-contents .confirm-copy-message {
  padding-top: 10px;
}
.copy-collection-modal-contents .copied-message,
.copy-collection-modal-contents .copying-message {
  width: 100%;
  text-align: center;
  padding: 20px 0;
  font-size: 120%;
  color: #676767;
}
.copy-collection-modal-contents .copying-message {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.copy-collection-modal-contents .copied-message .pillow-icon-check {
  margin-right: 5px;
}
.copy-collection-modal-contents .copied-message .blue-link {
  margin-left: 5px;
}
.copy-collection-modal-contents .amplify-toast {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.copy-collection-modal-contents .copy-actions .btn + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}

/* src/js/teacher-spa/collections/confirm-delete-modal.styl */
.delete-collection-modal .delete-collection-modal-contents {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.delete-collection-modal .delete-collection-modal-contents .confirm-delete-message {
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.delete-collection-modal .delete-collection-modal-contents .deleted-message,
.delete-collection-modal .delete-collection-modal-contents .deleting-message {
  width: 100%;
  text-align: center;
  padding: 20px 0;
  font-size: 120%;
  color: #676767;
}
.delete-collection-modal .delete-collection-modal-contents .deleting-message {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.delete-collection-modal .delete-collection-modal-contents .deleted-message .pillow-icon-check {
  margin-right: 5px;
}
.delete-collection-modal .delete-collection-modal-contents .error-message {
  background-color: #f4c0b3;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--amp-body-color, #3b3b3b);
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  box-shadow: 0 3px 6px rgba(0,0,0,0.08) , 0 3px 6px rgba(0,0,0,0.115);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  margin: 30px 0 20px;
  line-height: 24px;
}
.delete-collection-modal .delete-collection-modal-contents .collection-header.h2 {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.delete-collection-modal .delete-actions .btn + .btn {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.delete-collection-modal .amplify-toast {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
}

/* src/js/teacher-spa/collections/edit/collection-type-selection.styl */
.collection-type.disabled {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  pointer-events: none;
}

/* src/js/teacher-spa/collections/list.styl */
.collections-empty-state,
.collections-logged-out {
  text-align: center;
  font-size: 120%;
  margin: 1em 0;
}
.collections-empty-state img,
.collections-logged-out img {
  display: block;
  width: 400px;
  max-width: 85%;
  margin: 0 auto 20px;
}
.collections-empty-state .empty-state-message,
.collections-logged-out .empty-state-message {
  display: block;
  margin-bottom: 20px;
}
.collections-list-page .collection-list-header-empty-new-nav {
  display: none;
}
.collections-list-page .new-collection-button-new-nav {
  margin-left: auto;
}
.collections-list-page .header-and-info-link {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.collections-list-page .header-and-info-link .section-header {
  padding-right: 5px;
  margin-top: 0;
  margin-bottom: 0;
}
.collections-list-page .default-collections {
  margin-top: 10px;
}
.collections-list-page .default-collections:has(.collection-item-with-tile),
.collections-list-page .collections-list:has(.collection-item-with-tile) {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.collections-list-page .collection-card-container {
  position: relative;
}
.collections-list-page .collection-card-container .collection-actions-menu {
  position: absolute;
  top: 15px;
  right: 0;
  padding-right: 10px;
}
.collections-list-page .amplify-toast .toast-icon {
  margin-left: initial;
}
.collections-list-page .amplify-toast .toast-body {
  margin-right: auto;
}

/* src/js/teacher-spa/collections/pinned-collections-page.scss */
.collections-list-page.pinned {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) 0;
}
.collections-list-page.pinned .empty-message {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
}
.collections-list-page.pinned .empty-message .icon-v2-overflow-vertical {
  border-radius: var(--amp-border-radius, 0.1875em);
  border: 1px solid #676767;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  font-size: 1em;
}
/* src/js/teacher-spa/collections/preview-remove-button.styl */
.remove-button-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 6);
  pointer-events: auto;
  z-index: 1;
}

/* src/js/teacher-spa/collections/request-collection-card.styl */
.collection-card-placeholder {
  width: 100%;
  height: 110px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
  border-radius: 7px;
  margin-right: 5px;
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  background: #fff;
  border: 2px solid #e2e2e2;
}

/* src/js/teacher-spa/collections/shared-new-collection-modal/shared-new-collection-modal.styl */
.collection-modal:has(.modal-title) .collection-edit-name-and-color {
  padding-top: 0;
}
.collection-modal {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  max-height: calc(100vh - (var(--amp-rhythm-unit-px) * 4px + 92px));
  width: 100%;
}
.collection-modal h1,
.collection-modal .collection-edit-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-top: 5px !important;
}
.collection-modal .collection-edit-name-and-color {
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.collection-modal .collection-edit-name-and-color input {
  font-family: "open-sans", sans-serif;
  color: var(--amp-body-color, #3b3b3b);
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 26px;
  border: none;
  border-color: #fff;
  border-bottom: 1px solid #bdbdbd;
  border-radius: 0;
  position: relative;
  top: -5px;
  padding: 0;
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.collection-modal .collection-edit-name-and-color input::-webkit-input-placeholder {
  color: #676767;
}
.collection-modal .collection-edit-name-and-color input:-moz-placeholder {
  color: #676767;
}
.collection-modal .collection-edit-name-and-color input::-moz-placeholder {
  color: #676767;
}
.collection-modal .collection-edit-name-and-color input:-ms-input-placeholder {
  color: #676767;
}
.collection-modal .collection-edit-name-and-color input:hover {
  margin-right: 0;
}
.collection-modal .collection-edit-name-and-color input::placeholder {
  font-style: italic;
}
.collection-modal .collection-edit-name-and-color input:hover,
.collection-modal .collection-edit-name-and-color input:focus-visible {
  border-bottom: 1px solid #9c0d63;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.collection-modal .collection-edit-name-and-color input.form-control:focus::placeholder {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.collection-modal .collection-edit-name-and-color .collection-color-picker {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.collection-modal .input-title {
  font-size: 20px;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) auto;
}
.collection-modal .new-collection-error {
  color: #db2e00;
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.collection-modal .collection-description .ProseMirror {
  padding: 10px;
  min-height: 6em;
  max-height: 12em;
  overflow: auto;
}
.collection-modal .collection-description .dcg-prosemirror-editor {
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  z-index: 1;
}
.collection-modal .collection-description .dcg-prosemirror-editor.dcg-focused {
  border: 1px solid #9c0d63;
  border-top-right-radius: 0;
}
.collection-modal .amplify-button-toggle .toggle-buttons {
  width: 100%;
}
.collection-modal .amplify-button-toggle .toggle-buttons .share-setting-option {
  gap: 0.25em;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.collection-modal .share-settings-chooser {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) 0;
}
.collection-modal .share-settings-chooser .share-settings-title {
  font-size: 18px;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.footer-content-wrapper .save-button-container {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* src/js/teacher-spa/collections/thumb.styl */
.collection-thumb {
  height: 100%;
  border-radius: 5px;
  position: relative;
}
.collection-thumb .activity-icon {
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.collection-thumb .activity-icon img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.collection-thumb .activity-icon:nth-child(1) {
  z-index: 1;
  width: 50%;
  height: 0;
  padding-top: calc(50% - 2px);
  position: absolute;
  bottom: 50%;
  left: 50%;
  margin-bottom: -25%;
  margin-left: -25%;
  background: #67a6e5;
}
.collection-thumb .activity-icon:nth-child(2),
.collection-thumb .activity-icon:nth-child(3) {
  z-index: 0;
  width: 40%;
  height: 0;
  padding-top: calc(40% - 2px);
  position: absolute;
  bottom: 50%;
  margin-bottom: -25%;
}
.collection-thumb .activity-icon:nth-child(2) {
  left: 0px;
  background: #a368e5;
}
.collection-thumb .activity-icon:nth-child(3) {
  right: 0px;
  background: #e56776;
}

/* src/js/teacher-spa/collections/view/adm-home-page.styl */
.adm-landing-page .page-header {
  position: relative;
  border-radius: 5px;
  height: 181px;
  margin-bottom: 15px;
  margin-top: 10px;
  color: rgba(0,0,0,0.8);
  background-color: #ffc0d3;
  background-image: url("/fingerprinted/static/classroom-assets/img/teacher/curriculum-images/ADM/banner-5f54e2a8a18d452795fc698ed045779b3aad5986-b.png");
  background-size: cover;
}
.collection-list .collection .collection-item-with-tile {
  display: inline-block;
  margin-bottom: 22px;
  margin-right: 22px;
}

/* src/js/teacher-spa/collections/view/collection-tags.styl */
.collection-collection-tags {
  display: block;
}
.collection-collection-tags .collection-collection-tag {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 90%;
  border: 1px solid #fff;
  border-radius: 15px;
  margin-right: 8px;
  margin-top: 10px;
  text-decoration: none;
  padding: 2px 6px;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.collection-collection-tags a.collection-collection-tag:hover,
.collection-collection-tags a.collection-collection-tag:focus-visible {
  background: rgba(255,255,255,0.2);
  text-decoration: none;
  color: #fff;
}

/* src/js/teacher-spa/collections/view/v2/collection-card-title.styl */
.collection-title-wave :not(:first-child) {
  margin-top: -5px;
  margin-left: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.collection-title-wave {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.collection-title-wave .h4 {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.collection-title-wave .collection-title-heading-icon {
  font-size: 0.958em !important;
  margin-right: 0;
  cursor: pointer;
}
.collection-title-wave .private-activity-warning {
  color: var(--amp-body-color, #3b3b3b);
  margin-left: 5px;
}
.collection-title-wave .private-activity-warning.dcg-hovered {
  color: var(--amp-body-color, #3b3b3b);
}

/* src/js/teacher-spa/collections/view/v2/collection-wave.styl */
.collection-wave-wrapper {
  background-repeat: no-repeat;
}
.collection-wave-wrapper.has-preview-banner .contents-wrapper .top-of-collection-info {
  margin-top: calc(42px + 72px);
}
.collection-wave-wrapper .wave-wrapper {
  margin-top: -9px;
  margin-right: -20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.collection-wave-wrapper .child-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.collection-wave-wrapper .contents-wrapper {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -ms-flex-item-align: start;
  position: relative;
}
.collection-wave-wrapper .contents-wrapper .top-of-collection-info {
  margin-top: 42px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.collection-wave-wrapper .contents-wrapper .top-of-collection-info h1.book-collection-title {
  font-family: "Amplify", serif;
  font-weight: 500;
  margin: unset;
}
.collection-wave-wrapper .contents-wrapper .top-of-collection-info h1.collection-wave-unit-title {
  font-family: benton-sans;
  font-weight: 400;
  font-size: 1.5625em;
  margin: 13px 0;
}
.collection-wave-wrapper .contents-wrapper .top-of-collection-info .collection-info {
  padding: 7px 0;
}
.collection-wave-wrapper .contents-wrapper .top-of-collection-info .collection-description-container .read-more-container {
  bottom: -25px;
  text-align: left;
}
.collection-wave-wrapper .contents-wrapper .top-of-collection-info .collection-description-container.two-line-description .collection-description {
  height: 50px;
}
.collection-wave-wrapper .contents-wrapper .top-of-collection-info .collection-description-container.two-line-description .read-more-container {
  bottom: -33px;
}
.collection-wave-wrapper .contents-wrapper .top-of-collection-info .collection-description-container.two-line-description .collection-description-read-more-container {
  margin: 0px;
}
.collection-wave-wrapper .wave-header-contents {
  position: relative;
}
.xs .wave-wrapper {
  margin-top: -10px;
}
.xs .contents-wrapper .top-of-collection-info {
  min-height: 62px;
}
.xs .contents-wrapper .top-of-collection-info .book-collection-title,
.xs .contents-wrapper .top-of-collection-info .collection-wave-unit-number,
.xs .contents-wrapper .top-of-collection-info .nonbook-pseudo-collection-title {
  max-width: 295px;
}
.xs .contents-wrapper .top-of-collection-info .nonbook-collection-title {
  max-width: 244px;
}
.xs .contents-wrapper .top-of-collection-info .collection-wave-unit-title {
  max-width: 328px;
}
.xs .wave-header-contents .wave-header-contents-right {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.sm .wave-wrapper {
  margin-top: -10px;
}
.sm .contents-wrapper .top-of-collection-info {
  min-height: 92px;
  max-width: 487px;
}
.sm .contents-wrapper .top-of-collection-info .book-collection-title,
.sm .contents-wrapper .top-of-collection-info .collection-wave-unit-number,
.sm .contents-wrapper .top-of-collection-info .nonbook-pseudo-collection-title {
  max-width: 306px;
}
.sm .contents-wrapper .top-of-collection-info .nonbook-collection-title {
  max-width: 250px;
}
.sm .contents-wrapper .top-of-collection-info .collection-wave-unit-title {
  max-width: 487px;
}
.md .contents-wrapper .top-of-collection-info {
  min-height: 92px;
  max-width: 463px;
}
.md .contents-wrapper .top-of-collection-info .book-collection-title,
.md .contents-wrapper .top-of-collection-info .collection-wave-unit-number,
.md .contents-wrapper .top-of-collection-info .nonbook-pseudo-collection-title {
  max-width: 302px;
}
.md .contents-wrapper .top-of-collection-info .nonbook-collection-title {
  max-width: 260px;
}
.md .contents-wrapper .top-of-collection-info .collection-wave-unit-title {
  max-width: 459px;
}
.lg .contents-wrapper .top-of-collection-info {
  min-height: 136px;
  max-width: 544px;
}
.lg .contents-wrapper .top-of-collection-info .book-collection-title,
.lg .contents-wrapper .top-of-collection-info .collection-wave-unit-number,
.lg .contents-wrapper .top-of-collection-info .nonbook-pseudo-collection-title {
  max-width: 351px;
}
.lg .contents-wrapper .top-of-collection-info .nonbook-collection-title {
  max-width: 324px;
}
.lg .contents-wrapper .top-of-collection-info .collection-wave-unit-title {
  max-width: 516px;
}
.xl .contents-wrapper .top-of-collection-info {
  min-height: 162px;
  max-width: 608px;
}
.xl .contents-wrapper .top-of-collection-info .book-collection-title,
.xl .contents-wrapper .top-of-collection-info .collection-wave-unit-number,
.xl .contents-wrapper .top-of-collection-info .nonbook-pseudo-collection-title {
  max-width: 488px;
}
.xl .contents-wrapper .top-of-collection-info .nonbook-collection-title {
  max-width: 347px;
}
.xl .contents-wrapper .top-of-collection-info .collection-wave-unit-title {
  max-width: 623px;
}
.xxl .wave-wrapper {
  margin-right: -22px;
}
.xxl .contents-wrapper .top-of-collection-info {
  min-height: 197px;
  max-width: 608px;
}
.xxl .contents-wrapper .top-of-collection-info .book-collection-title,
.xxl .contents-wrapper .top-of-collection-info .collection-wave-unit-number,
.xxl .contents-wrapper .top-of-collection-info .nonbook-pseudo-collection-title {
  max-width: 477px;
}
.xxl .contents-wrapper .top-of-collection-info .nonbook-collection-title {
  max-width: 404px;
}
.xxl .contents-wrapper .top-of-collection-info .collection-wave-unit-title {
  max-width: 623px;
}
.has-amplify-header .collection-wave-wrapper .wave-wrapper {
  margin-top: -7px;
}
.has-amplify-header .collection-wave-wrapper.sm .wave-wrapper {
  margin-top: -10px;
}
.has-amplify-header .collection-wave-wrapper.xs .wave-wrapper {
  margin-top: -10px;
}
@media screen and (max-width: 680px) {
  .collection-wave-wrapper.has-preview-banner .wave-wrapper {
    left: -20px;
  }
}
@media screen and (max-width: 780px) {
  .collection-wave-wrapper.has-preview-banner .contents-wrapper .top-of-collection-info {
    margin-top: calc(42px + 122px);
  }
}

/* src/js/teacher-spa/collections/view/v2/title-heading.styl */
.collection-title-heading :not(:first-child) {
  margin-left: 9px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.collection-title-heading {
  word-break: break-word;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.collection-title-heading .dcg-tooltip-hit-area-container {
  height: fit-content;
}
.collection-title-heading .dcg-tooltip-hit-area-container .collection-title-heading-icon {
  font-size: 0.958em !important;
  height: fit-content;
}
.collection-title-heading .private-activity-warning {
  margin-left: -3px; /* for visual balance */
}

/* src/js/teacher-spa/collections/view/view.styl */
.collection-view-page {
  color: var(--amp-body-color, #3b3b3b);
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.collection-view-page .create-district-copy {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 100;
}
.collection-view-page .amplify-toast.copy-collection-toast {
  bottom: 0;
  top: auto;
  padding-bottom: 0;
}
.collection-view-page .amplify-toast.copy-collection-toast .toast-inner {
  width: 100%;
}
.collection-view-page .amplify-toast.copy-collection-toast .toast-inner .toast-body {
  width: 100%;
}
.collection-view-page .collection-loading-state .loading-collection-card {
  margin-bottom: 30px;
  height: 100px;
}
.collection-view-page .error-message {
  text-align: center;
  margin: 25px 0;
}
.collection-view-page .private-error-message {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: 120px auto 0;
  position: relative;
  max-width: 1000px;
  text-align: left;
}
.collection-view-page .private-error-message .lock-icon-container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #676767;
  font-size: 180px;
}
.collection-view-page .private-error-message .private-notice {
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -o-box-flex: 3;
  box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.collection-view-page .private-error-message .private-notice h1 {
  font-weight: 300;
  font-size: 48px;
  margin: 0;
}
.collection-view-page .empty-collection {
  text-align: center;
}
.collection-view-page .empty-collection img {
  display: block;
  width: 400px;
  max-width: 85%;
  margin: 0 auto 20px;
}
.collection-view-page .empty-collection .collection-adding-instructions {
  padding: 25px 0 12.5px;
  color: var(--amp-body-color, #3b3b3b);
  font-size: 110%;
}
.collection-view-page .empty-collection .collection-adding-instructions .fake-add-button {
  border: 1px solid var(--amp-body-color, #3b3b3b);
  border-radius: 3px;
  margin: 0 7px;
  padding: 0 6px 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.collection-view-page .collection-view-header {
  position: relative;
}
.collection-view-page .collection-view-header.collection-wave-header a.privacy-setting-link {
  color: var(--amp-body-color, #3b3b3b);
}
.collection-view-page .collection-view-header.collection-wave-header a.privacy-setting-link:hover,
.collection-view-page .collection-view-header.collection-wave-header a.privacy-setting-link:focus-visible {
  color: var(--amp-body-color, #3b3b3b);
}
.collection-view-page .collection-view-header .author {
  vertical-align: center;
  display: inline-block;
  margin-right: 10px;
  border-right: 1px solid rgba(255,255,255,0.5);
  padding-right: 10px;
}
.collection-view-page .collection-view-header .collection-actions-menu {
  text-align: left;
  margin-left: 10px;
}
.collection-view-page .collection-actions-container {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.collection-view-page .add-to-my-collections,
.collection-view-page .collection-actions-menu {
  display: inline-block;
  vertical-align: middle;
}
.collection-view-page .add-to-my-collections {
  margin: 15px;
  padding: 5px 10px;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.collection-view-page .added-to-my-collections-message {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  white-space: nowrap;
  color: #fff;
  position: absolute;
  top: 15px;
  right: 35px;
}
.collection-view-page .added-to-my-collections-message:not(.show) {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-animation: fadeOut 0.3s;
  -moz-animation: fadeOut 0.3s;
  -o-animation: fadeOut 0.3s;
  -ms-animation: fadeOut 0.3s;
  animation: fadeOut 0.3s;
}
.collection-view-page .added-to-my-collections-message.show {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.collection-view-page .added-to-my-collections-message .pillow-icon-check {
  color: #fff;
  margin-right: 5px;
  font-size: 80%;
}
.collection-view-page .collection-sharing {
  max-width: 565px;
  margin: 10px auto 0;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.collection-view-page .collection-sharing .is-private-message {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.collection-view-page .collection-sharing i {
  margin-right: 10px;
  font-size: 180%;
  float: left;
  position: relative;
  top: 5px;
}
.collection-view-page .collection-sharing a.privacy-setting-link {
  color: #fff;
  text-decoration: underline;
}
.collection-view-page .collection-sharing a.privacy-setting-link:hover,
.collection-view-page .collection-sharing a.privacy-setting-link:focus-visible {
  text-decoration: none;
  color: #fff;
}
.collection-view-page .collection-description-container {
  text-align: left;
  position: relative;
}
.collection-view-page .collection-description-container.is-truncated {
  margin-bottom: 10px;
}
.collection-view-page .collection-description-container .collection-description {
  overflow: hidden;
  max-height: 80px;
}
.collection-view-page .collection-description-container .collection-description a {
  color: #fff;
}
.collection-view-page .collection-description-container .fade-out {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 35px;
}
.collection-view-page .collection-description-container .collection-description-read-more-container {
  position: relative;
  margin-top: -35px;
  z-index: 10;
}
.collection-view-page .collection-description-container .collection-description-read-more-container .fade-out {
  position: unset;
}
.collection-view-page .collection-description-container .collection-description-read-more-container .read-more-container {
  text-align: center;
}
.collection-view-page .collection-description-container .read-more-container .read-more-link {
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  text-decoration: underline;
}
.collection-view-page .collection-activities-container {
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.collection-view-page .collection-activities-container .collection-items-container:has(.collection-item-with-tile) {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.collection-view-page .collection-activities-container .collection-items-container:has(.collection-item-with-tile) .collection-item:has(.collection-section-divider) {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
}
.collection-view-page .collection-activities-container .collection-item-with-tile {
  display: inline-block;
  margin-bottom: 22px;
  margin-right: 22px;
}
.collection-view-page .collection-activities-container .collection-item:first-child .heading-container {
  margin-top: 0;
}
.collection-view-page .collection-activities-container .collection-item .heading-container {
  margin-top: 2em;
}
.collection-view-page .collection-activities-container .collection-item .heading-container h1 {
  margin-top: 0;
  margin-bottom: 0;
}
.collection-view-page .collection-activities-container .collection-item .heading-container h2 {
  font-size: 1.5625em;
}
.collection-view-page .collection-activities-container .collection-item .description-container {
  margin-bottom: 1em;
}
.collection-view-page .collection-activities-container .collection-item .subcollection-card {
  position: relative;
}
.collection-view-page .collection-activities-container .collection-item .subcollection-card .collection-actions-menu {
  position: absolute;
  top: 15px;
  right: 0;
  padding-right: 10px;
}
.collection-view-page .draggable-container > span {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.collection-view-page .curriculum-attribution {
  text-align: center;
  margin: 15px 0 10px;
}
.collection-view-page .wave-and-contents-wrapper .shared-announcement-banner.curriculum-banner {
  margin: 0;
}
.collection-view-page .wave-and-contents-wrapper .contents-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding-top: 0;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  height: fit-content;
}
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info.exceeds-min-height {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
}
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info .collection-wave-unit-title,
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info .nonbook-pseudo-collection-title,
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info .nonbook-collection-title,
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info h2.collection-wave-unit-number {
  font-size: 1.5625em;
  font-weight: 500;
  margin-top: 0;
}
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info .collection-description-container,
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info h1 {
  margin: 0;
  padding: 0;
}
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info .collection-description a {
  color: #9c0d63;
  font-weight: 400;
  text-decoration-color: #9c0d63;
}
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info .collection-description a:hover {
  color: #5e083b;
}
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info .collection-info .author-and-count .author {
  border-right: 1px solid var(--amp-body-color, #3b3b3b);
}
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info .collection-info .collection-collection-tags .collection-collection-tag {
  border: 1px solid var(--amp-body-color, #3b3b3b);
  color: var(--amp-body-color, #3b3b3b);
}
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info .collection-info .collection-collection-tags a.collection-collection-tag:hover,
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info .collection-info .collection-collection-tags a.collection-collection-tag:focus-visible {
  color: var(--amp-body-color, #3b3b3b);
}
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info .book-collection-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info .book-collection-info .days-label:not(.hidden) {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .top-of-collection-info .book-collection-info .unreleased-collection-tag {
  display: inline-block;
  font-size: 90%;
  padding: 0 6px;
  border: 1px solid;
  border-radius: 15px;
  color: #15b097;
}
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .wave-collection-actions {
  margin-right: 6px;
  margin-bottom: 20px;
  height: fit-content;
}
.collection-view-page .wave-and-contents-wrapper .contents-wrapper .collection-actions-container {
  position: unset;
  padding: 0;
}
.collection-description-modal .modal-container h1 {
  text-align: left;
}
.collection-description-modal .modal-container .modal-contents-wrapper {
  max-height: 85vh;
}
.collection-description-modal .modal-container .collection-description-modal-contents {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 15px;
  max-height: calc(100vh - 160px);
}
.collection-description-modal .modal-container .collection-description-modal-contents .rich-text-view {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
}
.collection-description-modal .modal-container .collection-description-modal-contents a {
  text-decoration-color: #9c0d63;
}
.collection-description-modal .modal-container .collection-description-modal-contents h2,
.collection-description-modal .modal-container .collection-description-modal-contents h3 {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1) 0;
}
.collection-description-modal .modal-container .collection-description-modal-contents h2 {
  font-size: 1.6rem;
  line-height: 1.92rem;
}
.collection-description-modal .modal-container .collection-description-modal-contents h3 {
  font-size: 1.17rem;
  line-height: 1.4rem;
}

/* src/js/teacher-spa/create-classcode-modal.styl */
.dcg-shared-modal-cover .create-classcode-modal-contents .create-classcode-modal-header,
.dcg-shared-modal-cover .create-classcode-modal-contents .create-classcode-modal-details,
.dcg-shared-modal-cover .create-classcode-modal-contents .expiration-options {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
}
.dcg-shared-modal-cover .create-classcode-modal-contents .create-classcode-modal-header {
  font-size: 150%;
}
.dcg-shared-modal-cover .create-classcode-modal-contents .create-classcode-modal-details {
  color: #333;
}
.dcg-shared-modal-cover .create-classcode-modal-contents .create-classcode-modal-details .p-tag {
  display: block;
  margin: 20px 0;
}
.dcg-shared-modal-cover .create-classcode-modal-contents .create-classcode-modal-details .p-tag b {
  display: inline-block;
}
.dcg-shared-modal-cover .create-classcode-modal-contents .security-options-header {
  font-size: 120%;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) 0;
}
.dcg-shared-modal-cover .create-classcode-modal-contents .security-options-header .security-options-header-tag {
  font-size: 50%;
  padding: 4px;
  border-radius: 2px;
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  vertical-align: middle;
  background-color: #c6d6ed;
  -webkit-animation: pulseHalo 2s infinite;
  -moz-animation: pulseHalo 2s infinite;
  -o-animation: pulseHalo 2s infinite;
  -ms-animation: pulseHalo 2s infinite;
  animation: pulseHalo 2s infinite;
}
@-moz-keyframes pulseHalo {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-box-shadow: 0 0 0 0 rgba(198,214,237,0.7);
    box-shadow: 0 0 0 0 rgba(198,214,237,0.7);
  }
  50% {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    -webkit-box-shadow: 0 0 0 6px rgba(198,214,237,0.3);
    box-shadow: 0 0 0 6px rgba(198,214,237,0.3);
  }
  100% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-webkit-keyframes pulseHalo {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-box-shadow: 0 0 0 0 rgba(198,214,237,0.7);
    box-shadow: 0 0 0 0 rgba(198,214,237,0.7);
  }
  50% {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    -webkit-box-shadow: 0 0 0 6px rgba(198,214,237,0.3);
    box-shadow: 0 0 0 6px rgba(198,214,237,0.3);
  }
  100% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-o-keyframes pulseHalo {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-box-shadow: 0 0 0 0 rgba(198,214,237,0.7);
    box-shadow: 0 0 0 0 rgba(198,214,237,0.7);
  }
  50% {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    -webkit-box-shadow: 0 0 0 6px rgba(198,214,237,0.3);
    box-shadow: 0 0 0 6px rgba(198,214,237,0.3);
  }
  100% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes pulseHalo {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-box-shadow: 0 0 0 0 rgba(198,214,237,0.7);
    box-shadow: 0 0 0 0 rgba(198,214,237,0.7);
  }
  50% {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    -webkit-box-shadow: 0 0 0 6px rgba(198,214,237,0.3);
    box-shadow: 0 0 0 6px rgba(198,214,237,0.3);
  }
  100% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.dcg-shared-modal-cover .create-classcode-modal-contents .expiration-options-header {
  font-size: 120%;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) 0;
}
.dcg-shared-modal-cover .create-classcode-modal-contents .dividing-line {
  height: 1px;
  background: #bdbdbd;
  position: absolute;
  left: 0;
  right: 0;
}
.dcg-shared-modal-cover .create-classcode-modal-contents .security-options {
  margin-bottom: 0;
  height: auto;
}
.dcg-shared-modal-cover .create-classcode-modal-contents .security-options .rhythm-checkbox {
  width: 100%;
}
.dcg-shared-modal-cover .create-classcode-modal-contents .expiration-options .rhythm-radio {
  display: inline-block;
}
.dcg-shared-modal-cover .create-classcode-modal-contents .expiration-options .rhythm-radio + .rhythm-radio {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.dcg-shared-modal-cover .create-classcode-modal-contents .info-icon {
  padding: 5px;
  margin: 5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.dcg-shared-modal-cover .create-classcode-modal-contents .long-expiration-warning {
  margin-top: 10px;
  color: #676767;
}
.dcg-shared-modal-cover .create-classcode-modal-contents .long-expiration-warning i {
  margin-right: 3px;
  top: 3px;
}
.dcg-shared-modal-cover .dcg-shared-modal-narrow .dcg-shared-modal .adm-create-classcode-modal {
  width: 100% !important;
}
.dcg-shared-modal-cover .dcg-shared-modal-narrow .dcg-shared-modal .adm-create-classcode-modal .dcg-shared-modal-contents-wrapper {
  padding: 26px 39px;
}

/* src/js/teacher-spa/cross-edition-notification-banner.styl */
.alp-cross-edition-notification-banner .amplify-toast {
  border-radius: 0.1875em;
  overflow: hidden;
  z-index: 10;
}
.alp-cross-edition-notification-banner .amplify-toast .amplify-toast-custom-content {
  width: 100% !important;
}
.alp-cross-edition-notification-banner .amplify-toast .toast-body {
  width: 100% !important;
}
.alp-cross-edition-notification-banner .amplify-toast .toast-content {
  width: 100% !important;
}
.alp-cross-edition-notification-banner .amplify-toast .toast-content .alp-cross-edition-notification-banner-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.alp-cross-edition-notification-banner .amplify-toast .toast-content .alp-cross-edition-notification-banner-content .alp-cross-edition-notification-banner-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
@media only screen and (min-width: 768px) {
  .alp-cross-edition-notification-banner .amplify-toast .toast-content .alp-cross-edition-notification-banner-content {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .alp-cross-edition-notification-banner .amplify-toast .toast-content .alp-cross-edition-notification-banner-content .alp-cross-edition-notification-banner-button {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0px;
  }
}

/* src/js/teacher-spa/cross-edition-notification-modal.styl */
.alp-cross-edition-notification-modal .modal-contents-wrapper {
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) !important;
  padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) !important;
  padding-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) !important;
}
.alp-cross-edition-notification-modal .alp-cross-edition-notification-modal-footer-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

/* src/js/teacher-spa/curriculum-partners/eureka-landing.styl */
.eureka-landing {
  width: 100%;
  margin: auto;
}
.eureka-landing .logos-container {
  margin: 20px 0;
}
.eureka-landing .logos-container .eureka-logo {
  padding: 20px 0;
}
.eureka-landing .logos-container .eureka-logo .eureka-thumb {
  width: 150px;
}
.eureka-landing .welcome-header {
  font-size: 200%;
  margin-bottom: 20px;
  font-family: "BreeSerif", "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.eureka-landing .sub-header {
  color: #38a03b;
  text-transform: uppercase;
  display: inline-block;
  width: 90px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.eureka-landing .dividing-line {
  display: inline-block;
  width: calc(100% - 90px);
  height: 1px;
  background: #999;
  vertical-align: middle;
}
.eureka-landing .instructions {
  padding: 10px 0;
}
.eureka-landing .instructions .blue-link {
  margin: 0 5px;
}
.eureka-landing .instructions .course-name {
  margin: 0 5px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.eureka-landing .instructions .instructions-bullet {
  margin: 10px 0;
  line-height: 20px;
  position: relative;
}
.eureka-landing .instructions .instructions-bullet .bullet {
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #000;
  display: inline-block;
  position: absolute;
  top: 7px;
}
.eureka-landing .instructions .instructions-bullet .bullet-text {
  margin-left: 12px;
  line-height: 20px;
}
.eureka-landing .button-container {
  padding-top: 20px;
}
.eureka-landing .error-message {
  text-align: center;
  margin: auto;
  padding-top: 60px;
  width: 75%;
}
.eureka-landing .error-message .pillow-icon-error {
  font-size: 300%;
}
.eureka-landing .error-message .pillow-icon-error,
.eureka-landing .error-message .error-text {
  color: #fa824c;
}
.eureka-landing .error-message .error-text {
  font-size: 180%;
}
.eureka-landing .success-message {
  -webkit-animation: fadePulse 0.3s;
  -moz-animation: fadePulse 0.3s;
  -o-animation: fadePulse 0.3s;
  -ms-animation: fadePulse 0.3s;
  animation: fadePulse 0.3s;
  text-align: center;
  margin: auto;
  padding-top: 100px;
}
.eureka-landing .success-message .pillow-icon-check {
  font-size: 400%;
}
.eureka-landing .success-message .pillow-icon-check,
.eureka-landing .success-message .success-text {
  color: #1aad57;
}
.eureka-landing .success-message .success-text {
  font-size: 200%;
}

/* src/js/teacher-spa/curriculum-partners/request-access-cpm.styl */
.request-access-cpm {
  width: 100%;
  margin: auto;
}
.request-access-cpm .logos-container {
  text-align: center;
}
.request-access-cpm .logos-container .cpm-logo {
  padding: 0 20px;
}
.request-access-cpm .logos-container .cpm-logo .cpm-thumb {
  width: 120px;
}
.request-access-cpm .welcome-header {
  text-align: center;
  font-size: 200%;
  color: #676767;
  font-family: "BreeSerif", "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.request-access-cpm .instructions,
.request-access-cpm .alp-instructions {
  padding: 10px;
}
.request-access-cpm .instructions .email,
.request-access-cpm .alp-instructions .email {
  margin-left: 5px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.request-access-cpm .instructions .blue-link,
.request-access-cpm .alp-instructions .blue-link {
  margin: 0 5px;
}
.request-access-cpm .instructions .bold,
.request-access-cpm .alp-instructions .bold {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.request-access-cpm .alp-instructions {
  font-size: 110%;
  padding: 10px 20px;
}
.request-access-cpm .email-container {
  text-align: center;
  width: 100%;
}
.request-access-cpm .error-view {
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.request-access-cpm .error-view .amplify-toast {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.request-access-cpm .error-view .amplify-toast .toast-body {
  width: auto !important;
  margin-right: auto;
}
.request-access-cpm .confirmation-view {
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.request-access-cpm .confirmation-view .confirmation-message {
  text-align: center;
  margin: 20px auto;
  font-size: 120%;
}
.request-access-cpm .confirmation-view .confirmation-message .cpm-user-info {
  color: #676767;
  margin: 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.request-access-cpm .list-item {
  margin: 10px 20px;
  position: relative;
}
.request-access-cpm .list-item .bullet {
  background: #666;
  color: #fff;
  border-radius: 50%;
  height: 6px;
  width: 6px;
  line-height: 6px;
  position: absolute;
  top: 6px;
  left: 0;
}
.request-access-cpm .list-item span {
  margin-left: 15px;
}
.request-access-cpm .button-container {
  width: 100%;
  text-align: center;
}
.request-access-cpm .success-view {
  -webkit-animation: fadePulse 0.3s;
  -moz-animation: fadePulse 0.3s;
  -o-animation: fadePulse 0.3s;
  -ms-animation: fadePulse 0.3s;
  animation: fadePulse 0.3s;
  text-align: center;
  margin: auto;
}
.request-access-cpm .success-view .success-big {
  font-size: 200%;
  color: #1aad57;
  padding-top: 20px;
}
.request-access-cpm .success-view .success-big .pillow-icon-check {
  margin-right: 10px;
}
.request-access-cpm .success-view .instructions {
  font-size: 140%;
  margin: 0 100px;
  line-height: 40px;
}
.request-access-cpm .success-view .alignment-link {
  display: block;
  text-align: left;
  border-radius: 5px;
  padding: 15px 20px;
  color: #676767;
  background: #f2f2f2;
  border: 1px solid #e2e2e2;
  margin: 10px 0;
  font-size: 140%;
}
.request-access-cpm .success-view .alignment-link.dcg-hovered {
  border: 1px solid #4781b9;
  -webkit-box-shadow: 0 0 0 1px #4781b9;
  box-shadow: 0 0 0 1px #4781b9;
}
.request-access-cpm .success-view .alignment-link.dcg-depressed {
  background: #ebebeb;
  border: 1px solid #4781b9;
  -webkit-box-shadow: 0 0 0 1px #4781b9;
  box-shadow: 0 0 0 1px #4781b9;
}

/* src/js/teacher-spa/custom-activity-tips.styl */
.empty-custom-section {
  text-align: center;
  max-width: 800px;
  margin: 15px auto;
}
.empty-custom-section img {
  max-width: 250px;
  display: block;
  margin: 0 auto calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.empty-custom-section .empty-custom-header {
  font-size: 150%;
  margin: 15px auto;
}
.empty-custom-section .empty-custom {
  width: 50%;
  display: inline-block;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.empty-custom-section.empty-custom-section-new-nav {
  font-family: "open-sans", sans-serif;
  max-width: 600px;
  margin-bottom: 0;
}
.empty-custom-section.empty-custom-section-new-nav .empty-custom-header {
  font-weight: 400;
  margin: 0 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
  font-size: 24px;
}
.empty-custom-section.empty-custom-section-new-nav .empty-subheader-message {
  font-size: 20px;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.empty-custom-section.empty-custom-section-new-nav .empty-custom-resources {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.empty-custom-section.empty-custom-section-new-nav .empty-custom-resources .empty-custom {
  margin: 0;
}
.empty-custom-section.empty-custom-section-new-nav + .account-info {
  margin-top: 0;
}
.empty-custom-section.empty-custom-section-new-nav img {
  max-width: 230px;
  margin: 0 auto calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
@media screen and (max-width: 650px) {
  .empty-custom-section .empty-custom {
    display: block;
    width: 100%;
  }
}

/* src/js/teacher-spa/discover/discover.scss */
.discover-page {
  padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
}
.discover-page .discover-page-banner {
  position: absolute;
  height: 510px;
  overflow: hidden;
  z-index: -1;
  top: -14em;
  right: -27em;
  left: 0em;
  background-image: url("/fingerprinted/static/classroom-assets/img/discover/discoverbanner-d638331052cebe5a1ffe882b33db04b165719d17-b.svg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.discover-page .discover-page-header {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
}
.discover-page .discover-search-bar-container {
  height: 2.5em;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.discover-page .discover-search-bar-container .search-box .search-button {
  left: 0;
  right: unset;
}
.discover-page .discover-search-bar-container .discover-florish-banner {
  background-image: url("/fingerprinted/static/classroom-assets/img/discover/discoverbanner_florish-9aa895cf69299b43ba3cb7187bce21fa2aaedcf7-b.svg");
  background-repeat: no-repeat;
  position: relative;
  width: 393px;
  height: 90px;
  top: -65px;
  left: -26px;
  z-index: -1;
}
.discover-page .discover-grade-filter-container,
.discover-page .discover-subject-filter-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.discover-page .discover-grade-filter-container .grade-filter,
.discover-page .discover-grade-filter-container .subject-filter,
.discover-page .discover-subject-filter-container .grade-filter,
.discover-page .discover-subject-filter-container .subject-filter {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.07), 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
}
.discover-page .discover-grade-filter-container .grade-filter:hover,
.discover-page .discover-grade-filter-container .subject-filter:hover,
.discover-page .discover-subject-filter-container .grade-filter:hover,
.discover-page .discover-subject-filter-container .subject-filter:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1215686275), 0 3px 6px rgba(0, 0, 0, 0.0784313725);
}
.discover-page .discover-grade-filter-container .grade-filter:focus-visible,
.discover-page .discover-grade-filter-container .subject-filter:focus-visible,
.discover-page .discover-subject-filter-container .grade-filter:focus-visible,
.discover-page .discover-subject-filter-container .subject-filter:focus-visible {
  box-shadow: var(--multi-choice-box-shadow-selected-focus-visible, 0 0 0 0.125em #fff, 0 0 0 0.3125em var(--amp-focus-color, #9c0d63), 0 0.25em 0 #80b4f1);
}
.discover-page .discover-grade-filter-container {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  gap: max((100% - 1072px) / 10, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  display: flex;
  justify-content: space-between;
}
.discover-page .discover-grade-filter-container .grade-filter {
  background-color: #e9e9e9;
  padding-right: 0.5em;
  padding-left: 0.75em;
}
.discover-page .discover-grade-filter-container .grade-filter .grade-filter-label {
  background-color: #676767;
  border-radius: 50px;
  height: 24px;
  width: 24px;
  align-items: center;
  color: #fff;
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.discover-page .discover-grade-filter-container .grade-filter .grade-filter-label.multi-char {
  width: 32px;
}
.discover-page .discover-grade-filter-container .grade-filter:active {
  background-color: #cdcdcd;
}
.discover-page .discover-subject-filter-container {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  gap: max((100% - 1224px) / 2, calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem));
}
.discover-page .discover-subject-filter-container .subject-filter {
  max-width: 408px;
  height: 80px;
  border-radius: 76px;
  font-weight: 500;
  font-size: 1.5em;
  flex: 1 0 0;
}
.discover-page .discover-subject-filter-container .subject-filter.math {
  background-color: #b2eddd;
  border-color: 1px solid #b2eddd;
}
.discover-page .discover-subject-filter-container .subject-filter.math:active {
  background-color: #aae1d2;
}
.discover-page .discover-subject-filter-container .subject-filter.math .subject-icon {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%), #b2eddd;
  border: 1px solid #b2eddd;
}
.discover-page .discover-subject-filter-container .subject-filter.literacy {
  background-color: #fbe6a9;
  border-color: 1px solid #fbe6a9;
}
.discover-page .discover-subject-filter-container .subject-filter.literacy:active {
  background-color: #fadc80;
}
.discover-page .discover-subject-filter-container .subject-filter.literacy .subject-icon {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%), #fbe6a9;
  border: 1px solid #fbe6a9;
}
.discover-page .discover-subject-filter-container .subject-filter.science {
  background-color: #ceb8ef;
  border-color: 1px solid #ceb8ef;
}
.discover-page .discover-subject-filter-container .subject-filter.science:active {
  background-color: #b590ee;
}
.discover-page .discover-subject-filter-container .subject-filter.science .subject-icon {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%), #ceb8ef;
  border: 1px solid #ceb8ef;
}
.discover-page .discover-subject-filter-container .subject-filter .subject-icon {
  height: 60px;
  width: 60px;
  border-radius: 300px;
  position: absolute;
  left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.discover-page .activity-list.activity-list-new-nav .header-container,
.discover-page .featured-collections-main-container .header-container {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
}
.discover-page .activity-list.activity-list-new-nav .header-container .section-header,
.discover-page .featured-collections-main-container .header-container .section-header {
  display: unset;
  font-family: benton-sans;
  font-size: 1.25em;
  font-weight: 400;
}
.discover-page .activity-list.activity-list-new-nav .list-pagination,
.discover-page .featured-collections-main-container .list-pagination {
  display: none;
}
.discover-page .discover-program-banners-container {
  width: 100%;
  height: 170px;
  display: flex;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  justify-content: space-between;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 5) 0;
}
.discover-page .discover-program-banners-container .discover-banner {
  /* Align items to the bottom */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-decoration: none;
  color: var(--amp-body-color, #3b3b3b);
  cursor: pointer;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  border-radius: var(--amp-border-radius, 0.1875em);
  width: 100%;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.07), 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
}
.discover-page .discover-program-banners-container .discover-banner.adm {
  background: no-repeat right/cover url("/fingerprinted/static/classroom-assets/img/teacher/adm-banner-background-9655af87c7a54e50563c6a81bff5c362bbe9fd99-b.svg"), #b2eddd;
  background-position-y: 90%;
}
.discover-page .discover-program-banners-container .discover-banner.adm .discover-adm-banner-header {
  max-width: 90%;
}
.discover-page .discover-program-banners-container .discover-banner.adm.width-lg .discover-adm-banner-header {
  max-width: 35%;
}
.discover-page .discover-program-banners-container .discover-banner.adm.width-md3 .discover-adm-banner-header {
  max-width: 40%;
}
.discover-page .discover-program-banners-container .discover-banner.adm.width-md2 .discover-adm-banner-header {
  max-width: 40%;
}
.discover-page .discover-program-banners-container .discover-banner.adm.width-md .discover-adm-banner-header {
  max-width: 45%;
}
.discover-page .discover-program-banners-container .discover-banner.adm.width-sm {
  background-position-x: 25%;
}
.discover-page .discover-program-banners-container .discover-banner.adm.width-sm .discover-adm-banner-header {
  max-width: 60%;
}
.discover-page .discover-program-banners-container .discover-banner.adm.width-sm > span {
  display: block;
  max-width: 69%;
}
.discover-page .discover-program-banners-container .discover-banner.ckla {
  background: no-repeat right/cover url("/fingerprinted/static/classroom-assets/img/teacher/ckla-banner-background-6db3a1d7a1673fc7e86e457c32d7604a05aff5dd-b.png"), #fbe6a9;
}
.discover-page .discover-program-banners-container .discover-banner.ckla .discover-ckla-banner-header {
  max-width: 90%;
}
.discover-page .discover-program-banners-container .discover-banner.ckla.width-full {
  background-position-x: -60px;
}
.discover-page .discover-program-banners-container .discover-banner.ckla.width-lg2 {
  background-position-x: -30px;
}
.discover-page .discover-program-banners-container .discover-banner.ckla.width-lg {
  background-position-x: 15px;
}
.discover-page .discover-program-banners-container .discover-banner.ckla.width-lg .discover-ckla-banner-header {
  max-width: 40%;
}
.discover-page .discover-program-banners-container .discover-banner.ckla.width-md3 {
  background-position-x: 15px;
}
.discover-page .discover-program-banners-container .discover-banner.ckla.width-md3 .discover-ckla-banner-header {
  max-width: 40%;
}
.discover-page .discover-program-banners-container .discover-banner.ckla.width-md2 {
  background-position-x: 15px;
}
.discover-page .discover-program-banners-container .discover-banner.ckla.width-md2 .discover-ckla-banner-header {
  max-width: 40%;
}
.discover-page .discover-program-banners-container .discover-banner.ckla.width-md {
  background-position-x: 30px;
}
.discover-page .discover-program-banners-container .discover-banner.ckla.width-md .discover-ckla-banner-header {
  max-width: 45%;
}
.discover-page .discover-program-banners-container .discover-banner.ckla.width-sm {
  background: no-repeat right/contain url("/fingerprinted/static/classroom-assets/img/teacher/ckla-banner-background-small-81d7b1ae32c31f8ab66b9ec97b2c8a7bd1d863dd-b.png"), #fbe6a9;
}
.discover-page .discover-program-banners-container .discover-banner.ckla.width-sm .discover-ckla-banner-header {
  max-width: 65%;
}
.discover-page .discover-program-banners-container .discover-banner:hover {
  color: var(--amp-body-color, #3b3b3b);
}
.discover-page .discover-program-banners-container .discover-banner:focus-visible {
  color: var(--amp-body-color, #3b3b3b);
}
.discover-page .discover-program-banners-container .discover-banner > span {
  font-size: 13px;
}
.discover-page .discover-polypad-banner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  color: var(--amp-body-color, #3b3b3b);
  padding: 32px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
  border-radius: 4.6875px;
  height: auto;
  width: 100%;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.07), 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
  background: white url("/fingerprinted/static/classroom-assets/img/teacher/polypad-banner-background-6887d028be140cee09dca5e2767df86edaa11e34-b.png") no-repeat right calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4) center/50% auto;
}
.discover-page .discover-polypad-banner > span {
  max-width: 50%;
  line-height: 1.5;
}
.discover-page .discover-polypad-banner .discover-polypad-banner-header {
  margin: 0;
  max-width: 50%;
  font-weight: 500;
  line-height: 1.5;
}
.discover-page .discover-polypad-banner button {
  margin-top: 16px;
}

@media screen and (max-width: 1200px) {
  .discover-page .discover-polypad-banner {
    background: white url("/fingerprinted/static/classroom-assets/img/teacher/polypad-banner-background-xl-ff5b75be0da664e4641c68dff85ed6682b91d1ff-b.png") no-repeat right calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4) center/47% auto;
  }
}
@media screen and (max-width: 1330px) {
  .discover-page .discover-grade-filter-container {
    justify-content: center;
  }
}
@media screen and (min-width: 992px) and (max-width: 1240px) {
  .discover-page .discover-grade-filter-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .discover-page .discover-grade-filter-container > :nth-child(7) {
    grid-column-start: 2;
  }
}
@media screen and (min-width: 667px) and (max-width: 992px) {
  .discover-page .discover-grade-filter-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .discover-page .discover-grade-filter-container > :nth-child(9) {
    grid-column-start: 2;
  }
}
@media screen and (max-width: 666px) {
  .discover-page .discover-grade-filter-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 992px) {
  .discover-page .discover-subject-filter-container .subject-filter {
    padding-left: calc(55px + calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) + calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
    padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .discover-page .discover-subject-filter-container .subject-filter .subject-icon {
    height: 55px;
    width: 55px;
  }
  .discover-page .discover-program-banners-container {
    flex-direction: column;
    height: auto;
  }
  .discover-page .discover-program-banners-container .discover-banner {
    height: 170px;
  }
  .discover-page .discover-polypad-banner {
    background: white url("/fingerprinted/static/classroom-assets/img/teacher/polypad-banner-background-lg-233db27826ed0bfe6e2bfdc7c23a94bb939eaf81-b.png") no-repeat right 32px center/47% auto;
  }
}
@media screen and (max-width: 768px) {
  .discover-page .discover-subject-filter-container .subject-filter {
    padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4 + calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) + calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
    height: 75px;
  }
  .discover-page .discover-subject-filter-container .subject-filter .subject-icon {
    height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
    width: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
  }
  .discover-page .discover-polypad-banner {
    background: white url("/fingerprinted/static/classroom-assets/img/teacher/polypad-banner-background-md-908a6c422f89bbd59e2f60e6d1ec170451d7f907-b.png") no-repeat right 16px center/35% auto;
  }
  .discover-page .discover-polypad-banner > span {
    max-width: 70%;
  }
  .discover-page .discover-polypad-banner .discover-polypad-banner-header {
    max-width: 70%;
  }
}
@media screen and (max-width: 666px) {
  .discover-page .discover-page-header,
  .discover-page .discover-page-subheader {
    text-align: center;
  }
  .discover-page .discover-grade-filter-container .grade-filter {
    min-width: 156px;
  }
  .discover-page .discover-subject-filter-container {
    flex-direction: column;
  }
  .discover-page .discover-subject-filter-container .subject-filter {
    min-height: 75px;
    padding: 0 1.5em;
    max-width: none;
  }
  .discover-page .discover-subject-filter-container .subject-filter .subject-icon {
    height: 60px;
    width: 60px;
  }
}
@media screen and (max-width: 680px) {
  .discover-page .discover-page-banner {
    top: -13.3em;
    right: -28.9em;
  }
  .discover-page .discover-search-bar-container .discover-florish-banner {
    background-image: url("/fingerprinted/static/classroom-assets/img/discover/discoverbanner_florish_smallerDots-6be8f58271a17bff8aa8ed02f0e0c707db0db70c-b.svg");
    width: 393px;
    top: -65px;
    left: -25px;
  }
}
@media screen and (max-width: 577px) {
  .discover-page .discover-search-bar-container .discover-florish-banner {
    width: 350px;
    top: -60px;
    left: -23px;
  }
  .discover-page .discover-program-banners-container .discover-banner {
    font-size: 12.8px;
  }
  .discover-page .discover-program-banners-container .discover-banner h2 {
    font-size: 25px;
  }
  .discover-page .discover-program-banners-container .discover-banner.adm.width-sm .discover-adm-banner-header {
    max-width: 55%;
  }
  .discover-page .discover-program-banners-container .discover-banner.ckla.width-sm .discover-ckla-banner-header {
    max-width: 60%;
  }
  .discover-page .discover-polypad-banner {
    padding: 16px 32px;
    background: white url("/fingerprinted/static/classroom-assets/img/teacher/polypad-banner-background-sm-85f25e887b4e5577ae1c7eb3815325c6c098706f-b.png") no-repeat right top/35% auto;
  }
  .discover-page .discover-polypad-banner > span {
    max-width: 70%;
  }
  .discover-page .discover-polypad-banner .discover-polypad-banner-header {
    max-width: 70%;
  }
}
@media screen and (max-width: 400px) {
  .discover-page {
    padding-right: 0;
  }
  .discover-page .discover-search-bar-container .discover-florish-banner {
    width: 260px;
    top: -46px;
    left: -17px;
  }
  .discover-page .discover-grade-filter-container .grade-filter {
    min-width: 124px;
  }
  .discover-page .discover-grade-filter-container .grade-filter .grade-filter-label {
    line-height: 2;
  }
  .discover-page .discover-subject-filter-container .subject-filter {
    padding-left: calc(60px + calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) + calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5));
  }
}
@media screen and (max-width: 320px) {
  .discover-page .discover-search-bar-container .discover-florish-banner {
    width: 150px;
    top: -26px;
    left: -10px;
  }
}
@media screen and (max-width: 280px) {
  .discover-page .discover-grade-filter-container .grade-filter .grade-filter-label {
    line-height: 2.5;
  }
}
/* src/js/teacher-spa/edition-dropdown.scss */
.editions-dropdown-container .single-edition-label .edition-label {
  max-width: 227px;
}
.editions-dropdown-container .single-edition-label .btn {
  align-items: center;
  background-color: #fff;
  border-color: #bdbdbd;
  color: var(--amp-body-color, #3b3b3b);
  pointer-events: none;
}
.editions-dropdown-container .single-edition-label .btn .btn-text {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editions-dropdown-container .edition-dropdown.show .btn:after {
  transform: rotate(180deg);
}
.editions-dropdown-container .edition-dropdown .anchor-container {
  max-width: 227px;
}
.editions-dropdown-container .edition-dropdown .dropdown-choice {
  white-space: normal;
  overflow: visible;
}
.editions-dropdown-container .edition-dropdown .dropdown-choice.selected {
  background: #e9e9e9;
}
.editions-dropdown-container .edition-dropdown .dropdown-choice:focus-visible,
.editions-dropdown-container .edition-dropdown .anchor-container:focus-visible {
  border-radius: var(--amp-border-radius, 0.1875em);
}
.editions-dropdown-container .edition-dropdown .btn {
  max-width: 227px;
}
.editions-dropdown-container .edition-dropdown .btn-text {
  max-width: 170px;
}
.editions-dropdown-container .edition-dropdown .btn-text span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editions-dropdown-container .edition-dropdown .dropdown-container {
  top: calc(100% + 2px);
  width: 224px;
  padding: 0;
}
/* src/js/teacher-spa/featured-collections.styl */
.loading-collection-card {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  background: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 7px;
  height: 80px;
  margin-bottom: 10px;
}
.collection-item-with-tile {
  display: inline-block;
  margin-bottom: 22px;
  margin-right: 22px;
}

/* src/js/teacher-spa/featured-page.styl */
.site-invite-error {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  padding: 10px;
  margin-bottom: 20px;
}
.dcg-art-contest-section {
  margin-bottom: 20px;
}

/* src/js/teacher-spa/free-user-entry-modal/free-user-entry-modal-contents.styl */
.free-user-entry-modal-contents .free-user-entry-modal-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.free-user-entry-modal-contents .free-user-entry-modal-label {
  font-weight: 500;
}
.free-user-entry-modal-contents .free-user-entry-modal-teacher-role-selector,
.free-user-entry-modal-contents .free-user-entry-modal-country-selector,
.free-user-entry-modal-contents .free-user-entry-modal-school-selector,
.free-user-entry-modal-contents .free-user-entry-modal-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.5);
}
@media screen and (max-width: 780px) {
  .free-user-entry-modal-contents .free-user-entry-modal-school-selector {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.free-user-entry-modal-contents .free-user-entry-modal-school-selector.hide {
  visibility: hidden;
}
.free-user-entry-modal-contents .free-user-entry-modal-country-dropdown,
.free-user-entry-modal-contents .free-user-entry-modal-school-dropdown,
.free-user-entry-modal-contents .free-user-entry-modal-teacher-role,
.free-user-entry-modal-contents .free-user-entry-modal-teacher-role-other {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.free-user-entry-modal-contents .free-user-entry-modal-school-zipcode,
.free-user-entry-modal-contents .free-user-entry-modal-country-dropdown,
.free-user-entry-modal-contents .free-user-entry-modal-school-dropdown,
.free-user-entry-modal-contents .free-user-entry-modal-teacher-role,
.free-user-entry-modal-contents .free-user-entry-modal-teacher-role-other {
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
@media screen and (min-width: 780px) {
  .free-user-entry-modal-contents .free-user-entry-modal-school-zipcode,
  .free-user-entry-modal-contents .free-user-entry-modal-country-dropdown,
  .free-user-entry-modal-contents .free-user-entry-modal-school-dropdown,
  .free-user-entry-modal-contents .free-user-entry-modal-teacher-role,
  .free-user-entry-modal-contents .free-user-entry-modal-teacher-role-other {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
  }
}
@media screen and (max-width: 780px) {
  .free-user-entry-modal-contents .free-user-entry-modal-school-zipcode,
  .free-user-entry-modal-contents .free-user-entry-modal-country-dropdown,
  .free-user-entry-modal-contents .free-user-entry-modal-school-dropdown,
  .free-user-entry-modal-contents .free-user-entry-modal-teacher-role,
  .free-user-entry-modal-contents .free-user-entry-modal-teacher-role-other {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
  }
}
.free-user-entry-modal-contents .free-user-entry-modal-school-zipcode .zip-input-container {
  position: relative;
  width: 100%;
}
.free-user-entry-modal-contents .free-user-entry-modal-school-zipcode .zip-input-container .zip-input {
  padding: 0 2.4em 0 1em;
}
.free-user-entry-modal-contents .free-user-entry-modal-school-zipcode .zip-input-container i {
  font-size: 26px;
  color: #db2e00;
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 26px;
  margin: 7px;
}
.free-user-entry-modal-contents .free-user-entry-modal-teacher-role-dropdown,
.free-user-entry-modal-contents .free-user-entry-modal-teacher-country-dropdown {
  display: block;
}
.free-user-entry-modal-contents .free-user-entry-modal-teacher-role-dropdown .free-user-entry-modal-teacher-role-dropdown-btn,
.free-user-entry-modal-contents .free-user-entry-modal-teacher-country-dropdown .free-user-entry-modal-teacher-role-dropdown-btn,
.free-user-entry-modal-contents .free-user-entry-modal-teacher-role-dropdown .free-user-entry-modal-teacher-country-dropdown-btn,
.free-user-entry-modal-contents .free-user-entry-modal-teacher-country-dropdown .free-user-entry-modal-teacher-country-dropdown-btn {
  max-width: 100%;
  width: 100%;
}
.free-user-entry-modal-contents .free-user-entry-modal-grades {
  padding-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1.5);
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.free-user-entry-modal-contents .free-user-entry-modal-grades .optional-marker {
  font-weight: 400;
  font-style: italic;
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.33);
}
.free-user-entry-modal-contents .free-user-entry-modal-grades .multi-select-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.free-user-entry-modal-contents .free-user-entry-modal-teacher-school-dropdown {
  display: block;
}
.free-user-entry-modal-contents .free-user-entry-modal-teacher-school-dropdown.disabled {
  cursor: default;
}
.free-user-entry-modal-contents .free-user-entry-modal-teacher-school-dropdown .dropdown-container-inner {
  max-height: 20em;
  overflow-y: auto;
}
.free-user-entry-modal-contents .free-user-entry-modal-teacher-school-dropdown .free-user-entry-modal-teacher-school-dropdown-btn {
  width: 100%;
  max-width: 100%;
}
.free-user-entry-modal-contents .free-user-entry-modal-footer {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.free-user-entry-modal-contents .free-user-entry-modal-footer.button-right {
  -webkit-box-pack: right;
  -moz-box-pack: right;
  -o-box-pack: right;
  -ms-flex-pack: right;
  -webkit-justify-content: right;
  justify-content: right;
}
.free-user-entry-modal-contents .free-user-entry-modal-footer .free-user-entry-modal-acceptable-use a {
  font-weight: 500;
}
.free-user-entry-modal-contents .free-user-entry-modal-spinner {
  width: 25px;
  height: 25px;
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
  background-image: url("/fingerprinted/static/classroom-assets/img/student/spinner_dark-83389860774c73ebc802fac0d400d91fd90cf4a5-b.gif");
  background-size: 25px;
}
.free-user-entry-modal-contents .saved-notice {
  color: var(--amp-body-color, #3b3b3b);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
  background-color: #b3dbd3;
  margin-right: 15px;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 95%;
}
.free-user-entry-modal-contents .saved-notice .h2 {
  margin: 0;
  font-size: 100%;
  line-height: 1.5em;
}
.free-user-entry-modal-contents .saved-notice .icon-v2-messaging-success {
  margin-right: 5px;
}
.free-user-entry-modal-contents .saved-notice.hidden {
  pointer-events: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.free-user-entry-modal-contents .invalid-zip-error-message {
  color: #db2e00;
  font-size: 12.8px;
}
.free-user-entry-modal-contents .invalid-zip-error-message.hide {
  visibility: hidden;
}
.free-user-entry-modal-contents .invalid-zip-error-border {
  border-color: #f4c0b3;
  -webkit-box-shadow: inset 1px 1px #f4c0b3, inset -1px -1px #f4c0b3;
  box-shadow: inset 1px 1px #f4c0b3, inset -1px -1px #f4c0b3;
}

/* src/js/teacher-spa/free-user-entry-modal/free-user-entry-modal.styl */
.free-user-entry-modal-container.not-existing-user .dcg-shared-modal-background {
  cursor: default;
}
.free-user-entry-modal .free-user-entry-modal-header {
  text-align: center;
}
.free-user-entry-modal .free-user-entry-modal-header .free-user-entry-modal-title {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  font-weight: 500;
}
.free-user-entry-modal .free-user-entry-modal-header .free-user-entry-modal-subtitle {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}

/* src/js/teacher-spa/free-user-entry-modal/free-user-entry-page.styl */
.free-user-entry-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
  background-position: center;
  background-size: 80%;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .free-user-entry-page {
    background-image: none !important;
  }
}
@media screen and (min-width: 800px) and (max-width: 1920px) and (min-height: 1080px) {
  .free-user-entry-page {
    background-size: cover;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 1920px) and (min-height: 1080px) {
  .free-user-entry-page {
    background-repeat: repeat;
  }
}
.free-user-entry-page .free-user-entry-page-centered {
  overflow: scroll;
  width: 800px;
  padding: 30px;
  background: #fff;
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
@media screen and (min-width: 800px) {
  .free-user-entry-page .free-user-entry-page-centered {
    max-height: calc(100vh - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4));
  }
}
@media screen and (max-width: 800px) {
  .free-user-entry-page .free-user-entry-page-centered {
    height: 100vh;
  }
}

/* src/js/teacher-spa/front-page/account-migration-banner.scss */
.account-migration-container {
  display: flex;
  flex-direction: row;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  background-color: #fff;
}
.account-migration-container .account-migration-paperplane {
  position: absolute;
  width: 220px;
  height: 102px;
  top: 1px;
  right: 11px;
}
.account-migration-container .account-migration-logo {
  display: flex;
  min-width: 250px;
  max-width: 100%;
  z-index: 2;
}
.account-migration-container .account-migration-logo svg {
  height: unset;
  width: unset;
}
.account-migration-container .account-migration-content {
  display: flex;
  flex-direction: row;
  color: var(--amp-body-color, #3b3b3b);
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  line-height: 26px;
}
.account-migration-container .account-migration-content .account-migration-header {
  position: relative;
  z-index: 2;
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  margin-top: 0;
  font-size: 25px;
  line-height: 39px;
  max-width: 465px;
}
.account-migration-container .account-migration-content .account-migration-message {
  font-size: 16px;
  max-width: 515px;
  line-height: 26px;
}
.account-migration-container .account-migration-content .account-migration-message .amplify-classroom {
  white-space: nowrap;
}
.account-migration-container .account-migration-content .btn-primary {
  width: 150px;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  align-self: center;
  margin-left: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2.5);
  z-index: 2;
}

@media screen and (max-width: 1300px) {
  .account-migration-container {
    padding: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.6) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
  }
  .account-migration-container .account-migration-paperplane {
    width: 110px;
    height: 110px;
  }
  .account-migration-container .account-migration-content {
    flex-direction: column;
  }
  .account-migration-container .account-migration-content .btn-primary {
    align-self: flex-start;
    margin-left: 0;
  }
}
@media screen and (max-width: 680px) {
  .account-migration-container .account-migration-paperplane {
    top: 12px;
    right: 22px;
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 900px) {
  .account-migration-container {
    flex-direction: column;
    padding: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.6) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  }
  .account-migration-container .account-migration-logo {
    margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
    min-width: unset;
  }
  .account-migration-container .account-migration-content {
    margin-left: 0;
  }
  .account-migration-container .account-migration-content .account-migration-header-container .account-migration-header {
    margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .account-migration-container .account-migration-content .account-migration-header-container .account-migration-paperplane {
    right: -48px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .account-migration-container .account-migration-paperplane {
    width: 90px;
    height: 90px;
  }
}
/* src/js/teacher-spa/front-page/curriculum-intro-banner.styl */
.curriculum-header-container {
  z-index: 1;
  border-radius: var(--amp-border-radius, 0.1875em);
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.curriculum-header-container .adm-header-container {
  background-color: #fff;
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  height: auto;
  padding: 0;
}
.curriculum-header-container .header-content-position {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.curriculum-header-container .header-content {
  background: #fff;
  max-width: 591px;
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.07) , 0 1px 2px rgba(0,0,0,0.12);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  z-index: 2;
}
.curriculum-header-container .header-content h1 {
  font-size: 1.6em;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}
.curriculum-header-container .header-content h1,
.curriculum-header-container .header-content .dcg-p-tag {
  color: var(--amp-body-color, #3b3b3b);
}
.curriculum-header-container .header-content .dcg-p-tag {
  font-size: 94%;
  margin: 5px 0;
}
.curriculum-header-container .header-content .btn {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.curriculum-header-container .adm-header-container {
  position: relative;
  width: 100%;
  max-width: 1400px;
  height: auto;
  padding: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) + calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5)) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 5);
  background-image: url("/fingerprinted/static/classroom-assets/img/frontpage/adm-curriculum-header-background-asset1-2af9bd57300efe8caff1d15501ce8f10b8510547-b.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
  margin: 0 auto;
}
.curriculum-header-container .adm-header-container:after {
  width: 100%;
  height: 100%;
  min-width: 718.5px;
  position: absolute;
  content: '';
  background-image: url("/fingerprinted/static/classroom-assets/img/frontpage/adm-curriculum-header-background-asset2-f3f7dbb2c90f457d9757d9d788c96a8e69141fae-b.png");
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  bottom: 0;
}
.curriculum-header-container .adm-header-container .header-content {
  max-width: 600px;
  padding: 23px 30px;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.14);
  box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.14);
}
.curriculum-header-container .adm-header-container .header-content h4 {
  margin: 0;
}
.curriculum-header-container .adm-header-container .header-content .dcg-p-tag {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0;
  font-size: inherit;
}
.curriculum-header-container .adm-header-container .header-content .btn {
  margin-top: 5.75px;
  margin-bottom: 5.75px;
}
@media screen and (max-width: 1300px) {
  .curriculum-header-container .adm-header-container:after {
    left: 100px;
  }
}
@media screen and (max-width: 1200px) {
  .curriculum-header-container .adm-header-container:after {
    left: 190px;
  }
}
@media screen and (max-width: 1100px) {
  .curriculum-header-container .adm-header-container:after {
    left: 305px;
  }
}
@media screen and (max-width: 1000px) {
  .curriculum-header-container .adm-header-container:after {
    left: 300px;
  }
}
@media screen and (max-width: 900px) {
  .curriculum-header-container {
    max-width: 100%;
  }
  .curriculum-header-container .adm-header-container {
    padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .curriculum-header-container .adm-header-container:after {
    left: 170px;
  }
}
@media screen and (max-width: 800px) {
  .curriculum-header-container {
    height: auto;
  }
  .curriculum-header-container .adm-header-container:after {
    left: 20px;
  }
}
@media screen and (max-width: 680px) {
  .curriculum-header-container .adm-header-container:after {
    left: 140px;
  }
}
@media screen and (max-width: 576px) {
  .curriculum-header-container .adm-header-container:after {
    left: 60px;
  }
}

/* src/js/teacher-spa/front-page/pilot-section.styl */
.pilot-section-container .new-teacher-experience-notice {
  background: rgba(71,129,185,0.1);
  border: 1px solid rgba(71,129,185,0.2);
  border-radius: 5px;
  text-align: center;
  padding: 15px;
  margin-bottom: 10px;
  font-size: 115%;
  color: #333;
}
.pilot-section-container .new-teacher-experience-notice .new-teacher-experience-title {
  margin-right: 10px;
}
.pilot-section-container .book-card {
  color: #676767;
  text-decoration: none;
}
.pilot-section-container .book-card .card-contents {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pilot-section-container .book-card .collection-thumb {
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
  background: transparent;
  border: none;
  width: 130px;
  margin-right: 15px;
  height: 65px;
}
.pilot-section-container .book-card .book-title {
  font-size: 135%;
  color: #676767;
  font-family: "BreeSerif", "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.loading-curriculum-card {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  background: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 7px;
  height: 80px;
  margin-bottom: 10px;
}

/* src/js/teacher-spa/group-activity-card.styl */
.amp-styles a.group-activity-card {
  color: var(--amp-body-color, #3b3b3b);
  text-decoration: none;
}
.amp-styles a.group-activity-card:hover {
  color: var(--amp-body-color, #3b3b3b);
  text-decoration: none;
}
.group-activity-card {
  text-decoration: none;
  margin-bottom: 15px;
  width: 100%;
  vertical-align: top;
  display: inline-block;
  position: relative;
  border-radius: var(--amp-border-radius, 0.1875em);
  overflow: visible;
}
.group-activity-card:hover {
  overflow: hidden;
}
.group-activity-card:not(.collection-card) .description-content {
  padding: 0 15px;
  width: calc(100% - 140px);
}
.group-activity-card .card-contents {
  margin: 15px;
}
.group-activity-card .card-contents .description-content {
  display: inline-block;
  vertical-align: top;
}
.group-activity-card .card-contents .description-content .group-activity-card-title {
  color: var(--amp-body-color, #3b3b3b);
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.group-activity-card .card-contents .description-content .group-activity-card-title:not(.collection-title) {
  font-size: 120%;
}
.group-activity-card .card-contents .description-content .group-activity-card-title .h4 {
  font-weight: 500;
  font-size: 18px;
  display: inline-block;
}
.group-activity-card .card-contents .description-content .group-activity-card-activity-num,
.group-activity-card .card-contents .description-content .group-activity-card-description {
  margin-top: 5px;
  color: var(--amp-body-color, #3b3b3b);
  font-size: 90%;
}
.group-activity-card .card-contents .description-content .group-activity-card-activity-num {
  margin-right: 5px;
  display: inline-block;
}
@media screen and (max-width: 500px) {
  .group-activity-card .group-activity-card-description {
    display: none;
  }
}

/* src/js/teacher-spa/history/history-row.styl */
.activity-instance-row.dashboard-history-row {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #bdbdbd;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.activity-instance-row.dashboard-history-row.deleting {
  -webkit-transition: -webkit-transform 300ms, opacity 300ms;
  -moz-transition: -moz-transform 300ms, opacity 300ms;
  -o-transition: -o-transform 300ms, opacity 300ms;
  -ms-transition: -ms-transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms;
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  pointer-events: none;
}
.activity-instance-row.dashboard-history-row .activity-info {
  width: 27%;
  min-width: 27%;
  row-gap: 5px;
}
.activity-instance-row.dashboard-history-row .class-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.activity-instance-row.dashboard-history-row .class-info-archive {
  margin-top: 3px;
}
.activity-instance-row.dashboard-history-row .actions-container {
  height: 50px;
  padding: 3px 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0;
  -ms-flex: 0 0;
  flex: 0 0;
  margin-left: auto;
}
.activity-instance-row.dashboard-history-row .session-cell {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 34%;
  -ms-flex: 0 0 34%;
  flex: 0 0 34%;
  overflow: hidden;
}
.activity-instance-row.dashboard-history-row .session-cell-archive {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  overflow: hidden;
  height: 51px;
}
.activity-instance-row.dashboard-history-row .tag-wrap-small {
  margin-top: 11px;
}
.activity-instance-row.dashboard-history-row .date-container,
.activity-instance-row.dashboard-history-row .current-dashboard {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 13%;
  -ms-flex: 0 0 13%;
  flex: 0 0 13%;
}
.activity-instance-row.dashboard-history-row .history-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.activity-instance-row.dashboard-history-row .history-row .history-activity-thumb-container {
  height: 40px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 40px;
  -ms-flex: 0 40px;
  flex: 0 40px;
  position: relative;
  margin: 0 15px 0 5px;
}
.activity-instance-row.dashboard-history-row .history-row .history-activity-thumb-container .history-activity-thumb {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  background-size: cover;
  background-position: center center;
}
.activity-instance-row.dashboard-history-row .history-row .title-area {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -o-box-flex: 2;
  box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  padding: 5px;
  overflow: hidden;
}
.activity-instance-row.dashboard-history-row .history-row .title-area .activity-name-link {
  text-decoration: none;
}
.activity-instance-row.dashboard-history-row .history-row .title-area .activity-name-link.dcg-depressed,
.activity-instance-row.dashboard-history-row .history-row .title-area .activity-name-link.dcg-hovered {
  text-decoration: underline;
  text-decoration-color: var(--amp-body-color, #3b3b3b);
}
.activity-instance-row.dashboard-history-row .history-row .title-area .instance-title {
  font-size: 110%;
  padding-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: var(--amp-body-color, #3b3b3b);
  text-decoration: underline;
}
.activity-instance-row.dashboard-history-row .student-count {
  color: var(--amp-body-color, #3b3b3b);
  font-size: 90%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 8%;
  -ms-flex: 0 0 8%;
  flex: 0 0 8%;
  text-align: center;
}
.activity-instance-row.dashboard-history-row .date-container {
  text-align: center;
}
.activity-instance-row.dashboard-history-row .date-container .date {
  margin-top: 2px;
  color: var(--amp-body-color, #3b3b3b);
  display: block;
  font-size: 15px;
}
.activity-instance-row.dashboard-history-row .date-container .time {
  color: var(--amp-body-color, #3b3b3b);
  font-size: 12.5px;
  display: block;
  font-size: 80%;
}
.activity-instance-row.dashboard-history-row .date-container .not-run-yet {
  line-height: 35px;
  font-size: 90%;
  font-style: italic;
  color: rgba(0,0,0,0.2);
}
.activity-instance-row.dashboard-history-row .dashboard-link-cell {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 15%;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  text-align: center;
  line-height: 35px;
}
.activity-instance-row.dashboard-history-row .dashboard-link-archived {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 22%;
  -ms-flex: 0 0 22%;
  flex: 0 0 22%;
}
.activity-instance-row.dashboard-history-row .dashboard-link-disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.activity-instance-row.dashboard-history-row .dashboard-link-disabled:hover {
  text-decoration: underline;
  text-decoration-color: #9c0d63;
  color: #9c0d63;
}
.activity-instance-row.dashboard-history-row .date-widget,
.activity-instance-row.dashboard-history-row .not-run-yet {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 120px;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  text-align: center;
  margin-right: 5px;
}
.activity-instance-row.dashboard-history-row .tag-wrapper {
  padding-right: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  row-gap: 10px;
  font-style: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  overflow: hidden;
}
.activity-instance-row.dashboard-history-row .tag-wrapper .block-unassigned-message {
  color: #999;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  border-radius: 4px;
  font-size: 80%;
  line-height: 20px;
  border: 1px solid #999;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.activity-instance-row.dashboard-history-row .archived-tag {
  color: #fff;
  background: #999;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 80%;
  line-height: 20px;
}
.activity-instance-row.dashboard-history-row .not-run-yet {
  line-height: 40px;
  font-size: 75%;
  font-style: italic;
  color: #999;
}
.activity-instance-row.dashboard-history-row .date-widget {
  width: 120px;
  text-align: right;
}
.activity-instance-row.dashboard-history-row .date-widget .date {
  color: #676767;
  font-size: 85%;
  margin-top: 4px;
}
.activity-instance-row.dashboard-history-row .date-widget .time {
  color: #999;
  font-size: 75%;
}
.activity-instance-row.dashboard-history-row .class-code-container .class-code-active,
.activity-instance-row.dashboard-history-row .block-name {
  color: var(--amp-body-color, #3b3b3b);
  text-decoration: none;
}
.activity-instance-row.dashboard-history-row .block-name {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.activity-instance-row.dashboard-history-row .block-name-archive {
  margin-top: -5px;
}
.activity-instance-row.dashboard-history-row .pause-tooltip {
  display: none;
}
.activity-instance-row.dashboard-history-row .alp-pause-tag {
  color: #fff;
  background-color: #676767;
  padding: 4px 8px;
  border-radius: 30px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  row-gap: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  font-size: 80%;
  max-width: 80px;
  margin-left: 10px;
  margin-right: 10px;
}
.activity-instance-row.dashboard-history-row .alp-pause-tag .pillow-icon-pause,
.activity-instance-row.dashboard-history-row .alp-pause-tag .pause-text {
  text-align: center;
  line-height: 1;
}
.activity-instance-row.dashboard-history-row .alp-pause-tag .pillow-icon-pause {
  font-size: 75%;
}
.activity-instance-row.dashboard-history-row .small-screen-pause-tag {
  display: none;
}
.activity-instance-row.dashboard-history-row .class-name {
  padding-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.activity-instance-row.dashboard-history-row .code-pause {
  margin-left: 10px;
}
.activity-instance-row.dashboard-history-row .overflow-styling {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.activity-instance-row.dashboard-history-row .inactive-block {
  color: #929292;
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.activity-instance-row.dashboard-history-row .class-code-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  min-width: 280px;
}
.activity-instance-row.dashboard-history-row .class-code-container .instance-label-deemphasized {
  margin-left: 10px;
  font-style: italic;
  font-size: 80%;
  color: var(--amp-body-color, #3b3b3b);
  line-height: 110%;
  max-width: 190px;
  white-space: normal;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.activity-instance-row.dashboard-history-row .class-code-container .instance-label-deemphasized .session-expiration-label.first-half {
  display: block;
}
.activity-instance-row.dashboard-history-row .class-code-container .instance-label-deemphasized .learn-link {
  padding: 0 5px;
  color: var(--amp-body-color, #3b3b3b);
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  text-decoration: none;
}
.activity-instance-row.dashboard-history-row .class-code-container .instance-label-deemphasized .learn-link.dcg-hovered {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.activity-instance-row.dashboard-history-row .class-code-container .instance-label-deemphasized .learn-link.dcg-depressed {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.activity-instance-row.dashboard-history-row .class-code-container .learn-link {
  padding: 0 5px;
  color: var(--amp-body-color, #3b3b3b);
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  text-decoration: none;
  font-size: 85%;
}
.activity-instance-row.dashboard-history-row .class-code-container .learn-link.dcg-hovered {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.activity-instance-row.dashboard-history-row .class-code-container .learn-link.dcg-depressed {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.activity-instance-row.dashboard-history-row .class-code-container .class-code-label-deemphasized,
.activity-instance-row.dashboard-history-row .class-code-container .class-code-label-expiration {
  color: #767676;
  font-style: italic;
  font-size: 80%;
  text-align: center;
}
.activity-instance-row.dashboard-history-row .class-code-container .class-code-label-expiration {
  margin-right: 15px;
}
.activity-instance-row.dashboard-history-row .class-code-container .inactive {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: initial;
  padding: 0;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.activity-instance-row.dashboard-history-row .class-code-container .inactive .reactivate {
  text-align: left;
  font-size: 80%;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  color: var(--amp-body-color, #3b3b3b);
}
.activity-instance-row.dashboard-history-row .class-code-container .inactive .reactivate.dcg-hovered,
.activity-instance-row.dashboard-history-row .class-code-container .inactive .reactivate.dcg-depressed {
  color: #000;
}
.activity-instance-row.dashboard-history-row .class-code-container .inactive .class-code-label-deemphasized {
  color: #767676;
  font-size: 90%;
  border: none;
  padding: 0;
  line-height: initial;
}
.activity-instance-row.dashboard-history-row .class-code-container .class-code-active {
  text-transform: uppercase;
  font-size: 110%;
  letter-spacing: 0.05em;
  border: 1px solid var(--amp-body-color, #3b3b3b);
  border-radius: 4px;
  text-align: center;
  display: inline-block;
  line-height: 33px;
  padding: 0 10px;
}
.activity-instance-row.dashboard-history-row .class-code-container .class-code-active .code-chunk:not(:first-of-type) {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.activity-instance-row.dashboard-history-row .history-dropdown {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.activity-instance-row.dashboard-history-row .history-dropdown .dropdown-container {
  margin-top: 3px;
}
.activity-instance-row.dashboard-history-row .history-dropdown .dcg-shared-options-dropdown {
  margin: 0;
  min-width: 150px;
}
.activity-instance-row.dashboard-history-row .history-dropdown .dcg-shared-options-dropdown:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 9.5px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.activity-instance-row.dashboard-history-row .history-dropdown .dcg-shared-options-dropdown:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 8.5px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.activity-instance-row {
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  transition-delay: 500ms;
  -webkit-transition: background 500ms;
  -moz-transition: background 500ms;
  -o-transition: background 500ms;
  -ms-transition: background 500ms;
  transition: background 500ms;
}
.activity-instance-row .archived-pause-tag {
  display: none;
}
.activity-instance-row .animated-pause-tag:not(.animating-out) {
  -webkit-animation: fadeIn 0.3s forwards;
  -moz-animation: fadeIn 0.3s forwards;
  -o-animation: fadeIn 0.3s forwards;
  -ms-animation: fadeIn 0.3s forwards;
  animation: fadeIn 0.3s forwards;
}
.activity-instance-row .animated-pause-tag.animating-out {
  -webkit-animation: fadeOut 0.3s forwards;
  -moz-animation: fadeOut 0.3s forwards;
  -o-animation: fadeOut 0.3s forwards;
  -ms-animation: fadeOut 0.3s forwards;
  animation: fadeOut 0.3s forwards;
}
.activity-instance-paused {
  background-color: #e9e9e9;
}
.dashboard-link-container {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (max-width: 1100px) {
  .student-count {
    display: none;
  }
  .class-code-container {
    display: none;
  }
  .activity-instance-row .activity-info {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 27%;
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
  }
  .activity-instance-row .dashboard-link {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
  }
  .activity-instance-row .dashboard-link-archived {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  .activity-instance-row .date-container {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
  }
}
@media screen and (max-width: 1230px) {
  .activity-instance-row .class-code-container .instance-label-deemphasized {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .activity-instance-row .class-info {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 150px;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
  }
  .activity-instance-row .class-info .class-code-container .instance-label-deemphasized {
    display: none;
  }
  .activity-instance-row .class-code-label-expiration {
    display: none;
  }
}
@media screen and (max-width: 850px) {
  .activity-instance-row .not-run-yet,
  .activity-instance-row .date-container {
    display: none;
  }
  .activity-instance-row .history-row .title-area .instance-title {
    max-width: 100%;
  }
  .activity-instance-row .dashboard-link {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  .activity-instance-row .dashboard-link-archived {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 27%;
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
  }
  .activity-instance-row .activity-info {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
  }
}
@media screen and (max-width: 785px) {
  .activity-instance-row .pause-tooltip {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
  }
  .activity-instance-row .alp-pause-tag {
    display: none;
  }
  .activity-instance-row .small-screen-pause-tag {
    color: #fff;
    border: 1px solid #666;
    background-color: #666;
    padding: 6px 6px;
    border-radius: 50%;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    row-gap: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-size: 80%;
    max-width: 80px;
  }
  .activity-instance-row .pillow-icon-pause {
    font-size: 80%;
    text-align: center;
    line-height: 1;
  }
  .activity-instance-row .class-name-dhp,
  .activity-instance-row .inactive-dhp,
  .activity-instance-row .class-code-active-dhp {
    margin-right: 10px;
  }
}
@media screen and (max-width: 600px) {
  .activity-instance-row .not-run-yet,
  .activity-instance-row .date-container {
    display: none;
  }
  .activity-instance-row .history-row .title-area .instance-title {
    max-width: 100%;
  }
  .activity-instance-row .dashboard-link {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  .activity-instance-row .activity-info {
    width: 42%;
  }
}

/* src/js/teacher-spa/history/history.styl */
.history-wrapper {
  padding-right: 10px;
  max-width: 1200px;
}
.history-wrapper .history-filters {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.history-wrapper .history-filters .multiselect-checkbox-dropdown-container {
  margin-right: 15px;
}
.history-wrapper .history-filters .activity-filter-container {
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #333;
}
.history-wrapper .history-filters .activity-filter-container .activity-name-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 5px 5px 5px 10px;
  background: #f7f7f7;
  border-radius: 5px;
  color: #333;
  max-width: 300px;
  margin-left: 10px;
  border: 1px solid #e2e2e2;
}
.history-wrapper .history-filters .activity-filter-container .activity-name-container .activity-name {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.history-wrapper .history-filters .activity-filter-container .activity-name-container .clear-filter {
  margin-left: 5px;
  text-decoration: none;
  font-size: 90%;
  padding: 5px;
}
.history-wrapper .dropdown-container {
  max-height: 70vh;
}
.history-wrapper .filter-dropdown-option .inactive {
  color: #999;
  font-style: italic;
}
.history-wrapper .error-loading-activities {
  font-size: 120%;
  text-align: center;
  color: #676767;
  padding: 50px 25px;
}
.history-wrapper .dhp-activity-instance-header {
  border-bottom: 1px solid #bdbdbd;
  text-transform: uppercase;
  color: var(--amp-body-color, #3b3b3b);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  line-height: normal;
}
.history-wrapper .dhp-activity-instance-header .table-header {
  display: inline-block;
}
.history-wrapper .dhp-activity-instance-header .table-header.num-students-header {
  text-align: center;
  width: 8%;
}
.history-wrapper .dhp-activity-instance-header .table-header.student-code-header {
  text-align: left;
  width: 34%;
}
.history-wrapper .dhp-activity-instance-header .table-header.code-header-archived {
  width: 25%;
}
.history-wrapper .dhp-activity-instance-header .table-header.date-header,
.history-wrapper .dhp-activity-instance-header .table-header.link-header {
  width: 13%;
  text-align: center;
}
.history-wrapper .dhp-activity-instance-header .table-header.activity-header-text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 27%;
  -ms-flex: 0 0 27%;
  flex: 0 0 27%;
  text-align: left;
}
.history-wrapper .dhp-activity-instance-header .actions-header,
.history-wrapper .dhp-activity-instance-header .dashboard-link-header {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 1px;
  height: 1px;
}
.history-wrapper .load-more-history {
  width: 100%;
  border-top: 1px solid #e2e2e2;
  text-align: center;
  line-height: 40px;
  padding: 5px;
}
.history-wrapper .no-instance-notes {
  color: #676767;
  text-align: center;
  padding: 40px 0;
}
.history-wrapper .no-instance-notes .empty-state-image {
  display: block;
}
.history-wrapper .no-instance-notes .empty-state-image img {
  width: 100%;
  max-width: 300px;
  margin: 0 auto 30px;
}
.history-wrapper .history-error-message {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.history-header .header-container {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.history-header .header-container .amp-link {
  text-underline-offset: 3px;
}
.history-blocks-dropdown {
  background: #fff;
  border-radius: 8px;
}
.table-header.num-students-header,
.table-header.date-header,
.table-header.actions-header,
.table-header.dashboard-link-header,
.table-header.activity-header-text {
  font-size: calc(1em / var(--amp-scale-ratio));
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
@media screen and (max-width: 1100px) {
  .history-wrapper .dhp-activity-instance-header .table-header.activity-header-archived {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 32%;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
  }
  .history-wrapper .dhp-activity-instance-header .table-header.activity-header-text {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 27%;
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
  }
  .history-wrapper .dhp-activity-instance-header .table-header.date-header {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
  }
  .history-wrapper .dhp-activity-instance-header .table-header.num-students-header,
  .history-wrapper .dhp-activity-instance-header .table-header.link-header {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .history-filters {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .history-filters .activity-filter-container {
    margin-right: auto;
  }
}
@media screen and (max-width: 850px) {
  .history-wrapper .dhp-activity-instance-header .table-header.activity-header-text {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
  }
  .history-wrapper .dhp-activity-instance-header .table-header.date-header {
    display: none;
  }
  .history-wrapper .dhp-activity-instance-header .table-header.student-code-header {
    margin-left: 2px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
  }
  .history-wrapper .dhp-activity-instance-header .actions-container {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 30px;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
  }
}
@media screen and (max-width: 400px) {
  .dhp-activity-instance-header .table-header.activity-header-text {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
  }
  .dhp-activity-instance-header .table-header.date-header {
    display: none;
  }
}

/* src/js/teacher-spa/labs/labs-settings.styl */
.labs-settings {
  margin-top: 1em;
}
.labs-settings .labs-description .labs-description-paragraph {
  padding: 10px 0;
}
.labs-settings h2 {
  color: var(--amp-body-color, #3b3b3b);
  font-size: 1.2em;
  font-weight: 400;
  margin: 1.5em 0 0;
}
.labs-settings .amplify-checkbox {
  display: inline-block;
}
.labs-settings .feature {
  padding: 10px 0;
}
.labs-settings .feature .feature-title {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.labs-settings .feature .feature-title .name {
  font-size: 1.2em;
}
.labs-settings .feature .feature-title .amp-link {
  padding-left: 10px;
}
.labs-settings .feature .feature-description {
  margin-left: 10px;
  display: inline-block;
}
.labs-settings .feature .description {
  font-size: 90%;
  margin-left: 33px;
  color: var(--amp-body-color, #3b3b3b);
}
.labs-settings .feature .description.beta-description {
  font-style: italic;
}
.labs-settings .feature .description i {
  position: relative;
  top: 1px;
  font-size: 120%;
}
.labs-settings .save-notice-container {
  display: inline-block;
  margin-left: 33px;
  margin-top: 10px;
}
.labs-settings .save-notice {
  color: var(--amp-body-color, #3b3b3b);
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 1);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 95%;
}
.labs-settings .save-notice.success {
  background: #b3dbd3;
}
.labs-settings .save-notice.success i {
  color: #1aad57;
}
.labs-settings .save-notice.warning {
  background: #f3e3b3;
}
.labs-settings .save-notice.warning i {
  color: #fad54b;
}
.labs-settings .save-notice .i {
  margin-right: 5px;
}
.labs-settings .save-notice .pillow-spinner {
  position: relative;
  top: -1px;
}

/* src/js/teacher-spa/logged-out-cta-cards.styl */
.dcg-activities-section-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
}
.dcg-activities-section-content .dcg-homepage-content-box {
  position: relative;
  background-color: #fff;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 50%;
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  padding: 32px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: start;
  align-items: start;
  height: 321px;
}
.dcg-activities-section-content .dcg-homepage-content-box:first-child {
  margin-right: 32.5px;
}
.dcg-activities-section-content .dcg-homepage-content-box .dcg-content-image {
  margin-right: 12.5px;
  width: 200px;
}
.dcg-activities-section-content .dcg-homepage-content-box .dcg-content-image img.small-screen {
  display: none;
}
.dcg-activities-section-content .dcg-homepage-content-box .dcg-content-image img {
  width: 200px;
  position: absolute;
  top: 0;
  left: 0;
}
.dcg-activities-section-content .dcg-homepage-content-box .max-content-image {
  margin-right: 32px;
}
.dcg-activities-section-content .dcg-homepage-content-box .max-content-image img {
  width: auto;
  height: 100%;
}
.dcg-activities-section-content .dcg-homepage-content-box .max-content-image .graphic-decor {
  left: unset;
  right: 0;
}
.dcg-activities-section-content .dcg-homepage-content-box .dcg-content-container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  z-index: 1;
}
.dcg-activities-section-content .dcg-homepage-content-box .dcg-content-container .btn {
  font-size: 21px;
}
.dcg-activities-section-content .dcg-homepage-content-box .dcg-content-container h3 {
  font-family: "Amplify", serif;
  color: var(--amp-body-color, #3b3b3b);
  font-size: 1.65em;
}
.dcg-activities-section-content .dcg-homepage-content-box .dcg-content-container .dcg-content-box-subtitle {
  max-width: 260px;
  margin: 16px 0;
  font-size: 21px;
  line-height: 32px;
  font-weight: 400;
}
.dcg-activities-section-content .dcg-homepage-content-box .dcg-content-container .content-action-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.dcg-activities-section-content .dcg-homepage-content-box .dcg-content-container .content-action-container .join-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
  margin-bottom: 32px;
}
.dcg-activities-section-content .dcg-homepage-content-box .dcg-content-container .content-action-container .join-container .join-class-input {
  min-width: 5em;
  width: 165px;
  margin-right: 8px;
  font-size: 21px;
  line-height: 32px;
  padding-left: 16px;
}
.dcg-activities-section-content .dcg-homepage-content-box .dcg-content-container .content-action-container .join-container .join-class-input::placeholder {
  color: #676767;
}
.dcg-activities-section-content .dcg-homepage-content-box .dcg-content-container .content-action-container .amp-link {
  font-size: 21px;
  line-height: 32px;
}
.dcg-activities-section-content .dcg-homepage-content-box.dcg-student-class-code .dcg-class-code-error {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  width: 100%;
}
.dcg-activities-section-content .dcg-homepage-content-box.dcg-teacher-links .dcg-content-action-container {
  width: max-content;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1100px) {
  .dcg-activities-section-content {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 15px;
    height: unset;
  }
  .dcg-activities-section-content .dcg-homepage-content-box {
    width: 100%;
    max-width: 500px;
  }
  .dcg-activities-section-content .dcg-homepage-content-box:first-child {
    margin-bottom: 32.5px;
    margin-right: 0;
  }
  .dcg-activities-section-content .dcg-homepage-content-box .max-content-image {
    margin-right: 5px;
  }
}
@media screen and (max-width: 500px) {
  .dcg-activities-section-content .dcg-homepage-content-box {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .dcg-activities-section-content .dcg-homepage-content-box .dcg-content-image img {
    position: unset;
  }
  .dcg-activities-section-content .dcg-homepage-content-box .dcg-content-image img.large-screen,
  .dcg-activities-section-content .dcg-homepage-content-box .dcg-content-image img.graphic-decor {
    display: none;
  }
  .dcg-activities-section-content .dcg-homepage-content-box .dcg-content-image img.small-screen {
    display: block;
  }
  .dcg-activities-section-content .dcg-homepage-content-box .max-content-image img.small-screen {
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .dcg-activities-section-content .dcg-homepage-content-box {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dcg-activities-section-content .dcg-homepage-content-box .dcg-content-image {
    margin-right: 0;
  }
  .dcg-activities-section-content .dcg-homepage-content-box .dcg-content-image img {
    width: 100%;
    position: static;
  }
  .dcg-activities-section-content .dcg-homepage-content-box .dcg-content-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
  }
  .dcg-activities-section-content .dcg-homepage-content-box .dcg-content-container .dcg-content-box-subtitle {
    margin: 5px auto;
  }
  .dcg-activities-section-content .dcg-homepage-content-box .dcg-content-container .dcg-content-action-container {
    margin: 0 auto;
    width: 100%;
  }
}

/* src/js/teacher-spa/logged-out-homepage.styl */
.logged-out-homepage-container {
  color: var(--amp-body-color, #3b3b3b);
  font-size: 110%;
}
.logged-out-homepage-container .banner-text-container .heading,
.logged-out-homepage-container .landing-page-content-container .details-heading,
.logged-out-homepage-container .example-screen .heading {
  font-size: 2.33em;
  font-family: "Amplify", serif;
  font-weight: 400;
}
.logged-out-homepage-container .details-heading {
  padding-top: 96px;
  padding-bottom: 40px;
}
.logged-out-homepage-container .banner-text h1 {
  margin-top: 0;
  margin-bottom: 0;
}
.logged-out-homepage-container h3 {
  font-size: 150%;
  margin-top: 0;
  margin-bottom: 0;
}
.logged-out-homepage-container .example-screen .heading,
.logged-out-homepage-container .details-heading,
.logged-out-homepage-container .how-it-works-heading,
.logged-out-homepage-container .homepage-tweet-container h2 {
  text-align: center;
  padding: 40px 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
.logged-out-homepage-container .example-screen .heading {
  padding: 0;
  margin-bottom: 40px;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
}
.logged-out-homepage-container .heading-wrapper {
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  overflow: hidden;
  border-bottom: 1px solid rgba(0,0,0,0.07);
}
.logged-out-homepage-container .heading-wrapper .banner-left-spacer,
.logged-out-homepage-container .heading-wrapper .banner-right-spacer {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.logged-out-homepage-container .heading-wrapper .banner-left-spacer {
  min-width: 10px;
}
.logged-out-homepage-container .heading-wrapper .banner-right-spacer {
  background: #fff;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.logged-out-homepage-container .banner-wrapper {
  background-size: cover;
  height: 464px;
  width: 100%;
  max-width: 1088px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.logged-out-homepage-container .banner-wrapper .banner-text-container {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.logged-out-homepage-container .banner-wrapper .banner-text-container .header-text {
  margin: 16px 0 32px;
  line-height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  font-size: 1.2em;
  max-width: 530px;
}
.logged-out-homepage-container .banner-wrapper .banner-text-container .button-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.logged-out-homepage-container .banner-wrapper .banner-text-container .button-container .btn {
  font-size: 1.2em;
  margin: 5.75px 0;
}
.logged-out-homepage-container .banner-wrapper .header-animated-image-container {
  max-width: 620px;
  width: calc(100% - 508px);
  position: absolute;
  bottom: 0;
  right: -58px;
}
@media screen and (max-width: 1088px) {
  .logged-out-homepage-container .banner-wrapper .header-animated-image-container {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.logged-out-homepage-container .banner-wrapper .header-animated-image-container img {
  width: 100%;
}
.logged-out-homepage-container .banner-wrapper .header-animated-image-container {
  max-width: 566px;
  position: absolute;
  bottom: 65px;
  right: 0;
}
@media screen and (max-width: 1088px) {
  .logged-out-homepage-container .banner-wrapper .header-animated-image-container {
    position: absolute;
    bottom: 65px;
    right: -10px;
  }
}
.logged-out-homepage-container .banner-wrapper .header-animated-image-container img {
  width: 100%;
}
.logged-out-homepage-container .logged-out-cta-cards {
  background-color: #f6f6f6;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 80px 0;
}
.logged-out-homepage-container .logged-out-cta-cards .dcg-activities-section-content {
  max-width: 1088px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-size: 1rem;
}
.logged-out-homepage-container .landing-page-content-container {
  max-width: 1088px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.logged-out-homepage-container .adm-header-container {
  height: 325.88px;
}
.logged-out-homepage-container .adm-header-container .header-content-position {
  max-width: 1088px;
  margin: 0 auto;
}
.logged-out-homepage-container .polypad-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
}
.logged-out-homepage-container .polypad-section .polypad-section-background-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  height: 326px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
  height: 220px;
  background-size: 100%;
  background-position: center;
  border: none;
  padding: 0;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 5) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4) 0;
}
.logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-size: cover;
  background-position-y: center;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}
.logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-section-content {
  border-radius: var(--amp-border-radius, 0.1875em);
  text-align: left;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 525px;
  position: relative;
  left: 50%;
  top: 10px;
  z-index: 1;
}
.logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-section-content .content-section-title-container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-section-content h2 {
  font-size: 1.65em;
  margin-top: 0;
  margin-bottom: 0;
}
.logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-section-content .polypad-blurb {
  font-size: 1em;
  line-height: 24px;
  margin: 7px 0 12px 0;
}
.logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-section-content .btn-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-section-content .btn-container .btn {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 1500px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("/fingerprinted/static/classroom-assets/img/frontpage/polypad-objects-c1f9c71350b5fab2aa9b6464620bf85848cafbd5-b.svg");
}
.logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background .polypad-object-background-left-part,
.logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background .polypad-object-background-right-part {
  width: 250px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  display: none;
}
.logged-out-homepage-container .teaching-details-section,
.logged-out-homepage-container .how-it-works-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: -10px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 40px;
  color: var(--amp-body-color, #3b3b3b);
}
.logged-out-homepage-container .teaching-details-section .detail-image,
.logged-out-homepage-container .how-it-works-section .detail-image,
.logged-out-homepage-container .teaching-details-section .detail-text,
.logged-out-homepage-container .how-it-works-section .detail-text {
  margin: 10px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.logged-out-homepage-container .teaching-details-section .detail-image,
.logged-out-homepage-container .how-it-works-section .detail-image {
  width: 50%;
  max-width: 450px;
}
.logged-out-homepage-container .teaching-details-section .heading,
.logged-out-homepage-container .how-it-works-section .heading {
  font-size: 1.525em;
  line-height: 1.5em;
}
.logged-out-homepage-container .teaching-details-section .heading + span,
.logged-out-homepage-container .how-it-works-section .heading + span {
  display: inline-block;
  margin-top: 1em;
}
.logged-out-homepage-container .detail-text {
  font-size: 1.2em;
  line-height: 32px;
}
.logged-out-homepage-container .detail-text .amp-link {
  text-decoration: underline;
}
.logged-out-homepage-container .example-screen {
  margin: 40px 0;
  padding-top: 40px;
}
.logged-out-homepage-container .example-screen:has(.heading) {
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
  margin: 0;
}
.logged-out-homepage-container .example-screen .screen-container {
  position: relative;
  font-size: 100%;
  z-index: 0;
}
.logged-out-homepage-container .example-screen .screen-container .blob {
  position: absolute;
  z-index: -1;
}
.logged-out-homepage-container .example-screen .screen-container .blob-1-amplify {
  position: absolute;
  top: -60px;
  left: -60px;
}
.logged-out-homepage-container .example-screen .screen-container .blob-2-amplify {
  position: absolute;
  bottom: 40px;
  right: -60px;
}
.logged-out-homepage-container .player-container {
  position: relative;
  width: 100%;
  padding-bottom: calc(150px + 50%);
}
.logged-out-homepage-container .player-container .dcg-activity-player-api-container {
  height: 700px;
}
.logged-out-homepage-container .player-container .student-step-container {
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  background: #fff;
}
.logged-out-homepage-container #player {
  width: 100%;
  height: 100%;
  font-size: 16px;
}
.logged-out-homepage-container .homepage-tweet-container {
  padding: 40px 0 80px;
}
.logged-out-homepage-container .homepage-tweet-container .heading {
  font-size: 2.33em;
  font-family: "Amplify", serif;
  font-weight: 400;
}
.logged-out-homepage-container .homepage-tweet-container .tweet-container {
  position: relative;
  z-index: 0;
  font-size: 1rem;
}
.logged-out-homepage-container .homepage-tweet-container .blob {
  position: absolute;
  z-index: -1;
}
.logged-out-homepage-container .homepage-tweet-container .blob-3-amplify {
  position: absolute;
  top: -40px;
  left: 15%;
}
.logged-out-homepage-container .homepage-tweet-container .blob-4-amplify {
  position: absolute;
  bottom: -60px;
  right: 20%;
}
.logged-out-homepage-container .sign-up-container {
  margin: 40px 0;
}
.logged-out-homepage-container .sign-up-container .sign-up-background-wrapper {
  padding: 30px;
  position: relative;
}
.logged-out-homepage-container .sign-up-container .sign-up-background-wrapper .btn {
  font-size: 21px;
}
.logged-out-homepage-container .sign-up-container .sign-up-background-wrapper .sign-up-text-container {
  max-width: calc(100% - 435px);
}
.logged-out-homepage-container .sign-up-container .sign-up-background-wrapper .sign-up-text {
  margin-bottom: 16px;
  font-size: 1.85em;
  line-height: 39px;
}
.logged-out-homepage-container .sign-up-container .sign-up-background-wrapper .footer-image {
  position: absolute;
  right: 0;
  bottom: -50%;
  width: 435px;
}
.logged-out-homepage-container .sign-up-container .sign-up-background-wrapper .adm-image {
  width: 336.33px;
  height: 224.44px;
  bottom: 0;
}
.logged-out-homepage-container .curriculum-header-container {
  border-radius: 0;
}
.logged-out-homepage-container .curriculum-header-container .adm-header-container {
  border-radius: 0;
}
@media screen and (max-width: 1300px) {
  .logged-out-homepage-container .curriculum-header-container .adm-header-container:after {
    left: unset;
  }
}
@media screen and (max-width: 1100px) {
  .logged-out-homepage-container .curriculum-header-container .adm-header-container:after {
    left: 90px;
  }
}
@media screen and (max-width: 950px) {
  .logged-out-homepage-container .curriculum-header-container .adm-header-container:after {
    left: 150px;
  }
}
@media screen and (max-width: 850px) {
  .logged-out-homepage-container .banner-wrapper .header-animated-image-container {
    width: 295px;
  }
  .logged-out-homepage-container .sign-up-container .sign-up-background-wrapper .sign-up-text-container {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .logged-out-homepage-container .sign-up-container .sign-up-background-wrapper .footer-image {
    display: none;
  }
  .logged-out-homepage-container .homepage-tweet-container .random-tweet-container {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .logged-out-homepage-container .homepage-tweet-container .random-tweet-container .tweet-list-item {
    margin-bottom: 10px;
  }
  .logged-out-homepage-container .curriculum-header-container .adm-header-container:after {
    left: 250px;
  }
}
@media screen and (max-width: 800px) {
  .logged-out-homepage-container .example-screen {
    display: none;
  }
  .logged-out-homepage-container .curriculum-header-container .adm-header-container:after {
    left: 300px;
  }
}
@media screen and (max-width: 750px) {
  .logged-out-homepage-container .curriculum-header-container .header-content-position {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .logged-out-homepage-container .banner-left-spacer {
    display: none;
  }
  .logged-out-homepage-container .banner-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    max-width: 100%;
    height: 650px;
  }
  .logged-out-homepage-container .banner-wrapper .banner-text-container {
    padding: 40px 0 20px;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: center;
  }
  .logged-out-homepage-container .banner-wrapper .banner-text-container .banner-text {
    text-align: center;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
  .logged-out-homepage-container .banner-wrapper .banner-text-container .button-container {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .logged-out-homepage-container .banner-wrapper .header-animated-image-container {
    width: 340px;
    right: 50%;
    margin-right: -170px;
  }
  .logged-out-homepage-container .teaching-details-section,
  .logged-out-homepage-container .how-it-works-section {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
  }
  .logged-out-homepage-container .teaching-details-section .detail-image,
  .logged-out-homepage-container .how-it-works-section .detail-image,
  .logged-out-homepage-container .teaching-details-section .detail-text,
  .logged-out-homepage-container .how-it-works-section .detail-text {
    width: 100%;
  }
  .logged-out-homepage-container .teaching-details-section .detail-image,
  .logged-out-homepage-container .how-it-works-section .detail-image {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -o-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
  }
  .logged-out-homepage-container .teaching-details-section .detail-text,
  .logged-out-homepage-container .how-it-works-section .detail-text {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
@media screen and (max-width: 680px) {
  .logged-out-homepage-container .heading-wrapper {
    top: 53px;
    border-top: 1px solid rgba(0,0,0,0.07);
  }
  .logged-out-homepage-container .heading-wrapper .banner-wrapper {
    height: 450px;
    padding: 0 15px;
  }
  .logged-out-homepage-container .heading-wrapper .banner-wrapper .banner-text-container {
    padding: 20px 0;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .logged-out-homepage-container .heading-wrapper .banner-wrapper .header-animated-image-container {
    display: none;
  }
  .logged-out-homepage-container .adm-cards img.small-screen {
    margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  }
  .logged-out-homepage-container .curriculum-header-container .adm-header-container:after {
    left: 240px;
  }
}
@media screen and (max-width: 576px) {
  .logged-out-homepage-container .curriculum-header-container .adm-header-container:after {
    left: 180px;
  }
}
@media screen and (max-width: 430px) {
  .logged-out-homepage-container .heading-wrapper .banner-wrapper {
    height: unset;
    padding: 20px 15px;
  }
}
@media screen and (min-width: 993px) and (max-width: 1340px) {
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background {
    background-image: url("/fingerprinted/static/classroom-assets/img/frontpage/polypad-objects-993-1340-ecce2e14c87424e0dfd3be773531ca8cde89e8fd-b.svg");
    width: 95%;
    left: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -o-transform: unset;
    -ms-transform: unset;
    transform: unset;
    max-width: unset;
  }
}
@media screen and (max-width: 992px) {
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background {
    background-image: none;
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background .polypad-object-background-left-part {
    display: block;
    left: 25px;
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background .polypad-object-background-right-part {
    display: block;
    right: 25px;
  }
}
@media screen and (min-width: 900px) and (max-width: 992px) {
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-section-content {
    left: 18%;
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background .polypad-object-background-right-part {
    right: 15px;
    background-image: url("/fingerprinted/static/classroom-assets/img/frontpage/polypad-objects-900-992-right-6bff981d8e837bd16a0caa72d761da61f24d7937-b.svg");
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background .polypad-object-background-left-part {
    left: 15px;
    background-image: url("/fingerprinted/static/classroom-assets/img/frontpage/polypad-objects-900-992-left-5c22256530a9a39e5941cfc1e01c366b884b39fd-b.svg");
  }
}
@media screen and (min-width: 800px) and (max-width: 899px) {
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-section-content {
    left: 25%;
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background .polypad-object-background-right-part {
    background-image: url("/fingerprinted/static/classroom-assets/img/frontpage/polypad-objects-800-899-right-ee761e4d6e4d364fd2fb1909477d519ea2f01a79-b.svg");
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background .polypad-object-background-left-part {
    background-image: url("/fingerprinted/static/classroom-assets/img/frontpage/polypad-objects-800-899-left-78996bc1921850a7050ad78348d0ab4e4f349a1f-b.svg");
  }
}
@media screen and (min-width: 700px) and (max-width: 799px) {
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-section-content {
    left: 23%;
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background .polypad-object-background-right-part {
    background-image: url("/fingerprinted/static/classroom-assets/img/frontpage/polypad-objects-700-799-right-2738eb8b6c49467b1d7dc944b036591aeb20bdd2-b.svg");
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background .polypad-object-background-left-part {
    background-image: url("/fingerprinted/static/classroom-assets/img/frontpage/polypad-objects-700-799-left-cc80ffffb7dfd7aca29b2f11e0243a3331a68847-b.svg");
  }
}
@media screen and (min-width: 600px) and (max-width: 699px) {
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-section-content {
    left: 5%;
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background .polypad-object-background-right-part {
    background-image: url("/fingerprinted/static/classroom-assets/img/frontpage/polypad-objects-600-699-right-dc7dbbd0de8cdaccb0fc96285a5bb285b52893de-b.svg");
  }
}
@media screen and (min-width: 500px) and (max-width: 599px) {
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-section-content {
    max-width: 400px;
    background: rgba(255,255,255,0);
    left: 15%;
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-section-content .polypad-blurb {
    background: -webkit-radial-gradient(circle, #fff 76%, rgba(255,255,255,0) 88%);
    background: -moz-radial-gradient(circle, #fff 76%, rgba(255,255,255,0) 88%);
    background: -o-radial-gradient(circle, #fff 76%, rgba(255,255,255,0) 88%);
    background: -ms-radial-gradient(circle, #fff 76%, rgba(255,255,255,0) 88%);
    background: radial-gradient(circle, #fff 76%, rgba(255,255,255,0) 88%);
    border-radius: 50%;
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background .polypad-object-background-right-part {
    background-image: url("/fingerprinted/static/classroom-assets/img/frontpage/polypad-objects-500-599-right-c0c4b51b4c7e28fbff7662c4d0a7b5fcdd06b5b8-b.svg");
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background .polypad-object-background-left-part {
    left: -15%;
    top: 15%;
    height: 120px;
    background-image: url("/fingerprinted/static/classroom-assets/img/frontpage/polypad-objects-500-599-left-14c3b668933d41c3a926fd8a588d8dee9816168b-b.svg");
  }
}
@media screen and (max-width: 499px) {
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-section-content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    max-width: 250px;
    left: unset;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-section-content h2,
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-section-content .polypad-blurb {
    text-align: center;
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-section-content .btn-container {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background .polypad-object-background-right-part {
    right: -10%;
    background-image: url("/fingerprinted/static/classroom-assets/img/frontpage/polypad-objects-499-right-64f332067a84b387b97208abc9634c84f203ffcd-b.svg");
  }
  .logged-out-homepage-container .polypad-section .polypad-section-background-container .polypad-content-wrapper .polypad-object-background .polypad-object-background-left-part {
    left: -15%;
    background-image: url("/fingerprinted/static/classroom-assets/img/frontpage/polypad-objects-499-left-bbe0a16d328f6bcf245dcb1bad34592ce22ab12c-b.svg");
  }
}

/* src/js/teacher-spa/main-sidebar.styl */
.new-global-nav .side-bar {
  width: unset;
}
.side-bar {
  width: 225px;
  padding: 0 20px 10px 0;
}
.side-bar a.back-home-link {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-decoration: none;
  margin: 10px 0 10px 10px;
  font-size: 100%;
  color: var(--amp-body-color, #3b3b3b);
}
.side-bar .user-name-dropdown {
  font-size: 110%;
  color: #676767;
  cursor: pointer;
  line-height: 30px;
  padding: 0 0 8px 8px;
}
.side-bar .user-name-dropdown .user-name {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: calc(100% - 30px);
  vertical-align: bottom;
}
.side-bar .user-name-dropdown .pillow-icon-caret-down {
  font-size: 12px;
  padding: 3px 5px;
  margin-left: 5px;
}
.side-bar .user-name-dropdown.dcg-hovered {
  color: #333;
}
.side-bar .account-dropdown .popover-interior {
  position: absolute;
  top: 53px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border: none;
  border-radius: 0;
  padding: 10px 18px;
  -webkit-box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.35);
  box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.35);
}
.side-bar .account-dropdown .popover-interior .user-name {
  display: none;
}
.side-bar .account-dropdown .popover-interior:before {
  content: none;
}
.side-bar .account-dropdown .popover-interior:after {
  content: none;
}
.side-bar .divide-line {
  width: 225px;
  height: 1px;
  background-color: #bbb;
  margin-left: -10px;
}
.side-bar .sidebar-search-box-container {
  margin: 10px 0px 30px 10px;
}
.loading-sidebar {
  padding-top: 10px;
}
.loading-sidebar .loading-sidebar-group {
  margin: 10px 10px 60px;
}
.loading-sidebar .loading-sidebar-group .loading-sidebar-header,
.loading-sidebar .loading-sidebar-group .loading-sidebar-item {
  background: #e2e2e2;
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  margin-bottom: 20px;
}
.loading-sidebar .loading-sidebar-group .loading-sidebar-header {
  height: 10px;
  width: 100%;
}
.loading-sidebar .loading-sidebar-group .loading-sidebar-item {
  height: 15px;
  width: 90%;
}
.loading-sidebar .loading-sidebar-group .loading-sidebar-item:nth-of-type(even) {
  width: 70%;
}
.loading-sidebar .loading-sidebar-group .loading-sidebar-item:nth-of-type(3n+1) {
  width: 80%;
}
.teacher-page.side-bar-collapsed .sidebar-search-box-container {
  margin-left: 0px;
}
.teacher-page.side-bar-collapsed .sidebar-container {
  position: absolute;
  top: 0;
  margin: 10px;
}

/* src/js/teacher-spa/main.styl */
.teacher-page {
  background-color: #fff;
}
.teacher-page.new-global-nav {
  padding-left: 66px;
}
.teacher-page.new-global-nav.no-left-padding {
  padding-left: 0;
}
.teacher-page.new-global-nav.logged-out-banner-visible {
  padding-bottom: 70px;
}
.teacher-page.new-global-nav .teacher-page-wrapper {
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
}
.teacher-page.new-global-nav .sidebar-container {
  width: unset;
}
.teacher-page:has(.discover) {
  overflow-x: hidden;
}
.teacher-page h1.section-header {
  color: var(--amp-body-color, #3b3b3b);
  font-size: 1.5em;
  font-weight: 400;
  margin: 0;
}
.teacher-page .teacher-page-content-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
  position: relative;
}
.teacher-page .teacher-page-content-container.has-amplify-header.is-read-only-user {
  margin-top: 45px;
}
.teacher-page:not(.full-width-page) .teacher-page-content-container {
  max-width: 1355px;
}
.teacher-page:not(.full-width-page) .teacher-page-content-container:has(.activity-tile-container),
.teacher-page:not(.full-width-page) .teacher-page-content-container:has(.collection-tile-wrapper) {
  max-width: 100%;
}
.teacher-page:not(.full-width-page) .teacher-page-content-container.collection-view {
  max-width: 100%;
}
.teacher-page .teacher-page-wrapper {
  background-color: #f6f6f6;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 10px 10px 20px 10px;
  min-height: 1000px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  min-width: 450px;
}
.teacher-page .teacher-page-wrapper:has(.alp-container),
.teacher-page .teacher-page-wrapper:has(.loading-alp-view) {
  background-color: #fff;
}
.teacher-page .teacher-page-wrapper:has(.alp-container) .last-published-notice > span,
.teacher-page .teacher-page-wrapper:has(.loading-alp-view) .last-published-notice > span,
.teacher-page .teacher-page-wrapper:has(.alp-container) .section-name .section-name-text,
.teacher-page .teacher-page-wrapper:has(.loading-alp-view) .section-name .section-name-text,
.teacher-page .teacher-page-wrapper:has(.alp-container) .section-name .estimated-section-time,
.teacher-page .teacher-page-wrapper:has(.loading-alp-view) .section-name .estimated-section-time {
  background-color: #fff;
}
.teacher-page .teacher-page-wrapper:has(.alp-container) .shared-announcement-banner,
.teacher-page .teacher-page-wrapper:has(.loading-alp-view) .shared-announcement-banner {
  outline: 2px solid #bdbdbd;
}
.teacher-page .teacher-page-wrapper .teacher-page-top-bar {
  background-color: #fff;
}
.teacher-page .teacher-page-wrapper.show-notice {
  margin-top: 83px;
}
.teacher-page .teacher-page-wrapper.show-notice .top-nav,
.teacher-page .teacher-page-wrapper.show-notice .logged-out-navigation__top {
  top: 30px;
}
.teacher-page .teacher-page-wrapper.show-notice .fixed .top-nav,
.teacher-page .teacher-page-wrapper.show-notice .fixed .logged-out-navigation__top {
  top: unset;
}
.teacher-page .teacher-page-wrapper:not(.show-notice) {
  margin-top: 53px;
}
.teacher-page .sidebar-container {
  width: 225px;
}
.teacher-page.side-bar-collapsed .teacher-page-wrapper,
.teacher-page.side-bar-collapsed .discover-page {
  margin: 0;
  padding: 0;
}
.teacher-page.side-bar-collapsed .teacher-page-content-container .teacher-page-content {
  padding: 10px 20px;
  width: 100%;
}
.teacher-page.side-bar-collapsed:not(.side-bar-open) .sidebar-container {
  -webkit-transform: translate(-225px, 0);
  -moz-transform: translate(-225px, 0);
  -o-transform: translate(-225px, 0);
  -ms-transform: translate(-225px, 0);
  transform: translate(-225px, 0);
}
.teacher-page.side-bar-collapsed.side-bar-animating .sidebar-container {
  pointer-events: none;
}
.teacher-page.side-bar-collapsed.side-bar-open {
  max-height: 100vh;
}
.teacher-page.side-bar-collapsed.side-bar-open .sidebar-container {
  -webkit-animation: 0.2s teacherSpaSidebarFadeIn;
  -moz-animation: 0.2s teacherSpaSidebarFadeIn;
  -o-animation: 0.2s teacherSpaSidebarFadeIn;
  -ms-animation: 0.2s teacherSpaSidebarFadeIn;
  animation: 0.2s teacherSpaSidebarFadeIn;
}
.teacher-page.side-bar-collapsed.side-bar-open .teacher-page-top-bar,
.teacher-page.side-bar-collapsed.side-bar-open .teacher-page-content,
.teacher-page.side-bar-collapsed.side-bar-open .white-cover {
  -webkit-animation: 0.2s teacherSpaContentSlideRight;
  -moz-animation: 0.2s teacherSpaContentSlideRight;
  -o-animation: 0.2s teacherSpaContentSlideRight;
  -ms-animation: 0.2s teacherSpaContentSlideRight;
  animation: 0.2s teacherSpaContentSlideRight;
}
.teacher-page.side-bar-collapsed.side-bar-open .teacher-page-top-bar,
.teacher-page.side-bar-collapsed.side-bar-open .teacher-page-content,
.teacher-page.side-bar-collapsed.side-bar-open .white-cover {
  -webkit-transform: translate(225px, 0);
  -moz-transform: translate(225px, 0);
  -o-transform: translate(225px, 0);
  -ms-transform: translate(225px, 0);
  transform: translate(225px, 0);
}
.teacher-page .teacher-page-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: calc(100% - 225px);
  -webkit-animation: fadeIn 0.2s;
  -moz-animation: fadeIn 0.2s;
  -o-animation: fadeIn 0.2s;
  -ms-animation: fadeIn 0.2s;
  animation: fadeIn 0.2s;
  padding-right: 10px;
}
.teacher-page .teacher-page-content.logged-out-home {
  background-color: #fff;
}
.teacher-page .teacher-page-content .featured-collections-main-container {
  margin-bottom: 10px;
}
.teacher-page .white-cover {
  background: rgba(255,255,255,0.7);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.35);
  box-shadow: 0 0 7px rgba(0,0,0,0.35);
}
.teacher-page .error-page-content .amplify-toast .toast-body {
  width: auto !important;
  margin-right: auto;
}
.teacher-page .error-page-content .centered-content {
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.teacher-page .centered-content {
  width: 600px;
  margin: 0 auto;
  position: relative;
}
.teacher-page .centered-content img {
  float: right;
  width: 280px;
  position: relative;
  left: -50px;
}
.teacher-page .centered-content .error-heading {
  display: inline-block;
  position: absolute;
  top: 200px;
  right: 250px;
  font-weight: normal;
  font-size: 1100%;
}
.teacher-page .centered-content .amplify-toast {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.teacher-page .teacher-page-content-container .content-migration-banner-container {
  position: fixed;
  left: 225px;
  top: unset;
  bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  width: 100%;
  max-width: calc(100% - 225px - 10px);
  z-index: 2;
}
.teacher-page .teacher-page-content-container.collection-view .content-migration-banner-container {
  max-width: unset;
  width: calc(100% - 225px + 10px);
}
.teacher-page.fixed-sidebar:not(.side-bar-collapsed) .grouped-sidebar-container {
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.teacher-page.fixed-sidebar:not(.side-bar-collapsed) .grouped-sidebar-container .grouped-sidebar {
  position: sticky;
  top: 63px;
}
.teacher-page.side-bar-collapsed .grouped-sidebar {
  padding: 0;
  width: 100%;
  max-height: calc(100vh - 60px);
  margin-top: 0;
}
.teacher-page.side-bar-collapsed .teacher-page-content-container .content-migration-banner-container {
  position: absolute;
  left: 20px;
  top: 10px;
  width: calc(100% - 40px);
  max-width: unset;
}
.teacher-page.side-bar-collapsed .teacher-page-content-container .content-migration-banner-container + .teacher-page-content {
  position: relative;
  top: 90px;
}
.teacher-page.side-bar-collapsed .teacher-page-content-container.collection-view .content-migration-banner-container {
  width: 100%;
  left: 0;
}
.teacher-page.full-width-page .teacher-page-wrapper {
  max-width: 100%;
  padding: 0;
  margin-bottom: 20px;
}
.teacher-page.full-width-page .teacher-page-wrapper .teacher-page-content {
  padding-right: 0;
}
.teacher-page.full-width-page.side-bar-collapsed .teacher-page-content-container .teacher-page-content {
  padding: 0;
}
.teacher-page .prosemirror-container {
  line-height: 1.5em;
}
.teacher-page p a {
  font-weight: 300;
}
.top-bar-search-box-container {
  position: absolute;
  top: 0;
  left: 235px;
}
.top-bar-search-box-container.not-visible {
  display: none;
}
.header-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px 0 25px;
}
.header-container .header-links {
  font-size: 90%;
  text-align: right;
}
@media screen and (max-width: 680px) {
  .teacher-page .teacher-page-wrapper {
    display: block;
    margin-top: 0;
    width: 100%;
    min-width: initial;
  }
}
@media screen and (max-width: 880px) {
  .teacher-page.side-bar-collapsed .teacher-page-wrapper {
    display: block;
    margin-top: 0;
    width: 100%;
    min-width: initial;
  }
}
@media screen and (max-width: 680px) {
  .teacher-page.new-global-nav.logged-out-banner-visible {
    padding-bottom: 50px;
  }
  .teacher-page .teacher-page-content-container.has-amplify-header.is-read-only-user {
    margin-top: 56px;
  }
}
@media screen and (max-width: 400px) {
  .teacher-page .teacher-page-wrapper {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 320px) {
  .teacher-page .teacher-page-wrapper {
    font-size: 0.7em;
  }
  .teacher-page .teacher-page-wrapper .tweet-container .tweet-list-item .twitter-bio-info .twitter-name .handle-link {
    font-size: 0.7em;
  }
  .teacher-page .teacher-page-wrapper .tweet-container .tweet-list-item .tweet-content {
    font-size: 0.7em;
  }
  .teacher-page .teacher-page-wrapper .logged-out-homepage-container .sign-up-container .sign-up-background-wrapper .btn {
    font-size: 1.5em;
  }
  .teacher-page .teacher-page-wrapper .dcg-activities-section-content .dcg-homepage-content-box .dcg-content-container .btn {
    font-size: 1em;
  }
  .teacher-page .teacher-page-wrapper .dcg-activities-section-content .dcg-homepage-content-box .dcg-content-container .dcg-content-box-subtitle {
    font-size: 0.85em;
  }
  .teacher-page .teacher-page-wrapper .dcg-activities-section-content .dcg-homepage-content-box .dcg-content-container .content-action-container .join-container {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .teacher-page .teacher-page-wrapper .dcg-activities-section-content .dcg-homepage-content-box .dcg-content-container .content-action-container .join-container .join-class-input {
    font-size: 1em;
    width: 120px;
  }
  .teacher-page .teacher-page-wrapper .curriculum-header-container .adm-header-container .header-content {
    width: 100%;
  }
  .teacher-page .teacher-page-wrapper .curriculum-header-container .adm-header-container .header-content .btn-container {
    font-size: 0.7em;
  }
}
@media screen and (max-width: 280px) {
  .teacher-page .teacher-page-wrapper {
    font-size: 0.6em;
  }
  .teacher-page .teacher-page-wrapper .banner-wrapper .banner-text-container .banner-text {
    width: 80%;
  }
  .teacher-page .teacher-page-wrapper .banner-wrapper .banner-text-container .button-container .btn-oval {
    padding: 0 0.5em;
  }
}
@media screen and (min-width: 1500px) {
  .teacher-page .teacher-page-content-container .content-migration-banner-container {
    margin-top: -2px;
  }
}
@-moz-keyframes teacherSpaContentSlideRight {
  0% {
    -webkit-transform: translateX(175px);
    -moz-transform: translateX(175px);
    -o-transform: translateX(175px);
    -ms-transform: translateX(175px);
    transform: translateX(175px);
  }
  100% {
    -webkit-transform: translateX(225px);
    -moz-transform: translateX(225px);
    -o-transform: translateX(225px);
    -ms-transform: translateX(225px);
    transform: translateX(225px);
  }
}
@-webkit-keyframes teacherSpaContentSlideRight {
  0% {
    -webkit-transform: translateX(175px);
    -moz-transform: translateX(175px);
    -o-transform: translateX(175px);
    -ms-transform: translateX(175px);
    transform: translateX(175px);
  }
  100% {
    -webkit-transform: translateX(225px);
    -moz-transform: translateX(225px);
    -o-transform: translateX(225px);
    -ms-transform: translateX(225px);
    transform: translateX(225px);
  }
}
@-o-keyframes teacherSpaContentSlideRight {
  0% {
    -webkit-transform: translateX(175px);
    -moz-transform: translateX(175px);
    -o-transform: translateX(175px);
    -ms-transform: translateX(175px);
    transform: translateX(175px);
  }
  100% {
    -webkit-transform: translateX(225px);
    -moz-transform: translateX(225px);
    -o-transform: translateX(225px);
    -ms-transform: translateX(225px);
    transform: translateX(225px);
  }
}
@keyframes teacherSpaContentSlideRight {
  0% {
    -webkit-transform: translateX(175px);
    -moz-transform: translateX(175px);
    -o-transform: translateX(175px);
    -ms-transform: translateX(175px);
    transform: translateX(175px);
  }
  100% {
    -webkit-transform: translateX(225px);
    -moz-transform: translateX(225px);
    -o-transform: translateX(225px);
    -ms-transform: translateX(225px);
    transform: translateX(225px);
  }
}
@-moz-keyframes teacherSpaSidebarFadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes teacherSpaSidebarFadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes teacherSpaSidebarFadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes teacherSpaSidebarFadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

/* src/js/teacher-spa/new-ab-item-modal.styl */
.new-ab-item-modal-content {
  max-height: 80vh;
  min-height: 0;
  max-width: 100%;
  margin: 0 auto;
  padding: 30px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.new-ab-item-modal-content .ab-item-label,
.new-ab-item-modal-content .theme-controls .setting-title {
  line-height: 22px;
  margin-bottom: 16px;
  color: var(--text-02-text-light, #676767);
  font-size: 18px;
}
.new-ab-item-modal-content .amplify-toast {
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.new-ab-item-modal-content .edit-ab-item-title {
  margin-bottom: 11px;
  color: var(--amp-body-color, #3b3b3b);
}
.new-ab-item-modal-content .edit-ab-item-title input {
  font-family: "open-sans", sans-serif;
  font-size: 160%;
  width: 100%;
  border: none;
  border-bottom: 1px solid #bdbdbd;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.new-ab-item-modal-content .edit-ab-item-title input::placeholder {
  color: #676767;
  font-style: italic;
}
.new-ab-item-modal-content .edit-ab-item-title input.dcg-hovered {
  border-color: #9c0d63;
  color: var(--amp-body-color, #3b3b3b);
}
.new-ab-item-modal-content .edit-ab-item-title input.dcg-depressed {
  color: var(--amp-body-color, #3b3b3b);
}
.new-ab-item-modal-content .edit-ab-item-title input:focus {
  outline: none;
  border-color: #9c0d63;
}
.new-ab-item-modal-content .ab-item-author-group-selection .multiselect-checkbox-dropdown,
.new-ab-item-modal-content .ab-item-grade-selection .multiselect-checkbox-dropdown,
.new-ab-item-modal-content .ab-item-topic-selection .multiselect-checkbox-dropdown {
  width: 100%;
}
.new-ab-item-modal-content .ab-item-author-group-selection .multiselect-checkbox-dropdown .anchor-container .multiselect-checkbox-dropdown-anchor,
.new-ab-item-modal-content .ab-item-grade-selection .multiselect-checkbox-dropdown .anchor-container .multiselect-checkbox-dropdown-anchor,
.new-ab-item-modal-content .ab-item-topic-selection .multiselect-checkbox-dropdown .anchor-container .multiselect-checkbox-dropdown-anchor {
  width: 100%;
}
.new-ab-item-modal-content .ab-item-author-group-selection .ab-item-grade-selection .author-group-selection-title .grade-selection-title {
  color: var(--amp-body-color, #3b3b3b);
  line-height: 26px;
  font-size: 20px;
  margin-bottom: 6px;
}
.new-ab-item-modal-content .multiselect-checkbox-dropdown {
  width: 100%;
}
.new-ab-item-modal-content .multiselect-checkbox-dropdown:focus .anchor-container {
  border-radius: var(--amp-border-radius, 0.1875em);
}
.new-ab-item-modal-content .multiselect-checkbox-dropdown:focus .multiselect-checkbox-dropdown-anchor {
  border: 2px solid #9c0d63;
  margin: -1px;
  padding-right: 8px;
}
.new-ab-item-modal-content .multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor {
  width: 100%;
}
.new-ab-item-modal-content .multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor .dropdown-value {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.new-ab-item-modal-content .multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor .dropdown-value .selected-options {
  margin-left: 10px;
  background-color: #e9e9e9;
  padding: 2px 10px;
  border-radius: 50px;
}
.new-ab-item-modal-content .multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor:hover:not(.new-ab-item-modal-content .multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor.disabled) {
  border: 2px solid #9c0d63;
  margin: -1px;
  padding-right: 8px;
}
.new-ab-item-modal-content .multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor .multiselect-selected-values {
  max-width: 100%;
}
.new-ab-item-modal-content .dropdown-container-inner .search-bar {
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  position: relative;
}
.new-ab-item-modal-content .dropdown-container-inner .search-bar:before {
  content: "";
  position: absolute;
  width: 100%;
  top: calc(42px + (calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2));
  left: 0;
  z-index: 1;
  background-color: #bbb;
  height: 1px;
}
.new-ab-item-modal-content .dropdown-container-inner .search-bar .text-area-wrapper {
  line-height: 42px;
  height: 42px;
  padding: 0 0 0 50px;
  border: 1px solid #bbb;
  border-radius: var(--amp-border-radius, 0.1875em);
}
.new-ab-item-modal-content .dropdown-container-inner .search-bar .text-area-wrapper:has(.has-query) {
  padding-right: 50px;
}
.new-ab-item-modal-content .dropdown-container-inner .search-bar .text-area-wrapper:has(:focus-visible) {
  outline: 3px solid #9c0d63;
  outline-offset: 3px;
}
.new-ab-item-modal-content .dropdown-container-inner .search-bar .text-area-wrapper:focus,
.new-ab-item-modal-content .dropdown-container-inner .search-bar .text-area-wrapper:hover,
.new-ab-item-modal-content .dropdown-container-inner .search-bar .text-area-wrapper:has(.has-query) {
  border: 2px solid #9c0d63;
  margin: -1px;
  margin-bottom: 1px;
}
.new-ab-item-modal-content .dropdown-container-inner .search-bar .text-area-wrapper textarea {
  width: 100%;
  resize: none;
  border: none;
  background-color: transparent;
  line-height: 42px;
  height: 42px;
  overflow-y: hidden;
  color: var(--amp-body-color, #3b3b3b);
  padding: 0;
  margin: 0;
  white-space: break-spaces;
}
.new-ab-item-modal-content .dropdown-container-inner .search-bar .text-area-wrapper textarea:focus-visible {
  outline: none;
}
.new-ab-item-modal-content .dropdown-container-inner .search-bar .text-area-wrapper textarea::placeholder {
  color: #676767;
  font-style: italic;
}
.new-ab-item-modal-content .dropdown-container-inner .search-bar .text-area-wrapper textarea:focus::placeholder {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.new-ab-item-modal-content .dropdown-container-inner .search-bar .text-area-wrapper textarea.has-query {
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
}
.new-ab-item-modal-content .dropdown-container-inner .search-bar .text-area-wrapper textarea.has-query::-webkit-scrollbar {
  display: none;
}
.new-ab-item-modal-content .dropdown-container-inner .search-bar .search-icon,
.new-ab-item-modal-content .dropdown-container-inner .search-bar .clear-queries-icon {
  position: absolute;
  height: 42px;
  width: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.new-ab-item-modal-content .dropdown-container-inner .search-bar .search-icon {
  pointer-events: none;
}
.new-ab-item-modal-content .dropdown-container-inner .search-bar:has(.clear-queries-icon) .clear-queries-icon {
  top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.new-ab-item-modal-content .dropdown-container-inner:has(.nothing-found-note) .search-bar .text-area-wrapper {
  margin: -1px;
  margin-bottom: 42px;
}
.new-ab-item-modal-content .dropdown-container-inner:has(.nothing-found-note) .filter-dropdown-options {
  padding: 0;
}
.new-ab-item-modal-content .dropdown-container {
  width: 100%;
  top: 44px;
}
.new-ab-item-modal-content .multiselect-checkbox-dropdown .dropdown-container-inner {
  max-height: 18.5em;
  overflow: auto;
}
.new-ab-item-modal-content .multiselect-checkbox-dropdown .dropdown-container-inner .search-bar {
  position: sticky;
  top: -8px;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.new-ab-item-modal-content .edit-ab-item-options:has(.ab-item-option) {
  margin-top: 26px;
}
.new-ab-item-modal-content .dcg-prosemirror-editor {
  border: 1px solid #bdbdbd;
  border-radius: 5px;
}
.new-ab-item-modal-content .dcg-prosemirror-editor.dcg-focused {
  border-color: #9c0d63;
}
.new-ab-item-modal-content .ProseMirror {
  padding: 10px;
  min-height: 6em;
  max-height: 10em;
  overflow-y: auto;
}
.new-ab-item-modal-content .theme-controls {
  margin-bottom: 26px;
}
.new-ab-item-modal-content .theme-controls.item .setting-title {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0 11px;
}
.new-ab-item-modal-content .theme-controls .setting-title {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.new-ab-item-modal-content .theme-controls.item .setting-title {
  color: var(--amp-body-color, #3b3b3b);
  font-size: 135%;
}
.new-ab-item-modal-content .voice-select-container,
.new-ab-item-modal-content .hide-vt-panel-setting,
.new-ab-item-modal-content .keep-vt-panel-open-setting,
.new-ab-item-modal-content .read-text-aloud-options-settings {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.new-ab-item-modal-content .voice-select-container .select-dropdown .select-dropdown-anchor .select-dropdown-anchor:not(.disabled),
.new-ab-item-modal-content .voice-select-container .select-dropdown.dcg-hovered .select-dropdown-anchor:not(.disabled) {
  border: 1px solid #9c0d63;
}
.new-ab-item-modal-content .voice-select-container .select-dropdown .select-dropdown-anchor .select-dropdown-anchor:not(.disabled) i,
.new-ab-item-modal-content .voice-select-container .select-dropdown.dcg-hovered .select-dropdown-anchor:not(.disabled) i {
  color: var(--amp-body-color, #3b3b3b);
}
.new-ab-item-modal-content .read-text-aloud-options-settings .read-text-aloud-controls {
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.new-ab-item-modal-content .ab-item-release-selection-container .release-tooltip {
  width: 100%;
}
.new-ab-item-modal-content .multiselect-checkbox-dropdown {
  width: 100%;
}
.new-ab-item-modal-content .multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor {
  width: 100%;
}
.new-ab-item-modal-content .multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor.dcg-hovered:not(.disabled) {
  border: 1px solid #9c0d63;
}
.new-ab-item-modal-content .multiselect-checkbox-dropdown .multiselect-checkbox-dropdown-anchor.dcg-depressed:not(.disabled) {
  border: 1px solid #9c0d63;
}
.new-ab-item-modal-content .dropdown-container {
  width: 100%;
}
.new-ab-item-modal-content .multiselect-checkbox-dropdown-container {
  margin-bottom: 0px;
}
.new-ab-item-modal-content .ab-item-option,
.new-ab-item-modal-content .theme-controls.item {
  margin-bottom: 26px;
}
.new-ab-item-modal-content .ab-item-option-small {
  margin-bottom: 5px;
}
.new-ab-item-modal-content .ab-item-author-group-selection .multiselect-checkbox-dropdown,
.new-ab-item-modal-content .ab-item-grade-selection .multiselect-checkbox-dropdown,
.new-ab-item-modal-content .ab-item-topic-selection .multiselect-checkbox-dropdown {
  width: 100%;
}
.new-ab-item-modal-content .ab-item-author-group-selection .multiselect-checkbox-dropdown .anchor-container .multiselect-checkbox-dropdown-anchor,
.new-ab-item-modal-content .ab-item-grade-selection .multiselect-checkbox-dropdown .anchor-container .multiselect-checkbox-dropdown-anchor,
.new-ab-item-modal-content .ab-item-topic-selection .multiselect-checkbox-dropdown .anchor-container .multiselect-checkbox-dropdown-anchor {
  width: 100%;
}
.footer-content-wrapper .ab-item-footer {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.footer-content-wrapper .ab-item-footer .reference-item-container .reference-tooltip {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.footer-content-wrapper .ab-item-footer .cancel-btn {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.new-ab-item-modal.fixed-width.create-new-ab-item .modal-container .modal-contents-wrapper {
  overflow-y: visible;
}
.new-ab-item-modal.fixed-width.update-ab-item-info .modal-container .modal-contents-wrapper {
  max-height: 70vh;
  overflow-y: scroll;
}

/* src/js/teacher-spa/new-activity-modal.styl */
.new-activity-modal-content {
  min-height: 0;
  max-width: 100%;
  margin: 0 auto;
  padding: 30px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  max-height: calc(100vh - 150px);
}
.new-activity-modal-content .modal-header {
  font-size: 160%;
  color: var(--amp-body-color, #3b3b3b);
  text-align: left;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
}
.new-activity-modal-content .flex-container {
  max-height: 100%;
  padding-top: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.new-activity-modal-content .flex-container .dcg-tooltip-hit-area-container {
  width: fit-content;
}
.new-activity-modal-content .edit-activity-title {
  margin-bottom: 11px;
  color: var(--amp-body-color, #3b3b3b);
}
.new-activity-modal-content .edit-activity-title input {
  font-family: "open-sans", sans-serif;
  font-size: 160%;
  width: 100%;
  border: none;
  border-bottom: 1px solid #bdbdbd;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.new-activity-modal-content .edit-activity-title input::placeholder {
  color: #676767;
  font-style: italic;
}
.new-activity-modal-content .edit-activity-title input.dcg-hovered {
  border-color: #9c0d63;
  color: var(--amp-body-color, #3b3b3b);
}
.new-activity-modal-content .edit-activity-title input.dcg-depressed {
  color: var(--amp-body-color, #3b3b3b);
}
.new-activity-modal-content .edit-activity-title input:focus {
  outline: none;
  border-color: #9c0d63;
}
.new-activity-modal-content .btn {
  width: 100%;
  font-weight: 300;
}
.new-activity-modal-content .share-settings-chooser {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
}
.new-activity-modal-content .share-settings-title,
.new-activity-modal-content .textarea-label {
  line-height: 33px;
  margin-bottom: 11px;
}
.new-activity-modal-content .ProseMirror {
  padding: 10px;
  min-height: 6em;
  max-height: 10em;
  overflow-y: auto;
}
.new-activity-modal-content .dcg-segmented-control-layout .btn {
  border-radius: 0;
  padding: 0 1em;
}
.new-activity-modal-content .dcg-segmented-control-layout .btn:not(.btn-blue) + .btn:not(.btn-blue) {
  border-left: 0;
  padding-left: calc(1em + 1px);
}
.new-activity-modal-content .dcg-segmented-control-layout .btn:not(.btn-blue) + .btn:not(.btn-blue):hover {
  border-left: 1px solid #9c0d63;
  padding-left: 1em;
}
.new-activity-modal-content .dcg-segmented-control-layout > :first-child .btn {
  border-top-left-radius: var(--amp-border-radius, 0.1875em);
  border-bottom-left-radius: var(--amp-border-radius, 0.1875em);
}
.new-activity-modal-content .dcg-segmented-control-layout > :last-child .btn {
  border-top-right-radius: var(--amp-border-radius, 0.1875em);
  border-bottom-right-radius: var(--amp-border-radius, 0.1875em);
}
.new-activity-modal-content .dcg-segmented-control-layout i {
  margin-right: 4px;
}
.new-activity-modal-content .dcg-prosemirror-editor {
  border: 1px solid #bdbdbd;
  border-radius: 5px;
}
.new-activity-modal-content .dcg-prosemirror-editor.dcg-focused {
  border-color: #9c0d63;
}
.new-activity-modal-content .textarea-label,
.new-activity-modal-content .theme-controls.activity .setting-title {
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.new-activity-modal-content .activity-setting-checkbox {
  margin-top: 10px;
}
.new-activity-modal-content .theme-controls .setting-title {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.new-activity-modal-content .textarea-label,
.new-activity-modal-content .author-group-selection-label,
.new-activity-modal-content .share-settings-chooser .share-settings-title,
.new-activity-modal-content .theme-controls.activity .setting-title {
  color: var(--amp-body-color, #3b3b3b);
  font-size: 135%;
}
.new-activity-modal-content .set-benchmark-assessment-settings .benchmark-assessment-description {
  font-size: 90%;
  margin-top: 5px;
  margin-left: 32px;
  color: #676767;
}
.new-activity-modal-content .share-settings-chooser .btn.btn-blue:hover {
  border-color: #23538b;
}
.new-activity-modal-content .share-settings-chooser .btn.btn-blue:active {
  border-color: #193b62;
}
.new-activity-modal-content .share-settings-chooser .btn.btn-secondary:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.new-activity-modal-content .author-group-selection-container {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.new-activity-modal-content textarea {
  padding: 10px;
  font-size: 110%;
  width: 100%;
  height: 2.5em;
}
.new-activity-modal-content textarea::placeholder {
  color: #bdbdbd;
}
.new-activity-modal-content .new-activity-error {
  padding: 10px 0;
  color: #db2e00;
}
.footer-content-wrapper .new-activity-buttons {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.footer-content-wrapper .new-activity-buttons .btn {
  font-size: 18px;
  font-weight: 300;
}

/* src/js/teacher-spa/paginated-list.styl */
.list-pagination {
  position: relative;
  min-height: 40px;
}
.list-pagination .results-description {
  color: #999;
  padding: 10px 0;
  position: absolute;
  top: 0;
  left: 0;
}
.list-pagination .results-page-navigation {
  text-align: center;
}
.list-pagination .results-page-navigation .btn-blue-outline {
  display: inline-block;
  margin: 0 5px;
  padding: 10px;
  position: relative;
}
.list-pagination .results-page-navigation .btn-blue-outline i {
  font-size: 80%;
}
.list-pagination .results-page-navigation .btn-blue-outline.previous-button {
  text-align: left;
  padding-right: 15px;
}
.list-pagination .results-page-navigation .btn-blue-outline.previous-button i {
  margin-right: 5px;
}
.list-pagination .results-page-navigation .btn-blue-outline.next-button {
  text-align: right;
  padding-left: 15px;
}
.list-pagination .results-page-navigation .btn-blue-outline.next-button i {
  margin-left: 5px;
}
.paginated-group .activity-tile-container {
  display: inline-block;
  margin-bottom: 22px;
  margin-right: 22px;
}
.paginated-group .header-container .section-header {
  font-weight: 400;
  font-size: 150%;
}
@media screen and (max-width: 920px) {
  .list-pagination .results-description {
    display: block;
    position: relative;
    text-align: center;
  }
}

/* src/js/teacher-spa/random-tweets.styl */
.random-tweet-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: 0 -10px;
}
.random-tweet-container .tweet-list-item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.random-tweet-container .tweet-list-item .tweet-container {
  height: 100%;
}
.random-tweet-container .tweet-list-item .teacher {
  height: 100%;
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  padding: 40px 35px;
  margin: 0 10px;
  color: #333;
  background: rgba(255,255,255,0.9);
}
.random-tweet-container .tweet-list-item .twitter-bio-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 10px;
  max-width: 100%;
}
.random-tweet-container .tweet-list-item .twitter-bio-info .twitter-image img {
  width: 61px;
  border-radius: 50%;
  margin-right: 16px;
}
.random-tweet-container .tweet-list-item .twitter-bio-info .twitter-name {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: calc(100% - 100px);
  font-size: 1.2em;
  font-weight: 700;
}
.random-tweet-container .tweet-list-item .twitter-bio-info .twitter-name .handle-link {
  text-decoration: none;
  font-weight: 400;
  font-size: 16.8px;
  line-height: 32px;
}
.random-tweet-container .tweet-list-item .tweet-content {
  font-size: 16.8px;
  line-height: 24px;
}

/* src/js/teacher-spa/read-only-banner.styl */
.read-only-banner {
  width: 100%;
  min-width: 300px;
  height: 46px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #834fbf;
  font-weight: lighter;
  color: #fff;
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  border-bottom: 1px solid rgba(0,0,0,0.04);
  z-index: 10;
}
.read-only-banner.new-nav {
  padding-left: 66px;
  top: 60px;
}
.read-only-banner .read-only-label {
  font-weight: 500;
}
.read-only-banner .learn-more-link.link-light {
  color: #fff;
  text-decoration-color: #fff;
}
.read-only-banner .learn-more-link.link-light:focus,
.read-only-banner .learn-more-link.link-light:hover,
.read-only-banner .learn-more-link.link-light:active {
  color: #fff;
}
@media screen and (max-width: 680px) {
  .read-only-banner {
    height: 56px;
  }
  .read-only-banner > div {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .read-only-banner span:has(.learn-more-link.link-light) {
    text-align: center;
  }
  .read-only-banner.new-nav {
    position: fixed;
    min-width: 366px;
  }
}

/* src/js/teacher-spa/salesforce-messenger-wrapper.scss */
#embeddedMessagingFrame:focus,
#embeddedMessagingFrame:focus-visible {
  outline: none;
  outline-offset: initial;
}

#salesforce-messenger-container {
  z-index: 29;
  position: relative;
}
/* src/js/teacher-spa/search/filters-sidebar.scss */
.filters-container {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  width: 216px;
  position: sticky;
  top: calc(53px + calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  max-height: calc(100vh - 53px - calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2));
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 12px;
}
.filters-container > div {
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 0;
}
.filters-container hr {
  margin-top: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5);
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  border-color: #bdbdbd;
}
.filters-container .filter-section-collapsed hr {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.filters-container h4.refine-results-title {
  display: flex;
  align-items: center;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.filters-container .btn-expand-collapse label {
  z-index: 1;
}
.filters-container .selected-filter-options {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.filters-container .selected-filter-options > button:nth-last-child(2) {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.filters-container .selected-filter-options .selected-filter-option {
  display: flex;
  justify-content: space-between;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  background: #e9e9e9;
  padding: 6.5px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5) 6.5px calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  border: none;
  border-radius: var(--amp-border-radius, 0.1875em);
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  line-height: normal;
}
.filters-container .selected-filter-options .selected-filter-option:hover, .filters-container .selected-filter-options .selected-filter-option:focus {
  background-color: #676767;
  color: #fff;
}
.filters-container .selected-filter-options .selected-filter-option i:hover {
  cursor: pointer;
}
.filters-container .selected-filter-options .clear-all-filters {
  width: -moz-fit-content;
  width: fit-content;
  height: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  text-decoration-line: underline;
  margin: auto 0;
  padding: 0;
  background: none;
  border: none;
  transition-duration: 0.2s;
  transition-property: color, text-decoration-color;
  transition-timing-function: linear;
}
.filters-container .selected-filter-options .clear-all-filters:hover {
  cursor: pointer;
  text-decoration-color: rgba(59, 59, 59, 0);
}
.filters-container .filter-header {
  display: flex;
  justify-content: space-between;
}
.filters-container .filter-header .filter-title {
  margin: auto 0;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.filters-container .filter-option {
  display: flex;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.filters-container .filter-option .option-count {
  margin-left: 4px;
  color: #707070;
}

.filters-modal .modal-container .modal-contents-wrapper {
  border-radius: 15px 15px 0 0;
  background-color: #f6f6f6;
}
.filters-modal .modal-container .modal-contents-wrapper .selected-filter-options {
  max-width: calc(100% - var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.filters-modal .modal-container .modal-contents-wrapper .modal-close-btn {
  top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.filters-modal .modal-container .modal-contents-wrapper .filters-container {
  width: 100%;
  padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  overflow: visible;
}
.filters-modal .modal-container .modal-contents-wrapper hr {
  width: calc(100% + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2 * 4);
  margin-left: calc(-2 * var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  margin-right: calc(-2 * var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}
.filters-modal .modal-container .modal-contents-wrapper .filter-title {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.filters-modal .modal-container .modal-contents-wrapper .ownership-type-filter {
  display: flex;
  flex-wrap: wrap;
}
.filters-modal .modal-container .modal-contents-wrapper .ownership-type-filter .filter-header {
  flex: 1 1 100%;
}
.filters-modal .modal-container .modal-contents-wrapper .ownership-type-filter .filter-option {
  flex: 1 1 50%;
}
.filters-modal .modal-container .modal-contents-wrapper .ownership-type-filter hr {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.filters-modal .modal-container .modal-contents-wrapper .grades-filter {
  display: grid;
  grid-template-rows: repeat(7, auto);
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
.filters-modal .modal-container .modal-contents-wrapper .grades-filter .filter-header {
  grid-column: 1/-1;
}
.filters-modal .modal-container .modal-contents-wrapper .grades-filter hr {
  grid-row: 7;
  grid-column: 1/3;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem + var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.filters-modal .modal-container .modal-contents-wrapper .available-language-filter hr {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
}

.modal-cover.filters-modal .dc-modal-background {
  position: fixed;
}
/* src/js/teacher-spa/search/search-box.scss */
.sidebar-search-box-container .amplify-search,
.discover-search-bar-container .amplify-search,
.top-bar-search-box-container .amplify-search,
.search-results-wrapper .amplify-search {
  width: 100%;
}
.sidebar-search-box-container .amplify-search .form-control:focus, .sidebar-search-box-container .amplify-search .form-control.has-content,
.discover-search-bar-container .amplify-search .form-control:focus,
.discover-search-bar-container .amplify-search .form-control.has-content,
.top-bar-search-box-container .amplify-search .form-control:focus,
.top-bar-search-box-container .amplify-search .form-control.has-content,
.search-results-wrapper .amplify-search .form-control:focus,
.search-results-wrapper .amplify-search .form-control.has-content {
  padding-right: 6em;
  width: 100%;
}
.sidebar-search-box-container .amplify-search .form-control:placeholder-shown,
.discover-search-bar-container .amplify-search .form-control:placeholder-shown,
.top-bar-search-box-container .amplify-search .form-control:placeholder-shown,
.search-results-wrapper .amplify-search .form-control:placeholder-shown {
  padding-right: 0;
  padding-left: 2.75em;
  width: 100%;
}
.sidebar-search-box-container .amplify-search .form-control:placeholder-shown + .icon-prompt,
.discover-search-bar-container .amplify-search .form-control:placeholder-shown + .icon-prompt,
.top-bar-search-box-container .amplify-search .form-control:placeholder-shown + .icon-prompt,
.search-results-wrapper .amplify-search .form-control:placeholder-shown + .icon-prompt {
  opacity: 1;
}
.sidebar-search-box-container .amplify-search .form-control:placeholder-shown + .icon-prompt + .btn-search:not(.empty-search), .sidebar-search-box-container .amplify-search .form-control:placeholder-shown + .icon-prompt + .btn-search + .btn-clear-search,
.discover-search-bar-container .amplify-search .form-control:placeholder-shown + .icon-prompt + .btn-search:not(.empty-search),
.discover-search-bar-container .amplify-search .form-control:placeholder-shown + .icon-prompt + .btn-search + .btn-clear-search,
.top-bar-search-box-container .amplify-search .form-control:placeholder-shown + .icon-prompt + .btn-search:not(.empty-search),
.top-bar-search-box-container .amplify-search .form-control:placeholder-shown + .icon-prompt + .btn-search + .btn-clear-search,
.search-results-wrapper .amplify-search .form-control:placeholder-shown + .icon-prompt + .btn-search:not(.empty-search),
.search-results-wrapper .amplify-search .form-control:placeholder-shown + .icon-prompt + .btn-search + .btn-clear-search {
  opacity: 0;
  pointer-events: none;
}
.sidebar-search-box-container .amplify-search .form-control:placeholder-shown:focus,
.discover-search-bar-container .amplify-search .form-control:placeholder-shown:focus,
.top-bar-search-box-container .amplify-search .form-control:placeholder-shown:focus,
.search-results-wrapper .amplify-search .form-control:placeholder-shown:focus {
  padding-left: 1em;
}
.sidebar-search-box-container .amplify-search .form-control:placeholder-shown:focus + .icon-prompt,
.discover-search-bar-container .amplify-search .form-control:placeholder-shown:focus + .icon-prompt,
.top-bar-search-box-container .amplify-search .form-control:placeholder-shown:focus + .icon-prompt,
.search-results-wrapper .amplify-search .form-control:placeholder-shown:focus + .icon-prompt {
  opacity: 0;
}
.sidebar-search-box-container .amplify-search .form-control:placeholder-shown:focus + .icon-prompt + .btn-search,
.discover-search-bar-container .amplify-search .form-control:placeholder-shown:focus + .icon-prompt + .btn-search,
.top-bar-search-box-container .amplify-search .form-control:placeholder-shown:focus + .icon-prompt + .btn-search,
.search-results-wrapper .amplify-search .form-control:placeholder-shown:focus + .icon-prompt + .btn-search {
  opacity: 1;
  pointer-events: auto;
}
.sidebar-search-box-container .amplify-search .btn-clear-search,
.discover-search-bar-container .amplify-search .btn-clear-search,
.top-bar-search-box-container .amplify-search .btn-clear-search,
.search-results-wrapper .amplify-search .btn-clear-search {
  width: auto;
  border-radius: var(--amp-border-radius, 0.1875em);
}
.sidebar-search-box-container .amplify-search .btn-clear-search:active,
.discover-search-bar-container .amplify-search .btn-clear-search:active,
.top-bar-search-box-container .amplify-search .btn-clear-search:active,
.search-results-wrapper .amplify-search .btn-clear-search:active {
  background-color: transparent;
}
.sidebar-search-box-container .amplify-search .btn,
.discover-search-bar-container .amplify-search .btn,
.top-bar-search-box-container .amplify-search .btn,
.search-results-wrapper .amplify-search .btn {
  z-index: 3;
}
.sidebar-search-box-container .amplify-search .search-suggestions,
.discover-search-bar-container .amplify-search .search-suggestions,
.top-bar-search-box-container .amplify-search .search-suggestions,
.search-results-wrapper .amplify-search .search-suggestions {
  position: absolute;
  top: 45px;
  left: 1px;
  right: 1px;
  z-index: 2;
}

.teacher-page-top-bar .top-bar-search-box-container {
  float: left;
  padding: 8px 0;
  width: 300px;
  line-height: 1.6em;
}
.teacher-page-top-bar .top-bar-search-box-container .top-bar-search-box {
  width: 15em;
  transition: all 0.2s ease-in-out;
}
.teacher-page-top-bar .top-bar-search-box-container .top-bar-search-box:has(.form-control:focus, .form-control.has-content) {
  width: 22em;
}
.teacher-page-top-bar .top-bar-search-box-container .top-bar-search-box .amplify-search .btn {
  z-index: 6;
}
.teacher-page-top-bar .top-bar-search-box-container .top-bar-search-box .search-suggestions {
  z-index: 5;
}
.teacher-page-top-bar.smallscreen .top-bar-search-box-container {
  width: 100%;
}
.teacher-page-top-bar.smallscreen .top-bar-search-box-container .top-bar-search-box {
  width: 100%;
}
.teacher-page-top-bar.smallscreen .top-bar-search-box-container .top-bar-search-box:has(.form-control:focus, .form-control.has-content) {
  width: 100%;
}

.amplify-search .dropdown-container {
  padding-bottom: 5px;
}
.amplify-search .search-suggestions {
  animation: fadeIn 0.3s;
  background: #fff;
  border: 1px solid #e2e2e2;
  border-top: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 3px 0 3px rgba(0, 0, 0, 0.05), -3px 0 3px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.05), 3px 3px 3px rgba(0, 0, 0, 0.05), -3px 3px 3px rgba(0, 0, 0, 0.05);
}
.amplify-search .search-suggestions .no-suggestions {
  padding: 10px;
  text-align: center;
  color: #bbb;
  font-size: 90%;
}
.amplify-search .search-suggestions .suggestion-item {
  padding: 5px 10px;
  cursor: pointer;
  color: #676767;
  text-decoration: none;
}
.amplify-search .search-suggestions .suggestion-item .title-text {
  width: 100%;
  color: #666;
}
.amplify-search .search-suggestions .suggestion-item.selected {
  outline: 2px solid #9c0d63;
  background: #fff;
}
.amplify-search .search-suggestions .suggestion-item.dcg-hovered {
  background: rgba(0, 0, 0, 0.05);
}
.amplify-search .search-suggestions .suggestion-item.dcg-focus-by-tap {
  background: #e9e9e9;
}
.amplify-search .search-suggestions .suggestion-item b {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.amplify-search .search-suggestions .suggestion-item.no-results {
  pointer-events: none;
}

@media screen and (max-width: 880px) {
  .teacher-page-top-bar .top-bar-search-box-container .top-bar-search-box:has(.form-control:focus, .form-control.has-content) {
    width: 15em;
  }
}
/* src/js/teacher-spa/search/search-box.styl */
.collection-editor-search-container .search-box .search-suggestions {
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
  z-index: 1061 /* Must be higher than the z-index of the toast error message */;
}
.amp-styles .search-button.btn i {
  margin: 0;
}
.amp-styles .form-control.search-input {
  padding-right: 50px;
}
.search-box {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.search-box input {
  display: inline-block;
  padding-left: 10px;
  padding-right: 50px;
  font-size: 100%;
  height: 36px !important;
  line-height: 26px !important;
  width: 100%;
  background: transparent;
  border-radius: 0.1875em !important;
}
.search-box .clear-search-btn {
  border-radius: 0;
  position: absolute;
  right: 0;
  z-index: 10;
  height: 36px;
}
.search-box.add-content-search {
  position: relative;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.search-box.add-content-search .form-control.search-input {
  padding-right: 10px;
  padding-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3.25);
  padding-top: 10px;
  padding-bottom: 10px;
  height: 40px !important;
}
.search-box.add-content-search .search-icon-container {
  position: absolute;
  left: 10px;
  top: 0;
  height: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 2;
}
.search-box .dropdown-suggestion-title {
  padding: 5px 10px 0;
  text-transform: uppercase;
  color: #676767;
  cursor: default;
  font-size: 80%;
}
.search-box .dropdown-container {
  padding-bottom: 5px;
}
.search-box .search-suggestions {
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  background: #fff;
  border: 1px solid #e2e2e2;
  border-top: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 3px 0 3px rgba(0,0,0,0.05), -3px 0 3px rgba(0,0,0,0.05), 0 3px 3px rgba(0,0,0,0.05), 3px 3px 3px rgba(0,0,0,0.05), -3px 3px 3px rgba(0,0,0,0.05);
  box-shadow: 3px 0 3px rgba(0,0,0,0.05), -3px 0 3px rgba(0,0,0,0.05), 0 3px 3px rgba(0,0,0,0.05), 3px 3px 3px rgba(0,0,0,0.05), -3px 3px 3px rgba(0,0,0,0.05);
}
.search-box .search-suggestions .no-suggestions {
  padding: 10px;
  text-align: center;
  color: #bbb;
  font-size: 90%;
}
.search-box .search-suggestions .suggestion-item {
  padding: 5px 10px;
  cursor: pointer;
  text-decoration: none;
}
.search-box .search-suggestions .suggestion-item .title-text {
  width: 100%;
  color: #676767;
}
.search-box .search-suggestions .suggestion-item.selected {
  outline: 2px solid #9c0d63;
  background: #fff;
}
.search-box .search-suggestions .suggestion-item.dcg-hovered {
  background: rgba(0,0,0,0.05);
}
.search-box .search-suggestions .suggestion-item.dcg-focus-by-tap {
  background: #e9e9e9;
}
.search-box .search-suggestions .suggestion-item b {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.search-box .search-suggestions .suggestion-item.no-results {
  pointer-events: none;
}
@media screen and (max-width: 680px) {
  .search-box {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .search-box input {
    width: calc(100% - 50px);
    margin-left: 0;
  }
}

/* src/js/teacher-spa/search/search-dropdown-activity.styl */
.search-dropdown-activity {
  min-height: 40px;
  text-decoration: none;
  position: relative;
  display: block;
}
.search-dropdown-activity .preview-card .search-activity-thumb {
  filter: grayscale(1);
}
.search-dropdown-activity img {
  width: 30px;
  height: 30px;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  position: absolute;
  top: 5px;
  left: 10px;
}
.search-dropdown-activity .right-container {
  padding: 0px 0px 0px 35px;
  height: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: start;
  align-items: start;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.search-dropdown-activity .right-container .title-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 95%;
}
.search-dropdown-activity .right-container .preview-tag {
  font-size: 8pt;
  color: #999;
}

/* src/js/teacher-spa/search/search-dropdown-collection.styl */
.search-dropdown-collection {
  min-height: 40px;
  text-decoration: none;
  position: relative;
  display: block;
  width: 100%;
}
.search-dropdown-collection > div {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.search-dropdown-collection .collection-thumb {
  width: 64px;
  height: 30px;
  margin-right: 5px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.search-dropdown-collection .color-ribbon {
  min-width: 7px;
  margin-right: 5px;
  border-radius: 2px;
}
.search-dropdown-collection .right-container {
  height: 30px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.search-dropdown-collection .right-container .title-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 95%;
}

/* src/js/teacher-spa/search/search-results.scss */
.teacher-page:not(.full-width-page) .teacher-page-content-container.search {
  max-width: none;
}

.search-results-wrapper {
  display: flex;
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
}
@media screen and (min-width: 880px) {
  .search-results-wrapper {
    margin-right: 56px;
  }
}
.search-results-wrapper .search-results {
  width: 100%;
}
.search-results-wrapper .search-results .activity-card-title {
  margin-bottom: 0;
  margin-top: 0;
}
.search-results-wrapper .search-results .filters-and-results-sections {
  width: 100%;
}
@media screen and (min-width: 880px) {
  .search-results-wrapper .search-results .filters-and-results-sections.filters-open {
    max-width: calc(100% - 216px - var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
    min-width: 428px;
  }
}
.search-results-wrapper .search-results.fade-in {
  animation: fadeIn 0.3s;
}
.search-results-wrapper .search-results .no-search-results {
  text-align: center;
  color: #676767;
  padding-top: 78px;
}
.search-results-wrapper .search-results .no-search-results .no-results-title {
  font-size: 21.6px;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) 0;
  max-width: 700px;
  margin: 0 auto;
}
.search-results-wrapper .search-results .no-search-results .no-results-description {
  font-size: 15px;
  max-width: 750px;
  margin: 0 auto;
}
.search-results-wrapper .search-results .search-container {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  display: flex;
}
.search-results-wrapper .search-results .search-container .filter-section {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.search-results-wrapper .search-results .search-container .filter-section .tabs-wrapper {
  overflow-x: auto;
}
.search-results-wrapper .search-results .search-container .filter-section .open-filters-btn {
  line-height: 0;
  word-spacing: 0.375em;
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.search-results-wrapper .search-results .search-container .filter-section .open-filters-btn::after {
  font-size: 0.625em;
  font-weight: 500;
  height: 1.8em;
  line-height: 1.8em;
  background-color: #676767;
  border-radius: 0.0625em;
  color: #fff;
  word-spacing: initial;
}
.search-results-wrapper .search-results .search-container .filter-section .open-filters-btn i {
  margin: 0;
}
.search-results-wrapper .search-results .search-container .filter-section .open-filters-btn-active {
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  background: #e9e9e9;
}
.search-results-wrapper .search-results .search-container .filter-section .open-filters-btn-active:not(:hover) {
  border-color: transparent;
}
.search-results-wrapper .search-results .search-input-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 13px;
}

@media screen and (max-width: 880px) {
  .search-input-container {
    flex-direction: column;
  }
  .search-results {
    padding-top: 0;
  }
}
/* src/js/teacher-spa/search/search-tabs.scss */
.search-tabset {
  margin-bottom: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5);
}
.search-tabset .search-resource-tabs-wrapper {
  display: flex;
}
.search-tabset .tab-count {
  color: #676767;
  margin-left: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
/* src/js/teacher-spa/sidebar-collections.styl */
.grouped-sidebar-container.collection-sidebar .menu-item.unreleased,
.grouped-sidebar-container.collection-sidebar .menu-item.access--list-only {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.grouped-sidebar-container.collection-sidebar .menu-item.unreleased.unclickable,
.grouped-sidebar-container.collection-sidebar .menu-item.access--list-only.unclickable {
  font-style: italic;
}
.grouped-sidebar-container.collection-sidebar .menu-item.unreleased .icon-v2-chevron-right,
.grouped-sidebar-container.collection-sidebar .menu-item.access--list-only .icon-v2-chevron-right {
  display: none;
}
.grouped-sidebar-container.collection-sidebar .menu-item.unclickable {
  pointer-events: none;
}
.grouped-sidebar-container.collection-sidebar .menu-item:not(.selected).dcg-hovered:not(.collection-item):before {
  background: var(--amp-body-color, #3b3b3b);
}
.grouped-sidebar-container.collection-sidebar .menu-item:not(.selected).dcg-depressed:not(.collection-item):before {
  background: var(--amp-text-color-dark, #080808);
}
.grouped-sidebar-container.collection-sidebar .menu-item.has-right-icon > .dcg-tooltip-hit-area-container .icon-v2-error {
  color: #fa824c;
}
.grouped-sidebar-container.collection-sidebar .menu-item.access--preview .icon-v2-paper,
.grouped-sidebar-container.collection-sidebar .menu-item.access--restricted .icon-v2-paper {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.grouped-sidebar-container.collection-sidebar .menu-item.assigned:not(.selected):before {
  background: #bdbdbd;
}
.grouped-sidebar-container.collection-sidebar .collection-item.private-placeholder.dropdown-choice,
.grouped-sidebar-container.collection-sidebar .activity-item.private-placeholder.dropdown-choice,
.grouped-sidebar-container.collection-sidebar .collection-item.private-placeholder .item-name,
.grouped-sidebar-container.collection-sidebar .activity-item.private-placeholder .item-name {
  font-style: italic;
}
.grouped-sidebar-container.collection-sidebar .collection-item.private-placeholder .icon-v2-error,
.grouped-sidebar-container.collection-sidebar .activity-item.private-placeholder .icon-v2-error {
  font-size: 80%;
}
.grouped-sidebar-container.collection-sidebar .grouped-sidebar .menu-item.has-icon.private-placeholder > .dcg-tooltip-hit-area-container {
  left: -3px;
  top: 6px;
  font-size: 80%;
}
.grouped-sidebar-container.collection-sidebar .dropdown-container .dropdown-choice.collection-item.selected {
  background: #e9e9e9;
  font-weight: 500;
}
@-webkit-keyframes fadeIn-down {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -6px);
    -moz-transform: translate(0, -6px);
    -o-transform: translate(0, -6px);
    -ms-transform: translate(0, -6px);
    transform: translate(0, -6px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes fadeIn-down {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -6px);
    -moz-transform: translate(0, -6px);
    -o-transform: translate(0, -6px);
    -ms-transform: translate(0, -6px);
    transform: translate(0, -6px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

/* src/js/teacher-spa/sidebar-grouped.styl */
.grouped-sidebar-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: 100%;
  -webkit-box-pack: stretch;
  -moz-box-pack: stretch;
  -o-box-pack: stretch;
  -ms-flex-pack: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch;
}
.grouped-sidebar-container .grouped-sidebar {
  width: 100%;
  padding-left: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.grouped-sidebar-container .grouped-sidebar .parent-group {
  margin-right: 0;
}
.grouped-sidebar-container .grouped-sidebar .parent-group + .parent-group {
  margin-top: 10px;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border:nth-child(1) .dcg-shared-options-dropdown {
  max-height: calc(100vh - 190px);
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border:nth-child(2) .dcg-shared-options-dropdown {
  max-height: calc(100vh - 244px);
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border:nth-child(3) .dcg-shared-options-dropdown {
  max-height: calc(100vh - 298px);
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border:nth-child(4) .dcg-shared-options-dropdown {
  max-height: calc(100vh - 352px);
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border:nth-child(5) .dcg-shared-options-dropdown {
  max-height: calc(100vh - 406px);
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border:nth-child(6) .dcg-shared-options-dropdown {
  max-height: calc(100vh - 460px);
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .dropdown-container {
  width: 195px;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .dropdown-container .dropdown-choice.unreleased {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  font-style: italic;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .dropdown-container .dropdown-choice.unclickable {
  pointer-events: none;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .divided-btn-dropdown {
  color: #bdbdbd;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .divided-btn-dropdown .dcg-shared-options-dropdown {
  overflow-y: auto;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .divided-btn-dropdown .dcg-shared-options-dropdown .option-icon-container {
  width: 12px;
  margin-right: 5px;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .divided-btn-dropdown .dcg-shared-options-dropdown .option-icon-container i {
  font-size: 1em;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .divided-btn-segment,
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .divided-btn-dropdown .anchor-container .divided-btn-dropdown-arrow {
  background: #fff;
  border: 1px solid #bdbdbd;
  color: var(--amp-body-color, #3b3b3b);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .divided-btn-segment.dcg-hovered:not(.disabled):not(.current-page),
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .divided-btn-dropdown .anchor-container .divided-btn-dropdown-arrow.dcg-hovered:not(.disabled):not(.current-page) {
  color: var(--amp-text-color-dark, #080808);
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .divided-btn-segment.dcg-depressed:not(.disabled):not(.current-page),
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .divided-btn-dropdown .anchor-container .divided-btn-dropdown-arrow.dcg-depressed:not(.disabled):not(.current-page) {
  color: #333;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .divided-btn-dropdown .anchor-container .divided-btn-dropdown-arrow {
  border-left: none;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .divided-btn-dropdown.dcg-hovered:not(.disabled) {
  color: var(--amp-text-color-dark, #080808);
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .divided-btn-dropdown.dcg-hovered:not(.disabled) .anchor-container .divided-btn-dropdown-arrow {
  background: rgba(0,0,0,0.05);
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .divided-btn-dropdown.dcg-depressed:not(.disabled) {
  color: #333;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn.divided-btn.has-border .divided-btn-dropdown.dcg-depressed:not(.disabled) .anchor-container .divided-btn-dropdown-arrow {
  background: rgba(0,0,0,0.1);
  border-left: none;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-single-btn a,
.grouped-sidebar-container .grouped-sidebar .parent-group-divided-btn a {
  text-decoration: none;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-single-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  color: var(--amp-text-color-dark, #080808);
  text-decoration: none;
  white-space: nowrap;
  line-height: 40px;
  margin-right: 0;
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.2s opacity;
  -moz-transition: 0.2s opacity;
  -o-transition: 0.2s opacity;
  -ms-transition: 0.2s opacity;
  transition: 0.2s opacity;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-single-btn .btn-text {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-single-btn .back-arrow-container {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  width: 0;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-single-btn .back-arrow-container i {
  font-size: 90%;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-single-btn.dcg-hovered .back-arrow-container,
.grouped-sidebar-container .grouped-sidebar .parent-group-single-btn.dcg-depressed .back-arrow-container {
  display: inline-block;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  width: 15px;
  -webkit-transform: translateX(-4px);
  -moz-transform: translateX(-4px);
  -o-transform: translateX(-4px);
  -ms-transform: translateX(-4px);
  transform: translateX(-4px);
}
.grouped-sidebar-container .grouped-sidebar .parent-group-single-btn,
.grouped-sidebar-container .grouped-sidebar .divided-btn-main-link {
  width: 100%;
  padding: 0 10px;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-single-btn.dcg-hovered:not(.disabled):not(.current-page),
.grouped-sidebar-container .grouped-sidebar .divided-btn-main-link.dcg-hovered:not(.disabled):not(.current-page) {
  color: #333;
  background: rgba(0,0,0,0.05);
}
.grouped-sidebar-container .grouped-sidebar .parent-group-single-btn.dcg-depressed:not(.disabled):not(.current-page),
.grouped-sidebar-container .grouped-sidebar .divided-btn-main-link.dcg-depressed:not(.disabled):not(.current-page) {
  color: #111;
  background: rgba(0,0,0,0.1);
}
.grouped-sidebar-container .grouped-sidebar .parent-group-single-btn.current-page,
.grouped-sidebar-container .grouped-sidebar .divided-btn-main-link.current-page {
  position: relative;
  padding-left: 26px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: default;
  color: #9c0d63;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-single-btn.current-page .btn-text,
.grouped-sidebar-container .grouped-sidebar .divided-btn-main-link.current-page .btn-text {
  color: #9c0d63;
  text-decoration-color: #9c0d63;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.grouped-sidebar-container .grouped-sidebar .parent-group-single-btn.current-page:not(.has-icon):before,
.grouped-sidebar-container .grouped-sidebar .divided-btn-main-link.current-page:not(.has-icon):before {
  content: '';
  position: absolute;
  top: 45%;
  left: 11px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #9c0d63;
  display: inline-block;
  margin-top: -4px;
}
.grouped-sidebar-container .grouped-sidebar .current-page-group {
  min-height: fit-content;
  -webkit-animation: fadeIn-down 0.3s;
  -moz-animation: fadeIn-down 0.3s;
  -o-animation: fadeIn-down 0.3s;
  -ms-animation: fadeIn-down 0.3s;
  animation: fadeIn-down 0.3s;
  margin-top: 10px;
  overflow-y: auto;
  padding: 0 0.5em;
}
.grouped-sidebar-container .grouped-sidebar .current-page-group .divider {
  border-bottom: 1px solid #bdbdbd;
}
.grouped-sidebar-container .grouped-sidebar .supplemental-group {
  margin-top: 60px;
}
.grouped-sidebar-container .grouped-sidebar .supplemental-group .supplemental-group-header {
  font-size: 78%;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
.grouped-sidebar-container .grouped-sidebar .supplemental-group .supplemental-group-item {
  font-size: 100%;
}
.grouped-sidebar-container .grouped-sidebar .loading {
  height: 15px;
  background: #f6f6f6;
  margin: 15px 10px;
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.grouped-sidebar-container .grouped-sidebar .loading:nth-of-type(even) {
  width: 65%;
}
.grouped-sidebar-container .grouped-sidebar .loading:nth-of-type(3n+1) {
  width: 80%;
}
.grouped-sidebar-container .grouped-sidebar .menu-item {
  font-size: 100%;
  max-width: 100%;
  padding: 5px 14px 5px;
  margin: 5px 0;
  color: var(--amp-body-color, #3b3b3b);
  text-decoration: none;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.grouped-sidebar-container .grouped-sidebar .menu-item .item-prefix {
  margin-right: 5px;
}
.grouped-sidebar-container .grouped-sidebar .menu-item .item-name {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.grouped-sidebar-container .grouped-sidebar .menu-item.has-right-icon .item-name {
  margin-right: 10px;
}
:not(.right-icon-tooltip).grouped-sidebar-container .grouped-sidebar .menu-item.has-right-icon:not(.left-icon-tooltip) > i {
  position: absolute;
  top: 6px;
  right: 0;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.grouped-sidebar-container .grouped-sidebar .menu-item.has-right-icon .right-icon-tooltip {
  position: absolute;
  top: 7px;
  right: 0;
}
.grouped-sidebar-container .grouped-sidebar .menu-item.has-right-icon .right-icon-tooltip i {
  font-size: 1em;
}
.grouped-sidebar-container .grouped-sidebar .menu-item.dcg-hovered i {
  -webkit-transform: translate3d(4px, 0, 0);
  -moz-transform: translate3d(4px, 0, 0);
  -o-transform: translate3d(4px, 0, 0);
  -ms-transform: translate3d(4px, 0, 0);
  transform: translate3d(4px, 0, 0);
}
.grouped-sidebar-container .grouped-sidebar .menu-item:not(.selected).dcg-hovered {
  color: var(--amp-text-color-dark, #080808);
}
.grouped-sidebar-container .grouped-sidebar .menu-item:not(.selected).dcg-depressed {
  color: #000;
}
.grouped-sidebar-container .grouped-sidebar .menu-item.selected {
  color: #9c0d63;
}
.grouped-sidebar-container .grouped-sidebar .menu-item.selected:before {
  background: #9c0d63;
}
.grouped-sidebar-container .grouped-sidebar .menu-item.selected.dcg-hovered,
.grouped-sidebar-container .grouped-sidebar .menu-item.selected.dcg-depressed {
  cursor: default;
}
.grouped-sidebar-container .grouped-sidebar .menu-item.has-icon > .left-icon-tooltip.dcg-tooltip-hit-area-container {
  position: absolute;
  top: 7px;
  left: 0;
  font-size: 90%;
}
.grouped-sidebar-container .grouped-sidebar .menu-item.has-icon > .left-icon-tooltip.dcg-tooltip-hit-area-container i {
  font-size: 1em;
  position: relative;
  right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.grouped-sidebar-container .grouped-sidebar .menu-item:not(.has-icon):before {
  content: '';
  position: absolute;
  top: 8px;
  left: -3px;
  0: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-top: 4px;
}
@media screen and (max-width: 400px) {
  .sidebar-container .side-bar .back-home-link {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .grouped-sidebar-container .grouped-sidebar .parent-group-container .parent-group-single-btn,
  .grouped-sidebar-container .grouped-sidebar .parent-group-container .parent-group-divided-btn {
    font-size: 1em;
    line-height: 2em;
  }
  .grouped-sidebar-container .grouped-sidebar .parent-group-container .divided-btn.has-border .divided-btn-segment,
  .grouped-sidebar-container .grouped-sidebar .parent-group-container .divided-btn.has-border .divided-btn-dropdown-arrow {
    font-size: 1em;
    line-height: 2em;
  }
  .grouped-sidebar-container .grouped-sidebar .parent-group-container .divided-btn.has-border .divided-btn-segment i,
  .grouped-sidebar-container .grouped-sidebar .parent-group-container .divided-btn.has-border .divided-btn-dropdown-arrow i {
    font-size: 1em;
    top: 0.1em;
  }
}
@-webkit-keyframes fadeIn-down {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -6px);
    -moz-transform: translate(0, -6px);
    -o-transform: translate(0, -6px);
    -ms-transform: translate(0, -6px);
    transform: translate(0, -6px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes fadeIn-down {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -6px);
    -moz-transform: translate(0, -6px);
    -o-transform: translate(0, -6px);
    -ms-transform: translate(0, -6px);
    transform: translate(0, -6px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

/* src/js/teacher-spa/sidebar.styl */
.default-side-bar-container .side-bar-group {
  margin: 10px 10px 60px;
}
.default-side-bar-container .side-bar-group:last-child {
  margin: 10px 10px 24px;
}
.default-side-bar-container .side-bar-group .side-bar-header {
  text-transform: uppercase;
  font-size: 78%;
  margin-top: 0;
  margin-bottom: 0;
}
.default-side-bar-container .side-bar-group .menu-item-gray {
  font-size: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

/* src/js/teacher-spa/site-admin/accounts-clever-panel.styl */
.amp-styles .clever-panel .btn-ghost.edit-clever-site-button {
  padding: 0;
  font-weight: normal;
  text-decoration: underline;
}
.amp-styles .clever-panel .btn-ghost.edit-clever-site-button.dcg-hovered {
  text-decoration-color: transparent;
  background: transparent;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
.amp-styles .clever-panel .btn-ghost.edit-clever-site-button:hover {
  background-color: transparent;
}
.amp-styles .clever-panel .btn-ghost.edit-clever-site-button i {
  font-size: 120%;
}
.amp-styles .clever-panel .btn-ghost.edit-clever-site-button span {
  text-decoration: underline;
}
.amp-styles .clever-panel .btn-ghost.edit-clever-site-button.dcg-hovered span {
  text-decoration-color: transparent;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
.clever-panel {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  padding: 25px;
  margin-top: 10px;
}
.clever-panel .clever-status-error-message {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  margin: 10px auto;
  width: 300px;
}
.clever-panel .id-domains-container {
  font-size: 110%;
}
.clever-panel .id-domains-container.has-district-options {
  border-bottom: 1px solid #bdbdbd;
  padding-bottom: 20px;
}
.clever-panel .id-domains-container .clever-id-and-edit {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 12px;
}
.clever-panel .id-domains-container .label {
  font-weight: bold;
  margin-right: 5px;
}
.clever-panel .id-domains-container .email-domains-edit-clever-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.clever-panel .id-domains-container .email-domains-edit-clever-container .email-domains-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 5px;
}
.clever-panel .id-domains-container .email-domains-edit-clever-container .email-domains-container .allowed-email-domains {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.clever-panel .id-domains-container .email-domains-edit-clever-container .email-domain {
  background: #e2e2e2;
  padding: 2px 8px;
  border-radius: 25px;
  font-size: 17px;
  margin: 0px 5px 2px 0px;
}
.clever-panel .id-domains-container .email-domains-edit-clever-container .edit-clever-link span {
  font-size: 90%;
  text-decoration: none;
}
.clever-panel .sync-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.clever-panel .sync-container .sync-error {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  margin-top: 10px;
}
.clever-panel .sync-container .sync-button {
  margin: 20px 0px 10px 0px;
  width: 300px;
  text-align: center;
  border-radius: var(--border-radius-large, 3px);
  line-height: 40px;
  font-size: 18px;
  font-weight: 400;
}
.clever-panel .sync-container .sync-button:hover {
  background-color: #23538b;
  color: #fff;
}
.clever-panel .sync-container .last-sync {
  font-size: 16px;
  color: var(--amp-body-color, #3b3b3b);
}
.clever-panel .sync-errors {
  margin-top: 10px;
}
.clever-panel .sync-errors .icon-v2-warning {
  color: #d8a202;
  margin-right: 5px;
}
.clever-panel .sync-errors .error-list {
  margin-left: 24px;
}
.clever-panel .sync-errors .error-list .error-item {
  margin-top: 5px;
}
.clever-panel .sync-errors .error-list .error-item .error-message {
  color: var(--amp-body-color, #3b3b3b);
}

/* src/js/teacher-spa/site-admin/accounts-page.styl */
.site-accounts-page {
  width: 100%;
  padding: 10px 20px;
}
.site-accounts-page .dashboard-button-learn-more-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 10px;
}
.site-accounts-page .dashboard-button-learn-more-container .back-to-dashboard {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.site-accounts-page .dashboard-button-learn-more-container .back-to-dashboard .icon-v2-chevron-left {
  text-decoration: none;
  margin-right: 5px;
  font-size: 110%;
}
.site-accounts-page .dashboard-button-learn-more-container .add-teachers .icon-v2-information {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  font-size: 110%;
  position: relative;
  top: 2px;
}
.site-accounts-page .accounts-page-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.site-accounts-page .header-text {
  -webkit-flex-basis: 80%;
  flex-basis: 80%;
}
.site-accounts-page .admin-links {
  font-size: 90%;
  margin-top: 5px;
}
.site-accounts-page .admin-links .vertical-divider {
  border-left: 1px solid #bdbdbd;
  margin: 0 10px;
}
.site-accounts-page .site-user-table-container {
  margin-top: 30px;
}
.site-accounts-page .site-user-table-container .district-user-info {
  margin-bottom: 10px;
  color: #333;
  font-size: 90%;
}
.site-accounts-page .site-user-table-container .content-cell:not(.actions-column) {
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.site-accounts-page .site-user-table-container .content-cell:not(.actions-column) .disabled {
  opacity: 50%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5000%)";
  filter: alpha(opacity=5000%);
  font-style: italic;
}
.site-accounts-page .site-user-table-container .name-column {
  width: 25%;
}
.site-accounts-page .site-user-table-container .name-column .dcg-tooltip-hit-area-container {
  margin-left: 10px;
}
.site-accounts-page .site-user-table-container .name-column .dcg-tooltip-hit-area-container .icon-v2-person {
  color: var(--amp-body-color, #3b3b3b);
}
.site-accounts-page .site-user-table-container .name-column > span {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.site-accounts-page .site-user-table-container .email-column {
  width: 30%;
}
.site-accounts-page .site-user-table-container .role-column {
  width: 20%;
}
.site-accounts-page .site-user-table-container .status-column {
  width: 20%;
}
.site-accounts-page .site-user-table-container .actions-column {
  width: 5%;
  height: 40px;
}
.site-accounts-page .site-user-table-container .actions-column .dot-dot-dropdown-container {
  float: right;
}
.site-accounts-page .site-user-table-container .actions-column .dot-dot-dropdown-container .dropdown-container-inner {
  margin-top: 2px;
}
.site-accounts-page .site-user-table-container .actions-column .dcg-shared-options-dropdown:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 10px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.site-accounts-page .site-user-table-container .actions-column .dcg-shared-options-dropdown:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 9px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.site-accounts-page .site-user-table-container .actions-column .dcg-shared-options-dropdown .option-remove-user,
.site-accounts-page .site-user-table-container .actions-column .dcg-shared-options-dropdown .option-remove-admin,
.site-accounts-page .site-user-table-container .actions-column .dcg-shared-options-dropdown .option-cancel-invitation {
  color: #db2e00;
}
.site-accounts-page .site-user-table-container .actions-column .dcg-shared-options-dropdown .option-edit-user-role {
  color: #3278c8;
}
.site-accounts-page .site-user-table-container .actions-column .site-account-dropdown {
  margin-top: -1px;
}
.site-accounts-page .site-admin-toast {
  min-width: 200px;
  text-align: center;
  font-size: 100%;
}

/* src/js/teacher-spa/site-admin/chart-week-switcher.styl */
.chart-week-switcher {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 5px;
}
.chart-week-switcher .week-label {
  margin: 0 10px;
  width: 120px;
  text-align: center;
  padding-bottom: 2px;
}
.chart-week-switcher .chart-nav-button {
  text-decoration: none;
  display: block;
  background: rgba(0,0,0,0.05);
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.chart-week-switcher .chart-nav-button.dcg-hovered {
  background: rgba(0,0,0,0.1);
}
.chart-week-switcher .chart-nav-button.dcg-depressed {
  background: rgba(0,0,0,0.15);
}
.chart-week-switcher .chart-nav-button.disabled {
  color: #666;
  pointer-events: none;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.chart-week-switcher .chart-nav-button i {
  margin-right: 0px;
  font-size: 90%;
}
.chart-week-switcher .chart-nav-button i.pillow-icon-chevron-right {
  position: relative;
  left: 1px;
}
.chart-week-switcher .chart-nav-button i.pillow-icon-chevron-left {
  position: relative;
  right: 1px;
}

/* src/js/teacher-spa/site-admin/clever-site-modal.styl */
.clever-site-modal-contents .text-input-field {
  width: 100%;
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.clever-site-modal-contents .amplify-toast {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}

/* src/js/teacher-spa/site-admin/dashboard.styl */
.site-dashboard-page {
  color: #333;
}
.site-dashboard-page h2 {
  font-size: 140%;
}
.site-dashboard-page .dashboard-header {
  margin: 10px 0 20px;
}
.site-dashboard-page .dashboard-header .name-resources-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.site-dashboard-page .dashboard-header .name-resources-container .site-name {
  -webkit-flex-basis: 80%;
  flex-basis: 80%;
}
.site-dashboard-page .dashboard-header .name-resources-container .pillow-icon-clipboard {
  margin-right: 3px;
  color: var(--amp-body-color, #3b3b3b);
}
.site-dashboard-page .dashboard-header .license-expiration-info {
  color: var(--amp-body-color, #3b3b3b);
  font-size: 90%;
}
.site-dashboard-page .chart-elements {
  margin-top: 60px;
}
.site-dashboard-page .chart-elements.bubble-chart {
  margin-bottom: 60px;
}
.site-dashboard-page .site-accounts-container .header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  margin-bottom: 10px;
}
.site-dashboard-page .site-accounts-container .header .title {
  margin-top: 0.5em;
}
.site-dashboard-page .site-accounts-container .accounts-table {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #fff;
}
.site-dashboard-page .site-accounts-container .accounts-table .panel-left {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #bdbdbd;
  border-radius: 5px 0 0 5px;
  border-right: none;
}
.site-dashboard-page .site-accounts-container .accounts-table .panel-right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #bdbdbd;
  border-radius: 0 5px 5px 0;
}
.site-dashboard-page .site-accounts-container .accounts-table .teacher-accounts,
.site-dashboard-page .site-accounts-container .accounts-table .school-counts {
  text-align: center;
  padding: 10px 0;
}
.site-dashboard-page .site-accounts-container .accounts-table .teacher-accounts .count,
.site-dashboard-page .site-accounts-container .accounts-table .school-counts .count {
  font-size: 200%;
}
.site-dashboard-page .site-accounts-container .accounts-table .teacher-invite-status {
  height: 100%;
  padding: 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.site-dashboard-page .site-accounts-container .accounts-table .teacher-invite-status .accepted {
  background: rgba(0,134,107,0.1);
  color: #00866b;
  border: 1px solid rgba(0,134,107,0.2);
  margin-bottom: 5px;
}
.site-dashboard-page .site-accounts-container .accounts-table .teacher-invite-status .pending {
  background: rgba(50,120,200,0.1);
  color: #3278c8;
  border: 1px solid rgba(50,120,200,0.2);
}
.site-dashboard-page .site-accounts-container .accounts-table .teacher-invite-status .status-bar {
  border-radius: 3px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 2px 10px;
}
.site-dashboard-page .site-accounts-container .accounts-table .teacher-invite-status .status-bar .count {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.site-dashboard-page .chart-elements .chart-heading .title-update-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  margin-bottom: 10px;
}
.site-dashboard-page .chart-elements .chart-heading .title-update-container .last-updated {
  color: var(--amp-body-color, #3b3b3b);
  font-style: italic;
  font-size: 90%;
}
.site-dashboard-page .chart-elements .chart-heading .title-update-container .chart-title {
  margin-top: 0.5em;
}
.site-dashboard-page .chart-elements .chart-heading .chart-description > div {
  margin-bottom: 10px;
}
.site-dashboard-page .chart-elements .chart-heading .chart-description {
  margin: 10px 0 20px;
}
.site-dashboard-page .bar-chart-placeholder {
  padding-bottom: 33%;
}
.site-dashboard-page .bubble-chart-placeholder {
  padding-bottom: 25%;
}
.site-dashboard-page .chart-placeholder {
  width: 100%;
  position: relative;
  height: 100%;
  border: 1px solid #bdbdbd;
  background: #fff;
  border-radius: 5px;
}
.site-dashboard-page .chart-placeholder .chart-placeholder-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.site-dashboard-page .chart-placeholder .chart-placeholder-content.empty-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--amp-body-color, #3b3b3b);
}
.site-dashboard-page .chart-placeholder .chart-placeholder-content.empty-content img {
  width: 175px;
  margin-bottom: 20px;
}
.site-dashboard-page .chart-placeholder .chart-placeholder-content.loading-content {
  font-size: 120%;
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  -ms-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  color: var(--amp-body-color, #3b3b3b);
}
.site-dashboard-page .chart-placeholder .chart-placeholder-content.error-content {
  color: var(--amp-body-color, #3b3b3b);
}
.site-dashboard-page .chart-placeholder .chart-placeholder-content.error-content i {
  color: #fa824c;
  margin-right: 5px;
  font-size: 80%;
}

/* src/js/teacher-spa/site-admin/invite-users-modal.styl */
.invite-users-modal .modal-description {
  margin-bottom: 15px;
  color: #333;
}
.invite-users-modal .email-input-table-container {
  margin-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  margin-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 4);
}
.invite-users-modal .table-column-email,
.invite-users-modal .table-column-role {
  width: calc(50% - 37.5px);
}
.invite-users-modal .table-column-delete {
  width: 10%;
}
.invite-users-modal .table-column-delete .delete-row-button {
  width: 100%;
  text-align: center;
  width: fit-content;
}
.invite-users-modal .table-column-delete .delete-row-button.dcg-hovered .pillow-icon-remove,
.invite-users-modal .table-column-delete .delete-row-button.dcg-depressed .pillow-icon-remove {
  color: #666;
}
.invite-users-modal .table-column-role .dcg-search-container {
  overflow: visible;
}
.invite-users-modal .table-column-role .dcg-search-container .dcg-searchable-dropdown {
  width: 100%;
}
.invite-users-modal .table-column-role .dcg-search-container .dcg-searchable-dropdown-list-container,
.invite-users-modal .table-column-role .dcg-search-container .dcg-no-search-results {
  position: absolute;
  width: 100%;
  top: calc(100% - 1px);
  max-height: 9.3em;
}

/* src/js/teacher-spa/site-admin/loading-activity-list.scss */
.activity-list-loading .loading-activity-card {
  animation: pulse 2s infinite;
  background: white;
  height: 110px;
  border-radius: 7px;
  margin-bottom: 15px;
}
/* src/js/teacher-spa/site-admin/move-user-modal.styl */
.move-user-modal-contents h2 {
  font-size: 100%;
  margin: 20px 0 10px;
}
.move-user-modal-contents .select-site-container {
  position: relative;
  height: 40px;
}
.move-user-modal-contents .select-site-container .dcg-search-container {
  position: absolute;
  top: 0;
  height: 10em;
  width: 100%;
}
.move-user-modal-contents .spacer {
  height: 206px;
}
.move-user-modal-contents .confirmation-message {
  text-align: center;
  margin: 1em 0;
  padding: 20px;
  background: #dae6f1;
  border: 1px solid #3c6d9d;
  border-radius: 4px;
}
.move-user-modal-contents .confirmation-message .current-site,
.move-user-modal-contents .confirmation-message .target-site {
  margin: 1em 0;
}
.move-user-modal-contents .confirmation-message .site-name {
  margin-right: 0.5em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.move-user-modal-contents .submit-buttons {
  margin-top: 10px;
  text-align: right;
}
.move-user-modal-contents .submit-buttons .btn-blue {
  margin-left: 20px;
}

/* src/js/teacher-spa/site-admin/school-table.styl */
.school-table-container {
  margin-top: 10px;
}
.school-table-container .school-name-column {
  width: 55%;
}
.school-table-container .school-name-column .license-message {
  font-size: 85%;
  font-style: italic;
  color: #676767;
}
.school-table-container .curriculum-users-column {
  width: 20%;
}
.school-table-container .school-dashboard-column {
  width: 20%;
}
.school-table-container .actions-column {
  height: 40px;
  width: 5%;
}
.school-table-container .actions-column .dot-dot-dropdown-container {
  float: right;
  margin-top: -1px;
}
.school-table-container .actions-column .dcg-shared-options-dropdown:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 10px;
  border-width: 9px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #fff;
  line-height: 0;
}
.school-table-container .actions-column .dcg-shared-options-dropdown:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 9px;
  border-width: 10px;
  border-top-width: 0;
  border-style: solid;
  border-color: transparent transparent #bdbdbd;
  line-height: 0;
}
.school-table-container .actions-column .dropdown-container-inner {
  top: 2px !important;
}
.school-table-container .school-table-actions {
  margin-top: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
}
.school-table-container .school-table-empty-content {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px 0;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #666;
}
.school-table-container .school-table-empty-content img {
  width: 175px;
  margin-bottom: 20px;
}

/* src/js/teacher-spa/site-admin/site-info-controls.styl */
.amp-styles .site-info-controls .download-btn,
.amp-styles .site-info-controls .edit-site-button,
.amp-styles .site-info-controls .make-clever-district-button {
  text-decoration: none;
}
.amp-styles .site-info-controls .download-btn i,
.amp-styles .site-info-controls .edit-site-button i,
.amp-styles .site-info-controls .make-clever-district-button i {
  font-size: 120%;
  position: relative;
  top: 1.5px;
}
.amp-styles .site-info-controls .download-btn span,
.amp-styles .site-info-controls .edit-site-button span,
.amp-styles .site-info-controls .make-clever-district-button span {
  text-decoration: underline;
}
.amp-styles .site-info-controls .download-btn.dcg-hovered span,
.amp-styles .site-info-controls .edit-site-button.dcg-hovered span,
.amp-styles .site-info-controls .make-clever-district-button.dcg-hovered span {
  text-decoration-color: transparent;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
.site-info-controls .license-expiration-info {
  color: var(--amp-body-color, #3b3b3b);
  font-size: 90%;
}
.site-info-controls .edit-site-button {
  color: #3278c8;
}
.site-info-controls .edit-site-button span {
  text-decoration: underline;
}
.site-info-controls .edit-site-button.dcg-hovered {
  color: #1e4878;
}
.site-info-controls .edit-site-button.dcg-depressed {
  color: #0f243c;
}
.site-info-controls .with-border {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #bdbdbd;
}
.site-info-controls .edit-access-clever-controls {
  margin-top: 10px;
  font-size: 90%;
}

/* src/js/teacher-spa/site-admin/site-user-edit-role-modal.styl */
.site-user-edit-role-modal .dcg-shared-modal .dcg-shared-modal-contents-wrapper {
  overflow-y: visible;
}
.site-user-edit-role-modal-contents .error-message {
  text-align: center;
  font-size: 90%;
  background: rgba(192,80,77,0.1);
  padding: 5px;
  border: 1px solid rgba(192,80,77,0.5);
  border-radius: 3px;
  color: #c0504d;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.site-user-edit-role-modal-contents .column-contents {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2) 0 calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 5);
}
.site-user-edit-role-modal-contents .column-contents .column {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.site-user-edit-role-modal-contents .column-contents .column .column-label {
  color: #666;
  font-size: 90%;
  margin-bottom: 5px;
}
.site-user-edit-role-modal-contents .column-contents .name {
  margin: 10px 0;
}
.site-user-edit-role-modal-contents .column-contents .email {
  color: #666;
}
.site-user-edit-role-modal-contents .column-contents .edit-role-container {
  position: relative;
}
.site-user-edit-role-modal-contents .column-contents .edit-role-container .dcg-search-container {
  overflow: visible;
}
.site-user-edit-role-modal-contents .column-contents .edit-role-container .dcg-search-container .dcg-searchable-dropdown {
  width: 100%;
}
.site-user-edit-role-modal-contents .column-contents .edit-role-container .dcg-search-container .dcg-searchable-dropdown input {
  color: #333;
  padding-left: 10px;
}
.site-user-edit-role-modal-contents .column-contents .edit-role-container .dcg-search-container .dcg-searchable-dropdown-list-container,
.site-user-edit-role-modal-contents .column-contents .edit-role-container .dcg-search-container .dcg-no-search-results {
  position: absolute;
  width: 100%;
  top: calc(100% - 1px);
  max-height: 9.3em;
}

/* src/js/teacher-spa/site-invite-modal/site-invite-modal.styl */
.site-invite-modal h1.site-invite-modal-title {
  font-size: 190%;
  font-weight: 200;
}
.site-invite-modal .desmos-math-img {
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
.site-invite-modal .desmos-math-img img {
  max-width: 350px;
}
.site-invite-modal .site-contact-info div {
  display: inline;
}
.site-invite-modal .site-invite-modal-buttons {
  margin: 20px auto 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.site-invite-modal .site-invite-modal-buttons .accept-invite-btn {
  margin-left: 20px;
}

/* src/js/teacher-spa/tweet.styl */
.homepage-tweet .tweet-container {
  margin-bottom: 20px;
}
.homepage-tweet .tweet-container .teacher {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  padding: 40px 35.5px;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.homepage-tweet .tweet-container .teacher .twitter-bio-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 16px;
}
.homepage-tweet .tweet-container .teacher .twitter-bio-info .twitter-name {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.homepage-tweet .tweet-container .teacher .twitter-bio-info .twitter-name .display-name {
  font-size: 1.2em;
}
.homepage-tweet .tweet-container .teacher .twitter-bio-info .twitter-name .handle-link {
  font-size: 16.8px;
  font-weight: 400;
  text-decoration: none;
}
.homepage-tweet .tweet-container .teacher .twitter-bio-info .twitter-image img {
  height: 50px;
  border-radius: 50%;
  margin-right: 20px;
  border: 1px solid #bdbdbd;
}
.homepage-tweet .tweet-container .teacher .tweet {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.homepage-tweet .tweet-container .teacher .tweet .hashtag,
.homepage-tweet .tweet-container .teacher .tweet .mention {
  color: #999;
}

/* src/js/teacher-spa/user/upgrade-check.styl */
.upgrade-check-view {
  width: 700px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  margin: auto;
  padding-top: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
  padding-bottom: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
}
.upgrade-check-view .header-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-align-self: stretch;
  align-self: stretch;
  -ms-flex-item-align: stretch;
  padding: 0px;
}
.upgrade-check-view .header-container .header-main {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  -webkit-align-self: stretch;
  align-self: stretch;
  -ms-flex-item-align: stretch;
}
.upgrade-check-view .header-container .header-main .status-icon {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 2.125em;
}
.upgrade-check-view .header-container .header-main .status-icon-loading {
  background-color: #e9e9e9;
}
.upgrade-check-view .header-container .header-main .status-icon-success {
  background-color: #e6f3f0;
}
.upgrade-check-view .header-container .header-main .status-icon-warning {
  background-color: #fbf6e6;
}
.upgrade-check-view .header-container .header-main .status-icon-error {
  background-color: #fbeae6;
}
.upgrade-check-view .header-container .header-main h2 {
  margin-top: 0;
  margin-bottom: $rhytm-unit-1x;
}
.upgrade-check-view .header-container .bold-text {
  font-weight: 600;
}
.upgrade-check-view .checks-table-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.upgrade-check-view .checks-table-container .checks-table-heading {
  margin: 0px;
  color: var(--amp-body-color, #3b3b3b);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}
.upgrade-check-view .checks-table-container .checks-table-body {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 440px;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 3);
}
.upgrade-check-view .checks-table-container .checks-table-body .checks-table-column {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.upgrade-check-view .checks-table-container .checks-table-body .checks-table-column .checks-table-column-heading {
  color: #676767;
  font-size: var(--font_m1, 12.8px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lineHeightTight, 19.5px); /* 152.344% */
}
.upgrade-check-view .checks-table-container .checks-table-body .checks-table-column .checks-table-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.upgrade-check-view .checks-table-container .checks-table-body .checks-table-column .checks-table-row .icon-v2-checkmark {
  font-size: 26px;
  color: #1aad57;
}
.upgrade-check-view .checks-table-container .checks-table-body .checks-table-column .checks-table-row .icon-v2-close {
  font-size: 26px;
  color: #c0504d;
}
.upgrade-check-view .toast-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
  -webkit-align-self: stretch;
  align-self: stretch;
  -ms-flex-item-align: stretch;
}
.upgrade-check-view .toast-container .verify-email-toast {
  width: 700px;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 2);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.upgrade-check-view .toast-container .verify-email-toast h4 {
  padding: 0px;
  margin: 0px;
  font-weight: 700;
}
.upgrade-check-view .toast-container .verify-email-toast span {
  font-size: 16px;
  line-height: 26px;
}
.upgrade-check-view .toast-container .verify-email-toast button {
  width: fit-content;
}
.upgrade-check-view .toast-container .toast-warning {
  background-color: #f3e3b3;
}
.upgrade-check-view .toast-container .toast-error {
  background-color: #f4c0b3;
}
.upgrade-check-view .toast-container .email-sent-toast {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 700px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  background-color: #b3dbd3;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.upgrade-check-view .toast-container .email-sent-toast .email-sent-toast-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
}
.upgrade-check-view .toast-container .email-sent-toast .email-sent-toast-content h5 {
  color: var(--amp-body-color, #3b3b3b);
  margin: 0px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.upgrade-check-view .toast-container .email-sent-toast .email-sent-toast-content span {
  font-size: 16px;
  line-height: 26px;
}
.upgrade-check-view .toast-container .email-sent-toast button {
  width: 52px;
  height: 52px;
  margin: 0px;
  border: 0px;
}
.upgrade-check-view .toast-container .email-failed-to-send-toast {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 700px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
  background-color: #f4c0b3;
  gap: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem);
}
.upgrade-check-view .toast-container .email-failed-to-send-toast .email-failed-to-send-toast-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
}
.upgrade-check-view .toast-container .email-failed-to-send-toast .email-failed-to-send-toast-content h5 {
  color: var(--amp-body-color, #3b3b3b);
  margin: 0px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.upgrade-check-view .toast-container .email-failed-to-send-toast .email-failed-to-send-toast-content span {
  font-size: 16px;
  line-height: 26px;
}
.upgrade-check-view .toast-container .email-failed-to-send-toast button {
  width: 52px;
  height: 52px;
  margin: 0px;
  border: 0px;
}
.upgrade-check-view .loading-placeholder {
  height: 26px;
  -webkit-align-self: stretch;
  align-self: stretch;
  -ms-flex-item-align: stretch;
  background: #e9e9e9;
}

/* src/js/touch-action-polyfill.styl */
.touch-action-none {
  touch-action: none;
}

/* src/stylesheets/buttons-and-inputs.scss */
input.blue-outline,
textarea.blue-outline,
input.red-outline,
textarea.red-outline {
  outline: none;
  border-radius: 5px;
  border: 1px solid #bdbdbd;
  padding: 5px;
  appearance: none;
}
input.blue-outline::-ms-clear,
textarea.blue-outline::-ms-clear,
input.red-outline::-ms-clear,
textarea.red-outline::-ms-clear {
  display: none;
}

input.blue-outline:focus,
textarea.blue-outline:focus {
  border: 1px solid #3278c8;
  box-shadow: 0 0 0 1px #3278c8;
}

input.red-outline:focus,
textarea.red-outline:focus {
  border: 1px solid #db2e00;
  box-shadow: 0 0 0 1px #db2e00;
}

.btn-blue-outline {
  border: 1px solid #3278c8;
  border-radius: 5px;
  color: #3278c8;
  cursor: pointer;
}
.btn-blue-outline.dcg-hovered:not(.dcg-disabled) {
  color: #004f9b;
  box-shadow: 0 0 0 1px #3278c8;
}
.btn-blue-outline.dcg-depressed:not(.dcg-disabled) {
  background: #3278c8;
  color: #fff;
}

.btn-teal-outline {
  border: 1px solid #15b097;
  border-radius: 5px;
  color: #15b097;
  cursor: pointer;
}
.btn-teal-outline.dcg-hovered:not(.dcg-disabled) {
  color: #0a7060;
  box-shadow: 0 0 0 1px #15b097;
}
.btn-teal-outline.dcg-depressed:not(.dcg-disabled) {
  background: #15b097;
  color: #fff;
}

.btn-white-outline {
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}
.btn-white-outline:not(.dcg-disabled).dcg-hovered, .btn-white-outline:not(.dcg-disabled):hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.btn-white-outline:not(.dcg-disabled).dcg-depressed, .btn-white-outline:not(.dcg-disabled):active {
  background: rgba(255, 255, 255, 0.5);
}

.btn-gray-outline {
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  cursor: pointer;
  line-height: 40px;
}
.btn-gray-outline.dcg-hovered:not(.dcg-disabled) {
  background: #e2e2e2;
}
.btn-gray-outline.dcg-depressed:not(.dcg-disabled) {
  background: #bbb;
}

.btn-gray-outline-white-fill,
.btn-white,
.k5-button-secondary {
  border: var(--secondary-button-border-default, 1px solid #bdbdbd);
  border-radius: var(--button-border-radius, 3px);
  cursor: pointer;
  background: var(--secondary-button-background-color, rgba(255, 255, 255, 0.9));
  color: var(--secondary-button-color, #666);
}
.btn-gray-outline-white-fill.dcg-hovered:not(.disabled),
.btn-white.dcg-hovered:not(.disabled),
.k5-button-secondary.dcg-hovered:not(.disabled) {
  background: var(--secondary-button-background-color, #fff);
  color: var(--secondary-button-color, #555);
  border-color: var(--secondary-button-border-color-hover, #999);
}
.btn-gray-outline-white-fill.dcg-depressed:not(.disabled),
.btn-white.dcg-depressed:not(.disabled),
.k5-button-secondary.dcg-depressed:not(.disabled) {
  background: var(--secondary-button-background-color, rgba(250, 250, 250, 0.5));
  color: var(--secondary-button-color, #333);
  border-color: var(--secondary-button-border-color-hover, #999);
}

.btn-blue-outline.dcg-disabled,
.btn-teal-outline.dcg-disabled,
.btn-white-outline.dcg-disabled,
.btn-gray-outline.dcg-disabled {
  opacity: 0.5;
  cursor: default;
}

.btn-outer-border {
  position: relative;
  background: #fff;
  border-radius: 7px;
  z-index: 1;
  display: inline-block;
  border: 6px solid #fff;
}

.btn-shared,
.btn-red,
.btn-gray,
.btn-ctrl,
.btn,
.btn-teal,
.btn-blue,
.btn-white,
.k5-button-secondary,
.k5-button-primary {
  cursor: pointer;
  text-decoration: none;
  font-size: var(--button-font-size, 18px);
  font-weight: var(--button-font-weight);
  white-space: nowrap;
  padding: var(--button-padding, 0 20px);
  display: inline-flex;
  appearance: none;
  -webkit-user-select: none;
          user-select: none;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-user-select: none;
}
.btn-shared.btn-large,
.btn-red.btn-large,
.btn-gray.btn-large,
.btn-ctrl.btn-large,
.btn.btn-large,
.btn-teal.btn-large,
.btn-blue.btn-large,
.btn-white.btn-large,
.k5-button-secondary.btn-large,
.k5-button-primary.btn-large {
  height: 44px;
  line-height: 44px;
}

.btn-red,
.btn-gray,
.btn-ctrl,
.btn,
.btn-teal,
.btn-blue,
.btn-white,
.k5-button-secondary,
.k5-button-primary {
  border-radius: var(--border-radius-large, 3px);
  line-height: 40px;
}

.btn-red,
.btn-gray,
.btn-ctrl,
.btn,
.btn-teal,
.btn-blue,
.k5-button-primary {
  border: none;
}

.btn-red.disabled,
.btn-ctrl.disabled,
.btn-gray.disabled,
.btn-teal.disabled,
.btn-blue.disabled,
.btn-white.disabled,
.k5-button-secondary.disabled,
.btn-gray-outline-white-fill.disabled,
.k5-button-primary.disabled {
  opacity: 0.4;
  cursor: default;
}
.btn-red.disabled[ontap],
.btn-ctrl.disabled[ontap],
.btn-gray.disabled[ontap],
.btn-teal.disabled[ontap],
.btn-blue.disabled[ontap],
.btn-white.disabled[ontap],
.k5-button-secondary.disabled[ontap],
.btn-gray-outline-white-fill.disabled[ontap],
.k5-button-primary.disabled[ontap] {
  cursor: default;
}

.btn-ctrl {
  background: #fff;
  box-shadow: 0 1px #ccc;
}
.btn-ctrl.dcg-hovered:not(.disabled) {
  background: #f4f4f4;
}
.btn-ctrl.dcg-depressed:not(.disabled) {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.btn-red {
  color: #fff;
  background: #db2e00;
}
.btn-red.dcg-hovered:not(.disabled) {
  background: #b54848;
}
.btn-red.dcg-depressed:not(.disabled) {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.btn-gray {
  color: #fff;
  text-shadow: 0 -1px #777;
  background: #999;
  border: 1px solid #888;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.05);
}
.btn-gray.dcg-hovered:not(.disabled) {
  background: #888;
}
.btn-gray.dcg-depressed:not(.disabled) {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.btn-teal {
  color: #fff;
  background: #15b097;
  border: 1px solid #129e87;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.05);
}
.btn-teal.dcg-hovered:not(.disabled) {
  background: #129e87;
  transition: background 0.2s;
}
.btn-teal.dcg-depressed:not(.disabled) {
  background: #0f8371;
  border: 1px solid #0f8371;
  box-shadow: none;
}

.btn-blue:not(.btn) {
  color: #fff;
  background: #3278c8;
  border: 1px solid #3f73a6;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.05);
}
.btn-blue:not(.btn).dcg-hovered:not(.disabled) {
  background: #3f73a6;
  transition: background 0.2s;
}
.btn-blue:not(.btn).dcg-depressed:not(.disabled) {
  background: #35608a;
  border: 1px solid #35608a;
  box-shadow: none;
}

.dark-gray-link {
  color: #666;
  cursor: pointer;
  text-decoration: underline;
}
.dark-gray-link.dcg-hovered {
  color: #333;
}
.dark-gray-link.dcg-depressed {
  color: #000;
}

.blue-link {
  color: #3278c8;
  cursor: pointer;
  text-decoration: underline;
}
.blue-link.dcg-hovered {
  color: #004f9b;
}
.blue-link.dcg-depressed {
  color: #033b70;
}

.teal-link {
  color: #15b097;
  cursor: pointer;
  text-decoration: underline;
}
.teal-link.dcg-hovered {
  color: #0a7060;
}
.teal-link.dcg-depressed {
  color: #01574a;
}

.red-link {
  color: #db2e00;
  cursor: pointer;
  text-decoration: underline;
}
.red-link.dcg-hovered {
  color: #ad1a1a;
}
.red-link.dcg-depressed {
  color: #860606;
}

.des-button-icon {
  margin-right: 5px;
}

.amplify-dropdown .dropdown-container::before {
  display: none;
}

.amp-styles .btn.btn-red {
  color: var(--button-red-color, #fff);
  background: var(--button-red-background-color, #db2e00);
}
.amp-styles .btn.btn-red:hover, .amp-styles .btn.btn-red:focus-visible, .amp-styles .btn.btn-red.dcg-hovered:not(.disabled) {
  color: var(--button-red-color, #fff);
  background: var(--button-red-background-color-hover, #831c00);
}
.amp-styles .btn.btn-red:active, .amp-styles .btn.btn-red.dcg-depressed:not(.disabled) {
  color: var(--button-red-color, #fff);
  background: var(--button-red-background-color-active, #420e00);
}
/* src/stylesheets/drm-book-fonts.scss */
@font-face {
  font-family: TisaPro;
  font-style: normal;
  font-weight: bold;
  src: url("/fingerprinted/static/classroom-assets/font/tisa-pro-bold/TisaProBold-1948b08f49d56c30617038a25d68f0d93a201c18-b.otf");
}
@font-face {
  font-family: TisaPro;
  font-style: italic;
  font-weight: bold;
  src: url("/fingerprinted/static/classroom-assets/font/tisa-pro-bold-italic/TisaProBoldIta-922a2dbc2ba3d69c68d0cb83a28136ff05359e49-b.otf");
}
@font-face {
  font-family: TisaPro;
  font-style: normal;
  font-weight: normal;
  src: url("/fingerprinted/static/classroom-assets/font/tisa-pro-regular/TisaPro-f33523678153a38ac0b90d3e24dfbc160d05a8d4-b.otf");
}
@font-face {
  font-family: TisaPro;
  font-style: italic;
  font-weight: normal;
  src: url("/fingerprinted/static/classroom-assets/font/tisa-pro-italic/TisaProIta-f73bb3ed7dd57f08621f759390c01a679af49896-b.otf");
}
/* src/stylesheets/segmented-control.scss */
/*
 * segmented-control-layout-single-row() puts items in a single row
 *
 * segmented-control-layout-responsive() additionally to wraps the items into a multi-row grid on smaller screens. Note
 * that this variant uses display: grid, whereas the single-row version only uses display: flex
 *
 * Example usage:
 * .my-segmented-row-container
 *   segmented-control-layout-single-row(40px, 5px)
 * .my-segmented-grid-container
 *   segmented-control-layout-responsive(40px, 5px, 650px)
 */
.dcg-segmented-control-layout {
  display: flex;
}
.dcg-segmented-control-layout .dcg-segmented-control-btn {
  flex: 1;
  color: var(--segmented-control-button-font-color, var(--amp-body-color, #3b3b3b));
  min-height: var(--segmented-control-button-height, 40px);
  padding: var(--segmented-control-button-padding, 0 4px);
  font-weight: var(--segmented-control-button-font-weight);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: var(--segmented-control-button-border, 1px solid #bdbdbd);
  border-radius: 0;
}
.dcg-segmented-control-layout .dcg-segmented-control-btn.dcg-hovered:not(.dcg-selected) {
  color: var(--segmented-control-button-font-color-hover, var(--amp-body-color, #3b3b3b));
  border-color: var(--segmented-control-button-border-color-hover, #9c0d63);
  background: var(--segmented-control-button-background-color-hover);
}
.dcg-segmented-control-layout .dcg-segmented-control-btn.dcg-selected {
  border: var(--segmented-control-button-border-selected, 1px solid #3278c8);
  background: var(--segmented-control-button-background-selected, #3278c8);
  box-shadow: var(--segmented-control-button-box-shadow-selected);
  color: var(--segmented-control-button-font-color-selected, #fff);
  position: relative;
}
.dcg-segmented-control-layout .dcg-segmented-control-btn.dcg-padded-segmented-control-btn {
  padding: 6px 4px;
  height: auto;
}
.dcg-segmented-control-layout .dcg-segmented-control-btn i {
  font-size: 120%;
  margin-right: 4px;
  vertical-align: middle;
}
.dcg-segmented-control-layout .dcg-segmented-control-btn:not(:last-of-type, .dcg-selected, .dcg-hovered) {
  border-right: 0;
}
.dcg-segmented-control-layout .dcg-segmented-control-btn.dcg-selected, .dcg-segmented-control-layout .dcg-segmented-control-btn.dcg-hovered {
  z-index: 1;
}
.dcg-segmented-control-layout .dcg-segmented-control-btn.dcg-selected:not(:last-of-type), .dcg-segmented-control-layout .dcg-segmented-control-btn.dcg-hovered:not(:last-of-type) {
  margin-right: var(--segmented-control-button-offset-center-border, -1px);
}
.dcg-segmented-control-layout .dcg-segmented-control-btn.dcg-depressed:not(.dcg-selected) {
  background: var(--segmented-control-button-background-color-selected, rgba(0, 0, 0, 0.05));
}
.dcg-segmented-control-layout .dcg-segmented-control-btn:first-of-type {
  border-top-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  border-bottom-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
}
.dcg-segmented-control-layout .dcg-segmented-control-btn:last-of-type {
  border-top-right-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  border-bottom-right-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
}

.dcg-segmented-control-grid {
  display: flex;
}
.dcg-segmented-control-grid .dcg-segmented-control-btn {
  flex: 1;
  color: var(--segmented-control-button-font-color, var(--amp-body-color, #3b3b3b));
  min-height: var(--segmented-control-button-height, 40px);
  padding: var(--segmented-control-button-padding, 0 4px);
  font-weight: var(--segmented-control-button-font-weight);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: var(--segmented-control-button-border, 1px solid #bdbdbd);
  border-radius: 0;
}
.dcg-segmented-control-grid .dcg-segmented-control-btn.dcg-hovered:not(.dcg-selected) {
  color: var(--segmented-control-button-font-color-hover, var(--amp-body-color, #3b3b3b));
  border-color: var(--segmented-control-button-border-color-hover, #9c0d63);
  background: var(--segmented-control-button-background-color-hover);
}
.dcg-segmented-control-grid .dcg-segmented-control-btn.dcg-selected {
  border: var(--segmented-control-button-border-selected, 1px solid #3278c8);
  background: var(--segmented-control-button-background-selected, #3278c8);
  box-shadow: var(--segmented-control-button-box-shadow-selected);
  color: var(--segmented-control-button-font-color-selected, #fff);
  position: relative;
}
.dcg-segmented-control-grid .dcg-segmented-control-btn.dcg-padded-segmented-control-btn {
  padding: 6px 4px;
  height: auto;
}
.dcg-segmented-control-grid .dcg-segmented-control-btn i {
  font-size: 120%;
  margin-right: 4px;
  vertical-align: middle;
}
.dcg-segmented-control-grid .dcg-segmented-control-btn:not(:last-of-type, .dcg-selected, .dcg-hovered) {
  border-right: 0;
}
.dcg-segmented-control-grid .dcg-segmented-control-btn.dcg-selected, .dcg-segmented-control-grid .dcg-segmented-control-btn.dcg-hovered {
  z-index: 1;
}
.dcg-segmented-control-grid .dcg-segmented-control-btn.dcg-selected:not(:last-of-type), .dcg-segmented-control-grid .dcg-segmented-control-btn.dcg-hovered:not(:last-of-type) {
  margin-right: var(--segmented-control-button-offset-center-border, -1px);
}
.dcg-segmented-control-grid .dcg-segmented-control-btn.dcg-depressed:not(.dcg-selected) {
  background: var(--segmented-control-button-background-color-selected, rgba(0, 0, 0, 0.05));
}
.dcg-segmented-control-grid .dcg-segmented-control-btn:first-of-type {
  border-top-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  border-bottom-left-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
}
.dcg-segmented-control-grid .dcg-segmented-control-btn:last-of-type {
  border-top-right-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
  border-bottom-right-radius: var(--segmented-control-button-border-radius, var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em)));
}
@media screen and (max-width: 650px) {
  .dcg-segmented-control-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .dcg-segmented-control-grid .dcg-segmented-control-btn {
    border: 1px solid #bdbdbd;
  }
  .dcg-segmented-control-grid .dcg-segmented-control-btn:not(:last-of-type, .dcg-selected, .dcg-hovered) {
    border-right: 1px solid #bdbdbd;
  }
  .dcg-segmented-control-grid .dcg-segmented-control-btn:first-of-type {
    border-bottom-left-radius: 0;
  }
  .dcg-segmented-control-grid .dcg-segmented-control-btn:last-of-type {
    border-top-right-radius: 0;
  }
  .dcg-segmented-control-grid .dcg-segmented-control-btn:nth-child(2), .dcg-segmented-control-grid .dcg-segmented-control-btn:first-of-type:last-of-type {
    border-top-right-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em));
  }
  .dcg-segmented-control-grid .dcg-segmented-control-btn:nth-child(odd):not(:last-of-type, .dcg-selected, .dcg-hovered) {
    border-right: 0;
  }
  .dcg-segmented-control-grid .dcg-segmented-control-btn:nth-child(odd):last-of-type {
    grid-column-end: span 2;
  }
  .dcg-segmented-control-grid .dcg-segmented-control-btn:nth-child(odd):nth-last-child(-n+2) {
    border-bottom-left-radius: var(--segmented-control-button-border-radius, var(--amp-border-radius, 0.1875em));
  }
  .dcg-segmented-control-grid .dcg-segmented-control-btn:not(:nth-child(-n+2), .dcg-selected, .dcg-hovered) {
    border-top: 0;
  }
  .dcg-segmented-control-grid .dcg-segmented-control-btn.dcg-selected:not(:last-of-type), .dcg-segmented-control-grid .dcg-segmented-control-btn.dcg-hovered:not(:last-of-type) {
    margin-right: 0;
  }
  .dcg-segmented-control-grid .dcg-segmented-control-btn.dcg-selected:not(:nth-child(-n+2)), .dcg-segmented-control-grid .dcg-segmented-control-btn.dcg-hovered:not(:nth-child(-n+2)) {
    margin-top: -1px;
    min-height: calc(var(--segmented-control-button-height, 40px) + 1);
  }
  .dcg-segmented-control-grid .dcg-segmented-control-btn.dcg-selected:nth-child(odd):not(:last-of-type), .dcg-segmented-control-grid .dcg-segmented-control-btn.dcg-hovered:nth-child(odd):not(:last-of-type) {
    margin-right: -1px;
  }
}
/* src/stylesheets/teacher/footer.scss */
/*
 * footer and layout rules
 */
.page-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 100%;
}
.page-wrapper.teacher-page {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: inherit;
}

.footer {
  width: 100%;
  background: #e9e9e9;
  position: relative;
}
.footer .footer-link-container {
  display: flex;
  justify-content: space-evenly;
  padding: 30px 15px;
}
.footer .footer-branding-and-announcement {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.footer .footer-branding-and-announcement .language-picker {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.footer .footer-branding-and-announcement .dcg-shared-dropdown-popover-container {
  width: 280px;
  height: 100%;
  margin: 10px auto;
}
.footer .footer-branding-and-announcement .dcg-shared-dropdown-popover-container .language-settings {
  white-space: nowrap;
}
.footer .footer-branding-and-announcement .dcg-shared-dropdown-popover-container .btn-gray-outline {
  display: inline-block;
  padding: 4px 7px;
  line-height: initial;
  border-color: #bdbdbd;
  background: #fff;
}
.footer .footer-branding-and-announcement .dcg-shared-dropdown-popover-container .btn-gray-outline.dcg-hovered {
  border-color: #bdbdbd;
}
.footer .footer-branding-and-announcement .dcg-shared-dropdown-popover-container .language-dropdown {
  text-align: left;
  font-size: 90%;
}
.footer .footer-branding-and-announcement .dcg-shared-dropdown-popover-container .language-dropdown .popover-interior .arrow.pops-up {
  right: 50% !important;
}
.footer .footer-branding-and-announcement .dcg-footer-logo {
  margin: auto;
  margin-left: 20px;
  width: 120px;
}
.footer .footer-branding-and-announcement .dcg-footer-logo img {
  width: 85%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.footer .gray-link {
  font-size: 15px;
}
.footer .footer-link-section {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer .footer-link-section .footer-link-section-title {
  color: var(--amp-body-color, #3b3b3b);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.footer .footer-link-section .footer-link-section-contents {
  display: grid;
  grid-template-columns: repeat(2, max-content);
}
.footer .footer-link-section .footer-link-section-contents .footer-link {
  white-space: nowrap;
  margin-bottom: 10px;
  padding-right: 50px;
}
.footer .footer-bottom-links {
  font-size: 90%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  background: #464646;
  color: #fff;
}
.footer .footer-bottom-links .footer-links {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer .footer-bottom-links .footer-links .legal {
  flex-wrap: wrap;
  justify-content: center;
}
.footer .footer-bottom-links .footer-links .legal .legal-link-row:not(:last-child) {
  border-right: 1px solid white;
  padding-right: 10px;
  margin-right: 10px;
}
.footer .footer-bottom-links .social {
  padding: 5px;
}
.footer .footer-bottom-links .social .social-text {
  color: #fff;
}
.footer .footer-bottom-links .social a span {
  text-decoration: underline;
}
.footer .footer-bottom-links .social a:active span {
  text-decoration: underline;
  text-decoration-color: #fff;
}
.footer .footer-bottom-links .social a:hover span {
  text-decoration: none;
}
.footer .footer-bottom-links .legal {
  display: flex;
  text-decoration-color: #fff;
}
.footer .footer-bottom-links .legal .legal-text {
  display: inline-block;
  padding: 0 10px;
  color: #fff;
}
.footer .footer-bottom-links .legal a {
  text-decoration: underline;
  color: #fff;
}
.footer .footer-bottom-links .legal a:active {
  text-decoration: underline;
}

@media screen and (max-width: 1199px) {
  .footer .footer-link-section {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer .footer-link-section .footer-link-section-contents {
    display: flex;
    flex-direction: column;
  }
  .footer .footer-link-section .footer-link-section-contents .footer-link {
    padding-right: 0;
  }
  .footer .logo-section {
    margin-bottom: 10px;
  }
  .footer .footer-branding-and-announcement {
    flex: initial;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .footer .footer-bottom-links {
    flex-direction: column;
  }
  .footer .footer-bottom-links .social {
    padding-bottom: 15px;
  }
  .footer .footer-bottom-links .legal {
    padding-bottom: 15px;
  }
  .footer .footer-bottom-links .legal .legal-text {
    padding: 0 5px;
  }
}
@media screen and (max-width: 767px) {
  .footer .footer-link-container {
    flex-wrap: wrap;
  }
  .footer .footer-link-container .footer-branding-and-announcement {
    flex: 1 1 650px;
  }
  .footer .footer-link-container .footer-branding-and-announcement .logo-section {
    margin: auto;
  }
  .footer .footer-link-container .footer-link-section:not(.footer-branding-and-announcement) {
    padding-top: 20px;
  }
  .footer .footer-bottom-links .footer-links .legal {
    flex-direction: column;
    align-items: center;
  }
  .footer .footer-bottom-links .footer-links .legal .legal-link-row:not(:last-child) {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 575px) {
  .footer {
    font-size: 95%;
  }
  .footer .footer-link-container {
    flex-direction: column;
    align-items: center;
  }
  .footer .footer-link-container .footer-link-section:not(.footer-branding-and-announcement) {
    width: 180px;
    align-content: center;
  }
  .footer .footer-link-container .footer-branding-and-announcement {
    flex: initial;
  }
  .footer .footer-bottom-links {
    text-align: center;
  }
}
@media screen and (max-width: 400px) {
  .footer .footer-branding-and-announcement {
    padding: 10px 0;
  }
  .footer .footer-link-section.resources-section {
    display: none;
  }
}
/* src/stylesheets/teacher/new-footer.scss */
.page-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 100%;
}
.page-wrapper.teacher-page {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: inherit;
}

.new-footer {
  width: 100%;
  background: #e9e9e9;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 3);
}
.new-footer .footer-left-container .footer-section-title.logo {
  padding-bottom: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 3);
}
.new-footer .footer-left-container .copyright-year {
  margin-top: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 0.5);
  color: #676767;
}
.new-footer .footer-right-container {
  column-gap: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 5);
  text-align: left;
  display: flex;
}
.new-footer .footer-right-container .footer-section-title {
  display: inline-block;
  color: #676767;
  margin-bottom: 10px;
}
.new-footer .footer-right-container .footer-section-title.logo {
  padding-bottom: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 3);
}
.new-footer .footer-right-container .section-contents {
  display: grid;
  column-gap: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
}
.new-footer .footer-right-container .section-contents .footer-link {
  white-space: nowrap;
}
.new-footer .footer-right-container .resources-col .section-contents,
.new-footer .footer-right-container .company-col .section-contents {
  gap: 10px;
}
.new-footer .footer-right-container .company-col .section-contents {
  grid-template-columns: repeat(2, max-content);
}

@media screen and (max-width: 1199px) {
  .new-footer {
    flex-wrap: wrap-reverse;
  }
  .new-footer .footer-left-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 3);
    padding-top: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1);
  }
  .new-footer .footer-left-container .footer-section-title.logo {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-footer {
    font-size: 95%;
    gap: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
  }
  .new-footer .footer-right-container .company-col .section-contents {
    grid-template-columns: repeat(1, max-content);
  }
}
@media screen and (max-width: 591px) {
  .new-footer {
    gap: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 3);
  }
  .new-footer.new-navigation .footer-link {
    padding-right: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2.9);
  }
  .new-footer .footer-left-container {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
  }
  .new-footer .footer-left-container .section-contents {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
  }
  .new-footer .footer-left-container .section-contents .social {
    display: flex;
    font-size: 95%;
    width: 100%;
  }
  .new-footer .footer-left-container .section-contents .social a {
    padding-left: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 0.5);
  }
  .new-footer .footer-left-container .section-contents .copyright-year {
    display: flex;
    width: 100%;
  }
  .new-footer .footer-right-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 2);
  }
  .new-footer .footer-right-container .footer-section-title {
    margin-bottom: calc(calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem) * 1.5);
  }
}