/* 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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/teacherguide/teacher-guide-nav.styl */
.teacher-guide-nav {
  position: fixed;
  top: 55px;
  left: -350px;
  background: #fff;
  bottom: 0;
  width: 350px;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  -ms-transition: left 0.5s;
  transition: left 0.5s;
  z-index: 1;
}
.teacher-guide-nav.is-visible {
  left: 0;
}
.teacher-guide-nav .nav-items {
  height: calc(100vh - 65px);
  overflow-y: scroll;
  font-size: 20px;
  letter-spacing: 0;
  padding: 40px 7px 40px 25px;
}
.teacher-guide-nav .nav-items .nav-item-btn-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;
  height: fit-content;
}
.teacher-guide-nav .nav-items .nav-item-btn-container .section-nav-btn-label {
  text-decoration: none;
  padding-top: 15px;
  padding-bottom: 15px;
}
.teacher-guide-nav .nav-items .nav-item-btn-container .nav-item-btn {
  width: 100%;
  position: relative;
}
.teacher-guide-nav .nav-items .nav-item-btn-container .btn {
  color: var(--amp-body-color, #3b3b3b);
  -webkit-box-pack: left;
  -moz-box-pack: left;
  -o-box-pack: left;
  -ms-flex-pack: left;
  -webkit-justify-content: left;
  justify-content: left;
  text-wrap-mode: wrap;
  text-align: left;
  padding: 0px 20px 0px 8px;
  height: fit-content;
}
.teacher-guide-nav .nav-items .nav-item-btn-container .btn.toggle-item-btn {
  padding: 5px;
  margin-left: 15px;
}
.teacher-guide-nav .nav-items .nav-item-btn-container .btn.toggle-item-btn i {
  font-size: 1.2em;
}
.teacher-guide-nav .nav-items .nav-item-btn-container .btn.hidden {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  color: #676767;
}
.teacher-guide-nav .nav-items .nav-item-btn-container.is-active .btn {
  color: #9c0d63;
}
.teacher-guide-nav .nav-items .nav-item-btn-container.is-active .nav-item-btn:before {
  content: "";
  width: 6px;
  height: calc(100%);
  margin-right: 10px;
  left: -55px;
  position: absolute;
  background-color: #9c0d63;
}
.teacher-guide-nav .nav-items .teacher-guide-content-nav {
  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;
  margin-left: 30px;
  font-size: 80%;
}
.teacher-guide-nav .nav-items .teacher-guide-content-nav .screens-section,
.teacher-guide-nav .nav-items .teacher-guide-content-nav .screen-sections-container {
  width: 100%;
}
.teacher-guide-nav .nav-items .teacher-guide-content-nav .btn-ghost {
  font-weight: 400;
}
.teacher-guide-nav .nav-items .teacher-guide-content-nav .toggle-item-btn i {
  font-size: 1.5em;
}
@media screen and (max-width: 820px) {
  .teacher-guide-nav {
    max-width: 100%;
    -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);
  }
}

/* src/js/teacherguide/teacher-guide-step.styl */
.teacher-guide-step {
  border-bottom: 1px solid #e9e9e9;
  padding: 30px 0;
}
.teacher-guide-step .screen-information {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: 20px 0;
}
.teacher-guide-step .screen-information .preview-miniscreen-container {
  margin-right: 20px;
}
.teacher-guide-step .screen-information.screen-has-section .preview-miniscreen-container {
  height: 126px;
}
.teacher-guide-step .screen-information.screen-has-section .section-annotation-wrapper {
  top: 0;
}
.teacher-guide-step .screen-information.screen-has-section .section-annotation-wrapper .miniscreen {
  top: 0;
}
.teacher-guide-step .screen-information.screen-has-section .section-annotation-wrapper .section-annotation-border,
.teacher-guide-step .screen-information.screen-has-section .section-annotation-wrapper .section-name {
  display: none;
}
.teacher-guide-step .screen-information .screen-text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.teacher-guide-step .screen-information .screen-text .step-note {
  margin-bottom: 20px;
}
.teacher-guide-step .screen-information .screen-text .step-note .prosemirror-container h1,
.teacher-guide-step .screen-information .screen-text .step-note .prosemirror-container h2,
.teacher-guide-step .screen-information .screen-text .step-note .prosemirror-container h3,
.teacher-guide-step .screen-information .screen-text .step-note .prosemirror-container h4,
.teacher-guide-step .screen-information .screen-text .step-note .prosemirror-container h5,
.teacher-guide-step .screen-information .screen-text .step-note .prosemirror-container h6 {
  margin: 0px;
  font-size: 16px;
}
.teacher-guide-step .screen-information .screen-text .teacher-tip-section {
  margin-bottom: 10px;
}
.teacher-guide-step .screen-information .screen-text .teacher-tip-title {
  color: var(--amp-body-color, #3b3b3b);
  font-weight: 500;
  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;
}
.teacher-guide-step .screen-information .screen-text .teacher-tip-title i {
  margin-right: calc(var(--amp-rhythm-unit-px, 12) / 16 * 1rem * 0.5);
}
.teacher-guide-step .screen-information .screen-text .teacher-tip-content {
  border: 1px solid #bdbdbd;
  border-radius: var(--amp-border-radius, 0.1875em);
  padding: 10px;
}
.teacher-guide-step .screen-information .screen-text .teacher-tip-content .prosemirror-container .dcg-prosemirror-editor ul {
  margin: 0;
}
.teacher-guide-step .my-notes-container {
  margin-bottom: 20px;
}
.teacher-guide-step .my-notes-container .my-notes-title {
  font-weight: 400;
}
.teacher-guide-step .my-notes-container .note-line {
  height: 40px;
  border-bottom: 1px solid #bdbdbd;
}
@media print {
  .teacher-guide-step {
    padding: 10px 0;
  }
  .teacher-guide-step .preview-miniscreen-container {
    page-break-inside: avoid;
  }
  .teacher-guide-step.prevent-page-breaks {
    page-break-inside: avoid;
  }
}

/* src/js/teacherguide/teacherguide.styl */
body {
  background: #464646;
}
.teacher-guide-container.with-outline {
  margin-top: 55px;
}
.teacher-guide-container.with-outline .teacher-guide-header-bar {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0.5rem 1rem;
  background: #f6f6f6;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
  -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-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);
  z-index: 2;
}
.teacher-guide-container.with-outline .teacher-guide-main {
  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;
}
.teacher-guide-container.with-outline .teacher-guide-main .is-hidden-section {
  display: none;
}
.teacher-guide-container.with-outline .teacher-guide-main .teacher-guide {
  margin-top: 0;
  margin-left: unset;
  margin-right: unset;
  -webkit-transition: margin 0.5s;
  -moz-transition: margin 0.5s;
  -o-transition: margin 0.5s;
  -ms-transition: margin 0.5s;
  transition: margin 0.5s;
  width: calc(100vw - 370px);
}
.teacher-guide-container.with-outline .teacher-guide-main .has-nav-anchor {
  scroll-margin-top: 70px;
}
.teacher-guide-container.with-outline .teacher-guide-main.is-nav-visible .teacher-guide {
  margin-left: 350px;
}
.teacher-guide-container.with-outline .teacher-guide-main .activity-screen-section .screen-section-header {
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 30px;
}
.teacher-guide-container.with-outline .teacher-guide-main .activity-screen-section .screen-section-header + .teacher-guide-steps .teacher-guide-step:first-child {
  padding-top: 10px;
}
.print-message {
  text-align: center;
  color: #fff;
  padding: 20px 0 10px;
}
.print-message .print-button-container {
  margin-top: 10px;
}
.print-message .print-button-container .btn-secondary-dark:hover,
.print-message .print-button-container .btn-secondary-dark:focus-visible {
  -webkit-box-shadow: 0 0 0 0.0625em #fff inset;
  box-shadow: 0 0 0 0.0625em #fff inset;
}
.teacher-guide {
  max-width: 900px;
  margin: 15px auto;
  text-align: left;
  padding: 40px;
  background: #fff;
}
.teacher-guide h1,
.teacher-guide h2 {
  font-weight: 300;
  font-size: 140%;
}
.teacher-guide .learning-targets-container h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 100%;
}
.teacher-guide .teacher-guide-header {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.teacher-guide .teacher-guide-header .class-code-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
}
.teacher-guide .teacher-guide-header .class-code-container .code-title {
  text-transform: uppercase;
  font-size: 90%;
}
.teacher-guide .teacher-guide-header .class-code-container .code-box {
  border: 1px solid #bdbdbd;
  height: 40px;
  border-radius: 5px;
}
.teacher-guide .teacher-guide-header .activity-thumb {
  width: 120px;
  height: 120px;
  border-radius: var(--amp-border-radius, 0.1875em);
  margin: 0 15px 15px 0;
  background: #464646;
}
.teacher-guide .teacher-guide-header .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;
}
.teacher-guide .teacher-guide-header .activity-info .title-and-details {
  min-height: 60px;
}
.teacher-guide .teacher-guide-header .activity-info .activity-title {
  font-size: 200%;
  width: calc(100% - 110px);
}
.teacher-guide .teacher-guide-header .activity-info .activity-subtitle {
  font-size: 140%;
}
.teacher-guide .teacher-guide-header .time-estimate {
  line-height: 2em;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #bdbdbd;
}
.teacher-guide .note-lines-container .note-title {
  font-weight: 500;
}
.teacher-guide .note-lines-container .note-line {
  height: 40px;
  border-bottom: 1px solid #bdbdbd;
}
.teacher-guide .prosemirror-container .dcg-prosemirror-editor,
.teacher-guide .teacher-guide-overview,
.teacher-guide .teacher-guide-vocab {
  padding: 0;
}
.teacher-guide .prosemirror-container .dcg-prosemirror-editor h1,
.teacher-guide .teacher-guide-overview h1,
.teacher-guide .teacher-guide-vocab h1,
.teacher-guide .prosemirror-container .dcg-prosemirror-editor h2,
.teacher-guide .teacher-guide-overview h2,
.teacher-guide .teacher-guide-vocab h2 {
  font-weight: 300;
  font-size: 22.4px;
  margin: 23px 0;
}
.teacher-guide .prosemirror-container .dcg-prosemirror-editor h3,
.teacher-guide .teacher-guide-overview h3,
.teacher-guide .teacher-guide-vocab h3 {
  margin-top: 30px;
}
.teacher-guide .prosemirror-container .dcg-prosemirror-editor li:first-child,
.teacher-guide .teacher-guide-overview li:first-child,
.teacher-guide .teacher-guide-vocab li:first-child {
  margin-top: 0;
}
.teacher-guide .prosemirror-container .dcg-prosemirror-editor li:last-child,
.teacher-guide .teacher-guide-overview li:last-child,
.teacher-guide .teacher-guide-vocab li:last-child {
  margin-bottom: 0;
}
.teacher-guide .learning-targets-container {
  margin: 20px 0 50px;
}
.teacher-guide .summary-notes-container {
  margin: 40px 0 20px;
}
.teacher-guide .overview-page-miniscreens {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 10px;
  overflow: hidden;
}
.teacher-guide .overview-page-miniscreens .preview-miniscreen-container {
  cursor: default;
}
.teacher-guide .activity-overview-page,
.teacher-guide .im-section {
  margin: 40px 0;
}
.teacher-guide .activity-overview-page li,
.teacher-guide .im-section li {
  margin-bottom: 1em;
}
.teacher-guide .page-dividing-line {
  height: 1px;
  background: #e9e9e9;
}
.teacher-guide .im-section h1,
.teacher-guide .prosemirror-container h1,
.teacher-guide .im-section h2,
.teacher-guide .prosemirror-container h2 {
  margin: 1.5em 0;
}
.teacher-guide .teacher-guide-steps .preview-miniscreen-container {
  width: 197.5px;
  cursor: default;
}
.teacher-guide .section-annotation-wrapper .section-name-text,
.teacher-guide .section-annotation-wrapper .estimated-section-time {
  background-color: #fff;
}
.teacher-guide-error .amplify-toast .toast-body {
  width: auto !important;
  margin-right: auto;
}
@media screen and (max-width: 820px) {
  .teacher-guide-container.with-outline .teacher-guide-main .teacher-guide {
    width: calc(100vw - 10px);
  }
  .teacher-guide-container.with-outline .teacher-guide-main.is-nav-visible .teacher-guide {
    margin-left: 0;
  }
}
@media print {
  body {
    background: #fff;
    font-size: 12pt;
  }
  .print-message {
    display: none;
  }
  .teacher-guide-container.with-outline .teacher-guide-header-bar {
    display: none;
  }
  .teacher-guide-container.with-outline .teacher-guide-main .teacher-guide {
    width: 100%;
    margin-left: unset;
  }
  .teacher-guide-container.with-outline .teacher-guide-nav {
    display: none;
  }
  .teacher-guide-container.with-outline .teacher-guide-main.is-nav-visible .teacher-guide {
    margin-left: unset;
  }
  .teacher-guide {
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
  }
  .teacher-guide .class-code-container {
    margin: 0;
  }
  .teacher-guide .page-dividing-line {
    display: none;
  }
  .teacher-guide .activity-overview-page,
  .teacher-guide .note-lines-container,
  .teacher-guide .im-section {
    page-break-inside: avoid;
  }
  .teacher-guide .activity-screen-section {
    page-break-inside: avoid;
  }
  .teacher-guide .activity-screen-section .teacher-guide-step:first-of-type {
    page-break-inside: unset;
  }
  .teacher-guide .text-exhibit-miniscreen:after {
    background: transparent;
  }
  .page-break {
    page-break-after: always;
  }
}

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