.dropin {
  max-width: 545px;
  /* https://github.com/Adyen/adyen-web/issues/3259 */
}
.dropin .adyen-checkout__button--pay:focus {
  outline: 2px solid var(--color-focus-outline, #0094ff);
  outline-offset: 2px;
}
.dropin .adyen-checkout__label--focused + .adyen-checkout__input-wrapper {
  outline: 2px solid var(--color-focus-outline, #0094ff);
  outline-offset: 2px;
  border-radius: 4px;
}
.dropin .adyen-checkout__input-wrapper iframe {
  color-scheme: light dark;
}

.dropin-telia {
  --adyen-sdk-color-label-highlight: var(--color-brand-primary-text);
  --adyen-sdk-color-outline-primary: var(--color-neutral-border);
  --adyen-sdk-color-outline-primary-active: var(--color-neutral-border);
  --adyen-sdk-color-outline-tertiary: var(--color-focus-outline);
  --adyen-sdk-color-background-always-dark: var(--color-brand-primary-bg-strong);
  --adyen-sdk-color-background-always-dark-active: var(--color-brand-primary-bg-strong-pressed);
  --adyen-sdk-color-background-inverse-primary-hover: var(--color-brand-primary-bg-strong-hover);
}
.dropin-telia .adyen-checkout__button.adyen-checkout__button--link {
  font-weight: 700;
  text-decoration: underline;
}
.dropin-telia .adyen-checkout__button__text {
  font-weight: bold;
}

.dropin-super {
  --adyen-sdk-color-label-primary: #ffffff;
  --adyen-sdk-color-background-primary: var(--color-neutral-bg-level-1);
  --adyen-sdk-color-background-disabled: #2b2a2a;
}
.dropin-super .adyen-checkout__button--pay {
  background-color: #fdd001;
}
.dropin-super .adyen-checkout__payment-method {
  border: 2px solid #666666;
  background-color: var(--color-neutral-bg-level-1);
  margin-bottom: 8px;
}
.dropin-super .adyen-checkout__button {
  background-color: #fdd001;
  color: #111111;
}
.dropin-super .adyen-checkout__payment-method--selected {
  background-color: var(--color-neutral-bg-level-1);
  color: #111111;
  border: 1px solid #fdd001;
}
.dropin-super .adyen-checkout__button.adyen-checkout__button--link {
  color: #fdd001;
  font-weight: 700;
  text-decoration: underline;
}
.dropin-super .adyen-checkout__button.adyen-checkout__button--link:hover {
  color: #eeb00f;
}
.dropin-super .adyen-checkout__content-separator {
  color: rgba(255, 255, 255, 0.89);
}
.dropin-super .adyen-checkout__payment-method__radio--selected {
  background-color: #fdd001;
}
.dropin-super .adyen-checkout__payment-method__radio:after {
  background-color: var(--color-neutral-bg-level-1);
}
.dropin-super .adyen-checkout__button:hover {
  background-color: #eeb00f;
}
.dropin-super .adyen-checkout__helper-text, .dropin-super .adyen-checkout__label__text {
  color: #ffffff;
}
.dropin-super .adyen-checkout__label--focused .adyen-checkout__label__text {
  color: #ffffff;
}
.dropin-super .adyen-checkout__label--focused + .adyen-checkout__input-wrapper {
  border: 1px solid #ffffff;
}
.dropin-super .adyen-checkout__input.adyen-checkout__input--disabled.adyen-checkout__card__exp-date__input--oneclick {
  background-color: var(--color-neutral-bg-level-1);
  color: #ffffff;
}
.dropin-super .adyen-checkout__field--storedCard .adyen-checkout__input[readonly], .dropin-super .adyen-checkout__field--storedCard .adyen-checkout__input[readonly]:hover {
  color: #ffffff;
}
.dropin-super .adyen-checkout__checkbox__label {
  color: #ffffff;
}
.dropin-super .adyen-checkout__payment-method__name .adyen-checkout__payment-method__name--selected {
  color: #fdd001;
}
.dropin-super .adyen-checkout__payment-method__name {
  color: #ffffff;
}
.dropin-super .adyen-checkout__error-text {
  color: #EB3223;
}
.dropin-super .adyen-checkout__input--error {
  border-color: #EB3223;
}
.dropin-super .adyen-checkout__payment-method--selected, .dropin-super .adyen-checkout__payment-method {
  border-radius: 12px;
}
.dropin-super .adyen-checkout__input {
  background-color: var(--color-neutral-bg-level-1);
  color: #ffffff;
}
.dropin-super .input-field {
  color: #ffffff;
}
.dropin-super .adyen-checkout__button__text {
  font-weight: bold;
}
.dropin-super .adyen-checkout__checkbox__input:checked + .adyen-checkout__checkbox__label:after {
  background-color: #fdd001;
  border: 1px solid #fdd001;
}
.dropin-super .adyen-checkout__checkbox__input:checked:hover + .adyen-checkout__checkbox__label:after {
  border-color: #fdd001;
  box-shadow: none;
}
.dropin-super .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:before {
  border-color: transparent var(--color-neutral-bg-level-1) var(--color-neutral-bg-level-1) transparent;
}
.dropin-super .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:after {
  background-color: var(--color-neutral-bg-level-1);
}
.dropin-super .adyen-checkout__input[readonly], .dropin-super .adyen-checkout__input[readonly]:hover {
  border: 1px solid #b9c4c9;
}
.dropin-super .adyen-checkout__button__icon {
  display: none;
}
.dropin-super .tabs__content {
  border-top: 2px solid #666666;
}

.dropin-card-manager .adyen-checkout__field.adyen-checkout__field--50.adyen-checkout__field--storedCard {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.dropin-card-manager .adyen-checkout__field.adyen-checkout__field--50.adyen-checkout__field--storedCard > .adyen-checkout__label.adyen-checkout__label--disabled {
  display: flex;
  padding-top: 10px;
  width: 150px;
}
.dropin-card-manager .adyen-checkout__field.adyen-checkout__field--50.adyen-checkout__field--storedCard > .adyen-checkout__input-wrapper {
  min-width: 80px;
  max-width: 140px;
  border: 1px solid #b9c4c9;
  box-shadow: none;
}
.dropin-card-manager .adyen-checkout__input.adyen-checkout__input--disabled.adyen-checkout__card__exp-date__input--oneclick {
  text-align: right;
}
.dropin-card-manager .adyen-checkout__input--disabled, .dropin-card-manager .adyen-checkout__input--disabled:hover {
  border: 1px solid #b9c4c9;
}
.dropin-card-manager .DropinComponent-module_adyen-checkout__payment-method--selected__6egZF .DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 {
  display: flex;
  flex-direction: column-reverse;
}
.dropin-card-manager .adyen-checkout__payment-method__disable-confirmation.adyen-checkout__payment-method__disable-confirmation--open {
  margin-bottom: 0;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.dropin-card-manager .adyen-checkout__payment-method__disable-confirmation {
  margin: 0 -16px;
}
.js-iframe{border:none;height:100%;overflow:hidden;width:100%}
.adyen-checkout-card-input__wrapper{position:relative}.adyen-checkout-card-input__icon{border-radius:var(--adyen-sdk-border-radius-s,4px);height:18px;margin-right:var(--adyen-sdk-spacer-060,12px);width:27px}.adyen-checkout-card-input__form{opacity:1}.adyen-checkout-card-input__spinner{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.adyen-checkout-card-input__spinner--active{display:block}.adyen-checkout-card-input__form--loading{opacity:0}.adyen-checkout__input{display:block;max-height:100px}.adyen-checkout__field.adyen-checkout__card__cvc__input--hidden,.adyen-checkout__field.adyen-checkout__card__exp-date__input--hidden{display:none}.adyen-checkout__card__exp-cvc__exp-date__input--hidden{justify-content:flex-end}.revolving-plan-installments__disabled{opacity:.4;pointer-events:none}.adyen-checkout__card-input__form{transition:opacity .25s ease-out}.adyen-checkout__card__cardNumber{max-width:400px}.adyen-checkout__card__cardNumber__input{padding-left:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__card__exp-date__input--oneclick{font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-title-line-height,26px);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__card__holderName,.adyen-checkout__field--expiryDate,.adyen-checkout__field--storedCard{margin-bottom:0}.adyen-checkout__store-details{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;gap:var(--adyen-sdk-spacer-060,12px);padding:var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress,.adyen-checkout__card__holderName,.adyen-checkout__card__kcp-authentication,.adyen-checkout__card__socialSecurityNumber,.adyen-checkout__installments,.adyen-checkout__store-details{margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__card-input.adyen-checkout__card-input--loading{pointer-events:none}.adyen-checkout__card__holderName:first-child{margin:0 0 var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__field--cardNumber .adyen-checkout-card-input__icon--hidden,.adyen-checkout__field--cardNumber .adyen-checkout__input--error+.adyen-checkout__card__cardNumber__brandIcon,.adyen-checkout__field--cardNumber .adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand)+.adyen-checkout-input__inline-validation--valid{display:none}.adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint,.adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint{opacity:0}@keyframes cvc-indicate-location{0%{opacity:1}to{opacity:.3}}.adyen-checkout__label--focused .adyen-checkout__field__cvc--back-hint .adyen-checkout__card__cvc__hint--back .adyen-checkout__card__cvc__hint__location,.adyen-checkout__label--focused .adyen-checkout__field__cvc--front-hint .adyen-checkout__card__cvc__hint--front .adyen-checkout__card__cvc__hint__location{animation-direction:alternate;animation-duration:1s;animation-iteration-count:infinite;animation-name:cvc-indicate-location}.adyen-checkout__card__cvc__hint__wrapper{align-items:center;backface-visibility:visible;display:flex;height:100%;margin-right:var(--adyen-sdk-spacer-060,12px);position:absolute;right:0;transform:translateZ(0);transform-origin:center;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.455,.03,.515,.955);width:27px;will-change:transform}.adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper{transform:rotateY(180deg)}.adyen-checkout__card__cvc__hint{backface-visibility:hidden;position:absolute;transition:opacity .1s linear}.adyen-checkout__field__exp-date_hint_wrapper{align-items:center;display:flex;margin-right:var(--adyen-sdk-spacer-060,12px);position:absolute;right:0;transition:opacity .1s linear}.adyen-checkout__field__exp-date_hint_wrapper.adyen-checkout__field__exp-date_hint_wrapper--hidden{opacity:0}.adyen-checkout__field__exp-date_hint{height:18px;width:27px}.adyen-checkout__card__cvc__hint--front{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.adyen-checkout__card__cvc__hint__wrapper{transition:none}}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields{justify-content:left}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group{display:flex;flex-direction:column}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper{margin-top:var(--adyen-sdk-spacer-080,20px)}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments{margin-left:var(--adyen-sdk-spacer-070,16px);position:relative;top:52px;width:30%}
.adyen-checkout__spinner__wrapper{align-items:center;display:flex;height:100%;justify-content:center}.adyen-checkout__spinner__wrapper--inline{display:inline-block;height:auto;margin-right:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__spinner__wrapper--inline{margin-left:var(--adyen-sdk-spacer-040,8px);margin-right:0}.adyen-checkout__spinner{height:var(--adyen-sdk-spacer-090,24px);position:relative;width:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__spinner:after,.adyen-checkout__spinner:before{animation:rotate 1s cubic-bezier(.785,.135,.15,.86) infinite;border:var(--adyen-sdk-border-width-l,3px) solid transparent;border-radius:50%;box-sizing:border-box;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.adyen-checkout__spinner:before{border-color:var(--adyen-sdk-color-background-inverse-primary,#00112c);border-top-color:transparent;opacity:.1}.adyen-checkout__spinner:after{border-color:transparent;border-top-color:var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__spinner--small{height:var(--adyen-sdk-spacer-070,16px);width:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__spinner--small:after,.adyen-checkout__spinner--small:before{border-width:var(--adyen-sdk-spacer-010,2px)}.adyen-checkout__spinner--medium{height:28px;width:28px}.adyen-checkout__spinner--large{height:var(--adyen-sdk-spacer-120,48px);width:var(--adyen-sdk-spacer-120,48px)}.adyen-checkout__spinner--large:after,.adyen-checkout__spinner--large:before{border-width:var(--adyen-sdk-spacer-020,4px)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
.loading-input__form{opacity:1}.loading-input__form--loading{opacity:0}.loading-input__spinner{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.loading-input__spinner--active{display:block}
.adyen-checkout__field{display:block;margin-bottom:var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none}.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:active,.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:focus-within:hover{border:none;box-shadow:none}.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:hover{border:none;box-shadow:none}.adyen-checkout__input-wrapper{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;position:relative}.adyen-checkout__input-wrapper div,.adyen-checkout__input-wrapper input,.adyen-checkout__input-wrapper span{border-radius:inherit}.adyen-checkout__input-wrapper button,.adyen-checkout__input-wrapper div,.adyen-checkout__input-wrapper input{border:none}.adyen-checkout__input-wrapper:active,.adyen-checkout__input-wrapper:active:hover,.adyen-checkout__input-wrapper:focus-within,.adyen-checkout__input-wrapper:focus-within:hover{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__input-wrapper:hover{border-color:var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__field--inactive>.adyen-checkout__input-wrapper{background:var(--adyen-sdk-color-background-disabled,#eeeff1);border-color:transparent}.adyen-checkout__field--error>:not(.adyen-checkout__label--focused)+.adyen-checkout__input-wrapper:not(:focus-within,:active){border-color:var(--adyen-sdk-color-outline-critical,#e22d2d)}.adyen-checkout__label{display:block;position:relative}.adyen-checkout__label--focused+.adyen-checkout__input-wrapper{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__label--disabled+.adyen-checkout__input-wrapper{background:var(--adyen-sdk-color-background-disabled,#eeeff1);border-color:transparent}.adyen-checkout__helper-text{color:var(--adyen-sdk-color-label-primary,#00112c);display:block;font-size:var(--adyen-sdk-text-caption-font-size,.75rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout__label-adornment--end{position:absolute;right:0;top:0}.adyen-checkout__label__text{color:var(--adyen-sdk-color-label-primary,#00112c);display:block;font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-body-line-height,20px);margin-bottom:var(--adyen-sdk-spacer-020,4px);overflow:hidden;text-overflow:ellipsis;transition:color .1s ease-out;white-space:nowrap}.adyen-checkout__label__text--error{color:var(--adyen-sdk-color-label-critical,#e22d2d)}.adyen-checkout__label--focused .adyen-checkout__label__text{color:var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout-contextual-text,.adyen-checkout-contextual-text--error{align-items:center;color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;font-size:var(--adyen-sdk-text-caption-font-size,.75rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-top:var(--adyen-sdk-spacer-020,4px);opacity:1;transition:margin .2s ease-out,opacity .2s ease-out}.adyen-checkout-contextual-text--error{color:var(--adyen-sdk-color-label-critical,#e22d2d)}.adyen-checkout-contextual-text--hidden{height:0;margin:0;opacity:0}
.adyen-checkout__filter-input:-webkit-autofill,.adyen-checkout__input:-webkit-autofill{color:var(--adyen-sdk-color-label-primary,#00112c)!important;-webkit-text-fill-color:var(--adyen-sdk-color-label-primary,#00112c)!important;-webkit-background-clip:text!important;background-clip:text!important;background-color:var(--adyen-sdk-color-label-primary,#00112c)!important;box-shadow:0 0 0 1000px var(--adyen-sdk-color-background-primary,#ffffff) inset!important;-webkit-transition:none!important;transition:none!important}.adyen-checkout__filter-input:-webkit-autofill,.adyen-checkout__filter-input:-webkit-autofill:active,.adyen-checkout__filter-input:-webkit-autofill:focus,.adyen-checkout__filter-input:-webkit-autofill:hover,.adyen-checkout__filter-input:autofill,.adyen-checkout__input:-webkit-autofill,.adyen-checkout__input:-webkit-autofill:active,.adyen-checkout__input:-webkit-autofill:focus,.adyen-checkout__input:-webkit-autofill:hover,.adyen-checkout__input:autofill{color:var(--adyen-sdk-color-label-primary,#00112c)!important;-webkit-text-fill-color:var(--adyen-sdk-color-label-primary,#00112c)!important;-webkit-background-clip:text!important;background-clip:text!important;background-color:var(--adyen-sdk-color-label-primary,#00112c)!important;box-shadow:0 0 0 1000px var(--adyen-sdk-color-background-primary,#ffffff) inset!important;-webkit-transition:none!important;transition:none!important}.adyen-checkout__filter-input,.adyen-checkout__input{-webkit-background-clip:text!important;background-clip:text!important;color:var(--adyen-sdk-color-label-primary,#00112c)!important}.adyen-checkout__field-wrapper{display:flex;width:100%}@media (min-width:480px){.adyen-checkout__field--20{width:20%}.adyen-checkout__field--30{width:30%}.adyen-checkout__field--40{width:40%}.adyen-checkout__field--50{width:50%}.adyen-checkout__field--60{width:60%}.adyen-checkout__field--70{width:70%}.adyen-checkout__field--80{width:80%}.adyen-checkout__field--col-20{width:calc(20% - var(--adyen-sdk-spacer-040, 8px))}.adyen-checkout__field--col-30{width:calc(30% - var(--adyen-sdk-spacer-040, 8px))}.adyen-checkout__field--col-40{width:calc(40% - var(--adyen-sdk-spacer-040, 8px))}.adyen-checkout__field--col-50{width:calc(50% - var(--adyen-sdk-spacer-040, 8px))}.adyen-checkout__field--col-60{width:calc(60% - var(--adyen-sdk-spacer-040, 8px))}.adyen-checkout__field--col-70{width:calc(70% - var(--adyen-sdk-spacer-040, 8px))}.adyen-checkout__field--col-80{width:calc(80% - var(--adyen-sdk-spacer-040, 8px))}}.adyen-checkout__field-wrapper>.adyen-checkout__field:first-child{margin-right:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:first-child{margin-left:var(--adyen-sdk-spacer-040,8px);margin-right:0}.adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2){margin-left:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2){margin-left:0;margin-right:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__field-wrapper:last-of-type>.adyen-checkout__field{margin-bottom:0}.adyen-checkout__input{background:inherit;color:var(--adyen-sdk-color-label-primary,#00112c);display:block;font-family:inherit;font-size:var(--adyen-sdk-text-subtitle-font-size,1rem);height:var(--adyen-sdk-spacer-110,40px);outline:none;padding-left:var(--adyen-sdk-spacer-060,12px);transition:border .2s ease-out,box-shadow .2s ease-out;width:100%}.adyen-checkout__input:required{box-shadow:none}.adyen-checkout__input:-moz-read-only{color:var(--adyen-sdk-color-label-secondary,#5c687c)!important;cursor:default}.adyen-checkout__input:disabled,.adyen-checkout__input:read-only{color:var(--adyen-sdk-color-label-secondary,#5c687c)!important;cursor:default}span.adyen-checkout__input{overflow:hidden}.adyen-checkout-input__inline-validation{height:var(--adyen-sdk-spacer-070,16px);margin-right:var(--adyen-sdk-spacer-060,12px);width:var(--adyen-sdk-spacer-070,16px)}[dir=rtl] .adyen-checkout-input__inline-validation{margin-left:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout-input__inline-validation>.adyen-checkout__icon{display:block}.adyen-checkout-input__inline-validation--valid{color:var(--adyen-sdk-color-label-success,#07893c)}.adyen-checkout-input__inline-validation--invalid{color:var(--adyen-sdk-color-label-critical,#e22d2d)}.adyen-checkout__input--date{padding:.5em}
.adyen-checkout__fieldset{border:none;display:block;margin-inline-end:0;margin-inline-start:0;margin:0;padding-block-start:0;padding-bottom:var(--adyen-sdk-spacer-040,8px);padding-block-end:0;padding-inline-end:0;padding-inline-start:0;width:100%}.adyen-checkout__fieldset__description{color:var(--adyen-sdk-color-label-secondary,#5c687c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:1.5;list-style-type:disc;margin:0}.adyen-checkout__fieldset:last-of-type{padding-bottom:0}.adyen-checkout__fieldset+.adyen-checkout__fieldset{margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__fieldset__title{color:var(--adyen-sdk-color-label-primary,#00112c);display:block;font-size:var(--adyen-sdk-text-subtitle-font-size,1rem);font-weight:var(--adyen-sdk-text-subtitle-stronger-font-weight,600);font-weight:var(--adyen-sdk-text-subtitle-font-weight,500);line-height:var(--adyen-sdk-text-subtitle-line-height,26px);margin:0;padding:0 0 var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__fieldset__title:has(+.adyen-checkout__fieldset__description){padding:0}.adyen-checkout__field-group,.adyen-checkout__fieldset__fields{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}@media (min-width:480px){.adyen-checkout__field-group:last-of-type .adyen-checkout__field{margin-bottom:0}}.adyen-checkout__field-group:last-of-type .adyen-checkout__field:last-of-type,:not(.adyen-checkout__field-group)>.adyen-checkout__field:last-of-type{margin-bottom:0}.adyen-checkout__fieldset--readonly .adyen-checkout__fieldset__fields{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:0}
.adyen-checkout__radio_group+.adyen-checkout-input__inline-validation{display:none}.adyen-checkout__radio_group__input{opacity:0;position:absolute}.adyen-checkout__radio_group__label{color:inherit;display:block;font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:400;line-height:var(--adyen-sdk-text-body-line-height,20px);margin:0;overflow:visible;padding-bottom:0;padding-left:var(--adyen-sdk-spacer-090,24px);position:relative}.adyen-checkout__label--focused .adyen-checkout__radio_group__label{color:inherit}.adyen-checkout__radio_group__label:before{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-tertiary,#8d95a3);border-radius:50%;content:"";height:var(--adyen-sdk-spacer-070,16px);left:0;position:absolute;top:var(--adyen-sdk-spacer-010,2px);transition:border-color .2s ease-out,box-shadow .2s ease-out;width:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__radio_group__label:hover:before{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3);cursor:pointer}.adyen-checkout__radio_group__label:after{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border-radius:50%;box-shadow:0 1px 1px rgba(0,15,45,.25);content:"";display:block;height:var(--adyen-sdk-spacer-030,6px);left:5px;margin:0 auto;position:absolute;top:7px;transform:scale(0);transition:transform .2s ease-out;width:var(--adyen-sdk-spacer-030,6px)}.adyen-checkout__radio_group__label:hover{border-color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__label--selected{background-color:var(--adyen-sdk-color-label-primary,#00112c);border:0;transition:all .2s ease-out}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:after{transform:scale(1)}.adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before{border-color:var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:hover:before,.adyen-checkout__radio_group__input:checked:active+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before{border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-critical,#e22d2d)}.adyen-checkout__radio_group--button{align-items:flex-start;align-self:stretch;display:flex;flex-wrap:wrap;gap:var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input-wrapper{display:flex;flex:1 0 0}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label:after{left:calc(var(--adyen-sdk-spacer-060, 12px) + 5px);position:absolute;top:calc(50% - var(--adyen-sdk-spacer-030, 6px)/2)}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label:before{left:calc(var(--adyen-sdk-spacer-060, 12px));position:absolute;top:calc(50% - var(--adyen-sdk-spacer-070, 16px)/2)}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);padding:var(--adyen-sdk-spacer-060,12px);padding-left:calc(var(--adyen-sdk-spacer-060, 12px) + var(--adyen-sdk-spacer-090, 24px));width:100%}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input+.adyen-checkout__radio_group__label:hover,.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked:active+.adyen-checkout__radio_group__label,.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c)}
.adyen-checkout__image{opacity:0;transition:opacity .6s ease-out}.adyen-checkout__image--loaded{opacity:1}
.adyen-checkout__dropdown__button-icon--left{flex-direction:row-reverse;justify-content:flex-end}.adyen-checkout__dropdown__button-icon--left>img{margin-left:0;margin-right:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__dropdown{max-width:100%;position:relative}.adyen-checkout__dropdown,.adyen-checkout__dropdown__button{font-size:var(--adyen-sdk-text-subtitle-font-size,1rem);width:100%}.adyen-checkout__dropdown__button{align-items:center;background:inherit;border-radius:inherit;color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;display:flex;height:var(--adyen-sdk-spacer-110,40px);line-height:var(--adyen-sdk-text-body-line-height,20px);outline:0;padding:0 var(--adyen-sdk-spacer-060,12px);text-decoration:none;transition:border .2s ease-out,box-shadow .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=rtl] .adyen-checkout__dropdown__button{padding:7px var(--adyen-sdk-spacer-060,12px) 7px var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__dropdown__button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2717%27 fill=%27none%27 viewBox=%270 0 16 17%27%3E%3Cpath fill=%27%2300112C%27 fill-rule=%27evenodd%27 d=%27M4.47 6.47a.75.75 0 0 1 1.06 0L8 8.94l2.47-2.47a.75.75 0 0 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 0 1 0-1.06%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";height:var(--adyen-sdk-spacer-030,6px);position:absolute;right:var(--adyen-sdk-spacer-070,16px);width:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__dropdown__button:after{left:var(--adyen-sdk-spacer-070,16px);right:auto}.adyen-checkout__dropdown__button--active:after{transform:rotate(180deg)}.adyen-checkout__dropdown__button--disabled{opacity:.4}.adyen-checkout__dropdown__button--readonly,.adyen-checkout__dropdown__button--readonly--active,.adyen-checkout__dropdown__button--readonly:focus,.adyen-checkout__dropdown__button--readonly:hover{background:var(--adyen-sdk-color-background-disabled,#eeeff1);border-color:transparent;color:var(--adyen-sdk-color-label-primary,#00112c);cursor:not-allowed}.adyen-checkout__dropdown__button--readonly:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%277%27 fill=%27none%27 viewBox=%270 0 8 7%27%3E%3Cpath fill=%27%23B9C4C9%27 d=%27M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6z%27/%3E%3C/svg%3E")}.adyen-checkout__dropdown__button--invalid{border-color:var(--adyen-sdk-color-outline-critical,#e22d2d)}.adyen-checkout__dropdown__button__icon{border-radius:3px;height:26px;margin-right:var(--adyen-sdk-spacer-060,12px);max-width:var(--adyen-sdk-spacer-110,40px)}.adyen-checkout__dropdown__button__text{flex-grow:1;overflow:hidden;pointer-events:none;text-align:left;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__dropdown__button__secondary-text{margin-right:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__filter-input{background:inherit;border:0;color:var(--adyen-sdk-color-label-primary,#00112c);font-family:inherit;font-size:var(--adyen-sdk-text-subtitle-font-size,1rem);height:100%;padding:0;width:100%}.adyen-checkout__filter-input:active,.adyen-checkout__filter-input:focus{outline:0}.adyen-checkout__filter-input[readonly]{border-color:transparent;color:var(--adyen-sdk-color-label-secondary,#5c687c)!important;cursor:not-allowed}.adyen-checkout__dropdown__list{background:var(--adyen-sdk-color-background-primary,#ffffff);border-radius:var(--adyen-sdk-border-radius-m,8px);box-shadow:0 var(--adyen-sdk-spacer-010,2px) 7px rgba(0,15,45,.3);display:none;list-style:none;margin:0 0 var(--adyen-sdk-spacer-120,48px);max-height:375px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:2}.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active{display:block;margin-top:var(--adyen-sdk-spacer-010,2px)}.adyen-checkout__dropdown__element{align-items:center;border:var(--adyen-sdk-border-width-s,1px) solid transparent;cursor:pointer;display:flex;font-size:var(--adyen-sdk-text-body-font-size,.875rem);-webkit-hyphens:auto;hyphens:auto;line-height:var(--adyen-sdk-text-body-line-height,20px);outline:0;padding:var(--adyen-sdk-spacer-040,8px);transition:background .2s ease-out,border-color .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-break:break-word}.adyen-checkout__dropdown__element .adyen-checkout__icon{position:absolute;right:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__dropdown__element:last-child{border-bottom:0}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active{background:rgba(230,233,235,.6)}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected{background:rgba(0,102,255,.1)}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:active,.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:focus,.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:hover{background:rgba(0,102,255,.15)}.adyen-checkout__dropdown__element--disabled{cursor:not-allowed;opacity:.4}.adyen-checkout__dropdown__element__icon{border-radius:var(--adyen-sdk-border-radius-s,4px);margin-right:var(--adyen-sdk-spacer-060,12px);max-height:26px;max-width:var(--adyen-sdk-spacer-110,40px)}.adyen-checkout__dropdown__element__text{flex-grow:1}.adyen-checkout__dropdown__element__secondary-text:not(:last-child){margin-right:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__dropdown__element__flag{margin-left:var(--adyen-sdk-spacer-040,8px);margin-right:var(--adyen-sdk-spacer-050,10px);max-height:18px;max-width:27px}.adyen-checkout__dropdown+.adyen-checkout-input__inline-validation{right:var(--adyen-sdk-spacer-100,32px)}
.adyen-checkout__installments .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none}.adyen-checkout__installments .adyen-checkout__input-wrapper:active,.adyen-checkout__installments .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__installments .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__installments .adyen-checkout__input-wrapper:focus-within:hover{box-shadow:none}.adyen-checkout__installments .adyen-checkout__fieldset--revolving-plan{margin-top:-5px}
.adyen-checkout-disclaimer__label{color:var(--adyen-sdk-color-label-secondary,#5c687c);display:inline-block;font-size:var(--adyen-sdk-text-caption-font-size,.75rem);font-weight:400;line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-top:var(--adyen-sdk-spacer-070,16px);padding-left:0}[dir=rtl] .adyen-checkout-disclaimer__label{padding-right:0}
.adyen-checkout__card__dual-branding__buttons{display:flex;opacity:.4;pointer-events:none}.adyen-checkout__card__dual-branding__buttons--active{opacity:1;pointer-events:auto}.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon{cursor:pointer;opacity:1}.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon:first-child{right:var(--adyen-sdk-spacer-110,40px)}.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon--not-selected{opacity:.5}
.adyen-checkout__card__brands{display:flex;flex-basis:auto;flex-shrink:1;flex-wrap:wrap;margin-bottom:var(--adyen-sdk-spacer-060,12px);margin-top:-12px;min-height:var(--adyen-sdk-spacer-090,24px);transition:all .3s ease-out}.adyen-checkout__card__brands__brand-wrapper{border-radius:var(--adyen-sdk-border-radius-s,4px);box-shadow:var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));display:inline-block;height:var(--adyen-sdk-spacer-070,16px);margin:var(--adyen-sdk-spacer-020,4px) var(--adyen-sdk-spacer-010,2px);overflow:hidden;position:relative;width:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__card__brands--hidden{margin:-8px 0 8px;max-height:0;min-height:0;opacity:0}.adyen-checkout__card__brands img{display:block;height:auto;margin:0;padding:0;width:100%}
.adyen-checkout__checkbox{display:flex;width:100%}.adyen-checkout__checkbox__label{color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;display:inline-block;flex:1;font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:400;line-height:var(--adyen-sdk-text-caption-line-height,18px);padding-left:var(--adyen-sdk-spacer-090,24px);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=rtl] .adyen-checkout__checkbox__label{padding-left:0;padding-right:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__checkbox__input{opacity:0;pointer-events:none;position:absolute}.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:before{opacity:1}.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:after{background-color:var(--adyen-sdk-color-label-primary,#00112c);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout__checkbox__input:checked:hover+.adyen-checkout__checkbox__label:after{border-color:var(--adyen-sdk-color-label-primary,#00112c);box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__checkbox__input:focus+.adyen-checkout__checkbox__label:after{border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-label-primary,#00112c);box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__checkbox__input:hover:not(:focus)+.adyen-checkout__checkbox__label:after{border-color:var(--adyen-sdk-color-outline-tertiary,#8d95a3);box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3)}.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before{border-bottom:var(--adyen-sdk-spacer-010,2px) solid var(--adyen-sdk-color-label-on-color,#ffffff);border-left:1px solid transparent;border-radius:0 var(--adyen-sdk-spacer-010,2px) 1px;border-right:var(--adyen-sdk-spacer-010,2px) solid var(--adyen-sdk-color-label-on-color,#ffffff);border-top:1px solid transparent;content:"";height:11px;left:1px;opacity:0;position:absolute;top:var(--adyen-sdk-spacer-010,2px);transform:rotate(37deg);transform-origin:100% 100%;transition:opacity .2s ease-out;width:var(--adyen-sdk-spacer-030,6px);z-index:1}[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before{left:auto;right:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-s,4px);content:"";height:var(--adyen-sdk-spacer-070,16px);left:0;position:absolute;top:0;transition:background .15s ease-out,border .05s ease-out,box-shadow .1s ease-out;width:var(--adyen-sdk-spacer-070,16px);z-index:0}[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after{left:auto;right:0}.adyen-checkout__field--consentCheckbox{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex}.adyen-checkout__field--consentCheckbox,[dir=rtl] .adyen-checkout__field--consentCheckbox{padding:var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__field--consentCheckbox .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none;flex:1;justify-content:space-between}.adyen-checkout__field--consentCheckbox .adyen-checkout__input-wrapper:active,.adyen-checkout__field--consentCheckbox .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__field--consentCheckbox .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__field--consentCheckbox .adyen-checkout__input-wrapper:focus-within:hover{box-shadow:none}.adyen-checkout__field--consentCheckbox.adyen-checkout__field--error{border-color:var(--adyen-sdk-color-outline-critical,#e22d2d)}.adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation{margin-right:0}[dir=rtl] .adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation{margin-left:0}
.adyen-checkout__address-search{position:relative}.adyen-checkout__address-search .adyen-checkout__dropdown__button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27none%27 viewBox=%270 0 16 16%27%3E%3Cpath fill=%27%23687282%27 d=%27M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45m0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z%27/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";height:var(--adyen-sdk-spacer-070,16px);left:var(--adyen-sdk-spacer-060,12px);position:absolute;width:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__address-search .adyen-checkout__dropdown__button--active:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27none%27 viewBox=%270 0 16 16%27%3E%3Cpath fill=%27%2300112C%27 d=%27M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45m0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z%27/%3E%3C/svg%3E");transform:none}.adyen-checkout__address-search .adyen-checkout__filter-input{padding-left:calc(var(--adyen-sdk-spacer-040, 8px) + var(--adyen-sdk-spacer-070, 16px));position:relative}.adyen-checkout__address-search__manual-add{position:absolute;right:0;top:0}.adyen-checkout__address-search__manual-add .adyen-checkout__address-search__manual-add__button{border:0;padding:0}
.adyen-checkout-form-instruction{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-caption-font-size,.75rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-070,16px);margin-top:0}[dir=rtl] .adyen-checkout-form-instruction{padding-right:0}
.adyen-checkout__button{background:var(--adyen-sdk-color-background-always-dark,#00112c);border:0;border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-on-color,#ffffff);cursor:pointer;font-size:var(--adyen-sdk-text-title-font-size,1rem);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);height:var(--adyen-sdk-spacer-120,48px);margin:0;padding:var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-000,0);text-decoration:none;transition:background .3s ease-out,box-shadow .3s ease-out;width:100%}.adyen-checkout__button:focus{box-shadow:0 0 0 1px var(--adyen-sdk-color-outline-tertiary,#8d95a3);outline:0}.adyen-checkout__button:hover{background:var(--adyen-sdk-color-background-inverse-primary-hover,#5c687c);box-shadow:0 0,0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-spacer-020,4px) -1px rgba(0,0,0,.2),0 var(--adyen-sdk-spacer-020,4px) 5px 0 rgba(0,0,0,.14)}.adyen-checkout__button:active{background:var(--adyen-sdk-color-background-always-dark-active,#8d95a3)}.adyen-checkout__button:hover:focus{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3),0 3px var(--adyen-sdk-spacer-020,4px) rgba(0,15,45,.2)}.adyen-checkout__button:disabled,.adyen-checkout__button:disabled:hover{box-shadow:none;cursor:not-allowed;opacity:.4;-webkit-user-select:all;-moz-user-select:all;user-select:all}.adyen-checkout__button.adyen-checkout__button--loading{background:var(--adyen-sdk-color-label-disabled,#8d95a3);box-shadow:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__button.adyen-checkout__button--pay{display:flex;justify-content:center;margin-top:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__button.adyen-checkout__button--pay:disabled{opacity:.4}.adyen-checkout__button.adyen-checkout__button--standalone{margin-top:0}.adyen-checkout__button.adyen-checkout__button--inline{display:block;font-size:.81em;height:auto;padding:var(--adyen-sdk-spacer-050,10px) var(--adyen-sdk-spacer-040,8px);width:auto}.adyen-checkout__button.adyen-checkout__button--ghost{background:none;border:0;color:var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout__button.adyen-checkout__button--ghost .adyen-checkout__spinner:before{border-color:var(--adyen-sdk-color-background-inverse-primary,#00112c);border-top-color:transparent;opacity:.1}.adyen-checkout__button.adyen-checkout__button--ghost .adyen-checkout__spinner:after{border-color:transparent;border-top-color:var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__button.adyen-checkout__button--ghost:hover{background:var(--adyen-sdk-color-background-secondary-hover,#eeeff1);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--ghost:active{background:var(--adyen-sdk-color-background-secondary-active,#e3e5e9);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--secondary{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-label-primary,#00112c);color:var(--adyen-sdk-color-label-primary,#00112c);padding:var(--adyen-sdk-spacer-050,10px) var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner:before{border-color:var(--adyen-sdk-color-background-inverse-primary,#00112c);border-top-color:transparent;opacity:.1}.adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner:after{border-color:transparent;border-top-color:var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__button.adyen-checkout__button--secondary:hover{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);box-shadow:0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-spacer-020,4px) rgba(27,42,60,.2),0 var(--adyen-sdk-spacer-020,4px) 5px rgba(27,42,60,.14)}.adyen-checkout__button.adyen-checkout__button--secondary:active,.adyen-checkout__button.adyen-checkout__button--secondary:active:hover{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--secondary:focus{box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-tertiary,#8d95a3);outline:0}.adyen-checkout__button.adyen-checkout__button--secondary:disabled,.adyen-checkout__button.adyen-checkout__button--secondary:disabled:hover{background-color:var(--adyen-sdk-color-background-secondary,#f7f7f8);border-color:var(--adyen-sdk-color-outline-disabled,#dbdee2);box-shadow:none;cursor:not-allowed;opacity:.5;-webkit-user-select:all;-moz-user-select:all;user-select:all}.adyen-checkout__button.adyen-checkout__button--action{background:var(--adyen-sdk-color-background-always-dark,#00112c);border:var(--adyen-sdk-border-width-s,1px) solid transparent;color:var(--adyen-sdk-color-label-on-color,#ffffff);padding:var(--adyen-sdk-spacer-050,10px) var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__button.adyen-checkout__button--action:hover{background:var(--adyen-sdk-color-background-inverse-primary-hover,#5c687c);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--action:active,.adyen-checkout__button.adyen-checkout__button--action:active:hover{background:var(--adyen-sdk-color-background-always-dark-active,#8d95a3);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--link{background:transparent;border:var(--adyen-sdk-border-width-s,1px) solid transparent;border-radius:var(--adyen-sdk-border-radius-s,4px);color:var(--adyen-sdk-color-label-highlight,#0070f5);font-weight:var(--adyen-sdk-text-body-font-weight,400);padding:var(--adyen-sdk-spacer-010,2px);text-decoration:none}.adyen-checkout__button.adyen-checkout__button--link:hover{background:transparent;box-shadow:none;text-decoration:underline}.adyen-checkout__button.adyen-checkout__button--completed,.adyen-checkout__button.adyen-checkout__button--completed:active,.adyen-checkout__button.adyen-checkout__button--completed:active:hover,.adyen-checkout__button.adyen-checkout__button--completed:hover{background:var(--adyen-sdk-color-label-success,#07893c);color:var(--adyen-sdk-color-label-on-color,#ffffff)}.adyen-checkout__button.adyen-checkout__button--completed .adyen-checkout__button__icon{filter:brightness(0) invert(1)}.adyen-checkout__button__content{align-items:center;display:flex;height:100%;justify-content:center}.adyen-checkout__button__icon{margin-right:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__button__icon{margin-left:var(--adyen-sdk-spacer-040,8px);margin-right:0}.adyen-checkout__button__text{display:block;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__button__text--sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.adyen-checkout__button .adyen-checkout__spinner:before{border-color:var(--adyen-sdk-color-label-on-color,#ffffff);border-top-color:transparent;opacity:.1}.adyen-checkout__button .adyen-checkout__spinner:after{border-color:transparent;border-top-color:var(--adyen-sdk-color-label-on-color,#ffffff)}
.adyen-checkout-ctp__otp-resend-code-wrapper{line-height:var(--adyen-sdk-text-body-line-height,20px);margin-left:auto;position:absolute;right:0;top:0}.adyen-checkout-ctp__otp-resend-code--confirmation,.adyen-checkout-ctp__otp-resend-code--disabled{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);cursor:default;font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);margin-left:auto;pointer-events:none}.adyen-checkout-ctp__otp-resend-code--confirmation{align-items:center;display:flex}.adyen-checkout-ctp__otp-resend-code--confirmation>img{margin-left:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout-ctp__otp-resend-code-counter{color:var(--adyen-sdk-color-label-primary,#00112c);cursor:default;display:inline-block;font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);margin-left:auto;text-align:right}.adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--otp{margin-bottom:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout-ctp__otp-field-wrapper{position:relative}
.adyen_checkout-ctp__brand-wrapper{align-items:center;display:flex;height:18px}.adyen_checkout-ctp__brand-logo{margin-right:var(--adyen-sdk-spacer-030,6px);width:var(--adyen-sdk-spacer-090,24px)}.adyen_checkout-ctp__brand-pipe{height:15px;margin-right:var(--adyen-sdk-spacer-030,6px)}.adyen_checkout-ctp__brand-scheme{margin-right:var(--adyen-sdk-spacer-030,6px);-o-object-fit:none;object-fit:none}.adyen_checkout-ctp__brand-scheme-mc{width:27px}.adyen_checkout-ctp__brand-scheme-visa{width:35px}
.adyen-checkout__modal-wrapper{align-items:center;display:flex;height:100%;left:0;overflow-y:auto;overscroll-behavior-y:contain;padding:var(--adyen-sdk-spacer-090,24px);position:fixed;top:0;visibility:hidden;width:100%;z-index:10}.adyen-checkout__modal-wrapper:before{background:rgba(0,17,44,.5);content:"";height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s linear;width:100%;z-index:10}.adyen-checkout__modal-wrapper--open{visibility:visible}.adyen-checkout__modal-wrapper--open .adyen-checkout__modal,.adyen-checkout__modal-wrapper--open:before{opacity:1}.adyen-checkout__modal{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border-radius:var(--adyen-sdk-border-radius-m,8px);box-shadow:0 var(--adyen-sdk-spacer-040,8px) var(--adyen-sdk-spacer-090,24px) rgba(0,17,44,.15);margin:auto;opacity:0;padding:var(--adyen-sdk-spacer-070,16px);position:relative;transition:opacity .2s ease,visibility .2s ease;z-index:11}@media (max-width:480px){.adyen-checkout__modal-wrapper{padding:0}.adyen-checkout__modal{border-radius:0;height:100%}}
.adyen-checkout__ctp-modal-header-image{display:block;margin:auto}.adyen-checkout__ctp-modal-title{font-size:var(--adyen-sdk-text-title-m-font-size,1.25rem);font-weight:700;line-height:var(--adyen-sdk-spacer-090,24px);margin:0 0 var(--adyen-sdk-spacer-060,12px);padding:0}.adyen-checkout__ctp-modal-text{font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__ctp-modal-benefits{margin-left:0;padding-left:var(--adyen-sdk-spacer-080,20px)}.adyen-checkout__ctp-modal-benefits li{list-style:disc;margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__modal-wrapper--ctp .adyen-checkout__modal{max-width:464px}.adyen_checkout-ctp__brand-wrapper--popup{justify-content:center;margin-bottom:var(--adyen-sdk-spacer-090,24px)}
.adyen-web__ctp-info-button{background-color:transparent;border:0;cursor:pointer;padding:0}
.adyen-checkout__button--section-logout-button{margin-left:auto}.adyen-checkout__button--section-logout-button--disabled{color:var(--adyen-sdk-color-label-disabled,#8d95a3);pointer-events:none}
.adyen-checkout-ctp__section{background-color:white;border-radius:var(--adyen-sdk-spacer-060,12px);box-shadow:0 6px 12px rgba(0,17,44,.08),0 2px 4px rgba(0,17,44,.04);padding:var(--adyen-sdk-spacer-070,16px);position:relative}.adyen-checkout-ctp__section-brand{align-items:center;display:flex;height:18px;margin-bottom:16px}.adyen-checkout-ctp__section--standalone{all:unset}.adyen-checkout-ctp__section .adyen-checkout__fieldset{margin-bottom:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout-ctp__section-header{align-items:center;display:flex}.adyen-checkout-ctp__section-header-title{font-size:var(--adyen-sdk-text-title-font-size,1rem);font-weight:var(--adyen-sdk-text-title-font-weight,600);line-height:22px;margin:0;padding:0;width:auto}@media screen and (max-width:400px){.adyen-checkout-ctp__section-header-title{font-size:var(--adyen-sdk-text-body-font-size,.875rem)}}.adyen-checkout-ctp__section-header-adornment{margin-left:5px}.adyen-checkout-ctp__section-text{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:0 0 var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-ctp__section-text,.adyen-checkout-ctp__separator{font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400)}.adyen-checkout-ctp__separator{color:var(--adyen-sdk-color-label-primary,#00112c)}
.adyen-checkout-ctp__otp-subtitle--highlighted{color:var(--adyen-sdk-color-label-primary,#00112c);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500)}
.adyen-checkout-ctp__otp-checkbox-container{background-color:#f7f8f9;border-radius:var(--adyen-sdk-border-radius-s,4px);margin-bottom:var(--adyen-sdk-spacer-070,16px);padding:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout-ctp__otp-checkbox-container--checked{background-color:#F2F8FF}.adyen-checkout-ctp__otp-checkbox-container label{cursor:pointer}.adyen-checkout-ctp__section .adyen-checkout__field.adyen-checkout-ctp__otp-checkbox-container{margin-bottom:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout-ctp__otp-checkbox-info{color:#707070;font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-body-line-height,20px);margin:var(--adyen-sdk-spacer-020,4px) 0 0}.adyen-checkout-ctp__otp-readmore-button{all:unset;color:#0075ff;cursor:pointer;text-transform:lowercase}
.adyen-checkout-ctp__card-list-single-card{align-items:center;background-color:var(--adyen-sdk-color-background-secondary,#f7f7f8);border-radius:var(--adyen-sdk-spacer-030,6px);display:flex;font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);height:var(--adyen-sdk-spacer-110,40px);line-height:var(--adyen-sdk-text-caption-line-height,18px);padding:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout-ctp__card-list-single-card-expired{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);text-decoration:line-through}.adyen-checkout-ctp__expired-label{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);line-height:17px;margin-left:auto}.adyen-checkout-ctp__card-image{border-radius:3px;height:24px;margin-right:var(--adyen-sdk-spacer-040,8px)}
.checkout-secondary-button__text{font-size:.85em;margin-left:5px;margin-top:1px}
.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled{opacity:1}.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__text{margin:0;opacity:.4;text-decoration:line-through}.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__secondary-text{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);line-height:17px}.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled{opacity:1}.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__text{opacity:.4;text-decoration:line-through}.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__secondary-text{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);opacity:1}
.adyen-checkout__iframe{border:0}
.adyen-checkout-ctp__card{background-color:white;border:none;border-radius:var(--adyen-sdk-spacer-020,4px);box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) #999595;cursor:pointer;height:var(--adyen-sdk-spacer-110,40px);margin:0;margin-bottom:var(--adyen-sdk-spacer-080,20px);width:100%}.adyen-checkout-ctp__empty-cards{align-items:center;background-color:var(--adyen-sdk-color-background-secondary,#f7f7f8);border-radius:var(--adyen-sdk-spacer-030,6px);color:var(--adyen-sdk-color-label-tertiary,#8d95a3);display:flex;font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);height:var(--adyen-sdk-spacer-110,40px);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-090,24px);padding:var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__iframe--ctpIframe{pointer-events:auto}.adyen-checkout__iframe--ctpIframe-hidden{display:none}
@keyframes card-bounce{0%{animation-timing-function:cubic-bezier(.17,.17,.32,1);-webkit-translate:0 -60%;-moz-translate:0 -60%;-ms-translate:0 -60%;translate:0 -60%}9.70874%{animation-timing-function:cubic-bezier(.41,0,.49,1);-webkit-translate:0 8.5%;-moz-translate:0 8.5%;-ms-translate:0 8.5%;translate:0 8.5%}23.4466%{animation-timing-function:cubic-bezier(.29,0,.26,1);-webkit-translate:0 -22.5%;-moz-translate:0 -22.5%;-ms-translate:0 -22.5%;translate:0 -22.5%}47.7184%{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0}63.8835%{animation-timing-function:cubic-bezier(1,0,.78,1);-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0}86.5534%{-webkit-translate:0 40.7%;-moz-translate:0 40.7%;-ms-translate:0 40.7%;translate:0 40.7%}to{-webkit-translate:0 40.7%;-moz-translate:0 40.7%;-ms-translate:0 40.7%;translate:0 40.7%}}@keyframes card-fade-100{0%{animation-timing-function:linear;opacity:0}8.1068%{opacity:1}78.4466%{opacity:1}86.5534%{opacity:0}to{opacity:0}}@keyframes card-fade-60{0%{animation-timing-function:linear;opacity:0}8.1068%{opacity:.6}78.4466%{opacity:.6}86.5534%{opacity:0}to{opacity:0}}@keyframes card-fade-20{0%{animation-timing-function:linear;opacity:0}8.1068%{opacity:.2}78.4466%{opacity:.2}86.5534%{opacity:0}to{opacity:0}}.adyen-checkout-ctp__card-animation{aspect-ratio:1/.438;filter:grayscale(1);margin:40px auto 50px;max-width:100%;position:relative;width:140px}.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer{background-size:contain!important;height:100%;opacity:0;position:absolute;width:100%}.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:first-of-type{animation:card-bounce 2.06s linear infinite both,card-fade-100 2.06s linear infinite both;animation-delay:.1s;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271064%27 height=%27466%27 fill=%27none%27%3E%3Cpath fill=%27%23fff%27 fill-rule=%27evenodd%27 d=%27m895.31 228.862-46.416-10.988c-1.172-.381-2.528-.481-3.565-.203-1.582.424-1.825 1.567-.543 2.554.676.52 1.641.893 2.634 1.067l42.816 10.545-.537 21.742-2.328.624-6.897 1.848 1.146-20.056q.002-.019.003-.037h.005c.061-.536-.274-1.054-.864-1.494-.563-.447-1.399-.831-2.462-1.065l-.003.001-.072-.016-46.587-10.849-.032-.008c-1.18-.39-2.554-.496-3.601-.215l-16.926 4.535c-1.582.424-1.825 1.568-.542 2.555.389.299.859.593 1.407.742l44.453 10.938-.526 19.429c-.021.101.234 2.007-2.662 2.783l-22.831 6.118c-3.105.832-7.644.01-10.253-1.998l-32.227-24.8c-2.271-1.748-2.029-4.233 1.146-5.083l14.204-3.806c1.674-.449 1.938-1.481.58-2.526s-3.556-1.501-5.23-1.053l-14.297 3.879c-6.795 1.82-6.817 6.539-2.199 10.093l32.275 24.837c4.972 3.826 14.615 5.636 20.567 4.042l22.824-6.116c1.151-.309 2.067-.696 2.797-1.118q.156-.091.301-.183c2.32-1.48 2.521-3.296 2.528-3.671l1.19-21.406c.081-.992-1.14-2.073-3.289-2.548l-.003.002-.072-.017-39.385-9.196 7.065-1.893 2.329-.624 41.998 10.256-.496 22.836q0 .01.093.032c.113.304.361.618.75.918 1.283.987 3.605 1.443 5.187 1.02l16.925-4.535c1.048-.281 1.507-.878 1.326-1.536l1.612-23.779.002-.037.005-.001c.123-1.083-1.369-2.092-3.323-2.539%27/%3E%3Cpath stroke=%27%23fff%27 d=%27m895.31 228.862-46.416-10.988c-1.172-.381-2.528-.481-3.565-.203-1.582.424-1.825 1.567-.543 2.554.676.52 1.641.893 2.634 1.067l42.816 10.545-.537 21.742-2.328.624-6.897 1.848 1.146-20.056q.002-.019.003-.037h.005c.061-.536-.274-1.054-.864-1.494-.563-.447-1.399-.831-2.462-1.065l-.003.001-.072-.016-46.587-10.849-.032-.008c-1.18-.39-2.554-.496-3.601-.215l-16.926 4.535c-1.582.424-1.825 1.568-.542 2.555.389.299.859.593 1.407.742l44.453 10.938-.526 19.429c-.021.101.234 2.007-2.662 2.783l-22.831 6.118c-3.105.832-7.644.01-10.253-1.998l-32.227-24.8c-2.271-1.748-2.029-4.233 1.146-5.083l14.204-3.806c1.674-.449 1.938-1.481.58-2.526s-3.556-1.501-5.23-1.053l-14.297 3.879c-6.795 1.82-6.817 6.539-2.199 10.093l32.275 24.837c4.972 3.826 14.615 5.636 20.567 4.042l22.824-6.116c1.151-.309 2.067-.696 2.797-1.118q.156-.091.301-.183c2.32-1.48 2.521-3.296 2.528-3.671l1.19-21.406c.081-.992-1.14-2.073-3.289-2.548l-.003.002-.072-.017-39.385-9.196 7.065-1.893 2.329-.624 41.998 10.256-.496 22.836q0 .01.093.032c.113.304.361.618.75.918 1.283.987 3.605 1.443 5.187 1.02l16.925-4.535c1.048-.281 1.507-.878 1.326-1.536l1.612-23.779.002-.037.005-.001c.123-1.083-1.369-2.092-3.323-2.539%27/%3E%3Cpath fill=%27%23fff%27 fill-opacity=%27.9%27 fill-rule=%27evenodd%27 d=%27M418.95 242.813c-1.166.08-3.042-.372-4.121-.994-.702-.405-.941-.755-1.527-2.243-2.373-6.017-6.517-11.028-13.679-16.54-6.921-5.325-13.863-9.053-24.178-12.987-2.215-.844-4.182-1.652-4.368-1.795-.687-.528-.979-1.482-.612-1.986.505-.691 2.349-1.081 3.824-.809.567.103 2.521.743 4.345 1.421 7.215 2.687 13.99 5.937 20.009 9.598 3.723 2.267 9.803 6.823 12.219 9.164 4.462 4.317 7.493 8.422 9.4 12.73 1.153 2.604 1.269 3.77.4 4.003a2.4 2.4 0 0 0-.548.23c-.132.08-.653.173-1.164.208m-16.069-.701c-1.791.122-4.29-.719-4.965-1.671-.163-.23-.697-1.349-1.19-2.485-2.083-4.815-6.346-9.43-12.427-13.455-4.994-3.305-8.797-5.218-15.392-7.737-4.424-1.69-4.929-2-5.087-3.117-.146-1.06 1.961-1.804 4.061-1.431 1.457.258 8.467 2.972 11.969 4.634 11.594 5.498 19.993 12.484 23.913 19.889 2.008 3.792 1.779 5.192-.882 5.373m-16.492-.659c-1.224-.015-2.768-.406-3.758-.951-.603-.332-.912-.797-1.614-2.437-2.575-6.024-8.768-10.833-18.898-14.676-4.447-1.688-5.038-2.104-4.718-3.324.158-.605.358-.757 1.34-1.02 1.642-.44 3.175-.146 7.121 1.365 6.068 2.325 10.298 4.621 14.525 7.881 4.345 3.352 6.465 5.882 8.069 9.62.915 2.141.839 2.79-.389 3.282-.375.149-1.131.266-1.678.26m-15.379-.611c-.949.006-2.546-.385-3.476-.851-1.035-.519-1.424-1.045-1.796-2.434-.477-1.786-1.147-2.632-3.558-4.488s-3.719-2.531-6.931-3.584c-1.089-.356-2.302-.809-2.698-1.003-1.658-.818-1.914-2.296-.508-2.936 1.187-.544 2.67-.406 5.617.522 8.533 2.685 14.934 7.611 15.941 12.27.357 1.645-.521 2.495-2.591 2.504%27/%3E%3Crect width=%27110%27 height=%2774%27 fill=%27url%28%23a%29%27 rx=%2710%27 transform=%27matrix%28.96593 -.25882 .7925 .60987 199.717 245.906%29%27/%3E%3Cg stroke=%27%23000%27 stroke-opacity=%27.8%27 stroke-width=%272%27%3E%3Cpath d=%27m233.447 236.868 46.846 36.05c.876.673.72 1.451-.347 1.737l-31.799 8.521M266.657 262.424l-33.731 9.038m17.126-21.816-33.73 9.038m115.215 13.423-46.846-36.05c-.875-.673-.72-1.451.347-1.737l31.799-8.52M298.327 246.551l33.731-9.038m-17.126 21.816 33.731-9.038%27/%3E%3Crect width=%27112%27 height=%2776%27 x=%27-1.758%27 y=%27-.351%27 rx=%2711%27 style=%27mix-blend-mode:soft-light%27 transform=%27matrix%28.96593 -.25882 .7925 .60987 199.935 245.314%29%27/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id=%27a%27 x1=%27-12.604%27 x2=%2799.193%27 y1=%270%27 y2=%2788.114%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%23fff%27/%3E%3Cstop offset=%27.484%27 stop-color=%27%23b3b3b3%27/%3E%3Cstop offset=%271%27 stop-color=%27%23fff%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271064%27 height=%27466%27 fill=%27none%27%3E%3Cg clip-path=%27url%28%23a%29%27%3E%3Crect width=%27728%27 height=%27455%27 fill=%27url%28%23b%29%27 rx=%2724%27 transform=%27matrix%28.96593 -.25882 .7925 .60987 0 188.42%29%27/%3E%3Cg fill=%27%23033783%27%3E%3Cpath fill-opacity=%27.2%27 d=%27M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49z%27/%3E%3Cpath fill-opacity=%27.4%27 d=%27M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81z%27/%3E%3C/g%3E%3Cpath fill=%27%23003780%27 d=%27M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187z%27/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id=%27b%27 x1=%2772.545%27 x2=%27249.224%27 y1=%2726.435%27 y2=%27498.002%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%233382ea%27/%3E%3Cstop offset=%271%27 stop-color=%27%23003ea9%27/%3E%3C/linearGradient%3E%3CclipPath id=%27a%27%3E%3Crect width=%27728%27 height=%27455%27 fill=%27%23fff%27 rx=%2724%27 transform=%27matrix%28.96593 -.25882 .7925 .60987 0 188.42%29%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;opacity:1;z-index:3}.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(2){animation:card-bounce 2.06s linear infinite both,card-fade-60 2.06s linear infinite both;animation-delay:50ms;opacity:.6;transform:translateY(25%);z-index:2}.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(2),.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(3){background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271064%27 height=%27466%27 fill=%27none%27%3E%3Cg clip-path=%27url%28%23a%29%27%3E%3Crect width=%27728%27 height=%27455%27 fill=%27url%28%23b%29%27 rx=%2724%27 transform=%27matrix%28.96593 -.25882 .7925 .60987 0 188.42%29%27/%3E%3Cg fill=%27%23033783%27%3E%3Cpath fill-opacity=%27.2%27 d=%27M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49z%27/%3E%3Cpath fill-opacity=%27.4%27 d=%27M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81z%27/%3E%3C/g%3E%3Cpath fill=%27%23003780%27 d=%27M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187z%27/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id=%27b%27 x1=%2772.545%27 x2=%27249.224%27 y1=%2726.435%27 y2=%27498.002%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%233382ea%27/%3E%3Cstop offset=%271%27 stop-color=%27%23003ea9%27/%3E%3C/linearGradient%3E%3CclipPath id=%27a%27%3E%3Crect width=%27728%27 height=%27455%27 fill=%27%23fff%27 rx=%2724%27 transform=%27matrix%28.96593 -.25882 .7925 .60987 0 188.42%29%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat}.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(3){animation:card-bounce 2.06s linear infinite both,card-fade-20 2.06s linear infinite both;opacity:.2;transform:translateY(50%);z-index:1}.adyen-checkout-ctp__loading-subtitle{font-size:var(--adyen-sdk-text-subtitle-font-size,1rem);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:0 auto 58px;max-width:280px;text-align:center}
.adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--shopperLogin{margin-bottom:var(--adyen-sdk-spacer-080,20px)}
.adyen-checkout__content-separator{align-items:center;color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;font-size:var(--adyen-sdk-text-body-font-size,.875rem);justify-content:center;line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-070,16px);margin-top:var(--adyen-sdk-spacer-070,16px);text-transform:capitalize;white-space:nowrap}.adyen-checkout__content-separator:after,.adyen-checkout__content-separator:before{border-bottom:1px solid var(--adyen-sdk-color-separator-primary,#dbdee2);content:"";flex:1}.adyen-checkout__content-separator:after{margin-left:var(--adyen-sdk-spacer-080,20px)}.adyen-checkout__content-separator:before{margin-right:var(--adyen-sdk-spacer-080,20px)}
.adyen-checkout-link{--text-decoration:none;color:var(--adyen-sdk-color-label-highlight,#0070f5);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration)}.adyen-checkout-link:focus-visible{outline:none}.adyen-checkout-link:active,.adyen-checkout-link:hover{--text-decoration:underline}.adyen-checkout-link:focus-visible{border-radius:var(--adyen-sdk-border-radius-xs,2px);box-shadow:0 0 0 1px #fff,0 0 0 3px var(--adyen-sdk-focus-ring-color,rgba(0,112,245,.8));transition:.1s cubic-bezier(.785,.135,.15,.86)}[class^=adyen-checkout],[class^=adyen-checkout] *,[class^=adyen-checkout] :after,[class^=adyen-checkout] :before,[class^=adyen-checkout]:after,[class^=adyen-checkout]:before{box-sizing:border-box}
.adyen-checkout__threeds2__challenge,.adyen-checkout__threeds2__challenge-container{background-color:transparent;display:block;height:inherit;min-height:400px;overflow:hidden;position:relative;width:100%}.adyen-checkout__threeds2__challenge--01,.adyen-checkout__threeds2__challenge--01 .adyen-checkout__iframe--threeDSIframe{height:400px;width:250px}.adyen-checkout__threeds2__challenge--02,.adyen-checkout__threeds2__challenge--02 .adyen-checkout__iframe--threeDSIframe{height:400px;width:390px}.adyen-checkout__threeds2__challenge--03,.adyen-checkout__threeds2__challenge--03 .adyen-checkout__iframe--threeDSIframe{height:600px;width:500px}.adyen-checkout__threeds2__challenge--04,.adyen-checkout__threeds2__challenge--04 .adyen-checkout__iframe--threeDSIframe{height:400px;width:600px}.adyen-checkout__threeds2__challenge--05,.adyen-checkout__threeds2__challenge--05 .adyen-checkout__iframe--threeDSIframe{height:100%;width:100%}.adyen-checkout__iframe--threeDSIframe{border:0;left:0;position:absolute;top:0}
.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__icon{display:block;margin:var(--adyen-sdk-spacer-130,56px) auto var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__text{color:var(--adyen-sdk-color-label-critical,#e22d2d);font-size:var(--adyen-sdk-text-title-font-size,1rem);margin-bottom:var(--adyen-sdk-spacer-130,56px);text-align:center}
.adyen-checkout__loading-input__form{transition:opacity .25s ease-out}.adyen-checkout__pm__holderName{margin-bottom:0}.adyen-checkout__pm__holderName .adyen-checkout__input{max-height:100px}.adyen-checkout__fieldset__title+.adyen-checkout__ach-sf__form{margin-top:0}.adyen-checkout__ach-input .adyen-checkout__fieldset--address,.adyen-checkout__ach-sf__form{margin-top:var(--adyen-sdk-spacer-070,16px)}.sf-input__wrapper{position:relative}.adyen-checkout__ach--loading{pointer-events:none}
.adyen-checkout__bacs--confirm{position:relative}.adyen-checkout__bacs--confirm .adyen-checkout-input__inline-validation--valid{display:none}.adyen-checkout__bacs .adyen-checkout__field--inactive{pointer-events:none}.adyen-checkout__bacs .adyen-checkout__bacs--edit{cursor:pointer;position:absolute;right:0;top:0}.adyen-checkout__bacs .adyen-checkout__bacs--edit-dropin{top:-50px}.adyen-checkout__bacs .adyen-checkout__bacs--edit .adyen-checkout__bacs--edit-button{background:none;border:none;color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;padding:0;text-align:end;text-decoration:underline}
.adyen-checkout__voucher-result{border-radius:var(--adyen-sdk-border-radius-m,8px);position:relative;text-align:center}.adyen-checkout__voucher-result__bottom,.adyen-checkout__voucher-result__top{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-separator-primary,#dbdee2)}.adyen-checkout__voucher-result__top{border-bottom:0;border-radius:var(--adyen-sdk-border-radius-m,8px) var(--adyen-sdk-border-radius-m,8px) 0 0;padding:var(--adyen-sdk-spacer-110,40px) 0 var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__voucher-result__bottom{border-radius:0 0 var(--adyen-sdk-border-radius-m,8px) var(--adyen-sdk-border-radius-m,8px);border-top:0}.adyen-checkout__voucher-result__separator{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);display:flex;margin:0 auto;position:relative}.adyen-checkout__voucher-result__separator__inner{border-top:1px solid var(--adyen-sdk-color-separator-primary,#dbdee2);width:100%}.adyen-checkout__voucher-result__image{align-items:center;display:flex;justify-content:center;margin-bottom:var(--adyen-sdk-spacer-110,40px);width:100%}.adyen-checkout-link--voucher-result-instructions{display:inline-block}.adyen-checkout__voucher-result__image__wrapper{display:block;height:var(--adyen-sdk-spacer-120,48px);margin:0 var(--adyen-sdk-spacer-090,24px);position:relative}.adyen-checkout__voucher-result__image__wrapper:after{border-radius:var(--adyen-sdk-border-radius-m,8px);box-shadow:var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));content:"";height:100%;left:0;position:absolute;top:0;width:100%}.adyen-checkout__voucher-result__image__wrapper:nth-child(2){margin-left:0}.adyen-checkout__voucher-result__image__brand,.adyen-checkout__voucher-result__image__issuer{border-radius:var(--adyen-sdk-border-radius-m,8px);height:var(--adyen-sdk-spacer-120,48px)}.adyen-checkout__voucher-result__introduction{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:0 auto;max-width:400px;text-align:center}.adyen-checkout__voucher-result__amount{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-subtitle-font-size,1rem);font-weight:700;margin:var(--adyen-sdk-spacer-090,24px) auto 0;text-align:center}.adyen-checkout__voucher-result__surcharge{color:var(--adyen-sdk-color-label-secondary,#5c687c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);text-align:center}.adyen-checkout__voucher-result__code__label,.adyen-checkout__voucher-result__surcharge{display:block;font-weight:400;line-height:var(--adyen-sdk-text-caption-line-height,18px)}.adyen-checkout__voucher-result__code__label{left:0;margin:0 auto;position:absolute;right:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto}.adyen-checkout__voucher-result__code__label:before{content:"";position:absolute}.adyen-checkout__voucher-result__code__label__text{background:var(--adyen-sdk-color-background-primary,#ffffff);color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);letter-spacing:normal;line-height:1;padding:0 var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__voucher-result__code__barcode{display:block;height:var(--adyen-sdk-spacer-130,56px);margin:0 auto var(--adyen-sdk-spacer-040,8px);max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__voucher-result__code{border-width:1px 0;color:var(--adyen-sdk-color-label-primary,#00112c);display:inline-block;font-size:var(--adyen-sdk-text-title-l-font-size,1.5rem);font-weight:700;letter-spacing:1px;line-height:1.2;margin:0 auto;padding:var(--adyen-sdk-spacer-070,16px) var(--adyen-sdk-spacer-120,48px);position:relative;text-align:center;-webkit-user-select:all;-moz-user-select:all;user-select:all;width:100%;word-break:break-word}.adyen-checkout__voucher-result__actions{align-items:center;display:flex;justify-content:center;list-style:none;margin:0 auto var(--adyen-sdk-spacer-100,32px);max-width:100%;min-width:200px;padding:0;width:300px}.adyen-checkout__voucher-result__actions__item{margin:0 var(--adyen-sdk-spacer-020,4px)}
.adyen-checkout__details-table{list-style:none;margin:-1px auto 0;padding:0}.adyen-checkout__details-table__item{border-top:1px solid var(--adyen-sdk-color-separator-primary,#dbdee2);color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;font-size:var(--adyen-sdk-text-body-font-size,.875rem);justify-content:space-between;padding:var(--adyen-sdk-spacer-070,16px) var(--adyen-sdk-spacer-090,24px);word-break:break-word}.adyen-checkout__details-table__item:last-child{margin-bottom:0}.adyen-checkout__details-table__label{max-width:50%;text-align:left}.adyen-checkout__details-table__value{font-weight:700;max-width:50%;text-align:right}
.adyen-checkout__voucher-result__introduction{font-size:var(--adyen-sdk-text-title-font-size,1rem);max-width:420px}
.adyen-checkout__fieldset--personalDetails .adyen-checkout__field--gender .adyen-checkout__radio_group{display:flex}.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group{display:flex;margin:var(--adyen-sdk-spacer-040,8px) 0}.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper{margin-right:var(--adyen-sdk-spacer-080,20px)}.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper:last-child{margin:0}.adyen-checkout__field--gender .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none}.adyen-checkout__field--gender .adyen-checkout__input-wrapper:active,.adyen-checkout__field--gender .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__field--gender .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__field--gender .adyen-checkout__input-wrapper:focus-within:hover{box-shadow:none}
.adyen-checkout__field--separateDeliveryAddress .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none}.adyen-checkout__field--separateDeliveryAddress .adyen-checkout__input-wrapper:active,.adyen-checkout__field--separateDeliveryAddress .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__field--separateDeliveryAddress .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__field--separateDeliveryAddress .adyen-checkout__input-wrapper:focus-within:hover{box-shadow:none}.adyen-checkout__open-invoice .adyen-checkout__fieldset--billingAddress,.adyen-checkout__open-invoice .adyen-checkout__fieldset--personalDetails{padding-bottom:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__open-invoice .adyen-checkout__fieldset--deliveryAddress{margin-top:var(--adyen-sdk-spacer-090,24px);padding-bottom:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__open-invoice .adyen-checkout__input--separateDeliveryAddress{margin-bottom:0}.adyen-checkout__open-invoice .adyen-checkout__field--consentCheckbox{margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__open-invoice--loading{pointer-events:none}
.adyen-checkout__amazonpay__button{margin:auto}.adyen-checkout__amazonpay .adyen-checkout__button--ghost{display:block;margin:var(--adyen-sdk-spacer-040,8px) auto 0;width:auto}
.adyen-checkout__applepay__button{height:var(--adyen-sdk-spacer-120,48px);width:240px}.adyen-checkout__dropin .adyen-checkout__applepay__button{border-radius:var(--adyen-sdk-border-radius-m,8px);width:100%}@supports (-webkit-appearance:-apple-pay-button){.apple-pay,.apple-pay-button{-webkit-appearance:-apple-pay-button}.apple-pay-button{cursor:pointer;display:inline-block}.apple-pay-button-black{-apple-pay-button-style:black}.apple-pay-button-white{-apple-pay-button-style:white}.apple-pay-button-white-with-line{-apple-pay-button-style:white-outline}.apple-pay-button--type-plain{-apple-pay-button-type:plain}.apple-pay-button--type-buy{-apple-pay-button-type:buy}.apple-pay-button--type-donate{-apple-pay-button-type:donate}.apple-pay-button--type-check-out{-apple-pay-button-type:check-out}.apple-pay-button--type-book{-apple-pay-button-type:book}.apple-pay-button--type-subscribe{-apple-pay-button-type:subscribe}.apple-pay-button--type-add-money{-apple-pay-button-type:add-money}.apple-pay-button--type-contribute{-apple-pay-button-type:contribute}.apple-pay-button--type-order{-apple-pay-button-type:order}.apple-pay-button--type-reload{-apple-pay-button-type:reload}.apple-pay-button--type-rent{-apple-pay-button-type:rent}.apple-pay-button--type-support{-apple-pay-button-type:support}.apple-pay-button--type-tip{-apple-pay-button-type:tip}.apple-pay-button--type-top-up{-apple-pay-button-type:top-up}}@supports not (-webkit-appearance:-apple-pay-button){.apple-pay-button{background-position:50% 50%;background-repeat:no-repeat;background-size:100% 60%;border-radius:5px;display:inline-block;max-height:var(--adyen-sdk-spacer-140,64px);min-height:var(--adyen-sdk-spacer-100,32px);min-width:200px;padding:0}.apple-pay-button-black{background-color:black;background-image:-webkit-named-image(apple-pay-logo-white)}.apple-pay-button-white,.apple-pay-button-white-with-line{background-color:white;background-image:-webkit-named-image(apple-pay-logo-black)}.apple-pay-button-white-with-line{border:.5px solid black}}
.adyen-checkout__cashapp>.adyen-checkout__store-details{margin-bottom:var(--adyen-sdk-spacer-070,16px);margin-top:0}
.adyen-checkout__paywithgoogle{height:var(--adyen-sdk-spacer-120,48px)}
.adyen-checkout__paypal__buttons{position:relative;z-index:0}.adyen-checkout__paypal__button{display:flex;margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__paypal__button:empty{display:none}.adyen-checkout__paypal__status--pending{margin:var(--adyen-sdk-spacer-070,16px) 0}.adyen-checkout__paypal__status--processing{align-items:center;display:flex;font-size:var(--adyen-sdk-text-body-font-size,.875rem);justify-content:center;padding:var(--adyen-sdk-spacer-090,24px) 0}.adyen-checkout__paypal-processing .adyen-checkout__paypal__button{display:none}.adyen-checkout__payment-method .adyen-checkout__paypal__status--pending{margin:var(--adyen-sdk-spacer-070,16px) 0 38px}.adyen-checkout__payment-method .adyen-checkout__paypal__status--processing{padding:var(--adyen-sdk-spacer-080,20px) 0 65px}
.adyen-checkout__field--sendCopyToEmail .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none}.adyen-checkout__field--sendCopyToEmail .adyen-checkout__input-wrapper:active,.adyen-checkout__field--sendCopyToEmail .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__field--sendCopyToEmail .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__field--sendCopyToEmail .adyen-checkout__input-wrapper:focus-within:hover{box-shadow:none}
.adyen-checkout__voucher-result--boletobancario .adyen-checkout__voucher-result__code{font-size:var(--adyen-sdk-text-body-font-size,.875rem);line-height:var(--adyen-sdk-text-caption-line-height,18px);padding:var(--adyen-sdk-spacer-090,24px);word-break:break-all}
.adyen-checkout__voucher-result--oxxo .adyen-checkout__voucher-result__code{font-size:var(--adyen-sdk-text-body-font-size,.875rem);line-height:var(--adyen-sdk-text-caption-line-height,18px);padding:var(--adyen-sdk-spacer-090,24px);word-break:break-all}
.adyen-checkout__issuer-button{align-items:center;background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:none;border-radius:var(--adyen-sdk-border-radius-m,8px);box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-outline-primary,#dbdee2);cursor:pointer;display:flex;flex-basis:47%;flex-grow:2;font-size:var(--adyen-sdk-text-body-font-size,.875rem);height:var(--adyen-sdk-spacer-110,40px);justify-content:space-between;padding:var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-060,12px);transition:background .3s ease-out,box-shadow .3s ease-out}.adyen-checkout__issuer-button:active{color:var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus{box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-outline-tertiary,#8d95a3);outline:none}.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus-visible{box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-outline-tertiary,#8d95a3);outline:none}.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):hover{box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-outline-tertiary,#8d95a3);outline:none}.adyen-checkout__issuer-button--selected{background:var(--adyen-sdk-color-background-primary,#ffffff);box-shadow:inset 0 0 0 1.5px var(--adyen-sdk-color-outline-primary-active,#00112c);color:var(--adyen-sdk-color-label-primary,#00112c);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);height:var(--adyen-sdk-spacer-110,40px);transition:none}.adyen-checkout__issuer-button-img{margin-right:var(--adyen-sdk-spacer-040,8px);max-height:26px}
.adyen-checkout__issuer-button-group{display:flex;flex-wrap:wrap;gap:var(--adyen-sdk-spacer-070,16px)}
.adyen-checkout__field--issuer-list{margin-bottom:0}
.adyen-checkout__econtext-input__field>.adyen-checkout__button--pay:only-child{margin-top:0}
.adyen-checkout-trustly{margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-trustly__descriptor{font-size:var(--adyen-sdk-text-subtitle-font-size,1rem);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);margin:var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-020,4px)}.adyen-checkout-trustly__description-list{font-size:var(--adyen-sdk-text-body-font-size,.875rem);line-height:1.5;list-style-type:disc;margin:0;padding-left:var(--adyen-sdk-spacer-080,20px)}
.adyen-checkout-paybybank_AIS_DD{margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-paybybank_AIS_DD__description-header{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-subtitle-font-size,1rem);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);margin:var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-020,4px)}.adyen-checkout-paybybank_AIS_DD__description-body{color:var(--adyen-sdk-color-label-secondary,#5c687c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:1.5;list-style-type:disc;margin:0}@media (max-width:330px){.adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:nth-child(2){display:none}}@media (max-width:360px){.adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:nth-child(3){display:none}}@media (max-width:390px){.adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:nth-child(4){display:none}}.adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brand-number{text-overflow:clip;white-space:nowrap}
.adyen-checkout__klarna-widget{pointer-events:all}
.adyen-checkout__qr-loader{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;flex-direction:column;padding:var(--adyen-sdk-spacer-110,40px);padding-bottom:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__qr-loader--result{gap:var(--adyen-sdk-spacer-090,24px);padding:100px}.adyen-checkout__qr-loader--app{border:0;border-radius:0;padding:0}.adyen-checkout__qr-loader__brand-logo-wrapper{border-radius:var(--adyen-sdk-border-radius-s,4px);box-shadow:var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));margin-bottom:var(--adyen-sdk-spacer-090,24px);overflow:hidden}.adyen-checkout__qr-loader__brand-logo{display:block;width:80px}.adyen-checkout__qr-loader__subtitle{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);line-height:var(--adyen-sdk-text-body-line-height,20px);max-width:400px;text-align:center}.adyen-checkout__qr-loader__icon{height:88px;width:88px}.adyen-checkout__qr-loader__payment_amount{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-title-l-font-size,1.5rem);font-weight:var(--adyen-sdk-text-title-l-font-weight,600);line-height:var(--adyen-sdk-text-body-wide-line-height,24px);margin-bottom:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__qr-loader__progress{background:var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:var(--adyen-sdk-border-radius-l,12px);height:var(--adyen-sdk-spacer-020,4px);margin-bottom:var(--adyen-sdk-spacer-060,12px);padding-right:3%;width:152px}[dir=rtl] .adyen-checkout__qr-loader__progress{padding-left:3%;padding-right:0}.adyen-checkout__qr-loader__percentage{background:var(--adyen-sdk-color-label-primary,#00112c);border-radius:var(--adyen-sdk-border-radius-l,12px);display:block;height:100%}.adyen-checkout__qr-loader__countdown{font-size:var(--adyen-sdk-text-caption-font-size,.75rem);text-align:center}.adyen-checkout__qr-loader>.adyen-checkout__spinner__wrapper{margin:60px 0}.adyen-checkout__qr-loader__app-link{display:none}.adyen-checkout__button.adyen-checkout__button--qr-loader{margin-top:var(--adyen-sdk-spacer-090,24px);text-decoration:none}.adyen-checkout__qr-loader__instructions{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);font-size:var(--adyen-sdk-text-subtitle-font-size,1rem);line-height:1.5;margin-top:var(--adyen-sdk-spacer-090,24px);max-width:300px}.adyen-checkout__qr-loader__actions{align-items:center;display:flex;justify-content:center;margin-top:var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__await__instructions{display:flex;justify-content:center}@media (max-width:1024px){.adyen-checkout__qr-loader__app-link{display:block;min-width:220px}}
.adyen-checkout__qr-loader--swish>.adyen-checkout__qr-loader__instructions{text-align:center}
.adyen-checkout-paynow__introduction{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-body-line-height,20px);text-align:center}
.adyen-checkout-timeline-wrapper{background-color:var(--adyen-sdk-color-background-secondary,#f7f7f8);border-radius:8px;max-width:300px;padding:16px}
.adyen-checkout-timeline{scrollbar-color:var(--adyen-sdk-color-background-quaternary,#c0c5cc) transparent}.adyen-checkout-timeline__items{all:unset}.adyen-checkout-timeline-item{scrollbar-color:var(--adyen-sdk-color-background-quaternary,#c0c5cc) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;max-width:500px}.adyen-checkout-timeline-item:last-child .adyen-checkout-timeline-item__separator{display:none}.adyen-checkout-timeline-item:last-child .adyen-checkout-timeline-item__content{padding-bottom:0}.adyen-checkout-timeline-item__row{display:flex;gap:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-timeline-item__marker{display:flex;flex-flow:column;margin-top:var(--adyen-sdk-spacer-010,2px);max-width:var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout-timeline-item__separator{flex-grow:1;position:relative}.adyen-checkout-timeline-item__separator:before{background-color:var(--adyen-sdk-color-separator-secondary,#c9cdd3);content:"";height:100%;left:50%;position:absolute;transform:translate(-50%);width:1px}.adyen-checkout-timeline-item__content{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;padding-bottom:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout-timeline-item__title{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-caption-font-size,.75rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);letter-spacing:0;line-height:var(--adyen-sdk-text-body-line-height,20px);margin-bottom:var(--adyen-sdk-spacer-010,2px);text-align:left}
.adyen-checkout-paynow__instructions{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-body-line-height,20px);text-align:center}.adyen-checkout-paynow__instructions>p{margin-bottom:0}
.adyen-checkout__blik__helper{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-subtitle-font-size,1rem);font-weight:400;margin:0 0 var(--adyen-sdk-spacer-070,16px);padding:0}
.adyen-checkout__await{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:var(--adyen-sdk-border-radius-m,8px);padding:var(--adyen-sdk-spacer-110,40px);text-align:center}.adyen-checkout__await--result{padding:100px}.adyen-checkout__qr-loader--app{border:0;border-radius:0;padding:0}.adyen-checkout__await__brand-logo{border-radius:3px;width:74px}.adyen-checkout__await__indicator-text,.adyen-checkout__await__subtitle{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-subtitle-font-size,1rem);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-top:var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__await__indicator-holder .adyen-checkout__await__indicator-text{margin-left:var(--adyen-sdk-spacer-050,10px);margin-top:var(--adyen-sdk-spacer-030,6px)}.adyen-checkout__await__indicator-holder{display:flex;justify-content:center;margin-bottom:var(--adyen-sdk-spacer-080,20px);margin-top:var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__await__subtitle--result{margin-bottom:var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__await__icon{height:88px;width:88px}.adyen-checkout__await__progress{background:var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:var(--adyen-sdk-border-radius-l,12px);height:var(--adyen-sdk-spacer-020,4px);margin:var(--adyen-sdk-spacer-100,32px) auto var(--adyen-sdk-spacer-060,12px);width:152px}.adyen-checkout__await__percentage{background:var(--adyen-sdk-color-label-primary,#00112c);border-radius:var(--adyen-sdk-border-radius-l,12px);display:block;height:100%}.adyen-checkout__await__countdown{color:var(--adyen-sdk-color-outline-tertiary,#8d95a3);font-size:var(--adyen-sdk-text-body-font-size,.875rem)}.adyen-checkout__await>.adyen-checkout__spinner__wrapper{margin:60px 0}.adyen-checkout__await__app-link{display:none;margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__await__amount{font-size:var(--adyen-sdk-text-title-l-font-size,1.5rem);font-weight:var(--adyen-sdk-text-title-font-weight,600);margin-top:var(--adyen-sdk-spacer-070,16px);text-align:center}@media only screen and (max-device-width:1200px){.adyen-checkout__await__app-link{display:block}}
.adyen-checkout__loading-input__form{transition:opacity .25s ease-out}
.adyen-checkout__fieldset--phone-input{direction:ltr}.adyen-checkout__fieldset--phone-input .adyen-checkout__fieldset__fields{gap:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__fieldset--phone-input .adyen-checkout__fieldset__fields>.adyen-checkout__field{margin-bottom:0}.adyen-checkout-field--phone-prefix{width:144px}.adyen-checkout-field--phone-number{flex:1}
.adyen-checkout__field--vpa{margin-bottom:0}
.adyen-checkout_upi-mode-selection-text{font-size:var(--adyen-sdk-text-caption-font-size,.75rem);font-weight:var(--adyen-sdk-text-caption-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-040,8px);margin-top:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__segmented-control--upi-margin-bottom{margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-upi-area-intent .adyen-checkout__button--pay{margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-upi-area-qr-code .adyen-checkout__button--pay{margin-top:var(--adyen-sdk-spacer-000,0)}
.adyen-checkout-checkmark{border-bottom:1.5px solid var(--adyen-sdk-color-label-primary,#00112c);border-right:1.5px solid var(--adyen-sdk-color-label-primary,#00112c);height:var(--adyen-sdk-spacer-060,12px);transform:rotate(45deg);width:var(--adyen-sdk-spacer-030,6px)}.adyen-checkout__segmented-control{background:var(--adyen-sdk-color-background-tertiary,#eeeff1);border-radius:var(--adyen-sdk-border-radius-l,12px);display:flex;gap:var(--adyen-sdk-spacer-020,4px);justify-content:space-between;padding:var(--adyen-sdk-spacer-030,6px)}.adyen-checkout__segmented-control--disabled{pointer-events:none}.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment{color:var(--adyen-sdk-color-label-disabled,#8d95a3)}.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment--selected .adyen-checkout-checkmark{border-bottom:1.5px solid var(--adyen-sdk-color-label-disabled,#8d95a3);border-right:1.5px solid var(--adyen-sdk-color-label-disabled,#8d95a3)}.adyen-checkout__segmented-control-segment{align-items:center;background:transparent;border:0;border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;display:flex;flex-grow:1;font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);gap:var(--adyen-sdk-spacer-050,10px);height:var(--adyen-sdk-spacer-110,40px);justify-content:center;text-align:center;transition:background .3s ease-out;width:100%}.adyen-checkout__segmented-control-segment:active,.adyen-checkout__segmented-control-segment:not(.adyen-checkout__segmented-control-segment--selected):hover{background-color:var(--adyen-sdk-color-background-secondary,#f7f7f8)}.adyen-checkout__segmented-control-segment--selected{background:var(--adyen-sdk-color-background-primary,#ffffff);box-shadow:var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));color:var(--adyen-sdk-color-label-primary,#00112c)}
.adyen-checkout__payment-method__header__title{align-items:center;background:none;border:none;color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;display:flex;flex-shrink:0;font-size:1em;font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);gap:var(--adyen-sdk-spacer-060,12px);margin-right:var(--adyen-sdk-spacer-070,16px);max-height:38px;max-width:100%;padding:0}[dir=rtl] .adyen-checkout__payment-method__header__title{margin-left:var(--adyen-sdk-spacer-070,16px);margin-right:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__payment-method__radio{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:50%;height:var(--adyen-sdk-spacer-070,16px);left:var(--adyen-sdk-spacer-070,16px);transition:border-color .2s ease-out,box-shadow .2s ease-out;width:var(--adyen-sdk-spacer-070,16px)}[dir=rtl] .adyen-checkout__payment-method__radio{left:auto;right:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__payment-method__radio:after{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border-radius:50%;content:"";display:block;height:var(--adyen-sdk-spacer-040,8px);left:0;margin:0 auto;position:relative;right:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease-out;width:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__payment-method__radio--selected{background-color:var(--adyen-sdk-color-label-primary,#00112c);border:0;transition:all .3s ease-out}.adyen-checkout__payment-method__radio--selected:hover{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3)}.adyen-checkout__payment-method__radio--selected:after{transform:translateY(-50%) scale(1)}
.adyen-checkout-upi-app-item{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);cursor:pointer;display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px);padding:var(--adyen-sdk-spacer-050,10px) var(--adyen-sdk-spacer-070,16px);transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,border-radius .15s ease;width:100%}.adyen-checkout-upi-app-item__label{cursor:pointer}.adyen-checkout-upi-app-item:hover:not(.adyen-checkout-upi-app-item--selected){border-color:var(--adyen-sdk-color-outline-primary-hover,#c9cdd3)}.adyen-checkout-upi-app-item--selected:not(.adyen-checkout-upi-app-item:last-child){border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout-upi-app-item--selected{border-color:var(--adyen-sdk-color-outline-secondary,#c9cdd3);cursor:default}.adyen-checkout-upi-app-item--selected .adyen-checkout-expand-button--upi-app-item,.adyen-checkout-upi-app-item--selected .adyen-checkout-expand-button--upi-app-item>label{cursor:default}.adyen-checkout-upi-app-item .adyen-checkout-expand-button--upi-app-item{margin-right:0}
.adyen-checkout-upi-app-list{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px);list-style:none;margin:0;padding:0}.adyen-checkout-upi-app-list--loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.adyen-checkout__payto-component .adyen-checkout__fieldset{margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__payto-component .adyen-checkout__fieldset .adyen-checkout__fieldset__fields{gap:0 var(--adyen-sdk-spacer-060,12px);margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__payto-component .adyen-checkout-field--phone-prefix{width:98px}
.adyen-checkout__payto-component--loading{pointer-events:none}
.adyen-checkout__await--payto .adyen-checkout__details-table{margin-top:var(--adyen-sdk-spacer-070,16px);padding-top:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__await--payto .adyen-checkout__details-table__item:first-child{border-top:none}
.adyen-checkout__alert-message{border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;font-size:var(--adyen-sdk-text-caption-font-size,.75rem);margin:0 0 var(--adyen-sdk-spacer-070,16px);padding:var(--adyen-sdk-spacer-060,12px);text-align:left}.adyen-checkout__alert-message--error{background:var(--adyen-sdk-color-background-critical-strong,#e22d2d)}.adyen-checkout__alert-message--info{background:var(--adyen-sdk-color-background-secondary,#f7f7f8)}.adyen-checkout__alert-message__icon{height:14px;margin-right:var(--adyen-sdk-spacer-040,8px);width:14px}
.adyen-checkout__giftcard-result__header{align-items:center;display:flex;flex-wrap:nowrap;font-size:var(--adyen-sdk-text-title-font-size,1rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);justify-content:space-between;position:relative;width:100%}.adyen-checkout__giftcard-result__header__title{align-items:center;display:flex}.adyen-checkout__giftcard-result__name{margin-left:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__giftcard-result__balance{list-style:none;margin:var(--adyen-sdk-spacer-070,16px) 0 0;padding:0}.adyen-checkout__giftcard-result__balance__item{display:flex;justify-content:space-between;margin-bottom:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit{color:var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__giftcard-result__balance__item:last-child{margin-bottom:0}.adyen-checkout__giftcard-result__balance__value--amount{font-weight:700}.adyen-checkout__giftcard-result__remaining-balance{color:var(--adyen-sdk-color-label-secondary,#5c687c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:var(--adyen-sdk-spacer-040,8px) auto 0;text-align:center}
.adyen-checkout__bankTransfer__introduction{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);margin:0 0 var(--adyen-sdk-spacer-070,16px);padding:0}.adyen-checkout__bankTransfer__emailField{margin:0 0 var(--adyen-sdk-spacer-070,16px)}
.adyen-checkout__adyen-giving .adyen-checkout__status__icon{display:block;margin:var(--adyen-sdk-spacer-130,56px) auto var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__adyen-giving .adyen-checkout__status__text{color:var(--adyen-sdk-color-label-primary,#00112c);margin-bottom:var(--adyen-sdk-spacer-130,56px);text-align:center}.adyen-checkout__adyen-giving .adyen-checkout-disclaimer__label{color:var(--adyen-sdk-color-label-primary,#00112c);margin-top:0}.adyen-checkout__campaign{position:relative}.adyen-checkout__campaign-link:hover .adyen-checkout__campaign-description{text-decoration:underline}.adyen-checkout__campaign-logo{border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-s,4px);display:block;flex-shrink:0;height:var(--adyen-sdk-spacer-120,48px);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;width:var(--adyen-sdk-spacer-120,48px)}.adyen-checkout__campaign-background-image{aspect-ratio:5/2;background-color:var(--adyen-sdk-color-label-primary,#00112c);background-position:50%;background-size:100%;border-radius:var(--adyen-sdk-border-radius-m,8px);margin-bottom:var(--adyen-sdk-spacer-060,12px);overflow:hidden;transition:background-size .6s ease-out}.adyen-checkout__campaign-background-image:hover{background-size:110%}.adyen-checkout__campaign-link{text-decoration:none}.adyen-checkout__campaign-link:hover{text-decoration:underline}.adyen-checkout__campaign-content{align-items:flex-start;display:flex;gap:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__campaign-description,.adyen-checkout__campaign-title{color:var(--adyen-sdk-color-label-primary,#00112c);margin:0}.adyen-checkout__campaign-title{font-size:var(--adyen-sdk-text-title-font-size,1rem);font-weight:var(--adyen-sdk-text-title-font-weight,600);line-height:var(--adyen-sdk-text-title-line-height,26px)}.adyen-checkout__campaign-cause{font-weight:var(--adyen-sdk-text-caption-font-weight,400);font-weight:var(--adyen-sdk-text-caption-stronger-font-weight,500)}.adyen-checkout__campaign-cause,.adyen-checkout__campaign-description{font-size:var(--adyen-sdk-text-caption-font-size,.75rem);line-height:var(--adyen-sdk-text-caption-line-height,18px)}.adyen-checkout__campaign-description{font-weight:var(--adyen-sdk-text-caption-font-weight,400);margin-top:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout-roundup-description{color:var(--adyen-sdk-color-label-secondary,#5c687c);display:inline-block;font-size:var(--adyen-sdk-text-caption-font-size,.75rem);font-weight:var(--adyen-sdk-text-caption-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);padding-left:0}.adyen-checkout__adyen-giving-actions{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px);margin-top:var(--adyen-sdk-spacer-070,16px);text-align:center}.adyen-checkout__button.adyen-checkout__button--donate{margin:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__button.adyen-checkout__button--decline{display:block;margin:auto}
.adyen-checkout__button-group{background:transparent;display:flex;justify-content:space-between}.adyen-checkout__button-group .adyen-checkout__button{background:transparent;border:0;box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-outline-primary,#dbdee2);color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:400;height:var(--adyen-sdk-spacer-110,40px);line-height:var(--adyen-sdk-spacer-110,40px);margin-right:var(--adyen-sdk-spacer-040,8px);padding:0;text-align:center}.adyen-checkout__button-group .adyen-checkout__button:last-child{margin-right:0}.adyen-checkout__button-group .adyen-checkout__button:hover{background:transparent;box-shadow:inset 0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3)}.adyen-checkout__button-group .adyen-checkout__button:active{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);box-shadow:inset 0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__button-group .adyen-checkout__button--disabled,.adyen-checkout__button-group .adyen-checkout__button--disabled:hover{cursor:not-allowed;opacity:.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__button-group .adyen-checkout__button--selected,.adyen-checkout__button-group .adyen-checkout__button--selected:active,.adyen-checkout__button-group .adyen-checkout__button--selected:active:hover,.adyen-checkout__button-group .adyen-checkout__button--selected:hover{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-label-primary,#00112c);color:var(--adyen-sdk-color-label-primary,#00112c);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);height:var(--adyen-sdk-spacer-110,40px);transition:none}.adyen-checkout__button-group .adyen-checkout__button .adyen-checkout__button-group__input{opacity:0;pointer-events:none;position:absolute}
.adyen-checkout__order-payment-methods-list{list-style:none;margin:0 auto var(--adyen-sdk-spacer-070,16px);padding:0}.adyen-checkout__order-payment-method{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-tertiary,#8d95a3);margin-top:-1px;position:relative;width:100%}.adyen-checkout__order-payment-method:first-child{border-top-left-radius:var(--adyen-sdk-border-radius-m,8px);border-top-right-radius:var(--adyen-sdk-border-radius-m,8px)}.adyen-checkout__order-payment-method:last-child{border-bottom-left-radius:var(--adyen-sdk-border-radius-m,8px);border-bottom-right-radius:var(--adyen-sdk-border-radius-m,8px)}.adyen-checkout__order-payment-method__header{align-items:center;color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;flex-wrap:nowrap;font-size:var(--adyen-sdk-text-title-font-size,1rem);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);justify-content:space-between;padding:var(--adyen-sdk-spacer-070,16px);position:relative;transition:background .1s ease-out;width:100%}.adyen-checkout__order-payment-method__header .adyen-checkout__payment-method__header__title{padding:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__order-payment-method__details{padding:0 var(--adyen-sdk-spacer-070,16px) var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__order-payment-method__deducted-amount{display:flex;font-size:var(--adyen-sdk-text-subtitle-font-size,1rem);justify-content:space-between;line-height:var(--adyen-sdk-text-subtitle-font-size,1rem)}.adyen-checkout__order-payment-method__deducted-amount__label{font-size:var(--adyen-sdk-text-body-font-size,.875rem)}.adyen-checkout__order-payment-method__deducted-amount__value{font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500)}.adyen-checkout__order-remaining-amount{border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-secondary,#5c687c);display:block;font-size:var(--adyen-sdk-text-body-font-size,.875rem);padding:var(--adyen-sdk-spacer-040,8px) var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout__order-remaining-amount strong{font-weight:700}
.adyen-checkout__dropin--loading .adyen-checkout__instant-payment-methods-list{opacity:.2;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.adyen-checkout__payment-method__disable-confirmation{background:var(--adyen-sdk-color-background-critical-strong,#e22d2d);border-left:1px solid #e12424;border-right:1px solid #e12424;color:var(--adyen-sdk-color-label-on-color,#ffffff);display:grid;font-size:var(--adyen-sdk-text-body-font-size,.875rem);grid-template-rows:0fr;margin:0 -17px;opacity:0;overflow:hidden;transition:grid-template-rows var(--adyen-sdk-animation-duration-moderate,.15s) var(--adyen-sdk-animation-easing-linear,linear),opacity var(--adyen-sdk-animation-duration-moderate,.15s) var(--adyen-sdk-animation-easing-standard,cubic-bezier(.2,0,.4,.9)),margin-bottom var(--adyen-sdk-animation-duration-fast,.1s) var(--adyen-sdk-animation-easing-linear,linear)}.adyen-checkout__payment-method__disable-confirmation__content{align-items:center;display:flex;justify-content:space-between;min-height:0;transition:visibility var(--adyen-sdk-animation-duration-moderate,.15s) var(--adyen-sdk-animation-easing-linear,linear),padding var(--adyen-sdk-animation-duration-fast,.1s) var(--adyen-sdk-animation-easing-linear,linear);visibility:hidden}.adyen-checkout__payment-method__disable-confirmation--open{grid-template-rows:1fr;margin-bottom:var(--adyen-sdk-spacer-070,16px);opacity:1}.adyen-checkout__payment-method__disable-confirmation--open .adyen-checkout__payment-method__disable-confirmation__content{padding:var(--adyen-sdk-spacer-040,8px) var(--adyen-sdk-spacer-070,16px);visibility:visible}.adyen-checkout__payment-method__disable-confirmation__buttons{display:flex}.adyen-checkout__payment-method__disable-confirmation__button{background:var(--adyen-sdk-color-background-critical-strong,#e22d2d);border:var(--adyen-sdk-border-width-s,1px) solid transparent;border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-on-color,#ffffff);cursor:pointer;display:block;font-size:var(--adyen-sdk-text-body-font-size,.875rem);height:auto;margin:0 0 0 var(--adyen-sdk-spacer-040,8px);padding:var(--adyen-sdk-spacer-040,8px);width:auto}.adyen-checkout__payment-method__disable-confirmation__button:hover,.adyen-checkout__payment-method__disable-confirmation__button:hover:focus{background:#d81e1e;box-shadow:none}.adyen-checkout__payment-method__disable-confirmation__button:active,.adyen-checkout__payment-method__disable-confirmation__button:hover:active{background:#c11b1b;box-shadow:none}.adyen-checkout__payment-method__disable-confirmation__button--remove,.adyen-checkout__payment-method__disable-confirmation__button--remove:disabled{border-color:var(--adyen-sdk-color-label-on-color,#ffffff)}.adyen-checkout__payment-method__disable-confirmation__button--cancel,.adyen-checkout__payment-method__disable-confirmation__button--cancel:disabled{border-color:transparent}
.adyen-checkout__payment-method{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);cursor:pointer;position:relative;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,border-radius .15s ease;width:100%}.adyen-checkout__payment-method:focus{outline:0}.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected){border-color:var(--adyen-sdk-color-outline-primary-hover,#c9cdd3)}.adyen-checkout__payment-method--loading{opacity:.2}.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading{opacity:.9}.adyen-checkout__payment-method--confirming .adyen-checkout__payment-method__details__content,.adyen-checkout__payment-method--disabling{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__payment-method--disabling{opacity:.3}.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__radio{display:none}.adyen-checkout__payment-method__header{align-items:center;color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;flex-wrap:nowrap;font-size:var(--adyen-sdk-text-title-font-size,1rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);justify-content:space-between;padding:var(--adyen-sdk-spacer-070,16px);position:relative;transition:background .1s ease-out;width:100%}[dir=rtl] .adyen-checkout__payment-method__header{padding:calc(var(--adyen-sdk-spacer-070, 16px) - var(--adyen-sdk-spacer-020, 4px));padding-right:calc(var(--adyen-sdk-spacer-120, 48px) - var(--adyen-sdk-spacer-020, 4px))}.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__header{padding:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__payment-method__surcharge{color:var(--adyen-sdk-color-outline-tertiary,#8d95a3);margin-left:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout__payment-method--selected{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);cursor:default;transition:opacity .3s ease-out}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header{flex-wrap:wrap}.adyen-checkout__payment-method__details{padding:var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-070,16px);position:relative}.adyen-checkout__payment-method__details__content>:last-child{margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__payment-method__image__wrapper{align-items:center;border-radius:var(--adyen-sdk-border-radius-s,4px);box-shadow:var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));display:flex;height:26px;justify-content:center;overflow:hidden;position:relative;width:var(--adyen-sdk-spacer-110,40px)}.adyen-checkout__payment-method__image{border-radius:var(--adyen-checkout-border-radius-s);display:block;flex-shrink:0;height:100%;overflow:hidden;width:100%}.adyen-checkout__payment-method__brands{display:flex;flex-basis:auto;flex-shrink:1;flex-wrap:wrap;gap:var(--adyen-sdk-spacer-020,4px);height:var(--adyen-sdk-spacer-070,16px);margin:var(--adyen-sdk-spacer-020,4px) var(--adyen-sdk-spacer-000,0);overflow:hidden;text-align:right}.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__brand-number{color:var(--adyen-sdk-color-outline-tertiary,#8d95a3);font-size:var(--adyen-sdk-text-body-font-size,.875rem)}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands{height:auto;overflow:visible;text-align:left}.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper{display:inline-block;height:var(--adyen-sdk-spacer-070,16px);transition:opacity .2s ease-out;width:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:last-child{margin:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper{margin-bottom:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout__payment-method__brands img{display:block;height:100%;width:100%}.adyen-checkout__payment-method__image__wrapper--disabled{opacity:.25}.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected) .adyen-checkout__payment-method__radio{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3);cursor:pointer}
.adyen-checkout__payment-method__name{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.adyen-checkout__payment-method__additional-info{color:var(--adyen-sdk-color-label-secondary,#5c687c);font-size:var(--adyen-sdk-text-caption-font-size,.75rem);font-weight:var(--adyen-sdk-text-body-font-weight,400)}.adyen-checkout__payment-method__name_wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-020,4px);min-width:var(--adyen-sdk-spacer-120,48px);text-align:start}
.adyen-checkout__status{align-items:center;background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;flex-direction:column;font-size:var(--adyen-sdk-text-title-font-size,1rem);height:350px;justify-content:center;margin:0;padding:var(--adyen-sdk-spacer-100,32px);text-align:center}.adyen-checkout__status__icon{margin-bottom:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__status .adyen-checkout__spinner__wrapper{max-height:88px}
.adyen-checkout__dropin{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-100,32px)}.adyen-checkout-payment-methods-container{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-payment-methods-list-label{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-subtitle-font-size,1rem);font-weight:var(--adyen-sdk-text-subtitle-stronger-font-weight,600);line-height:var(--adyen-sdk-text-subtitle-line-height,26px)}.adyen-checkout__payment-methods-list{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px);list-style:none;margin:0;padding:0}.adyen-checkout__payment-methods-list--loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__instant-payment-methods-list{display:flex;flex-wrap:wrap;gap:var(--adyen-sdk-spacer-070,16px);list-style:none;margin:0;padding:0}.adyen-checkout__instant-payment-methods-list li{flex:1 0 calc(50% - var(--adyen-sdk-spacer-070, 16px)/2)}.adyen-checkout__payment-method{display:block}.adyen-checkout__payment-method__details{overflow:hidden}.adyen-checkout__payment-method__image{height:26px;width:var(--adyen-sdk-spacer-110,40px)}[dir=rtl] .adyen-checkout__payment-method__image__wrapper{margin-left:var(--adyen-sdk-spacer-040,8px);margin-right:0}.adyen-checkout-pm-details-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease;visibility:hidden}.adyen-checkout-pm-details-wrapper[aria-hidden=false]{grid-template-rows:1fr;visibility:visible}.adyen-checkout-pm-details-wrapper[aria-hidden=false] .adyen-checkout__payment-method__details{overflow:visible}
.adyen-checkout-sr-panel{font-size:.75em;margin-bottom:var(--adyen-sdk-spacer-080,20px)}.adyen-checkout-sr-panel--sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
/*# sourceMappingURL=adyen.css.map */
@charset "UTF-8";
:root {
  --animation-easing-short: cubic-bezier(0.2, 0, 0.31, 1);
  --animation-easing-medium: cubic-bezier(0.2, 0, 0.31, 1);
  --animation-easing-long: cubic-bezier(0.2, 0, 0.31, 1);
  --animation-easing-extra-long: cubic-bezier(0.2, 0, 0.31, 1);
  --animation-duration-short: 120ms;
  --animation-duration-medium: 300ms;
  --animation-duration-long: 600ms;
  --animation-duration-extra-long: 1500ms;
}

@supports (transition-timing-function: linear(0, 0.1, 0.9)) {
  :root {
    --animation-easing-short: linear(
      0,
      0,
      0.0001,
      0.0002,
      0.0004,
      0.0006,
      0.0008,
      0.0011,
      0.0015,
      0.0019,
      0.0023,
      0.0028,
      0.0034,
      0.004,
      0.0047,
      0.0054,
      0.0061,
      0.0069,
      0.0077,
      0.0086,
      0.0095,
      0.0105,
      0.0115,
      0.0125,
      0.0138,
      0.0149,
      0.0161,
      0.0173,
      0.0188,
      0.0201,
      0.0216 2.09%,
      0.0246,
      0.0278,
      0.0311,
      0.0346,
      0.0385,
      0.0425,
      0.0468,
      0.0511,
      0.0557,
      0.0603,
      0.0654,
      0.0707,
      0.0761,
      0.0817,
      0.0877,
      0.0939,
      0.1002 4.87%,
      0.1052,
      0.1103 5.15%,
      0.1207,
      0.1321,
      0.1439,
      0.1563,
      0.1693 6.66%,
      0.1834,
      0.1982 7.35%,
      0.2115,
      0.2254 7.98%,
      0.2403 8.32%,
      0.2562 8.68%,
      0.2884 9.4%,
      0.354 1.86%,
      0.3827 11.5%,
      0.4125 12.17%,
      0.4392 12.78%,
      0.4544,
      0.469,
      0.4831,
      0.497,
      0.5104,
      0.5236,
      0.5362,
      0.5487 15.39%,
      0.563,
      0.5766,
      0.5901,
      0.603,
      0.6156,
      0.6281,
      0.6403,
      0.6523,
      0.6641,
      0.6753,
      0.6866,
      0.6973,
      0.7082,
      0.7185,
      0.7286,
      0.7388,
      0.7487,
      0.7584,
      0.7679,
      0.7771 22.19%,
      0.7817,
      0.7861,
      0.7905,
      0.7952,
      0.7995,
      0.8037,
      0.8079,
      0.8123,
      0.8163,
      0.8204,
      0.8243,
      0.8284,
      0.8323,
      0.8363,
      0.84,
      0.8439,
      0.8476,
      0.8513,
      0.8551,
      0.8587,
      0.8621,
      0.8657,
      0.8692,
      0.8726,
      0.876,
      0.8793,
      0.8826,
      0.8858,
      0.889,
      0.8921,
      0.8951,
      0.8983,
      0.9012,
      0.9041,
      0.907,
      0.9099,
      0.9126,
      0.9155,
      0.9183,
      0.921,
      0.9237,
      0.9263,
      0.9288,
      0.9313,
      0.9338,
      0.9362,
      0.9386,
      0.941,
      0.9433,
      0.9456,
      0.9479,
      0.9501,
      0.9523,
      0.9544,
      0.9565,
      0.9585 32.43%,
      0.9602,
      0.9619,
      0.9635,
      0.9652,
      0.9668,
      0.9684,
      0.97,
      0.9715,
      0.973,
      0.9745,
      0.9759,
      0.9773,
      0.9787,
      0.9801,
      0.9815,
      0.9828,
      0.9841,
      0.9853,
      0.9865,
      0.9877,
      0.9889,
      0.9901,
      0.9912,
      0.9923,
      0.9934,
      0.9944,
      0.9954,
      0.9964,
      0.9974,
      0.9983,
      0.9992,
      1.0001,
      1.001,
      1.0019,
      1.0027,
      1.0035,
      1.0042,
      1.005,
      1.0057,
      1.0064,
      1.0071,
      1.0077,
      1.0084,
      1.009,
      1.0096,
      1.0101,
      1.0107,
      1.0112,
      1.0117,
      1.0122,
      1.0126,
      1.0131,
      1.0135,
      1.0139,
      1.0142,
      1.0146,
      1.0149,
      1.0152,
      1.0155,
      1.0157,
      1.016,
      1.0162,
      1.0164,
      1.0166 46.09%,
      1.0168,
      1.0169,
      1.0171,
      1.0172,
      1.0172,
      1.0173 48.12% 49.23%,
      1.0172,
      1.0172,
      1.0171,
      1.0169,
      1.0168,
      1.0166,
      1.0164 52.12%,
      1.016 52.81%,
      1.0156 53.53%,
      1.0151 54.31%,
      1.0145 55.15%,
      1.014 55.94%,
      1.0133 56.83%,
      1.0102 6.76%,
      1.0088 62.66%,
      1.0081 63.7%,
      1.0074,
      1.0067,
      1.0061 66.64%,
      1.0055,
      1.0049,
      1.0043,
      1.0038,
      1.0033,
      1.0028,
      1.0024,
      1.002,
      1.0017 76.68%,
      1.0014,
      1.0011 79.02%,
      1.0009 8.24%,
      1.0007 81.49%,
      1.0005 82.79%,
      1.0003 84.13%,
      1.0001 85.52%,
      1 86.94%,
      0.9999 88.44%,
      0.9998 9.02% 91.7%,
      0.9997 93.49% 100%
    );
    --animation-easing-medium: linear(
      0,
      0,
      0.0001,
      0.0002,
      0.0004,
      0.0005,
      0.0008,
      0.0011,
      0.0015,
      0.0018,
      0.0023,
      0.0028,
      0.0033,
      0.0038,
      0.0044,
      0.0051,
      0.0058,
      0.0066,
      0.0074,
      0.0083,
      0.0092,
      0.0101,
      0.0111,
      0.0121,
      0.0132 1.39%,
      0.0155 1.51%,
      0.0166,
      0.0181 1.64%,
      0.0207,
      0.0236,
      0.0267,
      0.03,
      0.0335,
      0.0371,
      0.0408,
      0.045,
      0.0491,
      0.0536,
      0.0582,
      0.063,
      0.068,
      0.0734,
      0.079,
      0.0847,
      0.0906,
      0.0966 4.12%,
      0.1064,
      0.1165,
      0.1274,
      0.1389,
      0.1512,
      0.1638,
      0.177 5.93%,
      0.1915 6.23%,
      0.2042 6.49%,
      0.218,
      0.2325 7.06%,
      0.2481 7.37%,
      0.2796 7.99%,
      0.3457 9.28%,
      0.3748 9.85%,
      0.4051 1.45%,
      0.4321 1.99%,
      0.4474,
      0.4625,
      0.477,
      0.4909,
      0.5046,
      0.5177,
      0.5306,
      0.5434 13.33%,
      0.5578,
      0.5719,
      0.5858,
      0.599,
      0.612,
      0.6248,
      0.6373,
      0.6495,
      0.6616,
      0.673,
      0.6845,
      0.6954,
      0.7064,
      0.7169,
      0.7271,
      0.7373,
      0.7474 18.59%,
      0.7525,
      0.7575,
      0.7624,
      0.7673,
      0.7721,
      0.7769,
      0.7816,
      0.7862,
      0.7908,
      0.7952,
      0.7997,
      0.804,
      0.8083,
      0.8126,
      0.8168,
      0.8209,
      0.8249,
      0.8292,
      0.8331,
      0.8372,
      0.841,
      0.845,
      0.8486,
      0.8525,
      0.856,
      0.8598,
      0.8632,
      0.8668,
      0.8703,
      0.8738,
      0.8772,
      0.8805,
      0.8838,
      0.887,
      0.8902,
      0.8933,
      0.8963,
      0.8995,
      0.9024,
      0.9055,
      0.9083,
      0.9112,
      0.9139,
      0.9167,
      0.9194,
      0.9221,
      0.9248,
      0.9273,
      0.9298,
      0.9324,
      0.9348,
      0.9373,
      0.9396,
      0.9419,
      0.9442,
      0.9465,
      0.9487,
      0.9508,
      0.9529,
      0.9549,
      0.9569,
      0.9589 29.25%,
      0.9605,
      0.9621,
      0.9636,
      0.9651,
      0.9665,
      0.9679,
      0.9693,
      0.9707,
      0.9721,
      0.9734,
      0.9747,
      0.976,
      0.9772,
      0.9785,
      0.9797,
      0.9808,
      0.982,
      0.9831,
      0.9842,
      0.9853,
      0.9863,
      0.9874,
      0.9884,
      0.9894,
      0.9903,
      0.9913,
      0.9922,
      0.9931,
      0.9939,
      0.9948,
      0.9956,
      0.9964,
      0.9972,
      0.9979,
      0.9986,
      0.9994,
      1.0001,
      1.0007,
      1.0014,
      1.002,
      1.0026,
      1.0032,
      1.0038,
      1.0043,
      1.0048,
      1.0053,
      1.0058,
      1.0063,
      1.0067,
      1.0071,
      1.0075,
      1.0079,
      1.0083,
      1.0086,
      1.009,
      1.0093,
      1.0096,
      1.0098,
      1.0101,
      1.0103,
      1.0105,
      1.0107 41.35%,
      1.0111 41.87%,
      1.0112,
      1.0114,
      1.0115,
      1.0116,
      1.0116,
      1.0117 43.63%,
      1.0118,
      1.0117 44.91%,
      1.0116 45.6%,
      1.0115 46.32%,
      1.0112 47.09%,
      1.011 47.69%,
      1.0107 48.32%,
      1.0104 48.99%,
      1.01 49.72%,
      1.0092 51.23%,
      1.007 54.95%,
      1.0059 56.8%,
      1.0053 57.82%,
      1.0048,
      1.0044 59.77%,
      1.0039 6.72%,
      1.0034,
      1.003,
      1.0026,
      1.0022,
      1.0019 66.28%,
      1.0016,
      1.0013 68.62%,
      1.0011 69.83%,
      1.0009 7.99%,
      1.0007 72.18%,
      1.0005 73.41%,
      1.0004 74.69%,
      1.0002 76.02%,
      1.0001 77.42% 78.89%,
      1 8.45%,
      0.9999 83.65% 100%
    );
    --animation-easing-long: linear(
      0,
      0,
      0.0001,
      0.0002,
      0.0003,
      0.0005,
      0.0008,
      0.001,
      0.0014,
      0.0017,
      0.0022,
      0.0026,
      0.0031,
      0.0036,
      0.0043,
      0.0048,
      0.0055,
      0.0062,
      0.007,
      0.0078,
      0.0087,
      0.0095,
      0.0104,
      0.0114,
      0.0124,
      0.0135,
      0.0146,
      0.0157,
      0.017,
      0.0182,
      0.0195,
      0.0208,
      0.0222,
      0.0236,
      0.0251,
      0.0265,
      0.0281 3.51%,
      0.0313,
      0.0348,
      0.0384,
      0.0422,
      0.0461,
      0.0503,
      0.0546,
      0.0591,
      0.0639,
      0.0688,
      0.0739,
      0.0793,
      0.0848,
      0.0905 6.76%,
      0.0949,
      0.0993,
      0.104,
      0.1088,
      0.1137,
      0.1186,
      0.1238,
      0.1291,
      0.1344,
      0.1401 8.79%,
      0.1518 9.24%,
      0.1642,
      0.1774 1.2%,
      0.1889 1.62%,
      0.201,
      0.2138 11.52%,
      0.2279 12.02%,
      0.2409 12.48%,
      0.2556 13%,
      0.3123 14.99%,
      0.337 15.86%,
      0.3503 16.33%,
      0.3627,
      0.3744,
      0.3858 17.6%,
      0.3991,
      0.4117,
      0.4239,
      0.4358,
      0.4475,
      0.4589,
      0.4698,
      0.4807 21.14%,
      0.4928,
      0.5046,
      0.5164,
      0.5277,
      0.5388,
      0.5499,
      0.5607,
      0.5711,
      0.5814,
      0.5916,
      0.6015,
      0.6113,
      0.621,
      0.6304,
      0.6398,
      0.6487,
      0.6571,
      0.6653,
      0.6735,
      0.6816,
      0.6894,
      0.6973,
      0.7048,
      0.7124,
      0.7198,
      0.7271,
      0.7342,
      0.7412,
      0.748,
      0.7549,
      0.7615,
      0.768,
      0.7745,
      0.7808 36.16%,
      0.7839,
      0.7869,
      0.7899,
      0.7929,
      0.7959,
      0.799,
      0.8018,
      0.8048,
      0.8077,
      0.8106,
      0.8133,
      0.8162,
      0.8189,
      0.8216,
      0.8244,
      0.8271,
      0.8298,
      0.8324,
      0.835,
      0.8376,
      0.8401,
      0.8427,
      0.8451,
      0.8477,
      0.8501,
      0.8526,
      0.855,
      0.8575 42.55%,
      0.8601,
      0.8629,
      0.8656,
      0.8682,
      0.8708,
      0.8734,
      0.8759,
      0.8785,
      0.8809,
      0.8834,
      0.8858,
      0.8882,
      0.8905,
      0.8928,
      0.8951,
      0.8974,
      0.8996,
      0.9018,
      0.904,
      0.9062,
      0.9083,
      0.9103,
      0.9124,
      0.9144,
      0.9164,
      0.9184,
      0.9204,
      0.9223,
      0.9241,
      0.926,
      0.9278,
      0.9296,
      0.9314,
      0.9331,
      0.9348,
      0.9365,
      0.9382,
      0.9398,
      0.9414,
      0.943,
      0.9445,
      0.946,
      0.9475,
      0.949,
      0.9504,
      0.9519,
      0.9533,
      0.9547,
      0.956,
      0.9573,
      0.9586,
      0.9599,
      0.9611,
      0.9624,
      0.9636,
      0.9648,
      0.9659,
      0.967,
      0.9682,
      0.9692,
      0.9703,
      0.9713,
      0.9724,
      0.9734,
      0.9743,
      0.9752,
      0.9761,
      0.977,
      0.9779,
      0.9787,
      0.9796,
      0.9804,
      0.9812,
      0.9819,
      0.9827,
      0.9834,
      0.9841,
      0.9848,
      0.9855,
      0.9862,
      0.9868,
      0.9874,
      0.988,
      0.9886,
      0.9892,
      0.9898,
      0.9903,
      0.9908,
      0.9913,
      0.9918,
      0.9923,
      0.9928,
      0.9932,
      0.9937,
      0.9941,
      0.9945 77.59%,
      0.9952,
      0.9959 79.73%,
      0.9966 8.85%,
      0.9972 82%,
      0.9977 83.19%,
      0.9982 84.42%,
      0.9987 85.69%,
      0.9991 87.01%,
      0.9994 88.38%,
      0.9997 89.8%,
      1 91.28%,
      1.0002 92.84%,
      1.0004 94.47%,
      1.0006 96.2%,
      1.0007 98.04%,
      1.0008
    );
    --animation-easing-extra-long: linear(
      0,
      0,
      0.0001,
      0.0002,
      0.0003,
      0.0005,
      0.0007,
      0.001,
      0.0013,
      0.0016,
      0.002,
      0.0024,
      0.0029,
      0.0033,
      0.0039,
      0.0044,
      0.005,
      0.0056,
      0.0063,
      0.007,
      0.0078,
      0.0086,
      0.0094,
      0.0102,
      0.0112,
      0.0121,
      0.0132 1.84%,
      0.0153,
      0.0175,
      0.02,
      0.0225,
      0.0253,
      0.0282,
      0.0312,
      0.0344,
      0.0379,
      0.0415,
      0.0453,
      0.0491,
      0.0534,
      0.0575,
      0.0619,
      0.0665,
      0.0712,
      0.0762,
      0.0814 5.04%,
      0.0895,
      0.098,
      0.1071,
      0.1165,
      0.1263 6.57%,
      0.1369,
      0.1481 7.26%,
      0.1601 7.63%,
      0.1706 7.95%,
      0.1818,
      0.1939 8.65%,
      0.207 9.04%,
      0.2333 9.81%,
      0.2899 11.46%,
      0.3148 12.19%,
      0.3284 12.59%,
      0.3412 12.97%,
      0.3533,
      0.365 13.68%,
      0.3786,
      0.3917,
      0.4043,
      0.4166,
      0.4287,
      0.4403,
      0.4518,
      0.4629 16.74%,
      0.4756,
      0.4882,
      0.5003,
      0.5122,
      0.5239,
      0.5354,
      0.5467,
      0.5576,
      0.5685,
      0.579,
      0.5893,
      0.5994,
      0.6093,
      0.6192,
      0.6288,
      0.6383,
      0.6475,
      0.6567,
      0.6657 24.48%,
      0.67,
      0.6745,
      0.6787,
      0.6831,
      0.6874,
      0.6917,
      0.6958,
      0.7,
      0.7041,
      0.7082,
      0.7123,
      0.7163,
      0.7202,
      0.7241,
      0.728,
      0.7318,
      0.7356,
      0.7393,
      0.743,
      0.7468,
      0.7504,
      0.7541,
      0.7576,
      0.7612,
      0.7646,
      0.7682,
      0.7715,
      0.7749,
      0.7783,
      0.7817,
      0.785,
      0.7882,
      0.7915,
      0.7948,
      0.7979,
      0.8011,
      0.8042,
      0.8073,
      0.8103,
      0.8133,
      0.8163,
      0.8193,
      0.8222,
      0.8251,
      0.8279,
      0.8307,
      0.8335,
      0.8363,
      0.839,
      0.8417,
      0.8444,
      0.8471,
      0.8497,
      0.8523,
      0.8548,
      0.8573,
      0.8597,
      0.8623,
      0.8649,
      0.8676,
      0.8701,
      0.8727,
      0.8752,
      0.8777,
      0.8801,
      0.8825,
      0.8849,
      0.8873,
      0.8896,
      0.8918,
      0.894,
      0.8963,
      0.8985,
      0.9007,
      0.9028,
      0.9049,
      0.907,
      0.909,
      0.911,
      0.913,
      0.9149,
      0.9169,
      0.9188,
      0.9207,
      0.9225,
      0.9243,
      0.9261,
      0.9278,
      0.9296,
      0.9312,
      0.9329,
      0.9346,
      0.9362,
      0.9378,
      0.9393,
      0.9408,
      0.9424,
      0.9438,
      0.9453,
      0.9467,
      0.9481,
      0.9495,
      0.9509,
      0.9522,
      0.9535,
      0.9548,
      0.956,
      0.9573,
      0.9585,
      0.9597,
      0.9609,
      0.962,
      0.9632,
      0.9643,
      0.9653,
      0.9664,
      0.9674,
      0.9685,
      0.9695,
      0.9704,
      0.9714,
      0.9723,
      0.9732,
      0.9741,
      0.9749,
      0.9757,
      0.9765,
      0.9773,
      0.9781,
      0.9788,
      0.9795,
      0.9803,
      0.981,
      0.9817,
      0.9823,
      0.983,
      0.9836,
      0.9842,
      0.9848,
      0.9854,
      0.986,
      0.9865,
      0.9871,
      0.9876,
      0.9881,
      0.9886,
      0.9891,
      0.9896 7.6%,
      0.9905 71.71%,
      0.9913 72.86%,
      0.9921,
      0.9928 75.24%,
      0.9935 76.47%,
      0.9942 77.74%,
      0.9948 79.06%,
      0.9953 8.42%,
      0.9958 81.84%,
      0.9963 83.31%,
      0.9968 84.85%,
      0.9972 86.44%,
      0.9975 88.1%,
      0.9979 89.84%,
      0.9982 91.66%,
      0.9984 93.57%,
      0.9987 95.59%,
      0.9989 97.73%,
      0.9991
    );
  }
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
*    user zoom.
*/
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  font-family: sans-serif; /* 1 */
  text-size-adjust: 100%; /* 2 */
  box-sizing: border-box;
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
}
@media (min-width: 80.5rem) {
  html {
    font-size: var(--type-font-size);
    line-height: var(--type-line-height);
  }
}

body {
  position: relative;
  font-size: 1em;
  font-family: var(--type-font-family);
  color: var(--color-neutral-text);
  background: var(--color-neutral-bg-level-1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
* Remove default margin.
*/
body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
}

/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
  display: none;
}

/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
  background-color: transparent;
  /**
    * Fix click events not propagating in Edge
    */
}
a > svg {
  pointer-events: none;
}

/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
  border-bottom: 1px dotted;
}

/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
  font-weight: 700;
}

/**
* Address styling not present in Safari and Chrome.
*/
dfn {
  font-style: italic;
}

/**
* Address styling not present in IE 8/9.
*/
mark {
  background: var(--color-brand-primary-bg-subtle);
  color: var(--color-neutral-text);
}

/**
* Address inconsistent and variable font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img,
iframe {
  border: 0;
}

/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
  margin: 0;
}

/**
* Address differences between Firefox and other browsers.
*/
hr {
  box-sizing: content-box;
  height: 0;
}

/**
* Contain overflow in all browsers.
*/
pre {
  overflow: auto;
}

/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em;
}

/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
*    Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
  overflow: visible;
}

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
  text-transform: none;
}

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
*/
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto; /* 2 */
  cursor: pointer; /* 3 */
}
button > svg,
html input[type=button] > svg,
input[type=reset] > svg,
input[type=submit] > svg {
  pointer-events: none;
}

/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
  line-height: normal;
}

/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
*    (include `-moz` to future-proof).
*/
input[type=search] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; /* 1 */
  box-sizing: content-box;
}

/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}

/**
* Define consistent border, margin, and padding.
*/
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
  overflow: auto;
}

/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
  font-weight: 700;
}

/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

ul {
  margin: 0;
  list-style: disc;
  padding: 0 0 0 20px;
}

ol {
  margin: 0;
  list-style: decimal;
  padding: 0 0 0 20px;
}

/**
* Signature component IE fix
*/
.signature {
  touch-action: none;
}

/* Print
======================================================================= */
@media print {
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/**
 * Focus styles
 */
*:focus {
  outline: 2px solid var(--color-focus-outline, #0094ff);
  outline-offset: 2px;
}
*:focus:not(:focus-visible) {
  outline: none;
}

[data-theme=light] {
  color-scheme: light;
}

[data-theme=dark] {
  color-scheme: dark;
}

[data-floating-ui-portal] {
  display: contents;
}

h1,
.h1 {
  font-size: var(--type-h1-font-size);
  line-height: var(--type-h1-line-height);
  font-family: var(--type-font-family-display);
  font-weight: 700;
  color: inherit;
  text-transform: var(--type-h1-text-transform);
}
@media (min-width: 37.5rem) {
  h1,
  .h1 {
    font-size: var(--type-h1-sm-font-size);
    line-height: var(--type-h1-sm-line-height);
  }
}
@media (min-width: 80.5rem) {
  h1,
  .h1 {
    font-size: var(--type-h1-xl-font-size);
    line-height: var(--type-h1-xl-line-height);
  }
}

h2,
.h2 {
  font-size: var(--type-h2-font-size);
  line-height: var(--type-h2-line-height);
  font-family: var(--type-font-family-display);
  font-weight: 700;
  text-transform: none;
  color: inherit;
}
@media (min-width: 37.5rem) {
  h2,
  .h2 {
    font-size: var(--type-h2-sm-font-size);
    line-height: var(--type-h2-sm-line-height);
  }
}
@media (min-width: 80.5rem) {
  h2,
  .h2 {
    font-size: var(--type-h2-xl-font-size);
    line-height: var(--type-h2-xl-line-height);
  }
}

h3,
.h3 {
  font-size: var(--type-h3-font-size);
  line-height: var(--type-h3-line-height);
  text-transform: none;
  font-family: var(--type-h3-font-family);
  font-weight: 700;
  color: inherit;
}
@media (min-width: 37.5rem) {
  h3,
  .h3 {
    font-size: var(--type-h3-sm-font-size);
    line-height: var(--type-h3-sm-line-height);
  }
}
@media (min-width: 80.5rem) {
  h3,
  .h3 {
    font-size: var(--type-h3-xl-font-size);
    line-height: var(--type-h3-xl-line-height);
  }
}

h4,
.h4 {
  font-size: var(--type-h4-font-size);
  line-height: var(--type-h4-line-height);
  color: inherit;
  text-transform: none;
  font-family: inherit;
  font-weight: inherit;
}
@media (min-width: 80.5rem) {
  h4,
  .h4 {
    font-size: var(--type-h4-xl-font-size);
    line-height: var(--type-h4-xl-line-height);
  }
}

h5,
.h5 {
  font-size: var(--type-h5-font-size);
  line-height: var(--type-h5-line-height);
  color: inherit;
  text-transform: none;
  font-family: inherit;
  font-weight: inherit;
}

h6,
.h6 {
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
  color: inherit;
  text-transform: none;
  font-family: inherit;
  font-weight: inherit;
}

/**
 * General helpers
 */
body {
  display: block;
  overflow-y: scroll;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/**
 * Positioning & alignment
 */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.position-relative {
  position: relative;
}

/**
 * Visibility helpers
 */
.hidden {
  display: none !important;
}

.visible {
  display: block !important;
}

@media (max-width: 37.499rem) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 37.5rem) and (max-width: 49.999rem) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 50rem) and (max-width: 62.499rem) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 62.5rem) and (max-width: 80.499rem) {
  .hidden-lg {
    display: none !important;
  }
}

@media (min-width: 80.5rem) {
  .hidden-xl {
    display: none !important;
  }
}

/**
 * Printing helpers
 */
@media print {
  .hidden-print {
    display: none !important;
  }
}
@media print {
  .visible-print {
    display: block !important;
  }
}

.visible-only-print {
  display: none;
}
@media print {
  .visible-only-print {
    display: block !important;
  }
}

.icon {
  width: 1em;
  height: 1em;
  fill: currentcolor;
}

.icon--align-middle {
  vertical-align: middle;
  margin-top: -0.25em;
}

.icon--vertical-align-middle {
  vertical-align: middle;
}

.icon--xxs {
  font-size: 1rem;
}

.icon--xs {
  font-size: 1.5rem;
}

.icon--sm {
  font-size: 2rem;
}

.icon--md {
  font-size: 2.5rem;
}

.icon--lg {
  font-size: 3rem;
}

.icon--xl {
  font-size: 3.5rem;
}

.icon--xxl {
  font-size: 4rem;
}

.icon--xxxl {
  font-size: 6rem;
}

.icon--background {
  background-color: var(--color-neutral-bg-level-1);
  border-radius: 50%;
  padding: 0.1em;
}

.accordion {
  --accordion-border-color: var(--color-neutral-border-subtle);
  --accordion-title-color: var(--color-neutral-text);
  --accordion-title-hover-color: var(--color-brand-primary-text-hover);
  --accordion-title-open-color: var(--color-brand-primary-text);
  --accordion-title-inactive-color: var(--color-neutral-text-subtle);
  --accordion-arrow-color: var(--color-neutral-text);
  --accordion-arrow-hover-color: var(--color-brand-primary-text-hover);
  --accordion-arrow-open-color: var(--color-brand-primary-text);
  --accordion-icon-color: var(--accordion-arrow-color);
  --accordion-icon-size: 2rem;
  --accordion-min-height: 56px;
  --accordion-gap: 8px;
  --accordion-padding-right: 2rem;
}

.accordion--bordered {
  border-top: 1px solid var(--accordion-border-color);
}

@media (max-width: 37.499rem) {
  .container > .accordion--full-width {
    margin-left: -16px;
    margin-right: -16px;
  }
}

.accordion__item {
  position: relative;
}
.accordion__item:not(:last-child) {
  border-bottom: 1px solid var(--accordion-border-color);
}
.accordion--bordered > .accordion__item:last-child {
  border-bottom: 1px solid var(--accordion-border-color);
}

.accordion__item--transparent {
  background: transparent;
}

.accordion__heading {
  font-weight: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: inherit;
  min-width: 0;
}
.accordion__heading:not(.h1, .h2, .h3, .h4, .h5, .h6, .p) {
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
  font-weight: 700;
}
.accordion--large .accordion__heading:not(.h1, .h2, .h3, .h4, .h5, .h6, .p) {
  font-weight: inherit;
}

.accordion__header {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--accordion-gap);
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: calc(24px + var(--accordion-padding-right));
  padding-left: 16px;
  min-height: var(--accordion-min-height);
  cursor: pointer;
}
.accordion__item--no-content .accordion__header {
  cursor: default;
}
.accordion__item--employee > .accordion__header {
  --accordion-title-color: var(--color-employee-text);
  --accordion-arrow-color: var(--color-employee-text);
  --accordion-title-hover-color: var(--color-employee-text-hover);
  --accordion-title-open-color: var(--color-employee-text);
  --accordion-arrow-hover-color: var(--color-employee-text-hover);
  --accordion-arrow-open-color: var(--color-employee-text);
  --accordion-icon-color: var(--accordion-arrow-color);
}
.accordion__item.is-inactive > .accordion__header {
  --accordion-title-color: var(--accordion-title-inactive-color);
  --accordion-icon-color: var(--color-neutral-text-subtle);
}
.accordion__item.is-open > .accordion__header {
  box-shadow: 0 0 0 0 var(--color-neutral-border-subtlest);
}
@media (min-width: 37.5rem) {
  .accordion--large > .accordion__item > .accordion__header {
    --accordion-icon-size: 3rem;
    --accordion-min-height: 82px;
    --accordion-gap: 16px;
    --accordion-padding-right: calc(2rem + 8px);
  }
}

.accordion__header-content-wrapper {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}

.accordion__arrow {
  transition: color var(--animation-duration-medium) var(--animation-easing-medium), transform var(--animation-duration-medium) var(--animation-easing-medium);
  font-size: 2rem;
  position: absolute;
  right: 8px;
  top: 50%;
  cursor: pointer;
  color: var(--accordion-arrow-color);
  transform: translateY(-50%);
  padding: 8px;
  line-height: 0;
}
@media (min-width: 37.5rem) {
  .accordion__arrow {
    left: auto;
  }
}
.accordion__item.is-open > .accordion__header .accordion__arrow {
  transform: rotate(180deg) translateY(50%);
  color: var(--accordion-arrow-open-color);
}
.accordion__item--no-content > .accordion__header .accordion__arrow, .accordion__item--no-content > .accordion__arrow {
  display: none;
}
html[data-whatintent=mouse] .accordion__item:not(.accordion__item--no-content) > .accordion__header:hover .accordion__arrow {
  color: var(--accordion-arrow-hover-color);
}

.accordion__title {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  overflow: visible;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  transition: color var(--animation-duration-short) var(--animation-easing-short);
  color: var(--accordion-title-color);
  max-width: 100%;
  font-weight: inherit;
  line-height: inherit;
}
.accordion__item.is-open > .accordion__header .accordion__title {
  color: var(--accordion-title-open-color);
}
html[data-whatintent=mouse] .accordion__item:not(.accordion__item--no-content) > .accordion__header:hover .accordion__title {
  color: var(--accordion-arrow-hover-color);
}
.accordion__item--no-content:not(.is-inactive) > .accordion__header .accordion__title {
  cursor: auto;
}

.accordion__body {
  transition: height var(--animation-duration-medium) var(--animation-easing-medium);
}
.accordion__item.is-open > .accordion__body {
  box-shadow: 0 0 0 0 var(--color-neutral-border-subtlest);
}

.accordion__content {
  padding: 0 16px 16px;
}

.accordion__icon-wrapper,
.accordion__image-wrapper {
  z-index: 1;
  line-height: 0;
  flex-shrink: 0;
}

.accordion__icon {
  vertical-align: baseline;
  margin-top: 0;
  transition: color var(--animation-duration-medium) var(--animation-easing-medium);
  font-size: var(--accordion-icon-size);
  color: var(--accordion-icon-color);
}
.accordion__item.is-open > .accordion__header .accordion__icon {
  color: var(--accordion-arrow-open-color);
}
html[data-whatintent=mouse] .accordion__item:not(.accordion__item--no-content) > .accordion__header:hover .accordion__icon {
  color: var(--accordion-arrow-hover-color);
}

.accordion__image {
  width: var(--accordion-icon-size);
}

.accordion--type-card {
  border: 0;
}
.accordion--type-card .accordion__item {
  border: 0;
  margin: 0 0 2px;
}
.accordion--type-card .accordion__item:last-child {
  margin: 0;
  border: 0;
}
.accordion--type-card .accordion__item:last-child .accordion__header,
.accordion--type-card .accordion__item:last-child .accordion__border {
  border-radius: 0 0 8px 8px;
  transition: border-radius 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.accordion--type-card .accordion__item:last-child.is-open .accordion__header {
  border-radius: 0;
  transition: border-radius 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.accordion--type-card .accordion__item:first-child .accordion__header {
  border-radius: 8px 8px 0 0;
}
.accordion--type-card .accordion__item:only-child .accordion__header {
  border-radius: 8px;
  transition: border-radius 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.accordion--type-card .accordion__item:only-child.is-open .accordion__header {
  border-radius: 8px 8px 0 0;
  transition: border-radius 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.accordion--type-card .accordion__item:only-child .accordion__border {
  border-radius: 0 0 8px 8px;
}
.accordion--type-card .accordion__item.is-open .accordion__header::before {
  opacity: 1;
}
.accordion--type-card .accordion__item.is-open .accordion__border {
  border: 1px solid var(--color-neutral-border-subtlest);
  border-top: 0;
}
.accordion--type-card .accordion__item.is-animating .accordion__border {
  border: 1px solid var(--color-neutral-border-subtlest);
  border-top: 0;
}
.accordion--type-card .accordion__header {
  background-color: var(--color-neutral-bg-level-2);
  transition: background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.accordion--type-card .accordion__header::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--color-neutral-bg-subtlest);
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
  border-radius: inherit;
}
.accordion--type-card .accordion__content {
  padding: 24px;
}

.accordion-grid__title {
  margin-bottom: 1rem;
}

.image {
  display: block;
  max-width: 100%;
  height: auto;
}
.image.lazyload, .image.lazyloading {
  opacity: 0;
  transition: opacity 400ms ease-in-out;
}
.image.lazyloaded {
  opacity: 1;
  transition: opacity 400ms ease-in-out;
}
.image.image--no-fade {
  transition: none;
}

.image--circle {
  border-radius: 100%;
}

.image--rounded {
  border-radius: 3px;
}

.image--rounded-top {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.image--rounded-right {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.image--rounded-bottom {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.image--rounded-left {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

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

.image--center {
  margin-left: auto;
  margin-right: auto;
}

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

.image--inactive.lazyloaded {
  opacity: 0.5;
}

.main {
  display: flex;
  flex-direction: column;
}

.main__inner {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main__header {
  padding-top: 100px;
}
@media (min-width: 62.5rem) {
  .main__header {
    padding-top: 110px;
  }
}

.main__content {
  padding: 30px 0 100px;
  flex: 1 0 auto;
}
.main__content:is(main) {
  outline-offset: -4px;
}

.main__page {
  flex: 1 0 auto;
}
.main__page:is(main) {
  outline-offset: -4px;
}

.main__footer {
  flex-shrink: 0;
}

.main__page--with-background {
  position: relative;
}

.main__page--background {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.main__page--background-image {
  display: block;
  width: 100%;
  height: 100%;
}

.main__page--background-picture {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .affix {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    z-index: 2;
    transition: top 500ms cubic-bezier(0.86, 0, 0.07, 1);
    will-change: top;
  }
  @media (min-width: 62.5rem) {
    .affix {
      top: 40px;
    }
  }
}

.affix--static {
  position: static;
}

a,
.anchor {
  text-decoration: none;
  color: var(--color-brand-primary-text);
  font-weight: 700;
  transition: color var(--animation-duration-short) var(--animation-easing-short);
}
html[data-whatintent=mouse] .click-area:hover a.click-area__trigger, html[data-whatintent=mouse] a:hover,
html[data-whatintent=mouse] .click-area:hover .anchor.click-area__trigger,
html[data-whatintent=mouse] .anchor:hover {
  color: var(--color-brand-primary-text-hover);
}
a.is-text-color,
.anchor.is-text-color {
  color: var(--color-neutral-text);
}
html[data-whatintent=mouse] .click-area:hover a.is-text-color.click-area__trigger, html[data-whatintent=mouse] a.is-text-color:hover,
html[data-whatintent=mouse] .click-area:hover .anchor.is-text-color.click-area__trigger,
html[data-whatintent=mouse] .anchor.is-text-color:hover {
  color: var(--color-brand-primary-text-hover);
}
a.is-underlined,
.anchor.is-underlined {
  text-decoration: underline;
}

.anchor--employee {
  color: var(--color-employee-text);
}
html[data-whatintent=mouse] .click-area:hover .anchor--employee.click-area__trigger, html[data-whatintent=mouse] .anchor--employee:hover {
  color: var(--color-employee-text-hover);
}
.anchor--employee.is-text-color {
  color: var(--color-neutral-text);
}
html[data-whatintent=mouse] .click-area:hover .anchor--employee.is-text-color.click-area__trigger, html[data-whatintent=mouse] .anchor--employee.is-text-color:hover {
  color: var(--color-employee-text-hover);
}

.video {
  position: relative;
  width: 640px;
  max-width: 100%;
  height: auto;
  box-shadow: 0 0 0 0 var(--color-neutral-border-subtlest);
  background: var(--color-neutral-bg-level-2);
  border-radius: 8px;
}
.video::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}

.video--center {
  margin-left: auto;
  margin-right: auto;
}

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

.video__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.video__btn {
  display: block;
  position: relative;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
.video.hide-overview .video__btn {
  display: none;
}

.video__image {
  width: 100%;
  border-radius: 8px;
}

.video__content {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
}

.video__icon-wrapper {
  display: block;
  border-radius: 50%;
  background-color: var(--color-brand-primary-bg-subtle);
}
.video__btn:hover .video__icon-wrapper {
  background-color: var(--color-brand-primary-bg-strong);
}

.video__icon {
  vertical-align: baseline;
  margin-top: 0;
  display: block;
  font-size: 64px;
  padding: 8px 8px 8px 16px;
  fill: var(--color-brand-primary-text-subtle);
}
@media (min-width: 37.5rem) {
  .video__icon {
    font-size: 100px;
    padding: 12px 16px 12px 20px;
  }
}
.video__btn:hover .video__icon {
  fill: var(--color-brand-primary-text-onbg-strong);
}

.video__holder {
  display: none;
  width: 100%;
  height: 100%;
}
.video.hide-overview .video__holder {
  display: block;
}

.video__iframe {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.video__title {
  position: absolute;
  inset: auto auto 0;
  margin: 0 8px 8px;
  display: block;
  padding: 4px 8px;
  border-radius: 4px;
  background: var(--color-brand-primary-bg-strong);
  color: var(--color-brand-primary-text-onbg-strong);
  font-weight: 700;
  text-align: center;
}
@media (min-width: 37.5rem) {
  .video__title {
    margin: 0 16px 16px;
  }
}

.badge {
  display: inline-block;
  min-width: 30px;
  padding: 7px;
  background: var(--color-brand-primary-bg-strong);
  border-radius: 100rem;
  color: var(--color-brand-primary-text-onbg-strong);
  font-size: var(--type-tiny-font-size);
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
}

.badge--small {
  min-width: 16px;
  padding: 2.5px;
  font-size: 0.625rem;
  line-height: 1.1;
}
.badge--small.badge--three-digits {
  font-size: 0.5rem;
  line-height: 1.5;
  font-weight: 700;
  padding: 2px;
}
.badge--small.badge--two-digits {
  padding: 2px;
  line-height: 1.2;
}

.badge--medium {
  padding: 2px 8px;
  min-width: 24px;
  line-height: var(--type-small-line-height);
  font-size: var(--type-small-font-size);
  font-weight: 700;
}
.badge--medium.badge--three-digits {
  padding: 1px;
  font-size: 0.75rem;
  line-height: 1.8334;
}
.badge--medium.badge--two-digits {
  padding: 2px;
}

.badge--large {
  padding: 2px;
  min-width: 2rem;
  font-size: var(--type-h4-xl-font-size);
  line-height: calc(var(--type-h4-xl-font-size) * var(--type-h4-xl-line-height));
  font-weight: 400;
}
@media (max-width: 37.499rem) {
  .badge--large.badge--large-responsive {
    padding: 0.25rem;
    min-width: 1.5rem;
    line-height: 1;
    font-size: 1rem;
    font-weight: 700;
  }
}
.badge--large.badge--three-digits, .badge--large.badge--three-digits.badge--large-responsive {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  padding: 4px;
}
.badge--large.badge--two-digits, .badge--large.badge--two-digits.badge--large-responsive {
  padding: 4px;
  line-height: 1.2;
}
@media (max-width: 37.499rem) {
  .badge--large.badge--large-responsive.badge--three-digits {
    padding: 1px;
    font-size: 0.75rem;
    line-height: 1.8334;
  }
  .badge--large.badge--large-responsive.badge--two-digits {
    padding: 2px;
    line-height: 1.25;
  }
}

.badge--inactive {
  background: var(--color-neutral-bg-subtle);
  color: var(--color-neutral-text);
}

.badge--recommended {
  background: var(--color-brand-expressive-bg-subtle);
  color: var(--color-brand-expressive-text);
}

.badge--selected {
  background: var(--color-brand-primary-bg-strong);
  color: var(--color-brand-primary-text-onbg-strong);
}

.badge--success {
  background: var(--color-success-bg-subtle);
  color: var(--color-success-text);
}

.badge__icon {
  color: var(--color-brand-primary-text-onbg-strong);
  width: 1rem;
  height: 1rem;
  margin-left: 9px;
  vertical-align: top;
}
.badge__icon:only-child {
  margin: 0;
}
.badge--large .badge__icon {
  width: 1.25rem;
  height: 1.375rem;
  margin: 0.1875rem 0;
}
@media (max-width: 37.499rem) {
  .badge--large.badge--large-responsive .badge__icon {
    width: 1rem;
    height: 1rem;
    margin: 0;
  }
}
.badge--medium .badge__icon {
  width: 1rem;
  height: 1rem;
  margin: 2px -4px;
}
.badge--small .badge__icon {
  width: 0.625rem;
  height: 0.625rem;
  margin: 0;
}
.badge--selected .badge__icon {
  color: var(--color-brand-primary-text-onbg-strong);
}
.badge--recommended .badge__icon {
  color: var(--color-brand-expressive-graphic);
}
.badge--inactive .badge__icon {
  color: var(--color-neutral-graphic);
}
.badge--success .badge__icon {
  color: var(--color-success-graphic);
}
.badge--attention .badge__icon {
  color: var(--color-attention-graphic);
}
.badge--error .badge__icon {
  color: var(--color-error-text-onbg-strong);
}
.badge--information .badge__icon {
  color: var(--color-info-graphic);
}
.badge--employee .badge__icon {
  color: var(--color-employee-graphic);
}
.badge--employee-active .badge__icon {
  color: var(--color-employee-text-onbg-strong);
}

.badge__text {
  margin-left: 6px;
  margin-right: 9px;
  vertical-align: top;
  text-transform: none;
}
.badge__text:only-child {
  margin: 0 9px;
}
.badge--small .badge__text {
  margin: 0;
}
.badge--medium .badge__text:only-child, .badge--large .badge__text:only-child {
  margin: 0;
}

.badge--attention {
  background: var(--color-attention-bg-subtle);
  color: var(--color-attention-text);
}

.badge--error {
  background: var(--color-error-bg-strong);
  color: var(--color-error-text-onbg-strong);
}

.badge--information {
  background: var(--color-info-bg-subtle);
  color: var(--color-info-text);
}

.badge--employee {
  background: var(--color-employee-bg-subtle);
  color: var(--color-employee-text);
}

.badge--employee-active {
  background: var(--color-employee-bg-strong);
  color: var(--color-employee-text-onbg-strong);
}

.grid {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 0;
  min-width: 0;
}
@media print {
  .grid {
    display: block;
  }
}

.grid--gutter-default {
  margin-right: -12px;
  margin-left: -12px;
  margin-bottom: -24px;
}
@media (max-width: 37.499rem) {
  .grid--gutter-default {
    margin-right: -8px;
    margin-left: -8px;
    margin-bottom: -16px;
  }
}

.grid.grid--horizontal-gutter-default {
  margin-right: -12px;
  margin-left: -12px;
}
@media (max-width: 37.499rem) {
  .grid.grid--horizontal-gutter-default {
    margin-right: -8px;
    margin-left: -8px;
  }
}

.grid.grid--vertical-gutter-default {
  margin-bottom: -24px;
}
@media (max-width: 37.499rem) {
  .grid.grid--vertical-gutter-default {
    margin-bottom: -16px;
  }
}

.grid--gutter-default > .grid__col {
  padding-right: 12px;
  padding-left: 12px;
  margin-bottom: 24px;
}
@media (max-width: 37.499rem) {
  .grid--gutter-default > .grid__col {
    padding-right: 8px;
    padding-left: 8px;
    margin-bottom: 16px;
  }
}
.grid.grid--horizontal-gutter-default > .grid__col {
  padding-right: 12px;
  padding-left: 12px;
}
@media (max-width: 37.499rem) {
  .grid.grid--horizontal-gutter-default > .grid__col {
    padding-right: 8px;
    padding-left: 8px;
  }
}
.grid.grid--vertical-gutter-default > .grid__col {
  margin-bottom: 24px;
}
@media (max-width: 37.499rem) {
  .grid.grid--vertical-gutter-default > .grid__col {
    margin-bottom: 16px;
  }
}
.grid--gutter-default > .grid__col::after {
  bottom: -12px;
  left: 12px;
  right: 12px;
}
@media (max-width: 37.499rem) {
  .grid--gutter-default > .grid__col::after {
    bottom: -8px;
    left: 8px;
    right: 8px;
  }
}
.grid.grid--horizontal-gutter-default > .grid__col::after {
  left: 12px;
  right: 12px;
}
@media (max-width: 37.499rem) {
  .grid.grid--horizontal-gutter-default > .grid__col::after {
    left: 8px;
    right: 8px;
  }
}
.grid.grid--vertical-gutter-default > .grid__col::after {
  bottom: -12px;
}
@media (max-width: 37.499rem) {
  .grid.grid--vertical-gutter-default > .grid__col::after {
    bottom: -8px;
  }
}

.grid--gutter-xsmall {
  margin-right: -2px;
  margin-left: -2px;
  margin-bottom: -4px;
}

.grid.grid--horizontal-gutter-xsmall {
  margin-right: -2px;
  margin-left: -2px;
}

.grid.grid--vertical-gutter-xsmall {
  margin-bottom: -4px;
}

.grid--gutter-xsmall > .grid__col {
  padding-right: 2px;
  padding-left: 2px;
  margin-bottom: 4px;
}
.grid.grid--horizontal-gutter-xsmall > .grid__col {
  padding-right: 2px;
  padding-left: 2px;
}
.grid.grid--vertical-gutter-xsmall > .grid__col {
  margin-bottom: 4px;
}
.grid--gutter-xsmall > .grid__col::after {
  bottom: -2px;
  left: 2px;
  right: 2px;
}
.grid.grid--horizontal-gutter-xsmall > .grid__col::after {
  left: 2px;
  right: 2px;
}
.grid.grid--vertical-gutter-xsmall > .grid__col::after {
  bottom: -2px;
}

.grid--gutter-small {
  margin-right: -4px;
  margin-left: -4px;
  margin-bottom: -8px;
}

.grid.grid--horizontal-gutter-small {
  margin-right: -4px;
  margin-left: -4px;
}

.grid.grid--vertical-gutter-small {
  margin-bottom: -8px;
}

.grid--gutter-small > .grid__col {
  padding-right: 4px;
  padding-left: 4px;
  margin-bottom: 8px;
}
.grid.grid--horizontal-gutter-small > .grid__col {
  padding-right: 4px;
  padding-left: 4px;
}
.grid.grid--vertical-gutter-small > .grid__col {
  margin-bottom: 8px;
}
.grid--gutter-small > .grid__col::after {
  bottom: -4px;
  left: 4px;
  right: 4px;
}
.grid.grid--horizontal-gutter-small > .grid__col::after {
  left: 4px;
  right: 4px;
}
.grid.grid--vertical-gutter-small > .grid__col::after {
  bottom: -4px;
}

.grid--gutter-medium {
  margin-right: -24px;
  margin-left: -24px;
  margin-bottom: -48px;
}
@media (max-width: 37.499rem) {
  .grid--gutter-medium {
    margin-right: -16px;
    margin-left: -16px;
    margin-bottom: -32px;
  }
}

.grid.grid--horizontal-gutter-medium {
  margin-right: -24px;
  margin-left: -24px;
}
@media (max-width: 37.499rem) {
  .grid.grid--horizontal-gutter-medium {
    margin-right: -16px;
    margin-left: -16px;
  }
}

.grid.grid--vertical-gutter-medium {
  margin-bottom: -48px;
}
@media (max-width: 37.499rem) {
  .grid.grid--vertical-gutter-medium {
    margin-bottom: -32px;
  }
}

.grid--gutter-medium > .grid__col {
  padding-right: 24px;
  padding-left: 24px;
  margin-bottom: 48px;
}
@media (max-width: 37.499rem) {
  .grid--gutter-medium > .grid__col {
    padding-right: 16px;
    padding-left: 16px;
    margin-bottom: 32px;
  }
}
.grid.grid--horizontal-gutter-medium > .grid__col {
  padding-right: 24px;
  padding-left: 24px;
}
@media (max-width: 37.499rem) {
  .grid.grid--horizontal-gutter-medium > .grid__col {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.grid.grid--vertical-gutter-medium > .grid__col {
  margin-bottom: 48px;
}
@media (max-width: 37.499rem) {
  .grid.grid--vertical-gutter-medium > .grid__col {
    margin-bottom: 32px;
  }
}
.grid--gutter-medium > .grid__col::after {
  bottom: -24px;
  left: 24px;
  right: 24px;
}
@media (max-width: 37.499rem) {
  .grid--gutter-medium > .grid__col::after {
    bottom: -16px;
    left: 16px;
    right: 16px;
  }
}
.grid.grid--horizontal-gutter-medium > .grid__col::after {
  left: 24px;
  right: 24px;
}
@media (max-width: 37.499rem) {
  .grid.grid--horizontal-gutter-medium > .grid__col::after {
    left: 16px;
    right: 16px;
  }
}
.grid.grid--vertical-gutter-medium > .grid__col::after {
  bottom: -24px;
}
@media (max-width: 37.499rem) {
  .grid.grid--vertical-gutter-medium > .grid__col::after {
    bottom: -16px;
  }
}

.grid--gutter-smedium {
  margin-right: -8px;
  margin-left: -8px;
  margin-bottom: -16px;
}

.grid.grid--horizontal-gutter-smedium {
  margin-right: -8px;
  margin-left: -8px;
}

.grid.grid--vertical-gutter-smedium {
  margin-bottom: -16px;
}

.grid--gutter-smedium > .grid__col {
  padding-right: 8px;
  padding-left: 8px;
  margin-bottom: 16px;
}
.grid.grid--horizontal-gutter-smedium > .grid__col {
  padding-right: 8px;
  padding-left: 8px;
}
.grid.grid--vertical-gutter-smedium > .grid__col {
  margin-bottom: 16px;
}
.grid--gutter-smedium > .grid__col::after {
  bottom: -8px;
  left: 8px;
  right: 8px;
}
.grid.grid--horizontal-gutter-smedium > .grid__col::after {
  left: 8px;
  right: 8px;
}
.grid.grid--vertical-gutter-smedium > .grid__col::after {
  bottom: -8px;
}

.grid--gutter-none {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
}

.grid.grid--horizontal-gutter-none {
  margin-right: 0;
  margin-left: 0;
}

.grid.grid--vertical-gutter-none {
  margin-bottom: 0;
}

.grid--gutter-none > .grid__col {
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 0;
}
.grid.grid--horizontal-gutter-none > .grid__col {
  padding-right: 0;
  padding-left: 0;
}
.grid.grid--vertical-gutter-none > .grid__col {
  margin-bottom: 0;
}
.grid--gutter-none > .grid__col::after {
  bottom: 0;
  left: 0;
  right: 0;
}
.grid.grid--horizontal-gutter-none > .grid__col::after {
  left: 0;
  right: 0;
}
.grid.grid--vertical-gutter-none > .grid__col::after {
  bottom: 0;
}

.grid__col {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  flex-basis: 100%;
  max-width: 100%;
  width: 100%;
  outline: none;
}
.grid--equalheight > .grid__col {
  display: flex;
}
@media print {
  .grid__col {
    display: block;
  }
}
.grid__col::before, .grid__col::after {
  content: "";
  display: none;
  position: absolute;
  background: var(--color-neutral-border-subtle);
}
.grid--border-light > .grid__col::before, .grid--border-light > .grid__col::after {
  background-color: var(--color-neutral-border-subtlest);
}
.grid--border-dark > .grid__col::before, .grid--border-dark > .grid__col::after {
  background-color: var(--color-neutral-border);
}
.grid__col::after {
  height: 2px;
}
.grid--border-thin > .grid__col::after {
  height: 1px;
}
.grid__col::before {
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
}
.grid--border-thin > .grid__col::before {
  width: 1px;
}

.grid > .grid__col--no-vertical-gutter {
  margin-bottom: 0;
}

.grid__col--min {
  flex-grow: 0;
  flex-basis: auto;
  width: auto;
  max-width: 100%;
}

.grid__col--max {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.grid__col--minmax {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: auto;
}

@media (min-width: 20rem) {
  .grid__col--xs-1 {
    order: auto;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid__col--xs-2 {
    order: auto;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid__col--xs-3 {
    order: auto;
    flex-basis: 25%;
    max-width: 25%;
  }
  .grid__col--xs-4 {
    order: auto;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid__col--xs-5 {
    order: auto;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid__col--xs-6 {
    order: auto;
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid__col--xs-7 {
    order: auto;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid__col--xs-8 {
    order: auto;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid__col--xs-9 {
    order: auto;
    flex-basis: 75%;
    max-width: 75%;
  }
  .grid__col--xs-10 {
    order: auto;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid__col--xs-11 {
    order: auto;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid__col--xs-12 {
    order: auto;
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid__col--offset-xs-0 {
    margin-left: 0%;
  }
  .grid__col--offset-xs-1 {
    margin-left: 8.3333333333%;
  }
  .grid__col--offset-xs-2 {
    margin-left: 16.6666666667%;
  }
  .grid__col--offset-xs-3 {
    margin-left: 25%;
  }
  .grid__col--offset-xs-4 {
    margin-left: 33.3333333333%;
  }
  .grid__col--offset-xs-5 {
    margin-left: 41.6666666667%;
  }
  .grid__col--offset-xs-6 {
    margin-left: 50%;
  }
  .grid__col--offset-xs-7 {
    margin-left: 58.3333333333%;
  }
  .grid__col--offset-xs-8 {
    margin-left: 66.6666666667%;
  }
  .grid__col--offset-xs-9 {
    margin-left: 75%;
  }
  .grid__col--offset-xs-10 {
    margin-left: 83.3333333333%;
  }
  .grid__col--offset-xs-11 {
    margin-left: 91.6666666667%;
  }
  .grid__col--offset-xs-12 {
    margin-left: 100%;
  }
}
.grid__col--xs {
  flex-grow: 0;
  flex-basis: auto;
  width: auto;
  max-width: 100%;
}

.grid--no-wrap-xs {
  flex-wrap: nowrap;
}

.grid--wrap-xs {
  flex-wrap: wrap;
}

.grid__col--min-xs {
  flex-grow: 0;
  flex-basis: auto;
  width: auto;
  max-width: 100%;
}

.grid__col--max-xs {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  max-width: 100%;
}

.grid__col--minmax-xs {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: auto;
}

.grid__col--top-xs {
  align-self: flex-start;
}

.grid__col--middle-xs {
  align-self: center;
}

.grid__col--bottom-xs {
  align-self: flex-end;
}

.grid--reverse-xs {
  flex-direction: row-reverse;
}

.grid--start-xs {
  justify-content: flex-start;
}

.grid--center-xs {
  justify-content: center;
}

.grid--end-xs {
  justify-content: flex-end;
}

.grid--top-xs {
  align-items: flex-start;
}

.grid--middle-xs {
  align-items: center;
}

.grid--bottom-xs {
  align-items: flex-end;
}

.grid--around-xs {
  justify-content: space-around;
}

.grid--between-xs {
  justify-content: space-between;
}

.grid__col--original-xs {
  order: 0;
}

.grid__col--first-xs {
  order: -1;
}

.grid__col--last-xs {
  order: 1;
}

.grid__col--border-none-xs::before, .grid__col--border-none-xs::after {
  display: none;
}

.grid__col--border-bottom-none-xs::after {
  display: none;
}

.grid__col--border-bottom-xs::after {
  display: block;
}

.grid__col--border-left-none-xs::before {
  display: none;
}

.grid__col--border-left-xs::before {
  display: block;
}

@media (min-width: 37.5rem) and (min-width: 20rem) {
  .grid__col--sm-1 {
    order: auto;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid__col--sm-2 {
    order: auto;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid__col--sm-3 {
    order: auto;
    flex-basis: 25%;
    max-width: 25%;
  }
  .grid__col--sm-4 {
    order: auto;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid__col--sm-5 {
    order: auto;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid__col--sm-6 {
    order: auto;
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid__col--sm-7 {
    order: auto;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid__col--sm-8 {
    order: auto;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid__col--sm-9 {
    order: auto;
    flex-basis: 75%;
    max-width: 75%;
  }
  .grid__col--sm-10 {
    order: auto;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid__col--sm-11 {
    order: auto;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid__col--sm-12 {
    order: auto;
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid__col--offset-sm-0 {
    margin-left: 0%;
  }
  .grid__col--offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .grid__col--offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .grid__col--offset-sm-3 {
    margin-left: 25%;
  }
  .grid__col--offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .grid__col--offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .grid__col--offset-sm-6 {
    margin-left: 50%;
  }
  .grid__col--offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .grid__col--offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .grid__col--offset-sm-9 {
    margin-left: 75%;
  }
  .grid__col--offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .grid__col--offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .grid__col--offset-sm-12 {
    margin-left: 100%;
  }
}
@media (min-width: 37.5rem) {
  .grid__col--sm {
    flex-grow: 0;
    flex-basis: auto;
    width: auto;
    max-width: 100%;
  }
  .grid--no-wrap-sm {
    flex-wrap: nowrap;
  }
  .grid--wrap-sm {
    flex-wrap: wrap;
  }
  .grid__col--min-sm {
    flex-grow: 0;
    flex-basis: auto;
    width: auto;
    max-width: 100%;
  }
  .grid__col--max-sm {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    max-width: 100%;
  }
  .grid__col--minmax-sm {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    width: auto;
  }
  .grid__col--top-sm {
    align-self: flex-start;
  }
  .grid__col--middle-sm {
    align-self: center;
  }
  .grid__col--bottom-sm {
    align-self: flex-end;
  }
  .grid--reverse-sm {
    flex-direction: row-reverse;
  }
  .grid--start-sm {
    justify-content: flex-start;
  }
  .grid--center-sm {
    justify-content: center;
  }
  .grid--end-sm {
    justify-content: flex-end;
  }
  .grid--top-sm {
    align-items: flex-start;
  }
  .grid--middle-sm {
    align-items: center;
  }
  .grid--bottom-sm {
    align-items: flex-end;
  }
  .grid--around-sm {
    justify-content: space-around;
  }
  .grid--between-sm {
    justify-content: space-between;
  }
  .grid__col--original-sm {
    order: 0;
  }
  .grid__col--first-sm {
    order: -1;
  }
  .grid__col--last-sm {
    order: 1;
  }
  .grid__col--border-none-sm::before, .grid__col--border-none-sm::after {
    display: none;
  }
  .grid__col--border-bottom-none-sm::after {
    display: none;
  }
  .grid__col--border-bottom-sm::after {
    display: block;
  }
  .grid__col--border-left-none-sm::before {
    display: none;
  }
  .grid__col--border-left-sm::before {
    display: block;
  }
}
@media (min-width: 50rem) and (min-width: 20rem) {
  .grid__col--md-1 {
    order: auto;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid__col--md-2 {
    order: auto;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid__col--md-3 {
    order: auto;
    flex-basis: 25%;
    max-width: 25%;
  }
  .grid__col--md-4 {
    order: auto;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid__col--md-5 {
    order: auto;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid__col--md-6 {
    order: auto;
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid__col--md-7 {
    order: auto;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid__col--md-8 {
    order: auto;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid__col--md-9 {
    order: auto;
    flex-basis: 75%;
    max-width: 75%;
  }
  .grid__col--md-10 {
    order: auto;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid__col--md-11 {
    order: auto;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid__col--md-12 {
    order: auto;
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid__col--offset-md-0 {
    margin-left: 0%;
  }
  .grid__col--offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .grid__col--offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .grid__col--offset-md-3 {
    margin-left: 25%;
  }
  .grid__col--offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .grid__col--offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .grid__col--offset-md-6 {
    margin-left: 50%;
  }
  .grid__col--offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .grid__col--offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .grid__col--offset-md-9 {
    margin-left: 75%;
  }
  .grid__col--offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .grid__col--offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .grid__col--offset-md-12 {
    margin-left: 100%;
  }
}
@media (min-width: 50rem) {
  .grid__col--md {
    flex-grow: 0;
    flex-basis: auto;
    width: auto;
    max-width: 100%;
  }
  .grid--no-wrap-md {
    flex-wrap: nowrap;
  }
  .grid--wrap-md {
    flex-wrap: wrap;
  }
  .grid__col--min-md {
    flex-grow: 0;
    flex-basis: auto;
    width: auto;
    max-width: 100%;
  }
  .grid__col--max-md {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    max-width: 100%;
  }
  .grid__col--minmax-md {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    width: auto;
  }
  .grid__col--top-md {
    align-self: flex-start;
  }
  .grid__col--middle-md {
    align-self: center;
  }
  .grid__col--bottom-md {
    align-self: flex-end;
  }
  .grid--reverse-md {
    flex-direction: row-reverse;
  }
  .grid--start-md {
    justify-content: flex-start;
  }
  .grid--center-md {
    justify-content: center;
  }
  .grid--end-md {
    justify-content: flex-end;
  }
  .grid--top-md {
    align-items: flex-start;
  }
  .grid--middle-md {
    align-items: center;
  }
  .grid--bottom-md {
    align-items: flex-end;
  }
  .grid--around-md {
    justify-content: space-around;
  }
  .grid--between-md {
    justify-content: space-between;
  }
  .grid__col--original-md {
    order: 0;
  }
  .grid__col--first-md {
    order: -1;
  }
  .grid__col--last-md {
    order: 1;
  }
  .grid__col--border-none-md::before, .grid__col--border-none-md::after {
    display: none;
  }
  .grid__col--border-bottom-none-md::after {
    display: none;
  }
  .grid__col--border-bottom-md::after {
    display: block;
  }
  .grid__col--border-left-none-md::before {
    display: none;
  }
  .grid__col--border-left-md::before {
    display: block;
  }
}
@media (min-width: 62.5rem) and (min-width: 20rem) {
  .grid__col--lg-1 {
    order: auto;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid__col--lg-2 {
    order: auto;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid__col--lg-3 {
    order: auto;
    flex-basis: 25%;
    max-width: 25%;
  }
  .grid__col--lg-4 {
    order: auto;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid__col--lg-5 {
    order: auto;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid__col--lg-6 {
    order: auto;
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid__col--lg-7 {
    order: auto;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid__col--lg-8 {
    order: auto;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid__col--lg-9 {
    order: auto;
    flex-basis: 75%;
    max-width: 75%;
  }
  .grid__col--lg-10 {
    order: auto;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid__col--lg-11 {
    order: auto;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid__col--lg-12 {
    order: auto;
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid__col--offset-lg-0 {
    margin-left: 0%;
  }
  .grid__col--offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .grid__col--offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .grid__col--offset-lg-3 {
    margin-left: 25%;
  }
  .grid__col--offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .grid__col--offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .grid__col--offset-lg-6 {
    margin-left: 50%;
  }
  .grid__col--offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .grid__col--offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .grid__col--offset-lg-9 {
    margin-left: 75%;
  }
  .grid__col--offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .grid__col--offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .grid__col--offset-lg-12 {
    margin-left: 100%;
  }
}
@media (min-width: 62.5rem) {
  .grid__col--lg {
    flex-grow: 0;
    flex-basis: auto;
    width: auto;
    max-width: 100%;
  }
  .grid--no-wrap-lg {
    flex-wrap: nowrap;
  }
  .grid--wrap-lg {
    flex-wrap: wrap;
  }
  .grid__col--min-lg {
    flex-grow: 0;
    flex-basis: auto;
    width: auto;
    max-width: 100%;
  }
  .grid__col--max-lg {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    max-width: 100%;
  }
  .grid__col--minmax-lg {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    width: auto;
  }
  .grid__col--top-lg {
    align-self: flex-start;
  }
  .grid__col--middle-lg {
    align-self: center;
  }
  .grid__col--bottom-lg {
    align-self: flex-end;
  }
  .grid--reverse-lg {
    flex-direction: row-reverse;
  }
  .grid--start-lg {
    justify-content: flex-start;
  }
  .grid--center-lg {
    justify-content: center;
  }
  .grid--end-lg {
    justify-content: flex-end;
  }
  .grid--top-lg {
    align-items: flex-start;
  }
  .grid--middle-lg {
    align-items: center;
  }
  .grid--bottom-lg {
    align-items: flex-end;
  }
  .grid--around-lg {
    justify-content: space-around;
  }
  .grid--between-lg {
    justify-content: space-between;
  }
  .grid__col--original-lg {
    order: 0;
  }
  .grid__col--first-lg {
    order: -1;
  }
  .grid__col--last-lg {
    order: 1;
  }
  .grid__col--border-none-lg::before, .grid__col--border-none-lg::after {
    display: none;
  }
  .grid__col--border-bottom-none-lg::after {
    display: none;
  }
  .grid__col--border-bottom-lg::after {
    display: block;
  }
  .grid__col--border-left-none-lg::before {
    display: none;
  }
  .grid__col--border-left-lg::before {
    display: block;
  }
}
@media (min-width: 80.5rem) and (min-width: 20rem) {
  .grid__col--xl-1 {
    order: auto;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid__col--xl-2 {
    order: auto;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid__col--xl-3 {
    order: auto;
    flex-basis: 25%;
    max-width: 25%;
  }
  .grid__col--xl-4 {
    order: auto;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid__col--xl-5 {
    order: auto;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid__col--xl-6 {
    order: auto;
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid__col--xl-7 {
    order: auto;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid__col--xl-8 {
    order: auto;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid__col--xl-9 {
    order: auto;
    flex-basis: 75%;
    max-width: 75%;
  }
  .grid__col--xl-10 {
    order: auto;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid__col--xl-11 {
    order: auto;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid__col--xl-12 {
    order: auto;
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid__col--offset-xl-0 {
    margin-left: 0%;
  }
  .grid__col--offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .grid__col--offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .grid__col--offset-xl-3 {
    margin-left: 25%;
  }
  .grid__col--offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .grid__col--offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .grid__col--offset-xl-6 {
    margin-left: 50%;
  }
  .grid__col--offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .grid__col--offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .grid__col--offset-xl-9 {
    margin-left: 75%;
  }
  .grid__col--offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .grid__col--offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .grid__col--offset-xl-12 {
    margin-left: 100%;
  }
}
@media (min-width: 80.5rem) {
  .grid__col--xl {
    flex-grow: 0;
    flex-basis: auto;
    width: auto;
    max-width: 100%;
  }
  .grid--no-wrap-xl {
    flex-wrap: nowrap;
  }
  .grid--wrap-xl {
    flex-wrap: wrap;
  }
  .grid__col--min-xl {
    flex-grow: 0;
    flex-basis: auto;
    width: auto;
    max-width: 100%;
  }
  .grid__col--max-xl {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    max-width: 100%;
  }
  .grid__col--minmax-xl {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    width: auto;
  }
  .grid__col--top-xl {
    align-self: flex-start;
  }
  .grid__col--middle-xl {
    align-self: center;
  }
  .grid__col--bottom-xl {
    align-self: flex-end;
  }
  .grid--reverse-xl {
    flex-direction: row-reverse;
  }
  .grid--start-xl {
    justify-content: flex-start;
  }
  .grid--center-xl {
    justify-content: center;
  }
  .grid--end-xl {
    justify-content: flex-end;
  }
  .grid--top-xl {
    align-items: flex-start;
  }
  .grid--middle-xl {
    align-items: center;
  }
  .grid--bottom-xl {
    align-items: flex-end;
  }
  .grid--around-xl {
    justify-content: space-around;
  }
  .grid--between-xl {
    justify-content: space-between;
  }
  .grid__col--original-xl {
    order: 0;
  }
  .grid__col--first-xl {
    order: -1;
  }
  .grid__col--last-xl {
    order: 1;
  }
  .grid__col--border-none-xl::before, .grid__col--border-none-xl::after {
    display: none;
  }
  .grid__col--border-bottom-none-xl::after {
    display: none;
  }
  .grid__col--border-bottom-xl::after {
    display: block;
  }
  .grid__col--border-left-none-xl::before {
    display: none;
  }
  .grid__col--border-left-xl::before {
    display: block;
  }
}
@media (min-width: 90.625rem) and (min-width: 20rem) {
  .grid__col--xxl-1 {
    order: auto;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid__col--xxl-2 {
    order: auto;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid__col--xxl-3 {
    order: auto;
    flex-basis: 25%;
    max-width: 25%;
  }
  .grid__col--xxl-4 {
    order: auto;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid__col--xxl-5 {
    order: auto;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid__col--xxl-6 {
    order: auto;
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid__col--xxl-7 {
    order: auto;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid__col--xxl-8 {
    order: auto;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid__col--xxl-9 {
    order: auto;
    flex-basis: 75%;
    max-width: 75%;
  }
  .grid__col--xxl-10 {
    order: auto;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid__col--xxl-11 {
    order: auto;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid__col--xxl-12 {
    order: auto;
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid__col--offset-xxl-0 {
    margin-left: 0%;
  }
  .grid__col--offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .grid__col--offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .grid__col--offset-xxl-3 {
    margin-left: 25%;
  }
  .grid__col--offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .grid__col--offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .grid__col--offset-xxl-6 {
    margin-left: 50%;
  }
  .grid__col--offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .grid__col--offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .grid__col--offset-xxl-9 {
    margin-left: 75%;
  }
  .grid__col--offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .grid__col--offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  .grid__col--offset-xxl-12 {
    margin-left: 100%;
  }
}
@media (min-width: 90.625rem) {
  .grid__col--xxl {
    flex-grow: 0;
    flex-basis: auto;
    width: auto;
    max-width: 100%;
  }
  .grid--no-wrap-xxl {
    flex-wrap: nowrap;
  }
  .grid--wrap-xxl {
    flex-wrap: wrap;
  }
  .grid__col--min-xxl {
    flex-grow: 0;
    flex-basis: auto;
    width: auto;
    max-width: 100%;
  }
  .grid__col--max-xxl {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    max-width: 100%;
  }
  .grid__col--minmax-xxl {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    width: auto;
  }
  .grid__col--top-xxl {
    align-self: flex-start;
  }
  .grid__col--middle-xxl {
    align-self: center;
  }
  .grid__col--bottom-xxl {
    align-self: flex-end;
  }
  .grid--reverse-xxl {
    flex-direction: row-reverse;
  }
  .grid--start-xxl {
    justify-content: flex-start;
  }
  .grid--center-xxl {
    justify-content: center;
  }
  .grid--end-xxl {
    justify-content: flex-end;
  }
  .grid--top-xxl {
    align-items: flex-start;
  }
  .grid--middle-xxl {
    align-items: center;
  }
  .grid--bottom-xxl {
    align-items: flex-end;
  }
  .grid--around-xxl {
    justify-content: space-around;
  }
  .grid--between-xxl {
    justify-content: space-between;
  }
  .grid__col--original-xxl {
    order: 0;
  }
  .grid__col--first-xxl {
    order: -1;
  }
  .grid__col--last-xxl {
    order: 1;
  }
  .grid__col--border-none-xxl::before, .grid__col--border-none-xxl::after {
    display: none;
  }
  .grid__col--border-bottom-none-xxl::after {
    display: none;
  }
  .grid__col--border-bottom-xxl::after {
    display: block;
  }
  .grid__col--border-left-none-xxl::before {
    display: none;
  }
  .grid__col--border-left-xxl::before {
    display: block;
  }
}
.telia-tag {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  color: var(--color-brand-primary-text-onbg-strong);
  text-align: center;
  position: relative;
  background: var(--color-brand-primary-bg-strong);
}

/* Modifier: sizes */
.telia-tag--small {
  width: 64px;
  height: 64px;
}
.telia-tag--small .fittext {
  line-height: calc(1em + 2px);
}

.telia-tag--medium {
  width: 80px;
  height: 80px;
}
.telia-tag--medium .fittext {
  line-height: calc(1em + 2px);
}

.telia-tag--large {
  width: 96px;
  height: 96px;
}
.telia-tag--large .fittext {
  line-height: calc(1em + 2px);
}

.telia-tag--tiny {
  display: inline-flex;
  width: auto;
  height: auto;
  border-radius: 4px;
}

.telia-tag--disabled {
  opacity: 0.5;
}

.telia-tag--tooltip {
  border: none;
}

/* Modifier: Purposes */
.telia-tag--primary {
  background: var(--color-brand-primary-bg-strong);
  color: var(--color-brand-primary-text-onbg-strong);
}

.telia-tag--recommended {
  background: var(--color-brand-expressive-bg-subtle);
  color: var(--color-brand-expressive-text);
}

.telia-tag--attention {
  background: var(--color-attention-bg-subtle);
  color: var(--color-attention-text);
}

.telia-tag--employee {
  background: var(--color-employee-bg-strong);
  color: var(--color-employee-text-onbg-strong);
}

.telia-tag--success {
  background: var(--color-success-bg-subtle);
  color: var(--color-success-text);
}

.telia-tag--information {
  background: var(--color-info-bg-subtle);
  color: var(--color-info-text);
}

.telia-tag--service {
  background: var(--color-neutral-bg-level-1);
}

.telia-tag--error {
  background: var(--color-error-bg-strong);
  color: var(--color-error-text-onbg-strong);
}

.telia-tag--campaign-1 {
  background: var(--color-campaign-1-bg);
  color: var(--color-campaign-1-text);
}

.telia-tag--campaign-2 {
  background: var(--color-campaign-2-bg);
  color: var(--color-campaign-2-text);
}

.telia-tag--campaign-3 {
  background: var(--color-campaign-3-bg);
  color: var(--color-campaign-3-text);
}

.telia-tag--campaign-4 {
  background: var(--color-campaign-4-bg);
  color: var(--color-campaign-4-text);
}

.telia-tag--text {
  background: var(--color-neutral-bg-subtle);
  color: var(--color-neutral-text);
}

/* Modifier: Font sizes */
.telia-tag__text--tiny {
  font-size: 9px;
  line-height: calc(1em + 2px);
}

.telia-tag__text--small {
  font-size: 11px;
  line-height: 14px;
}

.telia-tag__text--medium {
  font-size: 14px;
  line-height: calc(1em + 2px);
}

.telia-tag__text--large {
  font-size: 16px;
  line-height: calc(1em + 2px);
}

.telia-tag__text--extra-large {
  font-size: 20px;
  line-height: calc(1em + 2px);
}

.telia-tag--service {
  color: var(--color-neutral-text);
  border: 1px solid var(--color-neutral-border-subtle);
}

.telia-tag__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  margin: 0;
  width: 100%;
  padding: 15%;
}
.telia-tag--small .telia-tag__content {
  padding: 15%;
}
.telia-tag--tiny .telia-tag__content {
  display: inline-flex;
  position: relative;
  transform: none;
  opacity: 1;
  transition: none;
  left: auto;
  top: auto;
  padding: 4px 8px;
}

/* Element: Icon */
.telia-tag__icon {
  vertical-align: baseline;
  margin-top: 0;
  flex-basis: 24px;
  width: 24px;
  height: 24px;
}
.telia-tag--icon:not(.telia-tag--large) .telia-tag__icon {
  flex-basis: 40px;
  width: 40px;
  height: 40px;
}
.telia-tag--icon.telia-tag--small .telia-tag__icon {
  flex-basis: 32px;
  width: 32px;
  height: 32px;
}

/* Element: Text */
.telia-tag__text {
  font-weight: 700;
  width: 100%;
  margin: 4px 0;
}
.telia-tag--tiny .telia-tag__text {
  margin: 0;
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
}

.telia-tag__text--hidden {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

/* Element: Image */
.telia-tag__image {
  width: 60px;
}
.telia-tag--medium .telia-tag__image {
  width: 50px;
}
.telia-tag--small .telia-tag__image {
  width: 40px;
}

.tag-group {
  display: flex;
  flex-direction: column;
}
.tag-group.tag-group--align-horizontal {
  flex-direction: row;
}

.tag-group--align-vertical .tag-group__tag + .tag-group__tag {
  margin-top: -15px;
}
.tag-group--align-vertical .tag-group__tag + .tag-group__tag.telia-tag--medium {
  margin-top: -12px;
}
.tag-group--align-vertical .tag-group__tag + .tag-group__tag.telia-tag--small {
  margin-top: -9px;
}
.tag-group--align-horizontal .tag-group__tag + .tag-group__tag {
  margin-left: -15px;
}
.tag-group--align-horizontal .tag-group__tag + .tag-group__tag.telia-tag--medium {
  margin-left: -12px;
}
.tag-group--align-horizontal .tag-group__tag + .tag-group__tag.telia-tag--small {
  margin-left: -9px;
}

.object-position--top-left {
  object-position: top left;
}

.object-position--bottom-left {
  object-position: bottom left;
}

.object-position--center-left {
  object-position: center left;
}

.object-position--top-right {
  object-position: top right;
}

.object-position--bottom-right {
  object-position: bottom right;
}

.object-position--center-right {
  object-position: center right;
}

.object-position--top-center {
  object-position: top center;
}

.object-position--bottom-center {
  object-position: bottom center;
}

.object-position--center-center {
  object-position: center center;
}

.object-position--left {
  object-position: left;
}

.object-position--right {
  object-position: right;
}

.object-position--center {
  object-position: center;
}

.object-position--top {
  object-position: top;
}

.object-position--bottom {
  object-position: bottom;
}

.object-fit--fill {
  object-fit: fill;
}

.object-fit--contain {
  object-fit: contain;
}

.object-fit--cover {
  object-fit: cover;
}

.object-fit {
  position: absolute;
  height: 100%;
  width: 100%;
}

.banner {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  width: 100%;
  color: var(--color-neutral-text);
}
html[data-whatintent=mouse] .banner:hover {
  color: var(--color-neutral-text);
}
@media (min-width: 62.5rem) {
  .banner.banner--large {
    border-radius: 16px;
  }
}

.banner--anchor {
  font-weight: inherit;
}

.banner--full-size-image .banner-item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex: 1;
}

.banner-item__image-column {
  overflow: hidden;
  position: relative;
  width: 100%;
  border-radius: 8px 8px 0 0;
}
@media (min-width: 62.5rem) {
  .banner-item__image-column {
    position: absolute;
    height: 100%;
    border-radius: 16px;
  }
  .banner--small .banner-item__image-column {
    border-radius: 8px;
  }
  .banner--align-vertical .banner-item__image-column {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 8px 8px 0 0;
  }
}
.banner--xsmall .banner-item__image-column {
  position: absolute;
  height: 100%;
  border-radius: 8px;
}
.banner--full-size-image .banner-item__image-column {
  position: absolute;
  height: 100%;
  border-radius: 8px;
}
.banner-item__image-column::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: calc(var(--banner-aspect-ratio-height) / var(--banner-aspect-ratio-width) * 100%);
}
.banner--xsmall .banner-item__image-column::before {
  padding-top: 0;
}

.banner-item__content-column {
  position: relative;
  display: flex;
  flex: 1 0 auto;
}
@media (min-width: 62.5rem) {
  .banner-item__content-column::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 33.0508474576%;
  }
  .banner--xsmall .banner-item__content-column::before {
    padding-top: 0;
  }
  .banner--full-size-image .banner-item__content-column::before {
    padding-top: 33.0508474576%;
  }
}

.banner-item__image-picture {
  display: block;
  width: 100%;
  height: 100%;
}

.banner-item__image {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
}
@media (min-width: 62.5rem) {
  .banner-item__image {
    height: 100%;
  }
}

.banner--no-radius {
  border-radius: 0;
}
.banner--no-radius .banner-item__image-column {
  border-radius: 0;
}
@media (min-width: 62.5rem) {
  .banner--no-radius.banner--large {
    border-radius: 0;
  }
}

.banner-item__inner {
  max-width: 100%;
  padding: 16px;
  width: 100%;
  align-self: auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 37.5rem) {
  .banner-item__inner {
    padding: 24px;
  }
}
@media (min-width: 62.5rem) {
  .banner-item__inner {
    margin-left: -100%;
    width: 50%;
    padding: 24px 0 24px 24px;
  }
}
@media (max-width: 62.499rem) {
  .carousel-hero .banner-item__inner {
    padding-top: 64px;
  }
}
@media (min-width: 62.5rem) {
  .banner--large .banner-item__inner {
    padding: 48px 0 48px 48px;
  }
}
.banner--xsmall .banner-item__inner {
  width: 66%;
  padding: 16px 0 16px 16px;
}
@media (min-width: 62.5rem) {
  .banner--xsmall .banner-item__inner {
    padding: 32px 0 32px 32px;
  }
}
.banner--align-vertical .banner-item__inner {
  max-width: 100%;
  padding: 16px;
  width: 100%;
  align-self: auto;
  display: flex;
  flex-direction: column;
}
.banner--full-size-image .banner-item__inner {
  max-width: 100%;
  padding: 16px;
  width: 100%;
  align-self: auto;
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
@media (min-width: 37.5rem) {
  .banner--full-size-image .banner-item__inner {
    padding: 24px;
  }
}
@media (min-width: 62.5rem) {
  .banner--full-size-image .banner-item__inner {
    padding: 32px;
  }
}

.banner__heading {
  margin-bottom: 8px;
  flex: 1 0 auto;
}
@media (min-width: 37.5rem) {
  .banner__heading {
    margin-bottom: 24px;
  }
  .banner--xsmall .banner__heading {
    margin-bottom: 8px;
  }
}
.banner--xsmall .banner__heading {
  margin-bottom: 8px;
}

.banner-item__tag {
  position: absolute;
  top: 16px;
}
@media (min-width: 37.5rem) {
  .banner-item__tag {
    top: 24px;
  }
}
@media (min-width: 62.5rem) {
  .banner-item__tag {
    top: 48px;
  }
}
.banner-item__tag-left .banner-item__tag {
  left: 16px;
}
@media (min-width: 37.5rem) {
  .banner-item__tag-left .banner-item__tag {
    left: 24px;
  }
}
@media (min-width: 62.5rem) {
  .banner-item__tag-left .banner-item__tag {
    left: calc(50% + 48px);
  }
}
.banner-item__tag-right .banner-item__tag {
  right: 16px;
}
@media (min-width: 37.5rem) {
  .banner-item__tag-right .banner-item__tag {
    right: 24px;
  }
}
@media (min-width: 62.5rem) {
  .banner-item__tag-right .banner-item__tag {
    right: 48px;
  }
}
.banner--align-vertical .banner-item__tag-left .banner-item__tag {
  top: 16px;
  left: 16px;
}
@media (min-width: 37.5rem) {
  .banner--align-vertical .banner-item__tag-left .banner-item__tag {
    left: 16px;
  }
}
@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item__tag-left .banner-item__tag {
    left: 16px;
  }
}
.banner--align-vertical .banner-item__tag-right .banner-item__tag {
  top: 16px;
  right: 16px;
}
@media (min-width: 37.5rem) {
  .banner--align-vertical .banner-item__tag-right .banner-item__tag {
    right: 16px;
  }
}
@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item__tag-right .banner-item__tag {
    right: 16px;
  }
}
.banner--full-size-image .banner-item__tag-left .banner-item__tag {
  top: 16px;
  left: 16px;
}
@media (min-width: 37.5rem) {
  .banner--full-size-image .banner-item__tag-left .banner-item__tag {
    top: 24px;
    left: 24px;
  }
}
@media (min-width: 62.5rem) {
  .banner--full-size-image .banner-item__tag-left .banner-item__tag {
    top: 32px;
    left: 32px;
  }
}
.banner--full-size-image .banner-item__tag-right .banner-item__tag {
  top: 16px;
  right: 16px;
}
@media (min-width: 37.5rem) {
  .banner--full-size-image .banner-item__tag-right .banner-item__tag {
    top: 24px;
    right: 24px;
  }
}
@media (min-width: 62.5rem) {
  .banner--full-size-image .banner-item__tag-right .banner-item__tag {
    top: 32px;
    right: 32px;
  }
}

.carousel-hero__container.carousel-hero__banner-container {
  margin-top: 0;
}
@media (max-width: 62.499rem) {
  .carousel-hero__container.carousel-hero__banner-container .carousel-hero__pause-button-inner::before {
    margin-top: calc(var(--banner-aspect-ratio-height) / var(--banner-aspect-ratio-width) * 100% + 16px);
  }
}

.carousel-hero.banner {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
.carousel-hero.banner.banner--no-radius {
  border-radius: 0 !important;
}
@media (min-width: 62.5rem) {
  .carousel-hero.banner.banner--large {
    border-radius: 16px;
  }
}

@media (min-width: 62.5rem) {
  .banner .carousel-hero__background-image {
    top: 0;
  }
}

.banner .carousel-hero__background {
  display: none;
}

.banner .carousel-hero__content {
  bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;
  justify-content: unset;
}

@media (max-width: 62.499rem) {
  .banner .carousel-hero__dots::before {
    padding-top: calc(var(--banner-aspect-ratio-height) / var(--banner-aspect-ratio-width) * 100% + 20px);
  }
}
@media (min-width: 62.5rem) {
  .banner .carousel-hero__dots {
    bottom: 18px !important;
  }
}

.banner-item--padding-none .banner-item__inner {
  padding: 0;
}
@media (min-width: 62.5rem) {
  .banner--large .banner-item--padding-none .banner-item__inner, .banner--xsmall .banner-item--padding-none .banner-item__inner {
    padding: 0;
  }
}
.banner-item--padding-none.banner-item__tag-left .banner-item__tag {
  top: 0;
  left: 0;
}
@media (min-width: 62.5rem) {
  .banner-item--padding-none.banner-item__tag-left .banner-item__tag {
    left: 50%;
  }
}
.banner-item--padding-none.banner-item__tag-right .banner-item__tag {
  top: 0;
  right: 0;
}

@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item--padding-none.banner-item__tag-left .banner-item__tag,
  .banner--full-size-image .banner-item--padding-none.banner-item__tag-left .banner-item__tag {
    left: 0;
  }
}

.banner-item--padding-xxsmall .banner-item__inner {
  padding: 8px;
}
@media (min-width: 62.5rem) {
  .banner--large .banner-item--padding-xxsmall .banner-item__inner, .banner--xsmall .banner-item--padding-xxsmall .banner-item__inner {
    padding: 8px;
  }
}
.banner-item--padding-xxsmall.banner-item__tag-left .banner-item__tag {
  top: 8px;
  left: 8px;
}
@media (min-width: 62.5rem) {
  .banner-item--padding-xxsmall.banner-item__tag-left .banner-item__tag {
    left: 50%;
  }
}
.banner-item--padding-xxsmall.banner-item__tag-right .banner-item__tag {
  top: 8px;
  right: 8px;
}

@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item--padding-xxsmall.banner-item__tag-left .banner-item__tag,
  .banner--full-size-image .banner-item--padding-xxsmall.banner-item__tag-left .banner-item__tag {
    left: 8px;
  }
}

.banner-item--padding-xsmall .banner-item__inner {
  padding: 12px;
}
@media (min-width: 62.5rem) {
  .banner--large .banner-item--padding-xsmall .banner-item__inner, .banner--xsmall .banner-item--padding-xsmall .banner-item__inner {
    padding: 12px;
  }
}
.banner-item--padding-xsmall.banner-item__tag-left .banner-item__tag {
  top: 12px;
  left: 12px;
}
@media (min-width: 62.5rem) {
  .banner-item--padding-xsmall.banner-item__tag-left .banner-item__tag {
    left: 50%;
  }
}
.banner-item--padding-xsmall.banner-item__tag-right .banner-item__tag {
  top: 12px;
  right: 12px;
}

@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item--padding-xsmall.banner-item__tag-left .banner-item__tag,
  .banner--full-size-image .banner-item--padding-xsmall.banner-item__tag-left .banner-item__tag {
    left: 12px;
  }
}

.banner-item--padding-small .banner-item__inner {
  padding: 16px;
}
@media (min-width: 62.5rem) {
  .banner--large .banner-item--padding-small .banner-item__inner, .banner--xsmall .banner-item--padding-small .banner-item__inner {
    padding: 16px;
  }
}
.banner-item--padding-small.banner-item__tag-left .banner-item__tag {
  top: 16px;
  left: 16px;
}
@media (min-width: 62.5rem) {
  .banner-item--padding-small.banner-item__tag-left .banner-item__tag {
    left: 50%;
  }
}
.banner-item--padding-small.banner-item__tag-right .banner-item__tag {
  top: 16px;
  right: 16px;
}

@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item--padding-small.banner-item__tag-left .banner-item__tag,
  .banner--full-size-image .banner-item--padding-small.banner-item__tag-left .banner-item__tag {
    left: 16px;
  }
}

.banner-item--padding-medium .banner-item__inner {
  padding: 24px;
}
@media (min-width: 62.5rem) {
  .banner--large .banner-item--padding-medium .banner-item__inner, .banner--xsmall .banner-item--padding-medium .banner-item__inner {
    padding: 24px;
  }
}
.banner-item--padding-medium.banner-item__tag-left .banner-item__tag {
  top: 24px;
  left: 24px;
}
@media (min-width: 62.5rem) {
  .banner-item--padding-medium.banner-item__tag-left .banner-item__tag {
    left: 50%;
  }
}
.banner-item--padding-medium.banner-item__tag-right .banner-item__tag {
  top: 24px;
  right: 24px;
}

@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item--padding-medium.banner-item__tag-left .banner-item__tag,
  .banner--full-size-image .banner-item--padding-medium.banner-item__tag-left .banner-item__tag {
    left: 24px;
  }
}

.banner-item--padding-large .banner-item__inner {
  padding: 32px;
}
@media (min-width: 62.5rem) {
  .banner--large .banner-item--padding-large .banner-item__inner, .banner--xsmall .banner-item--padding-large .banner-item__inner {
    padding: 32px;
  }
}
.banner-item--padding-large.banner-item__tag-left .banner-item__tag {
  top: 32px;
  left: 32px;
}
@media (min-width: 62.5rem) {
  .banner-item--padding-large.banner-item__tag-left .banner-item__tag {
    left: 50%;
  }
}
.banner-item--padding-large.banner-item__tag-right .banner-item__tag {
  top: 32px;
  right: 32px;
}

@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item--padding-large.banner-item__tag-left .banner-item__tag,
  .banner--full-size-image .banner-item--padding-large.banner-item__tag-left .banner-item__tag {
    left: 32px;
  }
}

.banner-item--padding-xlarge .banner-item__inner {
  padding: 48px;
}
@media (min-width: 62.5rem) {
  .banner--large .banner-item--padding-xlarge .banner-item__inner, .banner--xsmall .banner-item--padding-xlarge .banner-item__inner {
    padding: 48px;
  }
}
.banner-item--padding-xlarge.banner-item__tag-left .banner-item__tag {
  top: 48px;
  left: 48px;
}
@media (min-width: 62.5rem) {
  .banner-item--padding-xlarge.banner-item__tag-left .banner-item__tag {
    left: 50%;
  }
}
.banner-item--padding-xlarge.banner-item__tag-right .banner-item__tag {
  top: 48px;
  right: 48px;
}

@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item--padding-xlarge.banner-item__tag-left .banner-item__tag,
  .banner--full-size-image .banner-item--padding-xlarge.banner-item__tag-left .banner-item__tag {
    left: 48px;
  }
}

.banner-item--padding-xxlarge .banner-item__inner {
  padding: 64px;
}
@media (min-width: 62.5rem) {
  .banner--large .banner-item--padding-xxlarge .banner-item__inner, .banner--xsmall .banner-item--padding-xxlarge .banner-item__inner {
    padding: 64px;
  }
}
.banner-item--padding-xxlarge.banner-item__tag-left .banner-item__tag {
  top: 64px;
  left: 64px;
}
@media (min-width: 62.5rem) {
  .banner-item--padding-xxlarge.banner-item__tag-left .banner-item__tag {
    left: 50%;
  }
}
.banner-item--padding-xxlarge.banner-item__tag-right .banner-item__tag {
  top: 64px;
  right: 64px;
}

@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item--padding-xxlarge.banner-item__tag-left .banner-item__tag,
  .banner--full-size-image .banner-item--padding-xxlarge.banner-item__tag-left .banner-item__tag {
    left: 64px;
  }
}

.banner-item--padding-top-none .banner-item__inner {
  padding-top: 0;
}
.banner--large .banner-item--padding-top-none .banner-item__inner, .banner--xsmall .banner-item--padding-top-none .banner-item__inner {
  padding-top: 0;
}
.banner-item--padding-top-none.banner-item__tag-left .banner-item__tag {
  top: 0;
}
.banner-item--padding-top-none.banner-item__tag-right .banner-item__tag {
  top: 0;
}

.banner-item--padding-right-none .banner-item__inner {
  padding-right: 0;
}
.banner--large .banner-item--padding-right-none .banner-item__inner, .banner--xsmall .banner-item--padding-right-none .banner-item__inner {
  padding-right: 0;
}
.banner-item--padding-right-none.banner-item__tag-right .banner-item__tag {
  right: 0;
}

.banner-item--padding-bottom-none .banner-item__inner {
  padding-bottom: 0;
}
.banner--large .banner-item--padding-bottom-none .banner-item__inner, .banner--xsmall .banner-item--padding-bottom-none .banner-item__inner {
  padding-bottom: 0;
}

.banner-item--padding-left-none .banner-item__inner {
  padding-left: 0;
}
.banner--large .banner-item--padding-left-none .banner-item__inner, .banner--xsmall .banner-item--padding-left-none .banner-item__inner {
  padding-left: 0;
}
.banner-item--padding-left-none.banner-item__tag-left .banner-item__tag {
  left: 0;
}
@media (min-width: 62.5rem) {
  .banner-item--padding-left-none.banner-item__tag-left .banner-item__tag {
    left: 50%;
  }
}

@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item--padding-left-none.banner-item__tag-left .banner-item__tag,
  .banner--full-size-image .banner-item--padding-left-none.banner-item__tag-left .banner-item__tag {
    left: 0;
  }
}

.banner-item--padding-top-xxsmall .banner-item__inner {
  padding-top: 8px;
}
.banner--large .banner-item--padding-top-xxsmall .banner-item__inner, .banner--xsmall .banner-item--padding-top-xxsmall .banner-item__inner {
  padding-top: 8px;
}
.banner-item--padding-top-xxsmall.banner-item__tag-left .banner-item__tag {
  top: 8px;
}
.banner-item--padding-top-xxsmall.banner-item__tag-right .banner-item__tag {
  top: 8px;
}

.banner-item--padding-right-xxsmall .banner-item__inner {
  padding-right: 8px;
}
.banner--large .banner-item--padding-right-xxsmall .banner-item__inner, .banner--xsmall .banner-item--padding-right-xxsmall .banner-item__inner {
  padding-right: 8px;
}
.banner-item--padding-right-xxsmall.banner-item__tag-right .banner-item__tag {
  right: 8px;
}

.banner-item--padding-bottom-xxsmall .banner-item__inner {
  padding-bottom: 8px;
}
.banner--large .banner-item--padding-bottom-xxsmall .banner-item__inner, .banner--xsmall .banner-item--padding-bottom-xxsmall .banner-item__inner {
  padding-bottom: 8px;
}

.banner-item--padding-left-xxsmall .banner-item__inner {
  padding-left: 8px;
}
.banner--large .banner-item--padding-left-xxsmall .banner-item__inner, .banner--xsmall .banner-item--padding-left-xxsmall .banner-item__inner {
  padding-left: 8px;
}
.banner-item--padding-left-xxsmall.banner-item__tag-left .banner-item__tag {
  left: 8px;
}
@media (min-width: 62.5rem) {
  .banner-item--padding-left-xxsmall.banner-item__tag-left .banner-item__tag {
    left: 50%;
  }
}

@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item--padding-left-xxsmall.banner-item__tag-left .banner-item__tag,
  .banner--full-size-image .banner-item--padding-left-xxsmall.banner-item__tag-left .banner-item__tag {
    left: 8px;
  }
}

.banner-item--padding-top-xsmall .banner-item__inner {
  padding-top: 12px;
}
.banner--large .banner-item--padding-top-xsmall .banner-item__inner, .banner--xsmall .banner-item--padding-top-xsmall .banner-item__inner {
  padding-top: 12px;
}
.banner-item--padding-top-xsmall.banner-item__tag-left .banner-item__tag {
  top: 12px;
}
.banner-item--padding-top-xsmall.banner-item__tag-right .banner-item__tag {
  top: 12px;
}

.banner-item--padding-right-xsmall .banner-item__inner {
  padding-right: 12px;
}
.banner--large .banner-item--padding-right-xsmall .banner-item__inner, .banner--xsmall .banner-item--padding-right-xsmall .banner-item__inner {
  padding-right: 12px;
}
.banner-item--padding-right-xsmall.banner-item__tag-right .banner-item__tag {
  right: 12px;
}

.banner-item--padding-bottom-xsmall .banner-item__inner {
  padding-bottom: 12px;
}
.banner--large .banner-item--padding-bottom-xsmall .banner-item__inner, .banner--xsmall .banner-item--padding-bottom-xsmall .banner-item__inner {
  padding-bottom: 12px;
}

.banner-item--padding-left-xsmall .banner-item__inner {
  padding-left: 12px;
}
.banner--large .banner-item--padding-left-xsmall .banner-item__inner, .banner--xsmall .banner-item--padding-left-xsmall .banner-item__inner {
  padding-left: 12px;
}
.banner-item--padding-left-xsmall.banner-item__tag-left .banner-item__tag {
  left: 12px;
}
@media (min-width: 62.5rem) {
  .banner-item--padding-left-xsmall.banner-item__tag-left .banner-item__tag {
    left: 50%;
  }
}

@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item--padding-left-xsmall.banner-item__tag-left .banner-item__tag,
  .banner--full-size-image .banner-item--padding-left-xsmall.banner-item__tag-left .banner-item__tag {
    left: 12px;
  }
}

.banner-item--padding-top-small .banner-item__inner {
  padding-top: 16px;
}
.banner--large .banner-item--padding-top-small .banner-item__inner, .banner--xsmall .banner-item--padding-top-small .banner-item__inner {
  padding-top: 16px;
}
.banner-item--padding-top-small.banner-item__tag-left .banner-item__tag {
  top: 16px;
}
.banner-item--padding-top-small.banner-item__tag-right .banner-item__tag {
  top: 16px;
}

.banner-item--padding-right-small .banner-item__inner {
  padding-right: 16px;
}
.banner--large .banner-item--padding-right-small .banner-item__inner, .banner--xsmall .banner-item--padding-right-small .banner-item__inner {
  padding-right: 16px;
}
.banner-item--padding-right-small.banner-item__tag-right .banner-item__tag {
  right: 16px;
}

.banner-item--padding-bottom-small .banner-item__inner {
  padding-bottom: 16px;
}
.banner--large .banner-item--padding-bottom-small .banner-item__inner, .banner--xsmall .banner-item--padding-bottom-small .banner-item__inner {
  padding-bottom: 16px;
}

.banner-item--padding-left-small .banner-item__inner {
  padding-left: 16px;
}
.banner--large .banner-item--padding-left-small .banner-item__inner, .banner--xsmall .banner-item--padding-left-small .banner-item__inner {
  padding-left: 16px;
}
.banner-item--padding-left-small.banner-item__tag-left .banner-item__tag {
  left: 16px;
}
@media (min-width: 62.5rem) {
  .banner-item--padding-left-small.banner-item__tag-left .banner-item__tag {
    left: 50%;
  }
}

@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item--padding-left-small.banner-item__tag-left .banner-item__tag,
  .banner--full-size-image .banner-item--padding-left-small.banner-item__tag-left .banner-item__tag {
    left: 16px;
  }
}

.banner-item--padding-top-medium .banner-item__inner {
  padding-top: 24px;
}
.banner--large .banner-item--padding-top-medium .banner-item__inner, .banner--xsmall .banner-item--padding-top-medium .banner-item__inner {
  padding-top: 24px;
}
.banner-item--padding-top-medium.banner-item__tag-left .banner-item__tag {
  top: 24px;
}
.banner-item--padding-top-medium.banner-item__tag-right .banner-item__tag {
  top: 24px;
}

.banner-item--padding-right-medium .banner-item__inner {
  padding-right: 24px;
}
.banner--large .banner-item--padding-right-medium .banner-item__inner, .banner--xsmall .banner-item--padding-right-medium .banner-item__inner {
  padding-right: 24px;
}
.banner-item--padding-right-medium.banner-item__tag-right .banner-item__tag {
  right: 24px;
}

.banner-item--padding-bottom-medium .banner-item__inner {
  padding-bottom: 24px;
}
.banner--large .banner-item--padding-bottom-medium .banner-item__inner, .banner--xsmall .banner-item--padding-bottom-medium .banner-item__inner {
  padding-bottom: 24px;
}

.banner-item--padding-left-medium .banner-item__inner {
  padding-left: 24px;
}
.banner--large .banner-item--padding-left-medium .banner-item__inner, .banner--xsmall .banner-item--padding-left-medium .banner-item__inner {
  padding-left: 24px;
}
.banner-item--padding-left-medium.banner-item__tag-left .banner-item__tag {
  left: 24px;
}
@media (min-width: 62.5rem) {
  .banner-item--padding-left-medium.banner-item__tag-left .banner-item__tag {
    left: 50%;
  }
}

@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item--padding-left-medium.banner-item__tag-left .banner-item__tag,
  .banner--full-size-image .banner-item--padding-left-medium.banner-item__tag-left .banner-item__tag {
    left: 24px;
  }
}

.banner-item--padding-top-large .banner-item__inner {
  padding-top: 32px;
}
.banner--large .banner-item--padding-top-large .banner-item__inner, .banner--xsmall .banner-item--padding-top-large .banner-item__inner {
  padding-top: 32px;
}
.banner-item--padding-top-large.banner-item__tag-left .banner-item__tag {
  top: 32px;
}
.banner-item--padding-top-large.banner-item__tag-right .banner-item__tag {
  top: 32px;
}

.banner-item--padding-right-large .banner-item__inner {
  padding-right: 32px;
}
.banner--large .banner-item--padding-right-large .banner-item__inner, .banner--xsmall .banner-item--padding-right-large .banner-item__inner {
  padding-right: 32px;
}
.banner-item--padding-right-large.banner-item__tag-right .banner-item__tag {
  right: 32px;
}

.banner-item--padding-bottom-large .banner-item__inner {
  padding-bottom: 32px;
}
.banner--large .banner-item--padding-bottom-large .banner-item__inner, .banner--xsmall .banner-item--padding-bottom-large .banner-item__inner {
  padding-bottom: 32px;
}

.banner-item--padding-left-large .banner-item__inner {
  padding-left: 32px;
}
.banner--large .banner-item--padding-left-large .banner-item__inner, .banner--xsmall .banner-item--padding-left-large .banner-item__inner {
  padding-left: 32px;
}
.banner-item--padding-left-large.banner-item__tag-left .banner-item__tag {
  left: 32px;
}
@media (min-width: 62.5rem) {
  .banner-item--padding-left-large.banner-item__tag-left .banner-item__tag {
    left: 50%;
  }
}

@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item--padding-left-large.banner-item__tag-left .banner-item__tag,
  .banner--full-size-image .banner-item--padding-left-large.banner-item__tag-left .banner-item__tag {
    left: 32px;
  }
}

.banner-item--padding-top-xlarge .banner-item__inner {
  padding-top: 48px;
}
.banner--large .banner-item--padding-top-xlarge .banner-item__inner, .banner--xsmall .banner-item--padding-top-xlarge .banner-item__inner {
  padding-top: 48px;
}
.banner-item--padding-top-xlarge.banner-item__tag-left .banner-item__tag {
  top: 48px;
}
.banner-item--padding-top-xlarge.banner-item__tag-right .banner-item__tag {
  top: 48px;
}

.banner-item--padding-right-xlarge .banner-item__inner {
  padding-right: 48px;
}
.banner--large .banner-item--padding-right-xlarge .banner-item__inner, .banner--xsmall .banner-item--padding-right-xlarge .banner-item__inner {
  padding-right: 48px;
}
.banner-item--padding-right-xlarge.banner-item__tag-right .banner-item__tag {
  right: 48px;
}

.banner-item--padding-bottom-xlarge .banner-item__inner {
  padding-bottom: 48px;
}
.banner--large .banner-item--padding-bottom-xlarge .banner-item__inner, .banner--xsmall .banner-item--padding-bottom-xlarge .banner-item__inner {
  padding-bottom: 48px;
}

.banner-item--padding-left-xlarge .banner-item__inner {
  padding-left: 48px;
}
.banner--large .banner-item--padding-left-xlarge .banner-item__inner, .banner--xsmall .banner-item--padding-left-xlarge .banner-item__inner {
  padding-left: 48px;
}
.banner-item--padding-left-xlarge.banner-item__tag-left .banner-item__tag {
  left: 48px;
}
@media (min-width: 62.5rem) {
  .banner-item--padding-left-xlarge.banner-item__tag-left .banner-item__tag {
    left: 50%;
  }
}

@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item--padding-left-xlarge.banner-item__tag-left .banner-item__tag,
  .banner--full-size-image .banner-item--padding-left-xlarge.banner-item__tag-left .banner-item__tag {
    left: 48px;
  }
}

.banner-item--padding-top-xxlarge .banner-item__inner {
  padding-top: 64px;
}
.banner--large .banner-item--padding-top-xxlarge .banner-item__inner, .banner--xsmall .banner-item--padding-top-xxlarge .banner-item__inner {
  padding-top: 64px;
}
.banner-item--padding-top-xxlarge.banner-item__tag-left .banner-item__tag {
  top: 64px;
}
.banner-item--padding-top-xxlarge.banner-item__tag-right .banner-item__tag {
  top: 64px;
}

.banner-item--padding-right-xxlarge .banner-item__inner {
  padding-right: 64px;
}
.banner--large .banner-item--padding-right-xxlarge .banner-item__inner, .banner--xsmall .banner-item--padding-right-xxlarge .banner-item__inner {
  padding-right: 64px;
}
.banner-item--padding-right-xxlarge.banner-item__tag-right .banner-item__tag {
  right: 64px;
}

.banner-item--padding-bottom-xxlarge .banner-item__inner {
  padding-bottom: 64px;
}
.banner--large .banner-item--padding-bottom-xxlarge .banner-item__inner, .banner--xsmall .banner-item--padding-bottom-xxlarge .banner-item__inner {
  padding-bottom: 64px;
}

.banner-item--padding-left-xxlarge .banner-item__inner {
  padding-left: 64px;
}
.banner--large .banner-item--padding-left-xxlarge .banner-item__inner, .banner--xsmall .banner-item--padding-left-xxlarge .banner-item__inner {
  padding-left: 64px;
}
.banner-item--padding-left-xxlarge.banner-item__tag-left .banner-item__tag {
  left: 64px;
}
@media (min-width: 62.5rem) {
  .banner-item--padding-left-xxlarge.banner-item__tag-left .banner-item__tag {
    left: 50%;
  }
}

@media (min-width: 62.5rem) {
  .banner--align-vertical .banner-item--padding-left-xxlarge.banner-item__tag-left .banner-item__tag,
  .banner--full-size-image .banner-item--padding-left-xxlarge.banner-item__tag-left .banner-item__tag {
    left: 64px;
  }
}

.banner--margin-none,
.carousel-hero__banner-container.banner--margin-none {
  margin: 0;
  width: auto;
}

.banner--margin-xxsmall,
.carousel-hero__banner-container.banner--margin-xxsmall {
  margin: 8px;
  width: auto;
}

.banner--margin-xsmall,
.carousel-hero__banner-container.banner--margin-xsmall {
  margin: 12px;
  width: auto;
}

.banner--margin-small,
.carousel-hero__banner-container.banner--margin-small {
  margin: 16px;
  width: auto;
}

.banner--margin-medium,
.carousel-hero__banner-container.banner--margin-medium {
  margin: 24px;
  width: auto;
}

.banner--margin-large,
.carousel-hero__banner-container.banner--margin-large {
  margin: 32px;
  width: auto;
}

.banner--margin-xlarge,
.carousel-hero__banner-container.banner--margin-xlarge {
  margin: 48px;
  width: auto;
}

.banner--margin-xxlarge,
.carousel-hero__banner-container.banner--margin-xxlarge {
  margin: 64px;
  width: auto;
}

.banner--margin-top-none,
.carousel-hero__banner-container.banner--margin-top-none {
  margin-top: 0;
}

.banner--margin-right-none,
.carousel-hero__banner-container.banner--margin-right-none {
  margin-right: 0;
  width: auto;
}

.banner--margin-bottom-none,
.carousel-hero__banner-container.banner--margin-bottom-none {
  margin-bottom: 0;
}

.banner--margin-left-none,
.carousel-hero__banner-container.banner--margin-left-none {
  margin-left: 0;
  width: auto;
}

.banner--margin-top-xxsmall,
.carousel-hero__banner-container.banner--margin-top-xxsmall {
  margin-top: 8px;
}

.banner--margin-right-xxsmall,
.carousel-hero__banner-container.banner--margin-right-xxsmall {
  margin-right: 8px;
  width: auto;
}

.banner--margin-bottom-xxsmall,
.carousel-hero__banner-container.banner--margin-bottom-xxsmall {
  margin-bottom: 8px;
}

.banner--margin-left-xxsmall,
.carousel-hero__banner-container.banner--margin-left-xxsmall {
  margin-left: 8px;
  width: auto;
}

.banner--margin-top-xsmall,
.carousel-hero__banner-container.banner--margin-top-xsmall {
  margin-top: 12px;
}

.banner--margin-right-xsmall,
.carousel-hero__banner-container.banner--margin-right-xsmall {
  margin-right: 12px;
  width: auto;
}

.banner--margin-bottom-xsmall,
.carousel-hero__banner-container.banner--margin-bottom-xsmall {
  margin-bottom: 12px;
}

.banner--margin-left-xsmall,
.carousel-hero__banner-container.banner--margin-left-xsmall {
  margin-left: 12px;
  width: auto;
}

.banner--margin-top-small,
.carousel-hero__banner-container.banner--margin-top-small {
  margin-top: 16px;
}

.banner--margin-right-small,
.carousel-hero__banner-container.banner--margin-right-small {
  margin-right: 16px;
  width: auto;
}

.banner--margin-bottom-small,
.carousel-hero__banner-container.banner--margin-bottom-small {
  margin-bottom: 16px;
}

.banner--margin-left-small,
.carousel-hero__banner-container.banner--margin-left-small {
  margin-left: 16px;
  width: auto;
}

.banner--margin-top-medium,
.carousel-hero__banner-container.banner--margin-top-medium {
  margin-top: 24px;
}

.banner--margin-right-medium,
.carousel-hero__banner-container.banner--margin-right-medium {
  margin-right: 24px;
  width: auto;
}

.banner--margin-bottom-medium,
.carousel-hero__banner-container.banner--margin-bottom-medium {
  margin-bottom: 24px;
}

.banner--margin-left-medium,
.carousel-hero__banner-container.banner--margin-left-medium {
  margin-left: 24px;
  width: auto;
}

.banner--margin-top-large,
.carousel-hero__banner-container.banner--margin-top-large {
  margin-top: 32px;
}

.banner--margin-right-large,
.carousel-hero__banner-container.banner--margin-right-large {
  margin-right: 32px;
  width: auto;
}

.banner--margin-bottom-large,
.carousel-hero__banner-container.banner--margin-bottom-large {
  margin-bottom: 32px;
}

.banner--margin-left-large,
.carousel-hero__banner-container.banner--margin-left-large {
  margin-left: 32px;
  width: auto;
}

.banner--margin-top-xlarge,
.carousel-hero__banner-container.banner--margin-top-xlarge {
  margin-top: 48px;
}

.banner--margin-right-xlarge,
.carousel-hero__banner-container.banner--margin-right-xlarge {
  margin-right: 48px;
  width: auto;
}

.banner--margin-bottom-xlarge,
.carousel-hero__banner-container.banner--margin-bottom-xlarge {
  margin-bottom: 48px;
}

.banner--margin-left-xlarge,
.carousel-hero__banner-container.banner--margin-left-xlarge {
  margin-left: 48px;
  width: auto;
}

.banner--margin-top-xxlarge,
.carousel-hero__banner-container.banner--margin-top-xxlarge {
  margin-top: 64px;
}

.banner--margin-right-xxlarge,
.carousel-hero__banner-container.banner--margin-right-xxlarge {
  margin-right: 64px;
  width: auto;
}

.banner--margin-bottom-xxlarge,
.carousel-hero__banner-container.banner--margin-bottom-xxlarge {
  margin-bottom: 64px;
}

.banner--margin-left-xxlarge,
.carousel-hero__banner-container.banner--margin-left-xxlarge {
  margin-left: 64px;
  width: auto;
}

.breadcrumbs {
  position: relative;
  z-index: 1;
  display: none;
}
@media (min-width: 37.5rem) {
  .breadcrumbs {
    display: flex;
  }
}

.breadcrumbs__list {
  display: flex;
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
  margin: 0;
  padding: 13px 0;
  list-style: none;
}

.breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
}

.breadcrumbs__link {
  color: var(--color-brand-primary-text);
  text-decoration: none;
  font-weight: 400;
}
.breadcrumbs__item.is-current .breadcrumbs__link {
  color: var(--color-neutral-text);
  font-weight: 700;
}
html[data-whatintent=mouse] .breadcrumbs__link:hover {
  color: var(--color-brand-primary-text-hover);
}

.breadcrumbs__icon {
  font-size: var(--type-font-size);
  margin-left: 6px;
  margin-right: 6px;
  color: var(--color-brand-primary-text);
}
.breadcrumbs__item:last-child .breadcrumbs__icon {
  display: none;
}

.spinner {
  display: block;
  text-align: center;
  width: 100%;
}

.spinner__circle {
  animation: rotate 2s linear infinite;
  height: 42px;
  transform-origin: center center;
  width: 42px;
}

.spinner__path {
  stroke-dasharray: 89, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke-width: 4px;
  stroke-miterlimit: 10;
  stroke: var(--color-brand-primary-graphic);
}

.spinner__text {
  display: block;
  margin-top: 20px;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -136;
  }
}
.skeleton {
  width: 100%;
  cursor: progress;
}

.skeleton__item {
  animation: skeleton-background var(--animation-duration-extra-long) var(--animation-easing-extra-long) infinite;
  display: inline-block;
  width: 100%;
  line-height: calc(1em - 2px);
  line-height: calc(1lh - 8px);
  background: var(--color-neutral-border-subtlest);
  border-radius: 3px;
  cursor: progress;
}

@keyframes skeleton-background {
  0% {
    background-color: var(--color-neutral-border-subtlest);
  }
  50% {
    background-color: var(--color-neutral-border);
  }
  100% {
    background-color: var(--color-neutral-border-subtlest);
  }
}
.btn {
  transition: background-color var(--animation-duration-short) var(--animation-easing-short), border-color var(--animation-duration-short) var(--animation-easing-short), color var(--animation-duration-short) var(--animation-easing-short), opacity var(--animation-duration-short) var(--animation-easing-short);
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-image: none;
  min-width: 150px;
  max-width: 100%;
  font-weight: 700;
  text-transform: none;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  padding: 12px 23px;
  border-radius: 24px;
  letter-spacing: normal;
  cursor: pointer;
  color: var(--color-brand-primary-text-onbg-strong);
  background-color: var(--color-brand-primary-bg-strong);
  border-color: var(--color-brand-primary-bg-strong);
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn, html[data-whatintent=mouse] .click-area:hover .btn.click-area__trigger, html[data-whatintent=mouse] .btn:hover, .btn.is-active {
  background-color: var(--color-brand-primary-bg-strong-hover);
  border-color: var(--color-brand-primary-bg-strong-hover);
  color: var(--color-brand-primary-text-onbg-strong);
}
html[data-whatintent=mouse] .btn:active {
  color: var(--color-brand-primary-text-onbg-strong);
  background-color: var(--color-brand-primary-bg-strong-pressed);
  border-color: var(--color-brand-primary-bg-strong-pressed);
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn:focus {
  transition-duration: 0ms;
}
.btn.is-loading {
  background-color: var(--color-brand-primary-bg-strong);
  opacity: 1;
}
html[data-whatintent=mouse] .btn.is-loading:hover, html[data-whatintent=mouse] .btn.is-loading:active {
  background-color: var(--color-brand-primary-bg-strong);
  color: var(--color-brand-primary-text-onbg-strong);
  border-color: var(--color-brand-primary-bg-strong);
  opacity: 1;
}
.btn[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
@media (min-width: 37.5rem) {
  .btn {
    min-width: 150px;
  }
}
.btn:not(.btn--link, .btn--small) {
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
}
.btn.is-loading {
  cursor: inherit;
}
.btn.skeleton__item {
  border: none;
  width: auto;
  cursor: inherit;
  padding: 13px;
}
.btn.skeleton__item.btn--icon-only {
  min-width: 1.375rem;
  min-height: 1.375rem;
  box-sizing: content-box;
}

.btn--small {
  min-width: 0;
  padding: 5px 15px;
  border-radius: 16px;
}
.btn--small:not(.btn--link) {
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
}
.btn--small.btn--link {
  font-size: var(--type-small-font-size);
}
.btn--small.skeleton__item, .btn--small.skeleton__item.btn--icon-only {
  min-width: 1.251rem;
  min-height: 1.251rem;
  padding: 6px;
  box-sizing: content-box;
}

/**
 * Button variants
 */
.btn--variant-secondary {
  color: var(--color-brand-primary-text);
  background-color: transparent;
  border-color: var(--color-brand-primary-border);
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--variant-secondary, html[data-whatintent=mouse] .click-area:hover .btn--variant-secondary.click-area__trigger, html[data-whatintent=mouse] .btn--variant-secondary:hover, .btn--variant-secondary.is-active {
  background-color: var(--color-brand-primary-bg-strong);
  border-color: var(--color-brand-primary-bg-strong);
  color: var(--color-brand-primary-text-onbg-strong);
}
html[data-whatintent=mouse] .btn--variant-secondary:active {
  color: var(--color-brand-primary-text-onbg-strong);
  background-color: var(--color-brand-primary-bg-strong-hover);
  border-color: var(--color-brand-primary-bg-strong-hover);
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--variant-secondary:focus {
  transition-duration: 0ms;
}
.btn--variant-secondary.is-loading {
  background-color: transparent;
  opacity: 1;
}
html[data-whatintent=mouse] .btn--variant-secondary.is-loading:hover, html[data-whatintent=mouse] .btn--variant-secondary.is-loading:active {
  background-color: transparent;
  color: var(--color-brand-primary-text);
  border-color: var(--color-brand-primary-border);
  opacity: 1;
}
.btn--variant-secondary[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--variant-secondary[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--variant-secondary[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link) {
  color: var(--color-brand-primary-text);
  background-color: transparent;
  border-color: var(--color-brand-primary-border);
  position: relative;
  z-index: 1;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link), html[data-whatintent=mouse] .click-area:hover .btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link).click-area__trigger, html[data-whatintent=mouse] .btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link):hover {
  color: var(--color-brand-primary-text-onbg-strong);
  background-color: transparent;
  border-color: var(--color-brand-primary-bg-strong);
}
.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link).is-active {
  color: var(--color-brand-primary-text);
  background-color: transparent;
  border-color: var(--color-brand-primary-bg-strong);
}
.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link)::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  background: var(--color-brand-primary-bg-strong);
  border-radius: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-brand-primary-bg-strong);
  transform: scale(0);
  transition: transform 150ms;
  transition-timing-function: cubic-bezier(0.45, 0.95, 0.33, 0.81);
}
html[data-whatintent=mouse] .btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link):hover::before {
  transform: scale(1);
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
}
html[data-whatintent=mouse] .btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link):active::before {
  color: var(--color-brand-primary-text-onbg-strong);
  background-color: var(--color-brand-primary-bg-strong-hover);
  border-color: var(--color-brand-primary-bg-strong-hover);
}
.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link) {
  color: var(--color-brand-primary-text);
  background-color: transparent;
  border-color: var(--color-brand-primary-border);
  position: relative;
  z-index: 1;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link), html[data-whatintent=mouse] .click-area:hover .btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link).click-area__trigger, html[data-whatintent=mouse] .btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link):hover {
  color: var(--color-brand-primary-text-onbg-strong);
  background-color: transparent;
  border-color: var(--color-brand-primary-bg-strong);
}
.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link).is-active {
  color: var(--color-brand-primary-text);
  background-color: transparent;
  border-color: var(--color-brand-primary-bg-strong);
}
.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link)::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  background: var(--color-brand-primary-bg-strong);
  border-radius: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-brand-primary-bg-strong);
  transform: scale(0);
  transition: transform 150ms;
  transition-timing-function: cubic-bezier(0.45, 0.95, 0.33, 0.81);
}
html[data-whatintent=mouse] .btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link):hover::before {
  transform: scale(1);
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
}
html[data-whatintent=mouse] .btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link):active::before {
  color: var(--color-brand-primary-text-onbg-strong);
  background-color: var(--color-brand-primary-bg-strong-hover);
  border-color: var(--color-brand-primary-bg-strong-hover);
}

/**
 * Button types.
 */
.btn--text-color {
  color: var(--color-neutral-text-onbg-strong);
  background-color: var(--color-neutral-bg-strong);
  border-color: var(--color-neutral-bg-strong);
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--text-color, html[data-whatintent=mouse] .click-area:hover .btn--text-color.click-area__trigger, html[data-whatintent=mouse] .btn--text-color:hover, .btn--text-color.is-active {
  background-color: var(--color-neutral-bg-strong-hover);
  border-color: var(--color-neutral-bg-strong-hover);
  color: var(--color-neutral-text-onbg-strong);
}
html[data-whatintent=mouse] .btn--text-color:active {
  color: var(--color-neutral-text-onbg-strong);
  background-color: var(--color-neutral-bg-strong-pressed);
  border-color: var(--color-neutral-bg-strong-pressed);
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--text-color:focus {
  transition-duration: 0ms;
}
.btn--text-color.is-loading {
  background-color: var(--color-neutral-bg-strong);
  opacity: 1;
}
html[data-whatintent=mouse] .btn--text-color.is-loading:hover, html[data-whatintent=mouse] .btn--text-color.is-loading:active {
  background-color: var(--color-neutral-bg-strong);
  color: var(--color-neutral-text-onbg-strong);
  border-color: var(--color-neutral-bg-strong);
  opacity: 1;
}
.btn--text-color[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--text-color[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--text-color[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}

.btn--withdrawal {
  color: var(--color-error-text-onbg-strong);
  background-color: var(--color-error-bg-strong);
  border-color: var(--color-error-bg-strong);
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--withdrawal, html[data-whatintent=mouse] .click-area:hover .btn--withdrawal.click-area__trigger, html[data-whatintent=mouse] .btn--withdrawal:hover, .btn--withdrawal.is-active {
  background-color: var(--color-error-bg-strong-hover);
  border-color: var(--color-error-bg-strong-hover);
  color: var(--color-error-text-onbg-strong);
}
html[data-whatintent=mouse] .btn--withdrawal:active {
  color: var(--color-error-text-onbg-strong);
  background-color: var(--color-error-bg-strong-pressed);
  border-color: var(--color-error-bg-strong-pressed);
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--withdrawal:focus {
  transition-duration: 0ms;
}
.btn--withdrawal.is-loading {
  background-color: var(--color-error-bg-strong);
  opacity: 1;
}
html[data-whatintent=mouse] .btn--withdrawal.is-loading:hover, html[data-whatintent=mouse] .btn--withdrawal.is-loading:active {
  background-color: var(--color-error-bg-strong);
  color: var(--color-error-text-onbg-strong);
  border-color: var(--color-error-bg-strong);
  opacity: 1;
}
.btn--withdrawal[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--withdrawal[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--withdrawal[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
.btn--withdrawal.btn--variant-secondary {
  color: var(--color-error-text);
  background-color: transparent;
  border-color: var(--color-error-border);
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--withdrawal.btn--variant-secondary, html[data-whatintent=mouse] .click-area:hover .btn--withdrawal.btn--variant-secondary.click-area__trigger, html[data-whatintent=mouse] .btn--withdrawal.btn--variant-secondary:hover, .btn--withdrawal.btn--variant-secondary.is-active {
  background-color: var(--color-error-bg-strong);
  border-color: var(--color-error-bg-strong);
  color: var(--color-error-text-onbg-strong);
}
html[data-whatintent=mouse] .btn--withdrawal.btn--variant-secondary:active {
  color: var(--color-error-text-onbg-strong);
  background-color: var(--color-error-bg-strong-hover);
  border-color: var(--color-error-bg-strong-hover);
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--withdrawal.btn--variant-secondary:focus {
  transition-duration: 0ms;
}
.btn--withdrawal.btn--variant-secondary.is-loading {
  background-color: transparent;
  opacity: 1;
}
html[data-whatintent=mouse] .btn--withdrawal.btn--variant-secondary.is-loading:hover, html[data-whatintent=mouse] .btn--withdrawal.btn--variant-secondary.is-loading:active {
  background-color: transparent;
  color: var(--color-error-text);
  border-color: var(--color-error-border);
  opacity: 1;
}
.btn--withdrawal.btn--variant-secondary[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--withdrawal.btn--variant-secondary[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--withdrawal.btn--variant-secondary[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
.btn--withdrawal.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link) {
  color: var(--color-error-text);
  background-color: transparent;
  border-color: var(--color-error-border);
  position: relative;
  z-index: 1;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--withdrawal.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link), html[data-whatintent=mouse] .click-area:hover .btn--withdrawal.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link).click-area__trigger, html[data-whatintent=mouse] .btn--withdrawal.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link):hover {
  color: var(--color-error-text-onbg-strong);
  background-color: transparent;
  border-color: var(--color-error-bg-strong);
}
.btn--withdrawal.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link).is-active {
  color: var(--color-error-text);
  background-color: transparent;
  border-color: var(--color-error-bg-strong);
}
.btn--withdrawal.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link)::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  background: var(--color-error-bg-strong);
  border-radius: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-error-bg-strong);
  transform: scale(0);
  transition: transform 150ms;
  transition-timing-function: cubic-bezier(0.45, 0.95, 0.33, 0.81);
}
html[data-whatintent=mouse] .btn--withdrawal.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link):hover::before {
  transform: scale(1);
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
}
html[data-whatintent=mouse] .btn--withdrawal.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link):active::before {
  color: var(--color-error-text-onbg-strong);
  background-color: var(--color-error-bg-strong-hover);
  border-color: var(--color-error-bg-strong-hover);
}
.btn--withdrawal.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link) {
  color: var(--color-error-text);
  background-color: transparent;
  border-color: var(--color-error-border);
  position: relative;
  z-index: 1;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--withdrawal.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link), html[data-whatintent=mouse] .click-area:hover .btn--withdrawal.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link).click-area__trigger, html[data-whatintent=mouse] .btn--withdrawal.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link):hover {
  color: var(--color-error-text-onbg-strong);
  background-color: transparent;
  border-color: var(--color-error-bg-strong);
}
.btn--withdrawal.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link).is-active {
  color: var(--color-error-text);
  background-color: transparent;
  border-color: var(--color-error-bg-strong);
}
.btn--withdrawal.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link)::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  background: var(--color-error-bg-strong);
  border-radius: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-error-bg-strong);
  transform: scale(0);
  transition: transform 150ms;
  transition-timing-function: cubic-bezier(0.45, 0.95, 0.33, 0.81);
}
html[data-whatintent=mouse] .btn--withdrawal.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link):hover::before {
  transform: scale(1);
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
}
html[data-whatintent=mouse] .btn--withdrawal.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link):active::before {
  color: var(--color-error-text-onbg-strong);
  background-color: var(--color-error-bg-strong-hover);
  border-color: var(--color-error-bg-strong-hover);
}

.btn--employee {
  color: var(--color-employee-text-onbg-strong);
  background-color: var(--color-employee-bg-strong);
  border-color: var(--color-employee-bg-strong);
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--employee, html[data-whatintent=mouse] .click-area:hover .btn--employee.click-area__trigger, html[data-whatintent=mouse] .btn--employee:hover, .btn--employee.is-active {
  background-color: var(--color-employee-bg-strong-hover);
  border-color: var(--color-employee-bg-strong-hover);
  color: var(--color-employee-text-onbg-strong);
}
html[data-whatintent=mouse] .btn--employee:active {
  color: var(--color-employee-text-onbg-strong);
  background-color: var(--color-employee-bg-strong-pressed);
  border-color: var(--color-employee-bg-strong-pressed);
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--employee:focus {
  transition-duration: 0ms;
}
.btn--employee.is-loading {
  background-color: var(--color-employee-bg-strong);
  opacity: 1;
}
html[data-whatintent=mouse] .btn--employee.is-loading:hover, html[data-whatintent=mouse] .btn--employee.is-loading:active {
  background-color: var(--color-employee-bg-strong);
  color: var(--color-employee-text-onbg-strong);
  border-color: var(--color-employee-bg-strong);
  opacity: 1;
}
.btn--employee[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--employee[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--employee[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
.btn--employee.btn--variant-secondary {
  color: var(--color-employee-text);
  background-color: transparent;
  border-color: var(--color-employee-border);
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--employee.btn--variant-secondary, html[data-whatintent=mouse] .click-area:hover .btn--employee.btn--variant-secondary.click-area__trigger, html[data-whatintent=mouse] .btn--employee.btn--variant-secondary:hover, .btn--employee.btn--variant-secondary.is-active {
  background-color: var(--color-employee-bg-strong);
  border-color: var(--color-employee-bg-strong);
  color: var(--color-employee-text-onbg-strong);
}
html[data-whatintent=mouse] .btn--employee.btn--variant-secondary:active {
  color: var(--color-employee-text-onbg-strong);
  background-color: var(--color-employee-bg-strong-hover);
  border-color: var(--color-employee-bg-strong-hover);
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--employee.btn--variant-secondary:focus {
  transition-duration: 0ms;
}
.btn--employee.btn--variant-secondary.is-loading {
  background-color: transparent;
  opacity: 1;
}
html[data-whatintent=mouse] .btn--employee.btn--variant-secondary.is-loading:hover, html[data-whatintent=mouse] .btn--employee.btn--variant-secondary.is-loading:active {
  background-color: transparent;
  color: var(--color-employee-text);
  border-color: var(--color-employee-border);
  opacity: 1;
}
.btn--employee.btn--variant-secondary[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--employee.btn--variant-secondary[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--employee.btn--variant-secondary[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
.btn--employee.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link) {
  color: var(--color-employee-text);
  background-color: transparent;
  border-color: var(--color-employee-border);
  position: relative;
  z-index: 1;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--employee.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link), html[data-whatintent=mouse] .click-area:hover .btn--employee.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link).click-area__trigger, html[data-whatintent=mouse] .btn--employee.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link):hover {
  color: var(--color-employee-text-onbg-strong);
  background-color: transparent;
  border-color: var(--color-employee-bg-strong);
}
.btn--employee.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link).is-active {
  color: var(--color-employee-text);
  background-color: transparent;
  border-color: var(--color-employee-bg-strong);
}
.btn--employee.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link)::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  background: var(--color-employee-bg-strong);
  border-radius: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-employee-bg-strong);
  transform: scale(0);
  transition: transform 150ms;
  transition-timing-function: cubic-bezier(0.45, 0.95, 0.33, 0.81);
}
html[data-whatintent=mouse] .btn--employee.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link):hover::before {
  transform: scale(1);
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
}
html[data-whatintent=mouse] .btn--employee.btn--variant-secondary.btn--icon-only:not([aria-disabled=true], .is-loading, .btn--link):active::before {
  color: var(--color-employee-text-onbg-strong);
  background-color: var(--color-employee-bg-strong-hover);
  border-color: var(--color-employee-bg-strong-hover);
}
.btn--employee.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link) {
  color: var(--color-employee-text);
  background-color: transparent;
  border-color: var(--color-employee-border);
  position: relative;
  z-index: 1;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--employee.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link), html[data-whatintent=mouse] .click-area:hover .btn--employee.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link).click-area__trigger, html[data-whatintent=mouse] .btn--employee.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link):hover {
  color: var(--color-employee-text-onbg-strong);
  background-color: transparent;
  border-color: var(--color-employee-bg-strong);
}
.btn--employee.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link).is-active {
  color: var(--color-employee-text);
  background-color: transparent;
  border-color: var(--color-employee-bg-strong);
}
.btn--employee.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link)::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  background: var(--color-employee-bg-strong);
  border-radius: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-employee-bg-strong);
  transform: scale(0);
  transition: transform 150ms;
  transition-timing-function: cubic-bezier(0.45, 0.95, 0.33, 0.81);
}
html[data-whatintent=mouse] .btn--employee.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link):hover::before {
  transform: scale(1);
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
}
html[data-whatintent=mouse] .btn--employee.btn--variant-secondary.btn--icon-only.btn--small:not([aria-disabled=true], .is-loading, .btn--link):active::before {
  color: var(--color-employee-text-onbg-strong);
  background-color: var(--color-employee-bg-strong-hover);
  border-color: var(--color-employee-bg-strong-hover);
}

.btn--expressive {
  color: var(--color-brand-expressive-text-onbg-strong);
  background-color: var(--color-brand-expressive-bg-strong);
  border-color: var(--color-brand-expressive-bg-strong);
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--expressive, html[data-whatintent=mouse] .click-area:hover .btn--expressive.click-area__trigger, html[data-whatintent=mouse] .btn--expressive:hover, .btn--expressive.is-active {
  background-color: var(--color-brand-expressive-bg-strong-hover);
  border-color: var(--color-brand-expressive-bg-strong-hover);
  color: var(--color-brand-expressive-text-onbg-strong);
}
html[data-whatintent=mouse] .btn--expressive:active {
  color: var(--color-brand-expressive-text-onbg-strong);
  background-color: var(--color-brand-expressive-bg-strong-pressed);
  border-color: var(--color-brand-expressive-bg-strong-pressed);
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--expressive:focus {
  transition-duration: 0ms;
}
.btn--expressive.is-loading {
  background-color: var(--color-brand-expressive-bg-strong);
  opacity: 1;
}
html[data-whatintent=mouse] .btn--expressive.is-loading:hover, html[data-whatintent=mouse] .btn--expressive.is-loading:active {
  background-color: var(--color-brand-expressive-bg-strong);
  color: var(--color-brand-expressive-text-onbg-strong);
  border-color: var(--color-brand-expressive-bg-strong);
  opacity: 1;
}
.btn--expressive[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--expressive[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--expressive[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}

.btn--link {
  background: transparent;
  border: 0;
  text-transform: none;
  text-align: inherit;
  height: auto;
  padding: 0;
  min-width: 0;
  border-radius: 0;
  letter-spacing: 0;
  vertical-align: bottom;
  background-color: transparent;
  color: var(--color-brand-primary-text);
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--link, html[data-whatintent=mouse] .click-area:hover .btn--link.click-area__trigger, html[data-whatintent=mouse] .btn--link:hover, .btn--link.is-active {
  background-color: transparent;
  color: var(--color-brand-primary-text-hover);
}
html[data-whatintent=mouse] .btn--link:active {
  color: var(--color-brand-primary-text-hover);
  background-color: transparent;
}
.btn--link.is-loading .btn__spinner {
  color: var(--color-brand-primary-text);
}
.btn--link[aria-disabled=true], .btn--link.is-loading {
  color: var(--color-disabled-text);
  background-color: transparent;
  pointer-events: auto;
}
html[data-whatintent=mouse] .btn--link[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--link[aria-disabled=true]:active, html[data-whatintent=mouse] .btn--link.is-loading:hover, html[data-whatintent=mouse] .btn--link.is-loading:active {
  color: var(--color-disabled-text);
  background-color: transparent;
}
.btn--link.btn--text-color {
  background-color: transparent;
  color: var(--color-neutral-text);
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--link.btn--text-color, html[data-whatintent=mouse] .click-area:hover .btn--link.btn--text-color.click-area__trigger, html[data-whatintent=mouse] .btn--link.btn--text-color:hover, .btn--link.btn--text-color.is-active {
  background-color: transparent;
  color: var(--color-brand-primary-text-hover);
}
html[data-whatintent=mouse] .btn--link.btn--text-color:active {
  background-color: transparent;
}
.btn--link.btn--text-color.is-loading .btn__spinner {
  color: var(--color-neutral-text);
}
.btn--link.btn--text-color[aria-disabled=true], .btn--link.btn--text-color.is-loading {
  color: var(--color-disabled-text);
  background-color: transparent;
  pointer-events: auto;
}
html[data-whatintent=mouse] .btn--link.btn--text-color[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--link.btn--text-color[aria-disabled=true]:active, html[data-whatintent=mouse] .btn--link.btn--text-color.is-loading:hover, html[data-whatintent=mouse] .btn--link.btn--text-color.is-loading:active {
  color: var(--color-disabled-text);
  background-color: transparent;
}
.btn--link.btn--withdrawal {
  background-color: transparent;
  color: var(--color-error-text);
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--link.btn--withdrawal, html[data-whatintent=mouse] .click-area:hover .btn--link.btn--withdrawal.click-area__trigger, html[data-whatintent=mouse] .btn--link.btn--withdrawal:hover, .btn--link.btn--withdrawal.is-active {
  background-color: transparent;
  color: var(--color-error-text-hover);
}
html[data-whatintent=mouse] .btn--link.btn--withdrawal:active {
  color: var(--color-error-text-hover);
  background-color: transparent;
}
.btn--link.btn--withdrawal.is-loading .btn__spinner {
  color: var(--color-error-text);
}
.btn--link.btn--withdrawal[aria-disabled=true], .btn--link.btn--withdrawal.is-loading {
  color: var(--color-disabled-text);
  background-color: transparent;
  pointer-events: auto;
}
html[data-whatintent=mouse] .btn--link.btn--withdrawal[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--link.btn--withdrawal[aria-disabled=true]:active, html[data-whatintent=mouse] .btn--link.btn--withdrawal.is-loading:hover, html[data-whatintent=mouse] .btn--link.btn--withdrawal.is-loading:active {
  color: var(--color-disabled-text);
  background-color: transparent;
}
.btn--link.btn--employee {
  background-color: transparent;
  color: var(--color-employee-text);
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--link.btn--employee, html[data-whatintent=mouse] .click-area:hover .btn--link.btn--employee.click-area__trigger, html[data-whatintent=mouse] .btn--link.btn--employee:hover, .btn--link.btn--employee.is-active {
  background-color: transparent;
  color: var(--color-employee-text-hover);
}
html[data-whatintent=mouse] .btn--link.btn--employee:active {
  color: var(--color-employee-text-hover);
  background-color: transparent;
}
.btn--link.btn--employee.is-loading .btn__spinner {
  color: var(--color-employee-text);
}
.btn--link.btn--employee[aria-disabled=true], .btn--link.btn--employee.is-loading {
  color: var(--color-disabled-text);
  background-color: transparent;
  pointer-events: auto;
}
html[data-whatintent=mouse] .btn--link.btn--employee[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--link.btn--employee[aria-disabled=true]:active, html[data-whatintent=mouse] .btn--link.btn--employee.is-loading:hover, html[data-whatintent=mouse] .btn--link.btn--employee.is-loading:active {
  color: var(--color-disabled-text);
  background-color: transparent;
}
.btn--link.btn--underlined {
  text-decoration: underline;
}
.btn--link.btn--expressive {
  background-color: transparent;
  color: var(--color-brand-expressive-text);
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--link.btn--expressive, html[data-whatintent=mouse] .click-area:hover .btn--link.btn--expressive.click-area__trigger, html[data-whatintent=mouse] .btn--link.btn--expressive:hover, .btn--link.btn--expressive.is-active {
  background-color: transparent;
  color: var(--color-brand-expressive-text-hover);
}
html[data-whatintent=mouse] .btn--link.btn--expressive:active {
  color: var(--color-brand-expressive-text-hover);
  background-color: transparent;
}
.btn--link.btn--expressive.is-loading .btn__spinner {
  color: var(--color-brand-expressive-text);
}
.btn--link.btn--expressive[aria-disabled=true], .btn--link.btn--expressive.is-loading {
  color: var(--color-disabled-text);
  background-color: transparent;
  pointer-events: auto;
}
html[data-whatintent=mouse] .btn--link.btn--expressive[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--link.btn--expressive[aria-disabled=true]:active, html[data-whatintent=mouse] .btn--link.btn--expressive.is-loading:hover, html[data-whatintent=mouse] .btn--link.btn--expressive.is-loading:active {
  color: var(--color-disabled-text);
  background-color: transparent;
}

.btn--large.btn--link {
  font-size: 1rem;
}

.btn__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.btn:not(.btn--link) .btn__inner, a.btn:not(.btn--link).btn--icon-only .btn__inner, span.btn:not(.btn--link).btn--icon-only .btn__inner {
  min-height: 1.375rem;
  min-width: 1.375rem;
}
.btn.btn--small:not(.btn--link) .btn__inner {
  min-height: 1.125rem;
}
.btn.btn--small:not(.btn--link).btn--icon-only .btn__inner {
  min-width: 1.251rem;
  min-height: 1.251rem;
}
.btn.is-loading .btn__inner {
  opacity: 0;
}
.btn--link.is-loading .btn__inner {
  margin-right: calc(1.5rem + 4px);
  opacity: 1;
}
.btn--link.btn--small.is-loading .btn__inner {
  margin-right: calc(1rem + 4px);
}
.btn--link.btn--block .btn__inner {
  justify-content: flex-start;
}
.btn--icon-only.btn--link .btn__inner::after {
  content: "​";
}
.btn__spinner.fade-exit ~ .btn__inner, .btn__spinner.fade-enter ~ .btn__inner {
  transition: opacity var(--animation-duration-medium) var(--animation-easing-medium), transform var(--animation-duration-medium) var(--animation-easing-medium);
}
.btn__spinner.fade-exit-active ~ .btn__inner {
  opacity: 1;
  transform: translateY(0);
}
.btn__spinner.fade-enter-done ~ .btn__inner, .btn__spinner.fade-enter-active ~ .btn__inner {
  opacity: 0;
  transform: translateY(-10px);
}
.btn--link .btn__spinner.fade-enter-done ~ .btn__inner, .btn--link .btn__spinner.fade-enter-active ~ .btn__inner, .btn--icon-only .btn__spinner.fade-enter-done ~ .btn__inner, .btn--icon-only .btn__spinner.fade-enter-active ~ .btn__inner {
  opacity: 1;
  transform: translateY(0);
}
.btn__spinner ~ .btn__inner {
  opacity: 0;
}

.btn__text {
  display: inline-flex;
}
.btn__text::first-letter {
  text-transform: uppercase;
}
.btn--icon-only .btn__text {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.btn--block {
  display: block;
  width: 100%;
}

.btn--icon-only {
  padding: 12px;
  min-width: 0;
}
.btn--icon-only.btn--small {
  min-width: 0;
  padding: 5px;
}
.btn--icon-only.btn--link {
  min-width: 0;
  padding: 0;
  height: auto;
}

.btn--vertical-align-baseline {
  vertical-align: baseline;
}

.btn--vertical-align-top {
  vertical-align: top;
}

.btn--vertical-align-middle {
  vertical-align: middle;
}

.btn--vertical-align-bottom {
  vertical-align: bottom;
}

/**
 * Icons
 */
.btn__icon {
  vertical-align: baseline;
  margin-top: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.btn:not(.btn--link) .btn__icon:not(.btn__icon--custom-size) {
  font-size: 1.5rem;
  line-height: var(--type-line-height);
}
.btn:not(.btn--link).btn--small .btn__icon {
  font-size: 1rem;
}
.btn:not(.btn--link, .btn--small) .btn__icon {
  margin-left: -1px;
}
.btn--link.is-loading .btn__icon {
  opacity: 0;
}
.btn--link .btn__icon:not(.btn__icon--custom-size) {
  font-size: 1.5rem;
}
.btn--large.btn--link .btn__icon:not(.btn__icon--custom-size) {
  font-size: 1.5rem;
}
.btn--small.btn--link .btn__icon:not(.btn__icon--custom-size) {
  font-size: 1rem;
}

.btn--with-arrow-right-icon .btn__icon--right {
  transition: transform var(--animation-duration-medium) var(--animation-easing-medium);
  transform: translateX(0) translateY(-50%);
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--with-arrow-right-icon .btn__icon--right, html[data-whatintent=mouse] .click-area:hover .btn--with-arrow-right-icon.click-area__trigger .btn__icon--right, html[data-whatintent=mouse] .btn--with-arrow-right-icon:hover:not([aria-disabled=true]) .btn__icon--right {
  transform: translateX(5px) translateY(-50%);
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--small.btn--with-arrow-right-icon .btn__icon--right, html[data-whatintent=mouse] .click-area:hover .btn--small.btn--with-arrow-right-icon.click-area__trigger .btn__icon--right, html[data-whatintent=mouse] .btn--small.btn--with-arrow-right-icon:hover:not([aria-disabled=true]) .btn__icon--right {
  transform: translateX(4px) translateY(-50%);
}

.btn__icon-wrapper {
  flex-shrink: 0;
  height: 1.375rem;
  width: 1.375rem;
  position: relative;
}
.btn--small .btn__icon-wrapper, .btn--small.btn--link .btn__icon-wrapper {
  width: 1rem;
  height: 1rem;
}
.btn.is-loading .btn__icon-wrapper {
  width: 0;
}
.btn--link .btn__icon-wrapper {
  width: 1.5rem;
  height: auto;
}
.btn__icon-wrapper.btn__icon-wrapper--xxs {
  width: 1rem;
}
.btn__icon-wrapper.btn__icon-wrapper--xs {
  width: 1.5rem;
}
.btn__icon-wrapper.btn__icon-wrapper--sm {
  width: 2rem;
}
.btn__icon-wrapper.btn__icon-wrapper--md {
  width: 2.5rem;
}
.btn__icon-wrapper.btn__icon-wrapper--lg {
  width: 3rem;
}
.btn__icon-wrapper.btn__icon-wrapper--xl {
  width: 3.5rem;
}
.btn__icon-wrapper.btn__icon-wrapper--xxl {
  width: 4rem;
}
.btn__icon-wrapper.btn__icon-wrapper--xxxl {
  width: 6rem;
}

.btn__icon-wrapper--left {
  margin-left: -3px;
  margin-right: 7px;
}
.btn--small .btn__icon-wrapper--left {
  margin-left: -4px;
  margin-right: 6px;
}
.btn--link .btn__icon-wrapper--left {
  margin-left: 0;
  margin-right: 3px;
}
.btn--link.is-loading .btn__icon-wrapper--left {
  margin: 0;
}

.btn__icon-wrapper--right {
  margin-left: 7px;
  margin-right: -3px;
}
.btn--small .btn__icon-wrapper--right {
  margin-left: 0;
  margin-right: -4px;
}
.btn--link .btn__icon-wrapper--right {
  margin-left: 3px;
  margin-right: 0;
}
.btn--link.btn--block .btn__icon-wrapper--right {
  margin-left: auto;
}
.btn--with-arrow-right-icon:not(.btn--small) .btn__icon-wrapper--right {
  margin-left: 1px;
}

/**
 * Spinner
 */
.btn__spinner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn__spinner .spinner__circle {
  width: 1.5rem;
  height: 1.5rem;
}
.btn--small .btn__spinner .spinner__circle {
  width: 1rem;
  height: 1rem;
}
.btn--link .btn__spinner .spinner__circle {
  width: 1.5rem;
  height: 1.5rem;
}
.btn--link.btn--small .btn__spinner .spinner__circle {
  width: 1rem;
  height: 1rem;
}
.btn--link .btn__spinner {
  width: auto;
  margin-left: 10px;
  right: 0;
  left: auto;
}
.btn__spinner .spinner__path {
  stroke: currentcolor;
}
.btn__spinner.fade-exit, .btn__spinner.fade-enter {
  transition: opacity var(--animation-duration-medium) var(--animation-easing-medium), transform var(--animation-duration-medium) var(--animation-easing-medium);
}
.btn--link .btn__spinner.fade-exit, .btn--icon-only .btn__spinner.fade-exit, .btn--link .btn__spinner.fade-enter, .btn--icon-only .btn__spinner.fade-enter {
  transition: none;
}
.btn__spinner.fade-enter, .btn__spinner.fade-exit-active {
  opacity: 0;
  transform: translateY(10px);
}
.btn--link .btn__spinner.fade-enter, .btn--icon-only .btn__spinner.fade-enter, .btn--link .btn__spinner.fade-exit-active, .btn--icon-only .btn__spinner.fade-exit-active {
  opacity: 0;
  transform: none;
}
.btn__spinner.fade-enter-done, .btn__spinner.fade-enter-active {
  opacity: 1;
  transform: translateY(0);
}
.btn--link .btn__spinner.fade-enter-done, .btn--icon-only .btn__spinner.fade-enter-done, .btn--link .btn__spinner.fade-enter-active, .btn--icon-only .btn__spinner.fade-enter-active {
  opacity: 1;
  transform: none;
}

/*
 * Third party buttons
 */
.btn--outer-swed {
  color: #ffffff;
  background-color: #d34300;
  border-color: #d34300;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--outer-swed, html[data-whatintent=mouse] .click-area:hover .btn--outer-swed.click-area__trigger, html[data-whatintent=mouse] .btn--outer-swed:hover, .btn--outer-swed.is-active {
  background-color: #ae3700;
  border-color: #ae3700;
  color: #ffffff;
}
html[data-whatintent=mouse] .btn--outer-swed:active {
  color: #ffffff;
  background-color: #882b00;
  border-color: #882b00;
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--outer-swed:focus {
  transition-duration: 0ms;
}
.btn--outer-swed.is-loading {
  background-color: #d34300;
  opacity: 1;
}
html[data-whatintent=mouse] .btn--outer-swed.is-loading:hover, html[data-whatintent=mouse] .btn--outer-swed.is-loading:active {
  background-color: #d34300;
  color: #ffffff;
  border-color: #d34300;
  opacity: 1;
}
.btn--outer-swed[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--outer-swed[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--outer-swed[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
.btn--outer-seb {
  color: #ffffff;
  background-color: #3f8510;
  border-color: #3f8510;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--outer-seb, html[data-whatintent=mouse] .click-area:hover .btn--outer-seb.click-area__trigger, html[data-whatintent=mouse] .btn--outer-seb:hover, .btn--outer-seb.is-active {
  background-color: #336d0d;
  border-color: #336d0d;
  color: #ffffff;
}
html[data-whatintent=mouse] .btn--outer-seb:active {
  color: #ffffff;
  background-color: #28540a;
  border-color: #28540a;
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--outer-seb:focus {
  transition-duration: 0ms;
}
.btn--outer-seb.is-loading {
  background-color: #3f8510;
  opacity: 1;
}
html[data-whatintent=mouse] .btn--outer-seb.is-loading:hover, html[data-whatintent=mouse] .btn--outer-seb.is-loading:active {
  background-color: #3f8510;
  color: #ffffff;
  border-color: #3f8510;
  opacity: 1;
}
.btn--outer-seb[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--outer-seb[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--outer-seb[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
.btn--outer-luminor {
  color: #ffffff;
  background-color: #481335;
  border-color: #481335;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--outer-luminor, html[data-whatintent=mouse] .click-area:hover .btn--outer-luminor.click-area__trigger, html[data-whatintent=mouse] .btn--outer-luminor:hover, .btn--outer-luminor.is-active {
  background-color: #370e28;
  border-color: #370e28;
  color: #ffffff;
}
html[data-whatintent=mouse] .btn--outer-luminor:active {
  color: #ffffff;
  background-color: #200818;
  border-color: #200818;
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--outer-luminor:focus {
  transition-duration: 0ms;
}
.btn--outer-luminor.is-loading {
  background-color: #481335;
  opacity: 1;
}
html[data-whatintent=mouse] .btn--outer-luminor.is-loading:hover, html[data-whatintent=mouse] .btn--outer-luminor.is-loading:active {
  background-color: #481335;
  color: #ffffff;
  border-color: #481335;
  opacity: 1;
}
.btn--outer-luminor[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--outer-luminor[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--outer-luminor[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
.btn--outer-danske {
  color: #ffffff;
  background-color: #00466d;
  border-color: #00466d;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--outer-danske, html[data-whatintent=mouse] .click-area:hover .btn--outer-danske.click-area__trigger, html[data-whatintent=mouse] .btn--outer-danske:hover, .btn--outer-danske.is-active {
  background-color: #00466d;
  border-color: #00466d;
  color: #ffffff;
}
html[data-whatintent=mouse] .btn--outer-danske:active {
  color: #ffffff;
  background-color: #00466d;
  border-color: #00466d;
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--outer-danske:focus {
  transition-duration: 0ms;
}
.btn--outer-danske.is-loading {
  background-color: #00466d;
  opacity: 1;
}
html[data-whatintent=mouse] .btn--outer-danske.is-loading:hover, html[data-whatintent=mouse] .btn--outer-danske.is-loading:active {
  background-color: #00466d;
  color: #ffffff;
  border-color: #00466d;
  opacity: 1;
}
.btn--outer-danske[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--outer-danske[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--outer-danske[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
.btn--outer-coop {
  color: #ffffff;
  background-color: #004bc5;
  border-color: #004bc5;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--outer-coop, html[data-whatintent=mouse] .click-area:hover .btn--outer-coop.click-area__trigger, html[data-whatintent=mouse] .btn--outer-coop:hover, .btn--outer-coop.is-active {
  background-color: #002f7d;
  border-color: #002f7d;
  color: #ffffff;
}
html[data-whatintent=mouse] .btn--outer-coop:active {
  color: #ffffff;
  background-color: #002665;
  border-color: #002665;
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--outer-coop:focus {
  transition-duration: 0ms;
}
.btn--outer-coop.is-loading {
  background-color: #004bc5;
  opacity: 1;
}
html[data-whatintent=mouse] .btn--outer-coop.is-loading:hover, html[data-whatintent=mouse] .btn--outer-coop.is-loading:active {
  background-color: #004bc5;
  color: #ffffff;
  border-color: #004bc5;
  opacity: 1;
}
.btn--outer-coop[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--outer-coop[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--outer-coop[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
.btn--outer-lhv {
  color: #ffffff;
  background-color: #222221;
  border-color: #222221;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--outer-lhv, html[data-whatintent=mouse] .click-area:hover .btn--outer-lhv.click-area__trigger, html[data-whatintent=mouse] .btn--outer-lhv:hover, .btn--outer-lhv.is-active {
  background-color: #1d1d1d;
  border-color: #1d1d1d;
  color: #ffffff;
}
html[data-whatintent=mouse] .btn--outer-lhv:active {
  color: #ffffff;
  background-color: #111110;
  border-color: #111110;
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--outer-lhv:focus {
  transition-duration: 0ms;
}
.btn--outer-lhv.is-loading {
  background-color: #222221;
  opacity: 1;
}
html[data-whatintent=mouse] .btn--outer-lhv.is-loading:hover, html[data-whatintent=mouse] .btn--outer-lhv.is-loading:active {
  background-color: #222221;
  color: #ffffff;
  border-color: #222221;
  opacity: 1;
}
.btn--outer-lhv[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--outer-lhv[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--outer-lhv[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
.btn--outer-google {
  color: #ffffff;
  background-color: #1a73e8;
  border-color: #1a73e8;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--outer-google, html[data-whatintent=mouse] .click-area:hover .btn--outer-google.click-area__trigger, html[data-whatintent=mouse] .btn--outer-google:hover, .btn--outer-google.is-active {
  background-color: #155ebd;
  border-color: #155ebd;
  color: #ffffff;
}
html[data-whatintent=mouse] .btn--outer-google:active {
  color: #ffffff;
  background-color: #104992;
  border-color: #104992;
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--outer-google:focus {
  transition-duration: 0ms;
}
.btn--outer-google.is-loading {
  background-color: #1a73e8;
  opacity: 1;
}
html[data-whatintent=mouse] .btn--outer-google.is-loading:hover, html[data-whatintent=mouse] .btn--outer-google.is-loading:active {
  background-color: #1a73e8;
  color: #ffffff;
  border-color: #1a73e8;
  opacity: 1;
}
.btn--outer-google[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--outer-google[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--outer-google[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
.btn--outer-facebook {
  color: #ffffff;
  background-color: #0866ff;
  border-color: #0866ff;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--outer-facebook, html[data-whatintent=mouse] .click-area:hover .btn--outer-facebook.click-area__trigger, html[data-whatintent=mouse] .btn--outer-facebook:hover, .btn--outer-facebook.is-active {
  background-color: #0756d8;
  border-color: #0756d8;
  color: #ffffff;
}
html[data-whatintent=mouse] .btn--outer-facebook:active {
  color: #ffffff;
  background-color: #0543a9;
  border-color: #0543a9;
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--outer-facebook:focus {
  transition-duration: 0ms;
}
.btn--outer-facebook.is-loading {
  background-color: #0866ff;
  opacity: 1;
}
html[data-whatintent=mouse] .btn--outer-facebook.is-loading:hover, html[data-whatintent=mouse] .btn--outer-facebook.is-loading:active {
  background-color: #0866ff;
  color: #ffffff;
  border-color: #0866ff;
  opacity: 1;
}
.btn--outer-facebook[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--outer-facebook[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--outer-facebook[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
.btn--outer-microsoft {
  color: #ffffff;
  background-color: #007cb6;
  border-color: #007cb6;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--outer-microsoft, html[data-whatintent=mouse] .click-area:hover .btn--outer-microsoft.click-area__trigger, html[data-whatintent=mouse] .btn--outer-microsoft:hover, .btn--outer-microsoft.is-active {
  background-color: #006696;
  border-color: #006696;
  color: #ffffff;
}
html[data-whatintent=mouse] .btn--outer-microsoft:active {
  color: #ffffff;
  background-color: #004f74;
  border-color: #004f74;
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--outer-microsoft:focus {
  transition-duration: 0ms;
}
.btn--outer-microsoft.is-loading {
  background-color: #007cb6;
  opacity: 1;
}
html[data-whatintent=mouse] .btn--outer-microsoft.is-loading:hover, html[data-whatintent=mouse] .btn--outer-microsoft.is-loading:active {
  background-color: #007cb6;
  color: #ffffff;
  border-color: #007cb6;
  opacity: 1;
}
.btn--outer-microsoft[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--outer-microsoft[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--outer-microsoft[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
.btn--outer-spotify {
  color: #ffffff;
  background-color: #15873e;
  border-color: #15873e;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--outer-spotify, html[data-whatintent=mouse] .click-area:hover .btn--outer-spotify.click-area__trigger, html[data-whatintent=mouse] .btn--outer-spotify:hover, .btn--outer-spotify.is-active {
  background-color: #116f32;
  border-color: #116f32;
  color: #ffffff;
}
html[data-whatintent=mouse] .btn--outer-spotify:active {
  color: #ffffff;
  background-color: #0e5727;
  border-color: #0e5727;
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--outer-spotify:focus {
  transition-duration: 0ms;
}
.btn--outer-spotify.is-loading {
  background-color: #15873e;
  opacity: 1;
}
html[data-whatintent=mouse] .btn--outer-spotify.is-loading:hover, html[data-whatintent=mouse] .btn--outer-spotify.is-loading:active {
  background-color: #15873e;
  color: #ffffff;
  border-color: #15873e;
  opacity: 1;
}
.btn--outer-spotify[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--outer-spotify[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--outer-spotify[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
.btn--outer-twitter {
  color: #ffffff;
  background-color: #1a93dd;
  border-color: #1a93dd;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--outer-twitter, html[data-whatintent=mouse] .click-area:hover .btn--outer-twitter.click-area__trigger, html[data-whatintent=mouse] .btn--outer-twitter:hover, .btn--outer-twitter.is-active {
  background-color: #167ab8;
  border-color: #167ab8;
  color: #ffffff;
}
html[data-whatintent=mouse] .btn--outer-twitter:active {
  color: #ffffff;
  background-color: #126497;
  border-color: #126497;
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--outer-twitter:focus {
  transition-duration: 0ms;
}
.btn--outer-twitter.is-loading {
  background-color: #1a93dd;
  opacity: 1;
}
html[data-whatintent=mouse] .btn--outer-twitter.is-loading:hover, html[data-whatintent=mouse] .btn--outer-twitter.is-loading:active {
  background-color: #1a93dd;
  color: #ffffff;
  border-color: #1a93dd;
  opacity: 1;
}
.btn--outer-twitter[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--outer-twitter[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--outer-twitter[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
.btn--outer-diil {
  color: #ffffff;
  background-color: #00847e;
  border-color: #00847e;
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .btn--outer-diil, html[data-whatintent=mouse] .click-area:hover .btn--outer-diil.click-area__trigger, html[data-whatintent=mouse] .btn--outer-diil:hover, .btn--outer-diil.is-active {
  background-color: #006c67;
  border-color: #006c67;
  color: #ffffff;
}
html[data-whatintent=mouse] .btn--outer-diil:active {
  color: #ffffff;
  background-color: #02534f;
  border-color: #02534f;
  transition-duration: 0ms;
}
html[data-whatintent=mouse] .btn--outer-diil:focus {
  transition-duration: 0ms;
}
.btn--outer-diil.is-loading {
  background-color: #00847e;
  opacity: 1;
}
html[data-whatintent=mouse] .btn--outer-diil.is-loading:hover, html[data-whatintent=mouse] .btn--outer-diil.is-loading:active {
  background-color: #00847e;
  color: #ffffff;
  border-color: #00847e;
  opacity: 1;
}
.btn--outer-diil[aria-disabled=true] {
  cursor: inherit;
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}
html[data-whatintent=mouse] .btn--outer-diil[aria-disabled=true]:hover, html[data-whatintent=mouse] .btn--outer-diil[aria-disabled=true]:active {
  color: var(--color-disabled-text);
  background-color: var(--color-disabled-bg);
  border-color: transparent;
}

.btn-nav {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
  gap: 8px;
}
.btn-nav.btn-nav--size-small {
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
  gap: 4px;
}
.btn-nav.btn-nav--align-center {
  justify-content: center;
}

.btn-nav__item {
  position: relative;
  cursor: pointer;
}

.btn-nav__link {
  display: block;
  padding: 12px 23px;
  border: 1px solid var(--color-neutral-border);
  border-radius: 24px;
  transition: all 120ms cubic-bezier(0.2, 0, 0.31, 1);
}
.btn-nav__item--purpose-default .btn-nav__link {
  color: var(--color-neutral-text);
}
html[data-whatintent=mouse] .btn-nav__item--purpose-default .btn-nav__link:hover {
  border-color: var(--color-brand-primary-bg-strong-hover);
  box-shadow: inset 0 0 0 1px var(--color-brand-primary-bg-strong-hover);
  color: var(--color-neutral-text);
}
.btn-nav__item--purpose-default.is-current .btn-nav__link {
  color: var(--color-brand-primary-text-onbg-strong);
  background-color: var(--color-brand-primary-bg-strong);
  border-color: var(--color-brand-primary-bg-strong);
}
html[data-whatintent=mouse] .btn-nav__item--purpose-default.is-current .btn-nav__link:hover {
  color: var(--color-brand-primary-text-onbg-strong);
  background: var(--color-brand-primary-bg-strong-hover);
  border-color: var(--color-brand-primary-bg-strong-hover);
  box-shadow: inset 0 0 0 1px var(--color-brand-primary-bg-strong-hover);
}
.btn-nav__item--purpose-employee .btn-nav__link {
  color: var(--color-employee-text);
}
html[data-whatintent=mouse] .btn-nav__item--purpose-employee .btn-nav__link:hover {
  border-color: var(--color-employee-bg-strong-hover);
  box-shadow: inset 0 0 0 1px var(--color-employee-bg-strong-hover);
  color: var(--color-employee-text-hover);
}
.btn-nav__item--purpose-employee.is-current .btn-nav__link {
  color: var(--color-employee-text-onbg-strong);
  background-color: var(--color-employee-bg-strong);
  border-color: var(--color-employee-bg-strong);
}
html[data-whatintent=mouse] .btn-nav__item--purpose-employee.is-current .btn-nav__link:hover {
  color: var(--color-employee-text-onbg-strong);
  background: var(--color-employee-bg-strong-hover);
  border-color: var(--color-employee-bg-strong-hover);
  box-shadow: inset 0 0 0 1px var(--color-employee-bg-strong-hover);
}
.btn-nav--size-small .btn-nav__link {
  border-radius: 16px;
  padding: 5px 15px;
}

.close-button {
  line-height: 0;
  padding: 8px;
  color: var(--color-brand-primary-text-hover);
  border: none;
  background: none;
  border-radius: 50%;
}

.close-button--type-modal {
  padding: 0;
}

.close-button__inner {
  display: block;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  background-color: transparent;
}
.close-button--type-modal .close-button__inner {
  width: calc(1.5rem + 16px);
  height: calc(1.5rem + 16px);
  padding: 0;
  background-color: var(--color-neutral-bg-lighten);
  border-radius: 50%;
}

.close-button__icon {
  vertical-align: baseline;
  margin-top: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--color-neutral-graphic);
  font-size: 1.5rem;
  transform: translate(-50%, -50%);
}
html[data-whatintent=mouse] .close-button:hover .close-button__icon {
  color: inherit;
}

.tooltip {
  position: absolute;
  z-index: 31;
  display: flex;
  will-change: visibility, transform, opacity;
  opacity: 0;
  transition: opacity 100ms ease-out;
  max-width: calc(100% - 16px);
  border-radius: 8px;
}
.tooltip.is-unmounted {
  visibility: hidden;
}
.tooltip.is-open {
  opacity: 1;
}

body.is-scroll-disabled .tooltip,
.tooltip--on-header {
  z-index: 32;
}

.tooltip--placement-top,
.tooltip--placement-bottom {
  flex-direction: column;
}

.tooltip__arrow {
  position: relative;
  width: 20px;
  height: 20px;
}
.tooltip--placement-top .tooltip__arrow {
  -webkit-clip-path: inset(50% 0 0 0);
          clip-path: inset(50% 0 0 0);
  bottom: -9px;
}
.tooltip--placement-right .tooltip__arrow {
  -webkit-clip-path: inset(0 50% 0 0);
          clip-path: inset(0 50% 0 0);
  left: -9px;
}
.tooltip--placement-bottom .tooltip__arrow {
  -webkit-clip-path: inset(0 0 50% 0);
          clip-path: inset(0 0 50% 0);
  top: -9px;
}
.tooltip--placement-left .tooltip__arrow {
  -webkit-clip-path: inset(0 0 0 50%);
          clip-path: inset(0 0 0 50%);
  right: -9px;
}

.tooltip__arrow::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: var(--color-neutral-bg-level-3);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset;
}

.tooltip__inner {
  transition: transform 100ms ease-out;
  max-height: inherit;
}
.tooltip--placement-top .tooltip__inner {
  transform: translateY(10px);
}
.tooltip--placement-right .tooltip__inner {
  transform: translateX(-10px);
}
.tooltip--placement-bottom .tooltip__inner {
  transform: translateY(-10px);
}
.tooltip--placement-left .tooltip__inner {
  transform: translateX(10px);
}
.tooltip.is-open .tooltip__inner {
  transform: translateY(0);
}

.tooltip__content {
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
  background: var(--color-neutral-bg-level-3);
  padding: 16px;
  box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 12px 24px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: inherit;
  max-width: 100%;
  border-radius: 8px;
}
.tooltip--fixed-width .tooltip__content {
  width: 14rem;
}
.tooltip--large .tooltip__content {
  width: 25rem;
}
.tooltip--no-padding .tooltip__content {
  padding: 0;
}
.tooltip--has-close-button .tooltip__content {
  padding-right: 32px;
}

.tooltip__close {
  position: absolute;
  right: 0;
  top: 0;
}

.card {
  --card-border-color: transparent;
  transition: transform var(--animation-duration-medium) var(--animation-easing-medium);
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: 0;
  transform: translateY(0);
  color: var(--color-neutral-text);
}
.card .card__content-tag {
  transition: background-color var(--animation-duration-medium) var(--animation-easing-medium), color var(--animation-duration-medium) var(--animation-easing-medium);
}
.card::before, .card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  border-radius: inherit;
  z-index: 1;
  border-color: var(--card-border-color);
}
.card::after {
  opacity: 0;
  border-width: 2px;
  transition: border-color var(--animation-duration-short) var(--animation-easing-short), opacity var(--animation-duration-short) var(--animation-easing-short);
}
.card::before {
  border-width: 1px;
}
.card.is-active {
  transform: translateY(-8px);
}
.card.card--type-employee {
  --card-border-color: var(--color-employee-border);
}
.card.is-selected {
  --card-border-color: var(--color-brand-primary-border);
}
.card.is-selected::before, .card.is-selected::after {
  opacity: 1;
}
.card[class^=card--type-]::before, .card[class^=card--type-]::after, .card[class*=" card--type-"]::before, .card[class*=" card--type-"]::after {
  border-style: solid;
}

.card--disabled {
  pointer-events: none;
}
.card--disabled:not(.card--full-opacity) {
  opacity: 0.5;
}

.card--selectable {
  --card-border-color: var(--color-neutral-border-subtle);
  cursor: pointer;
}
html[data-whatintent=mouse] .card--selectable:hover {
  --card-border-color: var(--color-brand-primary-border);
}
.card--selectable.card--type-employee {
  --card-border-color: var(--color-neutral-border-subtle);
}
html[data-whatintent=mouse] .card--selectable.card--type-employee:hover {
  --card-border-color: var(--color-employee-border);
}
.card--selectable.card--type-employee.is-selected {
  --card-border-color: var(--color-employee-border);
}
.card--selectable:not(.is-active)::before, .card--selectable:not(.is-active)::after {
  border-style: solid;
}

.card--type-success {
  --card-border-color: var(--color-success-border);
}

.card--type-error {
  --card-border-color: var(--color-error-border);
}

.card--type-employee {
  --card-border-color: var(--color-error-border);
}

.card--elevation-1 {
  box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.card--elevation-2 {
  box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card--elevation-3 {
  box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card--elevation-4 {
  box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 8px 16px rgba(0, 0, 0, 0.1);
}

.card--elevation-5 {
  box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 12px 24px rgba(0, 0, 0, 0.1);
}

.card--border-radius-none {
  border-radius: 0;
}

.card--border-radius-top-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card--border-radius-right-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.card--border-radius-bottom-none {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.card--border-radius-left-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.card--border-radius-small {
  border-radius: 4px;
}

.card--border-radius-top-small {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.card--border-radius-right-small {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.card--border-radius-bottom-small {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.card--border-radius-left-small {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.card--border-radius-medium {
  border-radius: 8px;
}

.card--border-radius-top-medium {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.card--border-radius-right-medium {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.card--border-radius-bottom-medium {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.card--border-radius-left-medium {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.card--border-radius-large {
  border-radius: 16px;
}

.card--border-radius-top-large {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.card--border-radius-right-large {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.card--border-radius-bottom-large {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.card--border-radius-left-large {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.card__top {
  flex: 1 0 auto;
}

.card__bottom {
  margin-top: 30px;
}

.card__content {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--color-neutral-text);
}
.card.card--border-radius-none.card--badge > .card__content:nth-child(2), .card.card--border-radius-top-none.card--badge > .card__content:nth-child(2), .card.card--border-radius-none.card--is-closable > .card__content:nth-child(2), .card.card--border-radius-top-none.card--is-closable > .card__content:nth-child(2), .card.card--border-radius-none > .card__content:first-child, .card.card--border-radius-top-none > .card__content:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card.card--border-radius-none > .card__content:last-child, .card.card--border-radius-bottom-none > .card__content:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card.card--border-radius-small.card--badge > .card__content:nth-child(2), .card.card--border-radius-top-small.card--badge > .card__content:nth-child(2), .card.card--border-radius-small.card--is-closable > .card__content:nth-child(2), .card.card--border-radius-top-small.card--is-closable > .card__content:nth-child(2), .card.card--border-radius-small > .card__content:first-child, .card.card--border-radius-top-small > .card__content:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.card.card--border-radius-small > .card__content:last-child, .card.card--border-radius-bottom-small > .card__content:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.card.card--border-radius-medium.card--badge > .card__content:nth-child(2), .card.card--border-radius-top-medium.card--badge > .card__content:nth-child(2), .card.card--border-radius-medium.card--is-closable > .card__content:nth-child(2), .card.card--border-radius-top-medium.card--is-closable > .card__content:nth-child(2), .card.card--border-radius-medium > .card__content:first-child, .card.card--border-radius-top-medium > .card__content:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.card.card--border-radius-medium > .card__content:last-child, .card.card--border-radius-bottom-medium > .card__content:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.card.card--border-radius-large.card--badge > .card__content:nth-child(2), .card.card--border-radius-top-large.card--badge > .card__content:nth-child(2), .card.card--border-radius-large.card--is-closable > .card__content:nth-child(2), .card.card--border-radius-top-large.card--is-closable > .card__content:nth-child(2), .card.card--border-radius-large > .card__content:first-child, .card.card--border-radius-top-large > .card__content:first-child {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.card.card--border-radius-large > .card__content:last-child, .card.card--border-radius-bottom-large > .card__content:last-child {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.card--border > .card__content:first-child, .card--attention > .card__content:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card--border > .card__content:last-child, .card--attention > .card__content:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card__content.card__content--with-tag {
  padding-top: 0;
}
.card--with-background-image .card__content {
  z-index: 1;
}
.card--selectable.card--type-employee .card__content {
  color: var(--color-employee-text);
}

.card__content-tag-wrapper {
  display: flex;
  min-height: calc(16px + calc(8px + var(--type-tiny-line-height) * 1em) + 16px);
  font-size: var(--type-tiny-font-size);
  flex-direction: column;
  padding-top: 16px;
  padding-bottom: 16px;
}
.option-card .card__content-tag-wrapper {
  min-height: 56px;
  padding-right: 32px;
}

.card__content-tag-inner {
  transition: opacity var(--animation-duration-medium) var(--animation-easing-medium);
  position: relative;
  opacity: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.card__content-tag-inner.is-hidden {
  opacity: 0;
}

.card__content--padding-none {
  padding: 0px;
}

.card__content--padding-xsmall {
  padding: 8px;
}

.card__content--padding-small {
  padding: 16px;
}

.card__content--padding-medium {
  padding: 24px;
}

.card__content--padding-large {
  padding: 32px;
}

.card__content--padding-xlarge {
  padding: 48px;
}

.card__content--padding-xxlarge {
  padding: 64px;
}

.card__content--padding-top-none {
  padding-top: 0px;
}

.card__content--padding-right-none {
  padding-right: 0px;
}

.card__content--padding-bottom-none {
  padding-bottom: 0px;
}

.card__content--padding-left-none {
  padding-left: 0px;
}

.card__content--padding-vertical-none {
  padding-top: 0px;
  padding-bottom: 0px;
}

.card__content--padding-horizontal-none {
  padding-left: 0px;
  padding-right: 0px;
}

.card__content--padding-top-xsmall {
  padding-top: 8px;
}

.card__content--padding-right-xsmall {
  padding-right: 8px;
}

.card__content--padding-bottom-xsmall {
  padding-bottom: 8px;
}

.card__content--padding-left-xsmall {
  padding-left: 8px;
}

.card__content--padding-vertical-xsmall {
  padding-top: 8px;
  padding-bottom: 8px;
}

.card__content--padding-horizontal-xsmall {
  padding-left: 8px;
  padding-right: 8px;
}

.card__content--padding-top-small {
  padding-top: 16px;
}

.card__content--padding-right-small {
  padding-right: 16px;
}

.card__content--padding-bottom-small {
  padding-bottom: 16px;
}

.card__content--padding-left-small {
  padding-left: 16px;
}

.card__content--padding-vertical-small {
  padding-top: 16px;
  padding-bottom: 16px;
}

.card__content--padding-horizontal-small {
  padding-left: 16px;
  padding-right: 16px;
}

.card__content--padding-top-medium {
  padding-top: 24px;
}

.card__content--padding-right-medium {
  padding-right: 24px;
}

.card__content--padding-bottom-medium {
  padding-bottom: 24px;
}

.card__content--padding-left-medium {
  padding-left: 24px;
}

.card__content--padding-vertical-medium {
  padding-top: 24px;
  padding-bottom: 24px;
}

.card__content--padding-horizontal-medium {
  padding-left: 24px;
  padding-right: 24px;
}

.card__content--padding-top-large {
  padding-top: 32px;
}

.card__content--padding-right-large {
  padding-right: 32px;
}

.card__content--padding-bottom-large {
  padding-bottom: 32px;
}

.card__content--padding-left-large {
  padding-left: 32px;
}

.card__content--padding-vertical-large {
  padding-top: 32px;
  padding-bottom: 32px;
}

.card__content--padding-horizontal-large {
  padding-left: 32px;
  padding-right: 32px;
}

.card__content--padding-top-xlarge {
  padding-top: 48px;
}

.card__content--padding-right-xlarge {
  padding-right: 48px;
}

.card__content--padding-bottom-xlarge {
  padding-bottom: 48px;
}

.card__content--padding-left-xlarge {
  padding-left: 48px;
}

.card__content--padding-vertical-xlarge {
  padding-top: 48px;
  padding-bottom: 48px;
}

.card__content--padding-horizontal-xlarge {
  padding-left: 48px;
  padding-right: 48px;
}

.card__content--padding-top-xxlarge {
  padding-top: 64px;
}

.card__content--padding-right-xxlarge {
  padding-right: 64px;
}

.card__content--padding-bottom-xxlarge {
  padding-bottom: 64px;
}

.card__content--padding-left-xxlarge {
  padding-left: 64px;
}

.card__content--padding-vertical-xxlarge {
  padding-top: 64px;
  padding-bottom: 64px;
}

.card__content--padding-horizontal-xxlarge {
  padding-left: 64px;
  padding-right: 64px;
}

.card__content--border-radius-none {
  border-radius: 0;
}

.card__content--border-radius-small {
  border-radius: 4px;
}

.card__content--border-radius-medium {
  border-radius: 8px;
}

.card__content--border-radius-large {
  border-radius: 16px;
}

.card__content--border-radius-top-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card__content--border-radius-right-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.card__content--border-radius-bottom-none {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.card__content--border-radius-left-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.card__content--border-radius-top-small {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.card__content--border-radius-right-small {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.card__content--border-radius-bottom-small {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.card__content--border-radius-left-small {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.card__content--border-radius-top-medium {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.card__content--border-radius-right-medium {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.card__content--border-radius-bottom-medium {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.card__content--border-radius-left-medium {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.card__content--border-radius-top-large {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.card__content--border-radius-right-large {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.card__content--border-radius-bottom-large {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.card__content--border-radius-left-large {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.card__footer,
.card__header {
  position: relative;
  border-top: 0;
  min-height: 80px;
  display: flex;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
}
.card.card--border-radius-none.card--badge > .card__footer:nth-child(2), .card.card--border-radius-top-none.card--badge > .card__footer:nth-child(2), .card.card--border-radius-none.card--is-closable > .card__footer:nth-child(2), .card.card--border-radius-top-none.card--is-closable > .card__footer:nth-child(2), .card.card--border-radius-none > .card__footer:first-child, .card.card--border-radius-top-none > .card__footer:first-child,
.card.card--border-radius-none.card--badge > .card__header:nth-child(2),
.card.card--border-radius-top-none.card--badge > .card__header:nth-child(2),
.card.card--border-radius-none.card--is-closable > .card__header:nth-child(2),
.card.card--border-radius-top-none.card--is-closable > .card__header:nth-child(2),
.card.card--border-radius-none > .card__header:first-child,
.card.card--border-radius-top-none > .card__header:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card.card--border-radius-none > .card__footer:last-child, .card.card--border-radius-bottom-none > .card__footer:last-child,
.card.card--border-radius-none > .card__header:last-child,
.card.card--border-radius-bottom-none > .card__header:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card.card--border-radius-small.card--badge > .card__footer:nth-child(2), .card.card--border-radius-top-small.card--badge > .card__footer:nth-child(2), .card.card--border-radius-small.card--is-closable > .card__footer:nth-child(2), .card.card--border-radius-top-small.card--is-closable > .card__footer:nth-child(2), .card.card--border-radius-small > .card__footer:first-child, .card.card--border-radius-top-small > .card__footer:first-child,
.card.card--border-radius-small.card--badge > .card__header:nth-child(2),
.card.card--border-radius-top-small.card--badge > .card__header:nth-child(2),
.card.card--border-radius-small.card--is-closable > .card__header:nth-child(2),
.card.card--border-radius-top-small.card--is-closable > .card__header:nth-child(2),
.card.card--border-radius-small > .card__header:first-child,
.card.card--border-radius-top-small > .card__header:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.card.card--border-radius-small > .card__footer:last-child, .card.card--border-radius-bottom-small > .card__footer:last-child,
.card.card--border-radius-small > .card__header:last-child,
.card.card--border-radius-bottom-small > .card__header:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.card.card--border-radius-medium.card--badge > .card__footer:nth-child(2), .card.card--border-radius-top-medium.card--badge > .card__footer:nth-child(2), .card.card--border-radius-medium.card--is-closable > .card__footer:nth-child(2), .card.card--border-radius-top-medium.card--is-closable > .card__footer:nth-child(2), .card.card--border-radius-medium > .card__footer:first-child, .card.card--border-radius-top-medium > .card__footer:first-child,
.card.card--border-radius-medium.card--badge > .card__header:nth-child(2),
.card.card--border-radius-top-medium.card--badge > .card__header:nth-child(2),
.card.card--border-radius-medium.card--is-closable > .card__header:nth-child(2),
.card.card--border-radius-top-medium.card--is-closable > .card__header:nth-child(2),
.card.card--border-radius-medium > .card__header:first-child,
.card.card--border-radius-top-medium > .card__header:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.card.card--border-radius-medium > .card__footer:last-child, .card.card--border-radius-bottom-medium > .card__footer:last-child,
.card.card--border-radius-medium > .card__header:last-child,
.card.card--border-radius-bottom-medium > .card__header:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.card.card--border-radius-large.card--badge > .card__footer:nth-child(2), .card.card--border-radius-top-large.card--badge > .card__footer:nth-child(2), .card.card--border-radius-large.card--is-closable > .card__footer:nth-child(2), .card.card--border-radius-top-large.card--is-closable > .card__footer:nth-child(2), .card.card--border-radius-large > .card__footer:first-child, .card.card--border-radius-top-large > .card__footer:first-child,
.card.card--border-radius-large.card--badge > .card__header:nth-child(2),
.card.card--border-radius-top-large.card--badge > .card__header:nth-child(2),
.card.card--border-radius-large.card--is-closable > .card__header:nth-child(2),
.card.card--border-radius-top-large.card--is-closable > .card__header:nth-child(2),
.card.card--border-radius-large > .card__header:first-child,
.card.card--border-radius-top-large > .card__header:first-child {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.card.card--border-radius-large > .card__footer:last-child, .card.card--border-radius-bottom-large > .card__footer:last-child,
.card.card--border-radius-large > .card__header:last-child,
.card.card--border-radius-bottom-large > .card__header:last-child {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.card--border > .card__footer:first-child, .card--attention > .card__footer:first-child,
.card--border > .card__header:first-child,
.card--attention > .card__header:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card--border > .card__footer:last-child, .card--attention > .card__footer:last-child,
.card--border > .card__header:last-child,
.card--attention > .card__header:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card__footer.text-center,
.card__header.text-center {
  justify-content: center;
}
.card__footer.text-left,
.card__header.text-left {
  justify-content: start;
}
.card__footer.text-right,
.card__header.text-right {
  justify-content: end;
}
.card--with-background-image > .card__footer,
.card--with-background-image > .card__header {
  background: transparent;
}

.card__footer--padding-none {
  padding: 16px 0px;
}

.card__footer--padding-xsmall {
  padding: 16px 8px;
}

.card__footer--padding-small {
  padding: 16px 16px;
}

.card__footer--padding-medium {
  padding: 16px 24px;
}

.card__footer--padding-large {
  padding: 16px 32px;
}

.card__footer--padding-xlarge {
  padding: 16px 48px;
}

.card__footer--padding-xxlarge {
  padding: 16px 64px;
}

.card__footer--padding-right-none {
  padding-right: 0px;
}

.card__footer--padding-left-none {
  padding-left: 0px;
}

.card__footer--padding-vertical-none {
  padding-top: 0px;
  padding-bottom: 0px;
}

.card__footer--padding-horizontal-none {
  padding-left: 0px;
  padding-right: 0px;
}

.card__footer--padding-right-xsmall {
  padding-right: 8px;
}

.card__footer--padding-left-xsmall {
  padding-left: 8px;
}

.card__footer--padding-vertical-xsmall {
  padding-top: 8px;
  padding-bottom: 8px;
}

.card__footer--padding-horizontal-xsmall {
  padding-left: 8px;
  padding-right: 8px;
}

.card__footer--padding-right-small {
  padding-right: 16px;
}

.card__footer--padding-left-small {
  padding-left: 16px;
}

.card__footer--padding-vertical-small {
  padding-top: 16px;
  padding-bottom: 16px;
}

.card__footer--padding-horizontal-small {
  padding-left: 16px;
  padding-right: 16px;
}

.card__footer--padding-right-medium {
  padding-right: 24px;
}

.card__footer--padding-left-medium {
  padding-left: 24px;
}

.card__footer--padding-vertical-medium {
  padding-top: 24px;
  padding-bottom: 24px;
}

.card__footer--padding-horizontal-medium {
  padding-left: 24px;
  padding-right: 24px;
}

.card__footer--padding-right-large {
  padding-right: 32px;
}

.card__footer--padding-left-large {
  padding-left: 32px;
}

.card__footer--padding-vertical-large {
  padding-top: 32px;
  padding-bottom: 32px;
}

.card__footer--padding-horizontal-large {
  padding-left: 32px;
  padding-right: 32px;
}

.card__footer--padding-right-xlarge {
  padding-right: 48px;
}

.card__footer--padding-left-xlarge {
  padding-left: 48px;
}

.card__footer--padding-vertical-xlarge {
  padding-top: 48px;
  padding-bottom: 48px;
}

.card__footer--padding-horizontal-xlarge {
  padding-left: 48px;
  padding-right: 48px;
}

.card__footer--padding-right-xxlarge {
  padding-right: 64px;
}

.card__footer--padding-left-xxlarge {
  padding-left: 64px;
}

.card__footer--padding-vertical-xxlarge {
  padding-top: 64px;
  padding-bottom: 64px;
}

.card__footer--padding-horizontal-xxlarge {
  padding-left: 64px;
  padding-right: 64px;
}

.card__header--padding-none {
  padding: 16px 0px;
}

.card__header--padding-xsmall {
  padding: 16px 8px;
}

.card__header--padding-small {
  padding: 16px 16px;
}

.card__header--padding-medium {
  padding: 16px 24px;
}

.card__header--padding-large {
  padding: 16px 32px;
}

.card__header--padding-xlarge {
  padding: 16px 48px;
}

.card__header--padding-xxlarge {
  padding: 16px 64px;
}

.card__header--padding-right-none {
  padding-right: 0px;
}

.card__header--padding-left-none {
  padding-left: 0px;
}

.card__header--padding-vertical-none {
  padding-top: 0px;
  padding-bottom: 0px;
}

.card__header--padding-horizontal-none {
  padding-left: 0px;
  padding-right: 0px;
}

.card__header--padding-right-xsmall {
  padding-right: 8px;
}

.card__header--padding-left-xsmall {
  padding-left: 8px;
}

.card__header--padding-vertical-xsmall {
  padding-top: 8px;
  padding-bottom: 8px;
}

.card__header--padding-horizontal-xsmall {
  padding-left: 8px;
  padding-right: 8px;
}

.card__header--padding-right-small {
  padding-right: 16px;
}

.card__header--padding-left-small {
  padding-left: 16px;
}

.card__header--padding-vertical-small {
  padding-top: 16px;
  padding-bottom: 16px;
}

.card__header--padding-horizontal-small {
  padding-left: 16px;
  padding-right: 16px;
}

.card__header--padding-right-medium {
  padding-right: 24px;
}

.card__header--padding-left-medium {
  padding-left: 24px;
}

.card__header--padding-vertical-medium {
  padding-top: 24px;
  padding-bottom: 24px;
}

.card__header--padding-horizontal-medium {
  padding-left: 24px;
  padding-right: 24px;
}

.card__header--padding-right-large {
  padding-right: 32px;
}

.card__header--padding-left-large {
  padding-left: 32px;
}

.card__header--padding-vertical-large {
  padding-top: 32px;
  padding-bottom: 32px;
}

.card__header--padding-horizontal-large {
  padding-left: 32px;
  padding-right: 32px;
}

.card__header--padding-right-xlarge {
  padding-right: 48px;
}

.card__header--padding-left-xlarge {
  padding-left: 48px;
}

.card__header--padding-vertical-xlarge {
  padding-top: 48px;
  padding-bottom: 48px;
}

.card__header--padding-horizontal-xlarge {
  padding-left: 48px;
  padding-right: 48px;
}

.card__header--padding-right-xxlarge {
  padding-right: 64px;
}

.card__header--padding-left-xxlarge {
  padding-left: 64px;
}

.card__header--padding-vertical-xxlarge {
  padding-top: 64px;
  padding-bottom: 64px;
}

.card__header--padding-horizontal-xxlarge {
  padding-left: 64px;
  padding-right: 64px;
}

.card--link-border {
  color: var(--color-neutral-text);
  font-weight: inherit;
  cursor: pointer;
}
html[data-whatintent=mouse] .card--link-border:hover {
  transition: border-color var(--animation-duration-short) var(--animation-easing-short);
  color: var(--color-neutral-text);
}
html[data-whatintent=mouse] .card--link-border:hover::before {
  border-color: var(--color-brand-primary-border);
  border-style: solid;
}

.card--link-background {
  --card-hover-background: var(--color-neutral-bg-hover);
  color: var(--color-neutral-text);
  font-weight: inherit;
  cursor: pointer;
}
html[data-whatintent=mouse] .card--link-background:hover {
  color: var(--color-neutral-text);
}
.card--link-background::before {
  transition: background-color var(--animation-duration-short) var(--animation-easing-short);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  background-color: transparent;
  border-radius: inherit;
  z-index: -1;
}
html[data-whatintent=mouse] .card--link-background:hover::before {
  transition: background-color var(--animation-duration-short) var(--animation-easing-short);
  background-color: var(--card-hover-background);
}

.card__background-image {
  border-radius: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
}

.card__background-image-picture {
  border-radius: inherit;
  display: block;
  width: 100%;
  height: 100%;
}
.card .card__background-image-picture {
  overflow: hidden;
  position: absolute;
  border-radius: inherit;
}

.card__content--with-background-image {
  position: relative;
  width: 100%;
  height: 100%;
}

.card__content-background-image-picture {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
}
.card .card__content-background-image-picture {
  overflow: hidden;
  position: absolute;
  border-radius: inherit;
}

.card__content-object-fit {
  border-radius: inherit;
  display: block;
  z-index: -1;
  top: 0;
  left: 0;
}

.card__tag {
  position: relative;
  z-index: 2;
}

.card__tags {
  position: absolute;
  z-index: 2;
  top: 16px;
  right: -12px;
}
@media (max-width: 37.499rem) {
  .card__tags {
    right: -8px;
  }
}

.card--badge {
  margin-top: calc(calc(14px + 1rem) / 2);
}

.card__badge-wrapper {
  position: absolute;
  left: 10px;
  right: 10px;
  pointer-events: none;
  display: flex;
  justify-content: center;
  top: 0;
}

.card__badge-wrapper-inner {
  border-radius: 100rem;
  background: var(--color-neutral-bg-level-1);
  pointer-events: auto;
  position: relative;
  z-index: 2;
}
.card__badge-wrapper .card__badge-wrapper-inner {
  transform: translate(0, -50%);
  top: -1px;
}

.card.bg-brand-secondary-bg-subtlest {
  --card-hover-background: var(--color-brand-secondary-bg-subtlest-hover);
}

@media (max-width: 37.499rem) {
  .card--full-width {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
  }
}

.card--type-inactive {
  --card-border-color: var(--color-disabled-border);
}

.card--type-attention {
  --card-border-color: var(--color-attention-border);
}

.card--type-light {
  --card-border-color: var(--color-neutral-border-subtle);
}

.card--border-dashed[class^=card--type-]::before, .card--border-dashed[class^=card--type-]::after, .card--border-dashed[class*=" card--type-"]::before, .card--border-dashed[class*=" card--type-"]::after {
  border-width: 2px;
  border-style: dashed;
}
.card--border-dashed.card--selectable:not(.is-active)::before, .card--border-dashed.card--selectable:not(.is-active)::after {
  border-width: 2px;
  border-style: dashed;
}
html[data-whatintent=mouse] .card--border-dashed.card--link-border:hover::before, html[data-whatintent=mouse] .card--border-dashed.card--link-border:hover::after {
  border-width: 2px;
  border-style: dashed;
}

.card__close {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.card__figure {
  position: relative;
  flex-shrink: 0;
}

.card__image {
  width: 100%;
  height: auto;
  display: block;
}
.card--attention .card__image {
  border-radius: 0;
}
.card--border-radius-small .card__image {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.card--border-radius-medium .card__image {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.card--border-radius-large .card__image {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.card.card--border-radius-none.card--badge > .card__footer:nth-child(2), .card.card--border-radius-top-none.card--badge > .card__footer:nth-child(2), .card.card--border-radius-none.card--is-closable > .card__footer:nth-child(2), .card.card--border-radius-top-none.card--is-closable > .card__footer:nth-child(2), .card.card--border-radius-none > .card__footer:first-child, .card.card--border-radius-top-none > .card__footer:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card.card--border-radius-none > .card__footer:last-child, .card.card--border-radius-bottom-none > .card__footer:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card.card--border-radius-small.card--badge > .card__footer:nth-child(2), .card.card--border-radius-top-small.card--badge > .card__footer:nth-child(2), .card.card--border-radius-small.card--is-closable > .card__footer:nth-child(2), .card.card--border-radius-top-small.card--is-closable > .card__footer:nth-child(2), .card.card--border-radius-small > .card__footer:first-child, .card.card--border-radius-top-small > .card__footer:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.card.card--border-radius-small > .card__footer:last-child, .card.card--border-radius-bottom-small > .card__footer:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.card.card--border-radius-medium.card--badge > .card__footer:nth-child(2), .card.card--border-radius-top-medium.card--badge > .card__footer:nth-child(2), .card.card--border-radius-medium.card--is-closable > .card__footer:nth-child(2), .card.card--border-radius-top-medium.card--is-closable > .card__footer:nth-child(2), .card.card--border-radius-medium > .card__footer:first-child, .card.card--border-radius-top-medium > .card__footer:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.card.card--border-radius-medium > .card__footer:last-child, .card.card--border-radius-bottom-medium > .card__footer:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.card.card--border-radius-large.card--badge > .card__footer:nth-child(2), .card.card--border-radius-top-large.card--badge > .card__footer:nth-child(2), .card.card--border-radius-large.card--is-closable > .card__footer:nth-child(2), .card.card--border-radius-top-large.card--is-closable > .card__footer:nth-child(2), .card.card--border-radius-large > .card__footer:first-child, .card.card--border-radius-top-large > .card__footer:first-child {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.card.card--border-radius-large > .card__footer:last-child, .card.card--border-radius-bottom-large > .card__footer:last-child {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.card--border > .card__footer:first-child, .card--attention > .card__footer:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card--border > .card__footer:last-child, .card--attention > .card__footer:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.card.card--left-bordered {
  border-left: 4px solid;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.card.card--left-bordered.card--border-radius-small > :first-child, .card.card--left-bordered.card--border-radius-medium > :first-child, .card.card--left-bordered.card--border-radius-large > :first-child {
  border-top-left-radius: 0;
}
.card.card--left-bordered.card--border-radius-small > :last-child, .card.card--left-bordered.card--border-radius-medium > :last-child, .card.card--left-bordered.card--border-radius-large > :last-child {
  border-bottom-left-radius: 0;
}
.card.card--left-bordered.card--left-bordered-blue {
  border-left-color: var(--color-palette-blue-500);
}
.card.card--left-bordered.card--left-bordered-blue-l {
  border-left-color: var(--color-palette-blue-300);
}
.card.card--left-bordered.card--left-bordered-green {
  border-left-color: var(--color-palette-green-500);
}
.card.card--left-bordered.card--left-bordered-green-l {
  border-left-color: var(--color-palette-green-300);
}
.card.card--left-bordered.card--left-bordered-pink {
  border-left-color: var(--color-palette-pink-500);
}
.card.card--left-bordered.card--left-bordered-pink-l {
  border-left-color: var(--color-palette-pink-300);
}
.card.card--left-bordered.card--left-bordered-orange {
  border-left-color: var(--color-palette-orange-500);
}
.card.card--left-bordered.card--link.card--left-bordered::before {
  left: -4px;
}
.card.card--left-bordered[class^=card--type-]::before, .card.card--left-bordered[class^=card--type-]::after, .card.card--left-bordered[class*=" card--type-"]::before, .card.card--left-bordered[class*=" card--type-"]::after {
  left: -4px;
}
.card.card--left-bordered[class^=card--type-].is-selected::before, .card.card--left-bordered[class^=card--type-].is-selected::after, .card.card--left-bordered[class*=" card--type-"].is-selected::before, .card.card--left-bordered[class*=" card--type-"].is-selected::after {
  left: -4px;
}

.carousel-hero__container {
  position: relative;
  margin-top: -30px;
  overflow: hidden;
}

.carousel-hero {
  position: relative;
  overflow: hidden;
  z-index: 0;
  margin-left: auto;
  margin-right: auto;
  touch-action: pan-y;
  max-width: 2560px;
}
.carousel-hero .slick-track {
  display: flex;
  height: 100%;
}
.carousel-hero .slick-slide {
  display: flex;
  position: relative;
  float: left;
  height: auto;
  opacity: 1 !important;
}
.carousel-hero .slick-slide:not(.slick-current) {
  pointer-events: none;
}
.carousel-hero .slick-slide:not(.slick-current) .carousel-hero__inner {
  display: none;
}
.carousel-hero .slick-slide > div {
  width: 100%;
}
@media (min-width: 62.5rem) {
  .carousel-hero::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 33.3203125%;
  }
}
@media (min-width: 62.5rem) and (min-aspect-ratio: 2/1) {
  .carousel-hero::before {
    padding-top: 26.65625%;
  }
}
@media (min-width: 62.5rem) {
  .carousel-hero .slick-list {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.carousel-hero__item {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 1px;
  display: none;
  color: var(--color-neutral-text);
  transition: background-color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (min-width: 62.5rem) {
  .carousel-hero__item {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.carousel-hero .carousel-hero__item {
  height: 100%;
}
.carousel-hero__item:first-child {
  display: block;
}
.carousel-hero__item.is-current {
  z-index: 1;
}
.carousel-hero__item.is-prev-current {
  z-index: 2;
}
.carousel-hero__item:not(.is-current) {
  background-color: transparent !important;
}
@media (min-width: 62.5rem) {
  .carousel-hero__item::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 33.3203125%;
  }
}
@media (min-width: 62.5rem) and (min-aspect-ratio: 2/1) {
  .carousel-hero:not(.carousel-hero--min-height) .carousel-hero__item::before {
    padding-top: 26.65625%;
  }
}

.carousel-hero__background {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  opacity: 1;
  transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: opacity, transform;
}
@media (min-width: 62.5rem) {
  .carousel-hero__background {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.carousel-hero__item.is-current .carousel-hero__background {
  transform: translateX(0);
}
.carousel-hero__item.is-prev .carousel-hero__background {
  transform: translateX(-20px);
}
.carousel-hero__item.is-next .carousel-hero__background {
  transform: translateX(20px);
}
.carousel-hero__item.is-prev-current .carousel-hero__background {
  opacity: 0;
}
.carousel-hero__background::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 50%;
}
@media (min-width: 62.5rem) {
  .carousel-hero__background::before {
    padding-top: 33.3203125%;
  }
}
@media (min-width: 62.5rem) and (min-aspect-ratio: 2/1) {
  .carousel-hero:not(.carousel-hero--min-height) .carousel-hero__background::before {
    padding-top: 26.65625%;
  }
}

.carousel-hero__background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (min-width: 62.5rem) and (min-aspect-ratio: 2/1) {
  .carousel-hero:not(.carousel-hero--min-height) .carousel-hero__background-image {
    top: -10%;
  }
}

.carousel-hero__video-wrapper {
  display: none;
}
@media (min-width: 62.5rem) {
  .carousel-hero__video-wrapper {
    display: block;
  }
}

.carousel-hero__background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: var(--color-neutral-bg-level-1);
  border-radius: 0;
}
.carousel-hero__background-video .video__iframe {
  border-radius: 0;
}

.carousel-hero__background-video .video__image {
  height: 100%;
  border-radius: 0;
}

.carousel-hero__content {
  padding-top: 30px;
  padding-bottom: 70px;
  opacity: 0;
  transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms;
  transition-property: opacity, transform;
}
@media (max-width: 62.499rem) {
  .carousel-hero__content {
    padding-top: 64px;
    text-align: center;
  }
}
@media (min-width: 62.5rem) {
  .carousel-hero__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    bottom: calc((100vw - 180px) / 4 * 0.142);
    padding-bottom: 30px;
  }
}
@media (min-width: 2560px) {
  .carousel-hero__content {
    bottom: 84.49px;
  }
}
.carousel-hero__item.is-current .carousel-hero__content {
  transform: translateX(0);
  opacity: 1;
}
.carousel-hero__item.is-prev .carousel-hero__content {
  transform: translateX(-20px);
}
.carousel-hero__item.is-next .carousel-hero__content {
  transform: translateX(20px);
}
.carousel-hero__content h1,
.carousel-hero__content .h1 {
  font-size: var(--type-h2-font-size);
}
@media (min-width: 37.5rem) {
  .carousel-hero__content h1,
  .carousel-hero__content .h1 {
    font-size: var(--type-h1-sm-font-size);
  }
}
@media (min-width: 62.5rem) {
  .carousel-hero__content h1,
  .carousel-hero__content .h1 {
    font-size: calc(2.75rem + 0.75 * (100vw - 62.5rem) / 18);
  }
}
@media (min-width: 80.5rem) {
  .carousel-hero__content h1,
  .carousel-hero__content .h1 {
    font-size: calc(3.5rem + 1.125 * (100vw - 80.5rem) / 79.5);
  }
}
@media (min-width: 2560px) {
  .carousel-hero__content h1,
  .carousel-hero__content .h1 {
    font-size: 4.625rem;
  }
}

.carousel-hero__dots {
  position: absolute;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
@media (min-width: 62.5rem) {
  .carousel-hero__dots {
    top: auto;
    bottom: calc((100vw - 180px) / 4 * 0.0866);
  }
}
@media (min-width: 80.5rem) {
  .carousel-hero__dots {
    bottom: calc((80.5rem - 180px) / 4 * 0.0866);
  }
}
@media (max-width: 62.499rem) {
  .carousel-hero__dots::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(50% + 20px);
  }
}
.carousel-hero__dots li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  cursor: pointer;
  vertical-align: top;
}

.carousel-hero__indicator {
  display: block;
  position: relative;
  background: transparent;
  border-radius: 50%;
  border: none;
  z-index: 1;
  pointer-events: auto;
  height: 24px;
  width: 24px;
  outline-offset: -2px;
}
.carousel-hero__indicator::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border: 1px solid var(--color-brand-primary-border);
  border-radius: 50%;
}
.slick-active .carousel-hero__indicator::before {
  background: var(--color-brand-primary-border);
}

.carousel-hero__pause-button-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media (max-width: 62.499rem) {
  .carousel-hero__pause-button-container {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
}
.carousel-hero__pause-button-container .carousel-hero__pause-button-inner {
  position: relative;
  height: 100%;
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
}
@media (max-width: 62.499rem) {
  .carousel-hero__pause-button-container .carousel-hero__pause-button-inner::before {
    content: "";
    display: block;
    width: 100%;
    margin-top: calc(50% + 16px);
  }
}
.carousel-hero__pause-button-container .carousel-hero__pause-button-inner .btn.carousel-hero__pause-button {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 1;
}
@media (max-width: 62.499rem) {
  .carousel-hero__pause-button-container .carousel-hero__pause-button-inner .btn.carousel-hero__pause-button {
    right: 16px;
    bottom: unset;
  }
}

.container {
  width: 100%;
  max-width: 80.5rem;
  padding-left: 16px;
  padding-right: 16px;
  margin: 0 auto;
}
@media (min-width: 37.5rem) {
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 62.5rem) {
  .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}

.container--max-width-lg {
  max-width: 110.5rem;
}

.carousel {
  --carousel-slide-overflow: 16px;
  --carousel-container-padding: 16px;
  --carousel-container-padding-left: var(--carousel-container-padding);
  --carousel-container-padding-right: var(--carousel-container-padding);
  --carousel-slide-gap: 16px;
  --carousel-slide-vertical-padding: 16px;
  --carousel-slide-horizontal-padding-left: calc(var(--carousel-slide-gap) / 2);
  --carousel-slide-horizontal-padding-right: calc(var(--carousel-slide-gap) / 2);
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (min-width: 37.5rem) {
  .carousel {
    --carousel-slide-overflow: 8px;
    --carousel-container-padding: 24px;
  }
}
@media (min-width: 50rem) {
  .carousel {
    --carousel-slide-overflow: 16px;
    --carousel-slide-gap: 24px;
    --carousel-slide-vertical-padding: 24px;
  }
}
@media (min-width: 62.5rem) {
  .carousel {
    --carousel-slide-overflow: 24px;
    --carousel-container-padding: 32px;
  }
}
@media (min-width: 80.5rem) {
  .carousel {
    --carousel-slide-overflow: 0px;
  }
}
.carousel:not(.carousel--has-container) {
  --carousel-container-padding: 0px;
}
.carousel.carousel--align-center.carousel--has-container {
  --carousel-slide-overflow: 44px;
}
@media (min-width: 37.5rem) {
  .carousel.carousel--align-center.carousel--has-container {
    --carousel-slide-overflow: 58px;
  }
}
@media (min-width: 80.5rem) {
  .carousel.carousel--align-center.carousel--has-container {
    --carousel-slide-overflow: 0px;
  }
}
.carousel.carousel--align-full {
  --carousel-slide-overflow: 0px;
}
.carousel.carousel--center-slides {
  --carousel-slide-overflow: 0px;
}
.carousel.carousel--scrollable:not(.carousel--has-top-content, .carousel--sales-argument) {
  margin-top: calc(var(--carousel-slide-vertical-padding) * -1);
}
.carousel.carousel--scrollable:not(.carousel--has-bottom-content, .carousel--sales-argument) {
  margin-bottom: calc(var(--carousel-slide-vertical-padding) * -1);
}

.carousel--has-container.carousel--fade {
  background-color: inherit;
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) calc((100% - 80.5rem) / 2 - 24px), rgb(0, 0, 0) calc((100% - 80.5rem) / 2)), linear-gradient(to left, rgba(0, 0, 0, 0) calc((100% - 80.5rem) / 2 - 24px), rgb(0, 0, 0) calc((100% - 80.5rem) / 2));
          mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) calc((100% - 80.5rem) / 2 - 24px), rgb(0, 0, 0) calc((100% - 80.5rem) / 2)), linear-gradient(to left, rgba(0, 0, 0, 0) calc((100% - 80.5rem) / 2 - 24px), rgb(0, 0, 0) calc((100% - 80.5rem) / 2));
  -webkit-mask-composite: source-in, source-in, xor;
          mask-composite: intersect, intersect;
}
.carousel--has-container.carousel--fade::before, .carousel--has-container.carousel--fade::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.carousel--has-container.carousel--fade::before {
  left: 0;
  right: auto;
  width: calc((100% - 80.5rem) / 2 + var(--carousel-container-padding-left));
}
.carousel--has-container.carousel--fade::after {
  left: auto;
  right: 0;
  width: calc((100% - 80.5rem) / 2 + var(--carousel-container-padding-right));
}

.carousel--sales-argument {
  --carousel-slide-vertical-padding: 14px;
  background-color: var(--color-brand-primary-bg-subtle);
  color: var(--color-neutral-text);
}

.carousel--full-width {
  margin-left: calc(var(--carousel-container-padding-left) * -1);
  margin-right: calc(var(--carousel-container-padding-right) * -1);
}
.card__content--padding-none > .carousel--full-width {
  --carousel-container-padding: 0px;
}
.card__content--padding-horizontal-none > .carousel--full-width {
  --carousel-container-padding: 0px;
}
.card__content--padding-xsmall > .carousel--full-width {
  --carousel-container-padding: 8px;
}
.card__content--padding-horizontal-xsmall > .carousel--full-width {
  --carousel-container-padding: 8px;
}
.card__content--padding-small > .carousel--full-width {
  --carousel-container-padding: 16px;
}
.card__content--padding-horizontal-small > .carousel--full-width {
  --carousel-container-padding: 16px;
}
.card__content--padding-medium > .carousel--full-width {
  --carousel-container-padding: 24px;
}
.card__content--padding-horizontal-medium > .carousel--full-width {
  --carousel-container-padding: 24px;
}
.card__content--padding-large > .carousel--full-width {
  --carousel-container-padding: 32px;
}
.card__content--padding-horizontal-large > .carousel--full-width {
  --carousel-container-padding: 32px;
}
.card__content--padding-xlarge > .carousel--full-width {
  --carousel-container-padding: 48px;
}
.card__content--padding-horizontal-xlarge > .carousel--full-width {
  --carousel-container-padding: 48px;
}
.card__content--padding-xxlarge > .carousel--full-width {
  --carousel-container-padding: 64px;
}
.card__content--padding-horizontal-xxlarge > .carousel--full-width {
  --carousel-container-padding: 64px;
}
.carousel--full-width.carousel--full-width-container, .container > .carousel--full-width {
  --carousel-container-padding: 16px;
}
@media (min-width: 37.5rem) {
  .carousel--full-width.carousel--full-width-container, .container > .carousel--full-width {
    --carousel-container-padding: 24px;
  }
}
@media (min-width: 62.5rem) {
  .carousel--full-width.carousel--full-width-container, .container > .carousel--full-width {
    --carousel-container-padding: 32px;
  }
}
.carousel--full-width.carousel--full-width-container.carousel--scrollable, .container > .carousel--full-width.carousel--scrollable {
  margin-left: min(((100vw - var(--carousel-scrollbar-width) - 80.5rem) / 2 + var(--carousel-container-padding-left)) * -1, var(--carousel-container-padding-left) * -1);
  margin-right: min(((100vw - var(--carousel-scrollbar-width) - 80.5rem) / 2 + var(--carousel-container-padding-right)) * -1, var(--carousel-container-padding-right) * -1);
}
.carousel--full-width.carousel--full-width-none {
  --carousel-container-padding: 0px;
}
.carousel--full-width.carousel--full-width-left-none {
  --carousel-container-padding-left: 0px;
}
.carousel--full-width.carousel--full-width-right-none {
  --carousel-container-padding-right: 0px;
}
.carousel--full-width.carousel--full-width-xsmall {
  --carousel-container-padding: 8px;
}
.carousel--full-width.carousel--full-width-left-xsmall {
  --carousel-container-padding-left: 8px;
}
.carousel--full-width.carousel--full-width-right-xsmall {
  --carousel-container-padding-right: 8px;
}
.carousel--full-width.carousel--full-width-small {
  --carousel-container-padding: 16px;
}
.carousel--full-width.carousel--full-width-left-small {
  --carousel-container-padding-left: 16px;
}
.carousel--full-width.carousel--full-width-right-small {
  --carousel-container-padding-right: 16px;
}
.carousel--full-width.carousel--full-width-medium {
  --carousel-container-padding: 24px;
}
.carousel--full-width.carousel--full-width-left-medium {
  --carousel-container-padding-left: 24px;
}
.carousel--full-width.carousel--full-width-right-medium {
  --carousel-container-padding-right: 24px;
}
.carousel--full-width.carousel--full-width-large {
  --carousel-container-padding: 32px;
}
.carousel--full-width.carousel--full-width-left-large {
  --carousel-container-padding-left: 32px;
}
.carousel--full-width.carousel--full-width-right-large {
  --carousel-container-padding-right: 32px;
}
.carousel--full-width.carousel--full-width-xlarge {
  --carousel-container-padding: 48px;
}
.carousel--full-width.carousel--full-width-left-xlarge {
  --carousel-container-padding-left: 48px;
}
.carousel--full-width.carousel--full-width-right-xlarge {
  --carousel-container-padding-right: 48px;
}
.carousel--full-width.carousel--full-width-xxlarge {
  --carousel-container-padding: 64px;
}
.carousel--full-width.carousel--full-width-left-xxlarge {
  --carousel-container-padding-left: 64px;
}
.carousel--full-width.carousel--full-width-right-xxlarge {
  --carousel-container-padding-right: 64px;
}

.carousel__container {
  padding-left: var(--carousel-container-padding-left);
  padding-right: var(--carousel-container-padding-right);
}

.carousel--scrollable .carousel__container.carousel__slider-container {
  max-width: 100%;
}

.carousel__slider-wrapper {
  position: relative;
}

.carousel__slider {
  position: relative;
  display: flex;
  overflow: auto;
  overscroll-behavior: none auto;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  outline-offset: -8px;
  scroll-padding-left: max((100% - 80.5rem) / 2 + var(--carousel-container-padding-left) - var(--carousel-slide-gap) / 2, var(--carousel-container-padding-left) - var(--carousel-slide-gap) / 2);
  scroll-padding-right: max((100% - 80.5rem) / 2 + var(--carousel-container-padding-right) - var(--carousel-slide-gap) / 2, var(--carousel-container-padding-right) - var(--carousel-slide-gap) / 2);
  width: calc(100% + var(--carousel-slide-gap));
  margin-left: calc(var(--carousel-slide-gap) / 2 * -1);
  margin-right: calc(var(--carousel-slide-gap) / 2 * -1);
  scrollbar-width: none;
}
.carousel__slider::-webkit-scrollbar {
  display: none;
}
.carousel--has-container .carousel__slider {
  width: calc(100% + var(--carousel-container-padding-left) + var(--carousel-container-padding-right));
  margin-left: calc(var(--carousel-container-padding-left) * -1);
  margin-right: calc(var(--carousel-container-padding-right) * -1);
}
.carousel--scrollable.carousel--has-container .carousel__slider {
  padding-left: max((100% - 80.5rem) / 2 + var(--carousel-container-padding-left) + var(--carousel-container-padding-left) - var(--carousel-slide-gap) / 2, var(--carousel-container-padding-left) - var(--carousel-slide-gap) / 2);
  padding-right: max((100% - 80.5rem) / 2 + var(--carousel-container-padding-right) + var(--carousel-container-padding-right) - var(--carousel-slide-gap) / 2, var(--carousel-container-padding-right) - var(--carousel-slide-gap) / 2);
}

.carousel__item {
  display: flex;
  width: 100%;
  scroll-snap-align: start;
}
.carousel--align-center .carousel__item {
  scroll-snap-align: center;
}
.carousel--scrollable .carousel__item {
  padding-left: var(--carousel-slide-horizontal-padding-left);
  padding-right: var(--carousel-slide-horizontal-padding-right);
}
.carousel--scrollable .carousel__item, .carousel--sales-argument .carousel__item {
  padding-top: var(--carousel-slide-vertical-padding);
  padding-bottom: var(--carousel-slide-vertical-padding);
}
.carousel--center-arrows-scrollable .carousel__item {
  --carousel-slide-horizontal-padding-left: 2rem;
  --carousel-slide-horizontal-padding-right: 2rem;
}
@media (min-width: 37.5rem) {
  .carousel--center-arrows-scrollable .carousel__item {
    --carousel-slide-horizontal-padding-left: 1.25rem;
    --carousel-slide-horizontal-padding-right: 1.25rem;
  }
}
.carousel--center-arrows-autoplay .carousel__item {
  --carousel-slide-horizontal-padding-right: 3.5rem;
}
@media (min-width: 37.5rem) {
  .carousel--center-arrows-autoplay .carousel__item {
    --carousel-slide-horizontal-padding-right: 2.75rem;
  }
}
.carousel--center-slides .carousel__item:first-child {
  margin-left: auto;
}
.carousel--center-slides .carousel__item:last-child {
  margin-right: auto;
}
.carousel--slides-1 .carousel__item {
  max-width: calc((100% - var(--carousel-slide-overflow)) / 1);
  min-width: calc((100% - var(--carousel-slide-overflow)) / 1);
}
.carousel--slides-2 .carousel__item {
  max-width: calc((100% - var(--carousel-slide-overflow)) / 2);
  min-width: calc((100% - var(--carousel-slide-overflow)) / 2);
}
.carousel--slides-3 .carousel__item {
  max-width: calc((100% - var(--carousel-slide-overflow)) / 3);
  min-width: calc((100% - var(--carousel-slide-overflow)) / 3);
}
.carousel--slides-4 .carousel__item {
  max-width: calc((100% - var(--carousel-slide-overflow)) / 4);
  min-width: calc((100% - var(--carousel-slide-overflow)) / 4);
}
.carousel--slides-5 .carousel__item {
  max-width: calc((100% - var(--carousel-slide-overflow)) / 5);
  min-width: calc((100% - var(--carousel-slide-overflow)) / 5);
}
.carousel--slides-6 .carousel__item {
  max-width: calc((100% - var(--carousel-slide-overflow)) / 6);
  min-width: calc((100% - var(--carousel-slide-overflow)) / 6);
}

.carousel__show-more {
  padding: 20px 10px;
  margin-bottom: 0;
}

.carousel__slider-nav {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}
.carousel__slider-nav.carousel__slider-nav--link {
  gap: 32px;
}
.carousel__slider-nav.carousel__slider-nav--link.carousel__slider-nav--small {
  gap: 24px;
}

.carousel__nav:not(.carousel__nav--playpause) {
  position: absolute;
  z-index: 2;
  top: 50%;
  border-radius: 8px;
}
html[data-whatintent=mouse] .carousel__nav:not(.carousel__nav--playpause):not([aria-disabled=true]) {
  opacity: 0.65;
}
html[data-whatintent=mouse] .carousel__nav:not(.carousel__nav--playpause):not([aria-disabled=true]):hover {
  opacity: 1;
}
.carousel__nav:not(.carousel__nav--playpause)[aria-disabled=true] {
  pointer-events: none;
  opacity: 0;
}

.carousel__nav--prev {
  transform: translate(-50%, -50%);
  left: 0;
}
@media (max-width: 49.999rem) {
  .carousel--has-container .carousel__nav--prev {
    transform: translate(0, -50%);
    left: calc(var(--carousel-container-padding-left) * -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 1px !important;
  }
}
@media (min-width: 80.5rem) {
  .carousel--has-container .carousel__nav--prev {
    left: max((100% - 80.5rem) / 2 + var(--carousel-container-padding-left), 0px);
  }
}

.carousel__nav--next {
  transform: translate(50%, -50%);
  right: 0;
}
.carousel--align-left .carousel__nav--next {
  right: var(--carousel-slide-overflow);
}
@media (max-width: 49.999rem) {
  .carousel--has-container .carousel__nav--next {
    transform: translate(0, -50%);
    right: calc(var(--carousel-container-padding-right) * -1);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 1px !important;
  }
}
@media (min-width: 80.5rem) {
  .carousel--has-container .carousel__nav--next {
    right: max((100% - 80.5rem) / 2 + var(--carousel-container-padding-right), 0px);
  }
}

.carousel__slider-nav--center .carousel__nav--playpause {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(var(--type-small-font-size) + 0.5rem);
}
@media (min-width: 37.5rem) {
  .carousel__slider-nav--center .carousel__nav--playpause {
    right: max((100% - 80.5rem) / 2 + var(--carousel-container-padding-right) - 21px, 3px + var(--type-small-font-size) + 0.5rem);
  }
}
@media (min-width: 80.5rem) {
  .carousel__slider-nav--center .carousel__nav--playpause {
    right: max((100% - 80.5rem) / 2 + var(--carousel-container-padding-right) + 4px, 3px + var(--type-small-font-size) + 0.5rem);
  }
}

.carousel__top-content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.carousel-preview {
  position: relative;
  margin: -15px;
}
@media (min-width: 37.5rem) {
  .carousel-preview {
    margin: -40px;
  }
}
.carousel-preview .slick-slide {
  display: none;
  float: left;
  min-height: 1px;
  overflow: hidden;
  height: 100%;
  padding: 0 52px;
}
@media (min-width: 37.5rem) {
  .carousel-preview .slick-slide {
    height: 600px;
    padding: 0;
  }
}
.carousel-preview .slick-slide > div {
  height: 100%;
  display: flex;
  align-items: center;
}
html[data-whatintent=touch] .carousel-preview .slick-slide {
  overflow: auto;
}
.carousel-preview.is-panning:-webkit-full-screen {
  width: 100%;
  margin: 0;
  background: var(--color-neutral-bg-level-1);
}
.carousel-preview.is-panning:-moz-full-screen {
  width: 100%;
  margin: 0;
  background: var(--color-neutral-bg-level-1);
}
.carousel-preview.is-panning:fullscreen {
  width: 100%;
  margin: 0;
  background: var(--color-neutral-bg-level-1);
}
.carousel-preview.is-panning:-webkit-full-screen .slick-slide {
  height: 100vh;
}
.carousel-preview.is-panning:-moz-full-screen .slick-slide {
  height: 100vh;
}
.carousel-preview.is-panning:fullscreen .slick-slide {
  height: 100vh;
}
.carousel-preview .slick-initialized .slick-slide {
  display: block;
}
.carousel-preview .slick-active {
  z-index: 1;
}
.carousel-preview .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  min-width: 100%;
  transform: translateZ(0);
  height: 100%;
}
.carousel-preview .slick-track::after, .carousel-preview .slick-track::before {
  display: table;
  content: "";
}
.carousel-preview .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  transform: translateZ(0);
  height: 100%;
}

.carousel-preview__wrapper {
  position: relative;
  min-width: 0;
  align-self: center;
  flex: 1 0 0%;
}
@media (min-width: 37.5rem) {
  .carousel-preview__wrapper {
    height: 600px;
  }
}
.carousel-preview__wrapper::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.carousel-preview.is-panning:-webkit-full-screen .carousel-preview__wrapper {
  height: 100vh;
}
.carousel-preview.is-panning:-moz-full-screen .carousel-preview__wrapper {
  height: 100vh;
}
.carousel-preview.is-panning:fullscreen .carousel-preview__wrapper {
  height: 100vh;
}

.carousel-preview__slider {
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.carousel-preview__slider:not(.slick-slider) {
  height: 100%;
  display: flex;
  align-items: center;
}

.carousel-preview__item {
  position: relative;
  cursor: pointer;
  margin: auto;
  background: transparent;
  border: none;
  display: block;
  padding: 0;
  border-radius: 4px;
}
.carousel-preview__thumbnail-wrapper .carousel-preview__item {
  padding: 4px;
}
@media (min-width: 37.5rem) {
  .carousel-preview__slider > .carousel-preview__item {
    padding: 0;
  }
}

.carousel-preview__thumbnail-wrapper {
  padding-left: 0;
  list-style: none;
  display: none !important;
  align-items: center;
  position: absolute;
  width: 100px;
  height: 100%;
  background: var(--color-neutral-bg-level-1);
  top: 0;
  right: 34px;
  font-size: 0;
  overflow: hidden;
  gap: 8px;
}
@media (min-width: 37.5rem) {
  .carousel-preview__thumbnail-wrapper {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
  }
}

.carousel-preview__thumbnail {
  width: 52px;
  height: 52px;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
}
.carousel-preview__thumbnail:hover::before, .carousel-preview__thumbnail-wrapper li.slick-active .carousel-preview__thumbnail::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 52px;
  width: 52px;
  z-index: 1;
  border-radius: 4px;
}
.carousel-preview__thumbnail:hover::before {
  border: 1px solid var(--color-brand-primary-border);
}
.carousel-preview__thumbnail-wrapper li.slick-active .carousel-preview__thumbnail::before {
  border: 1px solid var(--color-brand-primary-bg-strong);
}

.carousel-preview__button {
  position: absolute;
  bottom: 7px;
  left: 7px;
}
@media (min-width: 37.5rem) {
  .carousel-preview__button {
    bottom: 27px;
    left: 27px;
  }
}
.carousel-preview.is-panning:-webkit-full-screen .carousel-preview__button {
  bottom: 56px;
  left: 8px;
}
.carousel-preview.is-panning:-moz-full-screen .carousel-preview__button {
  bottom: 56px;
  left: 8px;
}
.carousel-preview.is-panning:fullscreen .carousel-preview__button {
  bottom: 56px;
  left: 8px;
}
@media (min-width: 37.5rem) {
  .carousel-preview.is-panning:-webkit-full-screen .carousel-preview__button {
    bottom: 64px;
    left: 16px;
  }
  .carousel-preview.is-panning:-moz-full-screen .carousel-preview__button {
    bottom: 64px;
    left: 16px;
  }
  .carousel-preview.is-panning:fullscreen .carousel-preview__button {
    bottom: 64px;
    left: 16px;
  }
}

.carousel-preview__image {
  padding: 40px 0;
}
@media (min-width: 37.5rem) {
  .carousel-preview__image {
    max-height: 600px;
    padding: 70px 0;
  }
}
.carousel-preview.is-panning .carousel-preview__image {
  max-height: none;
  width: auto;
  padding: 0;
}
.carousel-preview__thumbnail-wrapper .carousel-preview__image {
  width: 100%;
  opacity: 0.75;
  padding: 0;
}

.carousel-preview__nav {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  display: block;
}
@media (min-width: 37.5rem) {
  .carousel-preview__nav {
    display: none;
  }
}
.carousel-preview.is-panning .carousel-preview__nav {
  display: none;
}

.carousel-preview__nav--next {
  right: 20px;
}

.carousel-preview__nav--prev {
  left: 20px;
}

.collapse {
  transition: height var(--animation-duration-medium) var(--animation-easing-medium);
  position: relative;
  will-change: height;
}

.collapse__arrow {
  display: none;
  position: absolute;
  border: 0 solid transparent;
  border-bottom-color: var(--color-brand-primary-border);
  width: 0;
  height: 0;
  margin-top: -8px;
  border-width: 0 8px 8px;
}
.collapse.is-entered .collapse__arrow {
  display: block;
}

.collapse__inner {
  background: var(--color-neutral-bg-level-1);
  border-radius: 0 0 3px 3px;
  border-top: 3px solid var(--color-brand-primary-border);
  box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  padding: 40px 15px 20px;
  position: relative;
}
@media (min-width: 37.5rem) {
  .collapse__inner {
    padding: 40px;
  }
}
.collapse--grey .collapse__inner {
  background-color: var(--color-neutral-bg-level-2);
}
.collapse--no-container .collapse__inner {
  background: none;
  box-shadow: 0 0 0 0 var(--color-neutral-border-subtlest);
  border: none;
  padding: 0;
}
.collapse--no-shadow .collapse__inner {
  box-shadow: 0 0 0 0 var(--color-neutral-border-subtlest);
}
.collapse--no-arrow .collapse__inner {
  border-top: none;
}

.collapse__close {
  position: absolute;
  z-index: 1;
  right: 8px;
  top: 8px;
}

.collapse--fade::after {
  transition: opacity var(--animation-duration-medium) var(--animation-easing-medium);
  position: absolute;
  bottom: 0;
  content: "";
  opacity: 0;
  background: linear-gradient(180deg, transparent 0%, var(--color-neutral-bg-level-1) 100%);
  height: 40px;
  width: 100%;
  pointer-events: none;
}
.collapse--fade.collapse--grey::after {
  background: linear-gradient(180deg, transparent 0%, var(--color-neutral-bg-level-2) 100%);
}
.collapse--fade.is-exited::after, .collapse--fade.is-exiting::after {
  transition: opacity var(--animation-duration-medium) var(--animation-easing-medium);
  opacity: 1;
}

.collapse-toggle {
  cursor: pointer;
}

.collapse-toggle__icon {
  transition: transform var(--animation-duration-medium) var(--animation-easing-medium);
}
.collapse-toggle.is-active.collapse-toggle--rotate-degree-180.collapse-toggle--rotate-direction-clockwise .collapse-toggle__icon {
  transform: translateY(-50%) rotate(180deg);
}
.collapse-toggle.is-active.collapse-toggle--rotate-degree-180.collapse-toggle--rotate-direction-counterclockwise .collapse-toggle__icon {
  transform: translateY(-50%) rotate(-180deg);
}
.collapse-toggle.is-active.collapse-toggle--rotate-degree-90.collapse-toggle--rotate-direction-clockwise .collapse-toggle__icon {
  transform: translateY(-50%) rotate(90deg);
}
.collapse-toggle.is-active.collapse-toggle--rotate-degree-90.collapse-toggle--rotate-direction-counterclockwise .collapse-toggle__icon {
  transform: translateY(-50%) rotate(-90deg);
}

.clear-btn {
  transition: color var(--animation-duration-short) var(--animation-easing-short);
  background: transparent;
  border: 0;
  margin: 0;
  font-size: 1rem;
  padding: 0;
  color: var(--color-neutral-graphic);
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-whatintent=mouse] .clear-btn:hover {
  color: var(--color-brand-primary-text-hover);
}

.clear-btn__icon {
  vertical-align: baseline;
  margin-top: 0;
}

.form-helper {
  display: flex;
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
  text-align: left;
  gap: 4px;
}

.form-helper--large {
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
  gap: 8px;
}

.form-helper--help {
  color: var(--color-neutral-text-subtle);
}

.form-helper--valid {
  color: var(--color-success-text);
}

.form-helper--error {
  color: var(--color-error-text);
}

.form-helper__icon {
  font-size: 1rem;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin-block: 0.125rem;
}
.form-helper--help .form-helper__icon {
  color: var(--color-info-graphic);
}
.form-helper--error .form-helper__icon {
  color: var(--color-error-graphic);
}
.form-helper--valid .form-helper__icon {
  color: var(--color-success-graphic);
}
.form-helper--employee .form-helper__icon {
  color: var(--color-employee-graphic);
}
.form-helper--large .form-helper__icon {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  margin-block: 0;
}
.form-helper__icon .spinner__circle {
  height: 0.875em;
  width: 0.875em;
}

.form-helper--large .form-helper__content {
  margin-block: 0.0625rem;
}

.textfield {
  --textfield-border-width: 1px;
  --textfield-border-color: var(--color-neutral-border);
  --textfield-shadow-size: 0px;
  --textfield-horizontal-padding: 12px;
  --textfield-horizontal-inner-padding: calc(var(--textfield-horizontal-padding) - var(--textfield-border-width));
  --textfield-icon-padding: var(--textfield-horizontal-inner-padding);
  --textfield-icon-size: 1.5rem;
  --textfield-border-radius: 4px;
  --textfield-inner-gap: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  width: 100%;
  max-width: 100%;
}
.textfield.is-focused {
  z-index: 2;
}
.table .textfield {
  min-width: 180px;
}

.textfield--center {
  align-items: center;
}

.textfield--small {
  --textfield-horizontal-padding: 8px;
  --textfield-icon-size: 1rem;
  --textfield-icon-padding: 3px;
}

.textfield--employee {
  --textfield-border-color: var(--color-employee-border);
}

.textfield.is-invalid {
  --textfield-shadow-size: 1px;
  --textfield-border-color: var(--color-error-border);
}

.textfield.is-disabled {
  --textfield-border-color: var(--color-disabled-border);
  color: var(--color-disabled-text);
}

.textfield--with-both-icons {
  --textfield-icon-padding: var(--textfield-horizontal-padding);
}

.textfield__inner {
  display: flex;
  position: relative;
  width: 100%;
  border-radius: var(--textfield-border-radius);
  border: var(--textfield-border-width) solid var(--textfield-border-color);
  align-items: center;
}
.textfield__inner::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: var(--textfield-border-radius);
  border: var(--textfield-border-width) solid transparent;
  box-shadow: inset 0 0 0 var(--textfield-shadow-size) var(--textfield-border-color);
  pointer-events: none;
}
.textfield.is-static .textfield__inner {
  border: 0 0 0 0 var(--color-neutral-border-subtlest);
}
.textfield.is-focused .textfield__inner,
.textfield__inner .textfield:focus-within {
  outline: 2px solid var(--color-focus-outline, #0094ff);
  outline-offset: 2px;
}

.textfield__inner-input {
  width: 100%;
  display: contents;
}

.textfield__image {
  margin-left: calc(var(--textfield-horizontal-padding) - var(--textfield-border-width));
  width: var(--textfield-icon-size);
  flex-shrink: 0;
}

.textfield__input {
  border: none;
  border-radius: var(--textfield-border-radius);
  display: block;
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
  font-weight: 400;
  margin: 0;
  padding: 12px var(--textfield-horizontal-inner-padding);
  width: 100%;
  background: transparent;
  color: var(--color-neutral-text);
  text-transform: none;
  outline: none;
  transition: border-color var(--animation-duration-short) var(--animation-easing-short), box-shadow var(--animation-duration-short) var(--animation-easing-short);
  text-align: left;
}
.textfield.is-disabled .textfield__input {
  background-color: transparent;
  color: var(--color-disabled-text);
  box-shadow: 0 0 0 0 var(--color-neutral-border-subtlest);
  -webkit-text-fill-color: var(--color-disabled-text);
  outline: none;
}
.textfield.is-static .textfield__input {
  background: none;
  height: auto;
  border: 0;
  padding-left: 0;
  padding-right: 0;
  outline: none;
}
.textfield__input::-ms-clear {
  display: none;
}
.textfield__input::placeholder {
  color: var(--color-neutral-text-subtle);
  opacity: 1;
}
.textfield--small .textfield__input {
  padding: 5px var(--textfield-horizontal-inner-padding);
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
}
.textfield--center .textfield__input {
  text-align: center;
}
.textfield--center.textfield--with-icon .textfield__input {
  padding-left: calc(var(--textfield-icon-size) + var(--textfield-inner-gap) + var(--textfield-horizontal-inner-padding));
  padding-right: calc(var(--textfield-icon-size) + var(--textfield-inner-gap) + var(--textfield-horizontal-inner-padding));
  margin-right: calc((var(--textfield-icon-size) + 11px) * -1);
}
.textfield--image .textfield__input {
  padding-left: var(--textfield-inner-gap);
}

.textfield__label {
  display: flex;
  gap: 4px;
  align-items: center;
  color: var(--color-neutral-text);
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
  text-align: left;
  padding: 0;
  transition: color var(--animation-duration-short) var(--animation-easing-short);
  font-weight: 400;
}
.textfield--center .textfield__label {
  justify-content: center;
}
.textfield.is-disabled .textfield__label {
  color: var(--color-disabled-text);
}
.textfield--no-label-no-break .textfield__label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
@media (min-width: 37.5rem) {
  .textfield--no-label-sm .textfield__label {
    /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}
@media (min-width: 50rem) {
  .textfield--no-label-md .textfield__label {
    /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}

.textfield__label-icon {
  font-size: 1rem;
  color: var(--color-employee-graphic);
}

.textfield__icon {
  vertical-align: baseline;
  margin-top: 0;
  font-size: var(--textfield-icon-size);
  margin-right: calc(var(--textfield-horizontal-padding) - var(--textfield-border-width));
  flex-shrink: 0;
}

.textfield__clear-btn {
  flex-shrink: 0;
  margin-right: var(--textfield-icon-padding);
}

.textfield__textarea-input {
  resize: none;
}

.textfield__prefix,
.textfield__suffix {
  display: block;
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
  font-weight: 400;
  padding: 12px var(--textfield-horizontal-padding);
  max-width: 100%;
  background: transparent;
  color: var(--color-neutral-text);
  text-transform: none;
}
.textfield--small .textfield__prefix,
.textfield--small .textfield__suffix {
  padding: 5px var(--textfield-horizontal-padding);
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
}
.textfield.is-disabled .textfield__prefix,
.textfield.is-disabled .textfield__suffix {
  color: var(--color-disabled-text);
}

.textfield__prefix {
  border-right: var(--textfield-border-width) solid var(--color-neutral-border);
}
.textfield.is-disabled .textfield__prefix {
  border-color: var(--color-disabled-border);
}

.textfield__suffix {
  border-left: var(--textfield-border-width) solid var(--color-neutral-border);
}
.textfield.is-disabled .textfield__suffix {
  border-color: var(--color-disabled-border);
}

.mini-header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.mini-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.mini-header--no-logo .mini-header__inner {
  justify-content: flex-end;
}

.chart-legend {
  --font-size: var(--type-small-font-size);
  --line-height: var(--type-small-line-height);
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  list-style: none;
  font-size: var(--font-size);
  line-height: var(--line-height);
  gap: 8px 24px;
  margin-top: calc((0.75rem - var(--line-height) * var(--font-size)) / 2 * -1);
}

.chart-legend--stacked {
  justify-content: flex-start;
  flex-direction: column;
  align-self: center;
}

.chart-legend--small {
  --font-size: var(--type-tiny-font-size);
  --line-height: var(--type-tiny-line-height);
}

.chart-legend__item {
  position: relative;
  display: inline-block;
  padding-left: calc(0.75rem + 8px);
}

.chart-legend__text {
  display: block;
  position: relative;
  margin-top: calc((0.75rem - var(--line-height) * var(--font-size)) / 2);
}

.chart-legend__color {
  position: absolute;
  left: 0;
  display: block;
  flex: 0 0 0.75rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
}

.chart-bar {
  display: flex;
  flex-wrap: wrap;
}

.chart-bar__inner {
  position: relative;
  width: 100%;
}

.chart-bar__tag {
  position: absolute;
  margin-top: -5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Title */
.chart-bar__title {
  flex: 0 0 100%;
  text-align: center;
}
@media (min-width: 50rem) {
  .chart-bar--legend-right .chart-bar__title {
    flex: 0 0 50%;
    margin-right: 50%;
  }
}

.chart-bar__title-text {
  font-family: var(--type-font-family);
  font-weight: 700;
  text-transform: none;
}

/* Legend and alignment */
.chart-bar__graph-container {
  flex: 0 0 100%;
  overflow: hidden;
}
@media (min-width: 50rem) {
  .chart-bar--legend-right .chart-bar__graph-container {
    flex: 0 0 50%;
  }
}

.chart-bar__legend {
  margin-top: 1rem;
}
.chart-bar--legend-right .chart-bar__legend {
  justify-content: flex-start;
  flex-direction: column;
}
@media (min-width: 50rem) {
  .chart-bar--legend-right .chart-bar__legend {
    flex: 0 0 50%;
    align-self: center;
    margin: 0;
    padding-left: 60px;
  }
}

/* Tooltip */
.chart__tooltip-title {
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
  margin-bottom: 0.5em;
}

.chart__tooltip-list {
  padding: 0;
  list-style: none;
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
}

.chart__tooltip-list-item {
  display: flex;
  align-items: baseline;
}

.chart__tooltip-color {
  flex: 0 0 0.625rem;
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 8px;
  border-radius: 50%;
}

.chart__tooltip-yVal {
  white-space: nowrap;
}

/* Scrollable */
.chart-bar__scrollable {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 50rem) {
  .chart-bar__scrollable {
    justify-content: flex-end;
  }
}

.chart-bar__scrollable-item {
  margin: 0 4px;
}
.chart-bar__scrollable-item:first-child {
  margin-left: 0;
}
.chart-bar__scrollable-item:last-child {
  margin-right: 0;
}

/* D3 */
.chart-bar__svg {
  display: block;
  width: 100%;
  overflow: hidden;
}

.chart-bar__axis path,
.chart-bar__axis line {
  stroke: var(--color-neutral-border-subtle);
}

.chart-bar__axis-y-grid path,
.chart-bar__axis-x path {
  display: none;
}

.chart-bar__axis-y path,
.chart-bar__axis-y2 path {
  stroke-width: 0;
}

.chart-bar__axis-y line,
.chart-bar__axis-y2 line,
.chart-bar__axis-y-grid line {
  stroke-width: 1;
  stroke: ar(--color-neutral-border-subtle);
}

.chart-bar__axis-y text,
.chart-bar__axis-y2 text {
  font-weight: 700;
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
  color: var(--color-neutral-text);
}

.chart-bar__axis-x line {
  stroke-width: 0;
}

.chart-bar__axis-x text {
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
  font-weight: 400;
  color: var(--color-neutral-text);
}

.chart-bar__stack-label {
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
  font-weight: 700;
  text-anchor: middle;
  fill: var(--color-neutral-text);
}

.chart-bar-horizontal__title {
  margin-bottom: 10px;
}

.chart-bar-horizontal__bar {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border-radius: 0 3px 3px 0;
  transition: left 800ms cubic-bezier(0.23, 1, 0.32, 1);
}

.chart-bar-horizontal__bar-wrapper {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  overflow: visible;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  display: block;
  position: relative;
  background: var(--color-neutral-bg-subtle);
  border-radius: 3px;
  width: 100%;
  height: 6px;
}

.chart-bar-horizontal__value-bar {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  overflow: visible;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
}
.chart-bar-horizontal__value-bar:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.chart-bar-horizontal__value-bar:nth-last-child(2) {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.chart-pie {
  display: flex;
}

.chart-pie--align-center {
  justify-content: center;
}

.chart-pie--align-right {
  justify-content: flex-end;
}

.chart-pie__inner {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.chart-pie__title {
  margin-bottom: 1rem;
  text-align: center;
}

.chart-pie__title-text {
  font-size: var(--type-small-font-size);
  font-weight: 700;
  line-height: var(--type-small-line-height);
}

.chart-pie__main {
  display: block;
  overflow: hidden;
}
.chart-pie--legend-aside .chart-pie__main {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.chart-pie__graph-container {
  position: relative;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
}

/* Graph */
.chart-pie__graph-svg {
  position: relative;
  display: block;
}

.chart-pie__unused {
  fill: var(--color-neutral-bg-subtle);
}

.chart-pie__graph-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Legend */
.chart-pie__legend {
  margin: 1rem auto 0;
}
.chart-pie--legend-aside .chart-pie__legend {
  margin: 1rem 0 1rem 1rem;
}

.channel {
  z-index: 1;
  position: relative;
  display: inline-block;
  background: var(--color-neutral-bg-level-2);
  border: 3px solid var(--color-neutral-bg-level-2);
  border-radius: 100%;
  width: 35px;
  height: 35px;
  padding: 6px;
}
.channel::before {
  width: 35px;
  height: 35px;
}
.channel::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  z-index: -1;
  background: var(--color-neutral-bg-level-3);
  border-radius: 100%;
  border: 2px solid var(--color-neutral-bg-level-2);
  transform: scale(0);
  transition: transform 300ms;
  transition-timing-function: cubic-bezier(0.55, 0.05, 0.67, 0.19);
}
.channel:hover::before {
  transform: scale(1);
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
}

.channel--color-inverse {
  background: var(--color-neutral-bg-level-1);
  border-color: var(--color-neutral-bg-level-1);
}
.channel--color-inverse::before {
  background: var(--color-neutral-bg-level-2);
  border-color: var(--color-neutral-bg-level-1);
}

.channel--size-small {
  width: 50px;
  height: 50px;
  padding: 10px;
}
.channel--size-small::before {
  width: 50px;
  height: 50px;
}

.channel--size-medium {
  width: 50px;
  height: 50px;
  padding: 10px;
}
@media (min-width: 37.5rem) {
  .channel--size-medium {
    height: 80px;
    width: 80px;
    padding: 15px;
  }
}
.channel--size-medium::before {
  width: 50px;
  height: 50px;
}
@media (min-width: 37.5rem) {
  .channel--size-medium::before {
    height: 80px;
    width: 80px;
  }
}

.channel--size-large {
  width: 50px;
  height: 50px;
  padding: 10px;
}
@media (min-width: 37.5rem) {
  .channel--size-large {
    height: 120px;
    width: 120px;
    padding: 20px;
  }
}
.channel--size-large::before {
  width: 50px;
  height: 50px;
}
@media (min-width: 37.5rem) {
  .channel--size-large::before {
    height: 120px;
    width: 120px;
  }
}

.channel__image-wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.channel__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.channel-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.channel-list--center {
  justify-content: center;
}

.channel-list--right {
  justify-content: flex-end;
}

.channel-list__item {
  margin: 5px;
}
@media (min-width: 37.5rem) {
  .channel-list--large .channel-list__item {
    margin: 10px;
  }
}

.check {
  position: relative;
  max-width: 100%;
  --check-indicator-size: 1.5rem;
  --check-icon-size: 1.25rem;
  --check-indicator-margin-right: 8px;
  --check-indicator-color: var(--color-brand-primary-text-onbg-strong);
  --check-indicator-border-color: var(--color-neutral-border);
  --check-indicator-hover-border-color: var(--color-brand-primary-border);
  --check-indicator-checked-background-color: var(--color-brand-primary-bg-strong);
  --check-indicator-checked-hover-background-color: var(--color-brand-primary-bg-strong-hover);
  --check-indicator-checked-border-color: var(--color-brand-primary-border);
  --check-indicator-checked-color: var(--color-brand-primary-text-onbg-strong);
  --check-content-hover-color: var(--color-neutral-text);
  --check-disabled-text-color: var(--color-disabled-text);
  --check-disabled-border-color: var(--color-disabled-border);
  --check-disabled-background-color: var(--color-disabled-bg);
  --check-disabled-indicator-color: var(--color-disabled-text);
  --check-disabled-checked-background-color: var(--color-disabled-bg);
  --check-disabled-checked-border-color: var(--color-disabled-border);
  --check-indicator-invalid-border: var(--color-error-border);
  --check-content-line-height: var(--type-line-height);
  --check-content-font-size: var(--type-font-size);
}

.check--employee {
  --check-indicator-color: var(--color-employee-text-onbg-strong);
  --check-indicator-border-color: var(--color-employee-border);
  --check-indicator-hover-border-color: var(--color-employee-border);
  --check-indicator-checked-background-color: var(--color-employee-bg-strong);
  --check-indicator-checked-hover-background-color: var(--color-employee-bg-strong-hover);
  --check-indicator-checked-border-color: var(--color-employee-border);
  --check-indicator-checked-color: var(--color-employee-text-onbg-strong);
  --check-content-hover-color: var(--color-employee-text-hover);
}

.check--medium {
  --check-indicator-size: 1.25rem;
  --check-icon-size: 1rem;
  --check-content-line-height: var(--type-small-line-height);
  --check-content-font-size: var(--type-small-font-size);
}

.check--small {
  --check-indicator-size: 1rem;
  --check-icon-size: 0.75rem;
  --check-content-line-height: var(--type-tiny-line-height);
  --check-content-font-size: var(--type-tiny-font-size);
}

.check--vertical {
  display: flex;
}

.check__label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.check__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.check__inner {
  position: relative;
  display: inline-block;
  padding-left: calc(var(--check-indicator-size) + var(--check-indicator-margin-right));
  min-height: var(--check-indicator-size);
  cursor: pointer;
  max-width: 100%;
  border-radius: 3px;
}
.check__input:focus-visible ~ .check__inner {
  outline: 2px solid var(--color-focus-outline, #0094ff);
  outline-offset: 2px;
}
.check__input:disabled ~ .check__inner {
  cursor: default;
}
.check--vertical .check__inner {
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
  justify-content: space-between;
  padding: 0;
}
.skeleton__content > .check__inner {
  display: block;
  cursor: default;
}
.check__inner--full-width {
  width: 100%;
}
.check--hide-label .check__inner {
  padding-left: var(--check-indicator-size);
}

.check__content {
  display: block;
  font-weight: 400;
  position: relative;
  font-size: var(--check-content-font-size);
  line-height: var(--check-content-line-height);
  margin-top: calc((var(--check-indicator-size) - var(--check-content-line-height) * var(--check-content-font-size)) / 2);
}
.check__input ~ .check__inner:hover .check__content {
  color: var(--check-content-hover-color);
}
.check__input:disabled ~ .check__inner .check__content, .check__input:disabled ~ .check__inner:hover .check__content {
  color: var(--check-disabled-text-color);
}
.check--vertical .check__content {
  margin-bottom: 16px;
}
.check--hide-label .check__content {
  display: none;
}

.check__indicator {
  display: block;
  width: var(--check-indicator-size);
  height: var(--check-indicator-size);
  background: transparent;
  border: 1px solid var(--check-indicator-border-color);
  border-radius: 3px;
  box-shadow: 0 0 0 0 var(--color-neutral-border-subtlest);
  position: absolute;
  left: 0;
  color: var(--check-indicator-color);
}
.check__input ~ .check__inner:hover .check__indicator {
  border-color: var(--check-indicator-hover-border-color);
}
.check__input:checked ~ .check__inner .check__indicator, .check__input:checked[aria-invalid=true] ~ .check__inner .check__indicator {
  background: var(--check-indicator-checked-background-color);
  border-color: var(--check-indicator-checked-border-color);
}
.check__input:checked ~ .check__inner:hover .check__indicator {
  background: var(--check-indicator-checked-hover-background-color);
}
.check--indicator-middle .check__indicator {
  top: 50%;
  transform: translateY(-50%);
}
.check__input[aria-invalid=true] ~ .check__inner .check__indicator {
  border-color: var(--check-indicator-invalid-border);
}
.check__input:disabled ~ .check__inner .check__indicator {
  opacity: 1;
  background: var(--check-disabled-background-color);
  border-color: var(--check-disabled-border-color);
}
.check__input:disabled:checked ~ .check__inner .check__indicator {
  color: var(--check-disabled-indicator-color);
  background: var(--check-disabled-checked-background-color);
  border-color: var(--check-disabled-checked-border-color);
}
.check--vertical .check__indicator {
  top: 0;
  position: relative;
  margin: 0 auto;
}
.check__indicator.skeleton__item {
  border: none;
}

.check__icon {
  vertical-align: baseline;
  margin-top: 0;
  font-size: var(--check-icon-size);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
}
.check__input:checked ~ .check__inner .check__icon {
  opacity: 1;
}

.check__extra,
.check__form-helper {
  padding-top: 8px;
  padding-left: calc(var(--check-indicator-size) + var(--check-indicator-margin-right));
}

.radio {
  position: relative;
  --radio-indicator-size: 1.5rem;
  --radio-indicator-margin-right: 8px;
  --radio-disabled-color: var(--color-disabled-text);
  --radio-content-hover-color: var(--color-neutral-text);
  --radio-indicator-border-color: var(--color-neutral-border);
  --radio-indicator-hover-border-color: var(--color-brand-primary-border);
  --radio-indicator-checked-background-color: var(--color-brand-primary-bg-strong);
  --radio-indicator-checked-border-color: var(--color-brand-primary-border);
  --radio-indicator-checked-color: var(--color-brand-primary-text-onbg-strong);
  --radio-indicator-disabled-color: var(--color-disabled-text);
  --radio-indicator-disabled-checked-bg: var(--color-disabled-bg);
  --radio-indicator-disabled-checked-border: var(--color-disabled-border);
  --radio-indicator-disabled-bg: var(--color-disabled-bg);
  --radio-indicator-disabled-border: var(--color-disabled-border);
  --radio-indicator-invalid-border: var(--color-error-border);
  --radio-indicator-inner-size: 0.625rem;
  --radio-content-line-height: var(--type-line-height);
  --radio-content-font-size: var(--type-font-size);
}

.radio--employee {
  --radio-content-hover-color: var(--color-employee-text-hover);
  --radio-indicator-border-color: var(--color-employee-border);
  --radio-indicator-hover-border-color: var(--color-employee-border);
  --radio-indicator-checked-background-color: var(--color-employee-bg-strong);
  --radio-indicator-checked-border-color: var(--color-employee-border);
  --radio-indicator-checked-color: var(--color-employee-text-onbg-strong);
}

.radio--medium {
  --radio-indicator-size: 1.25rem;
  --radio-indicator-inner-size: 0.5rem;
  --radio-content-line-height: var(--type-small-line-height);
  --radio-content-font-size: var(--type-small-font-size);
}

.radio--small {
  --radio-indicator-size: 1rem;
  --radio-indicator-inner-size: 0.375rem;
  --radio-content-line-height: var(--type-tiny-line-height);
  --radio-content-font-size: var(--type-tiny-font-size);
}

.radio--vertical {
  display: flex;
}

.radio__label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.radio__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.radio__inner {
  position: relative;
  display: inline-block;
  padding-left: calc(var(--radio-indicator-size) + var(--radio-indicator-margin-right));
  min-height: var(--radio-indicator-size);
  cursor: pointer;
  border-radius: 3px;
}
.radio__input:focus-visible ~ .radio__inner {
  outline: 2px solid var(--color-focus-outline, #0094ff);
  outline-offset: 2px;
}
.radio__input:disabled ~ .radio__inner {
  cursor: default;
}
.radio--vertical .radio__inner {
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
  justify-content: space-between;
  padding: 0;
}
.skeleton__content > .radio__inner {
  display: block;
  cursor: default;
}
.radio--hide-label .radio__inner {
  padding-left: var(--radio-indicator-size);
}

.radio__content {
  display: block;
  font-weight: 400;
  position: relative;
  font-size: var(--radio-content-font-size);
  line-height: var(--radio-content-line-height);
  margin-top: calc((var(--radio-indicator-size) - var(--radio-content-line-height) * var(--radio-content-font-size)) / 2);
}
.radio--vertical .radio__content {
  margin-bottom: 16px;
}
.radio--hide-label .radio__content {
  display: none;
}
.radio__input:not(:checked) ~ .radio__inner:hover .radio__content {
  color: var(--radio-content-hover-color);
}
.radio__input:disabled ~ .radio__inner .radio__content, .radio__input:disabled ~ .radio__inner:hover .radio__content {
  color: var(--radio-disabled-color);
}

.radio__indicator {
  display: block;
  border: 1px solid var(--radio-indicator-border-color);
  box-shadow: 0 0 0 0 var(--color-neutral-border-subtlest);
  width: var(--radio-indicator-size);
  height: var(--radio-indicator-size);
  border-radius: 50%;
  background: transparent;
  position: absolute;
  left: 0;
}
.radio__input ~ .radio__inner:hover .radio__indicator {
  border-color: var(--radio-indicator-hover-border-color);
}
.radio__input:checked ~ .radio__inner .radio__indicator, .radio__input:checked[aria-invalid=true] ~ .radio__inner .radio__indicator {
  background: var(--radio-indicator-checked-background-color);
  border-color: var(--radio-indicator-checked-border-color);
  color: var(--radio-indicator-checked-color);
}
.radio__input[aria-invalid=true] ~ .radio__inner .radio__indicator {
  border-color: var(--radio-indicator-invalid-border);
}
.radio__input:disabled ~ .radio__inner .radio__indicator, .radio__input:disabled ~ .radio__inner:hover .radio__indicator {
  background: var(--radio-indicator-disabled-bg);
  border-color: var(--radio-indicator-disabled-border);
  opacity: 1;
}
.radio__input:disabled:checked ~ .radio__inner .radio__indicator, .radio__input:disabled:checked ~ .radio__inner:hover .radio__indicator {
  background: var(--radio-indicator-disabled-checked-bg);
  border-color: var(--radio-indicator-disabled-checked-border);
  color: var(--radio-indicator-disabled-color);
}
.radio--indicator-middle .radio__indicator {
  top: 50%;
  transform: translateY(-50%);
}
.radio--vertical .radio__indicator {
  top: 0;
  position: relative;
  margin: 0 auto;
}
.radio__indicator::before {
  content: "";
  display: block;
  width: var(--radio-indicator-inner-size);
  height: var(--radio-indicator-inner-size);
  background: currentcolor;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.radio__input:checked ~ .radio__inner .radio__indicator::before {
  opacity: 1;
}
.radio__indicator.skeleton__item {
  border: none;
}

.radio__extra,
.radio__form-helper {
  padding-top: 8px;
  padding-left: calc(var(--radio-indicator-size) + var(--radio-indicator-margin-right));
}

.choice-group {
  --choice-group-gap: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--choice-group-gap);
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.choice-group--center {
  text-align: center;
  align-items: center;
}

.choice-group__inner {
  display: flex;
  gap: var(--choice-group-gap);
  flex-wrap: wrap;
  flex-direction: column;
  max-width: 100%;
}
.choice-group--inline .choice-group__inner {
  flex-direction: row;
}
.choice-group--center .choice-group__inner {
  justify-content: center;
}

.is-invalid .choice-group__inner-card::before {
  transition: border-color var(--animation-duration-short) var(--animation-easing-short), box-shadow var(--animation-duration-short) var(--animation-easing-short);
  box-shadow: inset 0 0 0 1px var(--color-error-border);
}

.choice-group__label {
  margin-bottom: var(--choice-group-gap);
}
.choice-group--no-label-no-break .choice-group__label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
@media (min-width: 37.5rem) {
  .choice-group--no-label-sm .choice-group__label {
    /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}
@media (min-width: 50rem) {
  .choice-group--no-label-md .choice-group__label {
    /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}

.choice-group--center .choice-group__form-helper {
  justify-content: center;
}

*:not(.collapse-layer-grid__dropdown) > .collapse-layer {
  width: 0;
}
.collapse-layer-grid__dropdown > .collapse-layer {
  margin-top: 0;
}
.collapse-layer-grid__dropdown > .collapse-layer.is-entered, .collapse-layer-grid__dropdown > .collapse-layer.is-entering {
  margin-bottom: 24px;
}

.collapse-layer-grid__dropdown.grid__col {
  margin-bottom: 0;
}
.collapse-layer-grid.grid--equalheight > .collapse-layer-grid__dropdown {
  display: block;
}

.countdown {
  display: flex;
  flex-wrap: wrap;
  margin-right: -4px;
  margin-left: -4px;
  margin-bottom: -8px;
}
@media (min-width: 80.5rem) {
  .countdown {
    margin-right: -8px;
    margin-left: -8px;
    margin-bottom: -16px;
  }
}

.countdown__item {
  display: inline-block;
  text-align: center;
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 8px;
}
@media (min-width: 80.5rem) {
  .countdown__item {
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 16px;
  }
}

.countdown__item-inner {
  position: relative;
  border-radius: 8px;
  width: 3.5rem;
  height: 3.25rem;
}
@media (min-width: 37.5rem) {
  .countdown__item-inner {
    width: 4rem;
    height: 3.75rem;
  }
}
.countdown__item-inner:not(.countdown__item-inner--custom-color) {
  color: var(--color-brand-primary-text-onbg-strong);
}
.countdown__item-inner:not(.countdown__item-inner--custom-background) {
  background-color: var(--color-brand-primary-bg-strong);
}

.countdown__item-unit {
  margin-top: 5px;
  color: var(--color-neutral-text);
}

.countdown__item-time {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.countdown__item-time--animate-enter {
  opacity: 0;
  transform: translate(-50%, -50%) translateY(-10px);
}
.countdown__item-time--animate-enter-active {
  opacity: 1;
  transform: translate(-50%, -50%) translateY(0);
  transition: opacity 100ms ease-in, transform 100ms ease-in;
}
.countdown__item-time--animate-exit-active {
  opacity: 0;
  transform: translate(-50%, -50%) translateY(10px);
  transition: opacity 100ms ease-out, transform 100ms ease-out;
}

.truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.truncate--fade {
  position: relative;
  text-overflow: clip;
}
.truncate--fade.truncate--shown {
  -webkit-mask-image: linear-gradient(to left, transparent, rgb(0, 0, 0) 40px);
          mask-image: linear-gradient(to left, transparent, rgb(0, 0, 0) 40px);
}

.text {
  width: 100%;
}
.text > * + * {
  margin-top: 1em;
}
.text > h1,
.text > .h1 {
  margin-bottom: 0.5em;
}
.text > :last-child:not(.grid) {
  margin-bottom: 0;
}
.text > :first-child {
  margin-top: 0;
}
.text > .text__margin {
  margin-top: 1em;
}
.text > .text__margin-none {
  margin-top: 0;
}
.text > .text__margin-double {
  margin-top: 2em;
}
.text > .text__margin-half {
  margin-top: 0.5em;
}

.text--double > * + * {
  margin-top: 2em;
}

.text--half > * + * {
  margin-top: 0.5em;
}

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

.comments__item {
  margin-bottom: 10px;
}
@media (min-width: 37.5rem) {
  .comments__item {
    margin-bottom: 20px;
  }
}
.comments__item:last-child {
  margin-bottom: 0;
}

.comments__item--level-1 {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-neutral-border-subtlest);
}
@media (min-width: 37.5rem) {
  .comments__item--level-1 {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
}

.comments__item-inner {
  display: flex;
  flex-direction: column;
}
@media (min-width: 37.5rem) {
  .comments__item-inner {
    flex-direction: row;
  }
}

.comments__item-sender {
  margin: 0 4px 9px 0;
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
  font-weight: 700;
}
@media (min-width: 37.5rem) {
  .comments__item-sender {
    margin: 9px 20px 0 0;
  }
}

.comments__item-sender-name {
  max-width: 9.375rem;
}

.comments__item-comment-wrapper {
  width: 100%;
}

.comments__item-comment {
  display: inline-block;
  padding: 9px 17px 11px 15px;
  background-color: var(--color-neutral-bg-level-1);
  border-radius: 3px 12px 12px;
  max-width: 27.5rem;
}
.comments--inverse .comments__item-comment {
  background-color: var(--color-neutral-bg-level-2);
}
.comments--full-width .comments__item-comment {
  max-width: none;
}
.comments__item--primary .comments__item-comment {
  background-color: var(--color-brand-primary-bg-strong);
  color: var(--color-brand-primary-text-onbg-strong);
}

.comments__item-meta {
  margin-top: 10px;
  max-width: 100%;
}

.comments__item-date {
  color: var(--color-neutral-text-subtle);
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
}

.comments__item-replies {
  padding-top: 20px;
}

.scroll-fade {
  --scroll-fade-scrollbar-width: 0px;
  --scroll-fade-scrollbar-height: 0px;
  --scroll-fade-bottom-scrollbar-offset: 0px;
  --scroll-fade-right-scrollbar-offset: 0px;
  --scroll-fade-top: rgb(0, 0, 0);
  --scroll-fade-bottom: rgb(0, 0, 0);
  --scroll-fade-left: rgb(0, 0, 0);
  --scroll-fade-right: rgb(0, 0, 0);
  --scroll-fade-arrow-left: rgb(0, 0, 0) 40px;
  --scroll-fade-arrow-right: rgb(0, 0, 0) calc(40px + var(--scroll-fade-right-scrollbar-offset));
  display: block;
  position: relative;
  max-height: inherit;
}
.scroll-fade.has-scrolled-to-top {
  --scroll-fade-right-scrollbar-offset: var(--scroll-fade-scrollbar-width);
  --scroll-fade-bottom: transparent;
}
.scroll-fade.has-scrolled-to-right {
  --scroll-fade-bottom-scrollbar-offset: var(--scroll-fade-scrollbar-height);
  --scroll-fade-left: transparent;
}
.scroll-fade.has-scrolled-to-right.scroll-fade--has-arrows:not(.has-scrolled-to-top, .has-scrolled-to-bottom) {
  --scroll-fade-arrow-left: transparent 24px, rgb(0, 0, 0) 48px;
}
.scroll-fade.has-scrolled-to-bottom {
  --scroll-fade-right-scrollbar-offset: var(--scroll-fade-scrollbar-width);
  --scroll-fade-top: transparent;
}
.scroll-fade.has-scrolled-to-left {
  --scroll-fade-bottom-scrollbar-offset: var(--scroll-fade-scrollbar-height);
  --scroll-fade-right: transparent;
}
.scroll-fade.has-scrolled-to-left.scroll-fade--has-arrows:not(.has-scrolled-to-top, .has-scrolled-to-bottom) {
  --scroll-fade-arrow-right: transparent calc(24px + var(--scroll-fade-right-scrollbar-offset)), rgb(0, 0, 0) calc(48px + var(--scroll-fade-right-scrollbar-offset));
}
.scroll-fade.scroll-fade--has-arrows.scroll-fade--gutter-md.has-scrolled-to-right {
  --scroll-fade-arrow-left: transparent 30px, rgb(0, 0, 0) 30%;
}
.scroll-fade.scroll-fade--has-arrows.scroll-fade--gutter-md.has-scrolled-to-left {
  --scroll-fade-arrow-right:
    transparent calc(30px + var(--scroll-fade-right-scrollbar-offset)),
    rgb(0, 0, 0) calc(30% + var(--scroll-fade-right-scrollbar-offset));
}

.scroll-fade__inner {
  display: block;
  max-height: inherit;
  overflow: auto;
  background-color: inherit;
  -webkit-mask-image: linear-gradient(to left, rgb(0, 0, 0) var(--scroll-fade-right-scrollbar-offset), transparent var(--scroll-fade-right-scrollbar-offset)), linear-gradient(to top, rgb(0, 0, 0) var(--scroll-fade-bottom-scrollbar-offset), transparent var(--scroll-fade-bottom-scrollbar-offset)), linear-gradient(to left, var(--scroll-fade-right) var(--scroll-fade-right-scrollbar-offset), var(--scroll-fade-arrow-right)), linear-gradient(to right, var(--scroll-fade-left), var(--scroll-fade-arrow-left)), linear-gradient(to top, var(--scroll-fade-bottom) var(--scroll-fade-bottom-scrollbar-offset), rgb(0, 0, 0) calc(40px + var(--scroll-fade-bottom-scrollbar-offset))), linear-gradient(to bottom, var(--scroll-fade-top), rgb(0, 0, 0) 40px);
          mask-image: linear-gradient(to left, rgb(0, 0, 0) var(--scroll-fade-right-scrollbar-offset), transparent var(--scroll-fade-right-scrollbar-offset)), linear-gradient(to top, rgb(0, 0, 0) var(--scroll-fade-bottom-scrollbar-offset), transparent var(--scroll-fade-bottom-scrollbar-offset)), linear-gradient(to left, var(--scroll-fade-right) var(--scroll-fade-right-scrollbar-offset), var(--scroll-fade-arrow-right)), linear-gradient(to right, var(--scroll-fade-left), var(--scroll-fade-arrow-left)), linear-gradient(to top, var(--scroll-fade-bottom) var(--scroll-fade-bottom-scrollbar-offset), rgb(0, 0, 0) calc(40px + var(--scroll-fade-bottom-scrollbar-offset))), linear-gradient(to bottom, var(--scroll-fade-top), rgb(0, 0, 0) 40px);
  -webkit-mask-size: 100% 100%, 100% 100%, 100% calc(100% - var(--scroll-fade-bottom-scrollbar-offset)), 100% calc(100% - var(--scroll-fade-bottom-scrollbar-offset)), calc(100% - var(--scroll-fade-right-scrollbar-offset)) 100%, calc(100% - var(--scroll-fade-right-scrollbar-offset)) 100%;
          mask-size: 100% 100%, 100% 100%, 100% calc(100% - var(--scroll-fade-bottom-scrollbar-offset)), 100% calc(100% - var(--scroll-fade-bottom-scrollbar-offset)), calc(100% - var(--scroll-fade-right-scrollbar-offset)) 100%, calc(100% - var(--scroll-fade-right-scrollbar-offset)) 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-composite: source-over, source-over, source-in, source-in, source-in, source-in, xor;
          mask-composite: add, add, intersect, intersect, intersect, intersect;
}

.scroll-fade__button {
  position: absolute;
  z-index: 2;
}
.scroll-fade__button.scroll-fade__button-left, .scroll-fade__button.scroll-fade__button-right {
  top: calc((100% - var(--scroll-fade-bottom-scrollbar-offset)) / 2);
  transform: translateY(-50%);
}
.scroll-fade__button.scroll-fade__button-left {
  left: 0;
}
.scroll-fade--gutter-md .scroll-fade__button.scroll-fade__button-left {
  left: 10px;
}
.scroll-fade__button.scroll-fade__button-right {
  right: var(--scroll-fade-right-scrollbar-offset);
}
.scroll-fade--gutter-md .scroll-fade__button.scroll-fade__button-right {
  right: calc(10px + var(--scroll-fade-right-scrollbar-offset));
}
.scroll-fade__button.scroll-fade__button-down {
  right: var(--scroll-fade-right-scrollbar-offset);
  bottom: var(--scroll-fade-bottom-scrollbar-offset);
}
.scroll-fade__button.scroll-fade__button-up {
  right: var(--scroll-fade-right-scrollbar-offset);
  top: 0;
}

.scroll-to-top-button {
  position: fixed;
  z-index: 3;
}

.datepicker {
  display: inline-block;
  vertical-align: top;
  z-index: 100;
}
@media (min-width: 37.5rem) {
  .datepicker {
    width: auto;
  }
}

.datepicker__content {
  position: relative;
  display: block;
}
@media (min-width: 37.5rem) {
  .datepicker__content {
    display: flex;
    flex-wrap: nowrap;
  }
}

.datepicker__column {
  position: relative;
  width: 100%;
  border-top: 1px solid var(--color-neutral-border-subtlest);
}
@media (min-width: 37.5rem) {
  .datepicker__column {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    border-top: 0;
    border-left: 1px solid var(--color-neutral-border-subtlest);
    width: auto;
    min-width: 100px;
  }
}
@media (max-width: 37.499rem) {
  .datepicker__column {
    min-width: auto !important;
  }
}
.datepicker__column .scroll-fade {
  flex-basis: 0;
  flex-grow: 1;
  overflow: auto;
}
.datepicker__column .scroll-fade__inner {
  padding: 16px;
  height: 100%;
  scrollbar-gutter: stable;
  scroll-padding-block: 16px;
}
@media (min-width: 37.5rem) {
  .datepicker__column .scroll-fade__inner {
    padding-block: 24px;
    scroll-padding-block: 24px;
  }
}

.datepicker__month {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.datepicker__calendar {
  padding: 24px 14px 20px;
}

.datepicker__month-caption {
  padding: 0 2px;
}

.datepicker__week-header,
.datepicker__week-number,
.datepicker__day-name {
  color: var(--color-neutral-text-subtle);
  text-align: center;
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
  font-weight: 700;
}

.datepicker__week-header,
.datepicker__day-name {
  padding-bottom: 4px;
}

.datepicker__week-header,
.datepicker__week-number {
  padding-right: 6px;
}

.datepicker__day-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 2px;
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
  width: 2rem;
  aspect-ratio: 1;
  border: 0;
  background-color: transparent;
  transition: background-color var(--animation-duration-medium) var(--animation-easing-medium), color var(--animation-duration-medium) var(--animation-easing-medium);
  border-radius: 100%;
}
html[data-whatintent=mouse] .datepicker__day:not(.is-selected) .datepicker__day-inner:hover {
  color: var(--color-brand-primary-text-hover);
  background-color: var(--color-neutral-bg-hover);
}
.datepicker__day.is-current .datepicker__day-inner {
  font-weight: 700;
}
.datepicker__day.is-selected .datepicker__day-inner {
  font-weight: 700;
  color: var(--color-brand-primary-text-onbg-strong);
  background-color: var(--color-brand-primary-bg-strong);
}
.datepicker__day.is-disabled .datepicker__day-inner, html[data-whatintent=mouse] .datepicker__day.is-disabled .datepicker__day-inner:hover {
  color: var(--color-disabled-text);
  background-color: transparent;
}

.datepicker__buttons {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  background-color: var(--color-neutral-bg-level-4);
}

.datepicker__options {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.datepicker__options[aria-hidden=true] {
  opacity: 0;
  padding-block: 16px;
}

.datepicker__option {
  display: flex;
  height: auto;
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  padding: 5px 16px;
  border-radius: 20px;
  transition: background-color var(--animation-duration-medium) var(--animation-easing-medium), color var(--animation-duration-medium) var(--animation-easing-medium);
}
html[data-whatintent=mouse] .datepicker__option:not([aria-selected=true]):hover {
  color: var(--color-brand-primary-text-hover);
  background-color: var(--color-neutral-bg-hover);
}
.datepicker__option[aria-selected=true] {
  font-weight: 700;
  color: var(--color-brand-primary-text-onbg-strong);
  background-color: var(--color-brand-primary-bg-strong);
}
.datepicker__column--align-left .datepicker__option {
  text-align: left;
}

.datepicker__option-extra-content {
  margin-left: 24px;
}

.datepicker__option-extra-content,
.datepicker__option-label {
  position: relative;
}

.datepicker__option-extra-content-inner[aria-hidden=true],
.datepicker__option-label-inner[aria-hidden=true] {
  visibility: hidden;
  font-weight: 700;
}
.datepicker__option-extra-content-inner:not([aria-hidden=true]),
.datepicker__option-label-inner:not([aria-hidden=true]) {
  position: absolute;
  inset: 0;
}

.datepicker__options-helper {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: flex;
  min-height: 100%;
  align-items: center;
  padding: 16px 8px;
}

.datepicker__spinner .spinner__circle {
  display: block;
  margin: 0 auto;
  width: 1.5rem;
  height: 1.5rem;
}
.datepicker__spinner .spinner__text {
  margin-top: 8px;
}

.datepicker__notice {
  width: 100%;
}

.datefield__input {
  cursor: pointer;
}

.suggestion {
  padding-left: 0;
  list-style: none;
  --suggestion-color: var(--color-neutral-text);
  --suggestion-hover-color: var(--color-brand-primary-text-hover);
  background: var(--color-neutral-bg-level-3);
  border-radius: 4px;
  box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 12px 24px rgba(0, 0, 0, 0.1);
  text-align: left;
  max-height: 400px;
  overflow: auto;
  position: relative;
  z-index: 19;
}

.suggestion__item {
  position: relative;
  margin-top: -1px;
}
.suggestion__item::after, .suggestion__item::before {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  left: 10px;
  right: 10px;
  background-color: var(--color-neutral-border-subtle);
  z-index: 0;
}
.suggestion__item::after {
  bottom: 0;
  display: none;
}
.suggestion__item::before {
  top: 0;
}
.suggestion__item:first-child {
  margin-top: 0;
}
.suggestion__item:first-child::before {
  display: none;
}
.suggestion__group-list .suggestion__item:first-child::before {
  display: block;
}
.suggestion__item.suggestion__item--grouped:not(:first-child)::before {
  display: none;
}
.suggestion__group-list > .suggestion__item::after {
  display: none;
}
.suggestion__item.suggestion__item--additional-content {
  padding-top: 10px;
}

.suggestion__group-list {
  padding-left: 0;
  list-style: none;
}

.suggestion__link {
  display: flex;
  align-items: center;
  padding: 9px 16px;
  color: var(--suggestion-color);
  position: relative;
  z-index: 1;
  cursor: pointer;
  font-weight: 400;
  transition: color 150ms ease;
}
html[data-whatintent=mouse] .suggestion__link:hover, .suggestion__link:focus-visible, .suggestion__item.is-focused .suggestion__link, .suggestion__item.is-focused.is-active .suggestion__link {
  color: var(--suggestion-hover-color);
  background-color: var(--color-neutral-bg-level-4);
}
.suggestion__link:focus-visible, .suggestion__item.is-focused .suggestion__link {
  outline: 2px solid var(--color-focus-outline, #0094ff);
  outline-offset: 2px;
  outline-offset: -2px;
}
.suggestion__item.is-active .suggestion__link {
  --suggestion-color: var(--color-brand-primary-text);
  font-weight: 700;
}
.suggestion__item--employee .suggestion__link, .suggestion__item--employee.is-active .suggestion__link {
  --suggestion-color: var(--color-employee-text);
  --suggestion-hover-color: var(--color-employee-text-hover);
}

.suggestion__icon {
  vertical-align: baseline;
  margin-top: 0;
  font-size: 1.5rem;
  margin-right: 8px;
  margin-block: -1px;
  flex-shrink: 0;
}

.suggestion__image {
  width: 1.5rem;
  margin-right: 8px;
  flex-shrink: 0;
}

.suggestion__sub-label {
  display: block;
  font-size: var(--type-tiny-font-size);
  font-weight: 700;
  color: var(--color-neutral-text-subtle);
  line-height: var(--type-tiny-line-height);
}

.suggestion__spinner {
  padding: 9px 16px;
  line-height: 0;
}
.suggestion__spinner .spinner__circle {
  width: 1.5rem;
  height: 1.5rem;
}

.suggestion__item--no-results-message {
  padding: 9px 16px;
  color: var(--color-neutral-text-subtle);
}

.suggestion__label-mark {
  background: none;
  color: inherit;
  font-weight: 700;
}

.suggestion__group-label {
  padding: 16px 16px 4px;
  font-size: var(--type-tiny-font-size);
  color: var(--color-neutral-text-subtle);
  line-height: var(--type-tiny-line-height);
}

.dropdown {
  position: absolute;
  max-width: calc(100vw - 20px);
  z-index: 19;
}

.dropdown--width-default {
  width: 320px;
}

.dropdown__suggestion {
  max-height: inherit;
  transform: translateY(0);
  opacity: 1;
}
.dropdown.is-open .dropdown__suggestion, .dropdown.is-close .dropdown__suggestion {
  transition: transform var(--animation-duration-short) var(--animation-easing-short), opacity var(--animation-duration-short) var(--animation-easing-short);
}
.dropdown.is-initial .dropdown__suggestion, .dropdown.is-close .dropdown__suggestion {
  transform: translateY(-10px);
  opacity: 0;
}

.eu-icon {
  display: inline-block;
  min-width: 50px;
  text-align: center;
  font-weight: 700;
}

.eu-icon__svg {
  display: block;
  margin: 0 auto;
}

.equal-height {
  display: flex;
  flex-direction: column;
  min-height: 1px;
}

.equal-height--middle {
  justify-content: center;
}

.equal-height--bottom {
  justify-content: flex-end;
}

.equal-height__inner {
  width: 100%;
}

.feature-list {
  display: flex;
  position: relative;
}

.feature-list__inner {
  width: 100%;
  border-radius: 8px;
  background-color: var(--color-brand-primary-bg-subtle);
  padding: 16px 32px;
  font-size: var(--type-h5-font-size);
  line-height: var(--type-h5-line-height);
}
@media (min-width: 50rem) {
  .feature-list__inner {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
}
@media (max-width: 49.999rem) {
  .feature-list__inner {
    padding: 24px 16px;
    font-size: var(--type-font-size);
    line-height: var(--type-line-height);
  }
}

.feature-list__item {
  padding: 16px;
  display: block;
}
@media (min-width: 50rem) {
  .feature-list__item {
    width: 100%;
  }
}
@media (max-width: 49.999rem) {
  .feature-list__item {
    padding: 8px 16px;
  }
}

@media (min-width: 37.5rem) {
  .feature-list__item-inner {
    max-width: 16.875rem;
  }
}

.feature-list__item-icon {
  font-size: 2.5rem;
}
@media (min-width: 50rem) {
  .feature-list__item-icon {
    font-size: 3rem;
  }
}

.feature-list__item-image {
  width: 2.5rem;
}
@media (min-width: 50rem) {
  .feature-list__item-image {
    width: 3rem;
  }
}

.feature-list__item-icon-col {
  height: 3rem;
}

.fittext {
  display: block;
}

.filefield {
  --filefield-border-color: var(--color-neutral-border);
  --filefield-shadow-size: 0px;
  --filefield-horizontal-padding: 12px;
  --filefield-horizontal-inner-padding: calc(var(--filefield-horizontal-padding) - 1px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  width: 100%;
  max-width: 100%;
}
.filefield.is-focused {
  z-index: 2;
}

.filefield--employee {
  --filefield-border-color: var(--color-employee-border);
}

.filefield.is-invalid {
  --filefield-shadow-size: 1px;
  --filefield-border-color: var(--color-error-border);
}

.filefield.is-disabled {
  --filefield-border-color: var(--color-disabled-border);
  color: var(--color-disabled-text);
}

.filefield__inner {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-end;
  flex-wrap: wrap;
}

.filefield__input {
  transition: border-color var(--animation-duration-short) var(--animation-easing-short), box-shadow var(--animation-duration-short) var(--animation-easing-short);
  position: relative;
  border: 1px solid var(--filefield-border-color);
  border-radius: 4px;
  box-shadow: inset 0 0 0 var(--filefield-shadow-size) var(--filefield-border-color);
  display: block;
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
  font-weight: 400;
  margin: 0;
  padding: 10px var(--filefield-horizontal-inner-padding);
  flex-grow: 1;
  background: transparent;
  text-align: left;
}
.filefield.is-focused .filefield__input {
  outline: 2px solid var(--color-focus-outline, #0094ff);
  outline-offset: 2px;
}
.filefield.is-disabled .filefield__input {
  background-color: transparent;
  color: var(--color-disabled-text);
  outline: none;
}

.filefield__input-field {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.filefield.is-disabled .filefield__input-field {
  cursor: default;
}

.filefield__label {
  transition: color var(--animation-duration-short) var(--animation-easing-short);
  display: flex;
  gap: 4px;
  align-items: center;
  color: var(--color-neutral-text);
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
  flex-direction: row;
  text-align: left;
}
.filefield.is-disabled .filefield__label {
  color: var(--color-disabled-text);
}
.filefield--no-label-no-break .filefield__label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
@media (min-width: 37.5rem) {
  .filefield--no-label-sm .filefield__label {
    /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}
@media (min-width: 50rem) {
  .filefield--no-label-md .filefield__label {
    /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}

.filefield__label-icon {
  font-size: 1rem;
  color: var(--color-employee-graphic);
}

.filefield__files {
  pointer-events: none;
  min-height: calc(var(--type-font-size) * var(--type-line-height) + 4px);
}

.filefield__file {
  pointer-events: auto;
}

.slider {
  --slider-font-size: var(--type-small-font-size);
  --slider-line-height: var(--type-small-line-height);
  --slider-handle-size: 1.5rem;
  --slider-handle-inner-size: 0.625rem;
  --slider-tooltip-padding: 4px;
  --slider-tooltip-height: calc(var(--slider-font-size) * var(--slider-line-height));
  --slider-target-height: 0.125rem;
  --slider-target-border-radius: 5px;
  overflow: visible;
  position: relative;
  padding-right: calc(var(--slider-handle-size) / 2);
  padding-bottom: calc(var(--slider-handle-size) / 2 + var(--slider-tooltip-height) + var(--slider-tooltip-padding));
  padding-left: calc(var(--slider-handle-size) / 2);
}
.slider * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
}

.slider__target {
  position: relative;
  height: var(--slider-target-height);
  background: var(--color-neutral-border-subtle);
  color: var(--color-neutral-text);
  margin-top: calc(var(--slider-handle-size) / 2);
}
.is-disabled .slider__target {
  color: var(--color-disabled-text);
  background: var(--color-disabled-bg);
}
.slider__target::before, .slider__target::after {
  content: "";
  display: block;
  position: absolute;
  height: var(--slider-target-height);
  width: calc(var(--slider-handle-size) / 2);
  top: 0;
  background: var(--color-neutral-border-subtle);
}
.is-disabled .slider__target::before, .is-disabled .slider__target::after {
  background: var(--color-disabled-bg);
}
.slider__target::before {
  left: calc(var(--slider-handle-size) / -2);
  border-radius: var(--slider-target-border-radius) 0 0 var(--slider-target-border-radius);
}
.slider__target::after {
  right: calc(var(--slider-handle-size) / -2);
  border-radius: 0 var(--slider-target-border-radius) var(--slider-target-border-radius) 0;
}

.slider__base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  transform: translate3d(0, 0, 0);
}
.slider__base::before, .slider__base::after {
  content: "";
  display: block;
  position: absolute;
  height: var(--slider-handle-size);
  top: calc(var(--slider-handle-size) / -2);
  width: 100%;
}
.slider__base::before {
  left: calc(var(--slider-handle-size) / -2);
}
.slider__base::after {
  right: calc(var(--slider-handle-size) / -2);
}

.slider__origin {
  position: absolute;
  z-index: 1;
  top: 0;
  left: auto;
  right: 0;
  height: 0;
  width: 100%;
  transform-origin: 0 0;
  will-change: transform;
}
.slider__state-tap .slider__origin {
  transition: transform 0.3s;
}

.slider__state-drag * {
  cursor: inherit !important;
}

.slider__handle {
  position: absolute;
  width: var(--slider-handle-size);
  height: var(--slider-handle-size);
  right: calc(var(--slider-handle-size) / -2);
  top: calc(var(--slider-handle-size) / -2);
  border-radius: 50%;
  background: var(--color-neutral-bg-level-1);
  cursor: pointer;
  transition: background-color 200ms;
}
.slider__handle::before {
  content: " ";
  position: absolute;
  width: var(--slider-handle-size);
  height: var(--slider-handle-size);
  left: 0;
  top: 0;
  display: block;
  border-radius: 50%;
  background: var(--color-brand-primary-bg-strong);
}
.is-disabled .slider__handle::before {
  background: var(--color-disabled-text);
}
.slider__handle::after {
  content: " ";
  position: absolute;
  height: var(--slider-handle-inner-size);
  width: var(--slider-handle-inner-size);
  left: 50%;
  top: 50%;
  display: block;
  background: var(--color-brand-primary-text-onbg-strong);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.is-disabled .slider__handle::after {
  background: var(--color-neutral-bg-level-1);
}
.is-disabled .slider__handle {
  cursor: default;
}
.slider:not(.is-disabled) .slider__handle:hover::before {
  background: var(--color-brand-primary-bg-strong-hover);
}

.slider__tooltip {
  display: block;
  position: absolute;
  right: auto;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(var(--slider-handle-size) * -1);
  text-align: center;
  font-weight: 700;
  font-size: var(--slider-font-size);
  line-height: var(--slider-line-height);
  white-space: nowrap;
}
.slider:not(.is-disabled) .slider__handle:hover .slider__tooltip {
  color: var(--color-brand-primary-text-hover);
}

.slider__tooltip--left {
  left: 0;
  right: auto;
  transform: none;
}

.slider__tooltip--right {
  left: auto;
  right: 0;
  transform: none;
}

.slider__tooltip--collapsed {
  bottom: var(--slider-target-height);
}

.slider__tooltip--hidden {
  visibility: hidden;
}

.slider__connect {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform-origin: 0 0;
  will-change: transform;
  background-color: var(--color-brand-primary-bg-strong);
}
.is-disabled .slider__connect {
  background: var(--color-disabled-bg);
}
.slider__state-tap .slider__connect {
  transition: transform 0.3s;
}

.slider__pips-wrapper {
  position: relative;
  width: 100%;
  margin-top: calc(var(--slider-handle-size) / 2 + var(--slider-tooltip-padding) / 2);
  margin-bottom: 2.375rem;
  font-size: var(--slider-font-size);
  line-height: var(--slider-line-height);
}

.slider__pip {
  cursor: pointer;
  position: absolute;
  transform: translateX(-50%);
}
.slider__pip:hover {
  color: var(--color-brand-primary-text-hover);
}

.slider__pip--active {
  color: var(--color-brand-primary-bg-strong);
  transition: color 0.3s;
}

.slider__pip--disabled,
.slider__pip--disabled:hover {
  color: var(--color-disabled-text);
  cursor: auto;
}

.slider__pip-inner {
  display: flex;
  font-weight: 700;
}

.slider__pip-label {
  max-width: 5.625rem;
}

.slider__pip-icon {
  font-size: 0.5rem;
}

.slider__form-helper {
  padding-bottom: 8px;
  margin-left: calc(var(--slider-handle-size) / 2 * -1);
}

.slider__label {
  display: block;
  padding-bottom: 8px;
  margin-left: calc(var(--slider-handle-size) / 2 * -1);
}
.is-disabled .slider__label {
  color: var(--color-disabled-text);
}
.slider--no-label-no-break .slider__label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
@media (min-width: 37.5rem) {
  .slider--no-label-sm .slider__label {
    /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}
@media (min-width: 50rem) {
  .slider--no-label-md .slider__label {
    /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}

.filter__heading {
  margin-bottom: 16px;
}

.filter__footer {
  text-align: center;
  padding: 16px 16px 0;
  background: none;
}

@media (min-width: 50rem) {
  .filter__save {
    display: none;
  }
}

.filter__content {
  padding-bottom: 16px;
}

.tooltip-toggle {
  background: transparent;
  padding: 0;
  border: 0;
  margin: 0;
  text-align: inherit;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
html[data-whatintent=mouse] .tooltip-toggle:hover {
  color: var(--color-brand-primary-text-hover);
}
html[data-whatintent=mouse] .tooltip-toggle.tooltip-toggle--employee:hover {
  color: var(--color-employee-text-hover);
}

.tooltip-toggle--icon {
  position: relative;
  color: var(--color-brand-primary-text);
  vertical-align: middle;
  width: 24px;
  height: 1em;
}
.tooltip-toggle--icon.tooltip-toggle--employee {
  color: var(--color-employee-text);
}
html[data-whatintent=mouse] .tooltip-toggle--icon:hover {
  color: var(--color-brand-primary-text-hover);
}
html[data-whatintent=mouse] .tooltip-toggle--icon.tooltip-toggle--employee:hover {
  color: var(--color-employee-text-hover);
}
.tooltip-toggle--icon::after {
  content: "";
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
}

.tooltip-toggle__inner {
  position: relative;
  background-image: linear-gradient(to right, var(--color-brand-primary-text) 40%, transparent 20%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
  padding-bottom: 2px;
}
html[data-whatintent=mouse] .tooltip-toggle:not(.tooltip-toggle--icon):hover .tooltip-toggle__inner {
  background-image: linear-gradient(to right, var(--color-brand-primary-text-hover) 40%, transparent 20%);
}
.tooltip-toggle--employee .tooltip-toggle__inner {
  background-image: linear-gradient(to right, var(--color-employee-text) 40%, transparent 20%);
}
html[data-whatintent=mouse] .tooltip-toggle--employee:not(.tooltip-toggle--icon):hover .tooltip-toggle__inner {
  background-image: linear-gradient(to right, var(--color-employee-text-hover) 40%, transparent 20%);
}
.tooltip-toggle--icon .tooltip-toggle__inner {
  background: none;
  padding-bottom: 0;
  position: absolute;
  height: 24px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.tooltip-toggle--icon .tooltip-toggle__text {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.footer {
  color: var(--color-neutral-text);
  background: var(--color-brand-primary-bg-subtle);
}
.footer.footer--neutral {
  background: var(--color-neutral-bg-level-2);
}
@media print {
  .footer {
    display: none;
  }
}

.footer__link {
  display: inline-flex;
  font-weight: 400;
  padding: 4px 0;
  color: var(--color-neutral-text);
}
@media (min-width: 50rem) {
  .footer__link {
    padding: 0;
  }
}

.footer__link--social {
  color: var(--color-neutral-graphic);
  display: initial;
  padding: 0;
}

.footer__content {
  display: none;
  padding-bottom: 40px;
}
@media (min-width: 50rem) {
  .footer__content {
    display: block;
    margin-left: 0;
    margin-right: 0;
    background-color: transparent;
  }
}

.footer__title {
  font-weight: 700;
}
@media (min-width: 50rem) {
  .footer__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 16px;
  }
}

.footer__footer {
  padding-bottom: 24px;
}
.footer--align-center .footer__footer * {
  text-align: center;
}
.footer__footer:only-child {
  padding: 32px 0;
}

.footer__footer-item {
  color: var(--color-neutral-text-subtle);
}
@media (min-width: 50rem) {
  .list--direction-inline.list--bordered > .list__inner > .footer__footer-item:not(:first-child) {
    border-left-color: var(--color-neutral-border-subtle);
  }
}
.footer__footer-item:first-child {
  font-weight: 700;
  color: var(--color-neutral-text);
}
.footer--align-center .footer__footer-item {
  max-width: none;
}

.footer__list--two-column > .list__inner {
  columns: 2;
}

.footer__top {
  padding-top: 24px;
}

.grid-collapse {
  transition: 150ms height;
}

.grid-collapse-trigger {
  transition: 150ms all;
}

.grid-collapse-trigger--entered {
  opacity: 1;
}

.grid-collapse-trigger--exiting {
  opacity: 0;
}

.grid-collapse-trigger--exited {
  display: none;
}

.horizontal-progress {
  margin-right: -7px;
  margin-left: -7px;
}
.horizontal-progress.is-horizontal {
  margin-right: -10px;
  margin-left: -10px;
}

.horizontal-progress__steps {
  padding-left: 0;
  list-style: none;
  position: relative;
  z-index: 1;
  counter-reset: progress-counter;
}
.horizontal-progress.is-horizontal .horizontal-progress__steps {
  display: flex;
  align-items: flex-start;
}

.horizontal-progress__item {
  counter-increment: progress-counter;
  position: relative;
  margin-top: 40px;
  padding-right: 7px;
  padding-left: 7px;
}
.horizontal-progress__item:first-child {
  margin-top: 0;
}
.horizontal-progress__item.is-current + .horizontal-progress__item {
  margin-top: 0;
}
.horizontal-progress.is-horizontal .horizontal-progress__item {
  flex: 1 1 0%;
  display: inline-block;
  margin-top: 0;
  padding-right: 10px;
  padding-left: 10px;
}

.horizontal-progress__header {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  overflow: visible;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  display: block;
  position: relative;
  padding-left: calc(2rem + 16px);
  min-height: calc(4px + var(--type-h4-xl-font-size) * var(--type-h4-xl-line-height));
}
@media (max-width: 37.499rem) {
  .horizontal-progress__header {
    padding-left: 2.5rem;
    min-height: 1.5rem;
  }
}
.horizontal-progress__header::after {
  content: "";
  display: block;
  width: 2px;
  position: absolute;
  z-index: -1;
  top: -15px;
  left: calc(1rem - 1px);
  bottom: -25px;
  background: var(--color-neutral-border-subtlest);
}
@media (max-width: 37.499rem) {
  .horizontal-progress__header::after {
    left: calc(0.75rem - 1px);
  }
}
.horizontal-progress__item:first-child .horizontal-progress__header::after {
  top: 0;
}
@media (max-width: 37.499rem) {
  .horizontal-progress__item:first-child .horizontal-progress__header::after {
    top: 5px;
  }
}
.horizontal-progress__item:last-child .horizontal-progress__header::after {
  bottom: 16px;
}
.horizontal-progress__item.is-current .horizontal-progress__header::after {
  top: 28px;
  bottom: -15px;
}
.horizontal-progress__item.is-done .horizontal-progress__header::after {
  top: 28px;
  bottom: -46px;
  background: var(--color-success-border);
}
.horizontal-progress.is-horizontal .horizontal-progress__header {
  padding-left: 0;
  padding-bottom: calc(4px + var(--type-h4-xl-font-size) * var(--type-h4-xl-line-height) + 16px);
  text-align: left;
}
.horizontal-progress.is-horizontal .horizontal-progress__header::after {
  width: 100%;
  height: 2px;
  top: auto;
  bottom: calc((4px + var(--type-h4-xl-font-size) * var(--type-h4-xl-line-height)) / 2 - 1px);
  left: 20px;
}
.horizontal-progress.is-horizontal .horizontal-progress__item:last-child .horizontal-progress__header::after {
  display: none;
}
.horizontal-progress.is-horizontal .horizontal-progress__item.is-done .horizontal-progress__header::after {
  background: var(--color-success-border);
}

.horizontal-progress__badge-wrapper {
  background-color: var(--color-neutral-bg-level-1);
  border-radius: 100rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
@media (max-width: 37.499rem) {
  .horizontal-progress__badge-wrapper {
    top: 5px;
  }
}
.horizontal-progress.is-horizontal .horizontal-progress__badge-wrapper {
  top: auto;
  bottom: 0;
  left: 0;
  margin-left: 0;
}

.horizontal-progress__counter::before {
  content: counter(progress-counter);
}
.horizontal-progress__item.is-done .horizontal-progress__counter::before {
  display: none;
}

.horizontal-progress__title {
  color: var(--color-neutral-text-subtle);
  padding: 0;
}
.horizontal-progress__item.is-done .horizontal-progress__title, .horizontal-progress__item.is-current .horizontal-progress__title {
  color: var(--color-neutral-text);
}
.horizontal-progress.is-vertical .horizontal-progress__title {
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
  padding: 6px 0 0;
}

.horizontal-progress__button {
  text-align: left;
  padding: 0;
}

button.horizontal-progress__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  overflow: visible;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
}

.horizontal-progress__content {
  display: none;
  margin-top: 15px;
  margin-bottom: 15px;
  border: 2px solid var(--color-neutral-border-subtlest);
  border-radius: 3px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: var(--color-neutral-text-subtle);
}
.horizontal-progress__item.is-current .horizontal-progress__content {
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  color: var(--color-neutral-text);
}
@media (max-width: 37.499rem) {
  .horizontal-progress__item.is-current .horizontal-progress__content {
    margin-left: -5px;
  }
}
.horizontal-progress__item.is-done .horizontal-progress__content {
  color: var(--color-neutral-text);
}
.horizontal-progress.is-horizontal .horizontal-progress__content {
  display: block;
  border: none;
  text-align: left;
}
.horizontal-progress.is-horizontal .horizontal-progress__item.is-current .horizontal-progress__content {
  display: block;
  padding-left: 0;
  padding-right: 0;
}

.horizontal-filter {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  color: var(--color-neutral-text);
}
.horizontal-filter .horizontal-scroll__item .horizontal-filter-item__wrapper {
  padding: 4px 2px;
}
.horizontal-filter .horizontal-scroll__item:first-child .horizontal-filter-item__wrapper {
  padding: 4px 2px 4px 4px;
}
.horizontal-filter .horizontal-scroll__item:last-child .horizontal-filter-item__wrapper {
  padding: 4px 4px 4px 2px;
}
.horizontal-filter .horizontal-scroll__item:last-child .horizontal-filter-item__show-all-btn {
  margin: 4px 4px 4px 2px;
}

.horizontal-filter-item, .horizontal-filter-item__show-all-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  overflow: visible;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  padding: 12px 16px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 400;
  position: relative;
  min-height: 48px;
  transition: color var(--animation-duration-short) var(--animation-easing-short);
}
.horizontal-filter-item.is-active, .is-active.horizontal-filter-item__show-all-btn {
  font-weight: 700;
}
.horizontal-filter-item.is-clearable, .is-clearable.horizontal-filter-item__show-all-btn {
  padding: 12px 16px 12px 44px;
}
.horizontal-filter-item::before, .horizontal-filter-item__show-all-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  border: 1px solid var(--color-neutral-border);
  border-radius: inherit;
  z-index: 1;
}
html[data-whatintent=mouse] .horizontal-filter-item:hover, html[data-whatintent=mouse] .horizontal-filter-item__show-all-btn:hover {
  color: var(--color-brand-primary-text-hover);
}
html[data-whatintent=mouse] .horizontal-filter-item:hover::before, html[data-whatintent=mouse] .horizontal-filter-item__show-all-btn:hover::before {
  border: 1px solid var(--color-brand-primary-border);
}
html[data-whatintent=mouse] .horizontal-filter-item:not(:hover)::before, html[data-whatintent=mouse] .horizontal-filter-item__show-all-btn:not(:hover)::before {
  transition: border var(--animation-duration-short) var(--animation-easing-short);
}
html[data-whatintent=mouse] .horizontal-filter-item.is-active:hover::before, html[data-whatintent=mouse] .is-active.horizontal-filter-item__show-all-btn:hover::before, .horizontal-filter-item:active:hover::before, .horizontal-filter-item__show-all-btn:active:hover::before {
  border: 2px solid var(--color-brand-primary-border);
}
.horizontal-filter-item.is-active::before, .is-active.horizontal-filter-item__show-all-btn::before, .horizontal-filter-item:active::before, .horizontal-filter-item__show-all-btn:active::before {
  border: 2px solid var(--color-brand-primary-border);
}

.horizontal-filter-item__dropdown-footer {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.horizontal-filter-item__dropdown {
  position: absolute;
  max-width: calc(100vw - 20px);
  z-index: 19;
  width: 288px;
}

.horizontal-filter-item__dropdown-inner {
  transition: 100ms ease-out;
  transition-property: transform, opacity;
  transform: translateY(-10px);
  opacity: 0;
  max-height: 400px;
  overflow: auto;
}
.horizontal-filter-item__dropdown.is-open .horizontal-filter-item__dropdown-inner {
  transform: translateY(0);
  opacity: 1;
}

.horizontal-filter-item__show-all-btn {
  font-weight: 700;
}

.horizontal-filter-item__icon {
  transform: rotate(0deg);
  display: block;
}
.horizontal-filter-item.is-active.is-open .horizontal-filter-item__icon, .is-active.is-open.horizontal-filter-item__show-all-btn .horizontal-filter-item__icon {
  transform: rotate(180deg);
}

.horizontal-filter__skeleton .skeleton__content {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

.horizontal-filter-item__clear-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
}

.horizontal-filter-item__wrapper {
  display: flex;
  position: relative;
}

.horizontal-scroll {
  position: relative;
  display: flex;
}

.select,
.select-menu-outer {
  --select-icon-size: 1.5rem;
}

.select {
  --select-border-color: var(--color-neutral-border);
  --select-shadow-size: 0px;
  --select-horizontal-padding: 12px;
  --select-horizontal-inner-padding: calc(var(--select-horizontal-padding) - 1px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  width: 100%;
  max-width: 100%;
}
.select.is-focused {
  z-index: 2;
}
.table .select {
  min-width: 180px;
}

.select--small,
.select-menu-outer--small {
  --select-icon-size: 1rem;
}

.select--small {
  --select-horizontal-padding: 8px;
}
.table .select--small {
  min-width: 140px;
}

.select--employee {
  --select-border-color: var(--color-employee-border);
}

.select.is-invalid {
  --select-shadow-size: 1px;
  --select-border-color: var(--color-error-border);
}

.select.is-disabled {
  --select-border-color: var(--color-disabled-border);
  color: var(--color-disabled-text);
}

.select__inner {
  position: relative;
  width: 100%;
}

.select__wrapper {
  border: 1px solid var(--select-border-color);
  border-radius: 4px;
  box-shadow: inset 0 0 0 var(--select-shadow-size) var(--select-border-color);
  display: block;
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
  font-weight: 400;
  margin: 0;
  width: 100%;
  background: transparent;
  color: var(--color-neutral-text);
  text-transform: none;
  transition: border-color var(--animation-duration-short) var(--animation-easing-short), box-shadow var(--animation-duration-short) var(--animation-easing-short);
  text-align: left;
}
.select__wrapper:focus-within {
  outline: 2px solid var(--color-focus-outline, #0094ff);
  outline-offset: 2px;
}
.select.is-disabled .select__wrapper {
  background-color: transparent;
  color: var(--color-disabled-text);
  -webkit-text-fill-color: var(--color-disabled-text);
  outline: none;
}
.select--no-border.is-open .select__wrapper, .select--no-border .select__wrapper {
  border-color: transparent;
}
.select__wrapper::-ms-clear {
  display: none;
}
.select__wrapper:focus {
  outline: none;
}
.select--small .select__wrapper {
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
}

.select__label {
  display: flex;
  gap: 4px;
  align-items: center;
  color: var(--color-neutral-text);
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
  text-align: left;
  padding: 0;
  transition: color var(--animation-duration-short) var(--animation-easing-short);
  font-weight: 400;
}
.select.is-disabled .select__label {
  color: var(--color-disabled-text);
}
.select--no-label-no-break .select__label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
@media (min-width: 37.5rem) {
  .select--no-label-sm .select__label {
    /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}
@media (min-width: 50rem) {
  .select--no-label-md .select__label {
    /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}

.select__label-icon {
  font-size: 1rem;
  color: var(--color-employee-graphic);
}

.select__icon {
  vertical-align: baseline;
  margin-top: 0;
  transition: transform var(--animation-duration-medium) var(--animation-easing-medium);
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  right: var(--select-horizontal-padding);
  font-size: var(--select-icon-size);
  pointer-events: none;
}
.select.is-open .select__icon {
  transform: translateY(50%) rotate(180deg);
}

.select__icon-search {
  vertical-align: baseline;
  margin-top: 0;
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  left: var(--select-horizontal-padding);
  font-size: var(--select-icon-size);
}

.select__control {
  position: relative;
  width: 100%;
}

.select__placeholder {
  color: var(--color-neutral-text-subtle);
  padding: 1px 0;
  min-height: calc(var(--type-font-size) * var(--type-line-height));
}
.select--small .select__placeholder {
  min-height: calc(var(--type-small-font-size) * var(--type-small-line-height));
}
.select--small .select__placeholder, .select__value-container--is-multi .select__placeholder {
  padding: 0;
}

.select__menu {
  position: absolute;
  z-index: 31;
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
}

.select-menu-outer--small {
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
}

.select__menu-list {
  background-color: var(--color-neutral-bg-level-3);
  box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 12px 24px rgba(0, 0, 0, 0.1);
  max-height: inherit;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 4px;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.select__option {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 9px 16px;
  cursor: pointer;
  overflow: hidden;
}
.select__option:not(:first-child)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  height: 1px;
  background: var(--color-neutral-border-subtle);
}
.select-menu-outer--small .select__option {
  padding: 6px 8px;
}

.select__option--is-selected {
  color: var(--color-brand-primary-text);
  font-weight: 700;
}
.select-menu-outer--employee .select__option--is-selected {
  color: var(--color-employee-text);
}
.select__option--is-selected .check__content {
  font-weight: 700;
}

.select__option--is-focused {
  color: var(--color-brand-primary-text-hover);
  background-color: var(--color-neutral-bg-hover);
}
.select-menu-outer--employee .select__option--is-focused {
  color: var(--color-employee-text-hover);
}
.select__option--is-focused::after {
  display: none;
}
.select__option--is-focused + .select__option::after {
  display: none;
}

.select__option--employee {
  color: var(--color-employee-text);
}
.select__option--employee.select__option--is-focused {
  color: var(--color-employee-text-hover);
}

.select__option--is-disabled {
  color: var(--color-disabled-text);
  cursor: default;
}

.select__value-container {
  display: block;
  padding: 11px calc(var(--select-icon-size) + 8px + var(--select-horizontal-inner-padding)) 11px var(--select-horizontal-inner-padding);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.select--searchable .select__value-container {
  display: flex;
  flex: 1;
  padding-left: calc(var(--select-icon-size) + 8px + var(--select-horizontal-inner-padding));
}
.select--small .select__value-container {
  padding-top: 5px;
  padding-bottom: 5px;
}
.select__value-container > input {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  left: 0 !important;
}

.select__single-value,
.select__value-wrapper {
  flex-shrink: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.select__value-wrapper {
  padding: 1px 0;
}
.select--small .select__value-wrapper {
  padding: 0;
}

.select__single-value {
  display: flex;
  align-items: center;
}

.select__multi-value {
  display: inline;
}
.select__multi-value:not(:first-child)::before {
  content: ",";
  margin-right: 4px;
}

.select__menu-notice--no-options {
  cursor: default;
  display: block;
  padding: 9px 16px;
  color: var(--color-neutral-text-subtle);
}
.select-menu-outer--small .select__menu-notice--no-options {
  padding: 6px 8px;
}

.select-menu-outer .check__inner {
  display: block;
}

.select-menu-outer--small .check__content {
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
  margin-top: calc((1rem - var(--type-small-line-height) * var(--type-small-font-size)) / 2);
}

.select__option-content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.select-menu-outer--small .select__option-content {
  gap: 4px;
}

.select__option-label {
  display: flex;
}

.select__option-icon {
  flex-shrink: 0;
  height: var(--select-icon-size);
  width: var(--select-icon-size);
  margin-block: -1px;
}
.select-menu-outer--small .select__option-icon {
  margin-block: 0;
  margin-top: 0.05rem;
}
.select__option-check .select__option-icon {
  margin-block: 0;
}
.select__value-container .select__option-icon {
  margin-right: 8px;
}

.select__option-check {
  width: 100%;
  margin-block: -1px;
}
.select-menu-outer--small .select__option-check {
  margin-block: 1px;
}
.select-menu-outer--small .select__option-check .check__indicator {
  margin-top: 0.05rem;
}
.select__option-check .check__inner .check__content,
.select__option-check .check__inner:hover .check__content {
  color: inherit;
}

.select__sub-label {
  color: var(--color-neutral-text-subtle);
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
}
.select__option--is-disabled .select__sub-label {
  color: var(--color-disabled-text);
}

.select__asterisk-wrapper {
  display: inline-block;
  align-self: flex-start;
  padding-left: 1px;
  margin-top: calc((0.5rem + 1px) * -1);
  vertical-align: text-top;
}

.select__asterisk {
  font-size: 0.5rem;
}

.select__input-container {
  padding: 1px 0;
}
.select--small .select__input-container {
  padding: 0;
}

.select__text-wrapper {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
}

.select__native-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: inherit;
  border: none;
}

.select__option-children {
  display: inline-block;
}

.list,
.list--small,
.list--large {
  --list-ver-gap: 0;
  --list-hor-gap: 0;
  color: var(--color-neutral-text);
  font-size: var(--type-font-size);
  line-height: inherit;
  font-weight: 400;
}

.list--ver-spacing-none {
  --list-ver-gap: 0;
}

.list--hor-spacing-none {
  --list-hor-gap: 0;
}

.list--ver-spacing-xsmall {
  --list-ver-gap: 1px;
}

.list--hor-spacing-xsmall {
  --list-hor-gap: 1px;
}

.list--ver-spacing-small {
  --list-ver-gap: 2px;
}

.list--hor-spacing-small {
  --list-hor-gap: 2px;
}

.list--ver-spacing-medium {
  --list-ver-gap: 4px;
}

.list--hor-spacing-medium {
  --list-hor-gap: 4px;
}

.list--ver-spacing-large {
  --list-ver-gap: 8px;
}

.list--hor-spacing-large {
  --list-hor-gap: 8px;
}

.list--ver-spacing-xlarge {
  --list-ver-gap: 16px;
}

.list--hor-spacing-xlarge {
  --list-hor-gap: 16px;
}

.list--xsmall {
  font-size: var(--type-small-font-size);
  line-height: var(--type-line-height);
}

@media (min-width: 37.5rem) {
  .list--large {
    font-size: var(--type-h4-font-size);
    line-height: var(--type-h4-line-height);
  }
}
@media (min-width: 50rem) {
  .list--large {
    font-size: var(--type-h4-font-size);
    line-height: var(--type-h4-line-height);
  }
}
@media (min-width: 80.5rem) {
  .list--large {
    font-size: var(--type-h4-xl-font-size);
    line-height: var(--type-h4-xl-line-height);
  }
}

.list--ordered {
  counter-reset: item;
}

.list__inner {
  padding-left: 0;
  list-style: none;
  margin-top: calc(var(--list-ver-gap) / 2 * -1);
  margin-bottom: calc(var(--list-ver-gap) / 2 * -1);
}
.list--direction-inline > .list__inner, .list--bordered > .list__inner {
  margin-top: 0;
  margin-bottom: 0;
}
.list--direction-inline > .list__inner {
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: baseline;
  margin-inline: calc(var(--list-hor-gap) / 2 * -1);
  margin-block: calc(var(--list-ver-gap) / 2 * -1);
}
.list--bordered > .list__inner {
  overflow: hidden;
}
@media (min-width: 62.5rem) {
  .list--ordered.list--number-size-huge > .list__inner, .list--ordered.list--number-size-small > .list__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    margin-left: -10px;
    margin-right: -10px;
  }
}

.list__item {
  position: relative;
  display: block;
  padding-left: 0;
  list-style: none;
}
.list--icon-position-top.list--icon-size-xs > .list__inner > .list__item {
  padding-top: 1px;
}
.list--icon-position-top.list--icon-size-sm > .list__inner > .list__item {
  padding-top: 5px;
}
.list--icon-position-top.list--icon-size-md > .list__inner > .list__item {
  padding-top: 9px;
}
.list--icon-position-top.list--icon-size-lg > .list__inner > .list__item {
  padding-top: 10px;
}
.list--bordered:not(.list--direction-inline) > .list__inner > .list__item {
  padding-block: var(--list-ver-gap);
}
.list--bordered:not(.list--direction-inline) > .list__inner > .list__item:not(:last-child) {
  border-bottom: 1px solid var(--color-neutral-border-subtlest);
}
.list--outer-bordered > .list__inner > .list__item:last-child {
  border-bottom: 1px solid var(--color-neutral-border-subtlest);
}
.list--outer-bordered > .list__inner > .list__item:first-child {
  border-top: 1px solid var(--color-neutral-border-subtlest);
}
.list--direction-inline.list--bordered > .list__inner > .list__item {
  border-bottom: none;
  margin-left: -1px;
  border-left: 1px solid var(--color-neutral-border-subtlest);
}
.list--direction-inline.list--bordered > .list__inner > .list__item:first-child {
  border-top: none;
  border-left: none;
}
.list--direction-inline > .list__inner > .list__item {
  padding-inline: calc(var(--list-hor-gap) / 2);
  margin-block: calc(var(--list-ver-gap) / 2);
}
@media (min-width: 62.5rem) {
  .list--ordered.list--number-size-huge > .list__inner > .list__item, .list--ordered.list--number-size-small > .list__inner > .list__item {
    flex: 1 0 20%;
    margin-top: 0;
    padding: 0 10px;
  }
}
@media (min-width: 62.5rem) {
  .list--ordered.list--number-size-huge.list--no-gutter > .list__inner > .list__item, .list--ordered.list--number-size-huge.list--no-horizontal-gutter > .list__inner > .list__item .list--ordered.list--number-size-small.list--no-gutter > .list__inner > .list__item, .list--ordered.list--number-size-small.list--no-horizontal-gutter > .list__inner > .list__item {
    padding-left: 0;
    padding-right: 0;
  }
}

.list__item-inner {
  display: inline-flex;
  vertical-align: top;
  position: relative;
  padding-left: calc(0.5em + 6px);
  margin-top: calc(var(--list-ver-gap) / 2);
  margin-bottom: calc(var(--list-ver-gap) / 2);
}
.list--xsmall > .list__inner > .list__item > .list__item-inner {
  padding-left: calc(0.5em + 4px);
}
.list--small > .list__inner > .list__item > .list__item-inner {
  padding-left: calc(0.5em + 8px);
}
.list--large > .list__inner > .list__item > .list__item-inner {
  padding-left: calc(0.5em + 16px);
}
.list--full-width > .list__inner > .list__item > .list__item-inner {
  width: 100%;
}
.list--icon-position-middle > .list__inner > .list__item > .list__item-inner {
  align-items: center;
}
.list--icon > .list__inner > .list__item > .list__item-inner, .list--unstyled > .list__inner > .list__item > .list__item-inner, .list--ordered > .list__inner > .list__item > .list__item-inner, .list--direction-inline > .list__inner > .list__item > .list__item-inner {
  padding-left: 0;
}
.list--direction-inline > .list__inner > .list__item > .list__item-inner, .list--bordered > .list__inner > .list__item > .list__item-inner {
  margin-top: 0;
  margin-bottom: 0;
}
.list__item-inner::before {
  content: "  ";
  position: absolute;
  -webkit-clip-path: circle(3px at 50% 45%);
          clip-path: circle(3px at 50% 45%);
  background-color: currentcolor;
  top: 0;
  left: 0;
}
@media (min-width: 37.5rem) {
  .list--large > .list__inner > .list__item > .list__item-inner::before {
    -webkit-clip-path: circle(4px at 50% 45%);
            clip-path: circle(4px at 50% 45%);
  }
}
.list--ordered > .list__inner > .list__item > .list__item-inner::before {
  position: static;
  content: counters(item, ".") ". ";
  counter-increment: item;
  background: transparent;
  border-radius: 0;
  top: 0;
  font-weight: 700;
  width: auto;
  height: auto;
  -webkit-clip-path: none;
          clip-path: none;
}
.list--ordered.list--xsmall > .list__inner > .list__item > .list__item-inner::before {
  margin-right: 0.2857em;
}
.list--ordered.list--small > .list__inner > .list__item > .list__item-inner::before {
  margin-right: 0.5em;
}
.list--ordered.list--large > .list__inner > .list__item > .list__item-inner::before {
  margin-right: 0.7273em;
}
.list--icon > .list__inner > .list__item > .list__item-inner::before, .list--unstyled > .list__inner > .list__item > .list__item-inner::before, .list--direction-inline > .list__inner > .list__item > .list__item-inner::before {
  display: none;
}
.list--ordered.list--number-size-huge > .list__inner > .list__item > .list__item-inner::before, .list--ordered.list--number-size-small > .list__inner > .list__item > .list__item-inner::before {
  font-family: var(--type-font-family-display);
  content: counter(item);
  font-size: 32px;
  line-height: 0.9;
  margin-right: 0.25em;
}
@media (min-width: 62.5rem) {
  .list--ordered.list--number-size-huge > .list__inner > .list__item > .list__item-inner::before {
    font-size: 56px;
    margin-right: 0.1429em;
  }
}
@media (min-width: 62.5rem) {
  .list--ordered.list--number-size-small > .list__inner > .list__item > .list__item-inner::before {
    font-size: 40px;
    margin-right: 0.2em;
  }
}

.list__icon {
  vertical-align: baseline;
  margin-top: 0;
  position: relative;
  flex: 0 0 auto;
  color: var(--color-neutral-graphic);
}
.list--xsmall .list__icon {
  margin-right: 0.25em;
}
.list--small .list__icon {
  margin-right: 0.3333em;
}
.list--large .list__icon {
  margin-right: 0.5em;
}
.list--icon-position-top.list--icon-size-xs > .list__inner > .list__item > .list__item-inner > .list__icon {
  margin-top: -1px;
  margin-bottom: -1px;
}
.list--icon-position-top.list--icon-size-sm > .list__inner > .list__item > .list__item-inner > .list__icon {
  margin-top: -5px;
  margin-bottom: -5px;
}
.list--icon-position-top.list--icon-size-md > .list__inner > .list__item > .list__item-inner > .list__icon {
  margin-top: -9px;
  margin-bottom: -9px;
}
.list--icon-position-top.list--icon-size-lg > .list__inner > .list__item > .list__item-inner > .list__icon {
  margin-top: -10px;
  margin-bottom: -10px;
}

.list__content {
  flex: 0 1 auto;
  align-self: center;
  text-align: left;
  width: 100%;
}
.list--full-width > .list__inner > .list__item > .list__item-inner > .list__content {
  flex-grow: 1;
}
@media (min-width: 62.5rem) {
  .list--number-size-huge > .list__inner > .list__item > .list__item-inner > .list__content, .list--number-size-small > .list__inner > .list__item > .list__item-inner > .list__content {
    align-self: flex-start;
  }
}

.listbox {
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid var(--color-neutral-border-subtlest);
}

.listbox__option {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  padding: 16px;
  cursor: pointer;
  border-top: 1px solid var(--color-neutral-border-subtlest);
  min-height: 57px;
  outline-offset: -2px;
  background-clip: padding-box;
}
.listbox__option:hover {
  background-color: var(--color-neutral-bg-hover);
}
.listbox__option[aria-selected=true] {
  background-color: var(--color-neutral-bg-subtlest);
  color: var(--color-brand-primary-text);
  font-weight: 700;
}

.listbox__option-icon {
  flex-shrink: 0;
}

.listbox__option-label {
  font-weight: 700;
  color: var(--color-neutral-text);
}
.listbox__option[aria-selected=true] .listbox__option-label {
  color: var(--color-brand-primary-text);
}

.listbox__option-desc {
  color: var(--color-neutral-text-subtle);
}
.listbox__option[aria-selected=true] .listbox__option-desc {
  color: var(--color-brand-primary-text);
}

.chip {
  display: inline-flex;
  padding: 4px 8px;
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-subtle);
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
  overflow-wrap: anywhere;
}
.chip.is-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.chip__remove {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  overflow: visible;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  transition: color var(--animation-duration-short) var(--animation-easing-short);
  margin-left: 5px;
  margin-right: -4px;
  color: var(--color-neutral-text);
}
html[data-whatintent=mouse] .chip__remove:hover {
  color: var(--color-brand-primary-text-hover);
}

.chip__remove-icon {
  vertical-align: bottom;
}

a.arrow-list__link::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.arrow-list__item--hover a.arrow-list__link.anchor:hover {
  color: var(--color-neutral-text);
}
.arrow-list__item--active a.arrow-list__link {
  font-weight: unset;
}
.arrow-list__item--active a.arrow-list__link.anchor:hover {
  color: var(--color-neutral-text);
}
.arrow-list__item--active a.arrow-list__link.anchor.anchor--employee:hover {
  color: var(--color-employee-text-hover);
}
a.arrow-list__link .arrow-list__content > .arrow-list__arrow-icon {
  align-self: center;
}

.arrow-list__icon {
  transition: color 150ms ease;
}
.arrow-list__item > .list__item-inner > .arrow-list__icon {
  font-size: 24px;
  margin-right: 0.625em;
}
@media (max-width: 37.499rem) {
  .arrow-list > .list--icon:not(.list--icon-position-middle) .arrow-list__item > .list__item-inner > .arrow-list__icon {
    margin-top: 5px;
  }
}
@media (min-width: 37.5rem) {
  .arrow-list__item > .list__item-inner > .arrow-list__icon {
    align-self: center;
    font-size: 48px;
    margin-right: 0.3334em;
  }
}
.arrow-list__item--employee .arrow-list__icon {
  color: var(--color-employee-text);
}
.arrow-list:not(.arrow-list--with-icon) .arrow-list__icon {
  display: none;
}
html[data-whatintent=mouse] .arrow-list__item:hover:not(.arrow-list__item--hover) > .list__item-inner > .arrow-list__icon {
  color: var(--color-brand-primary-text-hover);
}
html[data-whatintent=mouse] .arrow-list__item--employee:hover:not(.arrow-list__item--hover) > .list__item-inner > .arrow-list__icon {
  color: var(--color-employee-text-hover);
}
html[data-whatintent=mouse] .arrow-list__item--active:hover:not(.arrow-list__item--hover) > .list__item-inner > .arrow-list__icon {
  color: var(--color-neutral-text);
}

.arrow-list__content {
  display: inline-flex;
  width: 100%;
  min-height: 19px;
}
@media (min-width: 80.5rem) {
  .arrow-list__content {
    min-height: 29px;
  }
}

.arrow-list__inner {
  width: 100%;
  flex: 0 1 auto;
  align-self: center;
}

.arrow-list--large > .list--bordered > .list__inner > .arrow-list__item > .list__item-inner {
  padding: 15px;
}
@media (min-width: 37.5rem) {
  .arrow-list--large > .list--bordered > .list__inner > .arrow-list__item > .list__item-inner {
    padding: 24px;
  }
}
.arrow-list--large.arrow-list--padding-small > .list--bordered > .list__inner > .arrow-list__item > .list__item-inner {
  padding: 15px;
}
@media (min-width: 37.5rem) {
  .arrow-list--large.arrow-list--padding-small > .list--bordered > .list__inner > .arrow-list__item > .list__item-inner {
    padding: 16px;
  }
}

.list__item.arrow-list__item {
  position: relative;
}
.list--bordered > .list__inner > .list__item.arrow-list__item {
  margin-top: 0 !important;
  padding: 13.5px 0;
}
.arrow-list--large .list--bordered > .list__inner > .list__item.arrow-list__item {
  padding: 0;
  border: none;
}
.list--bordered > .list__inner > .list__item.arrow-list__item:first-child {
  padding: 13px 0;
}
.arrow-list--large .list--bordered > .list__inner > .list__item.arrow-list__item:first-child {
  padding: 0;
  border: none;
}
html[data-whatintent=mouse] .arrow-list--large .list__item.arrow-list__item.bg-neutral-bg-level-1.arrow-list__item--hover:hover {
  background-color: var(--color-neutral-bg-hover);
}
html[data-whatintent=mouse] .arrow-list--large .list__item.arrow-list__item.bg-brand-secondary-bg-subtlest.arrow-list__item--hover:hover {
  background-color: var(--color-brand-secondary-bg-subtlest-hover);
}
html[data-whatintent=mouse] .arrow-list--large .list__item.arrow-list__item.bg-neutral-bg-level-2.arrow-list__item--hover:hover {
  background-color: var(--color-neutral-bg-hover);
}
.arrow-list--large:not(.arrow-list--with-heading) > .list--bordered > .list__inner > .list__item.arrow-list__item:first-child {
  border-radius: 8px 8px 0 0;
}
.arrow-list--large > .list--bordered > .list__inner > .list__item.arrow-list__item:last-child {
  border-radius: 0 0 8px 8px;
}
.arrow-list--large.arrow-list--margin-tiny > .list--bordered > .list__inner > .list__item.arrow-list__item {
  margin: 0 0 1px;
}
.arrow-list--large.arrow-list--margin-xsmall > .list--bordered > .list__inner > .list__item.arrow-list__item {
  margin: 0 0 2px;
}
.arrow-list--large.arrow-list--margin-small > .list--bordered > .list__inner > .list__item.arrow-list__item {
  margin: 0 0 4px;
}
.arrow-list--large.arrow-list--margin-medium > .list--bordered > .list__inner > .list__item.arrow-list__item {
  margin: 0 0 8px;
}

.overlay {
  z-index: 15;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.overlay::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--color-neutral-bg-level-1);
  opacity: 0.8;
}

.overlay__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.overlay--fixed {
  position: fixed;
}

.iframe {
  position: relative;
}

.iframe__content {
  display: block;
  width: 100px !important;
  min-width: 100%;
  border: 0;
}

.iframe__consent {
  background: var(--color-backdrop);
  padding: 40px 15px;
}
@media (min-width: 37.5rem) {
  .iframe__consent {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.iframe__consent-inner {
  background: var(--color-neutral-bg-level-3);
  border-radius: 3px;
  padding: 40px 15px;
  max-width: 580px;
  margin: 0 auto;
}
@media (min-width: 37.5rem) {
  .iframe__consent-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.pebble {
  position: relative;
  display: inline-block;
  width: 80px;
  max-width: 100%;
  background-repeat: no-repeat;
  background-image: url(/brandfree-prepaid/svg/pebble.d2077d27733534a3e10e.svg);
  background-size: 100% auto;
}
.pebble::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 105.36%;
}

.pebble--medium {
  width: 120px;
}

.pebble--large {
  width: 240px;
}

.pebble--full {
  width: 100%;
}

.pebble--dark {
  background-image: url(/brandfree-prepaid/svg/pebble-white.b187579366f7ed2914b9.svg);
}

.pebble--stealth {
  background-image: url(/brandfree-prepaid/svg/pebble-stealth.9808166c6868c47c9fc1.svg);
}

.logo {
  display: block;
}

.logo--small {
  width: 4.75rem;
}
.logo--small.logo--diil {
  width: 3.75rem;
}
.logo--small.logo--super {
  width: 2.5rem;
}
.logo--small.logo--greenit {
  width: 6.375rem;
}
.logo--small.logo--telia-tv {
  width: 6.813rem;
}
.logo--small.digital-hub-logo {
  width: 5.875rem;
}

.logo__img {
  display: block;
  width: 100%;
  height: auto;
}

.logo--color-neutral .logo__path {
  fill: var(--color-neutral-graphic);
}
[data-theme=dark] .logo--telia .logo__path, .logo--telia[data-theme=dark] .logo__path, [data-theme=dark] .logo--greenit .logo__path, .logo--greenit[data-theme=dark] .logo__path, [data-theme=dark] .logo--telia-tv .logo__path, .logo--telia-tv[data-theme=dark] .logo__path, [data-theme=dark] .digital-hub-logo .logo__path, .digital-hub-logo[data-theme=dark] .logo__path {
  fill: #ffffff;
}

.logo--color-neutral .logo__path-foreground {
  fill: var(--color-neutral-bg-level-1);
}

.notice {
  position: relative;
  border: 1px solid;
  border-radius: 4px;
  padding: 15px;
}
@media (min-width: 37.5rem) {
  .notice {
    padding: 15px 23px;
  }
}
.notice.notice--small, .notice.notice--vertical {
  padding: 0;
}
.notice.notice--full-width.notice--full-width-container, .container > .notice.notice--full-width {
  padding: 16px 0;
  border: 0;
  border-radius: 0;
  opacity: 0.95;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  margin-left: -16px;
  margin-right: -16px;
}
@media (min-width: 37.5rem) {
  .notice.notice--full-width.notice--full-width-container, .container > .notice.notice--full-width {
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (min-width: 62.5rem) {
  .notice.notice--full-width.notice--full-width-container, .container > .notice.notice--full-width {
    margin-left: -32px;
    margin-right: -32px;
  }
}
@media (min-width: 80.5rem) {
  .notice.notice--full-width.notice--full-width-container, .container > .notice.notice--full-width {
    margin-left: calc((100vw - 80.5rem + 64px - var(--notice-scrollbar-width)) / 2 * -1);
    margin-right: calc((100vw - 80.5rem + 64px - var(--notice-scrollbar-width)) / 2 * -1);
  }
}

.notice__content-wrapper {
  display: flex;
  gap: 8px;
}
.notice--vertical .notice__content-wrapper {
  display: block;
}
.notice--center.notice--small .notice__content-wrapper {
  justify-content: center;
}
@media (min-width: 37.5rem) {
  .notice__content-wrapper {
    gap: 16px;
  }
  .notice--small .notice__content-wrapper {
    gap: 8px;
  }
}

@media (min-width: 37.5rem) {
  .notice--with-close {
    padding-right: 15px;
  }
}

.notice--info {
  border-color: var(--color-info-border);
  background: var(--color-info-bg-subtle);
}
.notice--info .notice__icon {
  color: var(--color-info-graphic);
}
.notice--info.notice--small, .notice--info.notice--vertical {
  background: transparent;
}

.notice--success {
  border-color: var(--color-success-border);
  background: var(--color-success-bg-subtle);
}
.notice--success .notice__icon {
  color: var(--color-success-graphic);
}
.notice--success.notice--small, .notice--success.notice--vertical {
  background: transparent;
}

.notice--employee {
  border-color: var(--color-employee-border);
  background: var(--color-employee-bg-subtlest);
}
.notice--employee .notice__icon {
  color: var(--color-employee-graphic);
}
.notice--employee.notice--small, .notice--employee.notice--vertical {
  background: transparent;
}

.notice--error {
  border-color: var(--color-error-border);
  background: var(--color-error-bg-subtle);
}
.notice--error .notice__icon {
  color: var(--color-error-graphic);
}
.notice--error.notice--small, .notice--error.notice--vertical {
  background: transparent;
}

.notice--attention {
  border-color: var(--color-attention-border);
  background: var(--color-attention-bg-subtle);
}
.notice--attention .notice__icon {
  color: var(--color-attention-graphic);
}
.notice--attention.notice--small, .notice--attention.notice--vertical {
  background: transparent;
}

.notice--success {
  border: none;
  padding: 15px;
}
@media (min-width: 37.5rem) {
  .notice--success {
    padding: 20px;
  }
}
.notice--success.notice--small, .notice--success.notice--vertical {
  padding: 0;
}

.notice--small {
  background: transparent;
  border: none;
}

.notice--vertical {
  background: transparent;
  border: none;
}

.notice__icon {
  vertical-align: baseline;
  margin-top: 0;
}
.notice--success:not(.notice--vertical, .notice--small, .notice--full-width) .notice__icon {
  font-size: 32px;
}
@media (min-width: 37.5rem) {
  .notice--success:not(.notice--vertical, .notice--small, .notice--full-width) .notice__icon {
    font-size: 48px;
  }
}
.notice--small .notice__icon {
  margin-top: 0;
}

.notice__inner-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}

.notice__inner {
  width: 100%;
}

.notice__icon-cell {
  padding: 0;
  display: flex;
  align-self: flex-start;
  line-height: 1;
}
.notice--vertical .notice__icon-cell {
  justify-content: center;
}
.notice--center .notice__icon-cell {
  align-self: center;
}

.notice__content {
  display: flex;
  width: 100%;
  align-self: center;
  text-align: left;
}
.notice--vertical .notice__content {
  text-align: center;
  padding: 16px 0 0;
}
@media (min-width: 37.5rem) {
  .notice--vertical .notice__content {
    padding-top: 24px;
  }
}
.notice--vertical.notice--small .notice__content {
  padding-top: 8px;
}
.notice--center.notice--small .notice__content {
  width: auto;
}

.notice__close {
  padding: 0 0 0 8px;
  align-self: flex-start;
}
@media (min-width: 37.5rem) {
  .notice__close {
    padding-left: 16px;
  }
}
.notice--center .notice__close {
  align-self: center;
}

.header {
  position: fixed;
  pointer-events: none;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  line-height: var(--type-line-height);
}
.header.header--minimized-search .header__bottom-search-wrapper:not(.is-open) {
  visibility: hidden;
  opacity: 0;
}
.header.header--minimized-search .header__actions-item--search {
  display: flex !important;
}
body[style*="overflow: hidden; padding-right"] .header {
  right: var(--header-scrollbar-width);
}

.header__main {
  position: static;
  z-index: 4;
}
@media (min-width: 62.5rem) {
  .header__main {
    position: relative;
  }
}
@media (min-width: 62.5rem) {
  .header--open-nav.header--has-overlay .header__main {
    position: relative;
  }
}
@media (min-width: 62.5rem) {
  .header--open-sso .header__main {
    position: static;
  }
}
@media (max-width: 62.499rem) {
  .header--open-nav .header__main {
    position: relative;
  }
}

.header__bottom-main {
  pointer-events: auto;
  position: relative;
  z-index: -1;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
}
.header.has-scrolled .header__bottom-main {
  pointer-events: none;
  transform: translateY(-100%);
}
.header__bottom-main[data-state=exited] {
  z-index: auto;
}

.header__top {
  min-height: 48px;
  background-color: var(--color-neutral-bg-level-2);
  white-space: nowrap;
}
@media (min-width: 37.5rem) {
  .header__top {
    overflow: auto;
  }
}

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

.header__top-left {
  display: flex;
  flex-shrink: 1;
  min-width: 0;
}
.header__employee .header__top-left {
  min-width: auto;
}

.header__top-right {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  overflow: hidden;
  gap: 3rem;
}
@media (min-width: 37.5rem) {
  .header__top-right {
    flex-shrink: 0;
    overflow: visible;
  }
}
.header__employee .header__top-right {
  flex-shrink: 1;
  overflow: visible;
}
.header__top-right.logged-in {
  flex-shrink: 1;
}

.header__bottom {
  position: relative;
  background-color: var(--color-neutral-bg-level-3);
  padding: 0;
  z-index: 1;
}

.header__bottom-shadow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: calc(100% + 2px);
  overflow: hidden;
  pointer-events: none;
}
.header__bottom-shadow::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 2px;
  box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.header__bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.header__bottom-left {
  display: flex;
  align-items: center;
}
@media (min-width: 62.5rem) {
  .header__bottom-left {
    flex-grow: 0;
  }
}

.header__bottom-right-search {
  position: relative;
  width: 100%;
  height: 48px;
}
@media (min-width: 80.5rem) {
  .header__bottom-right-search {
    max-width: 320px;
  }
}
@media (max-width: 62.499rem) {
  .header__bottom-right-search {
    position: absolute;
    width: calc(100% - 88px);
    right: 40px;
  }
}
@media (max-width: 37.499rem) {
  .header__bottom-right-search {
    width: calc(100% - 72px);
  }
}

.header__bottom-right {
  position: relative;
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: flex-end;
}
@media (max-width: 62.499rem) {
  .header__bottom-right {
    position: absolute;
    right: 24px;
    width: 100%;
  }
}
@media (max-width: 37.499rem) {
  .header__bottom-right {
    right: 16px;
  }
}

.header__bottom-search-wrapper {
  position: absolute;
  right: 0;
  width: 100%;
  height: 48px;
  z-index: 1;
  background: var(--color-neutral-bg-level-3);
}
@media (max-width: 80.499rem) {
  .header__bottom-search-wrapper {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.15s ease-in;
  }
}
@media (min-width: 80.5rem) {
  .header__bottom-search-wrapper {
    transition: width 0.15s ease-in-out;
  }
}
@media (max-width: 80.499rem) {
  .header__bottom-search-wrapper:not(.is-open) {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.15s ease-out, visibility 0.15s ease-out, width 0.15s ease-out;
    width: 320px;
  }
}
@media (min-width: 80.5rem) {
  .header__bottom-search-wrapper:not(.is-open) {
    padding-left: 20px;
    width: 180px;
  }
}
@media (max-width: 62.499rem) {
  .header__bottom-search-wrapper:not(.is-open) {
    position: relative;
    width: 100%;
  }
}
@media (min-width: 62.5rem) {
  .header__bottom-search-wrapper.is-open {
    width: 320px;
  }
  .header__bottom-search-wrapper.is-open::before {
    content: "";
    position: absolute;
    height: 48px;
    width: 60px;
    background: linear-gradient(to left, var(--color-neutral-bg-level-3) 0, var(--color-neutral-bg-level-3) 30px, transparent 100%);
    left: -45px;
  }
}

.header__logo {
  display: block;
  position: relative;
  z-index: 1;
  margin-right: 36px;
  flex-shrink: 0;
  padding: 17px 0;
}
@media (min-width: 62.5rem) {
  .header__logo {
    padding: 21px 0;
  }
}
[data-brand=diil] .header__logo, [data-brand=super] .header__logo {
  padding: 12px 0;
}
@media (min-width: 62.5rem) {
  [data-brand=diil] .header__logo, [data-brand=super] .header__logo {
    padding: 16px 0;
  }
}

.header__overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--color-neutral-bg-level-2);
  z-index: 3;
  pointer-events: auto;
  will-change: opacity;
  opacity: 0;
  transition: opacity 100ms ease-out;
}
.header__overlay.is-entered {
  opacity: 0.8;
}

.header__accessibility {
  padding: 16px 8px;
  margin-left: -8px;
  margin-right: -8px;
}
.header__top .header__accessibility {
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
  display: none;
  outline-offset: -5px;
}
@media (min-width: 62.5rem) {
  .header__top .header__accessibility {
    display: block;
  }
}
.header__dropdown .header__accessibility {
  outline-offset: -4px;
}
@media (min-width: 62.5rem) {
  .header__dropdown .header__accessibility {
    display: none;
  }
}
@media (max-width: 62.499rem) {
  .header__accessibility {
    display: block;
  }
}

.header__actions-item--cart > .header__dropdown .header__dropdown-content > .text > .list > .list__inner > .list__item > .list__item-inner > .list__content {
  padding: 6px 8px;
}

.header__top .header__actions {
  max-width: 100%;
}
@media (min-width: 37.5rem) {
  .header__top .header__actions {
    max-width: none;
  }
}

.header__actions-list {
  padding-left: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
}
.header__bottom .header__actions-list {
  align-items: stretch;
}

.header__actions-item {
  position: relative;
}
.header__bottom .header__actions-item {
  display: flex;
}

@media (min-width: 62.5rem) {
  .header__actions-item--search {
    margin-right: 5px;
  }
}

.header__bottom .header__actions-item--nav {
  margin-left: -8px;
}

.header__actions-item--sso {
  overflow: hidden;
}
@media (min-width: 37.5rem) {
  .header__actions-item--sso {
    overflow: visible;
  }
}
@media (max-width: 37.499rem) {
  .header__actions-item--sso {
    padding: 8px;
    margin-right: -8px;
  }
}
.header__actions-item--sso .header__actions-label {
  font-weight: 700;
  margin-left: 4px;
}
@media (min-width: 37.5rem) {
  .header__actions-item--sso .header__actions-label {
    font-size: var(--type-small-font-size);
    line-height: var(--type-small-line-height);
  }
}

.header__actions-button,
.header__actions-button-inner {
  display: flex;
  align-items: center;
  max-width: 100%;
}

.header__actions-button {
  font-size: 2rem;
  color: var(--color-neutral-graphic);
  line-height: 1;
  justify-content: center;
}
.header__top .header__actions-button {
  outline-offset: 5px;
}

.header__actions-button-inner {
  flex-direction: column;
}
.header__actions-button--sso:not(.is-text-color) .header__actions-button-inner, .header__actions-button.is-current .header__actions-button-inner {
  color: var(--color-brand-primary-text);
}
html[data-whatintent=mouse] .header__actions-button-inner:hover {
  color: var(--color-brand-primary-text-hover);
}
.header__top .header__actions-button-inner {
  font-size: 1.5rem;
  flex-direction: row;
}
@media (min-width: 62.5rem) {
  .header__top .header__actions-button-inner {
    font-weight: 400;
  }
}
@media (min-width: 62.5rem) {
  .header__bottom .header__actions-item--search .header__actions-button-inner {
    font-size: 2rem;
  }
}
.header__actions-button.is-current .header__actions-button-inner {
  position: relative;
  z-index: 4;
}

.header__actions-item--placeholder {
  opacity: 0;
  pointer-events: none;
}

.header__actions-label {
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
  font-weight: 400;
}
@media (min-width: 37.5rem) {
  .header__actions-label {
    font-size: var(--type-small-font-size);
    line-height: var(--type-small-line-height);
  }
}
@media (min-width: 62.5rem) {
  .header__bottom .header__actions-item--search .header__actions-label {
    /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}
.header__actions.is-logged-in .header__actions-item--sso .header__actions-label {
  max-width: 140px;
  padding: 0;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* For ÜÕÖÄ dots to be visible */
  line-height: 2;
}
.header__actions-item--cart .header__actions-label, .header__actions-item--notifications .header__actions-label, .header__actions-item--search .header__actions-label, .header__bottom .header__actions-item--search .header__actions-button.is-current .header__actions-label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.header__actions-icon-wrapper {
  display: flex;
  align-items: center;
}

.header__actions-icon {
  vertical-align: baseline;
  margin-top: 0;
  display: block;
}
.header__actions-button.is-current .header__actions-icon {
  display: none;
}
@media (min-width: 62.5rem) {
  .header__actions-button.is-current .header__actions-icon {
    display: block;
  }
}
.header__actions-item--search .header__actions-button.is-current .header__actions-icon {
  display: none;
}
.header__actions-item--sso .header__actions-button.is-current .header__actions-icon {
  display: block;
}

.header__actions-icon--close {
  display: none;
}
.header__actions-item--sso .header__actions-button.is-current .header__actions-icon--close {
  display: none;
}
.header__actions-button.is-current .header__actions-icon--close {
  display: block;
}
@media (min-width: 62.5rem) {
  .header__actions-button.is-current .header__actions-icon--close {
    display: none;
  }
}
.header__actions-item--search .header__actions-button.is-current .header__actions-icon--close {
  display: block;
}

.header__actions-arrow {
  vertical-align: baseline;
  margin-top: 0;
  display: block;
  font-size: 1rem;
  margin-left: 2px;
  flex-shrink: 0;
}

.header__actions-badge {
  vertical-align: bottom;
  position: relative;
  top: -10px;
  margin-left: -10px;
}
@media (min-width: 62.5rem) {
  .header__actions-badge {
    top: -8px;
    margin-left: -12px;
  }
}

.header__actions-item--notifications .header__actions-button,
.header__actions-item--cart .header__actions-button,
.header__actions-item--search .header__actions-button {
  font-size: 1.5rem;
}
@media (min-width: 62.5rem) {
  .header__actions-item--notifications .header__actions-button,
  .header__actions-item--cart .header__actions-button,
  .header__actions-item--search .header__actions-button {
    font-size: 2rem;
  }
}

.header__actions-button.header__actions-button--search.is-current {
  font-size: 2rem;
}

@media (min-width: 80.5rem) {
  .header:not(.header--open-search) .header__actions-item--search {
    display: none;
  }
}

.header--minimized-search .header__actions-item--search {
  display: flex;
}

.header--open-search .header__bottom .header__actions-item--notifications,
.header--open-search .header__bottom .header__actions-item--cart,
.header--open-search .header__bottom .header__actions-item--nav {
  display: none;
}
.header--open-search .header__bottom .header__actions-item--search {
  animation: fade-in var(--animation-duration-short) var(--animation-easing-short);
  margin-right: 0;
  margin-left: 8px;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.header__bottom .header__actions-item--nav .header__actions-label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.header__dropdown {
  z-index: 22;
  min-height: 85px;
  width: 100%;
  pointer-events: auto;
  white-space: normal;
  outline-offset: -3px;
  background: var(--color-neutral-bg-level-3);
  overflow: hidden;
}
@media (min-width: 62.5rem) {
  .header__dropdown {
    overflow: visible;
    background-color: transparent;
    width: calc(80.5rem - 64px);
    max-width: calc(100% - 64px);
    border-radius: 0 0 3px 3px;
    pointer-events: none;
  }
}
@media (max-width: 62.499rem) {
  .header__dropdown {
    box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  }
}

@media (min-width: 62.5rem) {
  .header__dropdown--small {
    width: 20rem;
  }
}

@media (min-width: 62.5rem) {
  .header__dropdown--medium {
    width: 37.5rem;
  }
}

.header__dropdown-inner {
  height: 100%;
  will-change: transform, opacity;
  opacity: 0;
  transition: 100ms ease-out;
  transition-property: transform, opacity;
  transform: translateY(10px);
  color: var(--color-neutral-text);
  position: relative;
  overflow: auto;
  max-height: inherit;
  pointer-events: auto;
}
@media (min-width: 62.5rem) {
  .header__dropdown-inner {
    height: auto;
    background: var(--color-neutral-bg-level-3);
    border-radius: 8px;
    box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 12px 24px rgba(0, 0, 0, 0.1);
  }
}
.header__dropdown.is-open .header__dropdown-inner {
  opacity: 1;
  transform: translateY(0);
}

.header__dropdown--padding-xsmall .header__dropdown-content {
  padding: 8px;
}
.header__dropdown--padding-small .header__dropdown-content {
  padding: 20px;
}
.header__dropdown--padding-medium .header__dropdown-content {
  padding: 20px;
}
@media (min-width: 62.5rem) {
  .header__dropdown--padding-medium .header__dropdown-content {
    padding: 40px;
  }
}

.header__dropdown-header {
  background-color: var(--color-neutral-bg-level-3);
}
.header__dropdown--padding-xsmall .header__dropdown-header {
  padding: 16px;
}
.header__dropdown--padding-small .header__dropdown-header {
  padding: 20px;
}
.header__dropdown--padding-medium .header__dropdown-header {
  padding: 20px;
}
@media (min-width: 62.5rem) {
  .header__dropdown--padding-medium .header__dropdown-header {
    padding: 40px;
  }
}

.header__dropdown-footer {
  background-color: var(--color-neutral-bg-level-3);
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}
.header__dropdown--padding-xsmall .header__dropdown-footer {
  padding: 24px 8px;
}
.header__dropdown--padding-small .header__dropdown-footer {
  padding: 20px;
}
.header__dropdown--padding-medium .header__dropdown-footer {
  padding: 20px;
}
@media (min-width: 62.5rem) {
  .header__dropdown--padding-medium .header__dropdown-footer {
    padding: 40px;
  }
}

.header__dropdown-close {
  display: none;
  z-index: 2;
  position: absolute;
  top: 8px;
  right: 8px;
}
@media (min-width: 62.5rem) {
  .header__dropdown-close {
    display: block;
  }
}
.header__dropdown--sso .header__dropdown-close {
  display: block;
}

.header__dropdown-content-top {
  background-color: var(--color-neutral-bg-level-2);
}

.header__dropdown-overlay {
  overflow-y: scroll !important;
  z-index: 22;
  pointer-events: none;
}

.header__employee {
  pointer-events: auto;
  min-height: 35px;
  background: var(--color-employee-bg-strong);
  color: var(--color-employee-text-onbg-strong);
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.header__employee--test {
  background-color: var(--color-palette-blue-500);
}

.header__employee--dev {
  background-color: var(--color-palette-orange-400);
}

.header__employee-actions {
  display: flex;
  align-items: center;
  padding-left: 0;
  list-style: none;
}

.header__employee-item {
  position: relative;
  height: 100%;
}

.header__employee-button {
  display: flex;
  align-items: center;
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
  font-weight: 700;
  color: var(--color-employee-text-onbg-strong);
  margin-left: 3px;
  padding: 10px 10px 12px;
  background: transparent;
  border: none;
  border-top: 2px solid var(--color-employee-bg-strong);
  height: inherit;
  outline-offset: -3px;
}
.header__employee-button.is-current {
  position: relative;
  z-index: 4;
}
html[data-whatintent=mouse] .header__employee-button:hover, .header__employee-button.is-current {
  color: var(--color-employee-text-hover);
  background-color: var(--color-neutral-bg-level-3);
}
.header__employee--test .header__employee-button {
  border-top-color: var(--color-palette-blue-500);
  color: var(--color-employee-text-onbg-strong);
}
html[data-whatintent=mouse] .header__employee--test .header__employee-button:hover, .header__employee--test .header__employee-button.is-current {
  color: var(--color-palette-blue-500);
  background-color: var(--color-neutral-bg-level-3);
}
.header__employee--dev .header__employee-button {
  border-top-color: var(--color-palette-orange-400);
  color: var(--color-employee-text-onbg-strong);
}
html[data-whatintent=mouse] .header__employee--dev .header__employee-button:hover, .header__employee--dev .header__employee-button.is-current {
  color: var(--color-palette-orange-400);
  background-color: var(--color-neutral-bg-level-3);
}

.header__employee-button--with-icon {
  padding: 6px 10px 8px;
}

.header__employee-button--hide-label .header__employee-item-label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.header__employee-icon,
.header__employee-arrow-icon {
  vertical-align: baseline;
  margin-top: 0;
}

.header__employee-icon {
  margin-right: 6px;
  font-size: 1.5rem;
}
.header__employee-button--hide-label .header__employee-icon {
  margin-right: 0;
}

.header__employee-arrow-icon {
  transition: transform 0.3s ease-in-out;
  margin-left: 2px;
  font-size: 1rem;
}
.header__employee-button.is-current .header__employee-arrow-icon {
  transform: rotate(180deg);
}

.header__languages {
  line-height: 1;
}
.header__top .header__languages {
  display: none;
}
.header__top .header__languages.header__languages--top {
  display: block;
}
@media (min-width: 37.5rem) {
  .header__top .header__languages {
    display: block;
  }
}
@media (min-width: 37.5rem) {
  .header__dropdown .header__languages {
    display: none;
  }
}

.header__languages-list {
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
}
.header__dropdown .header__languages-list {
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
  justify-content: flex-end;
}

.header__languages-link {
  position: relative;
  font-weight: 400;
  outline-offset: -5px;
  display: block;
  padding: 16px 8px;
}
.header__languages-item.is-current .header__languages-link {
  color: var(--color-brand-primary-text);
}
.header__languages-item.is-current .header__languages-link::after {
  display: block;
  content: "";
  border-bottom: 2px solid var(--color-brand-primary-border);
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
}

.header__megamenu-grid {
  flex-wrap: wrap;
  margin-left: -20px;
}
@media (min-width: 62.5rem) {
  .header__megamenu-grid {
    flex-wrap: nowrap;
    display: inline-flex;
  }
}

.header__nav-megamenu-dropdown {
  width: 100%;
  max-width: 100%;
}
.header__nav-megamenu-dropdown .header__dropdown-inner {
  background-color: var(--color-neutral-bg-level-2);
  border-radius: 0;
}

.header__megamenu-column {
  padding: 0 20px 20px;
  width: 15rem;
}
@media (max-width: 62.499rem) {
  .header__megamenu-column {
    width: inherit;
  }
}

@media (min-width: 62.5rem) {
  .header__megamenu-column--bordered {
    border-left: 1px solid var(--color-neutral-border-subtlest);
  }
}

.header__megamenu-title {
  margin-bottom: 16px;
}
.header__megamenu-title.header__megamenu-title--no-margin {
  margin-bottom: 0;
}

.header__megamenu-title-tag {
  margin-bottom: 16px;
}

.header__megamenu-link {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
  font-weight: 400;
  color: var(--color-neutral-text);
}
@media (min-width: 80.5rem) {
  .header__megamenu-link {
    font-size: var(--type-font-size);
    line-height: var(--type-line-height);
  }
}
@media (max-width: 62.499rem) {
  .header__megamenu-link {
    font-size: var(--type-font-size);
    line-height: var(--type-line-height);
  }
}
.header__megamenu-link.is-current {
  color: var(--color-brand-primary-text);
}
html[data-whatintent=mouse] .header__megamenu-link:hover {
  color: var(--color-brand-primary-text-hover);
}

.header__megamenu-link--employee,
.header__megamenu-link--employee.is-current {
  color: var(--color-employee-text);
}
html[data-whatintent=mouse] .header__megamenu-link--employee:hover,
html[data-whatintent=mouse] .header__megamenu-link--employee.is-current:hover {
  color: var(--color-employee-text-hover);
}

.header__megamenu-link-inner {
  margin-right: 6px;
}

.header__megamenu-link-secure-icon,
.header__megamenu-external-icon {
  margin-left: 3px;
  font-size: 1rem;
}

.header__megamenu-link-image {
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
}

.header__megamenu-section + .header__megamenu-section {
  margin-top: 20px;
}

.header__megamenu-tag {
  margin-top: -1px;
}

@media (min-width: 62.5rem) {
  .header__megamenu-banners {
    margin-top: 40px;
    margin-bottom: -40px;
  }
}

@media (max-width: 62.499rem) {
  .header__megamenu-banners-grid {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 62.499rem) {
  .header__megamenu-banners-grid .header__megamenu-banners-grid-col {
    padding-right: 0;
    padding-left: 0;
  }
}

.header__megamenu-list--bordered {
  border-top: 1px solid var(--color-neutral-border-subtlest);
  padding-top: 15px;
  margin-top: -5px;
}

.header__megamenu-banner {
  position: relative;
  background-color: var(--color-neutral-bg-level-2);
  padding: 20px;
  width: 100%;
  border-radius: 8px;
  display: flex;
  font-weight: 400;
  color: var(--color-neutral-text);
}
html[data-whatintent=mouse] .header__megamenu-banner:hover {
  color: var(--color-neutral-text);
}
@media (min-width: 62.5rem) {
  .header__megamenu-banner {
    background-color: var(--color-neutral-bg-level-3);
  }
}

.header__megamenu-banner-inner {
  display: flex;
  align-items: center;
  width: 100%;
}

.header__megamenu-banner-content {
  width: 100%;
}
@media (min-width: 62.5rem) {
  .header__megamenu-banner--with-background .header__megamenu-banner-content {
    width: 60%;
    flex-grow: 1;
  }
}

.header__megamenu-banner-background {
  width: 40%;
  max-width: 400px;
  display: none;
  justify-content: flex-end;
}
@media (min-width: 62.5rem) {
  .header__megamenu-banner-background {
    display: flex;
    align-self: stretch;
  }
}

.header__megamenu-banner-background-inner {
  margin-top: -20px;
  margin-bottom: -20px;
  margin-right: -20px;
  overflow: hidden;
  width: 100%;
  display: flex;
  border-radius: 8px;
}

.header__megamenu-banner-background-image-wrapper {
  position: relative;
  width: 100%;
}
.header__megamenu-banner-background-image-wrapper::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 17.5%;
}

.header__megamenu-banner-background-image {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}

@media (max-width: 62.499rem) {
  .header__bottom .header__nav {
    display: none;
  }
}
@media (min-width: 62.5rem) {
  .header__nav {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    flex-grow: 1;
  }
}
.header__dropdown .header__nav {
  display: block;
}

.header__nav-list {
  padding-left: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media (min-width: 62.5rem) {
  .header__nav-list {
    flex-direction: row;
  }
}
.header__nav-list::before {
  content: "";
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  top: 0;
  background: var(--color-neutral-border-subtlest);
}
@media (min-width: 62.5rem) {
  .header__nav-list::before {
    display: none;
  }
}

.header__nav-item {
  position: relative;
  list-style: none;
  flex-grow: 1;
  display: inline-block;
  box-sizing: initial;
}
.header__nav-item::after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  background: var(--color-neutral-border-subtlest);
}
@media (min-width: 62.5rem) {
  .header__nav-item::after {
    display: none;
  }
}
.header__nav-item:last-child::after {
  display: none;
}

.header__nav-link {
  display: flex;
  align-items: center;
  color: var(--color-neutral-text);
  font-weight: 400;
  padding: 16px;
  transition: color 150ms ease;
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
  justify-content: flex-start;
}
.header__dropdown .header__nav-link {
  font-size: var(--type-h4-font-size);
  line-height: var(--type-h4-line-height);
}
@media (min-width: 62.5rem) {
  .header__nav-link {
    width: 100%;
    max-width: -moz-max-content;
    max-width: max-content;
    text-align: center;
    line-height: 1;
    padding: 15px 12px;
  }
}
@media (min-width: 80.5rem) {
  .header__nav-link {
    font-size: var(--type-font-size);
    line-height: var(--type-line-height);
  }
}
.header__nav-item.is-open > .header__nav-link, .header__nav-item.is-current > .header__nav-link {
  color: var(--color-brand-primary-text);
}
html[data-whatintent=mouse] .header__nav-link:hover {
  color: var(--color-brand-primary-text-hover);
}
@media (min-width: 62.5rem) {
  .header__nav-item.is-current > .header__nav-link .header__nav-label-inner::after {
    display: block;
    content: "";
    border-bottom: 2px solid var(--color-brand-primary-border);
    padding-top: 70px;
    position: absolute;
    width: 100%;
    z-index: 2;
  }
}
@media (min-width: 62.5rem) {
  .header__nav-item.is-current.has-submenu > .header__nav-link .header__nav-label-inner::after {
    width: calc(100% + 15px);
  }
}

.header__nav-link--employee {
  color: var(--color-employee-text);
}
html[data-whatintent=mouse] .header__nav-link--employee:hover, .header__nav-item.is-open > .header__nav-link--employee, .header__nav-item.is-current > .header__nav-link--employee {
  color: var(--color-employee-text-hover);
}

.header__nav-icon {
  vertical-align: baseline;
  margin-top: 0;
  display: block;
  font-size: 1.5rem;
  margin-right: 8px;
  flex-shrink: 0;
}
@media (min-width: 62.5rem) {
  .header__nav-icon {
    display: none;
  }
}

.header__nav-item-icon {
  font-size: 1.5rem;
  margin-right: 8px;
}

.header__nav-label {
  flex: 1 1 auto;
}
@media (min-width: 62.5rem) {
  .header__nav-label {
    display: flex;
    max-width: 100%;
    flex: initial;
  }
}

.header__nav-label-inner {
  position: relative;
  padding-right: 2px;
  display: flex;
  align-items: center;
}
@media (min-width: 62.5rem) {
  .header__nav-label-inner {
    min-height: 2em;
  }
}

.header__nav-arrow {
  vertical-align: baseline;
  margin-top: 0;
  flex-shrink: 0;
  font-size: 1.5rem;
  display: initial;
}
@media (min-width: 62.5rem) {
  .header__nav-arrow {
    font-size: 1rem;
  }
}
@media (max-width: 62.499rem) {
  .header__nav-item.is-open > .header__nav-link > .header__nav-arrow {
    transform: rotate(180deg);
  }
}

.header__nav-secondary-icon {
  font-size: 1rem;
  margin-left: 3px;
}

.header__nav-megamenu {
  display: none;
}
.header__nav-megamenu-dropdown .header__nav-megamenu {
  display: block;
}
.header__nav-item.is-open > .header__nav-megamenu {
  display: block;
}
@media (min-width: 62.5rem) {
  .header__nav-item.is-open > .header__nav-megamenu {
    display: none;
  }
}
.header__nav-item > .header__nav-megamenu {
  padding: 16px;
}

.header__nav-megamenu-dropdown .header__dropdown-content {
  padding: 32px 20px 40px;
}

.header__nav-item-button-container {
  padding: 32px;
}
@media (min-width: 62.5rem) {
  .header__nav-item-button-container {
    display: none;
  }
}
.header__nav-item-button-container .header__nav-item-button {
  box-sizing: border-box;
}

.header__overlay-notices-wrapper {
  pointer-events: auto;
  position: absolute;
  z-index: -1;
  width: 100%;
}

.header__overlay-notice-wrapper {
  position: relative;
  transition: height 500ms cubic-bezier(0.86, 0, 0.07, 1);
}
.header__overlay-notice-wrapper:nth-child(1) {
  z-index: -1;
}
.header__overlay-notice-wrapper:nth-child(2) {
  z-index: -2;
}
.header__overlay-notice-wrapper:nth-child(3) {
  z-index: -3;
}
.header__overlay-notice-wrapper:nth-child(4) {
  z-index: -4;
}
.header__overlay-notice-wrapper:nth-child(5) {
  z-index: -5;
}
.header__overlay-notice-wrapper:nth-child(6) {
  z-index: -6;
}
.header__overlay-notice-wrapper:nth-child(7) {
  z-index: -7;
}
.header__overlay-notice-wrapper:nth-child(8) {
  z-index: -8;
}
.header__overlay-notice-wrapper:nth-child(9) {
  z-index: -9;
}
.header__overlay-notice-wrapper:nth-child(10) {
  z-index: -10;
}

.header__overlay-notice {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}
.header__overlay-notice-wrapper.is-entering .header__overlay-notice, .header__overlay-notice-wrapper.is-entered .header__overlay-notice, .header__overlay-notice-wrapper.is-exiting .header__overlay-notice, .header__overlay-notice-wrapper.is-exited .header__overlay-notice {
  position: absolute;
}
.header__overlay-notice-wrapper.is-entering .header__overlay-notice {
  transform: translateY(calc(-100% - 3px));
}
.header__overlay-notice-wrapper.is-entered .header__overlay-notice {
  transform: translateY(0);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
}
.header__overlay-notice-wrapper.is-exiting .header__overlay-notice {
  transform: translateY(0);
}
.header__overlay-notice-wrapper.is-exited .header__overlay-notice {
  transform: translateY(calc(-100% - 3px));
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
}

.header__search .search__textfield {
  --textfield-horizontal-padding: 16px;
  --textfield-border-radius: 24px;
}

.header__search-suggestion-button {
  display: block;
  margin: 0 auto;
}

.header__search-suggestion.suggestion {
  border: none;
  border-radius: 8px;
  box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 12px 24px rgba(0, 0, 0, 0.1);
  padding-bottom: 27px;
  max-height: none;
}

.header__segment {
  --header-segment-link-hor-padding: 8px;
  --header-segment-link-ver-padding: 16px;
  --header-segment-container-padding: 16px;
  margin-left: calc(var(--header-segment-container-padding) * -1);
  flex-shrink: 1;
  min-width: 0;
}
@media (min-width: 37.5rem) {
  .header__segment {
    --header-segment-link-hor-padding: 12px;
    --header-segment-link-ver-padding: 14px;
    --header-segment-container-padding: 24px;
  }
}
@media (min-width: 62.5rem) {
  .header__segment {
    --header-segment-container-padding: 32px;
  }
}

.header__segment-list {
  display: flex;
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
  padding-left: calc(var(--header-segment-container-padding) - var(--header-segment-link-hor-padding));
}
@media (min-width: 37.5rem) {
  .header__segment-list {
    font-size: var(--type-small-font-size);
    line-height: var(--type-small-line-height);
  }
}
.header__segment:not(.header__segment--employee) .header__segment-list > .list__inner {
  flex-wrap: nowrap;
}

.header__segment-link {
  display: block;
  color: var(--color-neutral-text);
  padding: var(--header-segment-link-ver-padding) var(--header-segment-link-hor-padding);
  border-top: 2px solid transparent;
  font-weight: 700;
  transition: 150ms ease;
  transition-property: color, background-color;
  background: transparent;
  outline-offset: -5px;
}
html[data-whatintent=mouse] .header__segment-link:hover {
  color: var(--color-brand-primary-text-hover);
}
.header__segment-item.is-current .header__segment-link, .header__segment-item-with-icon.is-current .header__segment-link {
  color: var(--color-brand-primary-text);
  background-color: var(--color-neutral-bg-level-3);
}
.header__segment--employee .header__segment-item.is-current .header__segment-link, .header__segment--employee .header__segment-item-with-icon.is-current .header__segment-link {
  border-top-color: var(--color-employee-border);
  color: var(--color-employee-text);
}
.header__segment--employee-test .header__segment-item.is-current .header__segment-link, .header__segment--employee-test .header__segment-item-with-icon.is-current .header__segment-link {
  border-top-color: var(--color-palette-blue-500);
  color: var(--color-palette-blue-500);
}
.header__segment--employee-dev .header__segment-item.is-current .header__segment-link, .header__segment--employee-dev .header__segment-item-with-icon.is-current .header__segment-link {
  border-top-color: var(--color-palette-orange-400);
  color: var(--color-palette-orange-400);
}
.header__segment-item.is-current.is-employee .header__segment-link {
  color: var(--color-employee-text);
  border-top-color: var(--color-employee-border);
}
.header__segment-item.is-current.is-employee .header__segment-link:hover {
  color: var(--color-employee-text);
}
.header__segment--employee .header__segment-link {
  border-top-color: var(--color-employee-border);
  color: var(--color-employee-text-onbg-strong);
}
html[data-whatintent=mouse] .header__segment--employee .header__segment-link:hover {
  color: var(--color-employee-text);
  background-color: var(--color-neutral-bg-level-3);
}
.header__segment--employee-test .header__segment-link {
  border-top-color: var(--color-palette-blue-500);
  color: var(--color-employee-text-onbg-strong);
}
html[data-whatintent=mouse] .header__segment--employee-test .header__segment-link:hover {
  color: var(--color-palette-blue-500);
  background-color: var(--color-neutral-bg-level-3);
}
.header__segment--employee-dev .header__segment-link {
  border-top-color: var(--color-palette-orange-400);
  color: var(--color-employee-text-onbg-strong);
}
html[data-whatintent=mouse] .header__segment--employee-dev .header__segment-link:hover {
  color: var(--color-palette-orange-400);
  background-color: var(--color-neutral-bg-level-3);
}

.header__segment-item.is-current {
  position: relative;
}
.header__segment-item.is-current .header__segment-link::after {
  display: block;
  content: "";
  border-bottom: 2px solid var(--color-brand-primary-border);
  position: absolute;
  bottom: 0;
  left: var(--header-segment-link-hor-padding);
  right: var(--header-segment-link-hor-padding);
}
.header__segment-item + .header__segment-item {
  margin-left: unset;
}
.header__segment-item.is-employee .header__segment-link {
  color: var(--color-employee-text);
}
.header__segment-item.is-employee:not(.is-current) .header__segment-link:hover {
  color: var(--color-employee-text-hover);
}
.header__segment-item.is-employee.is-current .header__segment-link::after {
  border-bottom-color: var(--color-employee-border);
}

.header__segment:not(.header__segment--employee, .header__segment--employee-dev, .header__segment--employee-test) .header__segment-link {
  border-top: unset;
}
.header__segment:not(.header__segment--employee, .header__segment--employee-dev, .header__segment--employee-test) .header__segment-item.is-current .header__segment-link,
.header__segment:not(.header__segment--employee, .header__segment--employee-dev, .header__segment--employee-test) .header__segment-item-with-icon.is-current .header__segment-link {
  background-color: unset;
}

.header__segment-item-with-icon .header__segment-link {
  padding-left: 3px;
}

.header__segment-icon {
  margin-right: 3px;
  padding-left: 15px;
}
@media (min-width: 37.5rem) {
  .header__segment-icon {
    padding-left: 25px;
  }
}
@media (min-width: 62.5rem) {
  .header__segment-icon {
    padding-left: 0;
  }
}

.header__employee .header__segment-link,
.header__employee .header__segment-item.is-current .header__segment-link,
.header__employee .header__segment-item:not(.is-current) + .header__segment-item:not(.is-current) .header__segment-link,
.header__employee .header__segment-item.is-current + .header__segment-item:not(.is-current) .header__segment-link {
  padding: 7px 10px;
  color: var(--color-employee-text-onbg-strong);
}
@media (min-width: 37.5rem) {
  .header__employee .header__segment-link,
  .header__employee .header__segment-item.is-current .header__segment-link,
  .header__employee .header__segment-item:not(.is-current) + .header__segment-item:not(.is-current) .header__segment-link,
  .header__employee .header__segment-item.is-current + .header__segment-item:not(.is-current) .header__segment-link {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.header__employee .header__segment {
  width: unset;
}
.header__employee .header__segment-list {
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
}
.header__employee .header__segment-icon {
  padding-left: 0;
}

.header__segment--employee .header__segment-icon,
.header__segment--employee-dev .header__segment-icon,
.header__segment--employee-test .header__segment-icon {
  display: block;
  margin-right: 8px;
}

.internet-speed {
  --internet-speed-icon-size: 2rem;
  --internet-speed-icon-size-desktop: 3rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.internet-speed--multiline {
  --internet-speed-icon-size: 1.5rem;
  --internet-speed-icon-size-desktop: 2rem;
}

.internet-speed--left {
  justify-content: flex-start;
}

.internet-speed--center {
  justify-content: center;
}

.internet-speed--right {
  justify-content: flex-end;
}

.internet-speed__items {
  display: flex;
  align-items: center;
}
.internet-speed--multiline .internet-speed__items {
  flex-direction: column;
  align-items: flex-end;
}

.internet-speed__icon {
  font-size: var(--internet-speed-icon-size);
  margin: 0 5px;
}
@media (min-width: 80.5rem) {
  .internet-speed__icon {
    font-size: var(--internet-speed-icon-size-desktop);
  }
}
.internet-speed--multiline .internet-speed__icon {
  display: block;
}
.internet-speed--multiline .internet-speed__icon:first-child {
  margin-bottom: 0.75rem;
}
.internet-speed--collapsed .internet-speed__icon {
  margin-left: 0;
}

.internet-speed__speed {
  display: flex;
  align-items: center;
}

.internet-speed__number {
  margin-right: 5px;
}

.internet-speed__unit {
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
  text-align: left;
}

.internet-speed--multiline .internet-speed__down {
  margin-bottom: 5px;
}
@media (min-width: 37.5rem) {
  .internet-speed__down {
    margin-bottom: 0;
  }
}

.internet-speed-indicator {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: var(--color-neutral-text);
}

.internet-speed-indicator__content {
  margin-top: 10%;
}

.internet-speed-indicator__heading {
  display: block;
}

.internet-speed-indicator__graph-line,
.internet-speed-indicator__graph {
  position: absolute;
  width: auto;
  height: auto;
}

.internet-speed-indicator--size-small {
  width: 160px;
  height: 117px;
}

.internet-speed-indicator--size-medium {
  width: 192px;
  height: 139px;
}

.internet-speed-indicator--size-responsive {
  width: 100%;
  height: 0;
  padding-bottom: 72%; /* Creates a svg aspect ratio */
}
.internet-speed-indicator--size-responsive .internet-speed-indicator__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  margin-top: 5%;
  width: 80%;
}
.internet-speed-indicator--size-responsive .internet-speed-indicator__graph-line,
.internet-speed-indicator--size-responsive .internet-speed-indicator__graph {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@keyframes internet-speed-indicator__path-9 {
  from {
    stroke-dashoffset: 9;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-19 {
  from {
    stroke-dashoffset: 19;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-28 {
  from {
    stroke-dashoffset: 28;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-37 {
  from {
    stroke-dashoffset: 37;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-46 {
  from {
    stroke-dashoffset: 46;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-56 {
  from {
    stroke-dashoffset: 56;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-65 {
  from {
    stroke-dashoffset: 65;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-74 {
  from {
    stroke-dashoffset: 74;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-83 {
  from {
    stroke-dashoffset: 83;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-93 {
  from {
    stroke-dashoffset: 93;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-102 {
  from {
    stroke-dashoffset: 102;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-111 {
  from {
    stroke-dashoffset: 111;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-120 {
  from {
    stroke-dashoffset: 120;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-130 {
  from {
    stroke-dashoffset: 130;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-139 {
  from {
    stroke-dashoffset: 139;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-148 {
  from {
    stroke-dashoffset: 148;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-157 {
  from {
    stroke-dashoffset: 157;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-167 {
  from {
    stroke-dashoffset: 167;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-176 {
  from {
    stroke-dashoffset: 176;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-185 {
  from {
    stroke-dashoffset: 185;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-194 {
  from {
    stroke-dashoffset: 194;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-204 {
  from {
    stroke-dashoffset: 204;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-213 {
  from {
    stroke-dashoffset: 213;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-222 {
  from {
    stroke-dashoffset: 222;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-231 {
  from {
    stroke-dashoffset: 231;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-241 {
  from {
    stroke-dashoffset: 241;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-250 {
  from {
    stroke-dashoffset: 250;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-259 {
  from {
    stroke-dashoffset: 259;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-268 {
  from {
    stroke-dashoffset: 268;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-278 {
  from {
    stroke-dashoffset: 278;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-287 {
  from {
    stroke-dashoffset: 287;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-296 {
  from {
    stroke-dashoffset: 296;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-305 {
  from {
    stroke-dashoffset: 305;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-315 {
  from {
    stroke-dashoffset: 315;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-324 {
  from {
    stroke-dashoffset: 324;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-333 {
  from {
    stroke-dashoffset: 333;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-342 {
  from {
    stroke-dashoffset: 342;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-352 {
  from {
    stroke-dashoffset: 352;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-361 {
  from {
    stroke-dashoffset: 361;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes internet-speed-indicator__path-370 {
  from {
    stroke-dashoffset: 370;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.large-search {
  position: relative;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  z-index: 1;
}

.large-search--left {
  margin-left: 0;
}

.large-search--right {
  margin-right: 0;
}

.large-search__inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.large-search--single-line .large-search__inner {
  flex-direction: row;
  align-items: flex-end;
  gap: 8px;
}

.large-search__fields {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
}
.large-search--single-line .large-search__fields {
  flex-direction: row;
  align-items: flex-end;
  gap: 0;
}

.large-search__block {
  position: relative;
  flex: 1;
  padding: 0;
  display: flex;
}
.large-search__block + .large-search__block {
  margin-left: -1px;
}
.large-search--single-line .large-search__block:nth-child(2) {
  max-width: 165px;
}

.large-search__action {
  flex-shrink: 0;
}

.large-search__help {
  margin-top: 4px;
}
.large-search--single-line .large-search__help {
  padding-left: 16px;
}

/* Input Overrides */
.large-search--single-line .textfield {
  --textfield-horizontal-padding: 16px;
}
.large-search--single-line .large-search__block .textfield {
  --textfield-border-radius: 0;
}
.large-search--single-line .large-search__block:first-child .textfield {
  --textfield-border-radius: 48px 0 0 48px;
}
.large-search--single-line .large-search__block:last-child .textfield {
  --textfield-border-radius: 0 48px 48px 0;
}
.large-search--single-line .large-search__block:only-child .textfield {
  --textfield-border-radius: 48px;
}

.large-search--single-line .large-search__block:not(:first-child) .textfield:not(.is-invalid) .textfield__inner {
  border-left-color: transparent;
}

.large-search--single-line .large-search__block:first-child .textfield__label {
  padding-left: 16px;
}

.large-search--single-line .large-search__block:first-child .textfield__form-helper {
  padding-left: 16px;
}

/* Select Overrides */
.large-search--single-line .select {
  --select-horizontal-padding: 16px;
}

.large-search--single-line .large-search__block:first-child .select__wrapper {
  border-top-left-radius: 48px;
  border-bottom-left-radius: 48px;
}
.large-search--single-line .large-search__block:last-child .select__wrapper {
  border-top-right-radius: 48px;
  border-bottom-right-radius: 48px;
}
.large-search--single-line .large-search__block:not(:first-child) .select:not(.is-invalid) .select__wrapper {
  border-left-color: transparent;
}

.large-search--single-line .large-search__block:first-child .select__label {
  padding-left: 16px;
}

.lightbox {
  transition: opacity var(--animation-duration-long) var(--animation-easing-long);
  z-index: 30;
  position: fixed;
  background: var(--color-backdrop);
  opacity: 0;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  display: flex;
  padding: 15px;
}
@media (min-width: 37.5rem) {
  .lightbox {
    padding: 24px;
  }
}
.lightbox.is-open {
  opacity: 1;
}

.lightbox__inner {
  transition: opacity var(--animation-duration-long) var(--animation-easing-long), transform var(--animation-duration-long) var(--animation-easing-long);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  opacity: 0;
  transform: translateY(30px);
  margin: auto;
}
.lightbox.is-open .lightbox__inner {
  opacity: 1;
  transform: translateY(0);
}

.lightbox__box {
  display: flex;
  visibility: hidden;
  width: 100%;
  min-width: 100px;
  max-width: 1230px;
  margin: auto;
  background-color: var(--color-neutral-bg-level-3);
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}
.lightbox__box.has-media-loaded {
  visibility: visible;
}

.lightbox__box-inner {
  width: 100%;
}

.lightbox__header {
  padding: 25px 20px;
  background-color: var(--color-brand-primary-bg-subtle);
}
@media (min-width: 37.5rem) {
  .lightbox__header {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.lightbox__title {
  color: var(--color-neutral-text);
}

.lightbox__close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
}

.lightbox__video,
.lightbox__image {
  width: 100%;
  background-color: var(--color-neutral-bg-level-3);
}

.lightbox__video,
.lightbox__video .video__iframe,
.lightbox__video .video__image {
  border-radius: 0;
}

.lightbox__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal {
  transition: opacity var(--animation-duration-long) var(--animation-easing-long);
  overflow: hidden !important;
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-backdrop);
  display: flex;
  padding: 24px 15px;
  opacity: 0;
}
.modal.is-unmounted {
  visibility: hidden;
}
.modal.is-open {
  opacity: 1;
}
@media (min-width: 37.5rem) {
  .modal {
    padding: 20px;
  }
}
.modal.modal--full-screen, .modal.modal--with-sidebar-right, .modal.modal--with-sidebar-left {
  padding: 0;
}

.modal__inner {
  transition: opacity var(--animation-duration-long) var(--animation-easing-long), transform var(--animation-duration-long) var(--animation-easing-long);
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 76.875rem;
  margin: auto;
  width: 100%;
  opacity: 0;
  transform: translateY(30px);
}
.modal__inner.modal__inner--with-sidebar-right {
  margin-right: 0;
  transform: translateX(30px);
}
.modal__inner.modal__inner--with-sidebar-left {
  margin-left: 0;
  transform: translateX(-30px);
}
.modal__inner.modal__inner--vertical-align-top {
  margin-top: 0;
}
.modal.is-open .modal__inner {
  opacity: 1;
  transform: translate(0, 0);
}
@media (min-width: 62.5rem) {
  .modal__inner.modal__inner--10-col {
    width: 83.3333333333%;
    max-width: 64.0625rem;
  }
}
@media (min-width: 37.5rem) {
  .modal__inner.modal__inner--10-col.modal__inner--with-sidebar-right, .modal__inner.modal__inner--10-col.modal__inner--10-col.modal__inner--with-sidebar-left {
    width: 83.3333333333%;
    max-width: 64.0625rem;
  }
}
@media (min-width: 62.5rem) {
  .modal__inner.modal__inner--8-col {
    width: 66.6666666667%;
    max-width: 51.25rem;
  }
}
@media (min-width: 37.5rem) {
  .modal__inner.modal__inner--8-col.modal__inner--with-sidebar-right, .modal__inner.modal__inner--8-col.modal__inner--with-sidebar-left {
    width: 66.6666666667%;
    max-width: 51.25rem;
  }
}
@media (min-width: 62.5rem) {
  .modal__inner.modal__inner--6-col {
    width: 50%;
    max-width: 38.4375rem;
  }
}
@media (min-width: 37.5rem) {
  .modal__inner.modal__inner--6-col.modal__inner--with-sidebar-right, .modal__inner.modal__inner--6-col.modal__inner--with-sidebar-left {
    width: 50%;
    max-width: 38.4375rem;
  }
}
@media (min-width: 62.5rem) {
  .modal__inner.modal__inner--4-col {
    width: 33.3333333333%;
    max-width: 25.625rem;
  }
}
@media (min-width: 37.5rem) {
  .modal__inner.modal__inner--4-col.modal__inner--with-sidebar-right, .modal__inner.modal__inner--4-col.modal__inner--with-sidebar-left {
    width: 33.3333333333%;
    max-width: 25.625rem;
  }
}
@media (min-width: 62.5rem) {
  .modal__inner.modal__inner--2-col {
    width: 16.6666666667%;
    max-width: 12.8125rem;
  }
}
@media (min-width: 37.5rem) {
  .modal__inner.modal__inner--2-col.modal__inner--with-sidebar-right, .modal__inner.modal__inner--2-col.modal__inner--with-sidebar-left {
    width: 16.6666666667%;
    max-width: 12.8125rem;
  }
}

.modal__box {
  display: flex;
  width: 100%;
  margin: auto;
  position: relative;
  background: var(--color-neutral-bg-level-3);
  box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 12px 24px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}
.modal__inner--full-screen .modal__box, .modal--with-sidebar-left .modal__box, .modal--with-sidebar-right .modal__box {
  border-radius: 0;
}

.modal__body {
  padding: 40px 15px;
  flex-grow: 1;
}
@media (min-width: 37.5rem) {
  .modal__body {
    padding: 40px;
  }
}
@media (max-width: 37.499rem) {
  .modal__body {
    padding: 32px 16px;
  }
}

.modal__close-wrapper {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
}
.modal__inner--with-sticky-header .modal__close-wrapper {
  position: -webkit-sticky;
  position: sticky;
}

.modal__box-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  overflow: auto;
  max-height: calc(100vh - 48px);
}
.modal__inner--full-height .modal__box-inner {
  min-height: calc(100vh - 48px);
}
.modal__inner--full-screen .modal__box-inner, .modal--with-sidebar-left .modal__box-inner, .modal--with-sidebar-right .modal__box-inner {
  min-height: 100vh;
  max-height: 100vh;
}
@media (min-width: 50rem) {
  .modal__cover + .modal__box-inner {
    width: 66.6666%;
  }
}

.modal__cover {
  display: none;
  width: 33.3333%;
  padding: 40px;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
@media (min-width: 50rem) {
  .modal__cover {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.modal__cover--fill {
  padding: 0;
}

.modal__cover-icon {
  width: 100%;
  height: 100%;
}

.modal__footer {
  padding: 20px 15px;
  background-color: var(--color-neutral-bg-level-2);
}
@media (min-width: 37.5rem) {
  .modal__footer {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.modal__footer--sticky {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 30;
}

.modal__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal__header {
  z-index: 1;
  background-color: var(--color-neutral-bg-level-2);
}
.modal__inner--with-sticky-header .modal__header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.modal__header--dark {
  background-color: var(--color-brand-primary-bg-subtle);
  color: var(--color-neutral-text);
}

.modal__header,
.modal__footer {
  min-height: 80px;
  padding: 16px 16px;
  display: flex;
  align-items: center;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (min-width: 37.5rem) {
  .modal__header,
  .modal__footer {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.modal__header.text-center,
.modal__footer.text-center {
  justify-content: center;
}
.modal__header.text-left,
.modal__footer.text-left {
  justify-content: start;
}
.modal__header.text-right,
.modal__footer.text-right {
  justify-content: end;
}

.modal__inner--with-sticky-header .modal__close {
  position: absolute;
  top: 0;
  left: auto;
  right: 10px;
}

.notification {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
  background: var(--color-neutral-bg-level-3);
  border-radius: 4px;
  border: 1px solid var(--color-neutral-border-subtle);
  overflow: hidden;
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
}
.notification.click-area {
  cursor: pointer;
}
.notification.notification--not-seen.notification--info {
  background: var(--color-info-bg-subtle);
  border-color: var(--color-info-border);
}
.notification.notification--not-seen.notification--success {
  background: var(--color-success-bg-subtle);
  border-color: var(--color-success-border);
}
.notification.notification--not-seen.notification--error {
  background: var(--color-error-bg-subtle);
  border-color: var(--color-error-border);
}
.notification.notification--not-seen.notification--attention {
  background: var(--color-attention-bg-subtle);
  border-color: var(--color-attention-border);
}

.notification__icon {
  font-size: 1.5rem;
}
.notification--info .notification__icon {
  color: var(--color-info-graphic);
}
.notification--error .notification__icon {
  color: var(--color-error-graphic);
}
.notification--success .notification__icon {
  color: var(--color-success-graphic);
}
.notification--attention .notification__icon {
  color: var(--color-attention-graphic);
}

.notification__head {
  display: flex;
  align-items: center;
  gap: 8px;
}

.notification__time {
  color: var(--color-neutral-text-subtle);
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
}

.numberfield {
  --numberfield-input-width: 3.75rem;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.numberfield--disabled {
  color: var(--color-disabled-text);
}

.numberfield--align-center {
  align-items: center;
}

.numberfield--small {
  --numberfield-input-width: 2.5rem;
}

.numberfield__label {
  display: block;
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
}
.numberfield--hide-label .numberfield__label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.numberfield__inner {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}
.numberfield--full-width .numberfield__inner {
  width: auto;
}
.numberfield__inner:focus-within {
  outline: 2px solid var(--color-focus-outline, #0094ff);
  outline-offset: 2px;
  border-radius: 4px;
}

.numberfield__input {
  border: 1px solid var(--color-neutral-border);
  display: block;
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
  padding: 12px 11px;
  width: var(--numberfield-input-width);
  background: none;
  text-align: center;
  color: inherit;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  outline: none;
  margin-left: -1px;
  margin-right: -1px;
}
.numberfield--small .numberfield__input {
  padding: 5px;
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
}
.numberfield--full-width .numberfield__input {
  width: 100%;
}
.numberfield--disabled .numberfield__input {
  border-color: var(--color-disabled-border);
}
.numberfield--invalid .numberfield__input {
  border: 2px solid var(--color-error-border);
  z-index: 2;
}
.numberfield__input::-webkit-outer-spin-button, .numberfield__input::-webkit-inner-spin-button {
  display: none;
}

.numberfield__button--decrease {
  border-radius: 4px 0 0 4px;
}

.numberfield__button--increase {
  border-radius: 0 4px 4px 0;
}

.numberfield__label-icon {
  color: var(--color-employee-graphic);
  margin-right: 4px;
}

.offer-counter {
  position: relative;
  z-index: 0;
}

.offer-counter__figure {
  position: relative;
  padding-bottom: 70px;
  padding-right: 0;
  height: 350px;
  display: flex;
  align-items: flex-end;
}

.offer-counter__figure-inner {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  max-width: 100%;
}
.offer-counter__figure-inner::after {
  content: "";
  height: 3px;
  left: -4px;
  right: -4px;
  position: absolute;
  bottom: 12px;
  box-shadow: 0 14px 4px rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  z-index: -1;
}

.offer-counter__table {
  position: absolute;
  height: 43px;
  background: var(--color-neutral-bg-level-2) linear-gradient(transparent 17px, var(--color-neutral-bg-subtlest) 0);
  bottom: 35px;
  left: -20px;
  right: -20px;
}
.offer-counter__table::after {
  content: "";
  width: calc(100% - 40px);
  z-index: -1;
  box-shadow: 0 10px 110px rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 15px;
}
@media (min-width: 62.5rem) {
  .offer-counter__table {
    left: -12px;
    right: -12px;
  }
}
.offer-counter__item--edge-start .offer-counter__table::before {
  left: -104px;
  background-image: linear-gradient(transparent, transparent 17px, var(--color-neutral-bg-subtlest) 0), linear-gradient(transparent, transparent 17px, var(--color-neutral-bg-level-2) 0), linear-gradient(165deg, transparent, transparent 41px, var(--color-neutral-bg-level-2) 0);
  background-position: 0 0, 0 0, 0 17px;
  content: "";
  display: none;
  width: 105px;
  position: absolute;
  bottom: 0;
  height: inherit;
}
@media (min-width: 62.5rem) {
  .offer-counter__item--edge-start .offer-counter__table::before {
    display: block;
  }
}
@media (min-width: 62.5rem) {
  .offer-counter__item--edge-start .offer-counter__table::after {
    width: calc(100% + 80px);
    transform: translateX(-80px);
    box-shadow: -7px 10px 100px rgba(0, 0, 0, 0.7);
  }
}
.offer-counter__item--edge-end .offer-counter__table::before {
  right: -104px;
  background-image: linear-gradient(transparent, transparent 17px, var(--color-neutral-bg-subtlest) 0), linear-gradient(transparent, transparent 17px, var(--color-neutral-bg-level-2) 0), linear-gradient(195deg, transparent, transparent 41px, var(--color-neutral-bg-level-2) 0);
  background-position: 0 0, 0 0, 0 -26px;
  content: "";
  display: none;
  width: 105px;
  position: absolute;
  bottom: 0;
  height: inherit;
}
@media (min-width: 62.5rem) {
  .offer-counter__item--edge-end .offer-counter__table::before {
    display: block;
  }
}
@media (min-width: 62.5rem) {
  .offer-counter__item--edge-end .offer-counter__table::after {
    width: calc(100% + 80px);
    box-shadow: 7px 10px 100px rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 62.5rem) {
  .offer-counter__item:not(.offer-counter__item--edge-start, .offer-counter__item--edge-end) .offer-counter__table::after {
    width: 100%;
  }
}

.option-card {
  --card-border-color: transparent;
  transition: transform var(--animation-duration-short) var(--animation-easing-short);
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  transform: translateY(0);
  margin-top: 4px;
}
.option-card.is-checked {
  transition: transform var(--animation-duration-short) var(--animation-easing-short);
  transform: translateY(-4px);
}

.option-card--badge-top {
  margin-top: 15px;
}

.option-card__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.option-card__label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.option-card__body {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  flex: 1 0 auto;
}
.option-card__input:disabled ~ .option-card__body {
  cursor: default;
}
.option-card__input:checked:not(:disabled) ~ .option-card__body {
  transition: box-shadow var(--animation-duration-short) var(--animation-easing-short);
  box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 4px 8px rgba(0, 0, 0, 0.1);
}
.option-card__input:not(:checked) ~ .option-card__body {
  transition: box-shadow var(--animation-duration-short) var(--animation-easing-short);
}
.option-card__body::before, .option-card__body::after {
  transition: border-color var(--animation-duration-short) var(--animation-easing-short), opacity var(--animation-duration-short) var(--animation-easing-short);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  border-radius: inherit;
  z-index: 1;
  border-color: var(--card-border-color);
  border-style: solid;
}
.option-card--employee .option-card__body::before, .option-card--employee .option-card__body::after {
  --card-border-color: var(--color-employee-border);
}
.option-card--success .option-card__body::before, .option-card--success .option-card__body::after {
  --card-border-color: var(--color-success-border);
}
.option-card__input:disabled ~ .option-card__body::before, .option-card__input:disabled ~ .option-card__body::after {
  --card-border-color: var(--color-disabled-border);
}
.option-card__input:checked ~ .option-card__body::before, .option-card__input:checked ~ .option-card__body::after {
  --card-border-color: var(--color-brand-primary-border);
}
.option-card__input:disabled:checked ~ .option-card__body::before, .option-card__input:disabled:checked ~ .option-card__body::after {
  --card-border-color: var(--color-disabled-border);
}
.option-card__input:focus-visible ~ .option-card__body::before, .option-card__input:focus ~ .option-card__body::before, .option-card__input:focus-visible ~ .option-card__body::after, .option-card__input:focus ~ .option-card__body::after {
  outline: 2px solid var(--color-focus-outline, #0094ff);
  outline-offset: 2px;
}
.option-card--error.is-animating .option-card__body::before, .option-card--error.is-animating .option-card__body::after {
  --card-border-color: var(--color-error-border);
}
.option-card--error.is-animating.option-card--animate-in .option-card__body::before, .option-card--error.is-animating.option-card--animate-in .option-card__body::after {
  animation: option-card-error-in var(--animation-duration-medium) var(--animation-easing-medium) 1 forwards;
  transform: scale(1.02);
}
.option-card--error.is-animating.option-card--animate-out .option-card__body::before, .option-card--error.is-animating.option-card--animate-out .option-card__body::after {
  animation: option-card-error-out var(--animation-duration-medium) var(--animation-easing-medium) 1 forwards;
  transform: scale(1);
}
.option-card--error.option-card--animate-idle .option-card__body::before, .option-card--error.option-card--animate-idle .option-card__body::after {
  --card-border-color: var(--color-error-border);
}
.option-card__body::after {
  opacity: 0;
  border-width: 2px;
}
.option-card__input:checked ~ .option-card__body::after {
  opacity: 1;
}
.option-card__body::before {
  border-width: 1px;
}
.option-card__input:disabled:checked ~ .option-card__body::before {
  opacity: 0;
}

html[data-whatintent=mouse]:not([data-whatintent=touch]) .option-card__input:not(:disabled, :checked) ~ .option-card__body:hover::before {
  --card-border-color: var(--color-brand-primary-border);
}

html[data-whatintent=mouse]:not([data-whatintent=touch]) .option-card__input:not(:disabled, :checked) ~ .option-card__body:not(:hover)::before {
  transition: border-color var(--animation-duration-medium) var(--animation-easing-medium);
}

.option-card__elements {
  width: 100%;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}

.option-card__content:first-child {
  border-radius: 12px 12px 0 0;
}
.option-card__indicator + .option-card__content:nth-child(2) {
  border-radius: 12px 12px 0 0;
}

.option-card__content--grey {
  background-color: var(--color-neutral-bg-subtlest);
}

.option-card__indicator {
  transition: background-color var(--animation-duration-short) var(--animation-easing-short), border-color var(--animation-duration-short) var(--animation-easing-short);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0 0 var(--color-neutral-border-subtlest);
  position: absolute;
  top: 16px;
  right: 16px;
}
.option-card--input-radio .option-card__indicator {
  border: 1px solid var(--color-neutral-border);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: transparent;
  color: var(--color-brand-primary-text-onbg-strong);
}
.option-card--input-radio .option-card__indicator::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: currentcolor;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.option-card--input-radio .option-card__input:checked ~ .option-card__body .option-card__indicator::before {
  opacity: 1;
}
.option-card__input:checked ~ .option-card__body .option-card__indicator {
  transition: background-color var(--animation-duration-short) var(--animation-easing-short), border-color var(--animation-duration-short) var(--animation-easing-short);
  background: var(--color-brand-primary-bg-strong);
  border-color: var(--color-brand-primary-border);
}
.option-card--employee .option-card__input:checked ~ .option-card__body .option-card__indicator {
  background: var(--color-employee-bg-strong);
  border-color: var(--color-employee-border);
  color: var(--color-employee-text-onbg-strong);
}
.option-card--input-radio .option-card__input:disabled:checked ~ .option-card__body .option-card__indicator {
  background: var(--color-disabled-bg);
  border: 1px solid var(--color-disabled-border);
  color: var(--color-disabled-text);
}
.option-card--input-checkbox .option-card__indicator {
  width: 24px;
  height: 24px;
  background: transparent;
  border: 1px solid var(--color-neutral-border);
  border-radius: 3px;
  color: var(--color-brand-primary-text-onbg-strong);
}
.option-card--input-checkbox .option-card__input:disabled:checked ~ .option-card__body .option-card__indicator {
  background: var(--color-disabled-bg);
  border-color: var(--color-disabled-border);
  color: var(--color-disabled-text);
}

.option-card__indicator-icon {
  vertical-align: baseline;
  margin-top: 0;
  font-size: 18px;
  opacity: 0;
  pointer-events: none;
}
.option-card__input:checked ~ .option-card__body .option-card__indicator-icon {
  opacity: 1;
}

.option-card__checked-badge {
  position: relative;
  z-index: 1;
}

.option-card__badge--with-label {
  padding-left: 15px;
}

.option-card__badge-label {
  padding-left: 7px;
  padding-right: 7px;
}

.option-card__badge-icon {
  vertical-align: baseline;
  margin-top: 0;
  font-size: 1.15em;
}

.option-card__body.card__badge-wrapper {
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  transform: translateY(-50%);
}
.option-card--error.is-animating.option-card--animate-in .option-card__body.card__badge-wrapper {
  animation: option-card-error-top-wrapperIn var(--animation-duration-medium) var(--animation-easing-medium) 1 forwards;
  transform: translateY(-60%);
}
.option-card--error.is-animating.option-card--animate-out .option-card__body.card__badge-wrapper {
  animation: option-card-error-top-wrapper-out var(--animation-duration-medium) var(--animation-easing-medium) 1 forwards;
  transform: translateY(-50%);
}

.card.card--border-radius-small .option-card__footer {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.card.card--border-radius-medium .option-card__footer {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.card.card--border-radius-large .option-card__footer {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

@keyframes option-card-error-in {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 var(--color-neutral-border-subtlest);
  }
  100% {
    transform: scale(1.02);
    box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 12px 24px rgba(0, 0, 0, 0.1);
  }
}
@keyframes option-card-error-out {
  0% {
    transform: scale(1.02);
    box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 12px 24px rgba(0, 0, 0, 0.1);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 var(--color-neutral-border-subtlest);
  }
}
@keyframes option-card-error-wrapper-in {
  0% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(60%);
  }
}
@keyframes option-card-error-wrapper-out {
  0% {
    transform: translateY(60%);
  }
  100% {
    transform: translateY(50%);
  }
}
@keyframes option-card-error-top-wrapper {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(-60%);
  }
}
@keyframes option-card-error-top-wrapper-out {
  0% {
    transform: translateY(-60%);
  }
  100% {
    transform: translateY(-50%);
  }
}
.option-card-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
@media (min-width: 37.5rem) {
  .option-card-group {
    gap: 24px;
  }
}

.option-card-group__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.option-card-group__legend:is(legend) {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.option-card-group--hide-label .option-card-group__legend {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
@media (min-width: 37.5rem) {
  .option-card-group--hide-label-sm .option-card-group__legend {
    /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}
@media (min-width: 50rem) {
  .option-card-group--hide-label-md .option-card-group__legend {
    /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}

.pagination-number {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
  font-weight: 400;
  white-space: nowrap;
}
@media (min-width: 37.5rem) {
  .pagination-number {
    font-size: var(--type-tiny-font-size);
    line-height: var(--type-tiny-line-height);
  }
}

.pagination-number--left {
  justify-content: flex-start;
}

.pagination-number--right {
  justify-content: flex-end;
}

.pagination-number__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pagination-number__text,
.pagination-number__item {
  margin: 10px;
}
@media (min-width: 37.5rem) {
  .pagination-number__text,
  .pagination-number__item {
    margin: 4px;
  }
}

.pagination-number__link {
  position: relative;
  display: block;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--color-neutral-bg-level-1);
  color: var(--color-neutral-text);
  font-weight: 400;
  text-align: center;
  padding: 10px 8px;
  min-width: 2.625rem;
  transition: color var(--animation-duration-short) var(--animation-easing-short), border-color var(--animation-duration-short) var(--animation-easing-short), background-color var(--animation-duration-short) var(--animation-easing-short);
}
@media (min-width: 37.5rem) {
  .pagination-number__link {
    padding: 4px 5px;
    min-width: 1.625rem;
  }
}
.pagination-number--light .pagination-number__link {
  background-color: var(--color-neutral-bg-level-2);
}
html[data-whatintent=mouse] .pagination-number__link:hover {
  border-color: var(--color-brand-primary-border);
  color: var(--color-brand-primary-text);
}
.pagination-number__item.is-active .pagination-number__link {
  border-color: var(--color-brand-primary-bg-strong);
  background-color: var(--color-brand-primary-bg-strong);
  color: var(--color-brand-primary-text-onbg-strong);
  font-weight: 700;
}
html[data-whatintent=mouse] .pagination-number__item.is-active .pagination-number__link:hover {
  border-color: var(--color-brand-primary-bg-strong);
  background-color: var(--color-brand-primary-bg-strong);
  color: var(--color-brand-primary-text-onbg-strong);
}

.passfield {
  position: relative;
}

.passfield__button {
  display: block;
  margin-right: 7px;
  padding: 4px;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: var(--textfield-icon-size);
}
html[data-whatintent=mouse] .passfield__button:hover {
  color: var(--color-brand-primary-text-hover);
}

.passfield__button-icon {
  vertical-align: baseline;
  margin-top: 0;
  display: block;
}

.heading__button--hidden {
  opacity: 0;
  pointer-events: none;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
}
@media (min-width: 37.5rem) {
  .pagination {
    padding: 0 4px;
  }
}
.pagination.is-tooltip {
  display: block;
  max-height: 150px;
}

.pagination--left {
  justify-content: flex-start;
}

.pagination--right {
  justify-content: flex-end;
}

.pagination__item {
  transition: all var(--animation-duration-short) var(--animation-easing-short);
}
@media (min-width: 37.5rem) {
  .pagination__item {
    margin: 4px;
  }
}
.pagination > .pagination__item {
  display: none;
}
@media (min-width: 37.5rem) {
  .pagination > .pagination__item {
    display: block;
  }
}

@media (min-width: 37.5rem) {
  .pagination__prev,
  .pagination__next {
    margin: 4px;
  }
}
.pagination__prev.is-disabled,
.pagination__next.is-disabled {
  pointer-events: none;
}
@media (min-width: 37.5rem) {
  .pagination__prev.is-disabled,
  .pagination__next.is-disabled {
    opacity: 0;
  }
}

.pagination__link,
.pagination__break {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  overflow: visible;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  transition: all var(--animation-duration-short) var(--animation-easing-short);
  display: block;
  padding: 9px;
  background: var(--color-neutral-bg-level-2);
  color: var(--color-neutral-text);
  font-weight: 700;
  text-align: center;
}
@media (min-width: 37.5rem) {
  .pagination__link,
  .pagination__break {
    padding: 5px;
    min-width: 1.625rem;
    border-radius: 999px;
    font-weight: 400;
    border: 1px solid transparent;
  }
}
.pagination--inverse .pagination__link,
.pagination--inverse .pagination__break {
  background: var(--color-neutral-bg-level-1);
}
.tooltip__content .pagination__link,
.tooltip__content .pagination__break {
  background: transparent;
}

.pagination__link {
  cursor: pointer;
}
@media (min-width: 37.5rem) {
  html[data-whatintent=mouse] .pagination__link:hover {
    border-color: var(--color-brand-primary-border);
    color: var(--color-brand-primary-text);
  }
}
html[data-whatintent=mouse] .pagination--employee .pagination__link:hover {
  color: var(--color-employee-text);
}
@media (min-width: 37.5rem) {
  html[data-whatintent=mouse] .pagination--employee .pagination__link:hover {
    border-color: var(--color-employee-border);
    color: var(--color-employee-text);
  }
}
.pagination__item.is-active .pagination__link {
  color: var(--color-brand-primary-text);
}
@media (min-width: 37.5rem) {
  .pagination__item.is-active .pagination__link {
    background: var(--color-brand-primary-bg-strong);
    color: var(--color-brand-primary-text-onbg-strong);
    font-weight: 700;
  }
}
.pagination--employee .pagination__item.is-active .pagination__link {
  color: var(--color-employee-text);
}
@media (min-width: 37.5rem) {
  .pagination--employee .pagination__item.is-active .pagination__link {
    background: var(--color-employee-bg-strong);
    color: var(--color-employee-text-onbg-strong);
  }
}
@media (min-width: 37.5rem) {
  html[data-whatintent=mouse] .pagination__item.is-active .pagination__link:hover {
    background: var(--color-brand-primary-bg-strong);
    color: var(--color-brand-primary-text-onbg-strong);
  }
}
@media (min-width: 37.5rem) {
  html[data-whatintent=mouse] .pagination--employee .pagination__item.is-active .pagination__link:hover {
    background: var(--color-employee-bg-strong);
    color: var(--color-employee-text-onbg-strong);
  }
}
.pagination__prev .pagination__link {
  border-radius: 999px 0 0 999px;
}
@media (max-width: 37.499rem) {
  .pagination__prev .pagination__link {
    border-right: 1px solid var(--color-neutral-bg-level-1);
  }
}
@media (min-width: 37.5rem) {
  .pagination__prev .pagination__link {
    border-radius: 999px;
    padding: 4px;
  }
}
@media (max-width: 37.499rem) {
  .pagination--inverse .pagination__prev .pagination__link {
    border-right-color: var(--color-neutral-bg-level-2);
  }
}
.pagination__next .pagination__link {
  border-radius: 0 999px 999px 0;
}
@media (max-width: 37.499rem) {
  .pagination__next .pagination__link {
    border-left: 1px solid var(--color-neutral-bg-level-1);
  }
}
@media (min-width: 37.5rem) {
  .pagination__next .pagination__link {
    border-radius: 999px;
    padding: 4px;
  }
}
@media (max-width: 37.499rem) {
  .pagination--inverse .pagination__next .pagination__link {
    border-left-color: var(--color-neutral-bg-level-2);
  }
}

.pagination__status {
  display: block;
  min-width: 6.25rem;
  margin: 0;
  border-radius: 0;
  background: var(--color-neutral-bg-level-2);
  color: var(--color-neutral-text);
  font-weight: 700;
  text-align: center;
}
@media (min-width: 37.5rem) {
  .pagination__status {
    display: none;
  }
}
.pagination--inverse .pagination__status {
  background: var(--color-neutral-bg-level-1);
}

.pagination__status-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  overflow: visible;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  width: 100%;
  height: 100%;
}

.pagination__icon {
  color: var(--color-brand-primary-text);
  font-size: 1.5rem;
  vertical-align: middle;
}
@media (min-width: 37.5rem) {
  .pagination__icon {
    font-size: 1rem;
    vertical-align: top;
  }
}
.pagination--employee .pagination__icon {
  color: var(--color-employee-text);
}
.pagination__prev.is-disabled .pagination__icon, .pagination__next.is-disabled .pagination__icon {
  color: var(--color-disabled-text);
}

.pagination__tooltip {
  margin: 0;
  padding: 7px 0;
  list-style: none;
}

.process-list {
  position: relative;
  counter-reset: item;
  z-index: 0;
}

.process-list__list {
  padding-left: 0;
}
.process-list.is-horizontal .process-list__list {
  display: flex;
}

.process-list__item {
  position: relative;
  display: block;
  list-style: none;
  padding-left: 45px;
  padding-right: 0;
  flex: 1;
  z-index: 1;
}
.process-list__item + .process-list__item {
  margin-top: 25px;
}
.process-list.is-horizontal .process-list__item {
  padding-left: 10px;
  padding-right: 10px;
}
.process-list.is-horizontal .process-list__item + .process-list__item {
  margin-top: 0;
}

.process-list.is-horizontal .process-list__item-inner {
  padding: 0 10px;
}

.process-list__item-header-inner {
  opacity: 0;
  transform: translateY(8px);
  transition: all 500ms cubic-bezier(0.64, 0.04, 0.35, 1);
  transition-property: opacity, transform;
  max-width: 100%;
}
.process-list.is-vertical .process-list__item-header-inner {
  transform: translate(-8px, 0);
}
html.no-js .process-list__item-header-inner, .process-list.on-screen .process-list__item-header-inner {
  transform: translate(0, 0);
  opacity: 1;
}

.process-list__item-header,
.process-list__item-header-inner {
  display: flex;
  flex-direction: column;
}
.process-list.is-horizontal .process-list__item-header,
.process-list.is-horizontal .process-list__item-header-inner {
  align-items: start;
}

.process-list__item-title-wrapper {
  max-width: 100%;
}

.process-list__item-title {
  margin-bottom: 10px;
}
.process-list.is-horizontal .process-list__item-title {
  margin-bottom: 16px;
}

.process-list__badge-wrapper {
  position: absolute;
  margin-top: 0;
  margin-bottom: 14px;
  left: 0;
  top: 0;
  transform: scale(0);
  transition: transform 500ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
.process-list.is-horizontal .process-list__badge-wrapper {
  position: static;
  display: block;
  top: auto;
  left: auto;
}
.process-list--icon .process-list__badge-wrapper {
  top: 49px;
}
@media (max-width: 37.499rem) {
  .process-list--icon .process-list__badge-wrapper {
    top: 54px;
  }
}
.process-list--icon.process-list.is-horizontal .process-list__badge-wrapper {
  top: auto;
}
.process-list--image .process-list__item--with-image .process-list__badge-wrapper {
  top: 210px;
}
.process-list--image.process-list.is-horizontal .process-list__badge-wrapper {
  top: auto;
}
html.no-js .process-list .process-list__badge-wrapper, .process-list.on-screen .process-list__badge-wrapper {
  transform: scale(1);
}

.process-list__icon {
  vertical-align: baseline;
  margin-top: 0;
  width: 40px;
  height: 40px;
  margin-bottom: 9px;
}
.process-list.is-horizontal .process-list__icon {
  width: 48px;
  height: 48px;
}

.process-list__image {
  max-height: 200px;
  margin-bottom: 12px;
}
.process-list.is-horizontal .process-list__image {
  margin-bottom: 22px;
}

.process-list__content {
  opacity: 0;
  transition: opacity 500ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
html.no-js .process-list__content, .process-list.on-screen .process-list__content {
  opacity: 1;
}

.process-list__progress-line {
  position: absolute;
  height: 2px;
  width: 0;
  transition: width 2100ms;
  background: var(--color-neutral-border-subtlest);
}
.process-list.is-vertical .process-list__progress-line {
  width: 2px;
  height: 0;
  transition-property: height;
}

.process-list__progress-line--animated {
  transition: none;
}
.process-list.is-vertical .process-list__progress-line--animated {
  transition: none;
}

.product-card__header {
  width: 60px;
  min-width: 60px;
  margin: -10px 0 -10px -5px;
}
@media (min-width: 37.5rem) {
  .product-card__header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 80px;
    min-width: 80px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.product-card__figure-wrapper {
  position: relative;
}

.product-card__figure-inner {
  overflow: hidden;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
}

.product-card__figure {
  position: relative;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  transition: 300ms cubic-bezier(0.22, 0.1, 0.25, 1);
  transition-property: transform, margin-bottom;
  will-change: transform, margin-bottom;
  transform-origin: 50% 0;
}
.product-card__figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}

.product-card__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.card.product-card .product-card__image--copy {
  left: 260px;
  visibility: hidden;
  opacity: 0;
  transition: 300ms cubic-bezier(0.22, 0.1, 0.25, 1);
  transition-property: visibility, opacity, left;
}
.card.product-card .product-card__image-compare-icon {
  visibility: hidden;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 230px;
  font-size: 24px;
  color: var(--color-neutral-graphic);
  opacity: 0;
  transition: 300ms cubic-bezier(0.22, 0.1, 0.25, 1);
  transition-property: visibility, opacity, left;
}
.card.product-card.product-card--hover-compare .product-card__image--copy {
  visibility: visible;
  left: 240px;
  opacity: 1;
}
.card.product-card.product-card--hover-compare .product-card__image-compare-icon {
  visibility: visible;
  left: 208px;
  opacity: 1;
}

.product-card__main {
  width: 100%;
}
@media (min-width: 37.5rem) {
  .product-card__main {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.product-card__info-inner {
  padding-top: 24px;
}

.product-card__tags {
  position: absolute;
  z-index: 2;
  top: -16px;
  right: -28px;
  text-align: center;
}

.product-card__colors {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}

.product-card__color-select {
  width: 100%;
  margin: 0 auto 8px;
}
.product-card__color-select .select__text-wrapper {
  padding-top: 3px;
}
.product-card__color-select .select__value-container {
  padding-top: 0;
}
.product-card__color-select .select__option-children {
  display: block;
}

.product-card__color {
  display: inline-block;
  border-radius: 50%;
  padding: 2px;
  border: 1px solid transparent;
}
.product-card__color.is-current {
  border-color: var(--color-brand-primary-border);
}

.product-card__color-inner {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.product-card__color-select .product-card__color-inner {
  margin-top: -2px;
}

.product-card__color-label {
  font-size: 0.75rem;
  line-height: 1.33;
}
.product-card .product-card__color-label {
  width: 100%;
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 8px;
}

.product-card__memory-selector {
  margin: 8px 0;
}

@media (min-width: 50rem) {
  .product-card__price {
    font-size: 1.125rem;
    line-height: 1.3;
  }
}

.product-card__discount-price,
.product-card__current-price {
  font-size: 1.125rem;
  line-height: 1.33;
  font-weight: 700;
}
@media (min-width: 50rem) {
  .product-card__discount-price,
  .product-card__current-price {
    font-size: 1.375rem;
    line-height: 1.27;
  }
}

.product-card--type-campaign .product-card__discount-price {
  color: var(--color-campaign-2-text);
}

.product-card--inactive p,
.product-card--inactive h5,
.product-card--inactive h4 {
  color: var(--color-neutral-text-subtle);
}

.product-card__top-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 24px;
}

.product-card__compare-button {
  display: block;
  position: relative;
  z-index: 2;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 0;
  padding: 0;
  font-size: 20px;
  color: var(--color-neutral-graphic);
  padding-bottom: 1px;
  background-color: var(--color-neutral-bg-level-2);
}
.product-card__compare-button.is-active {
  color: var(--color-brand-primary-text-onbg-strong);
  background-color: var(--color-brand-primary-bg-strong);
}
.product-card .product-card__compare-button.is-active:hover {
  background-color: var(--color-brand-primary-bg-strong-hover);
}
.product-card__compare-button:only-child {
  margin-left: auto;
}

.product-card__compare-button-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-card .product-card__compare-button-text {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.product-card__compare-button-icon {
  vertical-align: baseline;
  margin-top: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product-card__compare-button:hover .product-card__compare-button-icon {
  opacity: 0;
}

.product-card__compare-button-icon--add {
  opacity: 0;
}
.product-card__compare-button:not(.is-active):hover .product-card__compare-button-icon--add {
  opacity: 1;
}

.product-card__compare-button-icon--remove {
  opacity: 0;
}
.product-card__compare-button.is-active:hover .product-card__compare-button-icon--remove {
  opacity: 1;
}

.product-card__compare-button-active-icon {
  position: absolute;
  z-index: 1;
  top: 20px;
  left: 20px;
}

.product-card__transit {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
}
@media (min-width: 62.5rem) {
  .product-card__transit {
    font-size: 14px;
  }
}

.product-card__transit-icon {
  vertical-align: baseline;
  margin-top: 0;
  font-size: 24px;
  margin-right: 4px;
}

.product-card__inactive-content {
  font-weight: 700;
}
.product-card .product-card__inactive-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-neutral-text);
  text-align: center;
}

.product-card__cart-button-wrapper {
  margin-top: 24px;
  text-align: center;
}

.product-card__cart-button-helper {
  justify-content: center;
  margin-top: 10px;
}

.product-card__features {
  margin-top: 5px;
}

.product-card__feature-icon {
  color: var(--color-neutral-graphic);
  font-size: var(--type-font-size);
}

.product-card__monthly-price-inner,
.product-card__price-inner {
  width: 100%;
}

.product-card__footer {
  display: block;
  overflow: hidden;
  background-color: var(--color-neutral-bg-level-2);
  margin: 16px -16px -16px;
  padding: 16px;
}
.product-card--type-light .product-card__footer {
  background-color: transparent;
  border-top: 1px solid var(--color-neutral-border-subtle);
}

.product-card__price-tag {
  white-space: nowrap;
}

.product-card__footer--column-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  gap: 6px;
}
.product-card__footer--narrow .product-card__footer--column-inner {
  flex-direction: column;
  gap: 8px;
}

.product-card__footer--column-left,
.product-card__footer--column-right {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.product-card__footer--column-right {
  text-align: right;
}
.product-card__footer--narrow .product-card__footer--column-right {
  text-align: left;
}

.product-card__price-months,
.product-card__price-text {
  display: inline-block;
  white-space: nowrap;
}

.rating {
  display: flex;
  flex-direction: column;
}

.rating--center {
  align-items: center;
  text-align: center;
}

.rating--left {
  align-items: flex-start;
  text-align: left;
}

.rating__label {
  padding-bottom: 16px;
  color: var(--color-neutral-text);
}

.rating__form-helper {
  padding-bottom: 4px;
}

.rating__stars-container {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.rating__stars {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.rating__star {
  width: 2.5rem;
  height: 2.5rem;
}
@media (min-width: 37.499rem) {
  .rating__star {
    width: 3rem;
    height: 3rem;
  }
}

.rating__star-input {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.rating__star-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  padding: 8px;
}

.rating__star-hidden-label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.rating__star--selected {
  color: var(--color-brand-primary-bg-strong);
}

.rating__star--unselected {
  color: var(--color-neutral-border);
  transition: color var(--animation-duration-medium) var(--animation-easing-medium);
}

.rating__star--error {
  color: var(--color-error-border);
}

.rating__star--hover {
  color: var(--color-brand-primary-bg-strong-hover);
  transition: color var(--animation-duration-medium) var(--animation-easing-medium);
}

.rating__rating-label {
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
  padding-top: 4px;
  color: var(--color-neutral-text-subtle);
}

.rating__star-input:focus-visible + .rating__star-label {
  outline: 2px solid var(--color-focus-outline, #0094ff);
  outline-offset: 2px;
  border-radius: 4px;
}

.sms-preview {
  position: relative;
  max-width: 320px;
  height: auto;
}
.sms-preview::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 199%;
}

.sms-preview__container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(/brandfree-prepaid/svg/phone-model.067502c20b1189aefbc5.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.sms-preview__container-inner {
  position: relative;
  height: 100%;
  padding: 12% 10%;
}

.sms-preview__text {
  height: inherit;
  overflow: auto;
}
.sms-preview--middle .sms-preview__text {
  display: flex;
  align-items: center;
}

.table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  empty-cells: show;
}
.table table {
  width: 100%;
  border-collapse: collapse;
  border: 0;
  padding: 0;
  position: relative;
}
.table table tbody:not(.table-collapse__body)::after {
  content: "";
  display: block;
  height: 2em;
}
.table table tbody:last-child::after {
  display: none;
}
.table table .table__row--employee {
  background: var(--color-employee-bg-subtlest);
}
.table table tr[data-footer=true],
.table table .table__row--footer {
  border: 0;
  background: var(--color-brand-secondary-bg-subtlest);
}
.table table tr[data-footer=true] + tr,
.table table .table__row--footer + tr {
  border-top: 0;
}
.table table th,
.table table td {
  padding: 12px;
  text-align: left;
}
.table table th.table__cell--padding-none,
.table table td.table__cell--padding-none {
  padding: 0;
}
.table table th.table__cell--padding-xsmall,
.table table td.table__cell--padding-xsmall {
  padding: 4px;
}
.table table th.table__cell--padding-small,
.table table td.table__cell--padding-small {
  padding: 8px;
}
.table table th.table__cell--padding-large,
.table table td.table__cell--padding-large {
  padding: 16px;
}
.table table th.table__cell--valign-top,
.table table td.table__cell--valign-top {
  vertical-align: top;
}
.table table th.table__cell--valign-bottom,
.table table td.table__cell--valign-bottom {
  vertical-align: bottom;
}
.table table th.table__cell--valign-baseline,
.table table td.table__cell--valign-baseline {
  vertical-align: baseline;
}
.table table th.table__cell--valign-middle,
.table table td.table__cell--valign-middle {
  vertical-align: middle;
}
.table table th {
  vertical-align: top;
}
.table table thead tr {
  border-bottom: 1px solid var(--color-neutral-border);
}
.table table tbody tr {
  border-top: 1px solid var(--color-neutral-border-subtle);
}
.table table tbody tr:first-child {
  border-top: 0;
}

/* hover */
.table--hover tbody > tr:hover {
  background: var(--color-neutral-bg-hover);
}
.table--hover .table-collapse__content:hover {
  background: none;
}

/* bordered */
.table--bordered table td,
.table--bordered table th {
  border-width: 1px;
  border-style: solid dotted;
  border-color: var(--color-neutral-border-subtle);
}

.table__row--left-bordered-brand .table__cell:first-child {
  box-shadow: inset 2px 0 0 0 var(--color-brand-primary-border);
}

.table__row--left-bordered-neutral-subtlest .table__cell:first-child {
  box-shadow: inset 2px 0 0 0 var(--color-neutral-border-subtlest);
}

.table__row--left-bordered-neutral .table__cell:first-child {
  box-shadow: inset 2px 0 0 0 var(--color-neutral-border);
}

.table__row--left-bordered-info .table__cell:first-child {
  box-shadow: inset 2px 0 0 0 var(--color-info-border);
}

.table__original td,
.table__original th {
  /* Indent level */
}
.table__original td.text-left,
.table__original th.text-left {
  text-align: left;
}
.table__original td.text-right,
.table__original th.text-right {
  text-align: right;
}
.table__original td.text-center,
.table__original th.text-center {
  text-align: center;
}
.table__original td.table__cell--1,
.table__original th.table__cell--1 {
  width: 8.3333333333%;
}
.table__original td.table__cell--2,
.table__original th.table__cell--2 {
  width: 16.6666666667%;
}
.table__original td.table__cell--3,
.table__original th.table__cell--3 {
  width: 25%;
}
.table__original td.table__cell--4,
.table__original th.table__cell--4 {
  width: 33.3333333333%;
}
.table__original td.table__cell--5,
.table__original th.table__cell--5 {
  width: 41.6666666667%;
}
.table__original td.table__cell--6,
.table__original th.table__cell--6 {
  width: 50%;
}
.table__original td.table__cell--7,
.table__original th.table__cell--7 {
  width: 58.3333333333%;
}
.table__original td.table__cell--8,
.table__original th.table__cell--8 {
  width: 66.6666666667%;
}
.table__original td.table__cell--9,
.table__original th.table__cell--9 {
  width: 75%;
}
.table__original td.table__cell--10,
.table__original th.table__cell--10 {
  width: 83.3333333333%;
}
.table__original td.table__cell--11,
.table__original th.table__cell--11 {
  width: 91.6666666667%;
}
.table__original td.table__cell--12,
.table__original th.table__cell--12 {
  width: 100%;
}
.table__original td.table__cell--indent-level-0,
.table__original th.table__cell--indent-level-0 {
  padding-left: 12px;
}
.table__original td.table__cell--indent-level-0.table__cell--padding-none,
.table__original th.table__cell--indent-level-0.table__cell--padding-none {
  padding-left: 0px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-0.table__cell--padding-none,
  .table__original th.table__cell--indent-level-0.table__cell--padding-none {
    padding-left: 0px;
  }
}
.table__original td.table__cell--indent-level-0.table__cell--padding-xsmall,
.table__original th.table__cell--indent-level-0.table__cell--padding-xsmall {
  padding-left: 4px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-0.table__cell--padding-xsmall,
  .table__original th.table__cell--indent-level-0.table__cell--padding-xsmall {
    padding-left: 4px;
  }
}
.table__original td.table__cell--indent-level-0.table__cell--padding-small,
.table__original th.table__cell--indent-level-0.table__cell--padding-small {
  padding-left: 8px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-0.table__cell--padding-small,
  .table__original th.table__cell--indent-level-0.table__cell--padding-small {
    padding-left: 8px;
  }
}
.table__original td.table__cell--indent-level-0.table__cell--padding-large,
.table__original th.table__cell--indent-level-0.table__cell--padding-large {
  padding-left: 16px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-0.table__cell--padding-large,
  .table__original th.table__cell--indent-level-0.table__cell--padding-large {
    padding-left: 16px;
  }
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-0,
  .table__original th.table__cell--indent-level-0 {
    padding-left: 12px;
  }
}
.table__original td.table__cell--indent-level-1,
.table__original th.table__cell--indent-level-1 {
  padding-left: 27px;
}
.table__original td.table__cell--indent-level-1.table__cell--padding-none,
.table__original th.table__cell--indent-level-1.table__cell--padding-none {
  padding-left: 15px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-1.table__cell--padding-none,
  .table__original th.table__cell--indent-level-1.table__cell--padding-none {
    padding-left: 20px;
  }
}
.table__original td.table__cell--indent-level-1.table__cell--padding-xsmall,
.table__original th.table__cell--indent-level-1.table__cell--padding-xsmall {
  padding-left: 19px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-1.table__cell--padding-xsmall,
  .table__original th.table__cell--indent-level-1.table__cell--padding-xsmall {
    padding-left: 24px;
  }
}
.table__original td.table__cell--indent-level-1.table__cell--padding-small,
.table__original th.table__cell--indent-level-1.table__cell--padding-small {
  padding-left: 23px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-1.table__cell--padding-small,
  .table__original th.table__cell--indent-level-1.table__cell--padding-small {
    padding-left: 28px;
  }
}
.table__original td.table__cell--indent-level-1.table__cell--padding-large,
.table__original th.table__cell--indent-level-1.table__cell--padding-large {
  padding-left: 31px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-1.table__cell--padding-large,
  .table__original th.table__cell--indent-level-1.table__cell--padding-large {
    padding-left: 36px;
  }
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-1,
  .table__original th.table__cell--indent-level-1 {
    padding-left: 32px;
  }
}
.table__original td.table__cell--indent-level-2,
.table__original th.table__cell--indent-level-2 {
  padding-left: 42px;
}
.table__original td.table__cell--indent-level-2.table__cell--padding-none,
.table__original th.table__cell--indent-level-2.table__cell--padding-none {
  padding-left: 30px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-2.table__cell--padding-none,
  .table__original th.table__cell--indent-level-2.table__cell--padding-none {
    padding-left: 40px;
  }
}
.table__original td.table__cell--indent-level-2.table__cell--padding-xsmall,
.table__original th.table__cell--indent-level-2.table__cell--padding-xsmall {
  padding-left: 34px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-2.table__cell--padding-xsmall,
  .table__original th.table__cell--indent-level-2.table__cell--padding-xsmall {
    padding-left: 44px;
  }
}
.table__original td.table__cell--indent-level-2.table__cell--padding-small,
.table__original th.table__cell--indent-level-2.table__cell--padding-small {
  padding-left: 38px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-2.table__cell--padding-small,
  .table__original th.table__cell--indent-level-2.table__cell--padding-small {
    padding-left: 48px;
  }
}
.table__original td.table__cell--indent-level-2.table__cell--padding-large,
.table__original th.table__cell--indent-level-2.table__cell--padding-large {
  padding-left: 46px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-2.table__cell--padding-large,
  .table__original th.table__cell--indent-level-2.table__cell--padding-large {
    padding-left: 56px;
  }
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-2,
  .table__original th.table__cell--indent-level-2 {
    padding-left: 52px;
  }
}
.table__original td.table__cell--indent-level-3,
.table__original th.table__cell--indent-level-3 {
  padding-left: 57px;
}
.table__original td.table__cell--indent-level-3.table__cell--padding-none,
.table__original th.table__cell--indent-level-3.table__cell--padding-none {
  padding-left: 45px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-3.table__cell--padding-none,
  .table__original th.table__cell--indent-level-3.table__cell--padding-none {
    padding-left: 60px;
  }
}
.table__original td.table__cell--indent-level-3.table__cell--padding-xsmall,
.table__original th.table__cell--indent-level-3.table__cell--padding-xsmall {
  padding-left: 49px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-3.table__cell--padding-xsmall,
  .table__original th.table__cell--indent-level-3.table__cell--padding-xsmall {
    padding-left: 64px;
  }
}
.table__original td.table__cell--indent-level-3.table__cell--padding-small,
.table__original th.table__cell--indent-level-3.table__cell--padding-small {
  padding-left: 53px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-3.table__cell--padding-small,
  .table__original th.table__cell--indent-level-3.table__cell--padding-small {
    padding-left: 68px;
  }
}
.table__original td.table__cell--indent-level-3.table__cell--padding-large,
.table__original th.table__cell--indent-level-3.table__cell--padding-large {
  padding-left: 61px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-3.table__cell--padding-large,
  .table__original th.table__cell--indent-level-3.table__cell--padding-large {
    padding-left: 76px;
  }
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-3,
  .table__original th.table__cell--indent-level-3 {
    padding-left: 72px;
  }
}
.table__original td.table__cell--indent-level-4,
.table__original th.table__cell--indent-level-4 {
  padding-left: 72px;
}
.table__original td.table__cell--indent-level-4.table__cell--padding-none,
.table__original th.table__cell--indent-level-4.table__cell--padding-none {
  padding-left: 60px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-4.table__cell--padding-none,
  .table__original th.table__cell--indent-level-4.table__cell--padding-none {
    padding-left: 80px;
  }
}
.table__original td.table__cell--indent-level-4.table__cell--padding-xsmall,
.table__original th.table__cell--indent-level-4.table__cell--padding-xsmall {
  padding-left: 64px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-4.table__cell--padding-xsmall,
  .table__original th.table__cell--indent-level-4.table__cell--padding-xsmall {
    padding-left: 84px;
  }
}
.table__original td.table__cell--indent-level-4.table__cell--padding-small,
.table__original th.table__cell--indent-level-4.table__cell--padding-small {
  padding-left: 68px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-4.table__cell--padding-small,
  .table__original th.table__cell--indent-level-4.table__cell--padding-small {
    padding-left: 88px;
  }
}
.table__original td.table__cell--indent-level-4.table__cell--padding-large,
.table__original th.table__cell--indent-level-4.table__cell--padding-large {
  padding-left: 76px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-4.table__cell--padding-large,
  .table__original th.table__cell--indent-level-4.table__cell--padding-large {
    padding-left: 96px;
  }
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-4,
  .table__original th.table__cell--indent-level-4 {
    padding-left: 92px;
  }
}
.table__original td.table__cell--indent-level-5,
.table__original th.table__cell--indent-level-5 {
  padding-left: 87px;
}
.table__original td.table__cell--indent-level-5.table__cell--padding-none,
.table__original th.table__cell--indent-level-5.table__cell--padding-none {
  padding-left: 75px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-5.table__cell--padding-none,
  .table__original th.table__cell--indent-level-5.table__cell--padding-none {
    padding-left: 100px;
  }
}
.table__original td.table__cell--indent-level-5.table__cell--padding-xsmall,
.table__original th.table__cell--indent-level-5.table__cell--padding-xsmall {
  padding-left: 79px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-5.table__cell--padding-xsmall,
  .table__original th.table__cell--indent-level-5.table__cell--padding-xsmall {
    padding-left: 104px;
  }
}
.table__original td.table__cell--indent-level-5.table__cell--padding-small,
.table__original th.table__cell--indent-level-5.table__cell--padding-small {
  padding-left: 83px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-5.table__cell--padding-small,
  .table__original th.table__cell--indent-level-5.table__cell--padding-small {
    padding-left: 108px;
  }
}
.table__original td.table__cell--indent-level-5.table__cell--padding-large,
.table__original th.table__cell--indent-level-5.table__cell--padding-large {
  padding-left: 91px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-5.table__cell--padding-large,
  .table__original th.table__cell--indent-level-5.table__cell--padding-large {
    padding-left: 116px;
  }
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-5,
  .table__original th.table__cell--indent-level-5 {
    padding-left: 112px;
  }
}
.table__original td.table__cell--indent-level-6,
.table__original th.table__cell--indent-level-6 {
  padding-left: 102px;
}
.table__original td.table__cell--indent-level-6.table__cell--padding-none,
.table__original th.table__cell--indent-level-6.table__cell--padding-none {
  padding-left: 90px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-6.table__cell--padding-none,
  .table__original th.table__cell--indent-level-6.table__cell--padding-none {
    padding-left: 120px;
  }
}
.table__original td.table__cell--indent-level-6.table__cell--padding-xsmall,
.table__original th.table__cell--indent-level-6.table__cell--padding-xsmall {
  padding-left: 94px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-6.table__cell--padding-xsmall,
  .table__original th.table__cell--indent-level-6.table__cell--padding-xsmall {
    padding-left: 124px;
  }
}
.table__original td.table__cell--indent-level-6.table__cell--padding-small,
.table__original th.table__cell--indent-level-6.table__cell--padding-small {
  padding-left: 98px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-6.table__cell--padding-small,
  .table__original th.table__cell--indent-level-6.table__cell--padding-small {
    padding-left: 128px;
  }
}
.table__original td.table__cell--indent-level-6.table__cell--padding-large,
.table__original th.table__cell--indent-level-6.table__cell--padding-large {
  padding-left: 106px;
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-6.table__cell--padding-large,
  .table__original th.table__cell--indent-level-6.table__cell--padding-large {
    padding-left: 136px;
  }
}
@media (min-width: 50rem) {
  .table__original td.table__cell--indent-level-6,
  .table__original th.table__cell--indent-level-6 {
    padding-left: 132px;
  }
}

/* sticky header */
@supports ((position: -webkit-sticky) or (position: sticky)) {
  html:not(.no-js) .table--sticky-header-level-1 > .table__original > table > thead > tr > th,
  html:not(.no-js) .table--sticky-header-level-2 > .table__original > table > thead > tr > th {
    background: var(--color-neutral-bg-level-2);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
  }
  html:not(.no-js) .table--sticky-header-level-1 > .table__original > table > thead > tr > th {
    background: var(--color-neutral-bg-level-1);
  }
  html:not(.no-js) .table--sticky-header-level-2 > .table__original > table > thead > tr > th {
    background: var(--color-neutral-bg-level-2);
  }
  .table--sticky-header-level-1.is-sticky > .table__original > table > thead > tr > th::after,
  .table--sticky-header-level-2.is-sticky > .table__original > table > thead > tr > th::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: 0;
    background: linear-gradient(to bottom, var(--color-neutral-border), var(--color-neutral-border));
  }
}
.product-comparison {
  margin-top: -30px;
}

/**
 * Nav
 */
.product-comparison__nav {
  position: absolute !important;
  z-index: 1;
  top: 17px;
}

.product-comparison__nav--next {
  right: 15px;
}

.product-comparison__nav--prev {
  left: 15px;
}

/**
 * Wrapper and container
 */
.product-comparison__affix {
  transition-property: top, transform;
  transform: translateY(0);
}
@media (max-width: 62.499rem) {
  .product-comparison__affix {
    position: fixed;
    z-index: 2;
    left: 0;
    right: 0;
  }
}
.product-comparison:not(.has-scrolled) .product-comparison__affix {
  transform: translateY(-200%);
}
@media (min-width: 62.5rem) {
  .product-comparison:not(.has-scrolled) .product-comparison__affix {
    transform: translateY(0);
  }
}

.product-comparison__container {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 62.5rem) {
  .product-comparison__container {
    padding-top: 10px;
    padding-bottom: 0;
  }
}

.product-comparison__wrapper {
  position: relative;
  background: var(--color-neutral-bg-level-1);
  box-shadow: 0 0 0 0.5px var(--color-neutral-border-subtlest) inset, 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.product-comparison__content-wrapper {
  overflow: auto;
  padding-bottom: 1px;
}

/**
 * Table
 */
.product-comparison__table {
  padding-bottom: 0;
}
.product-comparison__table .product-comparison__table-row:last-child {
  border-bottom: 1px solid var(--color-neutral-border-subtle);
}
.product-comparison__wrapper .product-comparison__table .product-comparison__table-row:last-child {
  border-bottom: 0;
}
.product-comparison__content-wrapper .product-comparison__table {
  overflow: visible;
}

.product-comparison__table .product-comparison__table-cell {
  padding: 10px 15px;
  border-left: 1px solid var(--color-neutral-border-subtle);
}
@media (min-width: 37.5rem) {
  .product-comparison__table .product-comparison__table-cell {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 62.5rem) {
  .product-comparison__table .product-comparison__table-cell {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.product-comparison__table-row-no-borders .product-comparison__table-cell {
  border-left: 0;
}
.product-comparison.show-difference .product-comparison__content-wrapper .product-comparison__table-cell.no-difference {
  opacity: 0.5;
}
.product-comparison.show-difference .product-comparison__content-wrapper .product-comparison__table-cell.has-difference {
  box-shadow: inset 2px 0 var(--color-success-border);
}

.product-comparison__table th.product-comparison__table-cell {
  vertical-align: middle;
}
.product-comparison__table th.product-comparison__table-cell:first-child {
  border-left: 0;
}

@media (max-width: 62.499rem) {
  .product-comparison__affix .product-comparison__table-row--images {
    display: none;
  }
}
@media (max-width: 62.499rem) {
  .product-comparison__affix .product-comparison__table-row--images + .product-comparison__table-row {
    border-top: 0;
  }
}

/**
 * Category
 */
.product-comparison__category-heading {
  margin-top: 0;
  padding: 20px 0 10px 15px;
  border-bottom: 1px solid var(--color-neutral-border);
}
@media (min-width: 37.5rem) {
  .product-comparison__category-heading {
    padding-left: 20px;
  }
}
@media (min-width: 62.5rem) {
  .product-comparison__category-heading {
    padding: 40px 0 15px;
  }
}

/**
 * Item
 */
.product-comparison__item-image-container {
  display: inline-flex;
  position: relative;
  margin-top: 10px;
}
@media (min-width: 62.5rem) {
  .product-comparison__item-image-container {
    margin-top: 0;
  }
}

.product-comparison__item-image {
  max-width: 6.25rem;
  max-height: 6.25rem;
}
@media (min-width: 62.5rem) {
  .product-comparison__item-image {
    max-width: 5.625rem;
    max-height: 5.625rem;
  }
}

/**
 * Pager
 */
.product-comparison__pager {
  list-style: none;
  position: relative;
  z-index: 0;
  background: var(--color-neutral-bg-level-1);
  border-top: 1px solid var(--color-neutral-border-subtle);
  border-bottom: 1px solid var(--color-neutral-border-subtle);
  width: 100%;
  padding: 8px 56px;
  transition: transform 0.5s ease;
}
@media (min-width: 50rem) {
  .product-comparison__pager {
    display: none;
  }
}

.product-comparison__pager-slider {
  position: static;
  width: calc((2.5rem + 2px) * 4 + 3px);
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.product-comparison__pager-slider .slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  transition: all 0.5s ease;
}
.product-comparison__pager-slider .slick-list:focus {
  outline: none;
}
.product-comparison__pager-slider .slick-slider .slick-track,
.product-comparison__pager-slider .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.product-comparison__pager-slider .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  transform: none !important;
}
.product-comparison__pager-slider .slick-loading .slick-track {
  visibility: hidden;
}
.product-comparison__pager-slider .slick-arrow.slick-hidden {
  display: none;
}
.product-comparison__pager-slider .slick-slide {
  display: flex;
  transition: all 0.5s ease;
  position: relative;
  width: calc(2.5rem + 2px);
  border: 1px solid var(--color-neutral-border-subtlest);
}
.product-comparison__pager-slider .slick-slide:not(:last-child) {
  border-right: 0;
}
.product-comparison__pager-slider .slick-slide::after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  pointer-events: none;
  border: 2px solid var(--color-brand-primary-border);
  border-right-width: 0;
  opacity: 0;
}
.product-comparison__pager-slider .slick-slide.slick-active {
  pointer-events: auto;
}
.product-comparison__pager-slider .slick-slide.slick-active::after {
  opacity: 1;
}
.product-comparison__pager-slider .slick-slide.slick-active + .slick-active::after {
  border-left-width: 0;
}
.product-comparison__pager-slider .slick-slide.slick-active + .slick-slide:not(.slick-active)::after {
  opacity: 1;
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 2px;
}
.product-comparison__pager-slider .slick-slide.slick-active:last-child::after {
  border-right-width: 2px;
}
.product-comparison__pager-slider .slick-slide > div {
  display: flex;
  width: 100%;
}
.product-comparison__pager--1 .product-comparison__pager-slider {
  width: calc((2.5rem + 2px) * 1 + 3px);
}
.product-comparison__pager--2 .product-comparison__pager-slider {
  width: calc((2.5rem + 2px) * 2 + 3px);
}
.product-comparison__pager--3 .product-comparison__pager-slider {
  width: calc((2.5rem + 2px) * 3 + 3px);
}

.product-comparison__pager-item {
  width: 2.5rem;
  height: 2.5rem;
  padding: 5px;
  border: 0;
  background: transparent;
}

@media (min-width: 62.5rem) {
  .product-comparison__check {
    margin-top: 20px;
  }
}

/**
 * Remove button
 */
.product-comparison__remove-btn {
  display: block;
  border: 0;
  margin: 0;
  background: transparent;
  border-radius: 50%;
  font-size: 1.5rem;
  line-height: 1;
  padding: 8px;
  color: var(--color-neutral-graphic);
  transition: color 150ms ease;
  position: absolute;
  z-index: 0;
  top: -16px;
  right: -16px;
}
.product-comparison__remove-btn::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-color: var(--color-neutral-bg-level-3);
  border-radius: 50%;
  opacity: 0.5;
  content: "";
}
html[data-whatintent=mouse] .product-comparison__remove-btn:hover {
  color: var(--color-brand-primary-text-hover);
}

.product-comparison__remove-btn-icon {
  display: block;
  vertical-align: baseline;
  margin-top: 0;
}

/**
 * Placeholder link
 */
.product-comparison__placeholder-link {
  position: relative;
  display: block;
  max-width: 5.625rem;
  max-height: 5.625rem;
  text-align: center;
  margin-top: 10px;
}
@media (min-width: 62.5rem) {
  .product-comparison__placeholder-link {
    margin-top: 0;
  }
}
.product-comparison__pager .product-comparison__placeholder-link {
  margin-top: 0;
}
.product-comparison__placeholder-link::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}

.product-comparison__placeholder-link-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.product-comparison__placeholder-link-icon {
  font-size: 1.5rem;
  color: var(--color-neutral-graphic);
  margin-bottom: 10px;
  flex-shrink: 0;
}
.product-comparison__pager .product-comparison__placeholder-link-icon {
  color: var(--color-brand-primary-graphic);
  margin-bottom: 0;
}
html[data-whatintent=mouse] .product-comparison__pager .product-comparison__placeholder-link-icon:hover {
  color: var(--color-brand-primary-text-hover);
}

.product-comparison__pager .product-comparison__placeholder-link-label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

@media only screen and (min-width: 37.5rem) {
  .progress.has-break-sm .progress__steps {
    display: flex;
    align-items: flex-end;
  }
  .progress.has-break-sm .progress__item {
    flex: 1 1 0;
    display: inline-block;
    margin-top: 0;
  }
  .progress.has-break-sm .progress__item:first-child {
    flex-grow: 0.5;
  }
  .progress.has-break-sm .progress__item:last-child {
    flex-grow: 0.5;
  }
  .progress.has-break-sm .progress__header {
    padding-left: 0;
    padding-bottom: 48px;
    text-align: center;
    margin-top: 0;
  }
  .progress.has-break-sm .progress__header::before {
    width: 100%;
    height: 2px;
    top: auto !important;
    bottom: 15px;
    right: 50%;
    left: auto;
  }
  .progress.has-break-sm .progress__header::after {
    display: none;
  }
  .progress.has-break-sm .progress__item:last-child > .progress__header::before {
    top: auto;
    right: 0;
    width: 200%;
  }
  .progress.has-break-sm .progress__item.is-current .progress__header::before {
    background: var(--color-neutral-border-subtlest);
  }
  .progress.has-break-sm .progress__item.is-done .progress__header::before {
    background: var(--color-success-bg-subtle);
  }
  .progress.has-break-sm .progress__item.is-done .progress__header::after {
    background-color: var(--color-success-bg-subtle);
  }
  .progress.has-break-sm .progress__item.is-current + .progress__header::before {
    display: block;
  }
  .progress.has-break-sm .progress__item:first-child .progress__header {
    text-align: left;
  }
  .progress.has-break-sm .progress__item:last-child .progress__header {
    text-align: right;
  }
  .progress.has-break-sm .progress__counter {
    top: auto;
    bottom: 0;
    left: 50%;
    margin-left: -16px;
  }
  .progress.has-break-sm .progress__item:first-child .progress__counter {
    left: 0;
    margin-left: 0;
  }
  .progress.has-break-sm .progress__item:last-child .progress__counter {
    left: 100%;
    margin-left: -32px;
  }
  .progress.has-break-sm .progress__title {
    padding-left: 10px;
    padding-right: 10px;
  }
  .progress.has-break-sm .progress__item:first-child .progress__title {
    padding-left: 0;
  }
  .progress.has-break-sm .progress__item:last-child .progress__title {
    padding-right: 0;
  }
  .progress.has-break-sm .progress__error {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 10px;
  }
  .progress.has-break-sm .progress__item:first-child .progress__error {
    text-align: left;
  }
  .progress.has-break-sm .progress__item:last-child .progress__error {
    text-align: right;
  }
  .progress.has-break-sm .progress__info {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 10px;
  }
  .progress.has-break-sm .progress__item:first-child .progress__info {
    text-align: left;
  }
  .progress.has-break-sm .progress__item:last-child .progress__info {
    text-align: right;
  }
  .progress.has-break-sm .progress__content {
    margin-left: 0;
    border: 0;
    padding: 15px 0;
  }
  .progress.has-break-sm .progress__item .progress__content {
    display: none !important;
  }
}
@media only screen and (min-width: 50rem) {
  .progress.has-break-md .progress__steps {
    display: flex;
    align-items: flex-end;
  }
  .progress.has-break-md .progress__item {
    flex: 1 1 0;
    display: inline-block;
    margin-top: 0;
  }
  .progress.has-break-md .progress__item:first-child {
    flex-grow: 0.5;
  }
  .progress.has-break-md .progress__item:last-child {
    flex-grow: 0.5;
  }
  .progress.has-break-md .progress__header {
    padding-left: 0;
    padding-bottom: 48px;
    text-align: center;
    margin-top: 0;
  }
  .progress.has-break-md .progress__header::before {
    width: 100%;
    height: 2px;
    top: auto !important;
    bottom: 15px;
    right: 50%;
    left: auto;
  }
  .progress.has-break-md .progress__header::after {
    display: none;
  }
  .progress.has-break-md .progress__item:last-child > .progress__header::before {
    top: auto;
    right: 0;
    width: 200%;
  }
  .progress.has-break-md .progress__item.is-current .progress__header::before {
    background: var(--color-neutral-border-subtlest);
  }
  .progress.has-break-md .progress__item.is-done .progress__header::before {
    background: var(--color-success-bg-subtle);
  }
  .progress.has-break-md .progress__item.is-done .progress__header::after {
    background-color: var(--color-success-bg-subtle);
  }
  .progress.has-break-md .progress__item.is-current + .progress__header::before {
    display: block;
  }
  .progress.has-break-md .progress__item:first-child .progress__header {
    text-align: left;
  }
  .progress.has-break-md .progress__item:last-child .progress__header {
    text-align: right;
  }
  .progress.has-break-md .progress__counter {
    top: auto;
    bottom: 0;
    left: 50%;
    margin-left: -16px;
  }
  .progress.has-break-md .progress__item:first-child .progress__counter {
    left: 0;
    margin-left: 0;
  }
  .progress.has-break-md .progress__item:last-child .progress__counter {
    left: 100%;
    margin-left: -32px;
  }
  .progress.has-break-md .progress__title {
    padding-left: 10px;
    padding-right: 10px;
  }
  .progress.has-break-md .progress__item:first-child .progress__title {
    padding-left: 0;
  }
  .progress.has-break-md .progress__item:last-child .progress__title {
    padding-right: 0;
  }
  .progress.has-break-md .progress__error {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 10px;
  }
  .progress.has-break-md .progress__item:first-child .progress__error {
    text-align: left;
  }
  .progress.has-break-md .progress__item:last-child .progress__error {
    text-align: right;
  }
  .progress.has-break-md .progress__info {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 10px;
  }
  .progress.has-break-md .progress__item:first-child .progress__info {
    text-align: left;
  }
  .progress.has-break-md .progress__item:last-child .progress__info {
    text-align: right;
  }
  .progress.has-break-md .progress__content {
    margin-left: 0;
    border: 0;
    padding: 15px 0;
  }
  .progress.has-break-md .progress__item .progress__content {
    display: none !important;
  }
}
@media only screen and (min-width: 62.5rem) {
  .progress.has-break-lg .progress__steps {
    display: flex;
    align-items: flex-end;
  }
  .progress.has-break-lg .progress__item {
    flex: 1 1 0;
    display: inline-block;
    margin-top: 0;
  }
  .progress.has-break-lg .progress__item:first-child {
    flex-grow: 0.5;
  }
  .progress.has-break-lg .progress__item:last-child {
    flex-grow: 0.5;
  }
  .progress.has-break-lg .progress__header {
    padding-left: 0;
    padding-bottom: 48px;
    text-align: center;
    margin-top: 0;
  }
  .progress.has-break-lg .progress__header::before {
    width: 100%;
    height: 2px;
    top: auto !important;
    bottom: 15px;
    right: 50%;
    left: auto;
  }
  .progress.has-break-lg .progress__header::after {
    display: none;
  }
  .progress.has-break-lg .progress__item:last-child > .progress__header::before {
    top: auto;
    right: 0;
    width: 200%;
  }
  .progress.has-break-lg .progress__item.is-current .progress__header::before {
    background: var(--color-neutral-border-subtlest);
  }
  .progress.has-break-lg .progress__item.is-done .progress__header::before {
    background: var(--color-success-bg-subtle);
  }
  .progress.has-break-lg .progress__item.is-done .progress__header::after {
    background-color: var(--color-success-bg-subtle);
  }
  .progress.has-break-lg .progress__item.is-current + .progress__header::before {
    display: block;
  }
  .progress.has-break-lg .progress__item:first-child .progress__header {
    text-align: left;
  }
  .progress.has-break-lg .progress__item:last-child .progress__header {
    text-align: right;
  }
  .progress.has-break-lg .progress__counter {
    top: auto;
    bottom: 0;
    left: 50%;
    margin-left: -16px;
  }
  .progress.has-break-lg .progress__item:first-child .progress__counter {
    left: 0;
    margin-left: 0;
  }
  .progress.has-break-lg .progress__item:last-child .progress__counter {
    left: 100%;
    margin-left: -32px;
  }
  .progress.has-break-lg .progress__title {
    padding-left: 10px;
    padding-right: 10px;
  }
  .progress.has-break-lg .progress__item:first-child .progress__title {
    padding-left: 0;
  }
  .progress.has-break-lg .progress__item:last-child .progress__title {
    padding-right: 0;
  }
  .progress.has-break-lg .progress__error {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 10px;
  }
  .progress.has-break-lg .progress__item:first-child .progress__error {
    text-align: left;
  }
  .progress.has-break-lg .progress__item:last-child .progress__error {
    text-align: right;
  }
  .progress.has-break-lg .progress__info {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 10px;
  }
  .progress.has-break-lg .progress__item:first-child .progress__info {
    text-align: left;
  }
  .progress.has-break-lg .progress__item:last-child .progress__info {
    text-align: right;
  }
  .progress.has-break-lg .progress__content {
    margin-left: 0;
    border: 0;
    padding: 15px 0;
  }
  .progress.has-break-lg .progress__item .progress__content {
    display: none !important;
  }
}
@media only screen and (min-width: 80.5rem) {
  .progress.has-break-xl .progress__steps {
    display: flex;
    align-items: flex-end;
  }
  .progress.has-break-xl .progress__item {
    flex: 1 1 0;
    display: inline-block;
    margin-top: 0;
  }
  .progress.has-break-xl .progress__item:first-child {
    flex-grow: 0.5;
  }
  .progress.has-break-xl .progress__item:last-child {
    flex-grow: 0.5;
  }
  .progress.has-break-xl .progress__header {
    padding-left: 0;
    padding-bottom: 48px;
    text-align: center;
    margin-top: 0;
  }
  .progress.has-break-xl .progress__header::before {
    width: 100%;
    height: 2px;
    top: auto !important;
    bottom: 15px;
    right: 50%;
    left: auto;
  }
  .progress.has-break-xl .progress__header::after {
    display: none;
  }
  .progress.has-break-xl .progress__item:last-child > .progress__header::before {
    top: auto;
    right: 0;
    width: 200%;
  }
  .progress.has-break-xl .progress__item.is-current .progress__header::before {
    background: var(--color-neutral-border-subtlest);
  }
  .progress.has-break-xl .progress__item.is-done .progress__header::before {
    background: var(--color-success-bg-subtle);
  }
  .progress.has-break-xl .progress__item.is-done .progress__header::after {
    background-color: var(--color-success-bg-subtle);
  }
  .progress.has-break-xl .progress__item.is-current + .progress__header::before {
    display: block;
  }
  .progress.has-break-xl .progress__item:first-child .progress__header {
    text-align: left;
  }
  .progress.has-break-xl .progress__item:last-child .progress__header {
    text-align: right;
  }
  .progress.has-break-xl .progress__counter {
    top: auto;
    bottom: 0;
    left: 50%;
    margin-left: -16px;
  }
  .progress.has-break-xl .progress__item:first-child .progress__counter {
    left: 0;
    margin-left: 0;
  }
  .progress.has-break-xl .progress__item:last-child .progress__counter {
    left: 100%;
    margin-left: -32px;
  }
  .progress.has-break-xl .progress__title {
    padding-left: 10px;
    padding-right: 10px;
  }
  .progress.has-break-xl .progress__item:first-child .progress__title {
    padding-left: 0;
  }
  .progress.has-break-xl .progress__item:last-child .progress__title {
    padding-right: 0;
  }
  .progress.has-break-xl .progress__error {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 10px;
  }
  .progress.has-break-xl .progress__item:first-child .progress__error {
    text-align: left;
  }
  .progress.has-break-xl .progress__item:last-child .progress__error {
    text-align: right;
  }
  .progress.has-break-xl .progress__info {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 10px;
  }
  .progress.has-break-xl .progress__item:first-child .progress__info {
    text-align: left;
  }
  .progress.has-break-xl .progress__item:last-child .progress__info {
    text-align: right;
  }
  .progress.has-break-xl .progress__content {
    margin-left: 0;
    border: 0;
    padding: 15px 0;
  }
  .progress.has-break-xl .progress__item .progress__content {
    display: none !important;
  }
}
.progress.progress--card {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (min-width: 50rem) {
  .progress.progress--card {
    align-items: flex-start;
    flex-direction: row;
  }
}

.progress__steps {
  padding-left: 0;
  list-style: none;
  position: relative;
  z-index: 1;
  counter-reset: progress-counter;
}
.progress--card .progress__steps {
  width: 280px;
  flex-direction: column;
  padding-left: 0;
  flex: 0 0 auto;
  border-radius: 3px;
  background: var(--color-neutral-bg-level-1);
}
.progress--card .progress__steps > li:first-child {
  border-radius: 8px 8px 0 0;
}
.progress--card .progress__steps > li:last-child {
  border-radius: 0 0 8px 8px;
}
@media (max-width: 49.999rem) {
  .progress--card .progress__steps {
    height: 100%;
    width: 100%;
    margin-top: 1rem;
  }
}
@media (min-width: 80.5rem) {
  .progress--card .progress__steps {
    width: 380px;
  }
}

.progress__category {
  font-weight: 700;
  padding: 12px;
  color: var(--color-neutral-text);
  width: 100%;
  border-top: 1px solid var(--color-neutral-bg-level-1);
  background: linear-gradient(0deg, var(--color-neutral-bg-subtlest) 0%, var(--color-neutral-bg-subtlest) 100%), var(--color-neutral-bg-level-2);
}
.progress__category:first-child {
  border-top: 0;
}

.progress__item {
  counter-increment: progress-counter;
  position: relative;
  list-style: none;
}
.progress--card .progress__item {
  width: 100%;
  border-top: 1px solid var(--color-neutral-bg-level-1);
  padding: 12px;
  position: relative;
  background: var(--color-neutral-bg-level-2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
}
.progress--card .progress__item.progress__item--employee {
  background-color: var(--color-employee-bg-subtlest);
}
.progress--card .progress__item.is-disabled {
  pointer-events: none;
  color: var(--color-neutral-text-subtle);
}
.progress--card .progress__item.is-current:not(.has-subitems) {
  background: var(--color-neutral-bg-level-1);
  border-top: 0;
}
.progress--card .progress__item.is-current:not(.has-subitems) + .progress__item {
  border-top: 0;
}
@media (min-width: 50rem) {
  .progress--card .progress__item.has-subitems {
    padding: 16px;
  }
}
@media (min-width: 50rem) {
  .progress--card .progress__item {
    padding: 16px;
    min-height: 74px;
  }
}

.progress__item.progress__item--uncategorized {
  background: var(--color-neutral-bg-level-2);
}

.progress__sub-steps {
  padding-left: 0;
  list-style: none;
  margin: 12px -12px -12px;
  position: relative;
  z-index: 1;
  counter-reset: progress-counter;
  background: var(--color-neutral-bg-level-2);
}
.progress__item--employee .progress__sub-steps {
  background-color: var(--color-neutral-bg-level-1);
}
@media (min-width: 50rem) {
  .progress__sub-steps {
    margin: 16px -16px -16px;
  }
}

.progress__sub-item {
  position: relative;
  padding-left: 12px;
  display: flex;
  align-items: center;
}
.progress__sub-item.is-current {
  background: var(--color-neutral-bg-level-1);
}
.progress__sub-item.is-disabled {
  color: var(--color-neutral-text-subtle);
  pointer-events: none;
}
.progress__sub-item.progress__sub-item--employee {
  background: var(--color-employee-bg-subtlest);
}
.progress__sub-item.progress__sub-item--employee.is-current {
  background: var(--color-neutral-bg-level-1);
}
.progress__sub-item::before {
  content: counters(progress-counter, ".");
  counter-increment: progress-counter;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--type-h5-font-size);
  line-height: var(--type-h5-line-height);
}
.progress__sub-item.is-current::before {
  color: var(--color-neutral-text);
}
.progress__sub-item.progress__sub-item--employee.is-current::before {
  color: var(--color-employee-text);
}
@media (min-width: 50rem) {
  .progress__sub-item {
    min-height: 60px;
    padding-left: 16px;
  }
}

.progress__header {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  overflow: visible;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  display: block;
  position: relative;
  padding-left: 44px;
  margin-top: 32px;
  min-height: 32px;
}
@media (min-width: 37.5rem) {
  .progress__header {
    padding-left: 52px;
  }
}
.progress__header::before {
  content: "";
  display: block;
  width: 2px;
  position: absolute;
  z-index: -1;
  top: -32px;
  left: 11px;
  bottom: 100%;
  background: var(--color-neutral-border-subtlest);
}
@media (min-width: 37.5rem) {
  .progress__header::before {
    left: 16px;
  }
}
.progress__header::after {
  content: "";
  display: block;
  width: 2px;
  position: absolute;
  z-index: -1;
  top: 24px;
  left: 11px;
  bottom: 0;
  background: var(--color-neutral-border-subtlest);
}
@media (min-width: 37.5rem) {
  .progress__header::after {
    top: 32px;
    left: 16px;
  }
}
.progress__item:first-child .progress__header {
  margin-top: 0;
}
.progress__item:first-child .progress__header::before {
  display: none;
}
.progress__item:last-child .progress__header::after {
  display: none;
}
.progress__item.is-current + .progress__item .progress__header {
  margin-top: 0;
}
.progress__item.is-current + .progress__item .progress__header::before {
  top: -15px;
}
.progress--bottom .progress__item:last-child .progress__header::after {
  display: block;
}
.progress--bottom .progress__item.is-current + .progress__item .progress__header {
  margin-top: 32px;
}
.progress--bottom .progress__item.is-current + .progress__item .progress__header::before {
  display: block;
  top: -32px;
}
.progress--card .progress__header {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 22px;
  padding-left: 36px;
  margin-top: 0;
}
.progress--card .progress__header:first-child {
  text-align: left;
}
.progress--card .progress__header::after, .progress--card .progress__header::before {
  content: none;
}
@media (min-width: 50rem) {
  .progress--card .progress__header {
    padding-left: 48px;
  }
}

html[data-whatintent=mouse] .progress--card button.progress__header:hover {
  color: var(--color-brand-primary-text-hover);
}

.progress--card .progress__header-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4px;
}
@media (min-width: 20rem) {
  .progress--card .progress__header-inner {
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
  }
}

.progress--card .progress__sub-header-inner {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border-top: 1px solid var(--color-neutral-bg-level-1);
  padding: 12px 12px 12px 0;
}
@media (min-width: 50rem) {
  .progress--card .progress__sub-header-inner {
    padding: 16px 16px 16px 0;
  }
}
.progress--card .progress__sub-item.is-current + .progress__sub-item .progress__sub-header-inner {
  border-top: 0;
}
.progress--card .progress__sub-item.is-current .progress__sub-header-inner {
  border-top: 0;
}

.progress--card .progress__header-title-section {
  flex: 1 1 auto;
}

.progress__counter {
  display: flex;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 24px;
  font-size: 22px;
  background-color: var(--color-neutral-bg-level-1);
  border-radius: 50%;
}
.progress--card .progress__counter {
  top: 50%;
  transform: translateY(-50%);
  background-color: unset;
}
@media (max-width: 49.999rem) {
  .progress--card .progress__counter .progress__badge {
    padding: 4px;
    min-width: 24px;
    line-height: 16px;
    font-size: 1rem;
    font-weight: 700;
  }
}
.progress--card .progress__counter .progress__badge .badge__icon {
  width: 1.25rem;
  height: 1.375rem;
}
@media (max-width: 49.999rem) {
  .progress--card .progress__counter .progress__badge .badge__icon {
    width: 1rem;
    height: 1rem;
  }
}

.progress__title {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.375;
}
@media (min-width: 37.5rem) {
  .progress__title {
    font-size: 22px;
    font-weight: 400;
  }
}
.progress__item.is-done.progress__item--employee .progress__title, .progress__item.is-current.progress__item--employee .progress__title {
  color: var(--color-employee-text);
}
.progress--card .progress__title {
  font-size: 16px;
  font-weight: 700;
}
.progress__item.is-disabled .progress__title {
  pointer-events: none;
  color: var(--color-neutral-text-subtle);
}

.progress__sub-title {
  display: flex;
  font-weight: 700;
  align-items: flex-start;
}
.progress__sub-item.is-current .progress__sub-title {
  color: var(--color-neutral-text);
}
.progress__sub-item.is-current.progress__sub-item--employee .progress__sub-title {
  color: var(--color-employee-text);
}

.progress__error {
  display: none;
  color: var(--color-error-text);
  font-size: 12px;
  font-weight: 700;
}
.progress__item.is-invalid .progress__error {
  display: block;
}

.progress__info {
  display: block;
  font-size: 14px;
}
.progress--card .progress__info {
  text-overflow: clip;
  position: relative;
  overflow: hidden;
}
@media (min-width: 50rem) {
  .progress--card .progress__info {
    font-size: 14px;
  }
}

.progress__icon {
  vertical-align: baseline;
  margin-top: 0;
  width: 24px;
  height: 24px;
}
@media (min-width: 50rem) {
  .progress__icon {
    height: 32px;
    width: 32px;
  }
}
.progress__item.is-disabled.has-icon .progress__icon {
  color: var(--color-neutral-text-subtle);
}

.progress__content {
  display: block;
  position: relative;
  margin-top: 14px;
  margin-bottom: 24px;
  border: 2px solid var(--color-neutral-border-subtlest);
  border-radius: 3px;
  padding: 15px;
}
.progress--bottom .progress__content, .progress__item.is-current .progress__content {
  display: block;
}
.progress--bottom .progress__content::after, .progress__item.is-current .progress__content::after {
  content: "";
  display: block;
  width: 2px;
  position: absolute;
  z-index: -1;
  top: -16px;
  left: 9px;
  bottom: calc(100% + 2px);
  background: var(--color-neutral-border-subtlest);
}
@media (min-width: 37.5rem) {
  .progress--bottom .progress__content::after, .progress__item.is-current .progress__content::after {
    left: 14px;
  }
}
.progress--bottom .progress__content::before, .progress__item.is-current .progress__content::before {
  content: "";
  display: block;
  width: 2px;
  position: absolute;
  z-index: -1;
  top: calc(100% + 2px);
  bottom: -11px;
  left: 9px;
  background: var(--color-neutral-border-subtlest);
}
@media (min-width: 37.5rem) {
  .progress--bottom .progress__content::before, .progress__item.is-current .progress__content::before {
    left: 14px;
  }
}
.progress--bottom .progress__content::before {
  display: none;
}
.progress--card .progress__content {
  border: 0;
  padding: 0 0 0 20px;
  margin: 0;
  width: 100%;
}
@media (max-width: 49.999rem) {
  .progress--card .progress__content {
    padding-left: 0;
    max-width: 100%;
    margin-top: 1rem;
  }
}
@media (min-width: 62.5rem) {
  .progress--card .progress__content {
    min-width: calc(100% - 280px);
    max-width: calc(100% - 280px);
  }
}
@media (min-width: 80.5rem) {
  .progress--card .progress__content {
    min-width: calc(100% - 380px);
    max-width: calc(100% - 380px);
  }
}

.progress__header-meta-section {
  font-size: 16px;
  color: var(--color-neutral-text);
  white-space: nowrap;
  display: block;
  text-align: right;
}

.progress__sub-badge {
  margin-left: 5px;
}

.progress__footer {
  border-top: 1px solid var(--color-neutral-bg-level-1);
  padding: 12px;
  width: 100%;
  background-color: var(--color-neutral-bg-level-2);
}
@media (min-width: 50rem) {
  .progress__footer {
    padding: 16px;
  }
}

.progress__indicator-list {
  padding-left: 0;
  list-style: none;
  display: flex;
}

.progress__collapse-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  overflow: visible;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  background-color: transparent;
  color: var(--color-brand-primary-text);
}
html[data-whatintent=mouse] .card--link:not(.click-area):hover .progress__collapse-button, html[data-whatintent=mouse] .click-area:hover .progress__collapse-button.click-area__trigger, html[data-whatintent=mouse] .progress__collapse-button:hover, .progress__collapse-button.is-active {
  background-color: transparent;
  color: var(--color-brand-primary-text-hover);
}
html[data-whatintent=mouse] .progress__collapse-button:active {
  color: var(--color-brand-primary-text-hover);
  background-color: transparent;
}
.progress__collapse-button.is-loading .btn__spinner {
  color: var(--color-brand-primary-text);
}
.progress__collapse-button[aria-disabled=true], .progress__collapse-button.is-loading {
  color: var(--color-disabled-text);
  background-color: transparent;
  pointer-events: auto;
}
html[data-whatintent=mouse] .progress__collapse-button[aria-disabled=true]:hover, html[data-whatintent=mouse] .progress__collapse-button[aria-disabled=true]:active, html[data-whatintent=mouse] .progress__collapse-button.is-loading:hover, html[data-whatintent=mouse] .progress__collapse-button.is-loading:active {
  color: var(--color-disabled-text);
  background-color: transparent;
}

.progress__indicator-list-icon {
  transition: transform 0.3s ease-in-out;
}
.progress__indicator-list-icon.is-open {
  transform: rotate(-180deg);
}

.progress__indicator-list-item {
  display: block;
  position: relative;
  min-height: 32px;
  flex: 1 1 0;
}
.progress__indicator-list-item:first-child.is-current {
  margin-left: 12px;
}
.progress__indicator-list-item:last-child {
  flex-grow: 0;
  margin-right: 24px;
}
.progress__indicator-list-item:last-child.is-current {
  margin-right: 32px;
}
@media (min-width: 37.5rem) {
  .progress__indicator-list-item:last-child.is-current {
    margin-right: 40px;
  }
}
.progress__indicator-list-item:last-child::before {
  content: none;
}
.progress__indicator-list-item::before {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  background-color: var(--color-neutral-border-subtlest);
  top: 50%;
  transform: translateY(-50%);
}
.progress__indicator-list-item.is-done::before {
  background: var(--color-success-bg-subtle);
}

.progress__indicator-step-wrapper {
  top: 50%;
  position: absolute;
}
.progress__indicator-list-item.is-current .progress__indicator-step-wrapper {
  left: -12px;
  transform: translateY(-50%);
}

.progress__dot {
  position: absolute;
  height: 8px;
  width: 8px;
  border-radius: 100%;
  background-color: var(--color-neutral-border);
}

.progress__dot--done {
  background-color: var(--color-success-graphic);
}

.progress__dot--employee.progress__dot--disabled {
  background-color: var(--color-employee-bg-subtlest);
}

.progress__dot--employee.progress__dot--done {
  background-color: var(--color-employee-text);
}

.progress__dot-background {
  background-color: var(--color-neutral-bg-level-1);
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  transform: translateY(-50%);
}

.progress-bar {
  font-weight: 700;
}

.progress-bar__title {
  margin-bottom: 10px;
}

.progress-bar__inner {
  display: flex;
  gap: 16px;
  align-items: center;
}

.progress-bar__bar-wrapper {
  position: relative;
  height: 2.5rem;
  width: 100%;
  border-radius: 999px;
  overflow: hidden;
}

.progress-bar__bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 0 20px;
  line-height: 2.5rem;
  white-space: nowrap;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.progress-bar__bar--content {
  right: 0;
  background: var(--color-neutral-bg-subtle);
  color: var(--color-success-text);
  transition: color 150ms ease;
}
.progress-bar--fill-medium .progress-bar__bar--content {
  color: var(--color-info-text);
}
.progress-bar--fill-high .progress-bar__bar--content {
  color: var(--color-error-text);
}
.progress-bar--type-order .progress-bar__bar--content {
  color: var(--color-success-text);
}

.progress-bar__bar--overlay {
  background: var(--color-success-bg-strong);
  color: var(--color-success-text-onbg-strong);
  transition: background-color 150ms ease;
}
.progress-bar--fill-medium .progress-bar__bar--overlay {
  background: var(--color-info-bg-strong);
  color: var(--color-info-text-onbg-strong);
}
.progress-bar--fill-high .progress-bar__bar--overlay {
  background: var(--color-error-bg-strong);
  color: var(--color-error-text-onbg-strong);
}
.progress-bar--type-order .progress-bar__bar--overlay {
  background: var(--color-success-bg-strong);
  color: var(--color-success-text-onbg-strong);
}

.progress-bar__button {
  flex-shrink: 0;
}

.search {
  position: relative;
}

.search__textfield {
  --textfield-icon-padding: 4px;
}
.search--small .search__textfield {
  --textfield-icon-padding: 0;
}

.search__action {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0 var(--textfield-horizontal-inner-padding) 0 0;
  border: none;
  background-color: transparent;
  z-index: 2;
}
html[data-whatintent=mouse] .search__action:hover {
  color: var(--color-brand-primary-text-hover);
}
.search__action:disabled {
  color: var(--color-disabled-text);
}
.search--small .search__action {
  margin-right: 3px;
}

.search__action-icon {
  vertical-align: baseline;
  margin-top: 0;
  display: block;
  font-size: var(--textfield-icon-size);
}

.section {
  z-index: 0;
  position: relative;
  width: 100%;
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto;
  color: var(--color-neutral-text);
}

@media (min-width: 50rem) {
  .section--has-min-height {
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 50rem) {
  .section--has-min-height .section__inner {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 49.999rem) {
  .section--has-min-height .section__inner {
    min-height: auto !important;
  }
}
.section--full .section__inner {
  padding-top: 40px;
  padding-bottom: 40px;
}
.section--full.section--bottom-padding-large .section__inner {
  padding-bottom: 80px;
}
.section--full.section--bottom-padding-xlarge .section__inner {
  padding-bottom: 140px;
}
@media (max-width: 49.999rem) {
  .section--full.section--small-screen-image-above .section__inner {
    padding-top: 0;
  }
}
@media (min-width: 37.5rem) {
  .section--pull-top .section__inner {
    padding-top: 67px;
  }
}

.section--pull-top {
  margin-top: -30px;
}
@media (min-width: 37.5rem) {
  .section--pull-top {
    margin-top: -72px;
  }
}

.section--pull-top-sales-arguments {
  margin-top: -15px;
}
@media (min-width: 37.5rem) {
  .section--pull-top-sales-arguments {
    margin-top: -72px;
  }
}

.section--pull-top-no-breadcrumbs {
  margin-top: -30px;
}

.section--pull-bottom {
  margin-bottom: -40px;
}

.section--pull-bottom-footer {
  margin-bottom: -100px;
}

.section__close-button {
  right: 5px;
  top: 5px;
  position: absolute;
}

.section__background {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
@media (max-width: 49.999rem) {
  .section--small-screen-image-above .section__background {
    position: relative;
    margin-bottom: 30px;
  }
}

.section__background-image {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 49.999rem) {
  .section--small-screen-image-above .section__background-image {
    position: relative;
  }
}

.section__background-picture {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.section--full .section__background.has-video-and-image .section__background-picture {
  display: none;
}
@media (max-width: 49.999rem) {
  .section--full .section__background.has-video-and-image .section__background-picture {
    display: block;
  }
}

.section--full .section__background-video {
  height: 56.25vw;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  max-width: unset;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  width: 177.7778vh;
}
@media (max-width: 49.999rem) {
  .section--full.section--small-screen-image-above .section__background-video {
    height: unset;
    left: unset;
    transform: unset;
    position: unset;
    width: unset;
  }
}
@media (max-width: 49.999rem) {
  .section__background.has-video-and-image .section__background-video {
    display: none !important;
  }
}

.section__background-video,
.section__background-video .video__iframe,
.section__background-video .video__image {
  border-radius: 0;
}

.section__content {
  width: 100%;
}

.section__carousel {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.section__carousel .slick-track {
  height: 100%;
}
.section__carousel .slick-slide {
  display: block;
  position: relative;
  float: left;
  height: 100%;
  opacity: 1 !important;
  pointer-events: none;
}
.section__carousel .slick-list {
  height: 100%;
}
@media (max-width: 49.999rem) {
  .section--small-screen-image-above .section__carousel {
    position: relative;
  }
}

.section__carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.section__carousel-item.is-current {
  z-index: 1;
}
.section__carousel-item.is-prev-current {
  z-index: 2;
  opacity: 0;
}
@media (max-width: 49.999rem) {
  .section--small-screen-image-above .section__carousel-item {
    position: relative;
  }
}

.section__image-container {
  position: relative;
  height: 100%;
  width: 100%;
}

.section__image {
  margin: auto;
}
@media (min-width: 50rem) {
  .section__image {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
  }
}

.section__carousel-button {
  position: absolute;
  top: 10px;
  right: 16px;
}
@media (min-width: 37.5rem) {
  .section__carousel-button {
    right: 24px;
  }
}
@media (min-width: 62.5rem) {
  .section__carousel-button {
    right: 32px;
  }
}
.section__carousel-button--bottom {
  bottom: 10px;
  top: initial;
}
@media (max-width: 49.999rem) {
  .section__carousel-button--mobile-bottom {
    bottom: 10px;
    top: initial;
  }
}
@media (max-width: 49.999rem) {
  .section__carousel-button--mobile-top {
    top: 10px;
    bottom: initial;
  }
}

.section__carousel-inner {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.section__carousel-inner-container {
  position: relative;
  height: 100%;
}

.selector {
  --selector-indicator-font-size: var(--type-font-size);
  --selector-indicator-line-height: var(--type-line-height);
  --selector-border-color: var(--color-neutral-border);
  --selector-box-shaddow: none;
  --selector-color: var(--color-neutral-text);
  --selector-background-color: transparent;
  --selector-background-color-after: var(--color-neutral-text-subtle);
  --selector-padding: 10px 16px;
  --selector-min-height: 48px;
  --selector-width: 100%;
  width: 100%;
}

.selector__list {
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
  font-weight: 700;
}

.selector__label {
  width: 100%;
  margin-bottom: 8px;
}
.selector--hide-label .selector__label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.selector--center .selector__label {
  text-align: center;
}
.selector--right .selector__label {
  text-align: right;
}
.selector--small:not(.selector--custom-label-size) .selector__label {
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
}

.selector__item {
  position: relative;
  flex: 0 1 auto;
}
.selector__item.selector__item--custom-color {
  border-radius: 5px;
}

.selector__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}

.selector__indicator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--selector-padding);
  cursor: pointer;
  border-radius: 4px;
  background: transparent;
  border: 1px solid var(--color-neutral-border);
  text-align: center;
  transition: 100ms ease-out;
  transition-property: box-shadow, background-color, border-color, color;
  width: var(--selector-width);
  min-height: var(--selector-min-height);
  font-size: var(--selector-indicator-font-size);
  line-height: var(--selector-indicator-line-height);
  border-color: var(--selector-border-color);
  box-shadow: var(--selector-box-shaddow);
  color: var(--selector-color);
  background-color: var(--selector-background-color);
}
html[data-whatintent=mouse] .selector__input:hover ~ .selector__indicator {
  --selector-border-color: var(--color-brand-primary-border);
  --selector-box-shaddow: inset 0 0 0 1px var(--color-brand-primary-border);
}
.selector__input:focus-visible ~ .selector__indicator {
  outline: 2px solid var(--color-focus-outline, #0094ff);
  outline-offset: 2px;
}
html[data-whatintent=mouse] .selector__item--employee .selector__input:hover ~ .selector__indicator {
  --selector-border-color: var(--color-employee-border);
  --selector-box-shaddow: inset 0 0 0 1px var(--color-employee-border);
}
.selector__item--inactive .selector__indicator .selector__item-label-strikethrough, .selector__item--inactive .selector__indicator .selector__input:disabled .selector__item-label-strikethrough {
  --selector-color: var(--color-neutral-text);
}
.selector__input:checked ~ .selector__indicator {
  --selector-border-color: var(--color-brand-primary-border);
  --selector-color: var(--color-brand-primary-text-onbg-strong);
  --selector-background-color: var(--color-brand-primary-bg-strong);
}
.selector__item--inactive .selector__input:checked ~ .selector__indicator .selector__item-label-strikethrough {
  --selector-color: var(--color-brand-primary-text-onbg-strong);
}
.selector__item--inactive.selector__item--employee .selector__input:checked ~ .selector__indicator .selector__item-label-strikethrough {
  --selector-color: var(--color-employee-text-onbg-strong);
}
.selector__item--employee .selector__input:checked ~ .selector__indicator {
  --selector-border-color: var(--color-employee-border);
  --selector-color: var(--color-employee-text-onbg-strong);
  --selector-background-color: var(--color-employee-bg-strong);
}
html[data-whatintent=mouse] .selector__input:checked:hover ~ .selector__indicator {
  --selector-border-color: var(--color-brand-primary-border);
  --selector-box-shaddow: none;
  --selector-color: var(--color-brand-primary-text-onbg-strong);
  --selector-background-color: var(--color-brand-primary-bg-strong-hover);
}
.selector__input:disabled ~ .selector__indicator {
  --selector-border-color: var(--color-disabled-border);
  --selector-color: var(--color-disabled-text);
  --selector-background-color: transparent;
  cursor: default;
}
.selector__input:disabled:checked ~ .selector__indicator {
  --selector-border-color: var(--color-disabled-border);
  --selector-color: var(--color-disabled-text);
  --selector-background-color: var(--color-disabled-bg);
}
html[data-whatintent=mouse] .selector__input:disabled:hover ~ .selector__indicator {
  --selector-border-color: var(--color-disabled-border);
  --selector-box-shaddow: none;
}
html[data-whatintent=mouse] .selector__input:disabled:checked:hover ~ .selector__indicator {
  --selector-border-color: var(--color-disabled-border);
  --selector-color: var(--color-disabled-text);
  --selector-background-color: var(--color-disabled-bg);
}
html[data-whatintent=mouse] .selector__item--employee .selector__input:checked:enabled:hover ~ .selector__indicator {
  --selector-border-color: var(--color-employee-border);
  --selector-color: var(--color-employee-text-onbg-strong);
  --selector-background-color: var(--color-employee-bg-strong-hover);
}
.selector--small .selector__indicator {
  --selector-indicator-font-size: var(--type-small-font-size);
  --selector-indicator-line-height: var(--type-small-line-height);
  --selector-padding: 4px 8px;
  --selector-min-height: 32px;
}
.selector--large .selector__indicator {
  --selector-indicator-font-size: 1.125rem;
  --selector-indicator-line-height: 1.5rem;
  --selector-padding: 10px 16px;
  --selector-min-height: 60px;
}
.selector--xlarge .selector__indicator {
  --selector-indicator-font-size: 1.25rem;
  --selector-indicator-line-height: 1.625rem;
  --selector-padding: 26px 20px;
  --selector-min-height: 80px;
  min-width: 80px;
}
.selector__item--employee .selector__indicator, .selector__item--employee.selector__item--inactive .selector__indicator, .selector__item--employee.selector__item--inactive .selector__indicator .selector__item-label-strikethrough {
  --selector-color: var(--color-employee-text);
}
.selector__item--custom-color .selector__indicator {
  --selector-padding: 5px;
  --selector-min-height: auto;
  --selector-width: 36px;
  border-radius: 50%;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.selector--small .selector__item--custom-color .selector__indicator {
  --selector-padding: 3px;
  --selector-width: 24px;
  height: 24px;
}
.selector__item--inactive.selector__item--custom-color .selector__indicator::after {
  display: block;
  content: "";
  background-color: var(--selector-background-color-after);
  width: 35px;
  height: 1px;
  position: absolute;
  transform: rotateY(0deg) rotate(-45deg);
  transition: 100ms ease-in-out;
  transition-property: background-color;
}
.selector--small .selector__item--inactive.selector__item--custom-color .selector__indicator::after {
  width: 23px;
}
.selector__item--inactive.selector__item--custom-color .selector__input:disabled ~ .selector__indicator::after {
  --selector-background-color-after: var(--color-disabled-border);
}
html[data-whatintent=mouse] .selector__input:hover ~ .selector__indicator::after, .selector__item--custom-color .selector__input:checked ~ .selector__indicator::after, html[data-whatintent=mouse] .selector__item--custom-color .selector__input:checked:hover ~ .selector__indicator::after {
  --selector-background-color-after: var(--color-brand-primary-border);
}
html[data-whatintent=mouse] .selector__item--custom-color .selector__input:enabled:hover ~ .selector__indicator, html[data-whatintent=mouse] .selector--small .selector__item--custom-color .selector__input:enabled:hover ~ .selector__indicator {
  --selector-border-color: var(--color-brand-primary-border);
  --selector-box-shaddow: inset 0 0 0 1px var(--color-brand-primary-border);
}
.selector__item--custom-color .selector__input:checked ~ .selector__indicator, html[data-whatintent=mouse] .selector__item--custom-color .selector__input:checked:hover ~ .selector__indicator, .selector__item--custom-color .selector--small .selector__input:checked ~ .selector__indicator, html[data-whatintent=mouse] .selector--small .selector__item--custom-color .selector__input:checked:hover ~ .selector__indicator {
  --selector-border-color: var(--color-brand-primary-border);
  --selector-box-shaddow: inset 0 0 0 1px var(--color-brand-primary-border);
  --selector-background-color: transparent;
}
html[data-whatintent=mouse] .selector__indicator .selector__item--custom-color .selector__input:disabled:hover ~ .selector__indicator {
  --selector-border-color: var(--color-brand-primary-border);
  --selector-box-shaddow: $elevation-0;
  --selector-background-color: transparent;
}
.selector__item--custom-color .selector__input:disabled ~ .selector__indicator {
  --selector-background-color: transparent;
}
.selector__item--custom-color .selector__input:disabled:checked ~ .selector__indicator, html[data-whatintent=mouse] .selector__item--custom-color .selector__input:disabled:checked:hover ~ .selector__indicator {
  --selector-box-shaddow: inset 0 0 0 1px var(--color-brand-primary-border);
  --selector-background-color: transparent;
  border: 1px solid;
}

.selector__indicator-label--has-children {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.selector__item--custom-color .selector__indicator-inner {
  display: block;
  height: 24px;
  width: 24px;
  border-radius: 50%;
}
.selector--small .selector__item--custom-color .selector__indicator-inner {
  height: 16px;
  width: 16px;
}
.selector__item--inactive.selector__item--custom-color .selector__indicator .selector__indicator-inner {
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 86%, 86% 0, 100% 0, 100% 15%, 15% 100%, 100% 100%, 100% 0);
          clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 86%, 86% 0, 100% 0, 100% 15%, 15% 100%, 100% 100%, 100% 0);
}
.selector__item--custom-color .selector__input:checked ~ .selector__indicator .selector__indicator-inner {
  box-shadow: 0 0 0 0 var(--color-neutral-border-subtlest);
}
.selector__item--custom-color .selector__input:disabled ~ .selector__indicator .selector__indicator-inner {
  opacity: 0.4;
}

.selector__item--custom-color .selector__item-label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.selector__form-helper {
  margin-top: -4px;
  margin-bottom: 8px;
}

.separator, hr {
  display: block;
  margin: 0;
  border: 0;
  border-top: 2px solid var(--color-neutral-border-subtlest);
}

.separator--xxsmall {
  margin-top: 4px;
  margin-bottom: 4px;
}

.separator--xsmall {
  margin-top: 8px;
  margin-bottom: 8px;
}

.separator--small {
  margin-top: 16px;
  margin-bottom: 16px;
}
@media (max-width: 37.499rem) {
  .separator--small {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

.separator--medium {
  margin-top: 24px;
  margin-bottom: 24px;
}
@media (max-width: 37.499rem) {
  .separator--medium {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

.separator--medium-plus {
  margin-top: 32px;
  margin-bottom: 32px;
}
@media (max-width: 37.499rem) {
  .separator--medium-plus {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

.separator--large {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 37.499rem) {
  .separator--large {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

.separator--xlarge {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 37.499rem) {
  .separator--xlarge {
    margin-top: 56px;
    margin-bottom: 56px;
  }
}

.separator--color-invisible {
  border-color: transparent;
}

.separator--color-medium {
  border-color: var(--color-neutral-border-subtle);
}

.separator--color-strong {
  border-color: var(--color-neutral-border);
}

.separator--content {
  border: none;
  overflow: hidden;
  text-align: center;
}

.separator--left {
  text-align: left;
}

.separator--right {
  text-align: right;
}

.separator--thin {
  border-top-width: 1px;
}

.modal__body > .separator--full-width, .collapse__inner > .separator--full-width {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 37.5rem) {
  .modal__body > .separator--full-width, .collapse__inner > .separator--full-width {
    margin-left: -40px;
    margin-right: -40px;
  }
}
.card__content--padding-none .separator--full-width {
  margin-left: 0px;
  margin-right: 0px;
}
.card__content--padding-xsmall .separator--full-width {
  margin-left: -8px;
  margin-right: -8px;
}
.card__content--padding-small .separator--full-width {
  margin-left: -16px;
  margin-right: -16px;
}
.card__content--padding-medium .separator--full-width {
  margin-left: -24px;
  margin-right: -24px;
}
.card__content--padding-large .separator--full-width {
  margin-left: -32px;
  margin-right: -32px;
}
.card__content--padding-xlarge .separator--full-width {
  margin-left: -48px;
  margin-right: -48px;
}
.card__content--padding-xxlarge .separator--full-width {
  margin-left: -64px;
  margin-right: -64px;
}
.card__content--padding-right-none .separator--full-width {
  margin-left: 0px;
  margin-right: 0px;
}
.card__content--padding-left-none .separator--full-width {
  margin-left: 0px;
  margin-right: 0px;
}
.card__content--padding-horizontal-none .separator--full-width {
  margin-left: 0px;
  margin-right: 0px;
}
.card__content--padding-right-xsmall .separator--full-width {
  margin-left: -8px;
  margin-right: -8px;
}
.card__content--padding-left-xsmall .separator--full-width {
  margin-left: -8px;
  margin-right: -8px;
}
.card__content--padding-horizontal-xsmall .separator--full-width {
  margin-left: -8px;
  margin-right: -8px;
}
.card__content--padding-right-small .separator--full-width {
  margin-left: -16px;
  margin-right: -16px;
}
.card__content--padding-left-small .separator--full-width {
  margin-left: -16px;
  margin-right: -16px;
}
.card__content--padding-horizontal-small .separator--full-width {
  margin-left: -16px;
  margin-right: -16px;
}
.card__content--padding-right-medium .separator--full-width {
  margin-left: -24px;
  margin-right: -24px;
}
.card__content--padding-left-medium .separator--full-width {
  margin-left: -24px;
  margin-right: -24px;
}
.card__content--padding-horizontal-medium .separator--full-width {
  margin-left: -24px;
  margin-right: -24px;
}
.card__content--padding-right-large .separator--full-width {
  margin-left: -32px;
  margin-right: -32px;
}
.card__content--padding-left-large .separator--full-width {
  margin-left: -32px;
  margin-right: -32px;
}
.card__content--padding-horizontal-large .separator--full-width {
  margin-left: -32px;
  margin-right: -32px;
}
.card__content--padding-right-xlarge .separator--full-width {
  margin-left: -48px;
  margin-right: -48px;
}
.card__content--padding-left-xlarge .separator--full-width {
  margin-left: -48px;
  margin-right: -48px;
}
.card__content--padding-horizontal-xlarge .separator--full-width {
  margin-left: -48px;
  margin-right: -48px;
}
.card__content--padding-right-xxlarge .separator--full-width {
  margin-left: -64px;
  margin-right: -64px;
}
.card__content--padding-left-xxlarge .separator--full-width {
  margin-left: -64px;
  margin-right: -64px;
}
.card__content--padding-horizontal-xxlarge .separator--full-width {
  margin-left: -64px;
  margin-right: -64px;
}

.separator__content {
  display: inline-block;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 37.5rem) {
  .separator__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.separator__content::before {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 50%;
  border-top: 2px solid var(--color-neutral-border-subtlest);
  transform: translateY(-50%);
  left: -161rem;
  right: 100%;
}
.separator__content::after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 50%;
  border-top: 2px solid var(--color-neutral-border-subtlest);
  transform: translateY(-50%);
  right: -161rem;
  left: 100%;
}
.separator--color-medium .separator__content::before, .separator--color-medium .separator__content::after {
  border-color: var(--color-neutral-border-subtle);
}
.separator--color-strong .separator__content::before, .separator--color-strong .separator__content::after {
  border-color: var(--color-neutral-border);
}
.separator--left .separator__content {
  padding-left: 0;
}
.separator--right .separator__content {
  padding-right: 0;
}
.separator--thin .separator__content::before, .separator--thin .separator__content::after {
  border-top-width: 1px;
}

.service-cards {
  position: relative;
}
.service-cards .service-cards__item-col {
  margin-bottom: 32px;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
}

.service-cards__inner {
  margin-left: auto;
  margin-right: auto;
}
.service-cards--items-1 .service-cards__inner {
  max-width: 9.5rem;
}
.service-cards--items-2 .service-cards__inner {
  max-width: 19rem;
}
.service-cards--items-3 .service-cards__inner {
  max-width: 28.5rem;
}
.service-cards--items-4 .service-cards__inner {
  max-width: 38rem;
}
.service-cards--items-5 .service-cards__inner {
  max-width: 47.5rem;
}
.service-cards--items-6 .service-cards__inner {
  max-width: 57rem;
}
.service-cards--items-7 .service-cards__inner {
  max-width: 66.5rem;
}
.service-cards--items-8 .service-cards__inner {
  max-width: 76rem;
}

.service-cards__item {
  font-weight: 700;
  line-height: var(--type-line-height);
  font-size: var(--type-font-size);
  text-align: center;
  padding-right: 12px;
  padding-left: 12px;
  width: 9.5rem;
}

.service-cards__item,
.service-cards__item-inner {
  display: flex;
  flex-direction: column;
}

.service-cards__icon {
  margin-top: 0;
  width: 2rem;
  height: 2rem;
}

.signature {
  --signature-border-color: var(--color-neutral-border);
  --signature-shadow-size: 0px;
  --signature-background: var(--color-neutral-bg-level-2);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.signature--light {
  --signature-background: var(--color-neutral-bg-level-1);
}

.signature--employee {
  --signature-border-color: var(--color-employee-border);
}

.signature--invalid {
  --signature-shadow-size: 1px;
  --signature-border-color: var(--color-error-border);
}

.signature--disabled {
  --signature-border-color: var(--color-disabled-border);
  --signature-background: var(--color-disabled-bg);
}

.signature__canvas {
  position: relative;
  display: flex;
  height: 230px;
  background: var(--signature-background);
  border: 1px solid var(--signature-border-color);
  box-shadow: inset 0 0 0 var(--signature-shadow-size) var(--signature-border-color);
  border-radius: 4px;
  overflow: auto;
}
.signature:not(.signature--disabled) .signature__canvas:focus {
  outline: 2px solid var(--color-focus-outline, #0094ff);
  outline-offset: 2px;
}
.signature__canvas .signature__canvas-inner {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}

.signature__label-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.signature__label {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
}
.signature--disabled .signature__label {
  color: var(--color-disabled-text);
}

.signature__label-icon {
  font-size: 1rem;
  color: var(--color-employee-graphic);
}

.sidemenu {
  position: relative;
  background: var(--color-neutral-bg-level-1);
  z-index: 2;
}
@media (min-width: 37.5rem) {
  .sidemenu {
    width: 100%;
    background: transparent;
  }
}

.sidemenu__main {
  position: relative;
  overflow: hidden;
  height: 50px;
}
@media (min-width: 37.5rem) {
  .sidemenu__main {
    height: auto;
    width: 100%;
    overflow: visible;
  }
}
.sidemenu__main::before, .sidemenu__main::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--color-neutral-border-subtlest);
  z-index: 4;
}
@media (min-width: 37.5rem) {
  .sidemenu__main::before, .sidemenu__main::after {
    display: none;
  }
}
.sidemenu__main::before {
  top: 0;
}
.sidemenu__main::after {
  bottom: 0;
}

.sidemenu__view {
  width: 100%;
  white-space: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 37.5rem) {
  .sidemenu__view {
    white-space: normal;
    overflow: visible;
  }
}

.sidemenu__nav {
  padding: 0 0 20px;
}
@media (min-width: 37.5rem) {
  .sidemenu__nav {
    padding-left: 0;
    list-style: none;
    padding-bottom: 0;
  }
}

.sidemenu__nav--level-0::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(to right, transparent 0%, var(--color-neutral-bg-level-1) 100%);
  width: 40px;
  z-index: 3;
}
@media (min-width: 37.5rem) {
  .sidemenu__nav--level-0::after {
    display: none;
  }
}

.sidemenu--inverse {
  background: var(--color-neutral-bg-level-2);
}
.sidemenu--inverse .sidemenu__nav--level-0::after {
  background: linear-gradient(to right, transparent 0%, var(--color-neutral-bg-level-2) 100%);
}
@media (min-width: 37.5rem) {
  .sidemenu--inverse {
    background: transparent;
  }
}

.sidemenu__nav--level-1 {
  display: none;
}
@media (min-width: 37.5rem) {
  .sidemenu__nav--level-1 {
    margin-top: 13px;
    padding-left: 20px;
  }
}
@media (min-width: 37.5rem) {
  .sidemenu__item.is-current > .sidemenu__nav--level-1 {
    display: block;
  }
}
.sidemenu__sub .sidemenu__nav--level-1.is-open {
  display: block;
}

.sidemenu__item {
  position: relative;
  display: inline-block;
}
@media (min-width: 37.5rem) {
  .sidemenu__item {
    display: block;
    margin-bottom: 13px;
  }
}
@media (min-width: 37.5rem) {
  .sidemenu__item:last-child {
    margin-bottom: 0;
  }
}
.sidemenu__nav--level-1 > .sidemenu__item {
  display: block;
  border-bottom: 1px solid var(--color-neutral-border-subtlest);
}
@media (min-width: 37.5rem) {
  .sidemenu__nav--level-1 > .sidemenu__item {
    border-bottom: 0;
  }
}

.sidemenu__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-neutral-text);
  font-weight: 700;
  padding: 14px 8px;
}
@media (max-width: 37.499rem) {
  .sidemenu__link {
    outline-offset: -4px;
  }
}
@media (min-width: 37.5rem) {
  .sidemenu__link {
    padding: 0;
  }
}
.sidemenu__nav--level-1 > .sidemenu__item > .sidemenu__link {
  padding: 19px 20px;
}
@media (min-width: 37.5rem) {
  .sidemenu__nav--level-1 > .sidemenu__item > .sidemenu__link {
    padding: 0;
  }
}
.sidemenu__item.is-current > .sidemenu__link {
  color: var(--color-brand-primary-text);
}
@media (min-width: 37.5rem) {
  .sidemenu__item.is-current > .sidemenu__link {
    color: var(--color-brand-primary-text-hover);
  }
}
@media (min-width: 37.5rem) {
  .sidemenu__item:last-child .sidemenu__link {
    padding-bottom: 0;
  }
}
.sidemenu__nav--level-0 > .sidemenu__item.is-current > .sidemenu__link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--color-brand-primary-border);
  z-index: 5;
}
@media (min-width: 37.5rem) {
  .sidemenu__nav--level-0 > .sidemenu__item.is-current > .sidemenu__link::after {
    display: none;
  }
}
html[data-whatintent=mouse] .sidemenu--employee .sidemenu__link:hover {
  color: var(--color-employee-text-hover);
}
.sidemenu--employee .sidemenu__item.is-current > .sidemenu__link {
  color: var(--color-employee-text);
}
.sidemenu--employee .sidemenu__item.is-current > .sidemenu__link::after {
  background-color: var(--color-employee-text);
}
.sidemenu__item--employee .sidemenu__link {
  color: var(--color-employee-text);
}
html[data-whatintent=mouse] .sidemenu__item--employee .sidemenu__link:hover {
  color: var(--color-employee-text-hover);
}
.sidemenu__item--employee.is-current > .sidemenu__link {
  color: var(--color-employee-text-hover);
}
.sidemenu__item--employee.is-current > .sidemenu__link::after {
  background-color: var(--color-employee-text-hover);
}

.sidemenu__icon {
  vertical-align: baseline;
  margin-top: 0;
  display: none;
  font-size: 24px;
  flex-shrink: 0;
  margin-top: -4px;
  margin-bottom: -4px;
}
@media (min-width: 37.5rem) {
  .sidemenu__icon {
    display: block;
    opacity: 0;
  }
}
@media (min-width: 37.5rem) {
  .sidemenu__item--has-children > .sidemenu__link .sidemenu__icon, .sidemenu__item.is-current > .sidemenu__link .sidemenu__icon, html[data-whatintent=mouse] .sidemenu__link:hover .sidemenu__icon {
    opacity: 1;
  }
}
.sidemenu__item--has-children > .sidemenu__link .sidemenu__icon {
  transition: transform 300ms ease;
  transform: rotate(0deg);
  display: block;
}
.sidemenu__item--has-children.is-current > .sidemenu__link .sidemenu__icon {
  transform: rotate(180deg);
}
.sidemenu__nav--level-0 > .sidemenu__item > .sidemenu__link .sidemenu__icon {
  margin-left: 4px;
}
@media (min-width: 37.5rem) {
  .sidemenu__nav--level-0 > .sidemenu__item > .sidemenu__link .sidemenu__icon {
    margin-left: 0;
  }
}
.sidemenu__nav--level-1 > .sidemenu__item.is-current > .sidemenu__link .sidemenu__icon {
  display: block;
}

.sidemenu__divider {
  display: inline-block;
  position: relative;
  margin: 0 8px;
  width: 1px;
  height: 20px;
  vertical-align: middle;
}
@media (min-width: 37.5rem) {
  .sidemenu__divider {
    display: block;
    margin: 15px 0;
    width: auto;
    height: auto;
    border-top: 1px solid var(--color-neutral-border-subtlest);
  }
}
.sidemenu__divider::after {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-neutral-border-subtlest);
  content: "";
}
@media (min-width: 37.5rem) {
  .sidemenu__divider::after {
    content: none;
  }
}

.skip-links {
  height: 0;
  overflow: hidden;
  padding: 0;
}
.skip-links:focus-within {
  border-bottom: 1px solid var(--color-neutral-border-subtlest);
  background-color: var(--color-neutral-bg-level-2);
  height: auto;
  overflow: auto;
  padding: 10px 0;
}

.skip-links__anchor {
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
}

.sort-indicator {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  overflow: visible;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  position: relative;
  cursor: pointer;
  width: 100%;
  padding: 2px 0;
  border-radius: 4px;
  transition: color var(--animation-duration-short) var(--animation-easing-short);
}
html[data-whatintent=mouse] .sort-indicator:hover {
  color: var(--color-brand-primary-text-hover);
}

.sort-indicator__text {
  display: inline-block;
  padding-right: calc(1rem + 8px);
}

.sort-indicator__arrows {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 1.375rem;
  color: var(--color-neutral-graphic);
  transition: color var(--animation-duration-short) var(--animation-easing-short);
}
html[data-whatintent=mouse] .sort-indicator:hover .sort-indicator__arrows {
  color: var(--color-brand-primary-text-hover);
}

.sort-indicator__arrows-up {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.75rem;
}
.sort-indicator--asc .sort-indicator__arrows-up {
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
}
.sort-indicator--desc .sort-indicator__arrows-up {
  display: none;
}

.sort-indicator__arrows-down {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
}
.sort-indicator--desc .sort-indicator__arrows-down {
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
}
.sort-indicator--asc .sort-indicator__arrows-down {
  display: none;
}

.tabs {
  color: var(--color-neutral-text);
}

.tabs__content-wrapper {
  position: relative;
}
.tabs--background-light > .tabs__content-wrapper {
  background-color: var(--color-neutral-bg-level-2);
}
.tabs--huge > .tabs__content-wrapper {
  border: 1px solid var(--color-neutral-border-subtle);
  border-top: 0;
  border-radius: 0 0 8px 8px;
}
.tabs--huge.tabs--full-width > .tabs__content-wrapper {
  border: none;
}
.tabs--button-navigation > .tabs__content-wrapper {
  border: none;
  margin-top: 0;
}

.tabs__content {
  transition: height 300ms cubic-bezier(0.22, 0.61, 0.35, 1);
}

.tabs__item {
  padding: 24px 0;
}
@media (min-width: 50rem) {
  .tabs__item {
    padding: 32px 0;
  }
}
.tabs--huge > .tabs__content-wrapper > .tabs__content > .tabs__content-inner > .tabs__item {
  padding: 24px 16px;
}
@media (min-width: 50rem) {
  .tabs--huge > .tabs__content-wrapper > .tabs__content > .tabs__content-inner > .tabs__item {
    padding: 32px;
  }
}
.tabs__item:not(.is-current) {
  display: none;
}
.tabs__item.fade-enter {
  display: block;
  opacity: 0;
}
.tabs__item.fade-exit {
  display: block;
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 300ms var(--animation-easing-medium);
}
.tabs__item.fade-enter-active {
  opacity: 0;
  transition: opacity 300ms var(--animation-easing-medium);
}
.tabs__item.fade-enter-done {
  opacity: 1;
  transition: opacity 300ms var(--animation-easing-medium);
}
.tabs__item.fade-exit-active, .tabs__item.fade-exit-done {
  opacity: 0;
}
.tabs__item.fade-exit-done {
  display: none;
}

.tabs--pull-top > .tabs__nav {
  margin-top: -42px;
}
.tabs--pull-top > .tabs__nav.tabs__nav--with-icons {
  margin-top: -48px;
}
.tabs--pull-top > .tabs__nav.tabs__nav--with-icons.tabs__nav--icons-top {
  margin-top: -86px;
}
@media (min-width: 37.5rem) {
  .tabs--pull-top > .tabs__nav.tabs__nav--with-icons.tabs__nav--icons-top {
    margin-top: -90px;
  }
}

.tabs--huge {
  box-shadow: 0 0 0 0 var(--color-neutral-border-subtlest);
  border-radius: 0 0 8px 8px;
  background-color: var(--color-neutral-bg-level-1);
}
.tabs--huge.tabs--background-light {
  background-color: var(--color-neutral-bg-level-2);
}
.tabs--huge.tabs--full-width {
  box-shadow: 0 0 0 0 var(--color-neutral-border-subtlest);
}
.modal__body > .tabs--huge.tabs--full-width {
  margin-left: -16px;
  margin-right: -16px;
}
@media (min-width: 37.5rem) {
  .modal__body > .tabs--huge.tabs--full-width {
    margin-left: -40px;
    margin-right: -40px;
  }
}
.card__content--padding-none > .tabs--huge.tabs--full-width {
  margin-left: 0px;
  margin-right: 0px;
}
.card__content--padding-xsmall > .tabs--huge.tabs--full-width {
  margin-left: -8px;
  margin-right: -8px;
}
.card__content--padding-small > .tabs--huge.tabs--full-width {
  margin-left: -16px;
  margin-right: -16px;
}
.card__content--padding-medium > .tabs--huge.tabs--full-width {
  margin-left: -24px;
  margin-right: -24px;
}
.card__content--padding-large > .tabs--huge.tabs--full-width {
  margin-left: -32px;
  margin-right: -32px;
}
.card__content--padding-xlarge > .tabs--huge.tabs--full-width {
  margin-left: -48px;
  margin-right: -48px;
}
.card__content--padding-xxlarge > .tabs--huge.tabs--full-width {
  margin-left: -64px;
  margin-right: -64px;
}
.card__content--padding-right-none > .tabs--huge.tabs--full-width {
  margin-right: 0px;
}
.card__content--padding-left-none > .tabs--huge.tabs--full-width {
  margin-left: 0px;
}
.card__content--padding-horizontal-none > .tabs--huge.tabs--full-width {
  margin-left: 0px;
  margin-right: 0px;
}
.card__content--padding-right-xsmall > .tabs--huge.tabs--full-width {
  margin-right: -8px;
}
.card__content--padding-left-xsmall > .tabs--huge.tabs--full-width {
  margin-left: -8px;
}
.card__content--padding-horizontal-xsmall > .tabs--huge.tabs--full-width {
  margin-left: -8px;
  margin-right: -8px;
}
.card__content--padding-right-small > .tabs--huge.tabs--full-width {
  margin-right: -16px;
}
.card__content--padding-left-small > .tabs--huge.tabs--full-width {
  margin-left: -16px;
}
.card__content--padding-horizontal-small > .tabs--huge.tabs--full-width {
  margin-left: -16px;
  margin-right: -16px;
}
.card__content--padding-right-medium > .tabs--huge.tabs--full-width {
  margin-right: -24px;
}
.card__content--padding-left-medium > .tabs--huge.tabs--full-width {
  margin-left: -24px;
}
.card__content--padding-horizontal-medium > .tabs--huge.tabs--full-width {
  margin-left: -24px;
  margin-right: -24px;
}
.card__content--padding-right-large > .tabs--huge.tabs--full-width {
  margin-right: -32px;
}
.card__content--padding-left-large > .tabs--huge.tabs--full-width {
  margin-left: -32px;
}
.card__content--padding-horizontal-large > .tabs--huge.tabs--full-width {
  margin-left: -32px;
  margin-right: -32px;
}
.card__content--padding-right-xlarge > .tabs--huge.tabs--full-width {
  margin-right: -48px;
}
.card__content--padding-left-xlarge > .tabs--huge.tabs--full-width {
  margin-left: -48px;
}
.card__content--padding-horizontal-xlarge > .tabs--huge.tabs--full-width {
  margin-left: -48px;
  margin-right: -48px;
}
.card__content--padding-right-xxlarge > .tabs--huge.tabs--full-width {
  margin-right: -64px;
}
.card__content--padding-left-xxlarge > .tabs--huge.tabs--full-width {
  margin-left: -64px;
}
.card__content--padding-horizontal-xxlarge > .tabs--huge.tabs--full-width {
  margin-left: -64px;
  margin-right: -64px;
}

.tabs__nav--button-navigation {
  display: block;
  margin-left: unset;
  margin-right: unset;
}

.tabs-navigation {
  --tabs-navigation-margin: 12px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  margin-left: calc(var(--tabs-navigation-margin) * -1);
  margin-right: calc(var(--tabs-navigation-margin) * -1);
  width: calc(100% + var(--tabs-navigation-margin) * 2);
}
@media (min-width: 37.5rem) {
  .tabs-navigation {
    --tabs-navigation-margin: 15px;
  }
}

.tabs-navigation--bordered::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: var(--tabs-navigation-margin);
  right: var(--tabs-navigation-margin);
  height: 2px;
  background-color: var(--color-neutral-border-subtlest);
}

.tabs-navigation--huge {
  --tabs-navigation-margin: 0;
  white-space: normal;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 0;
}
.tabs-navigation--huge::after {
  display: block;
  height: 1px;
  background-color: var(--color-neutral-border-subtle);
}
.tabs-navigation--huge.tabs-navigation--background-light {
  background-color: var(--color-neutral-bg-level-2);
}

.tabs-navigation__scroll {
  width: 100%;
  z-index: 1;
}

.tabs-navigation__scroll-inner {
  position: relative;
}
.tabs-navigation--center .tabs-navigation__scroll-inner {
  display: flex;
}

.tabs-navigation__inner {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0;
}
.tabs-navigation--center .tabs-navigation__inner {
  margin-left: auto;
  margin-right: auto;
}
.tabs-navigation--huge .tabs-navigation__inner {
  width: 100%;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  gap: 4px;
}

.tabs-navigation__item {
  display: inline-flex;
  text-align: center;
  flex-shrink: 0;
}
.tabs-navigation--icons-top .tabs-navigation__item {
  align-items: flex-end;
}
.tabs-navigation--huge .tabs-navigation__item {
  background-color: var(--color-neutral-bg-level-2);
  display: flex;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  border-top: 2px solid transparent;
  border-radius: 4px 4px 0 0;
  transition: all 120ms cubic-bezier(0.2, 0, 0.31, 1);
  border-bottom: 1px solid var(--color-neutral-border-subtle);
}
.tabs-navigation--huge .tabs-navigation__item.is-current {
  background-color: var(--color-neutral-bg-level-1);
  border-top: 2px solid var(--color-brand-primary-border);
  border-radius: 0;
  transition: border 1ms 290ms linear, background-color 1ms 290ms linear;
  border-right: 1px solid var(--color-neutral-border-subtle);
  border-left: 1px solid var(--color-neutral-border-subtle);
  border-bottom-color: transparent;
}
.tabs-navigation--huge .tabs-navigation__item.is-current:first-child {
  border-left: 1px solid var(--color-neutral-border-subtle);
}
.tabs-navigation--huge .tabs-navigation__item.is-current:last-child {
  border-right: 1px solid var(--color-neutral-border-subtle);
}
.tabs-navigation--huge .tabs-navigation__item.tabs-navigation__item--employee.is-current {
  border-top: 2px solid var(--color-employee-border);
}
.tabs-navigation--huge .tabs-navigation__item.is-current + .tabs-navigation--huge .tabs-navigation__item::before {
  display: none;
}
.tabs-navigation--huge.tabs-navigation--full-width .tabs-navigation__item.is-current:first-child {
  border-left: none;
}
.tabs-navigation--huge.tabs-navigation--full-width .tabs-navigation__item.is-current:last-child {
  border-right: none;
}
.tabs-navigation--huge > .tabs-navigation__underline.is-animating ~ .tabs-navigation__inner > .tabs-navigation__item.is-current {
  background-color: transparent;
}
.tabs-navigation--background-light .tabs-navigation__item {
  background-color: var(--color-neutral-bg-level-1);
}
.tabs-navigation--background-light .tabs-navigation__item.is-current {
  background-color: var(--color-neutral-bg-level-2);
}

.tabs-navigation__link {
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 400;
  color: var(--color-neutral-text);
  z-index: 2;
  outline-offset: -3px;
  padding-bottom: 16px;
  padding-left: var(--tabs-navigation-margin);
  padding-right: var(--tabs-navigation-margin);
  gap: 4px;
  transition: color 0.15s ease;
}
html[data-whatintent=mouse] .tabs-navigation__link:hover {
  color: var(--color-brand-primary-text-hover);
}
.tabs-navigation__item.is-current .tabs-navigation__link {
  color: var(--color-brand-primary-text);
}
.tabs-navigation__item--employee .tabs-navigation__link {
  color: var(--color-employee-text);
}
html[data-whatintent=mouse] .tabs-navigation__item--employee .tabs-navigation__link:hover {
  color: var(--color-employee-text-hover);
}
.tabs-navigation__item--employee.is-current .tabs-navigation__link {
  color: var(--color-employee-text);
}
.tabs-navigation--icons-top .tabs-navigation__link {
  flex-direction: column;
}
.tabs-navigation__link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--tabs-navigation-margin);
  right: var(--tabs-navigation-margin);
}
.tabs-navigation__item.is-current .tabs-navigation__link::after {
  height: 2px;
  background: var(--color-brand-primary-border);
}
.tabs-navigation__item--employee.is-current .tabs-navigation__link::after {
  background: var(--color-employee-text);
}
.tabs-navigation__underline.is-animating ~ .tabs-navigation__inner > .tabs-navigation__item > .tabs-navigation__link::after {
  opacity: 0;
}
.tabs-navigation--huge .tabs-navigation__item .tabs-navigation__link {
  justify-content: center;
  border: none;
  padding: 15px 12px;
  margin: 0;
  width: 100%;
  transition: color 120ms cubic-bezier(0.2, 0, 0.31, 1);
}
@media (min-width: 37.5rem) {
  .tabs-navigation--huge .tabs-navigation__item .tabs-navigation__link {
    padding: 16px 18px 18px;
  }
}
.tabs-navigation--huge .tabs-navigation__item .tabs-navigation__link::after {
  content: none;
}
@media (min-width: 37.5rem) {
  .tabs-navigation__link {
    gap: 8px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: var(--type-h4-xl-font-size);
    line-height: var(--type-h4-xl-line-height);
  }
}

.tabs-navigation__item-icon {
  vertical-align: baseline;
  margin-top: 0;
  position: relative;
  font-size: 32px;
  flex-shrink: 0;
}
.tabs-navigation__item-icon.tabs-navigation__item-icon-image {
  width: 32px;
}
.tabs-navigation--icons-top .tabs-navigation__item-icon.tabs-navigation__item-icon-image {
  width: 40px;
}
.tabs-navigation--icons-top .tabs-navigation__item-icon {
  font-size: 40px;
  margin: 0 auto;
}
.tabs-navigation__item:not(.tabs-navigation__item--employee) .tabs-navigation__link .tabs-navigation__item-icon {
  color: var(--color-neutral-graphic);
}
.tabs-navigation__item:not(.tabs-navigation__item--employee).is-current .tabs-navigation__link .tabs-navigation__item-icon {
  color: inherit;
}
html[data-whatintent=mouse] .tabs-navigation__item:not(.tabs-navigation__item--employee) .tabs-navigation__link:hover .tabs-navigation__item-icon, html[data-whatintent=mouse] .tabs-navigation__item:not(.tabs-navigation__item--employee).is-current .tabs-navigation__link:hover .tabs-navigation__item-icon {
  color: inherit;
}

.tabs-navigation__underline {
  opacity: 0;
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 2px;
  max-width: 0;
  margin: 0 10px;
  background-color: var(--color-brand-primary-border);
  transition: max-width 300ms cubic-bezier(0.2, 0, 0.31, 1), left 300ms cubic-bezier(0.2, 0, 0.31, 1), background-color 300ms cubic-bezier(0.2, 0, 0.31, 1);
}
.tabs-navigation__underline.is-animating {
  opacity: 1;
}
.tabs-navigation--huge.tabs-navigation--background-light .tabs-navigation__underline {
  background-color: var(--color-neutral-bg-level-2);
}
.tabs-navigation--huge .tabs-navigation__underline {
  height: 100%;
  margin: 0;
  background-color: var(--color-neutral-bg-level-1);
  border-right: 1px solid var(--color-neutral-border-subtle);
  border-left: 1px solid var(--color-neutral-border-subtle);
}
.tabs-navigation--huge .tabs-navigation__underline::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background-color: var(--color-brand-primary-border);
  pointer-events: none;
  content: "";
}
.tabs-navigation--huge .tabs-navigation__underline.tabs-navigation__underline--type-employee::before {
  background-color: var(--color-employee-border);
}
@media (min-width: 37.5rem) {
  .tabs-navigation__underline {
    margin: 0 15px;
  }
}

.tabs-navigation__underline--type-employee {
  background-color: var(--color-employee-text);
}

.tabs-navigation__item-content {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}

.tabs-navigation__item-tag {
  margin-left: 4px;
}

.status {
  display: flex;
  align-items: baseline;
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
}

.status__circle {
  flex-shrink: 0;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 999px;
  margin-right: 8px;
}
.status--error .status__circle {
  background-color: var(--color-error-graphic);
}
.status--repair .status__circle {
  background-color: var(--color-info-graphic);
}
.status--attention .status__circle {
  background-color: var(--color-attention-graphic);
}
.status--success .status__circle {
  background-color: var(--color-success-graphic);
}
.status--inactive .status__circle {
  background-color: var(--color-disabled-text);
}

.card__content > .tab-cordion.tab-cordion--background-light.tab-cordion--full-width {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 37.5rem) {
  .card__content > .tab-cordion.tab-cordion--background-light.tab-cordion--full-width {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.card__content--padding-none > .tab-cordion.tab-cordion--background-light.tab-cordion--full-width {
  margin-left: 0;
  margin-right: 0;
}
.card__content--padding-medium > .tab-cordion.tab-cordion--background-light.tab-cordion--full-width, .card__content--padding-cta > .tab-cordion.tab-cordion--background-light.tab-cordion--full-width {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 37.5rem) {
  .card__content--padding-medium > .tab-cordion.tab-cordion--background-light.tab-cordion--full-width, .card__content--padding-cta > .tab-cordion.tab-cordion--background-light.tab-cordion--full-width {
    margin-left: -40px;
    margin-right: -40px;
  }
}
.card__content--padding-image > .tab-cordion.tab-cordion--background-light.tab-cordion--full-width {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 37.5rem) {
  .card__content--padding-image > .tab-cordion.tab-cordion--background-light.tab-cordion--full-width {
    margin-left: -30px;
    margin-right: -30px;
  }
}

.table-collapse__row--trigger {
  cursor: pointer;
}

.table-collapse__content {
  display: none;
}
.table-collapse__content.is-open {
  display: table-row;
}

.table-collapse.table--responsive .table__responsive tbody::before {
  display: block;
  content: "";
  height: 2em;
}
.table-collapse.table--responsive .table__responsive tbody::after,
.table-collapse.table--responsive .table__responsive tbody.table-collapse__body::before,
.table-collapse.table--responsive .table__responsive table thead:first-child + tbody::before {
  display: none;
}

.tv-comparison__table table tr.tv-comparison__theme {
  border-top: 0;
}
.tv-comparison__table table tr.tv-comparison__theme > td {
  border-top: 0;
}

.tv-comparison__accordion .accordion__content {
  padding: 0;
}
.tv-comparison__accordion .accordion__header {
  padding-left: 10px;
}

.tv-comparison__header {
  padding: 30px 10px 10px;
}
@media (min-width: 50rem) {
  .tv-comparison__header {
    padding: 10px 0;
  }
}

.tv-comparison__filter {
  padding: 18px 0 0;
}
@media (min-width: 50rem) {
  .tv-comparison__filter {
    padding: 32px 0 0;
  }
}

.tv-comparison .table.table--sticky-header-level-2 {
  overflow-x: initial;
}
.tv-comparison .table table tbody tr {
  border-top: 1px solid var(--color-neutral-border-subtlest);
}
.tv-comparison .table table thead tr {
  border-bottom: 1px solid var(--color-neutral-border-subtle);
}
.tv-comparison .tv-comparison__name {
  vertical-align: middle;
  font-weight: 400;
}
@media (min-width: 62.499rem) {
  .tv-comparison .tv-comparison__name {
    padding-left: 0;
  }
}
@media (max-width: 49.999rem) {
  .tv-comparison .tv-comparison__name {
    padding: 0 6px;
  }
}
.tv-comparison .affix {
  z-index: 3;
}
.tv-comparison tbody tr:last-child {
  border-bottom: 1px solid var(--color-neutral-border-subtlest);
}
.tv-comparison .table--bordered table td {
  border-style: solid;
  border-color: var(--color-neutral-border-subtlest);
}
.tv-comparison .table--bordered table th {
  border: none;
}
@media (max-width: 37.499rem) {
  .tv-comparison .tv-comparison__scroll-header .table {
    overflow-x: hidden;
  }
  .tv-comparison .tv-comparison__scroll-header .table th {
    min-width: 120px;
  }
  .tv-comparison .tv-comparison__scroll-header .table th:first-child {
    z-index: 3;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    min-width: 160px;
    background: var(--color-neutral-bg-level-2);
  }
}
.tv-comparison .tv-comparison__scroll-body .table {
  overflow-y: hidden;
}
.tv-comparison .tv-comparison__scroll-body .table th {
  border-right: 1px solid var(--color-neutral-border-subtlest);
}
@media (max-width: 37.499rem) {
  .tv-comparison .tv-comparison__scroll-body .table {
    overflow-x: auto;
  }
  .tv-comparison .tv-comparison__scroll-body .table table {
    border-collapse: separate;
  }
  .tv-comparison .tv-comparison__scroll-body .table td {
    min-width: 120px;
    border-left-width: 0;
    border-top-width: 0;
  }
  .tv-comparison .tv-comparison__scroll-body .table tr:first-child th,
  .tv-comparison .tv-comparison__scroll-body .table tr:first-child td {
    border-top-width: 1px;
  }
  .tv-comparison .tv-comparison__scroll-body .table th {
    position: -webkit-sticky;
    position: sticky;
    border: 1px solid var(--color-neutral-border-subtlest);
    border-right: none;
    border-top-width: 0;
    background: var(--color-neutral-bg-level-1);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
    left: 0;
    z-index: 2;
    min-width: 160px;
  }
}

.textarea__input {
  display: block;
  resize: none;
  height: 8.375rem;
  height: calc(24px + 5lh);
  font-weight: 400;
  overflow: hidden;
}
.textarea--max-lines .textarea__input {
  overflow: auto;
}
.textarea--small .textarea__input {
  height: 2.875rem;
  height: calc(24px + 1lh);
}

.textarea__hidden {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  width: 100% !important;
  left: 0;
  bottom: 0;
}

.textarea-rows {
  --textarea-rows-border-color: var(--color-neutral-border);
  --textarea-rows-shadow-size: 0px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}

.textarea-rows.is-invalid {
  --textarea-rows-shadow-size: 2px;
  --textarea-rows-border-color: var(--color-error-border);
}

.textarea-rows__label {
  color: var(--color-neutral-text);
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
}
.textarea-rows.is-disabled .textarea-rows__label {
  color: var(--color-disabled-text);
}
.textarea-rows--no-label-no-break .textarea-rows__label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
@media (min-width: 37.5rem) {
  .textarea-rows--no-label-sm .textarea-rows__label {
    /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}
@media (min-width: 50rem) {
  .textarea-rows--no-label-md .textarea-rows__label {
    /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}

.textarea-rows__main {
  position: relative;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid var(--textarea-rows-border-color);
  overflow: hidden;
  background-color: var(--color-neutral-bg-level-1);
  transition: border-color 100ms ease-out;
  width: 100%;
}
.textarea-rows__main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  width: 50px;
  background: var(--color-neutral-bg-level-2);
}
.textarea-rows__main::after {
  content: "";
  display: block;
  position: absolute;
  inset: -1px;
  box-shadow: inset 0 0 0 var(--textarea-rows-shadow-size) var(--textarea-rows-border-color);
  pointer-events: none;
  border-radius: inherit;
}
.textarea-rows.is-focused .textarea-rows__main {
  outline: 2px solid var(--color-focus-outline, #0094ff);
  outline-offset: 2px;
}
.textarea-rows.is-disabled .textarea-rows__main {
  opacity: 0.5;
}

.textarea-rows__inner {
  position: relative;
}

.textarea-rows__mirror,
.textarea-rows__input {
  position: relative;
  width: 100%;
  padding: 0;
  font-size: var(--type-font-size);
  font-family: var(--type-font-family);
  font-weight: 400;
  line-height: var(--type-line-height);
}

.textarea-rows__mirror {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.textarea-rows__input {
  padding-left: 50px;
  border: 0;
  outline: none;
  overflow: hidden;
  background: transparent;
  resize: none;
}

.textarea-rows__item {
  position: relative;
  display: flex;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0 -10px;
  padding: 0 10px 0 0;
  max-width: calc(100% + 20px);
}

.textarea-rows__item--error {
  background: var(--color-error-bg-subtle);
}

.textarea-rows__item--valid {
  background: var(--color-success-bg-subtle);
}

.textarea-rows__item-nr {
  width: 50px;
  padding-right: 10px;
  color: var(--color-neutral-text-subtle);
  text-align: right;
  flex-shrink: 0;
}

.textarea-rows__item-text {
  flex: 1 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 10px;
  color: transparent;
  max-width: calc(100% - 50px);
}

.textarea-rows__item-helper {
  position: relative;
  line-height: calc(var(--type-font-size) * var(--type-line-height));
}
.textarea-rows__item-helper .form-helper__icon {
  margin-top: 3px;
}

.textarea-rows__value {
  max-width: 100%;
  flex: 0 0 auto;
}

.textarea-rows.is-wide .textarea-rows__main::before {
  width: 64px;
}
.textarea-rows.is-wide .textarea-rows__input {
  padding-left: 64px;
}
.textarea-rows.is-wide .textarea-rows__item-nr {
  width: 64px;
}
.textarea-rows.is-wide .textarea-rows__item-text {
  max-width: calc(100% - 64px);
}

.timeline {
  position: relative;
}

.timeline__entry {
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
}
@media (min-width: 37.5rem) {
  .timeline__entry {
    margin-left: 25px;
    margin-right: 25px;
  }
}
.timeline__entry::before {
  content: "";
  position: relative;
  display: block;
  width: 3px;
  background: var(--color-neutral-border-subtlest);
  top: 0;
  bottom: 0;
  left: calc(0.5rem - 2px);
  height: 20px;
}
@media (min-width: 37.5rem) {
  .timeline__entry::before {
    position: absolute;
    height: calc(100% - 10px - 1rem);
    top: calc(26px + 1rem);
  }
}
@media (min-width: 37.5rem) {
  .timeline__entry:last-child::before {
    height: 0;
  }
}

.timeline__icon {
  box-sizing: content-box;
  position: relative;
  display: block;
  top: 0;
  left: -5px;
  color: var(--color-neutral-graphic);
  padding: 5px;
  background-clip: padding-box;
  margin-top: 0;
}
@media (min-width: 37.5rem) {
  .timeline__icon {
    position: absolute;
    top: 16px;
  }
}
.timeline__entry.has-warning .timeline__icon {
  color: var(--color-error-graphic);
}
.timeline__entry.is-current .timeline__icon {
  color: var(--color-brand-primary-graphic);
}
.timeline__entry.is-done .timeline__icon {
  color: var(--color-success-graphic);
}

.timeline__content {
  position: relative;
  padding: 20px 0;
  margin-left: 0;
}
@media (min-width: 37.5rem) {
  .timeline__content {
    padding: 20px 1em 0;
    margin-left: calc(1rem + 9px);
  }
}
.timeline__entry:last-child .timeline__content {
  padding-bottom: 0;
}

.toggle {
  --toggle-indicator-border-color: var(--color-neutral-border);
  --toggle-indicator-bg: transparent;
  --toggle-circle-color: var(--color-neutral-border);
  --toggle-circle-hover-color: var(--color-neutral-border);
  --toggle-hover-border-color: var(--color-brand-primary-border);
  --toggle-hover-bg: transparent;
  --toggle-checked-border-color: var(--color-brand-primary-border);
  --toggle-checked-bg: var(--color-brand-primary-bg-strong);
  --toggle-checked-hover-bg: var(--color-brand-primary-bg-strong-hover);
  --toggle-checked-circle-color: var(--color-brand-primary-text-onbg-strong);
  --toggle-disabled-text-color: var(--color-disabled-text);
  --toggle-disabled-border-color: var(--color-disabled-border);
  --toggle-disabled-bg: var(--color-disabled-bg);
  --toggle-disabled-circle-color: var(--color-disabled-bg);
  --toggle-disabled-checked-circle-color: var(--color-neutral-bg-level-1);
  --toggle-disabled-checked-bg: var(--color-disabled-bg);
  --toggle-spinner-color: var(--color-brand-primary-graphic);
  --toggle-label-color: var(--color-neutral-text);
  --toggle-indicator-width: 2.5rem;
  --toggle-indicator-height: 1.5rem;
  --toggle-font-size: var(--type-small-font-size);
  --toggle-line-height: var(--type-small-line-height);
  --toggle-circle-size: 1rem;
  --toggle-indicator-label-spacing: 8px;
  --toggle-indicator-padding: calc(var(--toggle-indicator-width) + var(--toggle-indicator-label-spacing));
  --toggle-circle-spacing: 4px;
  --toggle-spinner-size: 1rem;
  position: relative;
}

.toggle--employee {
  --toggle-indicator-border-color: var(--color-employee-border);
  --toggle-indicator-bg: var(--color-employee-bg);
  --toggle-circle-color: var(--color-employee-graphic);
  --toggle-circle-hover-color: var(--color-employee-text-hover);
  --toggle-hover-border-color: var(--color-employee-border);
  --toggle-checked-border-color: var(--color-employee-border);
  --toggle-checked-bg: var(--color-employee-bg-strong);
  --toggle-checked-hover-bg: var(--color-employee-bg-strong-hover);
  --toggle-checked-circle-color: var(--color-employee-text-onbg-strong);
  --toggle-label-hover-color: var(--color-employee-text-hover);
  --toggle-spinner-color: var(--color-employee-graphic);
}

.toggle--small {
  --toggle-indicator-width: 1.5rem;
  --toggle-indicator-height: 1rem;
  --toggle-font-size: var(--type-tiny-font-size);
  --toggle-line-height: var(--type-tiny-line-height);
  --toggle-circle-size: 0.5rem;
  --toggle-indicator-label-spacing: 4px;
}

.toggle--large {
  --toggle-indicator-width: 3.5rem;
  --toggle-indicator-height: 2rem;
  --toggle-font-size: var(--type-font-size);
  --toggle-line-height: var(--type-line-height);
  --toggle-spinner-size: 1.375rem;
  --toggle-indicator-label-spacing: 12px;
  --toggle-circle-size: 1.375rem;
  --toggle-circle-spacing: 5px;
  --toggle-text-inside-font-size: var(--type-tiny-font-size);
  --toggle-text-inside-line-height: var(--type-tiny-line-height);
}

.toggle__label {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.toggle__inner {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: var(--toggle-indicator-padding);
  min-height: var(--toggle-indicator-height);
  cursor: pointer;
}
.toggle--with-label-left .toggle__inner {
  padding-left: 0;
  padding-right: var(--toggle-indicator-padding);
}
.toggle--with-label-inside .toggle__inner {
  white-space: nowrap;
  min-height: var(--toggle-indicator-height);
  padding: 0;
}
.toggle__input:disabled ~ .toggle__inner {
  cursor: default;
  pointer-events: none;
}
.toggle__input:focus-visible ~ .toggle__inner {
  outline: 2px solid var(--color-focus-outline, #0094ff);
  outline-offset: 2px;
  border-radius: 99em;
}

.toggle__indicator {
  transition: background-color var(--animation-duration-medium) var(--animation-easing-medium), border-color var(--animation-duration-medium) var(--animation-easing-medium);
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: var(--toggle-indicator-width);
  height: var(--toggle-indicator-height);
  border-radius: 99em;
  border: 1px solid var(--toggle-indicator-border-color);
  background-color: var(--toggle-indicator-bg);
  transform: translateY(-50%);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.toggle--with-label-left .toggle__indicator {
  right: 0;
  left: auto;
}
.toggle__indicator::after {
  transition: all var(--animation-duration-medium) var(--animation-easing-medium);
  content: "";
  position: absolute;
  display: block;
  width: var(--toggle-circle-size);
  height: var(--toggle-circle-size);
  top: 50%;
  left: var(--toggle-circle-spacing);
  transform: translate(0, -50%);
  border-radius: 99em;
  background: var(--toggle-circle-color);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
}
.toggle__inner:hover .toggle__indicator {
  transition: background-color var(--animation-duration-short) var(--animation-easing-short), border-color var(--animation-duration-short) var(--animation-easing-short);
  border-color: var(--toggle-hover-border-color);
  background: var(--toggle-hover-bg);
}
.toggle__inner:hover .toggle__indicator::after {
  background: var(--toggle-circle-hover-color);
}
.toggle--with-label-inside .toggle__indicator {
  width: auto;
  height: var(--toggle-indicator-height);
  position: static;
  transform: none;
}
.toggle__input:disabled ~ .toggle__inner .toggle__indicator {
  border-color: var(--toggle-disabled-border-color);
}
.toggle__input:disabled ~ .toggle__inner .toggle__indicator::after {
  box-shadow: 0 0 0 0 var(--color-neutral-border-subtlest);
  background-color: var(--toggle-disabled-circle-color);
}
.toggle__input:disabled:checked ~ .toggle__inner .toggle__indicator {
  background-color: var(--toggle-disabled-bg);
}
.toggle__input:disabled:checked ~ .toggle__inner .toggle__indicator::after {
  background-color: var(--toggle-disabled-checked-circle-color);
}
.toggle__input:checked:not(:disabled) ~ .toggle__inner .toggle__indicator {
  border-color: var(--toggle-checked-border-color);
  background: var(--toggle-checked-bg);
}
.toggle__input:checked:not(:disabled) ~ .toggle__inner .toggle__indicator::after {
  background: var(--toggle-checked-circle-color);
}
.toggle__input:checked:not(:disabled) ~ .toggle__inner:hover .toggle__indicator {
  background: var(--toggle-checked-hover-bg);
}
.toggle__input:checked ~ .toggle__inner .toggle__indicator::after {
  left: calc(100% - var(--toggle-circle-spacing) - var(--toggle-circle-size));
}
.toggle--with-label-inside .toggle__input:checked ~ .toggle__inner .toggle__indicator::after {
  left: calc(100% - var(--toggle-circle-spacing) - var(--toggle-circle-size));
}

.toggle__label-wrapper {
  display: inline-block;
  position: relative;
}

.toggle__text {
  transition: color var(--animation-duration-medium) var(--animation-easing-medium);
  display: inherit;
  text-align: left;
  font-size: var(--toggle-font-size);
  line-height: var(--toggle-line-height);
  font-weight: 400;
  color: var(--toggle-label-color);
}
.toggle--small .toggle__text {
  font-weight: inherit;
}
.toggle--with-label-left .toggle__text {
  text-align: right;
}
.toggle--with-label-inside .toggle__text {
  display: block;
  font-size: var(--toggle-text-inside-font-size);
  line-height: var(--toggle-text-inside-line-height);
  font-weight: 700;
  padding-top: calc((var(--toggle-indicator-height) - var(--toggle-text-inside-line-height) * var(--toggle-text-inside-font-size)) / 2);
  padding-bottom: calc((var(--toggle-indicator-height) - var(--toggle-text-inside-line-height) * var(--toggle-text-inside-font-size)) / 2);
  text-align: center;
}
.toggle--with-label-inside .toggle__text:not(.toggle__text--loading) {
  color: var(--color-neutral-text-subtle);
}
.toggle__inner:hover .toggle__text {
  transition: color var(--animation-duration-short) var(--animation-easing-short);
  color: var(--toggle-label-hover-color);
}
.toggle__input:disabled ~ .toggle__inner .toggle__text {
  color: var(--toggle-disabled-text-color);
}
.toggle--with-label-inside .toggle__input:checked ~ .toggle__inner .toggle__text:not(.toggle__text--loading) {
  color: var(--toggle-checked-circle-color);
}
.toggle--with-label-inside .toggle__input:disabled:checked ~ .toggle__inner .toggle__text:not(.toggle__text--loading) {
  color: var(--toggle-disabled-text-color);
}
.toggle--loading .toggle__text:not(.toggle__text--loading) {
  visibility: hidden;
}

.toggle__indicator .toggle__text--off {
  padding-left: calc(var(--toggle-circle-size) + var(--toggle-circle-spacing) + 10px);
  padding-right: 15px;
}
.toggle--with-on-label .toggle__input:checked ~ .toggle__inner .toggle__text--off, .toggle--with-label-inside .toggle__input:checked ~ .toggle__inner .toggle__text--off {
  visibility: hidden;
}

.toggle__text--on {
  visibility: hidden;
  display: inherit;
  margin-top: calc(var(--toggle-line-height) * var(--toggle-font-size) * -1);
}
.toggle__indicator .toggle__text--on {
  margin-top: calc(var(--toggle-indicator-height) * -1);
  padding-right: calc(var(--toggle-circle-size) + var(--toggle-circle-spacing) + 10px);
  padding-left: 15px;
}
.toggle__inner > .toggle__text--off + .toggle__text--on {
  display: block;
}
.toggle:not(.toggle--loading) .toggle__input:checked ~ .toggle__inner .toggle__text--on {
  visibility: visible;
}

.toggle__input {
  /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.toggle__text--loading {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: var(--toggle-spinner-size);
  line-height: var(--toggle-spinner-size);
}
.toggle__indicator .toggle__text--loading {
  padding-left: calc(var(--toggle-circle-size) + var(--toggle-circle-spacing) + 10px);
  padding-right: 15px;
  padding-top: 0;
  padding-bottom: 0;
}
.toggle__input:checked ~ .toggle__inner .toggle__indicator .toggle__text--loading {
  padding-right: calc(var(--toggle-circle-size) + var(--toggle-circle-spacing) + 10px);
  padding-left: 15px;
}

.toggle__text--loading .spinner__circle {
  width: var(--toggle-spinner-size);
  height: var(--toggle-spinner-size);
}
.toggle__text--loading .spinner__circle .spinner__path {
  stroke: var(--toggle-spinner-color);
}

.image-zoom {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

.image-zoom__button {
  position: absolute !important;
  left: 15px;
  bottom: 15px;
}

.product-comparison-bar-anchor {
  display: block;
}

@media (max-width: 62.499rem) {
  .product-comparison-bar__slot:not(.product-comparison-bar__buttons) {
    max-width: 25%;
  }
}
@media (min-width: 62.5rem) {
  .product-comparison-bar__slot {
    max-width: 20%;
  }
}

.product-comparison-bar__buttons {
  align-items: center;
}

@media (max-width: 62.499rem) {
  .product-comparison-bar__product-name {
    /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}

@media (max-width: 62.499rem) {
  .product-comparison-bar__close-button {
    top: -22px;
    left: -28px;
  }
}

@media (max-width: 62.499rem) {
  .product-comparison-bar__product-image-container {
    display: inline-flex;
    position: relative;
    min-height: 48px;
  }
}

@media (max-width: 62.499rem) {
  .grid__col.product-comparison-bar__product-image-wrapper {
    margin-bottom: -5px;
  }
}

@media (max-width: 62.499rem) {
  .grid.product-comparison-bar__content-wrapper {
    margin: 10px -48px -11px 0;
  }
}

.toast {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid;
  font-size: var(--type-font-size);
  line-height: var(--type-line-height);
  color: var(--color-neutral-text);
  transition-property: opacity, transform;
  transition-timing-function: var(--animation-easing-medium);
}
.toast.is-enter-active, .toast.is-exit-active {
  transition-duration: var(--animation-duration-medium);
}
.toast.is-enter {
  transform: translateX(calc(100% + 16px + var(--floating-ui-scrollbar-width, 0px)));
}
.toast.is-enter-active, .toast.is-exit {
  transform: translateX(0);
  opacity: 1;
}
.toast.is-exit-active, .toast.is-exit-done {
  opacity: 0;
}

.toast--info {
  background: var(--color-info-bg-subtle);
  border-color: var(--color-info-border);
}

.toast--success {
  background: var(--color-success-bg-subtle);
  border-color: var(--color-success-border);
}

.toast--error {
  background: var(--color-error-bg-subtle);
  border-color: var(--color-error-border);
}

.toast--attention {
  background: var(--color-attention-bg-subtle);
  border-color: var(--color-attention-border);
}

.toast__icon {
  flex-shrink: 0;
  font-size: 1.5rem;
}
.toast--info .toast__icon {
  color: var(--color-info-graphic);
}
.toast--error .toast__icon {
  color: var(--color-error-graphic);
}
.toast--success .toast__icon {
  color: var(--color-success-graphic);
}
.toast--attention .toast__icon {
  color: var(--color-attention-graphic);
}

.toast__content {
  flex-grow: 1;
}

.toast__close-button-wrapper {
  position: relative;
  margin: -8px -8px -8px 0;
}

.toast__close-button {
  display: block;
}

.toast__close-button-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  transform-origin: center center;
  width: 100%;
  pointer-events: none;
}

.toast__close-button-circle-shadow {
  stroke-dasharray: 100, 100;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-width: 2px;
  stroke: var(--color-neutral-border-subtlest);
}

.toast__close-button-circle-path {
  stroke-dasharray: 0, 100;
  stroke-dashoffset: 0;
  animation: toast-close-button-timeout 10s linear 1 forwards;
  stroke-linecap: round;
  stroke-width: 2px;
  transform: rotate(-90deg);
  transform-origin: center center;
}
.toast--info .toast__close-button-circle-path {
  stroke: var(--color-info-graphic);
}
.toast--error .toast__close-button-circle-path {
  stroke: var(--color-error-graphic);
}
.toast--success .toast__close-button-circle-path {
  stroke: var(--color-success-graphic);
}
.toast--attention .toast__close-button-circle-path {
  stroke: var(--color-attention-graphic);
}

@keyframes toast-close-button-timeout {
  0% {
    stroke-dasharray: 0, 100;
  }
  100% {
    stroke-dasharray: 100, 100;
  }
}
.toast-provider {
  position: fixed;
  bottom: 16px;
  right: calc(16px + var(--floating-ui-scrollbar-width, 0px));
  z-index: 1000;
  width: calc(100% - 16px - 16px - var(--floating-ui-scrollbar-width, 0px));
  max-width: 18.75rem;
}

small,
.text-small {
  font-size: var(--type-small-font-size);
  line-height: var(--type-small-line-height);
}
@media (min-width: 80.5rem) {
  small,
  .text-small {
    font-size: var(--type-small-font-size);
    line-height: var(--type-small-line-height);
  }
}

strong,
.text-bold {
  font-weight: 700;
}

em,
.text-italic {
  font-style: italic;
}

.text-weight-normal, .text-normal {
  font-weight: 400 !important;
}

.text-size-normal, .text-normal {
  font-size: var(--type-font-size) !important;
  line-height: var(--type-line-height) !important;
}
@media (min-width: 80.5rem) {
  .text-size-normal, .text-normal {
    font-size: var(--type-font-size-xl, var(--type-font-size)) !important;
    line-height: var(--line-height-xl, var(--type-line-height)) !important;
  }
}

.text-color-normal, .text-normal {
  color: var(--color-neutral-text) !important;
}

.text-white-space-normal {
  white-space: normal !important;
}

.text-expressive {
  color: var(--color-brand-expressive-text);
}

.text-attention {
  color: var(--color-attention-text);
}

.text-error {
  color: var(--color-error-text);
}

.text-info {
  color: var(--color-info-text);
}

.text-employee {
  color: var(--color-employee-text);
}

.text-tiny {
  color: var(--color-neutral-text-subtle);
  font-size: var(--type-tiny-font-size);
  line-height: var(--type-tiny-line-height);
}
@media (min-width: 80.5rem) {
  .text-tiny {
    font-size: var(--type-tiny-font-size);
    line-height: var(--type-tiny-line-height);
  }
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-primary {
  color: var(--color-neutral-text);
}

.text-beige {
  color: var(--color-brand-secondary-text);
}

.text-campaign {
  color: var(--color-campaign-2-text);
}

.text-success {
  color: var(--color-success-text);
}

.text-light {
  color: var(--color-neutral-text-subtle);
}

.text-break {
  word-break: normal;
  overflow-wrap: anywhere;
  -webkit-hyphens: auto;
          hyphens: auto;
}

.text-inactive {
  color: var(--color-neutral-text-subtle);
}

/**
 * Text helpers
 */
.text-center {
  text-align: center;
}

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

.text-right {
  text-align: right;
}

@media (min-width: 37.5rem) {
  .text-center-sm {
    text-align: center;
  }
  .text-left-sm {
    text-align: left;
  }
  .text-right-sm {
    text-align: right;
  }
}
@media (min-width: 50rem) {
  .text-center-md {
    text-align: center;
  }
  .text-left-md {
    text-align: left;
  }
  .text-right-md {
    text-align: right;
  }
}
@media (min-width: 62.5rem) {
  .text-center-lg {
    text-align: center;
  }
  .text-left-lg {
    text-align: left;
  }
  .text-right-lg {
    text-align: right;
  }
}
@media (min-width: 80.5rem) {
  .text-center-xl {
    text-align: center;
  }
  .text-left-xl {
    text-align: left;
  }
  .text-right-xl {
    text-align: right;
  }
}
.c-attention-text {
  color: var(--color-attention-text);
}

.c-attention-text-onbg-strong {
  color: var(--color-attention-text-onbg-strong);
}

.c-disabled-text {
  color: var(--color-disabled-text);
}

.c-employee-text {
  color: var(--color-employee-text);
}

.c-employee-text-onbg-strong {
  color: var(--color-employee-text-onbg-strong);
}

.c-error-text {
  color: var(--color-error-text);
}

.c-error-text-onbg-strong {
  color: var(--color-error-text-onbg-strong);
}

.c-info-text {
  color: var(--color-info-text);
}

.c-info-text-onbg-strong {
  color: var(--color-info-text-onbg-strong);
}

.c-neutral-text {
  color: var(--color-neutral-text);
}

.c-neutral-text-subtle {
  color: var(--color-neutral-text-subtle);
}

.c-neutral-text-onbg-strong {
  color: var(--color-neutral-text-onbg-strong);
}

.c-success-text {
  color: var(--color-success-text);
}

.c-success-text-onbg-strong {
  color: var(--color-success-text-onbg-strong);
}

.c-brand-primary-text {
  color: var(--color-brand-primary-text);
}

.c-brand-primary-text-subtle {
  color: var(--color-brand-primary-text-subtle);
}

.c-brand-primary-text-onbg-strong {
  color: var(--color-brand-primary-text-onbg-strong);
}

.c-brand-expressive-text {
  color: var(--color-brand-expressive-text);
}

.c-brand-expressive-text-onbg-strong {
  color: var(--color-brand-expressive-text-onbg-strong);
}

.c-brand-secondary-text {
  color: var(--color-brand-secondary-text);
}

.c-campaign-1-text {
  color: var(--color-campaign-1-text);
}

.c-campaign-2-text {
  color: var(--color-campaign-2-text);
}

.c-campaign-3-text {
  color: var(--color-campaign-3-text);
}

.c-campaign-4-text {
  color: var(--color-campaign-4-text);
}

.bg-attention-bg-subtle {
  background-color: var(--color-attention-bg-subtle);
}

.bg-attention-bg-strong {
  background-color: var(--color-attention-bg-strong);
}

.bg-disabled-bg {
  background-color: var(--color-disabled-bg);
}

.bg-employee-bg-subtlest {
  background-color: var(--color-employee-bg-subtlest);
}

.bg-employee-bg-subtle {
  background-color: var(--color-employee-bg-subtle);
}

.bg-employee-bg-strong {
  background-color: var(--color-employee-bg-strong);
}

.bg-error-bg-strong {
  background-color: var(--color-error-bg-strong);
}

.bg-error-bg-subtle {
  background-color: var(--color-error-bg-subtle);
}

.bg-info-bg-subtle {
  background-color: var(--color-info-bg-subtle);
}

.bg-info-bg-strong {
  background-color: var(--color-info-bg-strong);
}

.bg-neutral-bg-subtlest {
  background-color: var(--color-neutral-bg-subtlest);
}

.bg-neutral-bg-subtle {
  background-color: var(--color-neutral-bg-subtle);
}

.bg-neutral-bg-strong {
  background-color: var(--color-neutral-bg-strong);
}

.bg-neutral-bg-level-1 {
  background-color: var(--color-neutral-bg-level-1);
}

.bg-neutral-bg-level-2 {
  background-color: var(--color-neutral-bg-level-2);
}

.bg-neutral-bg-level-3 {
  background-color: var(--color-neutral-bg-level-3);
}

.bg-neutral-bg-level-4 {
  background-color: var(--color-neutral-bg-level-4);
}

.bg-neutral-bg-lighten {
  background-color: var(--color-neutral-bg-lighten);
}

.bg-success-bg-subtle {
  background-color: var(--color-success-bg-subtle);
}

.bg-success-bg-strong {
  background-color: var(--color-success-bg-strong);
}

.bg-brand-primary-bg-subtle {
  background-color: var(--color-brand-primary-bg-subtle);
}

.bg-brand-primary-bg-strong {
  background-color: var(--color-brand-primary-bg-strong);
}

.bg-brand-expressive-bg-subtle {
  background-color: var(--color-brand-expressive-bg-subtle);
}

.bg-brand-expressive-bg-strong {
  background-color: var(--color-brand-expressive-bg-strong);
}

.bg-brand-secondary-bg-subtlest {
  background-color: var(--color-brand-secondary-bg-subtlest);
}

.bg-brand-secondary-bg-subtle {
  background-color: var(--color-brand-secondary-bg-subtle);
}

.bg-campaign-1-bg {
  background-color: var(--color-campaign-1-bg);
}

.bg-campaign-2-bg {
  background-color: var(--color-campaign-2-bg);
}

.bg-campaign-3-bg {
  background-color: var(--color-campaign-3-bg);
}

.bg-campaign-4-bg {
  background-color: var(--color-campaign-4-bg);
}
.main__inner {
  min-height: unset;
}

/*# sourceMappingURL=app.64f695092ad9b9321d1f.css.map*/