/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/application/orderflow/orderflow.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.awards-bar {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 64px;
}

.awards-bar::after {
  content: "";
  display: block;
  clear: both;
}

.awards-bar__title {
  padding-top: 5px;
  font-weight: bold;
}

.awards-bar__text {
  margin-bottom: 0;
}

.awards-bar__image-container {
  position: relative;
}

.awards-bar__image {
  width: 80px;
  height: 80px;
}

.awards-bar__image--top-service {
  height: auto;
}

.shared-conversion-guarantee {
  position: relative;
}

.shared-conversion-guarantee__headline {
  padding-top: 2px;
}

.shared-conversion-guarantee__text {
  width: 600px;
  padding-bottom: 0;
}

.shared-conversion-guarantee-image {
  position: absolute;
  top: -20px;
  right: 70px;
  background: url("/assets/application/illustrations/bow.svg") center center no-repeat;
  height: 160px;
  width: 160px;
}

.trust-bar {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding-top: 13px;
  padding-bottom: 13px;
  border-bottom: 1px solid #e6e8e5;
  background-color: #f8f8f8;
  text-align: center;
}

.trust-bar::after {
  content: "";
  display: block;
  clear: both;
}

.trust-bar--light {
  background-color: #fff;
}

.trust-bar__image-container {
  position: relative;
}

.trust-bar__column {
  position: relative;
}

.trust-bar__column--divider::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 72px;
  transform: translateY(-50%);
  background-color: #e6e8e5;
  content: "";
}

.trust-bar__column--getestet .trust-bar__image {
  width: 74px;
  height: 70px;
}

.trust-bar__column--comenius .trust-bar__image {
  width: 82px;
  height: 82px;
}

.trust-bar__column--success {
  cursor: pointer;
}

.trust-bar__column--success .trust-bar__image {
  width: 64px;
  height: 64px;
}

.trust-bar__column--deutschland .trust-bar__image {
  width: 92px;
  height: 42px;
}

.trust-bar__column--techcrunch .trust-bar__image {
  width: 211px;
  height: 36px;
}

.trust-bar__column--edsurge .trust-bar__image {
  width: 155px;
  height: 36px;
}

.trust-bar__column--venturebeat .trust-bar__image {
  width: 211px;
  height: 36px;
}

.trust-bar .h5 {
  margin-bottom: 0;
  text-align: right;
}

.trust-bar__percentage {
  position: absolute;
  top: 0;
  left: 18px;
  color: #333;
  font-size: 20px;
  font-weight: bold;
}

.trust-bar__percentage::after {
  position: absolute;
  top: 3px;
  right: -11px;
  width: 10px;
  height: 11px;
  font-size: 12px;
  font-weight: 100;
  content: "%";
}

.trust-bar__text {
  margin: 5px auto;
  padding: 0 10px;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .trust-bar__column--divider::after {
    display: none;
  }
  body.is-responsive .trust-bar__image-container {
    width: 120px;
    margin: 0 auto;
  }
  body.is-responsive .trust-bar__text {
    width: 120px;
  }
}

body.locale-us.is-responsive .trust-bar__image-container, body.locale-uk.is-responsive .trust-bar__image-container {
  float: left;
}

body.locale-us.is-responsive .trust-bar__text, body.locale-uk.is-responsive .trust-bar__text {
  width: 120px;
}

body.locale-us.is-responsive .trust-bar__percentage, body.locale-uk.is-responsive .trust-bar__percentage {
  top: 20px;
  left: 46px;
}

@media only screen and (max-width: 959px) {
  body.locale-us.is-responsive .trust-bar__column, body.locale-uk.is-responsive .trust-bar__column {
    display: inline-block;
    width: 237px;
    padding-right: 8px;
    padding-left: 8px;
  }
  body.locale-us.is-responsive .trust-bar__column--edsurge, body.locale-uk.is-responsive .trust-bar__column--edsurge {
    width: 171px;
  }
}

@media only screen and (max-width: 639px) {
  body.locale-us.is-responsive .trust-bar__content, body.locale-uk.is-responsive .trust-bar__content {
    gap: 16px;
  }
}

.partners-awards {
  padding-bottom: 80px;
  text-align: center;
}

.partners-awards__box {
  height: 680px;
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #e6e8e5;
}

.partners-awards__logo img {
  height: 72px;
  margin-top: 40px;
}

.partners-awards__logo--eu img {
  margin-right: 25%;
  margin-left: 25%;
}

.partners-awards__logo--efre img {
  margin-left: 20px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .partners-awards__box {
    height: auto;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .partners-awards__box {
    margin-top: 20px;
  }
  body.is-responsive .partners-awards__eu img {
    margin: 40px 0 0;
  }
  body.is-responsive .partners-awards--efre img {
    margin-left: 0;
  }
}

.orderflow-sofatutor-partners {
  margin-top: 35px;
  margin-bottom: 35px;
  text-align: center;
}

.orderflow-sofatutor-partners__item {
  display: inline-block;
}

.orderflow-sofatutor-partners__item img {
  height: 65px;
}

.orderflow-sofatutor-partners__item:not(:first-of-type) {
  margin-left: 30px;
}

.orderflow-sofatutor-partners__item:not(:last-of-type) {
  padding-right: 30px;
  border-right: 1px solid #e6e8e5;
}

.orderflow-sofatutor-partners__item--land_der_ideen, .orderflow-sofatutor-partners__item--eu {
  padding-top: 18px;
  padding-bottom: 19px;
}

.orderflow-sofatutor-partners__item--bundesministerium {
  padding-top: 4px;
  padding-bottom: 5px;
}

.orderflow-sofatutor-partners__item--getestet {
  padding-top: 6px;
  padding-bottom: 6px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .orderflow-sofatutor-partners__item--bundesministerium {
    display: none;
  }
  body.is-responsive .orderflow-sofatutor-partners__item--eu {
    margin-left: 0;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .orderflow-sofatutor-partners__item--land_der_ideen, body.is-responsive .orderflow-sofatutor-partners__item--eu {
    display: none;
  }
  body.is-responsive .orderflow-sofatutor-partners__item--comenius {
    margin-left: 0;
  }
}

.press-trust-bar {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  height: 126px;
  padding: 24px 0;
  border-top: 1px solid #e6e8e5;
  text-align: center;
}

.press-trust-bar::after {
  content: "";
  display: block;
  clear: both;
}

.press-trust-bar__image--klimaneutral {
  width: 162px;
  height: 35px;
}

.press-trust-bar__image--act-now {
  width: 97px;
  height: 52px;
}

.press-trust-bar__image--comenius {
  width: 74px;
  height: 74px;
}

.press-trust-bar__image--sca {
  width: 135px;
  height: 39px;
}

.press-trust-bar__image--top-service {
  width: 48px;
  height: 76px;
}

.orderflow-page {
  background-color: #f8f8f8;
}

.orderflow-page .features-card {
  border-radius: 24px;
}

.orderflow-page .features-card .card-divider {
  display: none;
}

.orderflow-page .features-card .card-section .orderflow-plan__features {
  list-style: none;
}

.orderflow-page .features-card .card-section .orderflow-plan__features li {
  margin-left: 24px;
  padding-left: 0;
}

.orderflow-page .features-card .sprites-account-check {
  left: -24px;
}

.orderflow-page .card-section {
  padding: 32px 24px 32px 32px;
}

.orderflow-page .card-section li::marker {
  color: #00b500;
}

.orderflow-page .orderflow-form-box .orderflow-plan__features {
  list-style: disc;
}

.orderflow-page .orderflow-form-box .orderflow-plan__features li {
  margin-left: 24px;
  padding-left: 0;
}

.orderflow-page .ribbon--straight + .orderflow-plan__bill {
  margin-top: 0;
}

.orderflow-page .after-thirty-days {
  margin-bottom: -15px;
  padding-top: 10px;
  font-weight: bold;
}

.orderflow-page .price-today {
  color: #333;
  font-weight: bold;
}

.orderflow-page .no-charge-hint {
  margin-top: 5px;
  text-align: center;
}

.orderflow-page .button-charge-hint {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding-top: 3px;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
}

.orderflow-page .test-phase-hint {
  font-family: Helvetica, Arial, sans-serif;
  display: block;
  color: #333;
  font-size: 12px;
  line-height: 1.7;
  text-align: center;
}

.orderflow-page .orderflow-free-thirty-days-hint__item {
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.orderflow-page .orderflow-free-thirty-days-hint__item:first-child {
  margin-bottom: 8px;
}

.orderflow-page .orderflow-free-thirty-days-hint__item .sprites-account-check {
  flex-shrink: 0;
}

.orderflow-page .orderflow-free-thirty-days-hint__item p {
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 959px) {
  .orderflow-page.is-responsive .card-section {
    padding: 16px 16px 32px;
  }
  .orderflow-page.is-responsive .orderflow-free-thirty-days-hint__item {
    align-items: baseline;
  }
  .orderflow-page.is-responsive .orderflow-free-thirty-days-hint__item:first-child {
    max-width: 295px;
    margin: 0 auto 8px;
  }
  .orderflow-page.is-responsive .tax-refund-exp__headline {
    font-size: 14px;
  }
  .orderflow-page.is-responsive .tax-refund-exp__subheadline {
    width: 90%;
    font-size: 14px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 639px) {
  .orderflow-page.is-responsive .content {
    padding-bottom: 40px;
    margin-right: auto;
  }
  .orderflow-page.is-responsive .features-card {
    margin-bottom: 16px;
    border: 0;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 0;
    box-shadow: none;
  }
  .orderflow-page.is-responsive .features-card .card-section {
    padding: 0 16px 16px;
  }
  .orderflow-page.is-responsive .features-card .orderflow-plan__features {
    font-size: 14px;
  }
  .orderflow-page.is-responsive .orderflow-form-box {
    margin-top: 0;
    border-top-width: 1px;
  }
}

.orderflow-button, .apple-pay-request-button {
  display: block;
  width: 272px;
  margin: 32px auto 8px;
}

.orderflow-button .h6, .apple-pay-request-button .h6 {
  margin-bottom: 0;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .orderflow-button, body.is-responsive .apple-pay-request-button {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
  }
}

.free-thirty-days-hint {
  font-weight: bold;
  text-align: center;
}

.registry-faq-questions {
  margin-top: 64px;
}

.registry-faq-questions .info-bullet-list a {
  font-size: 12px;
}

.orderflow-form-box {
  box-shadow: 0 8px 24px -12px rgba(51, 51, 51, 0.25);
}

.orderflow-form-box--registry {
  max-width: 576px;
  margin: 10px auto 0;
}

.locale-us .orderflow-form-box--registry, .locale-uk .orderflow-form-box--registry {
  margin: 0 auto;
}

.orderflow-form-box .orderflow-agb-without-checkbox {
  font-size: 14px;
  line-height: 24px;
}

.orderflow-form-box .orderflow-agb-without-checkbox + .orderflow-form-box__button {
  margin-top: 24px;
}

.orderflow-form-box .orderflow-agb-without-checkbox a {
  text-decoration: underline;
}

.orderflow-form-box__subheadline {
  margin-bottom: 32px;
}

.orderflow-form-box__require-hint {
  position: relative;
  top: inherit;
  right: inherit;
  width: 100%;
  color: #666;
  font-size: 12px;
  line-height: 1.7;
  text-align: right;
}

.orderflow-form-box__label:not(.orderflow-form-box__label--mobile) {
  margin-top: 16px;
}

.orderflow-form-box__label--no-margin {
  margin-bottom: 0;
}

.orderflow-form-box.is-first-row {
  display: inline-block;
  width: 48%;
  min-height: 250px;
  vertical-align: top;
}

.orderflow-form-box.is-first-row:first-of-type {
  margin-right: 20px;
}

.orderflow-form-box.is-first-row .grid-column-6 {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.orderflow-form-box.is-first-row .h5 {
  display: none;
}

.orderflow-form-box .h4 {
  padding-top: 0;
}

.orderflow-form-box__button {
  display: block;
  min-width: 380px;
  margin: 40px auto 0;
}

.orderflow-form-box--padding-large .card-section {
  padding: 48px 80px;
}

.orderflow-form-box #full-bank-name {
  padding-top: 5px;
  color: #333;
  font-size: 12px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .orderflow-form-box--registry {
    margin-top: 0;
  }
  body.is-responsive .orderflow-form-box--registry .orderflow-agb-without-checkbox {
    margin: 24px auto 0;
    max-width: 400px;
  }
  body.is-responsive .orderflow-form-box__label--mobile {
    margin-top: 16px;
  }
  body.is-responsive .orderflow-form-box.is-first-row {
    width: 100%;
    min-height: inherit;
  }
  body.is-responsive .orderflow-form-box .h4 {
    padding-bottom: 0;
  }
  body.is-responsive .orderflow-form-box__button {
    width: 100%;
    min-width: 0;
    padding-bottom: 14px;
  }
  body.is-responsive .orderflow-form-box .card-section {
    padding: 16px 16px 32px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .orderflow-form-box {
    margin-top: 20px;
  }
  body.is-responsive .orderflow-form-box--registry .orderflow-agb-without-checkbox {
    font-size: 12px;
  }
  body.is-responsive .orderflow-form-box.is-first-row {
    margin-right: 0;
  }
  body.is-responsive .orderflow-form-box--padding-large .card-section {
    padding: 32px 24px;
  }
}

/* stylelint-disable max-nesting-depth */

.orderflow-order-page .faq-section-accordion li p a {
  text-decoration: underline;
}

.orderflow-order-page .invoice-data {
  margin-bottom: 32px;
}

.orderflow-order-page .ribbon--straight + .orderflow-plan__bill {
  margin-top: 0;
}

.orderflow-order-page .callout.success-white {
  margin: 0 0 32px;
  padding: 24px 16px;
  border-radius: 8px;
  background-color: #66d366;
}

.orderflow-order-page .callout.success-white .h5 {
  font-weight: normal;
}

.orderflow-order-page .callout.success-white .h5 a {
  color: #06c;
  font-weight: bold;
}

.orderflow-order-page .callout.success-white--form {
  margin-right: -16px;
  margin-left: -16px;
}

.orderflow-order-page .callout--discount-code {
  margin-top: 32px;
}

.orderflow-order-page .form-radio-tabs label {
  cursor: pointer;
}

.orderflow-order-page .form-radio-tabs__item.is-active {
  border-top-width: 4px;
  border-top-color: #9c0;
}

.orderflow-order-page .form-radio-tabs__item {
  padding: 15px;
  color: #666;
  text-align: center;
}

.orderflow-order-page .form-radio-tabs__item .annual-saving-hint {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  position: absolute;
  top: -10px;
  right: 50%;
  width: 80px;
  height: 16px;
  padding: 2px 8px;
  transform: translateX(50%);
  border: 0;
  border-radius: 8px;
  background-color: #fbcd00;
  color: #333;
  font-size: 10px;
  font-weight: 600;
  z-index: 2;
}

.orderflow-order-page .form-radio-tabs__item:not(.is-active) {
  border: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top-width: 4px;
}

.orderflow-order-page .form-radio-tabs__item:not(.is-active) .annual-saving-hint {
  background-color: #ccc;
}

.orderflow-order-page .form-radio-tabs .form-radio .form-radio-tabs__label, .orderflow-order-page .form-radio-tabs .form-radio.is-active .form-radio-tabs__label {
  padding-left: 0;
}

.orderflow-order-page .form-radio-tabs .form-radio .form-radio-tabs__label::before, .orderflow-order-page .form-radio-tabs .form-radio.is-active .form-radio-tabs__label::before {
  background: none;
}

.orderflow-order-page .form-radio-tabs--dach {
  display: flex;
  justify-content: center;
  margin: 36px 0 16px;
}

.orderflow-order-page .form-radio-tabs--dach .form-radio-tabs__label {
  color: #333;
}

.orderflow-order-page .form-radio-tabs--dach .form-radio-tabs__item:has(input[value=monthly]) {
  border-top-right-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 8px;
}

.orderflow-order-page .form-radio-tabs--dach .form-radio-tabs__item:has(input[value=annual]) {
  border-top-right-radius: 0;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 8px;
}

.orderflow-order-page .form-radio-tabs--dach .form-radio-tabs__item .annual-saving-hint {
  display: flex;
  top: -20px;
  align-items: center;
  justify-content: center;
  width: 106px;
  height: 20px;
  padding: 2px 8px;
  border-radius: 8px 8px 0 0;
  background-color: #add633;
  color: #333;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.orderflow-order-page .form-radio-tabs--dach .form-radio-tabs__item.is-active {
  width: 50%;
  height: 56px;
  margin: 0;
  border: 0;
  border-radius: 8px 0 0 8px;
  background: #fbcd00;
}

.orderflow-order-page .form-radio-tabs--dach .form-radio-tabs__item.is-active label {
  font-weight: 700;
}

.orderflow-order-page .form-radio-tabs--dach .form-radio-tabs__item:not(.is-active) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 56px;
  margin: 0;
  padding: 0;
  border: 1px solid #e1e1e1;
  border-radius: 0 8px 8px 0;
  background: #f8f8f8;
}

.orderflow-order-page .form-radio-tabs--dach .form-radio-tabs__item:not(.is-active) .annual-saving-hint {
  background-color: #666;
  color: #fff;
}

.orderflow-order-page .billing-address {
  margin-bottom: 32px;
  padding-top: 16px;
}

@media only screen and (max-width: 959px) {
  .orderflow-order-page.is-responsive .callout {
    margin: 0 0 16px;
    padding-right: 16px;
    padding-left: 16px;
  }
  .orderflow-order-page.is-responsive .callout + .form-text {
    padding-left: 0;
  }
  .orderflow-order-page.is-responsive .callout--discount-code {
    margin-top: 32px;
  }
  .orderflow-order-page.is-responsive .invoice-data-input-fields--name, .orderflow-order-page.is-responsive .invoice-data-input-fields--street {
    margin-bottom: 16px;
  }
  .orderflow-order-page.is-responsive .form-radio-tabs__label {
    padding-top: 0;
  }
  .orderflow-order-page.is-responsive .form-radio-tabs__item {
    padding-right: 12px;
    padding-left: 12px;
  }
  .orderflow-order-page.is-responsive .form-radio-tabs__label {
    font-size: 12px;
  }
  .orderflow-order-page.is-responsive .form-radio-tabs--payment-cycle .form-radio-tabs__label {
    font-size: 16px;
  }
  .orderflow-order-page.is-responsive .form-radio-tabs--payment-cycle .form-radio::before, .orderflow-order-page.is-responsive .form-radio-tabs--payment-cycle .form-radio.is-active::before,
  .orderflow-order-page.is-responsive .form-radio-tabs--payment-cycle .form-radio-tabs__label::before {
    left: -19px !important;
  }
}

@media only screen and (max-width: 639px) {
  .orderflow-order-page.is-responsive .invoice-data-input-fields input {
    font-size: 14px;
    font-weight: 300;
  }
  .orderflow-order-page.is-responsive .orderflow-plan {
    padding-bottom: 0;
  }
  .orderflow-order-page.is-responsive .form-radio-tabs {
    margin-right: -8px;
    margin-left: -8px;
  }
  .orderflow-order-page.is-responsive .form-radio-tabs__item {
    padding-right: 4px;
    padding-left: 4px;
  }
}

.orderflow-plan-selection {
  position: relative;
  left: -16px;
  box-sizing: content-box;
  width: 100%;
  min-width: 625px;
  margin-bottom: 32px;
  padding: 0 16px 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.orderflow-plan-selection__thirty-days-money-back-badge {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin: 0 8px;
  padding: 8px 12px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #fdeb99;
  font-size: 12px;
}

.orderflow-plan-selection__label {
  position: absolute;
  top: -32px;
  left: -1px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  height: 32px;
  padding: 0 20px;
  background-color: #ccc;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
}

.orderflow-plan-selection__label.highlight-orange {
  background-color: #e35b00;
}

.orderflow-plan-selection__label.highlight-green {
  background-color: #9c0;
}

.orderflow-plan-selection__item {
  position: relative;
  height: 140px;
  margin-top: 60px;
  margin-bottom: 8px;
  padding: 16px;
  border: 1px solid #ccc;
  border-radius: 0 8px 8px;
  background-color: #f8f8f8;
  text-align: center;
  cursor: pointer;
}

.orderflow-plan-selection__item--en {
  margin-bottom: 0;
}

.orderflow-plan-selection__item.highlight-orange {
  border-color: #e35b00;
}

.orderflow-plan-selection__hint-text {
  position: relative;
  display: none;
  color: #690;
  text-align: right;
}

.orderflow-plan-selection__hint-text--unselected {
  display: block;
  color: #fff;
}

.orderflow-plan-selection__hint-image path {
  fill: #e35b00;
}

.orderflow-plan-selection__item.is-selected {
  border-color: #9c0;
}

.orderflow-plan-selection__item.is-selected .orderflow-plan-selection__hint-text {
  display: block;
}

.orderflow-plan-selection__item.is-selected .orderflow-plan-selection__hint-text--unselected {
  display: none;
}

.orderflow-plan-selection__item.is-selected .orderflow-plan-selection__hint-image path {
  fill: #d6eb99;
}

.orderflow-plan-selection__item.is-selected .orderflow-plan-selection__label {
  background-color: #9c0;
}

.orderflow-plan-selection__hint-image {
  position: absolute;
  top: 0;
  right: -2px;
  height: 100%;
}

.orderflow-plan-selection__price-hint {
  position: absolute;
  bottom: 0;
  font-family: Helvetica, Arial, sans-serif;
  display: none;
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
}

.orderflow-plan-selection__price-hint br:first-of-type {
  display: none;
}

.orderflow-plan-selection__item.is-selected .orderflow-plan-selection__price-hint {
  display: block;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .orderflow-plan-selection {
    min-width: 542px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .orderflow-plan-selection {
    min-width: 0;
    min-width: initial;
  }
  body.is-responsive .orderflow-plan-selection__item {
    height: auto;
    text-align: center;
  }
  body.is-responsive .orderflow-plan-selection__hint-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 102px;
  }
  body.is-responsive .orderflow-plan-selection__hint-text {
    margin-bottom: 32px;
    text-align: center;
  }
  body.is-responsive .orderflow-plan-selection__price-hint {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    text-align: center;
  }
  body.is-responsive .orderflow-plan-selection__price-hint br:first-of-type {
    display: block;
  }
  body.is-responsive .orderflow-plan-selection__price-hint br:nth-of-type(2) {
    display: none;
  }
}

/* stylelint-disable max-nesting-depth */

.orderflow-plan-selection__item .plan-price {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: -8px;
  margin-left: 16px;
}

.orderflow-plan-selection__item .plan-price__prices {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.orderflow-plan-selection__item .plan-price__new-price {
  font-size: 34px;
}

.orderflow-plan-selection__item .plan-price__new-price span {
  color: #666;
}

.orderflow-plan-selection__item .plan-price__new-price sup {
  font-size: 20px;
}

.orderflow-plan-selection__item .plan-price__per-month {
  font-size: 20px;
}

.orderflow-plan-selection__item .plan-price__old-price {
  color: #666;
  font-size: 18px;
}

.orderflow-plan-selection__item .plan-price__old-price--1m {
  opacity: 0;
}

.orderflow-plan-selection__item .plan-price__discount {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 28px 0;
}

.orderflow-plan-selection__item .plan-price__discount-percentage {
  display: none;
  padding: 0 8px;
  border-radius: 6px;
  background-color: #666;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}

.orderflow-plan-selection__item .plan-price__discount-percentage--1m {
  display: none;
}

.orderflow-plan-selection__item.is-selected .plan-price__new-price span {
  color: #690;
}

.orderflow-plan-selection__item.is-selected .plan-price__per-month {
  color: #666 !important;
}

.orderflow-plan-selection__item.is-selected .plan-price__discount-percentage {
  display: block;
  padding: 4px 12px;
  border-radius: 8px;
  background-color: #b64900;
  font-size: 14px;
}

.orderflow-plan-selection__item.is-selected .plan-price__discount-percentage--1m {
  display: none;
}

@media only screen and (max-width: 639px) {
  .orderflow-plan-selection__item .plan-price {
    margin-top: 0;
    margin-left: 0;
    justify-content: space-evenly;
    flex-direction: row;
    align-items: center;
  }
  .orderflow-plan-selection__item .plan-price__prices {
    flex-direction: column;
    margin-left: 0;
    margin-bottom: -12px;
    gap: 0;
  }
  .orderflow-plan-selection__item .plan-price__new-price {
    font-size: 40px;
    margin-top: -5px;
  }
  .orderflow-plan-selection__item .plan-price__new-price sup {
    font-size: 22px;
  }
  .orderflow-plan-selection__item .plan-price__per-month {
    font-size: 20px;
  }
  .orderflow-plan-selection__item .plan-price__old-price {
    font-size: 18px;
    margin-bottom: -5px;
  }
  .orderflow-plan-selection__item .plan-price__old-price--1m {
    display: none;
  }
  .orderflow-plan-selection__item .plan-price__discount {
    display: none;
    flex-direction: column;
    gap: 18px 0;
  }
  .orderflow-plan-selection__item .plan-price__discount-percentage {
    display: none;
  }
  .orderflow-plan-selection__item .plan-price__discount-percentage--1m {
    display: none;
  }
  .orderflow-plan-selection__item.is-selected .plan-price {
    flex-direction: column;
  }
  .orderflow-plan-selection__item.is-selected .plan-price--12m, .orderflow-plan-selection__item.is-selected .plan-price--1m, .orderflow-plan-selection__item.is-selected .plan-price--6m {
    margin-top: 16px;
    margin-left: 0;
  }
  .orderflow-plan-selection__item.is-selected .plan-price--24m {
    margin-top: 28px;
    margin-left: 0;
  }
  .orderflow-plan-selection__item.is-selected .plan-price__discount {
    display: block;
  }
  .orderflow-plan-selection__item.is-selected .plan-price__discount-percentage {
    display: block;
  }
  .orderflow-plan-selection__item.is-selected .plan-price__discount-percentage--1m {
    display: none;
  }
}

.orderflow-redeem-code {
  display: block;
  text-align: center;
}

.locale-ch .orderflow-redeem-code {
  margin-top: 0;
}

.orderflow-redeem-code__link {
  font-size: 14px;
}

.orderflow-redeem-code__link.is-error {
  display: none;
}

.orderflow-redeem-code__form {
  display: none;
  margin-right: auto;
  margin-left: auto;
}

.orderflow-redeem-code__form.is-error {
  display: block;
}

.orderflow-redeem-code__input {
  display: inline-block;
  width: 115px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .orderflow-redeem-code {
    padding-top: 13px;
  }
}

.orderflow-summary__container {
  min-height: 48px;
  margin-bottom: 32px;
  padding: 0 16px;
  border-radius: 4px;
  background-color: #d6eb99;
}

/* stylelint-disable max-nesting-depth */

.orderflow-plan {
  padding-bottom: 0;
}

.orderflow-plan__learning-takes-time-box {
  display: flex;
  align-items: center;
  width: 630px;
  height: 110px;
  margin-bottom: 15px;
  padding-left: 10px;
  border-radius: 8px;
  background-color: #e6edf8;
  color: #333;
  font-size: 14px;
}

@media only screen and (max-width: 959px) {
  .orderflow-plan__learning-takes-time-box {
    width: 550px;
  }
}

@media only screen and (max-width: 639px) {
  .orderflow-plan__learning-takes-time-box {
    justify-self: center;
    height: auto;
    width: 320px;
  }
}

.orderflow-plan__learning-takes-time-box__content {
  display: flex;
  flex-direction: column;
  padding-right: 10px;
  padding-left: 50px;
  line-height: 1.7;
  text-align: center;
}

@media only screen and (max-width: 639px) {
  .orderflow-plan__learning-takes-time-box__content {
    padding-top: 10px;
    padding-left: 30px;
    padding-bottom: 10px;
  }
}

.orderflow-plan__learning-takes-time-box__headline {
  margin-top: 2px;
  margin-bottom: 6px;
}

.orderflow-plan__learning-takes-time-box__icon {
  position: absolute;
  padding-top: 45px;
}

@media only screen and (max-width: 959px) {
  .orderflow-plan__learning-takes-time-box__icon {
    margin-left: -10px;
    padding-top: 67px;
  }
}

@media only screen and (max-width: 639px) {
  .orderflow-plan__learning-takes-time-box__icon {
    margin-left: -15px;
    padding-top: 85px;
  }
}

.orderflow-plan.is-retail .orderflow-plan__type {
  font-size: 20px;
  font-weight: bold;
}

.orderflow-plan.is-retail .orderflow-plan__features li {
  list-style: none;
}

.orderflow-plan.is-retail .orderflow-plan__features li i {
  left: -22px;
}

.orderflow-plan__icon-package {
  width: 14px;
  height: 17px;
  margin-right: 8px;
  background: url("/assets/application/orderflow/icon-package.svg") no-repeat;
}

.orderflow-plan__type {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.orderflow-plan__type::first-line {
  font-size: 20px;
  font-weight: bold;
}

.orderflow-plan__features {
  color: #666;
  line-height: 1.6;
}

.orderflow-plan__features li:not(:last-of-type) {
  padding-bottom: 10px;
}

.orderflow-plan__features li {
  position: relative;
  padding-left: 20px;
}

.orderflow-plan__features .sprites-account-check {
  position: absolute;
  top: 8px;
  left: 0;
}

.orderflow-plan__tax {
  font-family: Helvetica, Arial, sans-serif;
  display: block;
  padding: 15px 11px;
  color: #333;
  font-size: 12px;
  text-align: center;
}

.orderflow-plan__divider {
  border-top: 1px solid #ddd;
}

.orderflow-plan__divider--highlight {
  background-color: #d6eb99;
  color: #333;
  font-weight: bold;
}

.orderflow-plan__bill {
  color: #666;
  line-height: 1.6;
  overflow: hidden;
}

.orderflow-plan__bill .orderflow-plan__divider {
  padding-right: 16px;
  padding-left: 16px;
}

.orderflow-plan__bill .orderflow-plan__divider::after {
  content: "";
  display: block;
  clear: both;
}

.locale-ch .orderflow-plan__bill > .orderflow-plan__divider:first-child, .locale-de .orderflow-plan__bill > .orderflow-plan__divider:first-child, .locale-at .orderflow-plan__bill > .orderflow-plan__divider:first-child {
  border-top: 0;
}

.orderflow-plan__item, .orderflow-plan__amount {
  padding-top: 8px;
  padding-bottom: 8px;
  float: left;
}

.orderflow-plan__item.is-retail, .orderflow-plan__amount.is-retail {
  font-weight: bold;
  letter-spacing: -0.4px;
}

.orderflow-plan__item {
  width: 63%;
}

.locale-ch .orderflow-plan__item {
  width: 58%;
}

.orderflow-plan__item.is-retail {
  width: 47%;
}

.orderflow-plan__amount {
  width: 37%;
  float: right;
  text-align: right;
}

.locale-ch .orderflow-plan__amount {
  width: 42%;
}

.orderflow-plan__amount.is-retail {
  width: 53%;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .orderflow-plan {
    padding-bottom: 13px;
  }
  body.is-responsive .orderflow-plan__icon-package {
    top: 5px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .orderflow-plan__bill {
    position: relative;
  }
  body.is-responsive .orderflow-plan__features {
    padding-top: 0;
  }
}

@media only screen and (max-width: 959px) {
  body.locale-ch.is-responsive .orderflow-plan__item {
    width: 50%;
  }
  body.locale-ch.is-responsive .orderflow-plan__amount {
    width: 50%;
  }
}

@media only screen and (max-width: 639px) {
  body.locale-us.is-responsive .orderflow-plan__bill .orderflow-plan__divider:last-of-type, body.locale-uk.is-responsive .orderflow-plan__bill .orderflow-plan__divider:last-of-type {
    margin-bottom: 0;
  }
}

/* stylelint-disable max-nesting-depth */

.orderflow-register-page {
  background-color: #e6e8e5;
}

.orderflow-register-page .thousands-of-material {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 32px;
  padding: 8px 0 0;
  background-color: #f5fae6;
  color: #e38800;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.orderflow-register-page .thousands-of-material__text {
  margin: 8px auto;
  text-align: center;
}

.orderflow-register-page .thousands-of-material__text--tests, .orderflow-register-page .thousands-of-material__text--videos, .orderflow-register-page .thousands-of-material__text--worksheets {
  width: 163px;
  height: 24px;
  border-radius: 8px;
  background-color: #fff;
  color: #333;
}

.orderflow-register-page .thousands-of-material__img--tests, .orderflow-register-page .thousands-of-material__img--videos, .orderflow-register-page .thousands-of-material__img--worksheets {
  margin-inline: auto;
}

.orderflow-register-page:lang(en) {
  background-color: #fff;
}

.orderflow-register-page .sofatutor-banner--dach::before, .orderflow-register-page .sofatutor-banner--dach::after {
  background-color: #e6e8e5;
}

.orderflow-register-page .sofatutor-banner__header {
  display: flex;
  justify-content: center;
}

.orderflow-register-page .white-bg {
  background-color: #fff;
}

.orderflow-register-page .white-bg .sofatutor-banner::before, .orderflow-register-page .white-bg .sofatutor-banner::after {
  background-color: #fff;
}

.orderflow-register-page .content {
  position: relative;
  margin-top: -85px;
  padding-bottom: 0;
  z-index: 2;
}

.orderflow-register-page .orderflow-data-protection {
  width: 100%;
  max-width: 576px;
  font-size: 16px;
}

.orderflow-register-page .orderflow-form-box {
  position: relative;
  border-top: 0;
}

.orderflow-register-page .orderflow-form-box__list p {
  display: inline-block;
  color: #333;
}

.orderflow-register-page .orderflow-form-box__list .icon {
  color: #33c433;
}

.orderflow-register-page .orderflow-form-box__header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  height: 56px;
  background-color: #e6e8e5;
  color: #3c3c3c;
}

.orderflow-register-page .orderflow-form-box__header .h4,
.orderflow-register-page .orderflow-form-box__header .h6 {
  margin-bottom: 0;
}

.orderflow-register-page .orderflow-form-box__header--intl {
  margin: 0 0 40px;
  background-color: #e38800;
  color: #fff;
}

.orderflow-register-page .orderflow-form-box__header--teachers {
  margin: 0 0 35px;
  color: #fff;
}

.orderflow-register-page .orderflow-form-box__form {
  padding: 32px 80px 48px;
}

.orderflow-register-page .orderflow-form-box__form--contained-labels .field .cell {
  position: relative;
}

.orderflow-register-page .orderflow-form-box__form--contained-labels .field label {
  position: absolute;
  top: 13px;
  left: 16px;
  transition: 0.3s ease all;
  color: #666;
  font-size: 16px;
  pointer-events: none;
}

.orderflow-register-page .orderflow-form-box__form--contained-labels .field input {
  height: 50px;
  max-height: none;
  max-height: initial;
  padding: 24px 16px 4px;
  font-size: 16px;
}

.orderflow-register-page .orderflow-form-box__form--contained-labels .field input::-moz-placeholder {
  color: transparent;
}

.orderflow-register-page .orderflow-form-box__form--contained-labels .field input::placeholder {
  color: transparent;
}

.orderflow-register-page .orderflow-form-box__form--contained-labels .field input:not(:-moz-placeholder-shown) {
  padding-left: 22px;
}

.orderflow-register-page .orderflow-form-box__form--contained-labels .field input:focus, .orderflow-register-page .orderflow-form-box__form--contained-labels .field input:active, .orderflow-register-page .orderflow-form-box__form--contained-labels .field input:not(:placeholder-shown) {
  padding-left: 22px;
}

.orderflow-register-page .orderflow-form-box__form--contained-labels .field input:not(:-moz-placeholder-shown) + label {
  top: 0;
  font-size: 13px;
}

.orderflow-register-page .orderflow-form-box__form--contained-labels .field input:focus + label,
.orderflow-register-page .orderflow-form-box__form--contained-labels .field input:active + label,
.orderflow-register-page .orderflow-form-box__form--contained-labels .field input:not(:placeholder-shown) + label,
.orderflow-register-page .orderflow-form-box__form--contained-labels .field .is-error.is-active + label {
  top: 0;
  font-size: 13px;
}

.orderflow-register-page .orderflow-form-box__form--contained-labels .field label.is-active {
  top: 0;
  font-size: 13px;
}

.orderflow-register-page .orderflow-form-box__form--contained-labels .field .icon--info {
  position: absolute;
  top: 13px;
  right: 76px;
  width: 24px;
  height: 24px;
}

.orderflow-register-page .orderflow-form-box__form--contained-labels .field .button-uncover-password {
  width: 52px;
  height: 50px;
  padding: 12px;
}

.orderflow-register-page .orderflow-form-box__form--contained-labels .field .is-error {
  width: 100%;
}

.orderflow-register-page .orderflow-form-box__cta-claim {
  margin-top: -32px;
  margin-bottom: 24px;
  padding: 0 60px;
  font-weight: 300;
}

.orderflow-register-page .orderflow-form-box__cta-claim b {
  padding: 0 0.25rem;
  border-radius: 0.5rem;
  background-color: #d6eb99;
  font-size: 22px;
}

.orderflow-register-page .orderflow-form-box__cta-claim--b2c {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 75%;
  margin: -30px auto 30px;
  font-weight: 400;
  text-align: left;
}

.orderflow-register-page .orderflow-form-box__cta-claim--b2c span {
  color: #3d5c00;
  font-size: 42px;
  font-weight: 300;
}

.orderflow-register-page .orderflow-form-box__cta-claim--b2c b {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  color: #3d5c00;
  font-size: 14px;
  font-weight: 700;
}

.orderflow-register-page .orderflow-form-box__cta-claim--b2c b:first-child {
  font-size: 18px;
}

.orderflow-register-page .orderflow-form-box__success-proof {
  justify-content: center;
  height: 108px;
  padding-right: 8px;
  background-color: #f5fae6;
  gap: 24px;
}

.orderflow-register-page .orderflow-form-box__success-proof .success-proof-container {
  position: relative;
  gap: 18px;
}

.orderflow-register-page .orderflow-form-box__success-proof .success-proof-container__text {
  font-family: Helvetica, Arial, sans-serif;
  width: 230px;
  color: #5c7a00;
  font-size: 16px;
  line-height: 28px;
}

.orderflow-register-page .orderflow-form-box__success-proof .success-proof-container__percentage {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #5c7a00;
  font-size: 42px;
  font-weight: 700;
}

.orderflow-register-page .orderflow-form-box__success-proof .success-proof-container__tooltip {
  position: absolute;
  top: 31px;
  right: -14px;
}

.orderflow-register-page .orderflow-form-box__success-proof .success-proof-container__tooltip .icon--info {
  color: #999;
  font-size: 16px;
}

.orderflow-register-page .orderflow-form-box__success-proof .success-proof-container__tooltip .icon--info.tooltip {
  width: 50%;
}

.orderflow-register-page .hotline-container {
  margin: 14px 0 24px;
  padding: 0;
}

.orderflow-register-page .grid-container__en {
  padding-bottom: 80px;
}

.orderflow-register-page .orderflow-school-certificate-checkbox .form-checkbox__label {
  display: inline;
}

.orderflow-register-page .orderflow-school-certificate-checkbox__toolip {
  display: inline-block !important;
  margin: 0 2px 4px;
}

.orderflow-register-page .faq-section-accordion {
  padding: 4rem 2rem;
}

.orderflow-register-page .faq-section-accordion__headline {
  margin-top: 2rem;
}

.orderflow-register-page--teacher .orderflow-form-box {
  z-index: 3;
}

.orderflow-register-page--teacher .orderflow-form-box__header {
  margin-bottom: 0;
  background: #b64900;
}

.orderflow-register-page--teacher .orderflow-form-box__list {
  margin-top: 24px;
}

.orderflow-register-page--teacher .benefits-wrapper {
  width: 100%;
  height: 200px;
  padding-top: 11px;
  background-color: #fcefe6;
}

.orderflow-register-page--teacher .benefits-wrapper .grid-x {
  gap: 18px;
  flex-wrap: nowrap;
}

.orderflow-register-page--teacher .sofatutor-banner {
  padding-bottom: 80px;
}

.orderflow-register-page--teacher .sofatutor-banner__header {
  display: flex;
}

.orderflow-register-page--teacher .sofatutor-banner__image {
  width: 273px !important;
  margin-left: auto;
}

.orderflow-register-page--teacher .sofatutor-banner__title h1 {
  margin: 0 auto !important;
}

.orderflow-register-page--teacher .sofatutor-banner__container {
  padding-bottom: 0;
}

.orderflow-register-page--teacher .sofatutor-banner__container::before {
  display: none;
}

.orderflow-register-page--teacher .sofatutor-banner__quote {
  width: 348px !important;
  margin-right: auto;
}

.orderflow-register-page--teacher .sofatutor-banner__quote--teacher span {
  font-style: normal;
}

.orderflow-register-page--teacher .sofatutor-banner__quote p {
  width: 305px;
}

.orderflow-register-page--teacher .sofatutor-banner__quote .icon {
  right: 220px !important;
}

.orderflow-register-page--teacher .sofatutor-banner--teacher::before {
  display: none;
}

.orderflow-register-page--teacher .sofatutor-banner--teacher::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/application/information/wave.svg");
  background-position: top;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100vw;
  transform: rotate(180deg);
}

.orderflow-register-page--teacher .sofatutor-banner--teacher .icon {
  z-index: 3;
}

.orderflow-register-page--teacher .testimonials-container {
  height: 400px;
}

.orderflow-register-page--teacher .testimonials-container::after {
  position: absolute;
  top: -16px;
  width: 100%;
  height: 100%;
}

.orderflow-register-page--teacher .testimonials-container--teacher {
  height: 378px;
  padding-top: 110px;
}

.orderflow-register-page--teacher .trust-badges {
  border-radius: 8px;
}

.orderflow-register-page--teacher .page-content {
  background: #fff;
}

.orderflow-register-page--teacher .orderflow-form-box--registry {
  margin-top: -16px;
}

.orderflow-register-page--teacher .benefits-wrapper__tests b, .orderflow-register-page--teacher .benefits-wrapper__learning-groups b, .orderflow-register-page--teacher .benefits-wrapper__worksheets b {
  margin-top: 8px;
  border-radius: 8px;
  background-color: #fff;
  color: #b64900;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  padding-inline: 14px;
}

@media only screen and (max-width: 959px) {
  .orderflow-register-page .content {
    margin-top: -110px;
  }
  .orderflow-register-page .orderflow-form-box {
    padding: 0;
  }
  .orderflow-register-page .orderflow-form-box__header {
    margin: 0;
  }
  .orderflow-register-page .orderflow-form-box__header--intl, .orderflow-register-page .orderflow-form-box__header--teachers {
    margin: 0 0 24px;
  }
  .orderflow-register-page .orderflow-form-box__header .h4 {
    font-size: 18px;
  }
  .orderflow-register-page .orderflow-form-box__form {
    padding: 24px 60px 48px;
  }
  .orderflow-register-page .orderflow-form-box__list p {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
  }
  .orderflow-register-page .orderflow-form-box__headline {
    margin-top: 0;
  }
  .orderflow-register-page .orderflow-form-box__cta-claim {
    margin-top: -24px;
  }
  .orderflow-register-page .orderflow-form-box__cta-claim--b2c span {
    font-size: 32px;
  }
  .orderflow-register-page .orderflow-form-box__success-proof .success-proof-container__badge {
    width: 70px;
    height: 70px;
    margin-left: -24px;
  }
  .orderflow-register-page .thousands-of-material {
    width: 100%;
    height: 198px;
  }
  .orderflow-register-page .thousands-of-material__img--tests, .orderflow-register-page .thousands-of-material__img--worksheets {
    width: 95px;
    height: 80px;
  }
  .orderflow-register-page .thousands-of-material__img--videos {
    width: 159px;
    height: 110px;
  }
  .orderflow-register-page .thousands-of-material__text--tests, .orderflow-register-page .thousands-of-material__text--videos, .orderflow-register-page .thousands-of-material__text--worksheets {
    width: 135px;
    font-size: 12px;
  }
  .orderflow-register-page .faq-section-accordion {
    padding: 2rem 2rem 4rem 2rem;
  }
  .orderflow-register-page .faq-section-accordion__headline {
    margin-top: 0;
  }
  .orderflow-register-page--teacher .sofatutor-banner {
    height: 400px;
    margin-bottom: 20px;
  }
  .orderflow-register-page--teacher .sofatutor-banner__image {
    width: 231px !important;
  }
  .orderflow-register-page--teacher .sofatutor-banner__quote {
    width: 298px !important;
  }
  .orderflow-register-page--teacher .sofatutor-banner__quote p {
    width: 271px !important;
  }
  .orderflow-register-page--teacher .sofatutor-banner__quote .icon {
    left: 86px !important;
  }
  .orderflow-register-page--teacher .testimonials-container::after {
    top: 0px;
  }
  .orderflow-register-page--teacher .testimonials-container--feature-list {
    height: 375px;
  }
  .orderflow-register-page--teacher .orderflow-form-box--registry {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 639px) {
  .orderflow-register-page .orderflow-form-box__list {
    padding: 0 24px;
    text-align: left;
  }
  .orderflow-register-page .orderflow-form-box__list li {
    position: relative;
    padding-left: 28px;
  }
  .orderflow-register-page .orderflow-form-box__list .icon {
    position: absolute;
    top: 3px;
    left: 0;
  }
  .orderflow-register-page .orderflow-form-box__list p {
    display: inline;
  }
  .orderflow-register-page .orderflow-form-box__header .h6 {
    padding: 8px;
  }
  .orderflow-register-page .orderflow-form-box__header--intl {
    margin: 0 0 16px;
  }
  .orderflow-register-page .orderflow-form-box__form {
    padding: 16px 24px 24px;
  }
  .orderflow-register-page .orderflow-form-box__cta-claim {
    margin-top: 0;
    margin-bottom: 32px;
    padding: 0 24px;
    font-size: 14px;
  }
  .orderflow-register-page .orderflow-form-box__cta-claim b {
    font-size: 18px;
  }
  .orderflow-register-page .orderflow-form-box__cta-claim--b2c {
    width: 100%;
  }
  .orderflow-register-page .orderflow-form-box__success-proof {
    width: 100%;
    height: 72px;
  }
  .orderflow-register-page .orderflow-form-box__success-proof .success-proof-container {
    justify-content: center;
    gap: 8px;
  }
  .orderflow-register-page .orderflow-form-box__success-proof .success-proof-container__percentage {
    font-size: 32px;
  }
  .orderflow-register-page .orderflow-form-box__success-proof .success-proof-container__badge {
    width: 57px;
    height: 57px;
    margin-left: 0;
  }
  .orderflow-register-page .orderflow-form-box__success-proof .success-proof-container__text {
    width: 180px;
    font-size: 12px;
    line-height: 20px;
  }
  .orderflow-register-page .orderflow-form-box__success-proof .success-proof-container__tooltip {
    top: 19px;
    right: -7px;
  }
  .orderflow-register-page .orderflow-form-box__success-proof .success-proof-container__tooltip .icon--info {
    font-size: 14px;
  }
  .orderflow-register-page .orderflow-data-protection {
    margin-bottom: 0;
  }
  .orderflow-register-page .content {
    margin-top: -60px;
  }
  .orderflow-register-page .hotline-container__de {
    margin-bottom: 56px;
  }
  .orderflow-register-page .thousands-of-material {
    height: 180px;
    padding: 24px 0;
  }
  .orderflow-register-page .thousands-of-material__img--tests, .orderflow-register-page .thousands-of-material__img--worksheets, .orderflow-register-page .thousands-of-material__text--tests, .orderflow-register-page .thousands-of-material__text--worksheets {
    display: none;
  }
  .orderflow-register-page .thousands-of-material__img--videos {
    width: 151px;
    height: 110px;
  }
  .orderflow-register-page--teacher .sofatutor-banner {
    height: 268px;
  }
  .orderflow-register-page--teacher .sofatutor-banner--teacher::after {
    background-size: contain;
  }
  .orderflow-register-page--teacher .sofatutor-banner__title h1 {
    margin-bottom: 12px !important;
  }
  .orderflow-register-page--teacher .sofatutor-banner__quote {
    width: 300px;
    height: auto;
    margin: auto;
    padding-top: 0;
  }
  .orderflow-register-page--teacher .sofatutor-banner__quote p {
    width: 309px !important;
  }
  .orderflow-register-page--teacher .sofatutor-banner__quote .icon {
    left: auto !important;
    left: initial !important;
    right: 3px !important;
  }
  .orderflow-register-page--teacher .sofatutor-banner__quote--closed, .orderflow-register-page--teacher .sofatutor-banner__quote--open {
    position: relative;
    width: 15px !important;
    height: 13px !important;
  }
  .orderflow-register-page--teacher .sofatutor-banner__quote--open {
    right: 5px;
  }
  .orderflow-register-page--teacher .sofatutor-banner__quote--closed {
    left: 5px;
  }
  .orderflow-register-page--teacher .testimonials-container--teacher {
    padding-top: 48px;
  }
  .orderflow-register-page--teacher .testimonials-container--feature-list {
    height: 290px;
  }
}

.sofatutor-banner {
  position: relative;
  max-height: 478px;
  padding-top: 0;
  background: linear-gradient(90deg, #009100, #9c0) center/cover no-repeat;
  color: #fff;
  overflow: hidden;
}

.sofatutor-banner::after {
  position: absolute;
  bottom: -165px;
  right: 2px;
  transform: rotate(3deg);
}

.sofatutor-banner::before {
  position: absolute;
  bottom: -165px;
  left: 2px;
  transform: rotate(-3deg);
}

.sofatutor-banner::after, .sofatutor-banner::before {
  width: 101%;
  height: 170px;
  background: #fff;
  content: "";
  z-index: 1;
}

.sofatutor-banner--dach {
  max-height: 578px;
  background: linear-gradient(48deg, #009100 -11.84%, #9c0 123.41%);
}

.sofatutor-banner--dach .sofatutor-banner__title h1 {
  width: 778px;
  margin: 0 auto 24px;
}

.sofatutor-banner--dach .sofatutor-banner__image {
  width: 240px;
  z-index: 1;
}

.sofatutor-banner--dach .sofatutor-banner__quote {
  position: relative;
  top: 0;
  width: 610px;
}

.sofatutor-banner--dach .sofatutor-banner__quote--closed {
  transform: rotate(180deg);
}

.sofatutor-banner--dach .sofatutor-banner__quote blockquote {
  position: relative;
  top: 8px;
  display: flex;
  align-items: baseline;
  text-align: left;
}

.sofatutor-banner--dach .sofatutor-banner__quote p {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 0 4px;
  color: #fff;
  font-size: 18px;
  font-style: italic;
  line-height: 32px;
}

.sofatutor-banner--dach .sofatutor-banner__quote p span {
  display: inline !important;
}

.sofatutor-banner--dach .sofatutor-banner__quote .icon {
  position: absolute;
  bottom: 7px;
  right: -20px;
  color: #9c0;
}

.sofatutor-banner__container {
  position: relative;
  padding-top: 56px;
  padding-bottom: 120px;
}

.sofatutor-banner__container b {
  vertical-align: baseline;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .sofatutor-banner {
    padding-top: 40px;
  }
  body.is-responsive .sofatutor-banner--dach {
    padding-bottom: 42px;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__title h1 {
    margin: 0 auto 24px;
    font-size: 32px;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__title--premium-plan h1 {
    width: 576px;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__image {
    width: 197px;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__quote {
    width: 522px;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__quote--closed, body.is-responsive .sofatutor-banner--dach .sofatutor-banner__quote--open {
    width: 20px;
    height: 17px;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__quote--closed {
    display: none;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__quote p {
    font-size: 16px;
    line-height: 24px;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__quote .icon {
    right: 195px;
    bottom: 4px;
  }
  body.is-responsive .sofatutor-banner__container {
    padding: 0 0 102px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .sofatutor-banner {
    padding-top: 24px;
  }
  body.is-responsive .sofatutor-banner--dach {
    padding-bottom: 24px;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__title h1 {
    width: 100%;
    margin-bottom: 12px;
    font-size: 16px;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__title--premium-plan h1 {
    width: 320px;
    font-size: 32px;
    line-height: 48px;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__quote {
    width: 100%;
    top: 0;
    padding: 0 6px;
    margin-bottom: 0;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__quote--closed {
    display: block;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__quote--teacher blockquote {
    justify-content: center;
    padding-left: 0;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__quote blockquote {
    top: 0;
    text-align: center;
    padding: 0 6px;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__quote p {
    font-size: 14px;
    line-height: 24px;
    padding-left: 0;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__quote .icon {
    right: auto;
    right: initial;
    margin-left: 4px;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__quote .tooltip {
    left: 0 !important;
  }
  body.is-responsive .sofatutor-banner--dach .sofatutor-banner__container {
    padding-bottom: 50px;
  }
}

.orderflow-data-protection {
  width: 55%;
  margin: 24px auto;
  color: #666;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}

.orderflow-data-protection a {
  color: #666;
  font-weight: 700;
  text-decoration: none;
}

.orderflow-data-protection a:focus, .orderflow-data-protection a:hover {
  color: #09f;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .orderflow-data-protection {
    width: 80%;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .orderflow-data-protection {
    width: 93%;
  }
}

.orderflow-support-hotline {
  margin-top: 10px;
  color: #333;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}

.orderflow-support-hotline--shrinked {
  margin: 0 0 16px;
  color: #666;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .orderflow-support-hotline--shrinked {
    margin-top: 5px;
    max-width: 165px;
    text-align: left;
  }
}

@media only screen and (max-width: 959px) {
  body.is-responsive .orderflow-support-hotline--centered {
    margin-left: auto;
    margin-right: auto;
    max-width: 360px;
  }
}

.registry-progress-bar {
  display: flex;
  justify-content: center;
  padding: 14px 0;
}

@media only screen and (max-width: 639px) {
  .registry-progress-bar {
    padding: 14px 19px;
  }
}

.orderflow-service-badge {
  position: absolute;
  right: 0;
  height: 90%;
  z-index: 3;
}

.orderflow-service-badge__image {
  box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.25);
  position: sticky;
  top: 45%;
  left: 100%;
  height: 190px;
  margin-right: 16px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .orderflow-service-badge__image {
    height: 161px;
  }
  body.is-responsive .orderflow-service-badge__image--handelsblatt {
    left: 0;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .orderflow-service-badge__image {
    margin-bottom: 25px;
    margin-top: 5px;
    top: 0;
  }
}

@media only screen and (max-width: 639px) {
  .badges-container {
    margin-top: 56px;
  }
}

.trust-badges--grey {
  padding: 16px 0;
  background-color: #f8f8f8;
}

.trust-badges--white {
  background-color: #fff;
}

.trust-badges__wrapper {
  display: flex;
  justify-content: space-evenly;
  padding: 12px 0;
}

.trust-badges__wrapper--intl {
  align-items: center;
}

.trust-badges__wrapper--b2c {
  justify-content: center;
  grid-gap: 16px;
  min-width: 400px;
  margin: 32px 0;
}

.trust-badges__wrapper--b2c img {
  width: 75%;
}

.trust-badges__wrapper--b2c .trust-badges {
  align-items: baseline !important;
}

.trust-badges .rating-amount b {
  margin-right: 4px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .trust-badges__ekomi, body.is-responsive .trust-badges__93-badge {
    display: none;
  }
  body.is-responsive .trust-badges__google--dach {
    flex-direction: column;
  }
  body.is-responsive .trust-badges__reviews {
    width: 189px;
  }
  body.is-responsive .trust-badges__wrapper {
    justify-content: center;
    gap: 48px;
  }
  body.is-responsive .trust-badges__wrapper--intl {
    justify-content: center;
    gap: 72px;
  }
  body.is-responsive .trust-badges__wrapper--b2c {
    margin-top: 40px;
  }
  body.is-responsive .trust-badges .rating-amount {
    font-size: 12px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .trust-badges__wrapper {
    gap: 18px;
  }
  body.is-responsive .trust-badges__wrapper--b2c {
    min-width: 350px;
  }
  body.is-responsive .trust-badges__wrapper--b2c .trust-badges__trusted {
    display: flex;
  }
  body.is-responsive .trust-badges__trusted {
    display: none;
  }
  body.is-responsive .trust-badges__google--dach {
    width: 110px;
  }
  body.is-responsive .trust-badges__reviews {
    width: 140px;
  }
}

/* stylelint-disable max-nesting-depth */

.orderflow-header h1 {
  margin-top: 32px;
  margin-bottom: 32px;
  text-align: left;
}

.orderflow-advertise {
  width: 200px;
  margin: 0 auto 32px;
  text-align: center;
}

.orderflow-advertise__text {
  font-family: Helvetica, Arial, sans-serif;
  margin-top: 5px;
  color: #666;
  font-size: 14px;
  line-height: 1.4;
}

.payment-progress-bar {
  display: flex;
  justify-content: center;
  padding: 14px 0;
  background: #fff;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .payment-progress-bar {
    padding: 14px 20px;
  }
}

.orderflow-guarantees {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  line-height: 1.6;
}

.orderflow-guarantees__title {
  font-size: 14px;
}

.orderflow-guarantees__list {
  padding-top: 10px;
}

.orderflow-guarantees__list-item {
  position: relative;
  margin-top: 10px;
  padding-left: 19px;
  font-size: 14px;
}

.orderflow-guarantees__list-item--encoded::before {
  position: absolute;
  top: 2px;
  left: 0;
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/lock.svg") center center no-repeat;
  width: 10px;
  height: 14px;
  content: "";
}

.orderflow-guarantees__list-item--secure-payment::before {
  position: absolute;
  top: 5px;
  left: -1px;
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/check.svg") center center no-repeat;
  width: 14px;
  height: 11px;
  content: "";
}

.orderflow-guarantees__list-item--get-started::before {
  position: absolute;
  top: 3px;
  left: 0;
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/flag.svg") center center no-repeat;
  width: 11px;
  height: 14px;
  content: "";
}

@media only screen and (max-width: 639px) {
  body.is-responsive .orderflow-guarantees {
    margin-top: 40px;
  }
}

.orderflow-smallprint__text {
  font-family: Helvetica, Arial, sans-serif;
  margin-top: 20px;
  color: #999;
  font-size: 11px;
  line-height: 15px;
}

.orderflow-smallprint__secure-text {
  margin-top: 10px;
}

.orderflow-smallprint__secure-text span {
  line-height: 18px;
}

.orderflow-smallprint__secure-icon {
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/lock.svg") center center no-repeat;
  width: 10px;
  height: 14px;
  margin-right: 5px;
  float: left;
}

.orderflow-smallprint__link {
  text-decoration: underline;
  color: #999;
}

.orderflow-smallprint__link:hover {
  color: #666;
}

.orderflow-smallprint__link--print {
  float: none;
  cursor: pointer;
}

.orderflow-smallprint__plan-hints {
  margin-top: 20px;
  font-size: 12px;
  line-height: 1.6;
}

.orderflow-payment-logos {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 24px;
  text-align: center;
}

.orderflow-payment-logos + .orderflow-guarantees {
  margin-top: 0;
}

.orderflow-payment-logos > li {
  height: 45px;
}

.orderflow-payment-logos__item {
  display: inline-block;
  margin: 0 8px;
  vertical-align: middle;
}

.orderflow-payment-logos__item--apple-pay {
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/apple_pay.svg") center center no-repeat;
  width: 32px;
  height: 28px;
  background-size: contain;
}

.orderflow-payment-logos__item--visa {
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/visa.svg") center center no-repeat;
  width: 50px;
  height: 16px;
}

.orderflow-payment-logos__item--mastercard {
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/mastercard.svg") center center no-repeat;
  width: 37px;
  height: 28px;
}

.orderflow-payment-logos__item--amex {
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/amex.svg") center center no-repeat;
  width: 28px;
  height: 28px;
}

.orderflow-payment-logos__item--sepa {
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/sepa.svg") center center no-repeat;
  width: 28px;
  height: 28px;
}

.orderflow-payment-logos__item--paypal {
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/paypal.svg") center center no-repeat;
  width: 65px;
  height: 17px;
}

.orderflow-payment-logos__item--amazon-pay {
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/amazon_pay.svg") center center no-repeat;
  width: 65px;
  height: 45px;
  transform: scale(1.2);
  background-size: contain;
}

.orderflow-payment-logos__item--cc {
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/kreditkarte.svg") center center no-repeat;
  width: 44px;
  height: 33px;
  background-size: contain;
}

.orderflow-payment-logos__item--elv {
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/lastschrift.svg") center center no-repeat;
  width: 44px;
  height: 33px;
  background-size: cover;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .orderflow-payment-logos__item {
    margin-right: 2px;
    margin-left: 2px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .orderflow-payment-logos + .orderflow-guarantees {
    margin-top: 0;
  }
  body.is-responsive .orderflow-payment-logos__item {
    margin-right: 5px;
    margin-left: 5px;
  }
}

.payment-accordion {
  border-bottom: 0;
}

.payment-accordion__item {
  border: 1px solid #ccc;
  border-radius: 4px;
}

.payment-accordion__item .icon--minus {
  display: none;
}

.payment-accordion__item.is-active .icon--minus {
  display: block;
}

.payment-accordion__item.is-active .icon--plus {
  display: none;
}

.payment-accordion__title {
  justify-content: space-between;
  padding: 16px;
}

.payment-accordion__title::before {
  border-style: none;
  border-radius: none;
  content: none;
}

.payment-accordion__payment-type--pp::after {
  position: absolute;
  top: 20px;
  left: 75px;
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/paypal.svg") center center no-repeat;
  width: 75px;
  height: 17px;
  content: "";
}

.payment-accordion__payment-type--amz::after {
  position: absolute;
  top: 50%;
  left: 120px;
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/amazon.svg") center center no-repeat;
  width: 85px;
  height: 20px;
  transform: translate(0, -50%);
  background-size: contain;
  content: "";
}

.payment-accordion__payment-type--cc-elv::after {
  position: absolute;
  top: 50%;
  left: 150px;
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/cc_combi.svg") center center no-repeat;
  width: 196px;
  height: 28px;
  margin-left: 10px;
  transform: translate(0, -50%);
  background-size: contain;
  content: "";
}

@media only screen and (max-width: 959px) {
  body.is-responsive .payment-accordion .payment-accordion__payment-type--cc-elv::after {
    background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/cc_combi.svg") center center no-repeat;
    display: block;
    position: static;
    position: initial;
    margin-top: 16px;
    margin-left: 0;
    transform: none;
  }
}

button {
  cursor: pointer;
}

.amazon-pay-icon {
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/amazon_pay.svg") center center no-repeat;
  display: inline-block;
  width: 95px;
  height: 21px;
  margin-left: 3px;
  background-size: contain;
  vertical-align: -8px;
}

.amazon-pay.consent-widget {
  height: 140px;
}

.amazon-pay.wallet-widget {
  height: 240px;
}

.amazon-pay.wallet-widget, .amazon-pay.consent-widget {
  width: 100%;
}

.amazon-pay.wallet-widget iframe, .amazon-pay.consent-widget iframe {
  border: 0 !important;
}

.amazon-pay .callout--form {
  margin: 16px -16px 16px -24px;
}

.amazon-pay .callout__icon--alert {
  margin: 0;
}

.amazon-pay__hint .text-xsmall {
  color: #333;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .amazon-pay .callout--form {
    margin: 16px -16px 16px -24px;
  }
  body.is-responsive .amazon-pay .callout__icon--alert {
    margin: 0;
  }
}

.amazon-link-container {
  margin-top: 16px;
  padding-bottom: 32px;
}

.amazon-link-container__wrapper, .amazon-link-container__text {
  display: inline-block;
}

.amazon-link-container__description {
  padding-bottom: 10px;
}

.amazon-link-container__text {
  margin-right: 10px;
  vertical-align: top;
}

.amazon-link-container.error {
  margin-right: -16px;
  margin-left: -24px;
  padding: 16px 32px;
  border-left: solid 4px #f49999;
  background-color: #fce6e6;
}

.amazon-link-container.error .form-text {
  color: #666;
}

.amazon-pay-link-section {
  margin-top: 16px;
  margin-left: 0;
  padding-bottom: 32px;
}

.amazon-pay-link-section__text {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

.amazon-pay-link-section__image {
  width: 200px;
  margin-bottom: 5px;
}

.amazon-pay-link-section__hint {
  padding-left: 184px;
  color: #e93333;
}

.amazon-pay-link-section__hint.text-xsmall {
  color: #333;
}

.amazon-pay-link-section.error {
  margin-right: -16px;
  margin-left: -24px;
  padding-top: 16px;
  padding-right: 32px;
  padding-bottom: 16px;
  padding-left: 32px;
  border-left: solid 4px #f49999;
  background-color: #fce6e6;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .amazon-pay-link-section__hint {
    padding-left: 0;
  }
}

.amazon-pay-modify-button .icon--edit {
  font-style: italic;
}

.amazon-pay-modify-button .icon--edit::before {
  margin-top: 2px;
  color: #ccc;
  font-size: 18px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .amazon-pay-modify-button.error {
    margin-left: -24px;
  }
  body.is-responsive .amazon-pay-modify-button__hint {
    padding-left: 0;
  }
}

button {
  cursor: pointer;
}

.paypal-icon {
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/paypal.svg") center center no-repeat;
  display: inline-block;
  width: 61px;
  height: 17px;
  vertical-align: middle;
}

.paypal-modify-button .icon--edit {
  font-style: italic;
}

.paypal-modify-button .icon--edit::before {
  margin-top: 2px;
  color: #ccc;
  font-size: 18px;
}

.paypal-link-section {
  margin-top: 16px;
  margin-left: 0;
  padding-bottom: 32px;
}

.paypal-link-section__text {
  display: inline-block;
  margin-right: 10px;
}

.paypal-link-section__image {
  width: 200px;
  margin-bottom: 8px;
}

.paypal-link-section__hint {
  padding-left: 140px;
  color: #e93333;
}

.paypal-link-section__hint.text-xsmall {
  color: #333;
}

.paypal-link-section__hint:lang(en) {
  padding-left: 156px;
}

.paypal-link-section.error {
  margin-right: -16px;
  margin-left: -24px;
  padding-top: 16px;
  padding-right: 32px;
  padding-bottom: 16px;
  padding-left: 32px;
  border-left: solid 4px #f49999;
  background-color: #fce6e6;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .paypal-link-section__hint {
    padding-left: 0;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .paypal-link-section__text {
    margin-bottom: 8px;
  }
}

.apple-pay.apple-pay-icon {
  background: rgba(1, 1, 1, 0) url("/assets/application/orderflow/apple_pay.svg") center center no-repeat;
  display: inline-block;
  width: 94px;
  height: 18px;
  margin-left: 3px;
  background-size: contain;
  vertical-align: -8px;
}

.apple-pay .callout--form {
  margin: 16px -16px 16px -24px;
}

.apple-pay .callout--form .callout__icon--alert {
  margin: 0;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .apple-pay .callout--form .callout--form {
    margin: 16px -16px 16px -24px;
  }
  body.is-responsive .apple-pay .callout--form .callout__icon--alert {
    margin: 0;
  }
}

.fine-print__item {
  position: relative;
  display: flex;
  margin-bottom: 16px;
}

.fine-print__checkmark {
  position: absolute;
  top: 6px;
  left: 6px;
}

.fine-print__text {
  margin-left: 32px;
  font-size: 14px;
  line-height: 1.7;
}

.fine-print__text a {
  color: inherit;
  text-decoration: none;
}

.fine-print__text a:hover {
  color: #0088b5;
  text-decoration: underline;
}

.form-radio-tabs-cc-elv {
  margin: 0;
}

.form-radio-tabs-cc-elv__tab.is-active .form-radio-tabs-cc-elv__tab-header {
  border-left: 1px solid #00b500;
  border-width: 5px;
  background: #f0f5e6;
}

.form-radio-tabs-cc-elv__tab-header {
  margin: 0 -16px 16px;
  padding: 15px 0 0 16px;
  background: #f8f8f8;
  cursor: pointer;
}

.form-radio-tabs-cc-elv__inputs {
  display: flex;
  justify-content: space-between;
}

.form-radio-tabs-cc-elv__inputs .input__iban,
.form-radio-tabs-cc-elv__inputs .input__bic,
.form-radio-tabs-cc-elv__inputs .input__cvc,
.form-radio-tabs-cc-elv__inputs .input__card-expiry {
  width: 49%;
}

.form-radio-tabs-cc-elv__inputs .input__card-expiry {
  margin-bottom: 0;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .form-radio-tabs-cc-elv__tab-header {
    margin: 0 -8px 16px;
  }
  body.is-responsive .form-radio-tabs-cc-elv input {
    font-size: 16px;
    font-weight: 400;
  }
  body.is-responsive .form-radio-tabs-cc-elv__inputs .input__iban,
  body.is-responsive .form-radio-tabs-cc-elv__inputs .input__bic,
  body.is-responsive .form-radio-tabs-cc-elv__inputs .input__cvc,
  body.is-responsive .form-radio-tabs-cc-elv__inputs .input__card-expiry {
    width: 100%;
  }
  body.is-responsive .form-radio-tabs-cc-elv__inputs .input__iban {
    margin-bottom: 16px;
  }
  body.is-responsive .form-radio-tabs-cc-elv__inputs .input__cvc {
    margin-bottom: 12px;
  }
}

.user-testimonials {
  width: 100%;
  padding: 64px 0;
  border-top: solid 1px #e6e8e5;
  border-bottom: solid 1px #e6e8e5;
  background-color: #f8f8f8;
}

.user-testimonials .h2 {
  margin-bottom: 32px;
}

.user-testimonials__carousel {
  padding-top: 32px;
}

.user-testimonials__text {
  display: inline;
}

.user-testimonials__quote {
  display: inline-block;
}

.user-testimonials__quote:first-of-type {
  margin-left: 0;
}

.user-testimonials__quote:last-of-type {
  margin-right: 0;
  margin-left: 4px;
}

.user-testimonials__author {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}

.user-testimonials__button {
  width: 280px;
  margin: 0 auto 32px;
}

.user-testimonials__next-arrow, .user-testimonials__previous-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  outline: none;
  color: #ccc;
  cursor: pointer;
  z-index: 2;
}

.user-testimonials__next-arrow:hover, .user-testimonials__previous-arrow:hover {
  color: #999;
}

.user-testimonials__next-arrow {
  right: 100px;
}

.user-testimonials__previous-arrow {
  left: 100px;
}

.user-testimonials .slick-dots {
  position: relative;
  z-index: 1;
}

.user-testimonials .slick-dots li {
  margin: 0;
}

.user-testimonials .slick-dots button::before {
  color: #e6e8e5;
  font-size: 16px;
  opacity: 1;
}

.user-testimonials .slick-dots .slick-active > button::before {
  color: #9c0;
}

.user-testimonials .verified-testimonial {
  margin-bottom: 12px;
  color: #5c7a00;
}

.user-testimonials .verified-testimonial .h6 {
  margin-bottom: 8px;
  font-size: 12px;
}

.user-testimonials .verified-testimonial .icon {
  display: inline-block !important;
  font-size: 16px;
}

.user-testimonials .unverified-testimonial .h6 {
  margin-bottom: 8px;
  font-size: 12px;
}

.user-testimonials .unverified-testimonial .icon {
  display: inline-block !important;
  color: #ccc;
  font-size: 16px;
  vertical-align: baseline;
}

.user-testimonials .verified-testimonial + .h5 {
  line-height: 1;
}

.user-testimonials .testimonial-quote {
  max-width: 428px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .user-testimonials {
    height: auto;
  }
  body.is-responsive .user-testimonials .verified-testimonial {
    display: flex;
    justify-content: right;
  }
  body.is-responsive .user-testimonials .verified-testimonial .h6 {
    display: inline-block;
    width: 70px;
    margin-bottom: 0;
    line-height: 1.5;
    text-align: left;
  }
  body.is-responsive .user-testimonials .verified-testimonial .icon {
    padding: 3px;
  }
  body.is-responsive .user-testimonials__carousel, body.is-responsive .user-testimonials__author {
    width: auto;
  }
  body.is-responsive .user-testimonials__author .h5 {
    margin-bottom: 4px;
    font-size: 14px;
  }
  body.is-responsive .user-testimonials__author p {
    font-size: 12px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .user-testimonials {
    margin-bottom: 24px;
    padding: 32px 0;
    border: 0;
    border-radius: 8px;
    background-color: #e6f8e6;
  }
  body.is-responsive .user-testimonials .h2 {
    max-width: 288px;
    margin: 0 auto 32px;
    font-size: 22px;
  }
  body.is-responsive .user-testimonials .user-testimonials__content {
    padding: 0 16px;
    text-align: left;
  }
  body.is-responsive .user-testimonials .testimonial-quote {
    text-align: left;
  }
  body.is-responsive .user-testimonials .verified-testimonial {
    display: inline-block;
  }
  body.is-responsive .user-testimonials .verified-testimonial .h6 {
    width: auto;
    width: initial;
    color: #333;
  }
  body.is-responsive .user-testimonials .verified-testimonial + .h5 {
    display: block;
  }
  body.is-responsive .user-testimonials__author {
    margin-top: 28px;
    text-align: left;
  }
  body.is-responsive .user-testimonials__button {
    padding-top: 32px;
  }
}

.faq-section-accordion {
  padding-top: 0;
  padding-bottom: 32px;
  background: #fff;
}

.faq-section-accordion__headline {
  margin-bottom: 32px;
}

.faq-section-accordion__list {
  position: relative;
}

.faq-section-accordion__list a {
  margin: 16px 0;
}

.faq-section-accordion__item {
  margin-bottom: 16px;
  padding: 24px 32px 16px;
  border-radius: 8px;
  background-color: #f8f8f8;
}

.faq-section-accordion__item:last-of-type {
  margin-bottom: 0;
}

.faq-section-accordion__item.is-active .icon--minus {
  display: block;
}

.faq-section-accordion__item.is-active .icon--plus {
  display: none;
}

.faq-section-accordion__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #333;
}

.faq-section-accordion__title .icon {
  color: #ccc;
}

.faq-section-accordion__title .icon--minus {
  display: none;
}

.faq-section-accordion__title:hover {
  color: #333;
}

.faq-section-accordion__content {
  display: none;
  padding: 32px 0;
  border-top: 4px solid #fff;
}

.faq-section-accordion__content p {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.faq-section-accordion .show-faq-items i,
.faq-section-accordion .hide-faq-items i {
  width: 15px;
  margin-top: -5px;
}

.faq-section-accordion .hide-faq-items i {
  margin-top: 0;
  transform: rotate(180deg);
}

.faq-section-accordion .faq-section-accordion__list a {
  margin: 0;
}

.faq-section-accordion .faq-section-accordion__list.is-minimized li:nth-child(n+3) {
  display: none;
}

.faq-section-accordion .cell {
  padding-left: 0;
}

.payment-effective-numbers {
  padding: 16px 32px;
  border: 1px solid #ccc;
  border-radius: 24px;
  background-color: #fcf8e6;
}

.payment-effective-numbers__list li {
  display: flex;
  margin-bottom: 16px;
}

.payment-effective-numbers__list .h3 {
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 16px 0 0;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  background-color: #f4e199;
}

.payment-effective-numbers__list p {
  width: 60%;
}

.testimonials-container {
  position: relative;
  background: linear-gradient(90deg, #009100, #9c0) center/cover no-repeat;
  z-index: 0;
}

.testimonials-container::after {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 60%;
  background-image: url("/assets/application/information/wave.svg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100vw;
  content: "";
  z-index: 0;
}

.testimonials-container--faq-exp-v2 {
  background: #fff;
}

.testimonials-container--faq-exp-v2::after {
  top: 2.375rem;
  height: 100%;
  background-image: url("/assets/application/information/wave-faq.svg");
  background-size: auto;
}

.testimonials-container--faq-exp-v2 .h2 {
  margin-top: 1.125rem;
}

.testimonials-container--faq-exp-v2 .registry-testimonials__headline,
.testimonials-container--faq-exp-v2 .testimonials-container__effective-numbers--b2c {
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 960px) {
  .testimonials-container--faq-exp-v2::after {
    top: 4.563rem;
    background-size: 100% 90%;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonials-container--faq-exp-v2::after {
    top: 1.5rem;
    background-size: 100% 100%;
  }
}

.testimonials-container .trust-badges {
  margin: 0 28px;
  padding: 16px 32px;
  border-radius: 8px;
}

.testimonials-container__effective-numbers {
  margin-bottom: 0;
  padding: 36px 0;
  background: transparent;
  color: #fff;
  font-style: italic;
  font-weight: 300;
}

.testimonials-container__effective-numbers span {
  color: #fbcd00;
  font-style: normal;
  font-weight: bold;
}

.testimonials-container__effective-numbers--b2c {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-top: 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

.testimonials-container__effective-numbers--b2c span {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
}

.testimonials-container--intl .testimonials-container__effective-numbers {
  margin-bottom: 0;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .testimonials-container--faq-exp-v2 {
    margin-top: 2rem;
  }
  body.is-responsive .testimonials-container--faq-exp-v2::after {
    background-image: url("/assets/application/information/wave-faq-tablet.svg");
  }
}

@media only screen and (max-width: 959px) and (max-height: 768px) {
  body.is-responsive .testimonials-container--faq-exp-v2::after {
    top: 3.125rem;
    background-size: 97% 89%;
  }
}

@media only screen and (max-width: 959px) {
  body.is-responsive .testimonials-container__effective-numbers {
    padding-top: 32px;
    padding-bottom: 64px;
  }
  body.is-responsive .testimonials-container__effective-numbers--b2c {
    font-size: 16px;
    padding-top: 0;
  }
  body.is-responsive .testimonials-container .trust-badges {
    margin: 0 44px;
  }
  body.is-responsive .testimonials-container--intl .testimonials-container__effective-numbers {
    padding-bottom: 32px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .testimonials-container--faq-exp-v2 {
    margin-top: 0;
  }
  body.is-responsive .testimonials-container--faq-exp-v2::after {
    top: 0;
    background-size: 97% 100%;
    background-image: url("/assets/application/information/wave-faq-phone.svg");
  }
  body.is-responsive .testimonials-container__effective-numbers {
    max-width: 320px;
    margin: 0 auto;
    padding-top: 16px;
    padding-bottom: 40px;
  }
  body.is-responsive .testimonials-container__effective-numbers--b2c {
    font-size: 14px;
    text-align: left;
    width: 85%;
  }
  body.is-responsive .testimonials-container .trust-badges {
    margin: 0 28px;
    padding: 16px 0;
  }
}

.registry-testimonials {
  padding-top: 128px;
  padding-bottom: 32px;
  border: 0;
  background: transparent;
}

.registry-testimonials--welcome {
  padding-top: 50px;
  background-color: #99b7e1;
}

.registry-testimonials--welcome .registry-testimonials__headline {
  color: #333;
}

.registry-testimonials__headline {
  margin-bottom: 16px;
  color: #fff;
}

.registry-testimonials__content {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  height: 200px;
}

.registry-testimonials__quote {
  display: inline-block !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
}

.registry-testimonials__text {
  display: inline;
  font-size: 16px;
  line-height: 24px;
}

.registry-testimonials__author, .registry-testimonials__user {
  width: 220px;
}

.registry-testimonials__author {
  text-align: left;
}

.registry-testimonials__author--unverified-testimonial {
  padding-bottom: 24px;
}

.registry-testimonials__author--unverified-testimonial .icon--info {
  display: inline !important;
  color: #ccc;
  font-size: 18px;
}

.registry-testimonials__name::after {
  margin-left: -4px;
  content: ",";
}

.registry-testimonials__name, .registry-testimonials__type {
  line-height: 24px;
}

.registry-testimonials__verification {
  display: flex !important;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  height: 24px;
  margin: 0;
  padding: 0 9px 0 6px;
  border-radius: 16px;
  background: #9c0;
  color: #333;
  font-size: 14px;
  font-weight: 400 !important;
  line-height: 24px;
  gap: 4px;
}

.registry-testimonials__carousel {
  z-index: 2;
}

.registry-testimonials__carousel .slick-slide {
  margin: 12px;
  padding: 24px;
  border-radius: 8px;
  background: #fff;
}

.registry-testimonials__carousel--next-arrow, .registry-testimonials__carousel--previous-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  outline: none;
  color: #fff;
  cursor: pointer;
  z-index: 2;
}

.registry-testimonials__carousel--next-arrow:hover, .registry-testimonials__carousel--previous-arrow:hover {
  color: #999;
}

.registry-testimonials__carousel--next-arrow {
  right: -20px;
}

.registry-testimonials__carousel--previous-arrow {
  left: -20px;
}

.registry-testimonials__carousel--next-arrow-welcome, .registry-testimonials__carousel--previous-arrow-welcome {
  color: #690;
}

.registry-testimonials__carousel--previous-arrow-welcome:hover, .registry-testimonials__carousel--next-arrow-welcome:hover {
  color: #690;
}

.registry-testimonials__carousel .slick-dots {
  position: relative;
  margin-top: -10px;
  z-index: 1;
}

.registry-testimonials__carousel .slick-dots li {
  margin: 0;
}

.registry-testimonials__carousel .slick-dots button::before {
  color: #e6e8e5;
  font-size: 16px;
  opacity: 1;
}

.registry-testimonials__carousel .slick-dots .slick-active > button::before {
  color: #9c0;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .registry-testimonials {
    padding-top: 80px;
    padding-bottom: 28px;
  }
  body.is-responsive .registry-testimonials--welcome {
    padding-top: 40px;
  }
  body.is-responsive .registry-testimonials__carousel--previous-arrow:hover, body.is-responsive .registry-testimonials__carousel--next-arrow:hover {
    color: #fff;
  }
  body.is-responsive .registry-testimonials__carousel .slick-slide {
    padding: 16px;
  }
  body.is-responsive .registry-testimonials__headline {
    margin-bottom: 8px;
    font-size: 32px;
  }
  body.is-responsive .registry-testimonials__text {
    line-height: 24px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .registry-testimonials {
    padding-top: 64px;
    padding-bottom: 24px;
  }
  body.is-responsive .registry-testimonials--welcome {
    display: none;
  }
  body.is-responsive .registry-testimonials__headline {
    margin-bottom: 0;
    font-size: 18px;
  }
  body.is-responsive .registry-testimonials__content {
    height: 185px;
  }
  body.is-responsive .registry-testimonials__carousel .slick-slide {
    padding: 24px;
  }
}

.payment-error-popup {
  top: 50% !important;
  max-width: 584px;
  margin: 0 auto;
  padding: 48px 32px;
  transform: translateY(-50%);
  border: 2px solid #f49999;
  border-radius: 24px;
  background-color: #fce3e3;
  text-align: center;
  opacity: 1 !important;
}

.payment-error-popup__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 32px;
}

.payment-error-popup__title .h2 {
  margin-bottom: 0;
}

.payment-error-popup__title .icon {
  color: #e66;
  font-size: 32px;
}

.payment-error-popup__title p {
  font-size: 18px;
}

.payment-error-popup__divider {
  width: 388px;
  height: 1px;
  margin: 24px auto;
  background-color: #f49999;
}

.payment-error-popup__content {
  max-width: 465px;
  margin: 0 auto;
  font-size: 16px;
}

.payment-error-popup__button {
  margin-top: 32px;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .payment-error-popup {
    padding: 24px 24px 40px;
    min-height: -moz-max-content;
    min-height: max-content;
    height: -moz-max-content;
    height: max-content;
    max-height: -moz-max-content;
    max-height: max-content;
  }
  body.is-responsive .payment-error-popup__title {
    font-size: 22px;
  }
  body.is-responsive .payment-error-popup__title .icon {
    font-size: 24px;
  }
  body.is-responsive .payment-error-popup__title p {
    font-size: 16px;
  }
  body.is-responsive .payment-error-popup__divider {
    width: calc(100% - 48px);
    margin: 16px auto;
  }
  body.is-responsive .payment-error-popup__button {
    margin-top: 16px;
    padding: 16px 24px;
  }
  body.is-responsive .payment-error-popup__content {
    font-size: 16px;
  }
}

.reveal-overlay:has(> .payment-error-popup) {
  background-color: rgba(255, 255, 255, 0.6);
}

@media only screen and (max-width: 639px) {
  body.is-responsive .reveal-overlay:has(> .payment-error-popup) {
    padding: 0 16px;
  }
}

.registry-feature-list__title {
  color: #666;
}

.registry-feature-list__subtitle, .registry-feature-list__plan {
  color: #333;
}

.registry-feature-list__title, .registry-feature-list__plan {
  display: block;
  margin-bottom: 0;
  text-align: center;
}

.registry-feature-list__subtitle {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  width: 229px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 24px;
}

.registry-feature-list__features {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 10px;
}

.registry-feature-list__feature-items {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
}

.registry-feature-list__feature-items p {
  color: #333;
}

.registry-feature-list__feature-items span.premium {
  padding: 4px 9px;
  border-radius: 4px;
  background: #e97c33;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.registry-feature-list__feature-items--inactive {
  color: #999;
  text-decoration: line-through;
}

.registry-feature-list__feature-items--inactive .sprites-feature-types {
  opacity: 0.5;
  filter: grayscale(100%);
}

.registry-feature-list__feature-items .sprites-feature-types {
  width: 24px;
  height: 24px;
}

.registry-feature-list__tooltip {
  display: flex;
  align-items: center;
  margin-left: 5px;
  color: #ccc;
}

.registry-feature-list__tooltip .icon--info {
  font-size: 16px;
}

.registry-feature-list__tooltip .icon--info.tooltip {
  width: 50%;
}

.registry-feature-list__trial {
  max-width: 253px;
  margin: 0 auto;
  text-align: center;
}

.registry-feature-list__container {
  position: relative;
  top: 60px;
  max-width: 315px;
  margin-left: 16px;
}

.registry-feature-list__container .card {
  padding: 24px 0;
}

.registry-feature-list__benefits {
  margin: 32px 0;
}

.registry-feature-list__benefits p {
  margin-left: 8px;
}

@media only screen and (max-width: 959px) {
  .registry-feature-list__container {
    top: 0;
    margin: 32px 0 0;
  }
  .registry-feature-list__plan {
    font-size: 32px;
  }
  .registry-feature-list__benefits {
    margin: 18px 0;
  }
  .registry-feature-list__benefits p {
    margin-right: 8px;
  }
  .registry-feature-list__benefits-item {
    margin-bottom: 18px;
  }
}

@media only screen and (max-width: 639px) {
  .registry-feature-list__benefits {
    width: 285px;
    margin: 32px auto -32px;
  }
  .registry-feature-list__benefits p {
    margin-right: 0;
  }
}

.express-checkout-section {
  text-align: center;
}

.express-checkout-section__hint {
  padding: 16px 0;
  color: #333;
  font-size: 14px;
}

.express-checkout-section.error p {
  margin: 16px -16px 0;
  border-left: solid 4px #f49999;
  background-color: #fce6e6;
  color: #e30000;
  font-size: 16px;
  text-align: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/application/account/account.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.account-activity-page .box-panel, .account-bookmarks-page .box-panel {
  box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.25);
  border-right: 1px solid #e6e8e5;
  border-bottom: 1px solid #e6e8e5;
  border-left: 1px solid #e6e8e5;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .account-subscription-page .account-boxes .sprites-layouts-benefit_bulletpoint {
    display: none;
  }
  body.is-responsive .account-subscription-page .account-boxes .account-plan-area {
    padding: 0;
  }
}

.account-header {
  background-color: #e6e8e5;
}

.account-header .h1 {
  padding-top: 32px;
  text-align: left;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .account-header {
    position: relative;
  }
  body.is-responsive .account-header .h1 {
    padding-top: 16px;
  }
  body.is-responsive .account-header--settings .h1 {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-header .h1 {
    margin-bottom: 5px;
    padding-top: 10px;
    padding-left: 0;
    font-size: 16px;
    font-weight: bold;
  }
  body.is-responsive .account-header .h3 {
    margin-bottom: 10px;
  }
}

.account-boxes {
  min-height: 400px;
  padding: 30px 10px 80px;
}

.account-boxes .box-panel {
  margin-top: 20px;
  box-shadow: 0 0 3px 0 #ccc;
}

.account-boxes .box-panel .callout {
  margin: 0 -15px;
}

.account-boxes .box-panel .callout.warning {
  background-color: #fcf8e6;
}

.account-boxes .box-panel .callout.waiting-amber-light {
  background-color: #fcf8e6;
}

.account-boxes .box-panel .callout.waiting-amber-light i {
  background-image: url(/packs/static/svgs/video-duration-orange-6534125ec2fc9949150c.svg);
}

.account-boxes .box-panel .callout.success {
  background-color: #f0f5e6;
}

.account-boxes .account-submit {
  display: block;
  margin-top: 20px;
}

.account-boxes .account-button-medium {
  width: 160px;
}

.account-boxes .form-select {
  margin-top: 10px;
}

.account-boxes .sprites-account-like {
  position: absolute;
  top: 5px;
  right: 5px;
}

.account-boxes .sprites-account-check {
  position: absolute;
  top: 5px;
  left: 10px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .account-boxes {
    padding: 20px 40px 80px;
  }
  body.is-responsive .account-boxes .grid-column-6 {
    width: 50%;
  }
  body.is-responsive .account-boxes .grid-column-3 {
    width: 25%;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-boxes {
    padding: 16px 10px 40px;
  }
  body.is-responsive .account-boxes .account-submit {
    width: 100%;
  }
  body.is-responsive .account-boxes .grid-column-6 {
    width: 100%;
    padding: 0;
  }
  body.is-responsive .account-boxes .grid-column-3 {
    width: 50%;
  }
  body.is-responsive .account-boxes .box-panel .box-panel__content {
    padding: 20px;
  }
  body.is-responsive .account-boxes .box-panel .submit-payment-address .button-medium {
    width: 100%;
  }
}

.account-teacher-plan h3 {
  display: inline-block;
}

.account-delete-button {
  padding: 5px 7px;
  border: 1px solid transparent;
  color: #999;
  font-size: 12px;
}

.account-delete-button .icon--trash {
  vertical-align: baseline;
}

.account-delete-button:hover {
  border-color: #ccc;
  border-radius: 3px;
  background-color: #fff;
}

@media only screen and (max-width: 639px) {
  .is-responsive .account-delete-button .icon--trash {
    font-size: 24px;
  }
}

.account-age-restriction h3.h5 {
  margin-bottom: 16px;
}

.account-age-restriction .form-options {
  margin-bottom: 16px;
}

.account-age-restriction .form-option {
  display: flex;
  flex-flow: column wrap;
  align-content: flex-start;
  height: 118px;
  padding: 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.account-age-restriction .form-option__avatar {
  width: 84px;
  height: 84px;
  margin-right: 16px;
  border-radius: 50%;
}

.account-age-restriction .form-option:not(:last-of-type) {
  margin-bottom: 16px;
}

.account-age-restriction .form-option .form-checkbox {
  margin-bottom: 4px;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-age-restriction .form-option {
    height: 110px;
    padding: 12px;
  }
  body.is-responsive .account-age-restriction .form-option__avatar {
    margin-right: 12px;
  }
  body.is-responsive .account-age-restriction .form-option:not(:last-of-type) {
    margin-bottom: 8px;
  }
}

.account-cancellation .button-blue, .account-pre-cancellation .button-blue {
  margin-top: 20px;
  font-weight: bold;
}

.account-cancellation .button-cancel-flow, .account-pre-cancellation .button-cancel-flow {
  display: inline-block;
  margin-top: 20px;
  margin-right: 16px;
  font-weight: bold;
}

.account-cancellation .button-cancel-flow br, .account-pre-cancellation .button-cancel-flow br {
  display: none;
}

.account-cancellation .button-cancel-cancellation, .account-pre-cancellation .button-cancel-cancellation {
  display: inline-block;
  margin-top: 20px;
}

.account-cancellation--teachers.box-panel:not(:first-of-type), .account-pre-cancellation--teachers.box-panel:not(:first-of-type) {
  margin-top: 0;
}

.account-cancellation--teachers .account-plan-area, .account-pre-cancellation--teachers .account-plan-area {
  padding-left: 0;
}

.account-cancellation--teachers h3, .account-pre-cancellation--teachers h3 {
  display: inline-block;
  margin-bottom: 0;
}

.account-cancellation--teachers .premium-features-list__item svg, .account-pre-cancellation--teachers .premium-features-list__item svg {
  transform: scale(0.65);
}

.account-cancellation--teachers .premium-features-list__expand-table-button, .account-pre-cancellation--teachers .premium-features-list__expand-table-button {
  margin: 0 auto 32px;
}

.account-cancellation--teachers .account-cancellation__reminder-button, .account-pre-cancellation--teachers .account-cancellation__reminder-button {
  line-height: 22px;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-cancellation .button-cancel-cancellation, body.is-responsive .account-cancellation .button-cancel-flow, body.is-responsive .account-pre-cancellation .button-cancel-cancellation, body.is-responsive .account-pre-cancellation .button-cancel-flow {
    width: 100%;
  }
  body.is-responsive .account-cancellation--teachers .account-plan-area button, body.is-responsive .account-pre-cancellation--teachers .account-plan-area button {
    margin: 0 auto 32px;
  }
  body.is-responsive .account-cancellation--teachers .box-panel__button-group a, body.is-responsive .account-pre-cancellation--teachers .box-panel__button-group a {
    display: block;
    margin: 16px auto;
  }
  body.is-responsive .account-cancellation--teachers .box-panel__plan-headline, body.is-responsive .account-pre-cancellation--teachers .box-panel__plan-headline {
    font-size: 14px;
  }
  body.is-responsive .account-cancellation--teachers .box-panel__main-headline, body.is-responsive .account-pre-cancellation--teachers .box-panel__main-headline {
    font-size: 22px;
  }
  body.is-responsive .account-cancellation--teachers .premium-features-list--fadeout, body.is-responsive .account-pre-cancellation--teachers .premium-features-list--fadeout {
    height: 350px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, #333 50%, transparent 100%);
            mask-image: linear-gradient(to bottom, #333 50%, transparent 100%);
  }
}

.account-cancellation .digital-cancellation-button__note, .account-pre-cancellation .digital-cancellation-button__note {
  margin-top: 20px;
}

.account-pre-cancellation .highlighted {
  margin-top: 20px;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-pre-cancellation .button-medium {
    font-size: 14px;
  }
  body.is-responsive .account-pre-cancellation .shared-hotline-button {
    margin: 20px auto;
  }
}

.account-subscriptions-upgrade {
  flex-wrap: wrap;
  padding: 32px 0;
  border-radius: 8px;
  background-color: #f8f8f8;
}

.account-subscriptions-upgrade__headline {
  width: 280px;
  padding: 10px 16px;
}

.account-subscriptions-upgrade .shared-hotline-button {
  background-color: transparent;
}

.account-subscriptions-upgrade .shared-hotline-button .phone-number {
  color: #666;
}

.email-reminder-popup {
  padding-top: 48px;
  overflow-y: visible;
}

.email-reminder-popup__illustration {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (max-width: 639px) {
  .email-reminder-popup__illustration {
    transform: translateX(-50%) scale(0.8);
  }
}

.cancellation-flow-page .button.small {
  padding-right: 8px;
  padding-left: 8px;
  line-height: 1.5;
}

@media only screen and (max-width: 639px) {
  .cancellation-flow-page.is-responsive .button.small:first-of-type {
    margin-bottom: 8px;
  }
  .cancellation-flow-page.is-responsive .button.small:not(:first-of-type) {
    margin-top: 16px;
  }
  .cancellation-flow-page.is-responsive .account-boxes {
    padding-right: 0;
    padding-left: 0;
  }
  .cancellation-flow-page.is-responsive .account-boxes .box-panel {
    margin-top: 0;
  }
}

.account-cancellation-flow--benefits .cancellation-button {
  width: 250px;
}

.account-cancellation-flow--offers .cancellation-button {
  width: 315px;
}

.account-cancellation-flow--offers .subheader {
  font-family: Helvetica, Arial, sans-serif;
}

.account-cancellation-flow--discount {
  text-align: center;
}

.account-cancellation-flow--discount .h3, .account-cancellation-flow--discount .button.medium {
  display: inline-block;
  width: 410px;
}

.account-cancellation-flow--discount .button.medium {
  line-height: 1.4;
}

.account-cancellation-flow--discount .button.medium:first-of-type {
  margin-top: 20px;
  margin-bottom: 5px;
}

.account-cancellation-flow--discount .button.medium:not(:first-of-type) {
  margin-top: 5px;
  margin-bottom: 5px;
}

.account-cancellation-flow--discount .discount-text {
  font-size: 14px;
  font-weight: lighter;
}

.account-cancellation-flow--discount .offer-text {
  color: #e35b00;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-cancellation-flow--discount .h3, body.is-responsive .account-cancellation-flow--discount .button.medium {
    width: 100%;
  }
  body.is-responsive .account-cancellation-flow--discount .button.medium br {
    display: none;
  }
  body.is-responsive .account-cancellation-flow--offers .h3 br, body.is-responsive .account-cancellation-flow--offers .subheader br {
    display: none;
  }
  body.is-responsive .account-cancellation-flow .cancellation-button {
    width: auto;
  }
  body.is-responsive .account-cancellation-flow h2.h3 {
    font-size: 18px;
  }
}

.cancellation-button {
  display: block;
  margin: 20px auto 40px;
}

.cancel-smallprints {
  position: relative;
  margin-top: 8px;
  line-height: 1.5;
}

.cancel-smallprints::after {
  position: absolute;
  bottom: 30px;
  left: -78px;
  width: 151px;
  height: 51px;
  transform: rotate(48deg);
  background: url("/assets/application/account/activity/arrows/arrow_favorites.svg") center center no-repeat;
  background-size: contain;
  content: "";
  z-index: 3;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .cancel-smallprints {
    margin-top: 0;
  }
  body.is-responsive .cancel-smallprints::after {
    bottom: 10px;
    left: -74px;
  }
}

.cancellation-flow-price-box {
  padding-top: 20px;
  border-radius: 4px;
  background-color: #fdeb99;
  text-align: center;
}

.cancellation-flow-price-box .h2 {
  padding-top: 0;
  font-weight: bold;
}

.cancellation-flow-price-box__old-price {
  margin-top: 7px;
}

.cancellation-flow-price-box--premium .h2 {
  color: #e35b00;
}

.cancellation-flow-price-box--basic .h2 {
  color: #e38800;
}

.cancellation-flow-price-box__bottom-ribbon {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  margin-top: 15px;
  padding: 3px 20px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #fde166;
  color: #333;
  font-size: 12px;
  line-height: 1.8;
}

.cancellation-flow-price-box__plan-name {
  color: #e35b00;
}

.cancellation-survey-popup.large {
  width: 756px;
  overflow-y: visible;
}

.cancellation-survey-popup__inset {
  position: relative;
  margin-bottom: 32px;
  padding-top: 24px;
  padding-right: 80px;
  padding-bottom: 24px;
  padding-left: 24px;
  border-radius: 8px;
  background-color: #f8f8f8;
}

.cancellation-survey-popup__inset p {
  padding-right: 120px;
}

.cancellation-survey-popup__inset::after {
  position: absolute;
  top: 48px;
  right: 8px;
  width: 154px;
  height: 98px;
  background: image-url("/assets/application/popups/brain.svg") no-repeat center;
  content: "";
  z-index: 1;
}

.cancellation-survey-popup h3 {
  font-weight: bold;
}

.cancellation-survey-popup__button {
  margin: 0 auto 32px;
}

.cancellation-survey-popup__illustration-happy {
  position: absolute;
  top: 190px;
  right: 40px;
}

.cancellation-survey-popup__illustration-sad {
  position: absolute;
  top: -88px;
  left: 0;
}

.cancellation-survey-popup .sprites-layouts-benefit_bulletpoint {
  position: absolute;
  top: 30px;
  width: 24px;
  height: 24px;
  background-size: contain;
}

.cancellation-survey-popup .inset-text {
  padding-left: 32px;
}

.cancellation-survey-popup .button {
  width: max-content;
  width: -moz-max-content;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .cancellation-survey-popup__inset::after {
    top: auto;
    bottom: -16px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .cancellation-survey-popup {
    width: 90%;
    max-width: 300px;
  }
  body.is-responsive .cancellation-survey-popup__inset {
    margin-bottom: 40px;
    padding: 16px;
  }
  body.is-responsive .cancellation-survey-popup__inset p {
    padding-right: 0;
  }
  body.is-responsive .cancellation-survey-popup__inset::after {
    right: 0;
    width: 100%;
  }
  body.is-responsive .cancellation-survey-popup h3 {
    padding: 0 16px;
  }
  body.is-responsive .cancellation-survey-popup .button {
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
  }
  body.is-responsive .cancellation-survey-popup__illustration-happy, body.is-responsive .cancellation-survey-popup__illustration-sad {
    display: none;
  }
}

.account-notifications .box-panel__content--highlight {
  padding-bottom: 30px;
}

.account-notification-user {
  position: relative;
  padding-top: 20px;
  padding-left: 50px;
}

.account-notification-user__mail {
  display: inline-block;
  padding-top: 3px;
  color: #690;
  word-break: break-all;
}

.account-notification-user__image {
  position: absolute;
  left: 0;
}

.account-notification-form__h3 {
  margin-bottom: 0;
}

.account-notification-form__h5 {
  padding-top: 32px;
}

.account-notification-form .banner-feedback {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 20px;
  text-align: center;
}

.account-notification-form .banner-feedback__text {
  display: inline-block;
}

.account-notification-form .banner-feedback__icon {
  position: relative;
  top: inherit;
  left: inherit;
  display: inline-block;
  margin-right: 10px;
  vertical-align: bottom;
}

.account-notification-form__content {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-notification-form .banner-feedback {
    text-align: left;
  }
  body.is-responsive .account-notification-form .banner-feedback__icon {
    position: absolute;
    top: 20px;
    left: 20px;
  }
}

.account-notification-tip {
  font-family: Helvetica, Arial, sans-serif;
  color: #666;
  font-size: 14px;
  line-height: 1.6;
}

.account-notification-message .banner-feedback {
  margin-bottom: 20px;
  border-radius: 4px;
}

.account-notification-message .banner-feedback__text:not(:first-of-type) {
  padding-top: 10px;
}

.account-edit-profile .grid-cell:last-of-type {
  padding-bottom: 20px;
}

.account-edit-profile .icon-spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.account-edit-profile__rejected-teacher-account-request {
  white-space: pre-line;
}

.account-profiles-locale-switch {
  margin-top: 20px;
}

.account-profiles-locale-switch__item {
  margin-right: 16px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .account-profiles-locale-switch__item {
    border: 1px solid #e6e8e5;
    border-radius: 4px;
    background-color: #fff;
  }
  body.is-responsive .account-profiles-locale-switch__item:focus-within {
    background-color: #f8f8f8;
  }
  body.is-responsive .account-profiles-locale-switch__item.is-error, .is-error body.is-responsive .account-profiles-locale-switch__item {
    background-color: #fce3e3;
  }
  body.is-responsive .account-profiles-locale-switch__label {
    height: 40px;
    padding-left: 39px;
    line-height: 40px;
  }
  body.is-responsive .account-profiles-locale-switch__label::before {
    top: 7px;
    left: 8px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-profiles-locale-switch__item {
    display: block;
    margin-top: 16px;
    margin-right: 0;
  }
}

.account-profile-image-edit {
  padding: 20px;
  background-color: #f8f8f8;
}

.account-profile-image-edit__image {
  display: inline-block;
}

.account-profile-image-edit__note, .account-profile-image-edit__path {
  padding-top: 10px;
}

.account-profile-image-edit .button-medium {
  box-sizing: border-box;
  width: 100%;
  margin-top: 20px;
}

.teacher-account-edit-page__school-search-label {
  display: inline-block;
  margin-right: 8px;
}

.account-password-form {
  margin-top: 30px;
}

.account-password-form .button-small {
  margin-top: 30px;
}

.account-family-option .account-plan-area, .account-family-option__code {
  display: inline-block;
}

.account-family-option .submit-button {
  width: 160px;
}

.account-family-option__list, .account-family-option__list-item {
  margin-bottom: 32px;
}

.account-family-option__label, .account-family-option__input {
  display: inline-block;
}

.account-family-option__list {
  margin-top: 15px;
}

.account-family-option__input {
  width: 60%;
}

.account-family-option__confirm {
  padding-top: 10px;
  padding-left: 75px;
}

.account-family-option__note {
  margin-top: 10px;
}

.account-family-option__note p, .account-family-option__note h5 {
  color: #999;
}

.account-family-option__note h5 {
  font-family: Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .account-family-option__input {
    width: 54%;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-family-option .account-plan-area {
    padding-top: 10px;
    padding-left: 0;
  }
  body.is-responsive .account-family-option .submit-button {
    width: 100%;
    margin-top: 20px;
  }
  body.is-responsive .account-family-option__input {
    width: 100%;
  }
  body.is-responsive .account-family-option__list h4 {
    margin-bottom: 8px;
  }
  body.is-responsive .account-family-option__list-item {
    margin-bottom: 16px;
  }
  body.is-responsive .account-family-option__code {
    padding-top: 10px;
  }
  body.is-responsive .account-family-option__note {
    margin: 0;
  }
  body.is-responsive .account-family-option__note-text {
    margin-top: 0;
    padding: 0;
    font-size: 14px;
  }
  body.is-responsive .account-family-option__confirm {
    padding-left: 0;
  }
}

.account-highlighted-alert {
  display: block;
  margin-top: 20px;
}

.account-split-box {
  display: grid;
  padding-top: 20px;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
}

.account-split-box .info-bullet-list {
  padding-left: 0;
}

.account-split-box .button-blue {
  align-self: start;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-split-box {
    display: block;
  }
  body.is-responsive .account-split-box .info-bullet-list {
    padding-bottom: 10px;
  }
}

.account-plan-area {
  position: relative;
  padding-left: 30px;
}

.account-plan-area--upgrade-offer {
  padding-left: 0;
}

.account-plan-area .sprites-layouts-benefit_bulletpoint {
  position: absolute;
  top: 4px;
  left: 0;
}

.account-syndication-partner {
  position: absolute;
  top: -35px;
  right: 0;
}

.account-syndication-list {
  margin-top: 10px;
}

.account-syndication-list__item:not(:first-of-type) {
  margin-top: 30px;
}

.account-syndication-list__text {
  display: inline-block;
  width: 80%;
}

.account-syndication-list__image {
  display: inline-block;
  float: right;
}

.account-syndication-list__partner-image {
  padding-top: 20px;
  padding-right: 20px;
  vertical-align: top;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-syndication-list__text {
    width: 100%;
  }
}

.account-upsell-box .info-benefits-list, .account-upsell-box .button-medium {
  margin-top: 20px;
}

.account-upsell-box .button-medium {
  margin-left: 30px;
}

.account-upsell-box__image {
  position: absolute;
  top: 100px;
  left: 400px;
  background: rgba(1, 1, 1, 0) url("/assets/application/illustrations/box.svg") center center no-repeat;
  display: block;
  width: 150px;
  height: 166px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .account-upsell-box .account-subscriptions-upsell-link {
    padding: 14px 11px 18px;
    font-size: 16px;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-upsell-box .account-subscriptions-upsell-link {
    margin-left: 0;
  }
  body.is-responsive .account-upsell-box__image {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 20px;
  }
}

.account-cancel-hint {
  margin-top: 20px;
}

.account-cancel-hint .button-blue {
  width: 250px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-cancel-hint {
    text-align: center;
  }
}

.list-link-arrow {
  font-size: 14px;
}

.list-link-arrow__item {
  position: relative;
  border-top: 1px solid #e6e8e5;
}

.list-link-arrow__link {
  display: block;
  padding: 10px 40px 10px 30px;
  color: #999;
  line-height: 1.6;
}

.list-link-arrow__link .sprites-layouts-view_list {
  position: absolute;
  top: 11px;
  right: 30px;
}

.list-link-arrow__link:hover {
  color: #666;
}

.account-invoices.has-hidden-items {
  margin-bottom: 0;
}

.account-invoices.has-hidden-items .button-white {
  display: block;
}

.account-invoices.has-hidden-items .list-link-arrow {
  margin-bottom: 20px;
}

.account-invoices.has-hidden-items .list-link-arrow__item:nth-child(3) {
  border-bottom: 1px solid #e6e8e5;
}

.account-invoices.has-hidden-items .list-link-arrow__item:nth-child(n+4) {
  display: none;
}

.account-invoices .button-white {
  display: none;
  width: 50%;
  margin: 20px auto 0;
}

.account-invoices .list-link-arrow {
  margin: 20px -30px -20px;
}

.account-invoices .sprites-layouts-view_list {
  position: absolute;
  top: 15px;
  right: 30px;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-invoices .button-white {
    width: 100%;
  }
  body.is-responsive .account-invoices .list-link-arrow {
    margin-right: -20px;
    margin-left: -20px;
  }
  body.is-responsive .account-invoices .list-link-arrow__link {
    padding-left: 20px;
  }
  body.is-responsive .account-invoices .list-link-arrow .sprites-layouts-view_list {
    position: absolute;
    top: 40%;
    right: 20px;
  }
}

.accounts-voucher-code .button-medium {
  width: 50%;
  margin-top: 10px;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .accounts-voucher-code .button-medium {
    width: 100%;
    margin-top: 20px;
  }
}

.account-pgt-box .button-medium {
  margin-top: 20px;
}

.account-pgt-box .ribbon--rotated {
  transform: rotate(90deg);
  top: -8px;
  right: 0;
  width: 90px;
  height: 90px;
  background-size: contain;
}

.account-pgt-box .ribbon--rotated span {
  top: 22px;
  right: 15px;
  width: 85px;
}

.package-upgrade-offer-box {
  margin-top: 1.5rem;
  padding: 2rem 2rem 1.5rem 1.5rem;
  border-radius: 16px;
  background-color: #e6f3f8;
}

.package-upgrade-offer-box__button-container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.package-upgrade-offer-box__buttons .button {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}

.package-upgrade-offer-box__buttons .button.primary {
  margin-bottom: 1.5rem;
}

.package-upgrade-offer-box__image {
  position: relative;
  bottom: -1rem;
  width: 14rem;
  height: 11rem;
}

@media only screen and (max-width: 959px) {
  .package-upgrade-offer-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2rem;
    padding-bottom: 2.5rem;
  }
  .package-upgrade-offer-box__headline {
    text-align: center;
    margin-bottom: 1.5rem;
    line-height: 2rem;
  }
  .package-upgrade-offer-box__button-container {
    justify-content: center;
  }
  .package-upgrade-offer-box__button-container .button {
    margin: 0 auto;
  }
  .package-upgrade-offer-box__image {
    bottom: 0.5rem;
    margin-top: -3.75rem;
    width: 12rem;
    height: 9.5rem;
  }
}

@media only screen and (max-width: 639px) {
  .package-upgrade-offer-box {
    border-radius: 0;
    border-radius: initial;
    margin: 1rem -1.25rem;
    padding: 1rem;
  }
  .package-upgrade-offer-box__headline {
    line-height: 1.5rem;
  }
}

.subscription-plan__headline {
  margin-left: 1.875rem;
}

.upgrade-offer-popup {
  top: 15.5rem !important;
  max-width: 46.5rem;
  height: -moz-fit-content;
  height: fit-content;
  border-top: solid 0.5rem #9c0;
  overflow: visible;
}

.upgrade-offer-popup::before {
  display: block;
  position: absolute;
  width: 21.5rem;
  height: 11.85rem;
  transform: translate(10.5rem, -14.3rem);
  background: url("/assets/application/characters/hamster_math.png") no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}

.upgrade-offer-popup__headline {
  max-width: 36.5rem;
  margin: 0 auto;
  font-weight: 700;
}

.upgrade-offer-popup__headline--small {
  font-size: 1.375rem;
  line-height: 2.5rem;
}

.upgrade-offer-popup__offer {
  display: flex;
  flex-direction: column;
  margin: 2.25rem auto;
  padding: 1rem 0;
  border-radius: 0.25rem;
  background-color: #f5fae6;
}

.upgrade-offer-popup__offer .form-checkbox__label::before {
  left: 2.5rem;
}

.upgrade-offer-popup__offer .button {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.upgrade-offer-popup__offer-headline {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.25rem;
}

.upgrade-offer-popup__discount-badge {
  position: absolute;
  top: 19rem;
  left: 11rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem 0.75rem;
  border-radius: 1.25rem;
  background-color: #e35b00;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: normal;
  line-height: initial;
}

.upgrade-offer-popup__discount-badge.premium {
  top: 20rem;
}

.upgrade-offer-popup__premium-banner {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1rem auto;
  padding: 0.5rem;
  border-radius: 0.25rem;
  background-color: #fdeb99;
}

.upgrade-offer-popup__premium-banner .h6 {
  margin: 0 0.5rem;
}

.upgrade-offer-popup__previous-price {
  text-decoration: line-through;
}

.upgrade-offer-popup__info {
  margin: 0 6rem;
}

.upgrade-offer-popup__info li {
  display: flex;
  align-items: flex-start;
}

.upgrade-offer-popup__info .info-text {
  display: inline;
  font-weight: 700;
  line-height: 1.5rem;
}

.upgrade-offer-popup__smallprint {
  margin: 1.5rem 0;
}

.upgrade-offer-popup__banner {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  display: flex;
  justify-content: center;
  height: 2rem;
  margin: 1.5rem -2rem -2rem;
  padding: 0.5rem;
  background-color: #9c0;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

.upgrade-offer-popup__legal-confirmation-container {
  margin: 0 4rem;
}

.upgrade-offer-popup__cancellation-text-container {
  align-items: center;
  margin-bottom: 1rem;
}

.upgrade-offer-popup__cancellation-text-container p {
  max-width: 25.75rem;
  margin-bottom: 0;
  text-align: left;
}

.upgrade-offer-popup .icon--circle-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.upgrade-offer-popup .icon--circle-close:hover {
  cursor: pointer;
}

.upgrade-offer-popup .icon--circle-empty-borderless {
  margin-top: 0.25rem;
  margin-right: 0.25rem;
  transform: scale(0.5);
  color: #9c0;
}

.upgrade-offer-popup .icon--star {
  color: #c9a400;
}

.upgrade-offer-popup .price__text, .upgrade-offer-popup .price__amount, .upgrade-offer-popup .price__currency, .upgrade-offer-popup .price__cent {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #333;
  font-weight: bold;
}

.upgrade-offer-popup .price__text {
  font-size: 1.2rem;
}

.upgrade-offer-popup .price__text--highlight {
  display: none;
}

.upgrade-offer-popup .price__side:last-of-type .price__text {
  font-weight: normal;
}

.upgrade-offer-popup .price__amount {
  font-size: 4.5rem;
}

@media only screen and (max-width: 959px) {
  .upgrade-offer-popup {
    max-width: 36rem;
  }
  .upgrade-offer-popup::before {
    transform: translate(5.5rem, -14.3rem);
  }
  .upgrade-offer-popup__headline {
    font-size: 2rem;
  }
  .upgrade-offer-popup__offer {
    width: 21.25rem;
  }
  .upgrade-offer-popup__discount-badge {
    top: 20rem;
    left: 5rem;
  }
  .upgrade-offer-popup__discount-badge.premium {
    top: 20.5rem;
  }
  .upgrade-offer-popup__info {
    margin: 0 1rem;
  }
  .upgrade-offer-popup__legal-checkbox .form-checkbox__label {
    text-align: left;
    margin-left: 3rem;
  }
}

@media only screen and (max-width: 639px) {
  .upgrade-offer-popup {
    max-width: none;
    max-width: initial;
    overflow: scroll;
    top: auto !important;
    top: initial !important;
  }
  .upgrade-offer-popup::before {
    display: none;
  }
  .upgrade-offer-popup__headline {
    font-size: 1.375rem;
  }
  .upgrade-offer-popup__headline--small {
    font-size: 1.125rem;
  }
  .upgrade-offer-popup__offer {
    max-width: 16.365rem;
  }
  .upgrade-offer-popup__discount-badge {
    position: relative;
    margin-top: -2rem;
    top: 4rem;
    left: -1rem;
  }
  .upgrade-offer-popup__discount-badge.premium {
    top: 8rem;
  }
  .upgrade-offer-popup__info {
    max-width: 14rem;
    margin: 0 auto;
  }
  .upgrade-offer-popup__legal-checkbox .form-checkbox__label {
    margin-left: 1rem;
    font-size: 0.875rem;
    width: 13.75rem;
  }
  .upgrade-offer-popup__legal-checkbox .form-checkbox__label::before {
    left: 0.625rem;
    top: 0.5rem;
  }
}

.upgrade-offer-confirmation-popup {
  border-top: solid 0.5rem #9c0;
}

.upgrade-offer-confirmation-popup .icon--circle-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

@media only screen and (max-width: 959px) {
  .upgrade-offer-confirmation-popup {
    max-width: 36rem;
  }
  .upgrade-offer-confirmation-popup h4 {
    max-width: 26rem;
    margin: 0 auto 1rem;
  }
}

@media only screen and (max-width: 959px) {
  .upgrade-offer-confirmation-popup {
    padding: 2rem 1rem;
  }
  .upgrade-offer-confirmation-popup__headline {
    font-size: 1.375rem;
  }
}

@media only screen and (max-width: 639px) {
  .upgrade-offer-confirmation-popup {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .upgrade-offer-confirmation-popup .button {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
}

.new-account-cancellation-flow {
  padding: 114px 0 56px;
  overflow-x: hidden;
}

.new-account-cancellation-flow__content-box {
  position: relative;
  max-width: 777px;
  margin: 0 auto 40px;
  padding: 40px;
  border: 2px solid;
  border-radius: 48px;
  text-align: center;
  overflow: visible;
  z-index: 1;
}

.new-account-cancellation-flow__label {
  position: absolute;
  top: -60px;
  left: 50%;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  padding: 16px 20px;
  transform: translateX(-50%);
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  color: #333;
  font-size: 16px;
  line-height: 26px;
}

.new-account-cancellation-flow__subheadline {
  color: #666;
  line-height: 28px;
}

.new-account-cancellation-flow__buttons-container {
  width: 371px;
  margin: 0 auto;
}

.new-account-cancellation-flow__buttons-container .button {
  width: 100%;
}

.new-account-cancellation-flow__buttons-container .button:first-of-type {
  margin-bottom: 16px;
}

.new-account-cancellation-flow__buttons-container .button:not(.primary) {
  color: #3c3c3c;
}

.new-account-cancellation-flow__fineprint-container {
  max-width: 777px;
  margin: 0 auto;
}

.new-account-cancellation-flow__fineprint-headline {
  margin-bottom: 8px;
  color: #333;
  font-size: 22px;
  font-weight: 300;
  line-height: 40px;
}

.new-account-cancellation-flow__fineprint-list {
  display: flex;
  flex-direction: column;
  color: #666;
  gap: 8px;
}

.new-account-cancellation-flow__fineprint-list li {
  gap: 4px;
}

.new-account-cancellation-flow__fineprint-list li .icon {
  color: #999;
}

.new-account-cancellation-flow__fineprint-list li p {
  font-size: 14px;
  line-height: 24px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .new-account-cancellation-flow__label {
    padding-inline: 18px;
    font-size: 14px;
  }
  body.is-responsive .new-account-cancellation-flow__subheadline {
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .new-account-cancellation-flow {
    padding: 104px 0 24px;
  }
  body.is-responsive .new-account-cancellation-flow__content-box {
    max-width: none;
    max-width: initial;
    padding: 20px 24px 32px;
    border-radius: 32px;
  }
  body.is-responsive .new-account-cancellation-flow__label {
    width: calc(100% - 52px);
    max-width: 360px;
    padding: 12px 18px;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    top: -74px;
    line-height: 24px;
  }
  body.is-responsive .new-account-cancellation-flow__features-to-lose {
    margin-bottom: 32px;
    grid-template-columns: 1fr;
  }
  body.is-responsive .new-account-cancellation-flow__buttons-container {
    width: 100%;
    max-width: 369px;
    margin: 0 auto;
  }
  body.is-responsive .new-account-cancellation-flow__buttons-container .button {
    padding: 12px 16px;
    font-size: 16px;
    line-height: 16px;
  }
}

.cancellation-flow-page:has(.new-account-cancellation-flow) {
  overflow-x: hidden;
}

.new-account-cancellation-flow--cancel {
  background-color: #fce6e6;
}

.new-account-cancellation-flow--cancel .new-account-cancellation-flow__content-box {
  border-color: #e93333;
}

.new-account-cancellation-flow--cancel .new-account-cancellation-flow__freddy {
  position: absolute;
  top: 60px;
  left: -148px;
}

.new-account-cancellation-flow--cancel .new-account-cancellation-flow__goopaw {
  position: absolute;
  top: -21px;
  right: -100px;
}

.new-account-cancellation-flow--cancel .new-account-cancellation-flow__freddy, .new-account-cancellation-flow--cancel .new-account-cancellation-flow__goopaw {
  z-index: 2;
}

.new-account-cancellation-flow--cancel .new-account-cancellation-flow__label {
  background-color: #f49999;
}

.new-account-cancellation-flow--cancel .new-account-cancellation-flow__subheadline {
  margin-bottom: 24px;
}

.new-account-cancellation-flow--cancel .new-account-cancellation-flow__subheadline b {
  display: block;
}

.new-account-cancellation-flow--cancel .new-account-cancellation-flow__features-to-lose {
  display: grid;
  justify-content: start;
  max-width: 522px;
  margin: 0 auto 48px;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px 24px;
  gap: 16px 24px;
}

.new-account-cancellation-flow--cancel .new-account-cancellation-flow__features-to-lose li {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 48px;
  background-color: #fce6e6;
  gap: 8px;
}

.new-account-cancellation-flow--cancel .new-account-cancellation-flow__features-to-lose li .icon {
  color: #e93333;
}

.new-account-cancellation-flow--cancel .new-account-cancellation-flow__features-to-lose li .h6 {
  margin-bottom: 0;
}

.new-account-cancellation-flow--cancel .new-account-cancellation-flow__confetti {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 100%;
  max-width: 1400px;
  transform: translate(-50%, -50%) scale(0);
  animation-name: grow;
  animation-duration: 1.5s;
  animation-delay: 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .new-account-cancellation-flow--cancel::after {
    display: none;
  }
  body.is-responsive .new-account-cancellation-flow--cancel .new-account-cancellation-flow__headline:last-of-type {
    max-width: 410px;
    margin: 0 auto 8px;
  }
  body.is-responsive .new-account-cancellation-flow--cancel .new-account-cancellation-flow__features-to-lose {
    margin-bottom: 24px;
    gap: 4px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .new-account-cancellation-flow--cancel .new-account-cancellation-flow__headline:last-of-type {
    max-width: none;
    max-width: initial;
  }
  body.is-responsive .new-account-cancellation-flow--cancel .new-account-cancellation-flow__subheadline {
    margin-bottom: 8px;
    padding-inline: 4px;
  }
  body.is-responsive .new-account-cancellation-flow--cancel .new-account-cancellation-flow__features-to-lose {
    margin-top: 8px;
  }
}

@keyframes grow {
  0% {
    transform: translate(-50%, -50%) scale(0.6);
  }
  65% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}

.new-account-cancellation-flow--benefits {
  padding-bottom: 112px;
  background-color: #e6edf8;
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__content-box {
  margin: 0 auto;
  border-color: #3370c4;
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__label {
  background-color: #99b7e1;
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__pearl {
  position: absolute;
  top: -55px;
  left: -180px;
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__boy {
  position: absolute;
  top: 276px;
  left: -152px;
  z-index: 1;
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__pip {
  position: absolute;
  top: 50%;
  right: -230px;
  transform: translateY(-50%);
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__subheadline {
  margin-bottom: 8px;
  font-weight: 700;
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__benefits-list {
  display: flex;
  flex-direction: column;
  margin: 32px 0;
  padding-right: 24px;
  text-align: left;
  gap: 24px;
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__benefits-list li {
  line-height: 24px;
  gap: 8px;
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__benefits-list li i {
  flex-shrink: 0;
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__buttons-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  max-width: 568px;
  margin: 0 auto;
  grid-gap: 32px;
  gap: 32px;
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__buttons-container .button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  line-height: 22px;
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__buttons-container .button.primary {
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 auto;
  grid-column: 1/3;
  line-height: 18px;
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__buttons-container--single-column {
  grid-template-columns: 1fr;
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__buttons-container--single-column .button:last-child {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  grid-column: 1/3;
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__under-box-text {
  position: absolute;
  bottom: -55px;
  left: 50%;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  transform: translateX(-50%);
  letter-spacing: -0.3px;
  text-align: right;
  text-transform: uppercase;
  gap: 4px;
  z-index: 1;
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__under-box-text p {
  margin-top: 16px;
  color: #003d91;
  font-size: 14px;
  line-height: 24px;
}

.new-account-cancellation-flow--benefits .new-account-cancellation-flow__under-box-text svg {
  width: 48px;
  height: 20px;
  rotate: 40deg;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .new-account-cancellation-flow--benefits .new-account-cancellation-flow__label {
    width: 84%;
  }
  body.is-responsive .new-account-cancellation-flow--benefits .new-account-cancellation-flow__subheadline {
    font-weight: 400;
  }
  body.is-responsive .new-account-cancellation-flow--benefits .new-account-cancellation-flow__benefits-list {
    margin-top: 16px;
    padding-right: 0;
  }
  body.is-responsive .new-account-cancellation-flow--benefits .new-account-cancellation-flow__buttons-container {
    gap: 32px 16px;
  }
  body.is-responsive .new-account-cancellation-flow--benefits .new-account-cancellation-flow__buttons-container .button {
    padding: 16px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .new-account-cancellation-flow--benefits {
    padding-bottom: 96px;
  }
  body.is-responsive .new-account-cancellation-flow--benefits .new-account-cancellation-flow__label {
    max-width: 330px;
    padding-inline: 28px;
  }
  body.is-responsive .new-account-cancellation-flow--benefits .new-account-cancellation-flow__benefits-list {
    margin-top: 8px;
  }
  body.is-responsive .new-account-cancellation-flow--benefits .new-account-cancellation-flow__buttons-container {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  body.is-responsive .new-account-cancellation-flow--benefits .new-account-cancellation-flow__buttons-container .button {
    padding: 12px;
  }
  body.is-responsive .new-account-cancellation-flow--benefits .new-account-cancellation-flow__buttons-container .button.primary {
    max-width: 100%;
    grid-column: auto;
  }
  body.is-responsive .new-account-cancellation-flow--benefits .new-account-cancellation-flow__buttons-container .button:last-child {
    grid-row: 2;
    padding: 12px 24px;
  }
  body.is-responsive .new-account-cancellation-flow--benefits .new-account-cancellation-flow__under-box-text {
    flex-direction: column;
    bottom: -64px;
  }
  body.is-responsive .new-account-cancellation-flow--benefits .new-account-cancellation-flow__under-box-text svg {
    flex-shrink: 0;
    padding-right: 8px;
    rotate: 60deg;
  }
  body.is-responsive .new-account-cancellation-flow--benefits .new-account-cancellation-flow__under-box-text p {
    margin-top: 4px;
  }
}

.new-account-cancellation-flow--offers {
  background-color: #f2e6f8;
}

.new-account-cancellation-flow--offers .new-account-cancellation-flow__content-box {
  border-color: #9433c4;
}

.new-account-cancellation-flow--offers .new-account-cancellation-flow__label {
  width: 80%;
  background-color: #c999e1;
}

.new-account-cancellation-flow--offers .new-account-cancellation-flow__pearl {
  position: absolute;
  top: 48px;
  right: -193px;
}

.new-account-cancellation-flow--offers .new-account-cancellation-flow__kokko {
  position: absolute;
  bottom: 92px;
  left: -165px;
}

.new-account-cancellation-flow--offers .new-account-cancellation-flow__subheadline {
  max-width: 420px;
  margin: 0 auto 16px;
}

.new-account-cancellation-flow--offers .offer-box::after {
  position: absolute;
  top: -40px;
  left: -250px;
  width: 100%;
  height: 85%;
  background: url("/assets/application/account/cancellation_flow_experiment/animal_avatars.svg") no-repeat center center;
  background-size: contain;
  content: "";
}

@media only screen and (max-width: 959px) {
  body.is-responsive .new-account-cancellation-flow--offers .offer-box::after {
    display: none;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .new-account-cancellation-flow--offers {
    padding-top: 80px;
  }
  body.is-responsive .new-account-cancellation-flow--offers .new-account-cancellation-flow__label {
    width: calc(100% - 56px);
    max-width: none;
    max-width: initial;
    padding: 12px;
    top: -50px;
  }
}

.new-account-cancellation-flow--discount {
  background-color: #e6f8e6;
}

.new-account-cancellation-flow--discount .new-account-cancellation-flow__content-box {
  border-color: #009100;
}

.new-account-cancellation-flow--discount .new-account-cancellation-flow__label {
  width: 80%;
  background-color: #99e199;
}

.new-account-cancellation-flow--discount .new-account-cancellation-flow__pip {
  position: absolute;
  bottom: 116px;
  left: -201px;
}

.new-account-cancellation-flow--discount .new-account-cancellation-flow__brain {
  position: absolute;
  bottom: 214px;
  right: -208px;
  z-index: 1;
}

.new-account-cancellation-flow--discount .new-account-cancellation-flow__subheadline {
  max-width: 450px;
  margin: 0 auto 16px;
}

.new-account-cancellation-flow--discount .new-account-cancellation-flow__confetti {
  position: absolute;
  top: 63%;
  left: 50%;
  display: inline-block;
  width: 100%;
  transform: translate(-50%, -50%);
  opacity: 0.2;
  z-index: -1;
}

.new-account-cancellation-flow--discount .offer-box::after {
  position: absolute;
  top: -40px;
  left: -250px;
  width: 100%;
  height: 85%;
  background: url("/assets/application/account/cancellation_flow_experiment/animal_avatars.svg") no-repeat center center;
  background-size: contain;
  content: "";
  z-index: 1;
}

.new-account-cancellation-flow--discount .offer-box__benefit-list li {
  text-align: center;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .new-account-cancellation-flow--discount .offer-box::after {
    display: none;
  }
  body.is-responsive .new-account-cancellation-flow--discount .offer-box__benefit-list {
    padding: 0;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .new-account-cancellation-flow--discount {
    padding-top: 80px;
  }
  body.is-responsive .new-account-cancellation-flow--discount .new-account-cancellation-flow__label {
    width: calc(100% - 56px);
    max-width: none;
    max-width: initial;
    padding: 12px;
    top: -50px;
  }
}

.offer-box {
  position: relative;
  max-width: 576px;
  margin: 76px auto 56px;
  padding: 0 0 40px;
  border: 2px solid #e35b00;
  border-radius: 24px;
  background-color: #fdeb99;
  overflow: visible;
}

.offer-box p {
  color: #333;
}

.offer-box__label {
  position: absolute;
  left: 50%;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  padding: 8px 24px;
  transform: translateX(-50%);
  border-radius: 100px;
  color: #fff;
  box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.3);
  gap: 8px;
  z-index: 1;
}

.offer-box__label--top {
  position: absolute;
  top: -22px;
  background-color: #b64900;
}

.offer-box__label--top::before {
  position: absolute;
  top: -56px;
  left: 50%;
  width: 152px;
  height: 48px;
  transform: translateX(-50%);
  background: url("/assets/application/account/cancellation_flow_experiment/five_stars.svg") no-repeat center center;
  content: "";
}

.offer-box__label--bottom {
  position: absolute;
  bottom: -20px;
  background-color: #e35b00;
}

.offer-box__label .h5 {
  margin-bottom: 0;
}

.offer-box__ribbon {
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 312px;
  height: 78px;
  margin: 0 auto;
  background: url("/assets/application/account/cancellation_flow_experiment/ribbon.svg") no-repeat center center;
  color: #fff;
}

.offer-box__ribbon .h4 {
  margin-bottom: 0;
}

.offer-box__headline {
  margin: 12px auto 16px;
}

.offer-box__prices-container {
  width: 100%;
  padding: 12px 0 16px;
  background-color: #fcd733;
  box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.05);
}

.offer-box__prices-container > .flex-container {
  justify-content: center;
  gap: 8px;
}

.offer-box__prices-container p {
  margin-bottom: 8px;
}

.offer-box__prices-container p b {
  text-decoration: underline;
}

.offer-box__prices-container .h2 {
  margin-bottom: 0;
  font-size: 32px;
  line-height: 48px;
}

.offer-box__discount {
  margin: 0 8px 0 0;
  padding: 0 8px;
  border-radius: 12px;
  background-color: #e35b00;
  color: #fff;
  line-height: 40px;
}

.offer-box__price--old {
  color: #e35b00;
}

.offer-box__price--old .h2 {
  font-weight: 400;
}

.offer-box__price--old del {
  text-decoration-thickness: 1.5px;
}

.offer-box__price--new {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #690;
}

.offer-box__currency {
  margin-left: 4px;
  font-size: 14px;
  line-height: 20px;
}

.offer-box__benefit-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-top: 16px;
  padding: 0 32px;
}

.offer-box__benefit-list li {
  align-items: flex-start;
  text-align: left;
}

.offer-box__benefit-list li p,
.offer-box__benefit-list li .icon {
  line-height: 28px;
}

.offer-box__benefit-list li .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
  color: #690;
}

.offer-box--offers-with-trial, .offer-box--discount-with-trial {
  padding-bottom: 16px;
}

.offer-box--offers-with-trial .offer-box__prices-container > p > b, .offer-box--discount-with-trial .offer-box__prices-container > p > b {
  text-decoration: none;
}

.offer-box--offers-with-trial .offer-box__benefit-list {
  align-items: center;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .offer-box {
    max-width: 496px;
    margin-bottom: 40px;
  }
  body.is-responsive .offer-box__headline {
    font-size: 32px;
  }
  body.is-responsive .offer-box__discount {
    font-size: 22px;
    line-height: 40px;
  }
  body.is-responsive .offer-box__benefit-list {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .offer-box {
    max-width: none;
    max-width: initial;
    margin: 70px auto 36px;
  }
  body.is-responsive .offer-box::before {
    width: 122px;
    height: 38px;
    top: -62px;
    background-size: contain;
  }
  body.is-responsive .offer-box__label {
    padding: 4px 16px;
    gap: 4px;
  }
  body.is-responsive .offer-box__label--top {
    top: -18px;
  }
  body.is-responsive .offer-box__label--bottom {
    bottom: -18px;
  }
  body.is-responsive .offer-box__label--bottom-basic {
    bottom: -28px;
    max-width: 221px;
  }
  body.is-responsive .offer-box__label .h5 {
    font-size: 14px;
    line-height: 24px;
  }
  body.is-responsive .offer-box__ribbon {
    width: 179px;
    height: 76px;
    background: url("/assets/application/account/cancellation_flow_experiment/ribbon_phone.svg") no-repeat center center;
  }
  body.is-responsive .offer-box__headline {
    margin-top: 8px;
    font-size: 18px;
    line-height: 32px;
  }
  body.is-responsive .offer-box__prices-container {
    padding-inline: 16px;
  }
  body.is-responsive .offer-box__prices-container p {
    margin-bottom: 4px;
  }
  body.is-responsive .offer-box__prices-container p b {
    display: block;
  }
  body.is-responsive .offer-box__prices-container .flex-container {
    gap: 4px;
  }
  body.is-responsive .offer-box__discount {
    margin-right: 4px;
    font-size: 18px;
    line-height: 32px;
  }
  body.is-responsive .offer-box__price .h2 {
    font-size: 22px;
    line-height: 40px;
  }
  body.is-responsive .offer-box__price--old .h2 {
    font-weight: 700;
  }
  body.is-responsive .offer-box__price--old del {
    text-decoration-thickness: 1px;
  }
  body.is-responsive .offer-box__benefit-list {
    padding: 0 8px;
  }
  body.is-responsive .offer-box__benefit-list p {
    font-size: 14px;
    line-height: 24px;
  }
  body.is-responsive .offer-box__benefit-list li > .icon {
    padding-top: 0;
  }
  body.is-responsive .offer-box--offers-with-trial .offer-box__benefit-list {
    align-items: flex-start;
  }
}

.new-account-cancellation-flow--extension {
  background-color: #fcf8e6;
}

.new-account-cancellation-flow--extension .new-account-cancellation-flow__content-box {
  margin-bottom: 0;
  border-color: #e38800;
}

.new-account-cancellation-flow--extension .new-account-cancellation-flow__label {
  width: 80%;
  background-color: #f4e199;
}

.new-account-cancellation-flow--extension .new-account-cancellation-flow__presents {
  position: absolute;
  top: 50%;
  left: -100px;
  z-index: 1;
}

.new-account-cancellation-flow--extension .new-account-cancellation-flow__pip {
  position: absolute;
  top: 50%;
  right: -153px;
}

.new-account-cancellation-flow--extension .new-account-cancellation-flow__presents, .new-account-cancellation-flow--extension .new-account-cancellation-flow__pip {
  transform: translateY(-50%);
}

.new-account-cancellation-flow--extension .new-account-cancellation-flow__free-trial-extension {
  margin: 16px auto;
}

.new-account-cancellation-flow--extension .new-account-cancellation-flow__buttons-container {
  width: -moz-max-content;
  width: max-content;
  max-width: 457px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .new-account-cancellation-flow--extension .new-account-cancellation-flow__free-trial-extension {
    margin-bottom: 24px;
  }
  body.is-responsive .new-account-cancellation-flow--extension .new-account-cancellation-flow__buttons-container {
    max-width: 371px;
  }
  body.is-responsive .new-account-cancellation-flow--extension .new-account-cancellation-flow__buttons-container .button:last-child {
    margin-top: 16px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .new-account-cancellation-flow--extension .new-account-cancellation-flow__label {
    max-width: 310px;
  }
  body.is-responsive .new-account-cancellation-flow--extension .new-account-cancellation-flow__label > b {
    display: block;
    margin: 0 auto;
    max-width: 230px;
  }
  body.is-responsive .new-account-cancellation-flow--extension .new-account-cancellation-flow__headline {
    padding-inline: 16px;
  }
  body.is-responsive .new-account-cancellation-flow--extension .new-account-cancellation-flow__free-trial-extension {
    margin: 0 auto 8px;
    padding-inline: 24px;
  }
}

.account-payment b {
  line-height: 1.8;
}

.account-payment__link {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 13px;
}

.account-payment .button-medium {
  margin-top: 20px;
}

.account-payment .callout {
  margin: 16px -16px;
  padding-right: 32px;
  padding-left: 32px;
}

.account-payment .callout .h5 {
  font-weight: normal;
}

.account-payment .callout--form {
  margin-right: -16px;
  margin-left: -16px;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-payment .box-panel__content {
    padding: 16px !important;
  }
}

.account-payments-edit-form #full-bank-name {
  padding-top: 5px;
  color: #333;
  font-size: 12px;
}

.account-payments-edit-form .error input {
  background-color: #fce3e3;
  box-shadow: 0 4px 4px 0 #fce6e6 inset;
}

.account-payments-edit-form .error li {
  padding-top: 5px;
  color: #e93333;
  font-size: 11px;
}

.account-payments-edit-form .account-button-cancel {
  margin-right: 8px;
}

.account-paypal-payment__button {
  width: 200px;
  vertical-align: middle;
}

.account-paypal-payment__text {
  padding-top: 16px;
}

.submit-payment-address {
  padding-top: 20px;
}

.account-activity-page .page-content {
  overflow: hidden;
}

.account-activity-page .info-tab {
  position: relative;
  z-index: 1;
}

.account-activity {
  padding-bottom: 160px;
}

.account-activity__headline {
  position: relative;
  padding-top: 40px;
  text-align: left;
}

.account-activity__headline b {
  vertical-align: baseline;
}

.account-activity__learning-activities {
  width: 100%;
}

.account-activity__tabs-container {
  align-items: center;
  justify-content: space-between;
  max-height: 80px;
  margin: 32px 0 24px;
  padding: 8px 0;
  border-radius: 48px;
  background-color: #e6e8e5;
}

.account-activity__tabs {
  margin-bottom: 0;
  padding: 8px;
  color: #666;
  font-weight: bold;
}

.account-activity__tabs.is-active {
  padding: 8px 32px;
  border-radius: 40px;
  color: #fff;
}

.account-activity__tabs--learning-groups {
  margin-right: 40px;
  margin-left: 20px;
}

.account-activity__tabs--learning-groups.is-active {
  margin-right: 16px;
  background-color: #e9a033;
}

.account-activity__tabs--activities {
  margin-right: 20px;
  margin-left: 40px;
}

.account-activity__tabs--activities.is-active {
  margin-left: 16px;
  background-color: #7aa300;
}

.account-activity__show-more-button {
  box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.25);
  font-weight: bold;
}

.account-activity__show-more-button.button.white {
  color: #333;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .account-activity__headline {
    font-size: 24px;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-activity__headline {
    padding-top: 16px;
  }
  body.is-responsive .account-activity__tabs-container {
    height: 56px;
    margin: 6px 0 12px;
  }
  body.is-responsive .account-activity__tabs {
    height: 32px;
    margin: 0 16px;
    padding: 4px 12px;
    font-size: 14px;
  }
  body.is-responsive .account-activity__tabs--active {
    padding: 4px 8px;
  }
  body.is-responsive .account-activity__tabs--learning-groups {
    margin-left: 0;
  }
  body.is-responsive .account-activity__tabs--activities {
    margin-right: 24px;
  }
  body.is-responsive .account-activity__show-more-button {
    width: 100%;
  }
}

.account-activity-list__no-activities-headline {
  text-align: center;
}

.account-activity-list__no-activities-headline::before {
  display: block;
  height: 320px;
  margin: 0 auto 24px;
  background: url("/assets/learning_groups/no_assignments_students.png") no-repeat center;
  background-size: contain;
  content: "";
}

.account-activity-list__no-activities-headline__button {
  display: block;
  margin-left: auto;
  font-weight: bold;
  text-transform: uppercase;
}

.account-activity-list__no-activities-headline__button svg {
  height: 16px;
  margin-right: 8px;
}

.account-activity-list__loading-spinner {
  display: none;
  margin: 16px auto;
}

@media only screen and (max-width: 959px) {
  .account-activity-list__no-activities-headline::before {
    height: 220px;
  }
}

@media only screen and (max-width: 639px) {
  .account-activity-list__no-assignments-headline::before {
    height: 0;
    padding-top: 56.25%;
  }
  .account-activity-list__headline {
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.5;
  }
}

.onboarding-prompts {
  position: relative;
  margin: 64px 0 32px;
}

.onboarding-prompts__input {
  display: inline-block;
  width: 49%;
  margin-bottom: 16px;
  vertical-align: top;
}

.onboarding-prompts .account-activity-prompt {
  position: relative;
}

.onboarding-prompts .account-activity-prompt:last-child::before {
  position: absolute;
  right: -53px;
  width: 105px;
  height: 250px;
  background: image-url("/assets/application/characters/beaver.png") no-repeat;
  background-size: contain;
  content: "";
  z-index: 1;
}

.onboarding-prompts .is-error {
  display: inline-block;
}

.onboarding-prompts .form-error-text {
  margin-bottom: 16px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .onboarding-prompts__input {
    width: 100%;
    max-width: 248px;
  }
  body.is-responsive .onboarding-prompts .account-activity-prompt:last-child::before {
    top: -107px;
    right: 32px;
    width: 100px;
    height: 200px;
    transform: rotate(-90deg);
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .onboarding-prompts .account-activity-prompt:first-child::before {
    position: absolute;
    top: -109px;
    right: 64px;
    width: 100px;
    height: 200px;
    transform: rotate(-90deg);
    background: image-url("/assets/application/characters/beaver.png") no-repeat;
    background-size: contain;
    content: "";
    z-index: 1;
  }
  body.is-responsive .onboarding-prompts .account-activity-prompt:last-child::before {
    display: none;
  }
}

.pgt-prompt {
  padding-bottom: 106px;
}

.phone-box-prompt {
  padding-bottom: 163px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .phone-box-prompt {
    padding-bottom: 232px;
  }
}

.age-restriction-prompt {
  padding-bottom: 166px;
}

.age-restriction-prompt__radio-button {
  display: inline-block;
  width: 96px;
  margin-bottom: 16px;
  text-align: left;
}

.age-restriction-prompt .text-small {
  padding-right: 20px;
}

.age-restriction-prompt .button {
  margin-bottom: 26px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .age-restriction-prompt {
    padding-bottom: 205px;
  }
  body.is-responsive .age-restriction-prompt__radio-button {
    width: 100%;
    max-width: 248px;
  }
  body.is-responsive .age-restriction-prompt__radio-button:first-of-type {
    margin-bottom: 8px;
  }
  body.is-responsive .age-restriction-prompt .text-small {
    padding-right: 0;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .age-restriction-prompt .button {
    margin-bottom: 0;
  }
}

.account-activity-prompt {
  position: relative;
  border-radius: 4px;
  background-color: #fdeb99;
}

.account-activity-prompt__content {
  padding-top: 32px;
  padding-right: 16px;
  padding-left: 16px;
}

.account-activity-prompt__footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
}

.account-activity-prompt__footer .button {
  width: 100%;
}

.account-activity-prompt__link {
  display: block;
  margin-top: 8px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .account-activity-prompt__footer {
    margin-right: auto;
    margin-left: auto;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .account-activity-prompt {
    margin-bottom: 32px;
    padding-bottom: 0;
  }
  body.is-responsive .account-activity-prompt__content {
    padding-bottom: 16px;
  }
  body.is-responsive .account-activity-prompt__footer {
    position: relative;
    text-align: center;
  }
  body.is-responsive .account-activity-prompt__footer .button {
    display: block;
    width: 248px;
    margin-right: auto;
    margin-left: auto;
  }
}

.profiles-selection {
  display: flex;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 24px;
}

.profiles-selection__headline {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  margin-right: 16px;
}

@media only screen and (max-width: 639px) {
  .profiles-selection {
    position: relative;
    justify-content: center;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

.profiles-dropdown {
  cursor: pointer;
}

.profiles-dropdown__toggle-button {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  border: 0;
  border-radius: 48px;
  background-color: #f8f8f8;
  color: #333;
}

.profiles-dropdown__toggle-button .profiles-dropdown__icon {
  color: #ccc;
}

.profiles-dropdown__toggle-button:hover {
  background-color: #d6eb99;
  color: #333;
}

.profiles-dropdown__toggle-button:hover .profiles-dropdown__icon {
  color: #666;
}

.profiles-dropdown__toggle-button.hover {
  background-color: #9c0;
  color: #333;
}

.profiles-dropdown__toggle-button.hover .profiles-dropdown__icon {
  color: #fff;
}

.profiles-dropdown__option {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 16px;
  background-color: #fff;
  color: #333;
}

.profiles-dropdown__option:hover {
  background-color: #f8f8f8;
  color: #333;
}

.profiles-dropdown__avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.profiles-dropdown__name {
  margin-right: 16px;
  margin-bottom: 0;
  margin-left: 16px;
}

.profiles-dropdown .dropdown-pane {
  width: auto;
  padding: 0;
}

@media only screen and (max-width: 639px) {
  .profiles-dropdown {
    width: 100%;
  }
  .profiles-dropdown__name {
    font-size: 18px;
    font-weight: bold;
  }
  .profiles-dropdown__toggle-button {
    height: 64px;
    padding: 20px 24px;
    border-radius: 32;
  }
  .profiles-dropdown__avatar {
    width: 32px;
    height: 32px;
  }
  .profiles-dropdown__icon {
    margin-left: auto;
    font-size: 16px;
  }
  .profiles-dropdown .dropdown-pane {
    width: 100%;
    top: 64px !important;
    left: 0 !important;
  }
}

.account-bookmarks-page .sprites-layouts-bookmark--active, .account-bookmarks-page .sprites-layouts-bookmark {
  pointer-events: none;
}

.account-bookmarks-page .page-content {
  overflow: hidden;
}

.account-bookmarks-page .list-box__footer {
  width: 100%;
}

.account-bookmarks-page .svg-path {
  display: none;
}

.account-bookmarks-page__bg-bottom {
  margin: auto;
}

@media only screen and (max-width: 959px) {
  .account-bookmarks-page.is-responsive .list-box__item {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 639px) {
  .account-bookmarks-page.is-responsive .list-video-meta__text {
    width: 60%;
  }
  .account-bookmarks-page.is-responsive .list-box__item {
    padding-bottom: 60px;
  }
  .account-bookmarks-page.is-responsive .list-box__text {
    height: 100%;
  }
}

.account-bookmarks-box {
  margin-top: 20px;
  overflow: hidden;
}

.account-bookmarks-box .account-assign-bookmark-button {
  position: absolute;
  top: 50%;
  right: 145px;
  margin-top: -15px;
}

@media only screen and (max-width: 959px) {
  .account-bookmarks-box .account-assign-bookmark-button {
    position: relative;
    top: 0;
    right: 0;
    margin-bottom: 24px;
    margin-left: 16px;
  }
}

.account-bookmarks-box .account-delete-button {
  position: absolute;
  right: 40px;
}

.account-bookmarks-box .h4 {
  margin-bottom: 0;
}

.account-bookmarks-box--empty .icon {
  position: absolute;
}

.account-bookmarks-box--empty .h4 {
  padding-bottom: 8px;
  padding-left: 40px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .account-bookmarks-box--empty p {
    font-size: 16px;
  }
}

.account-bookmarks-box.has-hidden-items .list-video-meta + .medium-gray.button, .account-bookmarks-box.has-hidden-items .list-box + .medium-gray.button {
  display: block;
}

.account-bookmarks-box.has-hidden-items .list-video-meta__item:nth-child(10), .account-bookmarks-box.has-hidden-items .list-box__item:nth-child(10) {
  border-bottom: 1px solid #e6e8e5;
}

.account-bookmarks-box.has-hidden-items .list-video-meta__item:nth-of-type(1n+11), .account-bookmarks-box.has-hidden-items .list-box__item:nth-of-type(1n+11) {
  display: none;
}

.age-restriction-popup .button {
  display: block;
  margin-top: 16px;
}

.age-restriction-popup__text {
  padding-top: 24px;
}

.age-restriction-popup__hint {
  font-size: 13px;
}

.age-restriction-popup__character {
  position: absolute;
  bottom: 8px;
  right: 10px;
  width: 164px;
  height: 148px;
  background: image-url("/assets/application/characters/brain.svg");
}

.age-restriction-popup__form {
  position: relative;
  padding: 24px;
  border-radius: 4px;
  background: #99cfe1;
}

.age-restriction-popup__label {
  width: 220px;
  color: #333;
  font-size: 12px;
}

.age-restriction-popup__label::first-line {
  font-size: 13px;
}

.age-restriction-popup__label::before {
  left: 24px;
}

@media only screen and (max-width: 959px) {
  body.is-responsive .age-restriction-popup {
    min-width: 0;
    background-image: none;
  }
  body.is-responsive .age-restriction-popup__text, body.is-responsive .age-restriction-popup__hint {
    padding-right: 0;
  }
  body.is-responsive .age-restriction-popup__text {
    color: #666;
    font-weight: normal;
    text-align: center;
  }
  body.is-responsive .age-restriction-popup__hint {
    text-align: center;
  }
  body.is-responsive .age-restriction-popup__character {
    display: none;
  }
  body.is-responsive .age-restriction-popup__form .h5 {
    text-align: left;
  }
  body.is-responsive .age-restriction-popup__form .button {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 20px auto 0;
  }
  body.is-responsive .age-restriction-popup__label {
    width: 100%;
    padding-left: 31px;
    color: #666;
    line-height: 24px;
  }
  body.is-responsive .age-restriction-popup__label::first-line {
    color: #333;
  }
}

@media only screen and (max-width: 639px) {
  body.is-responsive .age-restriction-popup__form {
    background-color: #fff;
  }
}

.account-sofabuddy-deactivation ul {
  list-style-type: disc;
}

.account-sofabuddy-deactivation a {
  text-decoration: underline;
}

.account-sofabuddy-deactivation .feature-explanation {
  display: flex;
}

.account-sofabuddy-deactivation .feature-explanation__icon img {
  height: 5rem;
}

.account-sofabuddy-deactivation .feature-explanation__list {
  margin-left: 1.5rem;
}

.account-sofabuddy-deactivation .feature-explanation__list li {
  margin-left: 1.5rem;
}

.account-sofabuddy-deactivation .form-checkbox__label--disabled {
  cursor: not-allowed !important;
}

.account-sofabuddy-deactivation .form-checkbox__label--disabled::before {
  background: url(/packs/static/images/form/checkbox_hover-1089006cdaa4fb4413e6.svg) center center no-repeat !important;
}

@media only screen and (max-width: 959px) {
  .account-sofabuddy-deactivation .feature-explanation__icon img {
    min-height: 4rem;
    min-width: 4rem;
  }
}

@media only screen and (max-width: 639px) {
  .account-sofabuddy-deactivation .feature-explanation__list p {
    font-size: 0.875rem;
  }
  .account-sofabuddy-deactivation .feature-explanation__list li {
    font-size: 0.75rem;
  }
  .account-sofabuddy-deactivation .feature-explanation__list a {
    font-size: 0.75rem;
  }
  .account-sofabuddy-deactivation .form-checkbox__label {
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
  .account-sofabuddy-deactivation .smallprint {
    font-size: 0.625rem;
  }
}

@media only screen and (min-width: 640px) {
  .litepicker {
    top: 278px !important;
    left: 30px !important;
  }
}

.litepicker .container__days > div {
  padding: 10px 0;
}

.litepicker .container__days .day-item {
  margin-bottom: 10px;
}

.litepicker .container__days .day-item.is-today {
  position: relative;
  color: #333;
}

.litepicker .container__days .day-item.is-today::after {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
  right: 0;
  border: 1px solid #666;
  content: "";
}

.litepicker .container__days .day-item.is-start-date.is-today {
  border: 0;
  border-top-left-radius: 50%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 0;
  background-color: #d6eb99;
  color: #fff;
  z-index: 1;
}

.litepicker .container__days .day-item.is-start-date.is-end-date {
  background-color: #fff;
}

.litepicker .container__days .day-item.is-in-range {
  background-color: #d6eb99;
}

.litepicker .container__days .day-item.is-start-date {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #d6eb99;
  z-index: 1;
}

.litepicker .container__days .day-item.is-end-date {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  background-color: #d6eb99;
  z-index: 1;
}

.litepicker .container__days .day-item.is-end-date, .litepicker .container__days .day-item.is-start-date {
  position: relative;
}

.litepicker .container__days .day-item.is-end-date::after, .litepicker .container__days .day-item.is-start-date::after {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #690;
  content: "";
  z-index: -1;
}

.litepicker .container__days .day-item.is-end-date:not(.is-start-date.is-today)::after {
  left: 4px;
}

.litepicker .container__footer button.button-apply, .litepicker .container__footer button.button-cancel {
  padding: 8px 16px;
  font-size: 14px;
}

.litepicker .preview-date-range {
  display: none;
}

.videos-assign-content-popup {
  padding: 24px 16px;
  overflow-y: visible;
}

.videos-assign-content-popup__headline {
  display: block;
  margin-bottom: 5px;
  font-size: 32px;
  text-align: left !important;
}

.videos-assign-content-popup__subheadline {
  display: flex;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
}

.videos-assign-content-popup__subheadline-content {
  margin: 0 6px 0 0;
  font-weight: bold;
}

.videos-assign-content-popup__preview-button {
  margin-left: auto;
}

.videos-assign-content-popup__cancel-button.button {
  margin-right: 22px;
}

.videos-assign-content-popup__teacher-premium-box {
  position: relative;
  max-width: 297px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fdeb99;
}

.videos-assign-content-popup__teacher-premium-box .teacher-premium-label {
  position: absolute;
  top: -12px;
  left: 90px;
  margin: 0;
}

.videos-assign-content-popup__teacher-premium-box-list {
  margin-left: 24px;
  list-style-type: disc;
}

.videos-assign-content-popup__teacher-premium-box-list .h6 {
  font-weight: bold;
}

.videos-assign-content-popup__input {
  width: 288px;
  margin-bottom: 16px;
}

.videos-assign-content-popup__close-button {
  margin-right: 16px;
}

@media only screen and (min-width: 640px) {
  .videos-assign-content-popup {
    padding: 2rem;
  }
  .videos-assign-content-popup__input {
    width: 334px;
    margin-right: 40px;
    cursor: pointer !important;
  }
  .videos-assign-content-popup__label {
    margin-right: 16px;
  }
}

.videos-assign-content-popup__no-groups-headline {
  padding-right: 64px;
  padding-left: 64px;
}

.videos-assign-content-popup__no-groups-headline::before {
  display: block;
  height: 192px;
  margin: 48px auto 32px;
  background: url("/assets/learning_groups/no_students_teachers.png") no-repeat center;
  background-size: contain;
  content: "";
}

.videos-assign-content-popup__benefits-list {
  margin: 0 64px 32px;
}

.videos-assign-content-popup__benefits-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
}

.videos-assign-content-popup__benefits-icon {
  margin-top: 2px;
  margin-right: 16px;
  border-radius: 50%;
  background-color: #fff;
  color: #9c0;
}

.videos-assign-content-popup__create-button {
  display: block;
  width: 256px;
  margin: 0 auto !important;
}

.videos-assign-content-popup__disabled-learning-group {
  display: inline-block;
}

.videos-assign-content-popup .form-error-text {
  margin-bottom: 8px;
}

.videos-assign-content-popup .icon.icon--info.icon--small {
  display: inline-block !important;
}

@media only screen and (max-width: 959px) {
  .videos-assign-content-popup__no-groups-headline {
    padding: 0;
  }
}

@media only screen and (max-width: 639px) {
  .videos-assign-content-popup {
    overflow: auto;
  }
  .videos-assign-content-popup__no-groups-headline::before {
    height: 0;
    padding-top: 34%;
  }
  .videos-assign-content-popup__benefits-list {
    margin-right: 0;
    margin-left: 0;
  }
  .videos-assign-content-popup__teacher-premium-box {
    max-width: 100%;
  }
  .videos-assign-content-popup__teacher-premium-box .teacher-premium-label {
    left: 112px;
  }
}

.videos-assign-content-popup-list {
  align-items: center;
  min-width: 640px;
  padding: 16px;
  border: 1px solid #e6e8e5;
  border-radius: 4px;
}

.videos-assign-content-popup-list__item {
  font-weight: bold;
}

.videos-assign-content-popup-list__item img {
  width: 45px;
}

@media only screen and (max-width: 639px) {
  .videos-assign-content-popup-list {
    width: 100%;
    min-width: auto;
  }
}

.videos-assign-content-popup-accordion {
  min-width: 640px;
  height: 256px;
  border: 1px solid #e6e8e5;
  border-radius: 4px;
  overflow: auto;
}

.videos-assign-content-popup-accordion__item {
  margin: 16px;
  border-top: 0;
}

.videos-assign-content-popup-accordion__item .icon.complete {
  color: #9c0;
}

.videos-assign-content-popup-accordion__item .icon.incomplete {
  color: #e38800;
}

.videos-assign-content-popup-accordion__item .icon.default {
  color: #e6e8e5;
}

.videos-assign-content-popup-accordion__item .icon--arrow-simple {
  position: static;
  position: initial;
  margin-top: 0;
  margin-left: 8px;
}

.videos-assign-content-popup-accordion__item.is-active .icon--rotate-up {
  display: inline-block;
}

.videos-assign-content-popup-accordion__item.is-active .icon--rotate-down {
  display: none;
}

.videos-assign-content-popup-accordion__item .icon--rotate-up {
  display: none;
}

.videos-assign-content-popup-accordion__item .videos-assign-content-popup-accordion__title {
  padding: 0;
}

.videos-assign-content-popup-accordion__item .videos-assign-content-popup-accordion__title .h5 {
  display: inline;
  color: #666;
}

.videos-assign-content-popup-accordion__item .videos-assign-content-popup-accordion__title::before {
  top: 0;
  left: 100%;
  margin-left: 8px;
}

.videos-assign-content-popup-accordion__content {
  display: none;
  margin-top: 8px;
  margin-left: 32px;
}

.videos-assign-content-popup-accordion .form-checkbox__label::before {
  top: 2px;
}

.videos-assign-content-popup-accordion__state-icon {
  margin-left: 16px;
}

@media only screen and (max-width: 959px) {
  .videos-assign-content-popup-accordion .videos-assign-content-popup-accordion {
    width: auto;
    min-width: auto;
  }
}

@media only screen and (max-width: 639px) {
  .videos-assign-content-popup-accordion {
    width: 100%;
    min-width: auto;
  }
  .videos-assign-content-popup-accordion__label {
    margin-top: 0;
  }
  .videos-assign-content-popup-accordion__bulk-upload-button {
    width: 100%;
    font-size: 14px;
  }
  .videos-assign-content-popup-accordion__text {
    margin: 8px 0;
  }
  .videos-assign-content-popup-accordion__select-school {
    margin-bottom: 16px;
  }
}

.tooltip {
  z-index: 10000000 !important;
}

.videos-assignment-confirmation-popup__image {
  position: absolute;
  top: -64px;
  left: 50%;
  width: 200px;
  transform: translateX(-50%);
}

.videos-assignment-confirmation-popup__headline {
  margin: 32px 0;
  font-size: 32px;
  font-weight: bold;
}

.videos-assignment-confirmation-popup__text {
  margin-bottom: 32px;
}

.videos-assignment-confirmation-popup__close-button.button {
  order: 2;
  margin-left: 24px;
}

.videos-assignment-confirmation-popup__groups-button {
  order: 1;
  margin-top: 12px;
}

.videos-assignment-confirmation-popup__buttons {
  display: flex;
  justify-content: flex-end;
}

@media only screen and (max-width: 639px) {
  .videos-assignment-confirmation-popup__image {
    position: relative;
    top: 0;
    display: block;
    width: 164px;
    margin-top: 68px;
  }
  .videos-assignment-confirmation-popup__headline {
    margin: 16px 0;
    font-size: 22px;
  }
  .videos-assignment-confirmation-popup__text {
    margin-bottom: 24px;
  }
  .videos-assignment-confirmation-popup__buttons {
    flex-direction: column;
    align-items: center;
  }
  .videos-assignment-confirmation-popup__groups-button {
    order: 2;
    margin-top: 0;
    margin-bottom: 8px;
  }
  .videos-assignment-confirmation-popup__close-button.button {
    order: 1;
    margin-bottom: 24px;
    margin-left: 0;
  }
}

.learning-groups-student-assignments__no-assignments-headline {
  text-align: center;
}

.learning-groups-student-assignments__no-assignments-headline::before {
  display: block;
  height: 320px;
  margin: 0 auto 24px;
  background: url("/assets/learning_groups/no_assignments_students.png") no-repeat center;
  background-size: contain;
  content: "";
}

.learning-groups-student-assignments__button {
  display: block;
  margin-left: auto;
  font-weight: bold;
  text-transform: uppercase;
}

.learning-groups-student-assignments__button svg {
  height: 16px;
  margin-right: 8px;
}

@media only screen and (max-width: 639px) {
  .learning-groups-student-assignments__no-assignments-headline::before {
    height: 0;
    padding-top: 56.25%;
  }
  .learning-groups-student-assignments__headline {
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.5;
  }
}

.learning-groups-assignment-list {
  position: relative;
}

.learning-groups-assignment-list__headline {
  margin-top: 32px;
  margin-bottom: 16px;
  font-weight: bold;
}

.learning-groups-assignment-list__link {
  display: block;
}

.learning-groups-assignment-list__illustration {
  position: absolute;
  top: 0;
  right: 200px;
}

.learning-groups-assignment-list__illustration svg {
  width: 152px;
}

.learning-groups-assignment-list a.complete {
  pointer-events: none;
}

@media only screen and (max-width: 959px) {
  .learning-groups-assignment-list__headline {
    margin: 16px 0;
  }
  .learning-groups-assignment-list__illustration {
    right: 40px;
  }
  .learning-groups-assignment-list__illustration svg {
    width: 112px;
  }
}

@media only screen and (max-width: 639px) {
  .learning-groups-assignment-list__illustration {
    display: none;
  }
}

.learning-groups-assignment-item, .acccount-activity-item {
  position: relative;
  padding: 32px 32px 32px 40px;
  border-radius: 8px;
  background-color: #f8f8f8;
}

.learning-groups-assignment-item__content, .acccount-activity-item__content {
  display: flex;
  align-items: center;
}

.learning-groups-assignment-item__icon, .acccount-activity-item__icon {
  height: 40px;
  margin-right: 16px;
}

.learning-groups-assignment-item__title, .acccount-activity-item__title {
  margin-bottom: 0;
  color: #333;
}

.learning-groups-assignment-item__text, .acccount-activity-item__text {
  margin-right: 16px;
  margin-bottom: 0;
  color: #333;
}

.learning-groups-assignment-item__link__non-clickable, .acccount-activity-item__link__non-clickable {
  cursor: not-allowed;
}

.learning-groups-assignment-item__assigned-students, .acccount-activity-item__assigned-students {
  color: #000;
  text-decoration: none;
}

.learning-groups-assignment-item__notification-label, .acccount-activity-item__notification-label {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  width: auto;
  height: 24px;
  margin-right: 16px;
  margin-left: 24px;
  padding: 0 10px;
  border-radius: 4px;
  color: #fff;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
}

.learning-groups-assignment-item__solutions-button, .acccount-activity-item__solutions-button {
  margin-right: 12px;
  margin-bottom: 0;
  margin-left: 12px;
  color: #333;
  font-weight: lighter;
}

.learning-groups-assignment-item__solutions-button:hover, .acccount-activity-item__solutions-button:hover {
  color: #333;
}

.learning-groups-assignment-item__subject-label, .acccount-activity-item__subject-label {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 100%;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #666;
}

.learning-groups-assignment-item__subject-label--mathe, .acccount-activity-item__subject-label--mathe {
  background-color: #004cb5;
}

.learning-groups-assignment-item__subject-label--frz, .acccount-activity-item__subject-label--frz {
  background-color: #e3b500;
}

.learning-groups-assignment-item__subject-label--deutsch, .acccount-activity-item__subject-label--deutsch {
  background-color: #e38800;
}

.learning-groups-assignment-item__subject-label--englisch, .acccount-activity-item__subject-label--englisch {
  background-color: #e30000;
}

.learning-groups-assignment-item__subject-label--biologie, .acccount-activity-item__subject-label--biologie {
  background-color: #00b500;
}

.learning-groups-assignment-item__subject-label--chemie, .acccount-activity-item__subject-label--chemie {
  background-color: #c10070;
}

.learning-groups-assignment-item__subject-label--physik, .acccount-activity-item__subject-label--physik {
  background-color: #7900b5;
}

.learning-groups-assignment-item__subject-label--lat, .acccount-activity-item__subject-label--lat {
  background-color: #b6b600;
}

.learning-groups-assignment-item__subject-label--musik, .acccount-activity-item__subject-label--musik {
  background-color: #e38800;
}

.learning-groups-assignment-item__subject-label--spanisch, .acccount-activity-item__subject-label--spanisch {
  background-color: #0088b5;
}

.learning-groups-assignment-item__subject-label--geschichte, .acccount-activity-item__subject-label--geschichte {
  background-color: #e38800;
}

.learning-groups-assignment-item__subject-label--sachkunde, .acccount-activity-item__subject-label--sachkunde {
  background-color: #00b500;
}

.learning-groups-assignment-item__subject-label--latein, .acccount-activity-item__subject-label--latein {
  background-color: #e35b00;
}

.learning-groups-assignment-item__subject-label--geografie, .acccount-activity-item__subject-label--geografie {
  background-color: #e30000;
}

.learning-groups-assignment-item__subject-label--daz, .acccount-activity-item__subject-label--daz {
  background-color: #99e199;
}

.learning-groups-assignment-item__subject-label span, .acccount-activity-item__subject-label span {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  transform: rotate(180deg);
  color: #fff;
  font-weight: bold;
  writing-mode: vertical-rl;
}

.learning-groups-assignment-item--default, .acccount-activity-item--default {
  background-color: #f8f8f8;
}

.learning-groups-assignment-item--complete, .acccount-activity-item--complete {
  background-color: rgba(153, 204, 0, 0.4);
}

.learning-groups-assignment-item--incomplete, .acccount-activity-item--incomplete {
  background-color: rgba(233, 160, 51, 0.4);
}

@media only screen and (max-width: 959px) {
  .learning-groups-assignment-item__notification-label, .acccount-activity-item__notification-label {
    margin: 0 16px;
  }
  .learning-groups-assignment-item__icon, .acccount-activity-item__icon {
    margin-right: 8px;
  }
}

@media only screen and (max-width: 639px) {
  .learning-groups-assignment-item, .acccount-activity-item {
    padding-left: 32px;
  }
  .learning-groups-assignment-item__notification-label, .acccount-activity-item__notification-label {
    position: absolute;
    top: -8px;
    right: 0;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
  }
  .learning-groups-assignment-item__icon, .acccount-activity-item__icon {
    height: 32px;
    margin-right: 8px;
  }
  .learning-groups-assignment-item__content, .acccount-activity-item__content {
    flex-direction: column;
    align-items: flex-start;
  }
  .learning-groups-assignment-item__subject-label span, .acccount-activity-item__subject-label span {
    font-size: 14px;
  }
}

.content-item-state-icons-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}

.content-item-state-icons-container .content-item-state-icon {
  margin-right: 8px;
}

.content-item-state-icons-container .content-item-state-icon:not(:last-child) {
  margin-bottom: 16px;
}

@media only screen and (max-width: 959px) {
  .content-item-state-icons-container {
    justify-content: flex-start;
  }
}

.teacher-document-info {
  color: #06c;
  font-size: 14px;
  cursor: pointer;
}

.more-status-info {
  display: none;
}

/*# sourceMappingURL=account-2177623b.css.map*/