/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@adyen/adyen-web/dist/es/adyen.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.js-iframe{border:none;color-scheme:auto;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{display:none}.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__holderName{margin-bottom:0}.adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress,.adyen-checkout__card__holderName,.adyen-checkout__card__kcp-authentication,.adyen-checkout__card__socialSecurityNumber,.adyen-checkout__installments{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-brand-wrapper,.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;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));position:absolute;transition:opacity .1s linear}.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__card-input .adyen-checkout__fieldset--dual-brand-switcher{margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__card-input .adyen-checkout__fieldset--dual-brand-switcher .adyen-checkout__fieldset__title{padding-bottom:0}.adyen-checkout__card-input .adyen-checkout__fieldset--dual-brand-switcher .adyen-checkout-form-instruction{margin:0}
.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__image{display:block;opacity:0;transition:opacity .6s ease-out}.adyen-checkout__image--loaded{opacity:1}
.adyen-checkout__field{display:block;margin-bottom:var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout__field-static-value{background-color:var(--adyen-sdk-color-background-primary-hover,#f7f7f8);border-radius:var(--adyen-sdk-border-radius-s,4px);color:var(--adyen-sdk-color-background-inverse-primary,#00112c);display:flex;font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);height:28px;line-height:var(--adyen-sdk-text-body-line-height,20px);margin-left:var(--adyen-sdk-spacer-020,4px);padding:var(--adyen-sdk-spacer-020,4px) var(--adyen-sdk-spacer-030,6px)}.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}@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__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,#c72727)}.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,#c72727)}.adyen-checkout-contextual-text--hidden{height:0;margin:0;opacity:0}
.adyen-checkout__field__cvc .adyen-checkout__input-wrapper{cursor:text}
.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__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%}.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: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--invalid{color:var(--adyen-sdk-color-label-critical,#c72727)}.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__fieldset__fields{display:flex;flex-wrap:wrap;gap:var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout__fieldset__fields>.adyen-checkout__field{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__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__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__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;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='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'%3E%3Cpath fill='%2300112c' fill-rule='evenodd' d='M4.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' clip-rule='evenodd'/%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='http://www.w3.org/2000/svg' width='8' height='7' fill='none' viewBox='0 0 8 7'%3E%3Cpath fill='%23b9c4c9' d='M3.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'/%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__text-placeholder{color:var(--adyen-sdk-color-label-secondary,#5c687c)}.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);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;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);border-radius:var(--adyen-sdk-border-radius-m,8px);box-shadow:inset 0 0 0 var(--adyen-sdk-border-width-s,1px) var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__dropdown__element:hover{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--revolving-plan .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none}.adyen-checkout__installments--revolving-plan .adyen-checkout__input-wrapper:active,.adyen-checkout__installments--revolving-plan .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__installments--revolving-plan .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__installments--revolving-plan .adyen-checkout__input-wrapper:focus-within:hover{box-shadow:none}.adyen-checkout__installments--revolving-plan .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-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)}
.adyen-checkout-brand-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;justify-content:center;overflow:hidden;position:relative}.adyen-checkout-brand-wrapper--error{display:none}
.adyen-checkout__field--cardNumber .adyen-checkout__input-wrapper{cursor:text}.adyen-checkout__field--cardNumber .adyen-checkout-brand-wrapper{border-radius:var(--adyen-sdk-border-radius-s,4px);margin-right:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__field--cardNumber .adyen-checkout-card-input__icon{margin-right:0}.adyen-checkout__card__dual-branding__icons{display:flex}.adyen-checkout__card__dual-branding__icons .adyen-checkout__card__cardNumber__brandIcon{opacity:1}
.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}.adyen-checkout__field__exp-date .adyen-checkout__input-wrapper{cursor:text}.adyen-checkout__input-wrapper .adyen-checkout__field__exp-date_hint_wrapper{border-radius:var(--adyen-sdk-border-radius-s,4px);height:18px;margin-right:var(--adyen-sdk-spacer-060,12px);position:absolute;right:0;transition:opacity .1s linear;width:27px}.adyen-checkout__input-wrapper .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__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{height:var(--adyen-sdk-spacer-070,16px);margin:var(--adyen-sdk-spacer-020,4px) var(--adyen-sdk-spacer-010,2px);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:var(--adyen-sdk-spacer-070,16px);margin:var(--adyen-sdk-spacer-020,4px) var(--adyen-sdk-spacer-010,2px);padding:0;width:var(--adyen-sdk-spacer-090,24px)}
.adyen-checkout__card__exp-cvc{display:flex;flex-wrap:wrap;gap:var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout__card__exp-cvc>.adyen-checkout__field{margin-bottom:0}@media (min-width:480px){.adyen-checkout__card__exp-cvc .adyen-checkout__field{margin-bottom:0}}
.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;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__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);margin-top:var(--adyen-sdk-spacer-070,16px);padding:var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-070,16px)}
.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='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23687282' d='M6.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'/%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='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%2300112c' d='M6.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'/%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__fieldset--address .adyen-checkout__field-group{display:flex;flex-wrap:wrap;gap:var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout__fieldset--address .adyen-checkout__field-group>.adyen-checkout__field{margin-bottom:0}
.adyen-checkout__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__input-icon--hidden{display:none}.adyen-checkout__input-icon--no-radio-icon{margin-left:calc(var(--adyen-sdk-spacer-090, 24px)*-1)}
.adyen-checkout__radio_group__label--no-radio{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__input-icon--no-radio-icon{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))}.adyen-checkout__radio_group__label--no-radio:hover{border-color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer}.adyen-checkout__label--focused .adyen-checkout__radio_group__label--no-radio{color:inherit}.adyen-checkout__radio_group__label--no-radio.adyen-checkout__radio_group__label--no-radio--invalid{color:var(--adyen-sdk-color-outline-critical,#e22d2d)}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label--no-radio{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) var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-060,12px) 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:checked+.adyen-checkout__radio_group__label--no-radio{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__radio_group--button .adyen-checkout__radio_group__input+.adyen-checkout__radio_group__label--no-radio:hover{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--no-radio,.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label--no-radio{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__radio_group--button .adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label--no-radio{outline:var(--adyen-sdk-border-width-m,2px) solid var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__radio_group--button .adyen-checkout__radio_group-extended__label-wrapper{display:flex}.adyen-checkout__radio_group--button .adyen-checkout__radio_group-extended__label-wrapper .adyen-checkout__radio_group-extended__label{width:100%}.adyen-checkout__radio_group--button .adyen-checkout__radio_group-extended__label-wrapper .adyen-checkout-input__inline-validation{display:none;margin-right:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__radio_group--button .adyen-checkout__radio_group-extended__label-wrapper .adyen-checkout-input__inline-validation.adyen-checkout-input__inline-validation--valid{display:block;margin-left:var(--adyen-sdk-spacer-040,8px);margin-top:1px}@media (max-width:480px){.adyen-checkout__radio_group__input-wrapper.adyen-checkout__field--50{min-width:100%}}
.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-toggle{color:inherit;cursor:pointer;display:flex;width:auto}.adyen-checkout-toggle,.adyen-checkout-toggle *,.adyen-checkout-toggle :after,.adyen-checkout-toggle :before,.adyen-checkout-toggle:after,.adyen-checkout-toggle:before{box-sizing:border-box}.adyen-checkout-toggle--disabled{cursor:not-allowed;display:flex}.adyen-checkout-toggle--readonly{pointer-events:none}.adyen-checkout-toggle--label-first{align-items:flex-start;flex-direction:row-reverse;justify-content:flex-end}.adyen-checkout-toggle__input{cursor:inherit;opacity:0;position:absolute}.adyen-checkout-toggle__track{align-items:center;background-color:var(--adyen-sdk-toggle-track-background-color,#ffffff);border:var(--adyen-sdk-toggle-track-border,1px solid #8d95a3);border-radius:var(--adyen-sdk-toggle-track-border-radius,12px);display:flex;height:var(--adyen-sdk-toggle-track-height,20px);min-width:var(--adyen-sdk-toggle-track-width,36px);padding:var(--adyen-sdk-toggle-track-padding,2px 4px);position:relative}.adyen-checkout-toggle__input:focus-visible+.adyen-checkout-toggle__track{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)}.adyen-checkout-toggle__input:hover:enabled+.adyen-checkout-toggle__track{background-color:var(--adyen-sdk-toggle-track-hover-background-color,#f7f7f8);border-color:var(--adyen-sdk-toggle-track-hover-border-color,#6d7789)}.adyen-checkout-toggle__input:active:enabled+.adyen-checkout-toggle__track{background-color:var(--adyen-sdk-toggle-track-active-background-color,#eeeff1);border-color:var(--adyen-sdk-toggle-track-active-border-color,#00112c)}.adyen-checkout-toggle__input:disabled+.adyen-checkout-toggle__track{background-color:var(--adyen-sdk-toggle-track-disabled-background-color,#f7f7f8);border-color:var(--adyen-sdk-toggle-track-disabled-border-color,#dbdee2);cursor:not-allowed}.adyen-checkout-toggle__input:disabled+.adyen-checkout-toggle__track path{fill:#8d95a3}.adyen-checkout-toggle--readonly .adyen-checkout-toggle__input+.adyen-checkout-toggle__track{background-color:var(--adyen-sdk-toggle-track-readonly-background-color,#f7f7f8);border-color:var(--adyen-sdk-toggle-track-readonly-border-color,#dbdee2)}.adyen-checkout-toggle__input:checked+.adyen-checkout-toggle__track{background-color:var(--adyen-sdk-toggle-track-toggled-background-color,#00112c);border:var(--adyen-sdk-toggle-track-toggled-border,0);padding:var(--adyen-sdk-toggle-track-toggled-padding,2px)}.adyen-checkout-toggle__input:checked:hover:enabled+.adyen-checkout-toggle__track{background-color:var(--adyen-sdk-toggle-track-toggled-hover-background-color,#5c687c)}.adyen-checkout-toggle__input:checked:active:enabled+.adyen-checkout-toggle__track{background-color:var(--adyen-sdk-toggle-track-toggled-active-background-color,#8d95a3)}.adyen-checkout-toggle__input:checked:disabled+.adyen-checkout-toggle__track{background-color:var(--adyen-sdk-toggle-track-toggled-disabled-background-color,#c0c5cc)}.adyen-checkout-toggle--readonly .adyen-checkout-toggle__input:checked+.adyen-checkout-toggle__track{background-color:var(--adyen-sdk-toggle-track-toggled-readonly-background-color,#c0c5cc)}.adyen-checkout-toggle__handle{align-content:center;background-color:var(--adyen-sdk-toggle-handle-background-color,#00112c);border-radius:var(--adyen-sdk-toggle-handle-border-radius,12px);color:var(--adyen-sdk-toggle-handle-toggled-color,#00112c);display:inline-flex;height:var(--adyen-sdk-toggle-handle-height,12px);justify-content:center;transition:var(--adyen-sdk-toggle-handle-transition,transform .15s cubic-bezier(.2,0,.4,.9));width:var(--adyen-sdk-toggle-handle-width,12px)}.adyen-checkout-toggle__input:disabled+* .adyen-checkout-toggle__handle{background-color:var(--adyen-sdk-toggle-handle-disabled-background-color,#8d95a3);cursor:not-allowed}.adyen-checkout-toggle__input:checked+* .adyen-checkout-toggle__handle{background-color:var(--adyen-sdk-toggle-handle-toggled-background-color,#ffffff);height:var(--adyen-sdk-toggle-handle-toggled-height,16px);transform:translateX(100%);width:var(--adyen-sdk-toggle-handle-toggled-width,16px)}.adyen-checkout-toggle__input:checked:disabled+* .adyen-checkout-toggle__handle{background-color:var(--adyen-sdk-toggle-handle-toggled-disabled-background-color,#eeeff1);color:var(--adyen-sdk-toggle-handle-toggled-disabled-color,#8d95a3);cursor:not-allowed}.adyen-checkout-toggle--readonly .adyen-checkout-toggle__input:checked+* .adyen-checkout-toggle__handle{background-color:var(--adyen-sdk-toggle-handle-toggled-readonly-background-color,#eeeff1)}.adyen-checkout-toggle__label-container{display:flex;flex-direction:column;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);padding-left:var(--adyen-sdk-toggle-label-padding,16px)}.adyen-checkout-toggle--label-first>.adyen-checkout-toggle__label-container{padding-left:0;padding-right:var(--adyen-sdk-toggle-label-padding,16px)}.adyen-checkout-toggle__label{vertical-align:baseline}.adyen-checkout-toggle__description,.adyen-checkout-toggle__label{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)}.adyen-checkout-toggle__description{color:var(--adyen-sdk-toggle-description-color,#5c687c);padding-top:var(--adyen-sdk-toggle-description-padding,4px)}
.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}
.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-visible{box-shadow:0 0 0 var(--adyen-sdk-focus-ring-spacer,1px) var(--adyen-sdk-color-background-primary,#ffffff),0 0 0 var(--adyen-sdk-focus-ring-outline,3px) var(--adyen-sdk-focus-ring-color,rgba(0,112,245,.8));outline:0}.adyen-checkout__button:hover{background:var(--adyen-sdk-color-background-inverse-primary-hover,#5c687c)}.adyen-checkout__button:active{background:var(--adyen-sdk-color-background-always-dark-active,#8d95a3)}.adyen-checkout__button:disabled,.adyen-checkout__button:disabled:hover{box-shadow:none;cursor:not-allowed;opacity:.4;-webkit-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;user-select:none}.adyen-checkout__button.adyen-checkout__button--pay{align-items:center;display:flex;gap:var(--adyen-sdk-spacer-020,4px);justify-content:center;margin-top:var(--adyen-sdk-spacer-070,16px)}.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)}.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)}.adyen-checkout__button.adyen-checkout__button--secondary:hover:not(:focus-visible){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: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;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)}.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;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);clip-path:inset(50%);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__button.adyen-checkout__button--iconOnly{align-items:center;background:transparent;border-radius:var(--adyen-sdk-border-radius-m,8px);box-shadow:var(--adyen-sdk-button-tertiary-box-shadow,inset 0 0 0 1px rgba(0,0,0,0));color:var(--adyen-sdk-button-tertiary-color,#00112c);display:flex;height:auto;padding:var(--adyen-sdk-button-icon-only-padding,10px);width:auto}.adyen-checkout__button.adyen-checkout__button--iconOnly:hover{background-color:var(--adyen-sdk-color-background-secondary-hover,#eeeff1)}.adyen-checkout__button.adyen-checkout__button--iconOnly:active{background-color:var(--adyen-sdk-button-tertiary-active-background-color,rgba(0,0,0,0));color:var(--adyen-sdk-button-tertiary-active-color,#8d95a3)}.adyen-checkout__button.adyen-checkout__button--iconOnly:focus{box-shadow:none}.adyen-checkout__button.adyen-checkout__button--iconOnly:focus-visible{box-shadow:0 0 0 var(--adyen-sdk-focus-ring-spacer,1px) var(--adyen-sdk-color-background-primary,#ffffff),0 0 0 var(--adyen-sdk-focus-ring-outline,3px) var(--adyen-sdk-focus-ring-color,rgba(0,112,245,.8));outline:0}.adyen-checkout__button.adyen-checkout__button--iconOnly:disabled,.adyen-checkout__button.adyen-checkout__button--iconOnly:disabled:hover{box-shadow:none;cursor:not-allowed;opacity:.4;-webkit-user-select:all;user-select:all}.adyen-checkout__button.adyen-checkout__button--iconOnly .adyen-checkout__button__icon{margin:0}
.adyen-checkout-card-fastlane__modal{margin-bottom:var(--adyen-sdk-spacer-070,16px);max-width:372px}.adyen-checkout-card-fastlane__modal-section{-moz-column-gap:var(--adyen-sdk-spacer-070,16px);column-gap:var(--adyen-sdk-spacer-070,16px);display:grid;grid-template-areas:"image header" ". text";grid-template-columns:auto 1fr;grid-template-rows:auto;margin-bottom:var(--adyen-sdk-spacer-060,12px);place-items:start}.adyen-checkout-card-fastlane__modal-section-image{grid-area:image;place-self:center}.adyen-checkout-card-fastlane__modal-section-header{color:var(--adyen-sdk-color-background-inverse-primary,#00112c);font-size:var(--adyen-sdk-text-title-m-font-size,1.25rem);font-weight:var(--adyen-sdk-text-title-m-font-weight,600);grid-area:header;line-height:var(--adyen-sdk-text-title-m-line-height,30px);margin:0}.adyen-checkout-card-fastlane__modal-section-text{color:var(--adyen-sdk-color-background-inverse-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);grid-area:text;line-height:var(--adyen-sdk-text-body-line-height,20px)}.adyen-checkout-card-fastlane__modal-brand{height:23px;margin-top:var(--adyen-sdk-spacer-040,8px);width:168px}.adyen-checkout-card-fastlane__modal-button-container{display:flex;flex-direction:row-reverse;margin-bottom:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout-card-fastlane__modal-button-container>button{line-height:0}
.adyen-checkout-card__fastlane{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);margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-card__fastlane,[dir=rtl] .adyen-checkout-card__fastlane{padding:var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-card__fastlane-consent-toggle{display:flex}.adyen-checkout-card__fastlane-consent-text,.adyen-checkout-card__fastlane-consent-toggle--active{margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-card__fastlane-consent-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)}.adyen-checkout-card__fastlane-brand{height:23px;width:168px}.adyen-checkout__button.adyen-checkout__button--fastlane-info-modal{height:20px;line-height:0;margin-left:var(--adyen-sdk-spacer-020,4px);padding:0;vertical-align:bottom;width:20px}
.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,#5c687c);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);object-fit:none}.adyen_checkout-ctp__brand-scheme-mc{width:27px}.adyen_checkout-ctp__brand-scheme-visa{width:35px}
.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-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-title-font-weight,600);line-height:22px;margin:0;padding:0;width:auto}@media (min-width:480px){.adyen-checkout-ctp__section-header-title{font-size:var(--adyen-sdk-text-title-font-size,1rem)}}.adyen-checkout-ctp__section-header-adornment{margin-left:5px}.adyen-checkout-ctp__section-text{color:var(--adyen-sdk-color-label-tertiary,#5c687c);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);margin-top:var(--adyen-sdk-spacer-070,16px);padding:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout-ctp__card-list-single-card-expired{color:var(--adyen-sdk-color-label-tertiary,#5c687c);text-decoration:line-through}.adyen-checkout-ctp__expired-label{color:var(--adyen-sdk-color-label-tertiary,#5c687c);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)}
.adyen-checkout-ctp__cards-list-field .adyen-checkout__label{margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-ctp__cards-list-field .adyen-checkout__label__text{color:var(--adyen-sdk-color-label-tertiary,#5c687c);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)}.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,#5c687c);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,#5c687c);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,#5c687c);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);margin-top:var(--adyen-sdk-spacer-070,16px);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='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m895.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'/%3E%3Cpath stroke='%23fff' d='m895.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'/%3E%3Cpath fill='%23fff' fill-opacity='.9' fill-rule='evenodd' d='M418.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'/%3E%3Crect width='110' height='74' fill='url(%23a)' rx='10' transform='matrix(.96593 -.25882 .7925 .60987 199.717 245.906)'/%3E%3Cg stroke='%23000' stroke-opacity='.8' stroke-width='2'%3E%3Cpath d='m233.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'/%3E%3Crect width='112' height='76' x='-1.758' y='-.351' rx='11' style='mix-blend-mode:soft-light' transform='matrix(.96593 -.25882 .7925 .60987 199.935 245.314)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-12.604' x2='99.193' y1='0' y2='88.114' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.484' stop-color='%23b3b3b3'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='728' height='455' fill='url(%23b)' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3Cg fill='%23033783'%3E%3Cpath fill-opacity='.2' d='M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49z'/%3E%3Cpath fill-opacity='.4' d='M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81z'/%3E%3C/g%3E%3Cpath fill='%23003780' d='M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='72.545' x2='249.224' y1='26.435' y2='498.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233382ea'/%3E%3Cstop offset='1' stop-color='%23003ea9'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Crect width='728' height='455' fill='%23fff' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%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='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='728' height='455' fill='url(%23b)' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3Cg fill='%23033783'%3E%3Cpath fill-opacity='.2' d='M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49z'/%3E%3Cpath fill-opacity='.4' d='M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81z'/%3E%3C/g%3E%3Cpath fill='%23003780' d='M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='72.545' x2='249.224' y1='26.435' y2='498.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233382ea'/%3E%3Cstop offset='1' stop-color='%23003ea9'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Crect width='728' height='455' fill='%23fff' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%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)}
[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,#c72727);font-size:var(--adyen-sdk-text-title-font-size,1rem);margin-bottom:var(--adyen-sdk-spacer-130,56px);text-align:center}
.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__details-table{list-style:none;margin:-1px auto 0;padding:0}.adyen-checkout__details-table__item{align-items:center;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{font-weight:var(--adyen-sdk-text-body-font-weight,400);text-align:left}.adyen-checkout__details-table__label,.adyen-checkout__details-table__value{font-size:var(--adyen-sdk-text-body-font-size,.875rem);line-height:var(--adyen-sdk-text-body-line-height,20px);max-width:50%}.adyen-checkout__details-table__value{align-items:center;display:flex;font-weight:var(--adyen-sdk-text-body-strongest-font-weight,600);gap:var(--adyen-sdk-spacer-070,16px);text-align:right}
.adyen-checkout-tooltip{background:var(--adyen-sdk-tooltip-background-color,#00112c);border-radius:var(--adyen-sdk-tooltip-border-radius,4px);color:var(--adyen-sdk-tooltip-color,#ffffff);display:inline-block;font-size:var(--adyen-sdk-text-body-font-size,.875rem);padding:var(--adyen-sdk-tooltip-padding,4px 8px);pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:var(--adyen-sdk-tooltip-z-index,5)}.adyen-checkout-tooltip--hidden{height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;clip:rect(0 0 0 0);border:0;clip-path:inset(50%);white-space:nowrap}.adyen-checkout-tooltip-arrow{border-style:solid;height:0;position:absolute;width:0}.adyen-checkout-tooltip-arrow.adyen-checkout-tooltip-arrow--top{border-color:var(--adyen-sdk-tooltip-background-color,#00112c) transparent transparent;border-width:6px 6px 0;bottom:-4px;left:50%;transform:translateX(-50%)}.adyen-checkout-tooltip-arrow.adyen-checkout-tooltip-arrow--bottom{border-color:transparent transparent var(--adyen-sdk-tooltip-background-color,#00112c);border-width:0 6px 6px;left:50%;top:-4px;transform:translateX(-50%)}
.adyen-checkout__button--iconOnly__icon{fill:currentcolor;transition:fill .3s ease}
.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__bottom .adyen-checkout__details-table,.adyen-checkout__voucher-result__top .adyen-checkout__details-table{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);border-radius:var(--adyen-sdk-border-radius-m,8px);margin:0 var(--adyen-sdk-spacer-090,24px) var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__voucher-result__bottom .adyen-checkout__details-table__item:first-child,.adyen-checkout__voucher-result__top .adyen-checkout__details-table__item:first-child{border-top:none}.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;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;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;user-select:all;width:100%;word-break:break-word}.adyen-checkout__voucher-result__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--adyen-sdk-spacer-040,8px);justify-content:center;list-style:none;margin:0 auto var(--adyen-sdk-spacer-100,32px);max-width:300px;min-width:200px;padding:0 var(--adyen-sdk-spacer-090,24px);width:100%}.adyen-checkout__voucher-result__actions__item{flex:1 1 0;min-width:100px}.adyen-checkout__voucher-result__actions__item .adyen-checkout__button--inline{width:100%}
.adyen-checkout__voucher-result__introduction{font-size:var(--adyen-sdk-text-title-font-size,1rem);max-width:420px}
.adyen-checkout__alert-message{align-items:center;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;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:0 0 var(--adyen-sdk-spacer-070,16px);padding:var(--adyen-sdk-spacer-070,16px);text-align:left}.adyen-checkout__alert-message--error{background:var(--adyen-sdk-alert-critical-background-color,#fef4f4)}.adyen-checkout__alert-message--warning{background:var(--adyen-sdk-alert-warning-background-color,#fff5e9)}.adyen-checkout__alert-message--info{background:var(--adyen-sdk-alert-highlight-background-color,#f2f8ff)}.adyen-checkout__alert-message--success{background:var(--adyen-sdk-alert-success-background-color,#edfaf3)}.adyen-checkout__alert-message__icon{height:14px;margin-right:var(--adyen-sdk-spacer-040,8px);width:14px}
.adyen-checkout__fieldset+.adyen-checkout__eftpad-canada-info{margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout_eftpad-canada-store-details{margin:var(--adyen-sdk-spacer-070,16px) 0}

.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}
apple-pay-button{--apple-pay-button-width:100%;--apple-pay-button-height:48px;--apple-pay-button-border-radius:4px}
.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-fastlane__card-brand--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;margin-right:var(--adyen-sdk-spacer-060,12px);overflow:hidden;position:relative;width:var(--adyen-sdk-spacer-110,40px)}.adyen-checkout-fastlane__card-section{align-items:center;display:flex}.adyen-checkout-fastlane__card-number{font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);line-height:var(--adyen-sdk-text-body-line-height,20px)}.adyen-checkout-fastlane__brand{display:flex;justify-content:center;margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-fastlane__brand img{width:95px}
.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__field--issuer-list .adyen-checkout__dropdown{position:static}.adyen-checkout__field--issuer-list .adyen-checkout__dropdown__button{position:relative}
.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:16px}.adyen-checkout__qr-loader--result{gap:var(--adyen-sdk-spacer-090,24px);padding:100px}.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-secondary,#5c687c);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);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,#5c687c);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);line-height:1.5;margin-top:var(--adyen-sdk-spacer-090,24px);max-width:300px;text-align:center}.adyen-checkout__qr-loader__actions{align-items:center;display:flex;justify-content:center;margin-top:var(--adyen-sdk-spacer-100,32px);max-width:400px;width:100%}@media (max-width:1024px){.adyen-checkout__qr-loader__app-link{display:block;min-width:220px}}
.adyen-checkout__segmented-control{background:var(--adyen-sdk-color-background-tertiary,#eeeff1);border-radius:var(--adyen-sdk-border-radius-l,12px);display:grid;gap:var(--adyen-sdk-spacer-020,4px);grid-template-columns:repeat(auto-fit,minmax(var(--adyen-sdk-spacer-140,64px),1fr));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-segment{background:transparent;border:0;border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);padding:var(--adyen-sdk-spacer-040,8px) var(--adyen-sdk-spacer-060,12px);text-align:center;transition:background .3s ease-out}.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)}
.IrisGenerateQRCode-module_instruction__uDTb-{color:var(--adyen-sdk-color-label-secondary,#5c687c);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)}
.IrisComponent-module_bankList__fehP-{padding-top:var(--adyen-sdk-spacer-070,16px)}
.adyen-checkout-timeline-wrapper{background-color:var(--adyen-sdk-color-background-secondary,#f7f7f8);border-radius:var(--adyen-sdk-border-radius-m,8px);max-width:300px;padding:var(--adyen-sdk-spacer-070,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__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__voucher-result--paybybank_pix{background-color:var(--adyen-sdk-color-background-primary,#ffffff);margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__voucher-result--paybybank_pix .adyen-checkout__voucher-result__top{border:none;margin:var(--adyen-sdk-spacer-070,16px) var(--adyen-sdk-spacer-000,0);padding:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__voucher-result--paybybank_pix .adyen-checkout__voucher-result__bottom{border:none}.adyen-checkout__voucher-result--paybybank_pix .adyen-checkout__voucher-result__image{margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__voucher-result--paybybank_pix .adyen-checkout__voucher-result__image__wrapper{width:8em}.adyen-checkout__voucher-result--paybybank_pix .adyen-checkout__voucher-result__image__wrapper>img{width:100%}.adyen-checkout__voucher-result--paybybank_pix .adyen-checkout__voucher-result__amount{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-title-l-line-height,34px);margin-top:var(--adyen-sdk-spacer-000,0)}.adyen-checkout-await-logo-open-finance{height:auto;width:8em}
.adyen-checkout-await-logo-container{align-items:center;background:var(--adyen-sdk-color-background-secondary,#f7f7f8);border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px);padding:var(--adyen-sdk-spacer-070,16px) var(--adyen-sdk-spacer-090,24px);width:-moz-fit-content;width:fit-content}.adyen-checkout-await-logo-container:has(>:only-child){background:none}
.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__await__brand-logo{border-radius:3px;width:74px}.adyen-checkout__await__instructions{display:flex;justify-content:center}.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-label-secondary,#5c687c);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:block;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 (min-width:1280px){.adyen-checkout__await__app-link{display:none}}
.adyen-checkout-pay-by-bank-pix-await{align-items:center;display:flex;flex-direction:column}.adyen-checkout-pay-by-bank-pix-await .adyen-checkout__await__countdown-holder,.adyen-checkout-pay-by-bank-pix-await .adyen-checkout__await__subtitle{display:none}.adyen-checkout-pay-by-bank-pix-await .adyen-checkout__await,.adyen-checkout-pay-by-bank-pix-await .adyen-checkout__await--paybybank_pix{border:none;padding:0}.adyen-checkout-pay-by-bank-pix-await .adyen-checkout__await__indicator-holder{margin-top:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout-pay-by-bank-pix-await .adyen-checkout__await__countdown{color:var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout-pay-by-bank-pix-await .adyen-checkout__await__end-slot{color:var(--adyen-sdk-color-label-tertiary,#5c687c);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-top:var(--adyen-sdk-spacer-090,24px)}
.adyen-checkout-issuer-list-introduction-logo-container{border-radius:var(--adyen-sdk-border-radius-m,8px);padding:var(--adyen-sdk-spacer-070,16px) var(--adyen-sdk-spacer-070,16px) 0;text-align:center}.adyen-checkout-issuer-list-introduction-logo-container__title{font-size:var(--adyen-sdk-text-caption-font-size,.75rem);font-weight:var(--adyen-sdk-text-caption-font-weight,400);font-weight:var(--adyen-sdk-text-caption-stronger-font-weight,500);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:0}.adyen-checkout-issuer-list-introduction-logo-container__logo{height:auto;width:8em}
.adyen-checkout-pix-enrollment-issuer-list{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-pix-enrollment-issuer-list .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:var(--adyen-sdk-text-caption-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:0}.adyen-checkout-await-logo-open-finance{height:auto;width:8em}.adyen-checkout-await-logo-arrow-down{height:auto;width:1em}.adyen-checkout-await-logo-bank{height:auto;width:3em}
.adyen-checkout__klarna-widget{pointer-events:all}
.adyen-checkout__qr-loader--pix{padding-bottom:var(--adyen-sdk-spacer-110,40px)}.adyen-checkout__qr-loader--pix__qr_details{align-items:center;display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px);max-width:318px;width:100%}.adyen-checkout__qr-loader--pix__qr_details__timer{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__qr-loader--pix__qr_details__code{font-size:var(--adyen-sdk-text-body-font-size,.875rem);text-align:center}
.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-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__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-top:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__segmented-control--upi-margin-bottom,.adyen-checkout_upi-mode-selection-text{margin-bottom:var(--adyen-sdk-spacer-070,16px)}#upi-area-vpa .adyen-checkout__alert-message--info,.adyen-checkout-upi-area-intent .adyen-checkout__alert-message--info,.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,.adyen-checkout-upi-instruction-label{margin-top:var(--adyen-sdk-spacer-000,0)}.adyen-checkout-upi-instruction-label{color:var(--adyen-sdk-color-label-secondary,#5c687c);display:flex;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-070,16px)}
.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__header__title--standalone{cursor:default}.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{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);cursor:pointer;display:flex;gap:var(--adyen-sdk-spacer-070,16px);justify-content:space-between;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;font-size:var(--adyen-sdk-text-body-font-size,.875rem)}.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{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c);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-item__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-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;user-select:none}
.adyen-checkout__payto-component .adyen-checkout__fieldset,.adyen-checkout__payto-component .adyen-checkout__fieldset .adyen-checkout__fieldset__fields{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__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-label-secondary,#5c687c)}.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__voucher-result{border-radius:var(--adyen-sdk-border-radius-m,8px);position:relative;text-align:center}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result-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);margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__bottom,.adyen-checkout__voucher-result--bankTransfer .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);display:flex;flex-direction:column}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__bottom .adyen-checkout__details-table,.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__top .adyen-checkout__details-table{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);border-radius:var(--adyen-sdk-border-radius-m,8px);margin:0}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__bottom .adyen-checkout__details-table__item:first-child,.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__top .adyen-checkout__details-table__item:first-child{border-top:none}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__top{align-items:center;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-100,32px) var(--adyen-sdk-spacer-090,24px) var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__voucher-result--bankTransfer .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;padding:0 var(--adyen-sdk-spacer-090,24px) var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__image{align-items:center;display:flex;justify-content:center;margin-bottom:var(--adyen-sdk-spacer-090,24px);width:100%}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout-link--voucher-result-instructions{display:inline-block}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__image__wrapper{display:block;height:var(--adyen-sdk-spacer-120,48px);position:relative}.adyen-checkout__voucher-result--bankTransfer .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--bankTransfer .adyen-checkout__voucher-result__image__wrapper:nth-child(2){margin-left:0}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__image__brand,.adyen-checkout__voucher-result--bankTransfer .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--bankTransfer .adyen-checkout__voucher-result__amount{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-title-l-line-height,34px);margin:0 auto var(--adyen-sdk-spacer-090,24px)}
.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);object-fit:cover;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;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;user-select:none}
.adyen-checkout__payment-method__disable-confirmation{background:var(--adyen-sdk-color-background-critical-strong,#e22d2d);border-left:1px solid rgb(224.7623430962,36.0376569038,36.0376569038);border-right:1px solid rgb(224.7623430962,36.0376569038,36.0376569038);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:rgb(215.7112970711,29.7887029289,29.7887029289);box-shadow:none}.adyen-checkout__payment-method__disable-confirmation__button:active,.adyen-checkout__payment-method__disable-confirmation__button:hover:active{background:rgb(193.3054393305,26.6945606695,26.6945606695);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;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-label-secondary,#5c687c);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);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{align-items:center;display:flex;flex-basis:auto;flex-shrink:1;flex-wrap:wrap;gap:var(--adyen-sdk-spacer-020,4px);height:var(--adyen-sdk-spacer-090,24px);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-label-secondary,#5c687c);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{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-070,16px)}.adyen-checkout__button--dropin-show-paymentmethods{align-self:start}.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;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);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/assets/scss/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}

html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}

html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}

.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}

html {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}

html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}

html {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}

html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}

html {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}

html {
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}

html {
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}

html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}

html {
  --mat-sys-on-surface: initial;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}

html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #3f51b5;
  --mat-progress-bar-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ff4081;
  --mat-progress-bar-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}

html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}

html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}

html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}

html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-filled-caret-color: #3f51b5;
  --mat-form-field-filled-focus-active-indicator-color: #3f51b5;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-outlined-caret-color: #3f51b5;
  --mat-form-field-outlined-focus-outline-color: #3f51b5;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}

.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-filled-caret-color: #ff4081;
  --mat-form-field-filled-focus-active-indicator-color: #ff4081;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff4081;
  --mat-form-field-outlined-focus-outline-color: #ff4081;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
}

.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #3f51b5;
  --mat-select-invalid-arrow-color: #f44336;
}

.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff4081;
  --mat-select-invalid-arrow-color: #f44336;
}

.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}

html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}

.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}

.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #3f51b5;
  --mat-chip-elevated-disabled-container-color: #3f51b5;
  --mat-chip-elevated-selected-container-color: #3f51b5;
  --mat-chip-flat-disabled-selected-container-color: #3f51b5;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #ff4081;
  --mat-chip-elevated-disabled-container-color: #ff4081;
  --mat-chip-elevated-selected-container-color: #ff4081;
  --mat-chip-flat-disabled-selected-container-color: #ff4081;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}

html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}

html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-focus-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-handle-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-handle-color: #3f51b5;
  --mat-slide-toggle-selected-focus-track-color: #7986cb;
  --mat-slide-toggle-selected-hover-track-color: #7986cb;
  --mat-slide-toggle-selected-pressed-track-color: #7986cb;
  --mat-slide-toggle-selected-track-color: #7986cb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-focus-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-handle-color: #ff4081;
  --mat-slide-toggle-selected-pressed-handle-color: #ff4081;
  --mat-slide-toggle-selected-focus-track-color: #f06292;
  --mat-slide-toggle-selected-hover-track-color: #f06292;
  --mat-slide-toggle-selected-pressed-track-color: #f06292;
  --mat-slide-toggle-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}

html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}

html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}

.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}

html {
  --mat-slider-active-track-color: #3f51b5;
  --mat-slider-focus-handle-color: #3f51b5;
  --mat-slider-handle-color: #3f51b5;
  --mat-slider-hover-handle-color: #3f51b5;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-slider-inactive-track-color: #3f51b5;
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}

.mat-accent {
  --mat-slider-active-track-color: #ff4081;
  --mat-slider-focus-handle-color: #ff4081;
  --mat-slider-handle-color: #ff4081;
  --mat-slider-hover-handle-color: #ff4081;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-slider-inactive-track-color: #ff4081;
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #ff4081;
}

.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}

html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}

html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}

.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #3f51b5;
  --mat-tab-active-ripple-color: #3f51b5;
  --mat-tab-inactive-ripple-color: #3f51b5;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #3f51b5;
  --mat-tab-active-hover-label-text-color: #3f51b5;
  --mat-tab-active-focus-indicator-color: #3f51b5;
  --mat-tab-active-hover-indicator-color: #3f51b5;
  --mat-tab-active-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff4081;
  --mat-tab-active-ripple-color: #ff4081;
  --mat-tab-inactive-ripple-color: #ff4081;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff4081;
  --mat-tab-active-hover-label-text-color: #ff4081;
  --mat-tab-active-focus-indicator-color: #ff4081;
  --mat-tab-active-hover-indicator-color: #ff4081;
  --mat-tab-active-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #3f51b5;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ff4081;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}

.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}

html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}

html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}

html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}

html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #3f51b5;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #3f51b5;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-outlined-state-layer-color: #3f51b5;
  --mat-button-protected-container-color: #3f51b5;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #3f51b5;
  --mat-button-text-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-text-state-layer-color: #3f51b5;
  --mat-button-tonal-container-color: #3f51b5;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ff4081;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #ff4081;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff4081;
  --mat-button-protected-container-color: #ff4081;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #ff4081;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-text-state-layer-color: #ff4081;
  --mat-button-tonal-container-color: #ff4081;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}

html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}

html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}

html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #3f51b5;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-fab-small-container-color: #3f51b5;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ff4081;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-fab-small-container-color: #ff4081;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}

html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}

html {
  --mat-snack-bar-container-shape: 4px;
}

html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #7986cb;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}

html {
  --mat-progress-spinner-active-indicator-color: #3f51b5;
}

.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ff4081;
}

.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}

html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}

html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-button-toggle-height: 48px;
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3f51b5 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent, .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff4081 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn, .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}

.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height: 48px;
}

html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-timepicker-container-background-color: white;
}

:root {
  --colour-red: #de1313;
  --colour-error: #a71918;
  --colour-green: #4e6666;
  --colour-light-green: #36ce26;
  --colour-primary: #00b7b6;
  --colour-secondary: #d23464;
  --colour-light: #ffffff;
  --colour-dark: #111111;
  --colour-background: #00b7b6;
  --colour-header: #00b7b6;
  --colour-complementary-1: #ffffff;
  --colour-complementary-2: #ffffff;
  --colour-complementary-3: #111111;
  --colour-complementary-4: #ffffff;
  --colour-complementary-5: #ffffff;
  --colour-complementary-6: #ffffff;
  --button-rounded: false;
  --input-rounded: false;
  --font-proximanova-regular: "Poppins Regular";
  --font-proximanova-bold: "Poppins Bold";
  --font-proximanova-light: "Poppins Light";
  --font-proximanova-semibold: "Poppins SemiBold";
  --font-proximanova-extrabold: "Poppins ExtraBold";
  --font-proximanova-black: "Poppins Black";
  --font-viaplay-regular: "Viaplay Regular";
  --font-viaplay-bold: "Viaplay Bold";
  --font-viaplay-light: "Viaplay Light";
  --font-viaplay-semibold: "Viaplay SemiBold";
  --font-viaplay-extrabold: "Viaplay ExtraBold";
  --font-viaplay-black: "Viaplay Black";
  --default-font-size: 16px;
}

:root {
  --colour-primary: #7bff02;
  --colour-primary-opacity-80: #7bff02cc;
  --colour-hover: #0a0a0a;
  --colour-error: #ff405d;
  --colour-secondary: #7bff02;
  --colour-light: #ffffff;
  --colour-light-darkened-4: #f5f5f5;
  --colour-light-darkened-10: #e6e6e6;
  --colour-light-opacity-10: #ffffffe6;
  --colour-light-opacity-20: #ffffffcc;
  --colour-light-opacity-40: #ffffff99;
  --colour-light-opacity-50: #ffffff80;
  --colour-light-opacity-60: #ffffff66;
  --colour-light-opacity-70: #ffffff4d;
  --colour-light-opacity-80: #ffffff33;
  --colour-light-opacity-90: #ffffff1a;
  --colour-light-opacity-95: #ffffff0d;
  --colour-dark: #0a0a0a;
  --colour-dark-opacity-20: #0a0a0acc;
  --colour-dark-opacity-40: #0a0a0a99;
  --colour-dark-opacity-50: #0a0a0a80;
  --colour-dark-opacity-60: #0a0a0a66;
  --colour-dark-opacity-80: #0a0a0a33;
  --colour-dark-opacity-90: #0a0a0a0d;
  --colour-background: #000;
  --colour-header: #000;
  --colour-complementary-1: #0a0a0a;
  --colour-complementary-2: #0a0a0a;
  --colour-complementary-3: #0a0a0a;
  --colour-complementary-4: #ffffff;
  --colour-complementary-4-opacity-80: #ffffff33;
  --colour-complementary-5: #ffffff;
  --colour-complementary-5-opacity-20: #ffffffcc;
  --colour-complementary-6: #0a0a0a;
  --colour-password-match: #3b814c;
  --colour-password-error: #ff405d;
  --color-gradient: #7bff02;
  --button-rounded: false;
  --input-rounded: false;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
    transform-origin: center;
  }
  to {
    transform: rotate(360deg);
    transform-origin: center;
  }
}
@keyframes loadingBar {
  from {
    transform: translate3d(-200%, 0, 0);
  }
  to {
    transform: translate3d(200%, 0, 0);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body,
.scroll-container {
  width: 100%;
}

.scroll-container {
  overflow: hidden;
}

.wrapper {
  width: 100vw;
}

body {
  position: relative;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-kerning: none;
  background-color: var(--colour-light);
}
body.background-transparent {
  background-color: transparent;
}

.inner {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: block;
}
@media only screen and (max-width: 1044px) {
  .inner {
    max-width: 100%;
    width: calc(100% - 40px);
  }
}

a {
  text-decoration: none;
  cursor: pointer;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px #fff;
}

@media only screen and (max-width: 1024px) {
  .desktop {
    display: none;
  }
}

.block-container {
  display: flex;
  margin: 0 -20px;
}
.block-container .block {
  display: inline-flex;
  flex-direction: column;
  padding: 0 20px;
}
.block-container .block.horizontal {
  flex-direction: row;
}
.block-container .block.no-padding {
  padding: 0;
}
.block-container.tight {
  margin: 0 -10px;
}
.block-container.tight .block {
  padding: 0 10px;
}
@media only screen and (max-width: 480px) {
  .block-container {
    margin: 0 -10px;
  }
  .block-container .block {
    padding: 0 10px;
  }
}

@font-face {
  font-family: "Regular";
  src: url("/assets/fonts/loi/Dosis-Regular.woff2") format("woff2"), url("/assets/fonts/loi/Dosis-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
}
@font-face {
  font-family: "Bold";
  src: url("/assets/fonts/loi/LOICondensed_2023-Regular.woff2") format("woff2"), url("/assets/fonts/loi/LOICondensed_2023-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Light";
  src: url("/assets/fonts/loi/LOICondensed_2023-Regular.woff2") format("woff2"), url("/assets/fonts/loi/LOICondensed_2023-Regular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SemiBold";
  src: url("/assets/fonts/loi/LOICondensed_2023-Regular.woff2") format("woff2"), url("/assets/fonts/loi/LOICondensed_2023-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ExtraBold";
  src: url("/assets/fonts/loi/LOICondensed_2023-Regular.woff2") format("woff2"), url("/assets/fonts/loi/LOICondensed_2023-Regular.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Black";
  src: url("/assets/fonts/loi/LOICondensed_2023-Regular.woff2") format("woff2"), url("/assets/fonts/loi/LOICondensed_2023-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "pwfentonicons";
  src: url("/assets/fonts/icons/pwfentonicons.eot?oijdfghi");
  src: url("/assets/fonts/icons/pwfentonicons.eot?oijdfghi#iefix") format("embedded-opentype"), url("/assets/fonts/icons/pwfentonicons.ttf?oijdfghi") format("truetype"), url("/assets/fonts/icons/pwfentonicons.woff?oijdfghi") format("woff"), url("/assets/fonts/icons/pwfentonicons.svg?oijdfghi#pwfentonicons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Poppins Regular";
  src: url("/assets/fonts/poppins/Poppins-Regular.woff2") format("woff2"), url("/assets/fonts/poppins/Poppins-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Poppins Bold";
  src: url("/assets/fonts/poppins/Poppins-Bold.woff2") format("woff2"), url("/assets/fonts/poppins/Poppins-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Poppins Light";
  src: url("/assets/fonts/poppins/Poppins-Light.woff2") format("woff2"), url("/assets/fonts/poppins/Poppins-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Poppins SemiBold";
  src: url("/assets/fonts/poppins/Poppins-SemiBold.woff2") format("woff2"), url("/assets/fonts/poppins/Poppins-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Poppins ExtraBold";
  src: url("/assets/fonts/poppins/Poppins-ExtraBold.woff2") format("woff2"), url("/assets/fonts/poppins/Poppins-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Poppins Black";
  src: url("/assets/fonts/poppins/Poppins-Black.woff2") format("woff2"), url("/assets/fonts/poppins/Poppins-Black.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITC Symbol";
  src: url("/assets/fonts/itc-symbol/medium.woff2") format("woff2"), url("/assets/fonts/itc-symbol/medium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ITC Symbol Bold";
  src: url("/assets/fonts/itc-symbol/bold.woff2") format("woff2"), url("/assets/fonts/itc-symbol/bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "pwfentonicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cycle:before {
  content: "\e911";
}

.icon-facebook:before {
  content: "\e901";
}

.icon-loading-process:before {
  content: "\e910";
}

.icon-clock:before {
  content: "\e90f";
}

.icon-online:before {
  content: "\e902";
}

.icon-tv:before {
  content: "\e903";
}

.icon-padlock-filled:before {
  content: "\e904";
}

.icon-lightbulb:before {
  content: "\e905";
}

.icon-arrow:before {
  content: "\e906";
}

.icon-person:before {
  content: "\e907";
}

.icon-edit:before {
  content: "\e908";
}

.icon-feed:before {
  content: "\e909";
}

.icon-card:before {
  content: "\e90a";
}

.icon-ticket:before {
  content: "\e90b";
}

.icon-search:before {
  content: "\e90c";
}

.icon-checkmark:before {
  content: "\e90d";
}

.icon-plus:before {
  content: "\e90e";
}

.icon-instagram:before {
  content: "\e912";
}

.icon-twitter:before {
  content: "\e900";
}

@font-face {
  font-family: "ssm";
  src: url("/assets/fonts/icons/ssm/ssm.eot");
  src: url("/assets/fonts/icons/ssm/ssm.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/icons/ssm/ssm.woff") format("woff"), url("/assets/fonts/icons/ssm/ssm.ttf") format("truetype"), url("/assets/fonts/icons/ssm/ssm.svg#ssm") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class*=ssm-icon-]:after {
  display: inline-block;
  font-family: "ssm";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* base icon class */
.ssm-icon {
  font-family: "ssm" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ssm-icon-change-billing-date:after {
  content: "A";
}

.ssm-icon-additional-payment:after {
  content: "B";
}

.ssm-icon-update-address:after {
  content: "C";
}

.ssm-icon-enter-credit-control:after {
  content: "D";
}

.ssm-icon-exit-credit-control:after {
  content: "E";
}

.ssm-icon-cancel-contract-scheduled:after {
  content: "F";
}

.ssm-icon-cancel-contract:after {
  content: "G";
}

.ssm-icon-cancellation-withdrawn:after {
  content: "H";
}

.ssm-icon-contract-change-scheduled:after {
  content: "I";
}

.ssm-icon-contract-change-withdrawn:after {
  content: "J";
}

.ssm-icon-contract-changed:after {
  content: "K";
}

.ssm-icon-contract-renewed:after {
  content: "L";
}

.ssm-icon-checkout-success:after {
  content: "M";
}

.ssm-icon-register-customer:after {
  content: "N";
}

.ssm-icon-payment-method-added:after {
  content: "O";
}

.ssm-icon-payment-refund:after {
  content: "P";
}

.ssm-icon-manual-credit-added:after {
  content: "Q";
}

.ssm-icon-manual-charge-added:after {
  content: "R";
}

.ssm-icon-email-sent:after {
  content: "S";
}

.ssm-icon-contract-pause-withdrawn:after {
  content: "T";
}

.ssm-icon-contract-pause:after {
  content: "U";
}

.ssm-icon-pause-requested:after {
  content: "V";
}

.ssm-icon-refresh-entitlements:after {
  content: "W";
}

.ssm-icon-anonymised-customer:after {
  content: "X";
}

.ssm-icon-contract-resumed-early:after {
  content: "Y";
}

.ssm-icon-contract-resumed:after {
  content: "Z";
}

.ssm-icon-marketing:after {
  content: "a";
}

.ssm-icon-insight:after {
  content: "b";
}

.ssm-icon-customers:after {
  content: "c";
}

.ssm-icon-products:after {
  content: "d";
}

.ssm-icon-chevron:after {
  content: "e";
}

.ssm-icon-vip:after {
  content: "f";
}

.ssm-icon-customer:after {
  content: "g";
}

.ssm-icon-back-arrow:after {
  content: "h";
}

.ssm-icon-free-trial:after {
  content: "i";
}

.ssm-icon-refer-friend:after {
  content: "j";
}

.ssm-icon-search:after {
  content: "k";
}

.ssm-icon-no-results:after {
  content: "l";
}

.ssm-icon-old-interactions:after {
  content: "m";
}

.ssm-icon-backarrow:after {
  content: "h";
}

.ssm-icon-bill-success:after {
  content: "q";
}

.ssm-icon-error:after {
  content: "3";
}

.ssm-icon-locked-password:after {
  content: "4";
}

.ssm-icon-missing:after {
  content: "5";
}

.ssm-icon-thumbprint:after {
  content: "6";
}

.ssm-icon-bill-success:after {
  content: "q";
}

.ssm-icon-credit-debit-card:after {
  content: "r";
}

.ssm-icon-invoice:after {
  content: "s";
}

.ssm-icon-not-provided:after {
  content: "t";
}

.ssm-icon-paypal:after {
  content: "u";
}

/*
 * SEPA list-icon override: render the SEPA wordmark SVG instead of the
 * generic font glyph. The asset is white-on-transparent so it sits cleanly
 * inside the standard `.method-icon` black tile.
 */
.ssm-icon-sepa {
  background-image: url("/assets/images/sepa-logo-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.ssm-icon-sepa:after {
  content: "";
}

.ssm-icon-visa:after {
  content: "w";
}

.ssm-icon-wallet:after {
  content: "x";
}

.ssm-icon-apple-pay:after,
.ssm-icon-google-pay:after {
  content: "";
  width: 44px;
  height: 28px;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px auto;
  vertical-align: middle;
}

.ssm-icon-apple-pay:after {
  background-image: url("/assets/images/apple_pay_white.svg");
}

.ssm-icon-google-pay:after {
  background-image: url("/assets/images/google_pay_white.svg");
}

.ssm-icon-mastercard:after {
  content: "y";
}

.ssm-icon-klarna:after {
  content: "z";
}

.ssm-icon-direct-debit:after {
  content: "0";
}

.ssm-icon-cash:after {
  content: "1";
}

.ssm-icon-american-express:after {
  content: "2";
}

.ssm-icon-resubmission-failed:after {
  content: "7";
}

.ssm-icon-bill-failed:after {
  content: "8";
}

.ssm-icon-device:after {
  content: "9";
}

h1,
h2,
h3,
h4 {
  text-transform: uppercase;
  line-height: 1.1em;
  margin: 0 0 10px;
  font-weight: normal;
  color: var(--colour-light);
}

h1 {
  font-size: 28px;
  margin: 0 0 14px;
}
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  font-size: 40px;
}
@media only screen and (max-width: 1024px) {
  h2 {
    font-size: 34px;
  }
}
@media only screen and (max-width: 768px) {
  h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 480px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 24px;
}
@media only screen and (max-width: 1024px) {
  h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 480px) {
  h3 {
    font-size: 16px;
  }
}

h4 {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  h4 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 480px) {
  h4 {
    font-size: 14px;
  }
}

p {
  font-size: var(--default-font-size);
  line-height: 1.2em;
  font-family: var(--primary-font) sans-serif !important;
}

.error {
  color: var(--colour-red);
  font-size: 12px;
}

sup,
sub {
  font-size: 50%;
}

strong {
  font-weight: normal;
}

.link {
  color: var(--colour-primary);
  position: relative;
  cursor: pointer;
}
.link:after {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--colour-primary);
  content: "";
  transition: transform 0.3s ease-in-out;
}
.link:hover:after {
  transform: translate3d(0, 2px, 0);
}

.link-alt {
  color: white;
  position: relative;
  cursor: pointer;
}
.link-alt:after {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: white;
  content: "";
  transition: transform 0.3s ease-in-out;
}
.link-alt:hover:after {
  transform: translate3d(0, 2px, 0);
}

.dash {
  border: none;
  border-bottom: solid 1px var(colour-light-darkened-10);
  margin: 14px 0;
}

ul {
  padding-left: 16px;
}

/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 60px;
  left: 10px;
  width: calc(100% - 20px);
}
@media only screen and (min-width: 1024px) {
  .toast-top-center {
    width: 1024px;
    left: calc(50% - 512px);
  }
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  top: 0px;
  padding: 15px 15px 15px 50px;
  width: calc(100% - 0px);
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 18px;
  color: #ffffff;
  display: block;
}
.toast-container .ngx-toastr.toast-success {
  background-color: #ffeaa2;
  color: #2b2b35;
}
.toast-container .ngx-toastr.toast-error {
  background-color: #ffeaa2;
  color: #2b2b35;
}
.toast-container .ngx-toastr.toast-info {
  background-color: #b1e6fd;
  color: #2b2b35;
}
.toast-container .ngx-toastr.toast-warning {
  background-color: #f89406;
}
.toast-container .ngx-toastr.no-cursor {
  cursor: default;
}

.toast-container .ngx-toastr:hover {
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(0,0,0)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(0,0,0)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(0,0,0)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(0,0,0)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.button {
  display: inline-flex;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  font-family: var(--font-regular), sans-serif;
  color: var(--colour-complementary-1);
  border: none;
  text-decoration: none;
  padding: 12px 48px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: color 0.3s ease-in-out;
  outline: none;
  background-color: var(--colour-primary);
  text-transform: uppercase;
  -webkit-transition-property: opacity, background-color, color;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: opacity, background-color, color;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-property: opacity, background-color, color;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-property: opacity, background-color, color;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-in-out;
  transition-property: opacity, background-color, color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.button [class^=icon-] + .text {
  margin-left: 10px;
}
.button .text + [class^=icon-] {
  margin-left: 10px;
}
.button .text,
.button [class^=icon-] {
  line-height: 1;
  z-index: 2;
  transition: opacity 0.3s ease-in-out;
}
.button.no-padding {
  padding: 0;
}
.button.secondary {
  color: var(--colour-primary);
  background-color: var(--colour-secondary);
}
.button.inverted {
  color: var(--colour-primary);
  background-color: #000000;
  border: 2px solid var(--colour-primary);
  width: 75%;
}
.button.faded {
  background-color: #2b2b35;
  color: #fff;
}
.button.background-grey {
  color: #2d3b3c;
  background-color: #e4e4e4;
}
.button.background-grey:hover {
  color: var(--colour-light);
  background-color: #2b2b35;
}
.button.background-alternate {
  background-color: var(--colour-secondary);
  color: var(--colour-complementary-2);
}
.button.background-alternate:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
  background-color: #2b2b35;
}
.button.disabled {
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
  background-color: #2b2b35;
}
.button.loading {
  cursor: not-allowed;
  pointer-events: none;
}
.button.loading .text {
  opacity: 0.1;
}
.button.loading:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "pwfentonicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
  z-index: 1;
  position: absolute;
  animation: spin 2s forwards infinite linear;
}
.button.large {
  height: 48px;
  font-size: 16px;
  padding: 12px 48px;
}
.button.small {
  height: 40px;
  font-size: 11px;
  line-height: normal;
  white-space: nowrap;
}
.button:active {
  color: var(--colour-complementary-5);
  background-color: var(--colour-primary);
}
.button:active.secondary {
  color: var(--colour-primary);
  background-color: var(--colour-complementary-2);
}
.button:active.background-alternate {
  color: var(--colour-complementary-5);
  background-color: var(--colour-hover);
}
.button:focus {
  color: var(--colour-complementary-4);
  background-color: var(--colour-primary);
}
.button:focus.secondary {
  color: var(--colour-secondary);
  background-color: var(--colour-complementary-2);
}
.button:focus.background-alternate {
  color: var(--colour-complementary-2);
  background-color: var(--colour-primary);
  opacity: 0.6;
}
@media (hover: hover) {
  .button:hover {
    color: var(--colour-primary) !important;
    background-color: var(--colour-complementary-1) !important;
  }
  .button:hover.secondary {
    color: var(--colour-secondary);
    background-color: var(--colour-complementary-2);
  }
  .button:hover.background-alternate {
    color: var(--colour-complementary-2);
    background-color: var(--colour-primary);
    filter: brightness(80%);
  }
}
@media only screen and (max-width: 480px) {
  .button {
    padding: 0 18px;
  }
}

.btn {
  width: 100%;
  padding: 14px 16px;
  font-weight: 700;
  font-family: var(--font-bold, inherit);
  cursor: pointer;
  border-radius: var(--corner-radius, 14px);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  text-transform: uppercase;
  font-size: inherit;
  text-decoration: none;
  box-sizing: border-box;
  line-height: 1.2;
}
.btn:hover:not(:disabled) {
  box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, calc(1 - var(--opacity-hover, 1)));
}
.btn:disabled, .btn[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}

.btn.primary {
  background: var(--colour-primary, #fff);
  color: var(--primary-button-color, #000);
  border: 1px solid var(--colour-primary, #fff);
}
.btn.primary:hover:not(:disabled) {
  background: var(--primary-button-hover-background, #000);
  color: var(--primary-button-hover-color, var(--colour-primary));
  border-color: var(--colour-primary);
}

.btn.ghost {
  background: var(--secondary-button-background, #000);
  border: none;
  color: var(--secondary-button-color, #999);
}
.btn.ghost:hover:not(:disabled) {
  color: var(--secondary-button-hover-color, var(--colour-primary));
}

.btn.link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  background: #000;
  color: #fff;
  border: 1px solid #2e2e2e;
  padding: 14px 16px;
  font-weight: 600;
}
.btn.link:hover {
  color: var(--colour-primary);
  border-color: var(--colour-primary);
}
.btn.link::before, .btn.link::after {
  content: none !important;
  border: 0 !important;
}

.btn--constrained {
  width: 305px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.submit-form-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}

.input-row {
  display: flex;
  align-items: flex-end;
  position: relative;
}
.input-row .input-container .mat-mdc-select-min-line,
.input-row .input-container .mat-select-min-line {
  color: white;
}
.input-row .input-container {
  flex-shrink: 1;
}
.input-row .input-container.small {
  width: 100px;
  flex-shrink: 0;
}
.input-row .search-dropdown {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  margin-top: 5px;
  max-height: 350px;
  overflow: auto;
}
.input-row .search-dropdown .search-option {
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: var(--colour-dark-opacity-20);
  border: solid 1px var(--colour-light-darkened-10);
  background-color: var(--colour-light-darkened-4);
  font-size: 15px;
  padding: 0 22px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.input-row .search-dropdown .search-option:hover {
  border-color: var(--colour-primary);
  outline: transparent;
}
.input-row .info {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
  padding: 0 0 0 20px;
  height: 50px;
  display: flex;
  align-items: center;
}
.input-row .div {
  font-size: 15px;
  color: rgb(0, 0, 0);
  padding: 20px 10px 18px;
  flex-shrink: 0;
}
.input-row .input-container + .input-container {
  margin-left: 20px;
}
.input-row + .input-row {
  margin-top: 18px;
}
.input-row.with-padding {
  margin-top: 0;
}
.input-row.no-margin {
  margin-top: 0;
}
.input-row.two .input-container {
  width: calc(50% - 10px);
}
.input-row + .error {
  margin-top: 14px;
}
.input-row + .error:empty {
  margin-top: 0;
}
@media only screen and (min-width: 769px) {
  .input-row + .input-row {
    margin-top: 22px;
  }
  .input-row.no-margin {
    margin-top: 0;
  }
}
@media only screen and (max-width: 374px) {
  .input-row .input-container.small {
    width: 80px;
  }
  .input-row .info {
    padding-left: 10px;
    font-size: 12px;
  }
}

.input-container {
  width: 100%;
  max-width: 100%;
  display: inline-flex;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
}
.input-container > label {
  color: var(--colour-dark);
  font-size: 13px;
  margin-bottom: 8px;
  display: flex;
  text-align: left;
}
.input-container input {
  -webkit-appearance: none;
  appearance: none;
}
.input-container input:focus {
  outline: none;
}
.input-container.card {
  min-width: 210px;
  flex-shrink: 0;
  width: auto;
}
@media only screen and (max-width: 374px) {
  .input-container.card {
    min-width: 180px;
  }
}
.input-container.horizontal {
  flex-direction: row;
  align-items: center;
}
.input-container.horizontal > label {
  margin-bottom: 0;
  margin-right: 20px;
  flex-shrink: 0;
  padding-left: 0;
}
.input-container.loading:after {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  top: 16px;
  right: 18px;
  background-image: url("/assets/images/loading-symbol.png");
  background-size: contain;
  background-position: center;
  position: absolute;
  animation: spin infinite 1s linear;
}
.input-container.ok:after {
  display: block;
  content: "";
  width: 15px;
  height: 11px;
  top: 19px;
  right: 18px;
  background-image: url("/assets/images/checkmark.png");
  background-size: contain;
  background-position: center;
  position: absolute;
}
.input-container.not-allowed input {
  border: 1px solid #ffff00 !important;
  border-radius: 8px;
}
.input-container.not-allowed .popup.not-allowed {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  pointer-events: auto;
}
.input-container.error {
  border: 1px solid var(--colour-primary);
  border-radius: 8px;
}
.input-container.error .popup.error {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  pointer-events: auto;
  color: var(--colour-primary);
}
.input-container.split-input .input {
  width: 100%;
  line-height: 50px;
  height: 50px;
  font-size: 15px;
  border: solid 1px #e1e1e1;
  padding: 0 32px 0 12px;
  background-color: #fff;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.input-container.split-input .input input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(0, 0, 0, 0.8);
}
.input-container.split-input .input input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(0, 0, 0, 0.8);
  opacity: 1;
}
.input-container.split-input .input input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(0, 0, 0, 0.8);
  opacity: 1;
}
.input-container.split-input .input input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(0, 0, 0, 0.8);
}
.input-container.split-input .input input {
  color: rgb(0, 0, 0);
  width: 28%;
  background-color: transparent;
  border: none;
  text-align: center;
  font-size: 20px;
}
.input-container.split-input .input input:focus {
  border-color: var(--colour-primary);
  outline: transparent;
}
.input-container.split-input .input .dash {
  color: #c1c1c1;
  font-size: 20px;
}
.input-container.center input {
  text-align: center;
}
.input-container.text input {
  width: 100%;
  line-height: 50px;
  height: 50px;
}
.input-container.text input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: var(--colour-light-opacity-60);
}
.input-container.text input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--colour-light-opacity-60);
  opacity: 1;
}
.input-container.text input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--colour-light-opacity-60);
  opacity: 1;
}
.input-container.text input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: var(--colour-light-opacity-60);
}
.input-container.text input {
  color: var(--colour-light);
  border: solid 0 var(--colour-light-darkened-10);
  background-color: #2b2b35;
  font-size: 15px;
  padding: 0 22px;
  border-radius: 0;
  display: block;
}
.input-container.text input.promo {
  width: 45%;
}
.input-container.text input#postcode {
  width: 50%;
}
.input-container.text input:focus[readonly] {
  border-color: var(--colour-light-darkened-10);
}
.input-container.text [class^=icon-] {
  position: absolute;
  right: 20px;
  top: 40px;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.2);
}
.input-container.text .show-password {
  position: absolute;
  right: 20px;
  top: 43px;
  cursor: pointer;
  width: 22px;
  height: 20px;
  color: var(--colour-complementary-5);
  background: url('watch.ebd0120d51020162.svg');
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}
.input-container.text > .button {
  position: absolute;
  right: 5px;
  bottom: 0px;
  height: 50px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 0;
  padding: 12px 48px;
}
.input-container.text > .button.apply {
  background-color: #2b2b35;
}
.input-container.text > .button.apply span {
  color: #eeeeee;
  opacity: 0.4;
}
.input-container.text.horizontal input {
  height: 44px;
  line-height: 44px;
}
.input-container.text.horizontal > .button {
  height: auto;
  top: 0px;
}
.input-container.text.alternate input {
  background-color: #2b2b35;
  border-color: var(--colour-light-opacity-10);
  color: var(--colour-light);
}
.input-container.text.alternate input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: var(--colour-light-opacity-20);
}
.input-container.text.alternate input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--colour-light-opacity-20);
  opacity: 1;
}
.input-container.text.alternate input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--colour-light-opacity-20);
  opacity: 1;
}
.input-container.text.alternate input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: var(--colour-light-opacity-20);
}
@media only screen and (max-width: 374px) {
  .input-container.text input {
    font-size: 14px;
    padding: 0 16px;
  }
}
.input-container.textarea textarea {
  font-family: var(--font-proximanova-regular), sans-serif;
  width: 100%;
  resize: none;
  line-height: 1.5em;
  height: 135px;
  font-size: 18px;
  padding: 18px 22px;
  border-radius: 0;
  display: block;
}
.input-container.textarea textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: var(--colour-dark-opacity-60);
}
.input-container.textarea textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--colour-dark-opacity-60);
  opacity: 1;
}
.input-container.textarea textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--colour-dark-opacity-60);
  opacity: 1;
}
.input-container.textarea textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: var(--colour-dark-opacity-60);
}
.input-container.textarea textarea {
  color: var(--colour-dark-opacity-20);
  border: solid 1px var(--colour-light-darkened-10);
  background-color: var(--colour-light-darkened-4);
  outline: transparent;
}
@media only screen and (max-width: 480px) {
  .input-container.textarea textarea {
    font-size: 16px;
  }
}
.input-container.select {
  position: relative;
}
.input-container.select .select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  width: 100%;
}
.input-container.select .select select {
  opacity: 0;
  width: 100%;
  height: 50px;
  min-height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #2b2b35;
}
.input-container.select .select label {
  display: block;
  width: 100%;
  line-height: 50px;
  height: 50px;
  font-size: 15px;
  padding: 0 22px;
  border-radius: 0;
}
.input-container.select .select label::-webkit-input-placeholder {
  /* WebKit browsers */
  color: var(--colour-dark-opacity-60);
}
.input-container.select .select label:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--colour-dark-opacity-60);
  opacity: 1;
}
.input-container.select .select label::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--colour-dark-opacity-60);
  opacity: 1;
}
.input-container.select .select label:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: var(--colour-dark-opacity-60);
}
.input-container.select .select label {
  border: solid 1px #2b2b35;
  background-color: #2b2b35;
}
.input-container.select .select:after {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  content: "";
  right: 22px;
  font-size: 8px;
  display: block;
  color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
  width: 0;
  height: 0;
  border-top: solid 7px var(--colour-primary);
  border-right: solid 5px transparent;
  border-left: solid 5px transparent;
}
.input-container.select.small .select {
  width: 64px;
}
.input-container.select.small .text {
  width: calc(100% - 64px);
}
.input-container.select.small .text.two {
  width: calc(50% - 32px);
}
.input-container.select.inline {
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .input-container.select.small .text.two {
    width: calc(100% - 64px);
  }
}
.input-container.checkbox-single {
  flex-direction: row;
  align-items: flex-start;
}
.input-container.checkbox-single .checkbox {
  width: 18px;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
}
.input-container.checkbox-single .checkbox label {
  width: 18px;
  height: 18px;
  position: relative;
  background-color: #2b2b35;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.input-container.checkbox-single .checkbox label:before {
  content: "";
  left: 6px;
  top: 3px;
  opacity: 0;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  -webkit-transition-property: opacity, transform;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-property: opacity, transform;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in;
  -ms-transition-property: opacity, transform;
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: ease-in;
  -o-transition-property: opacity, transform;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-in;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in;
}
.input-container.checkbox-single .checkbox input {
  display: none;
}
.input-container.checkbox-single .checkbox input:checked + label:before {
  opacity: 1;
}
.input-container.checkbox-single .text {
  font-size: 14px;
  line-height: 1.4em;
  width: calc(100% - 16px);
  cursor: pointer;
  text-align: left;
  color: var(--colour-dark);
  text-transform: none;
  margin-bottom: 0;
  display: block;
}
.input-container.checkbox-single .text a {
  font-family: var(--font-proximanova-bold), sans-serif;
  color: var(--colour-dark);
}
.input-container.checkbox-single:last-of-type {
  margin-right: 0;
}
.input-container.checkbox-single.circle .checkbox {
  top: 2px;
}
.input-container.checkbox-single.circle .checkbox label {
  background-color: var(--colour-dark-opacity-90);
  border-color: var(--colour-light-opacity-10);
  border-radius: 30px;
  width: 16px;
  height: 16px;
  opacity: 0.6;
  transition: opacity 0.5s ease-in;
}
.input-container.checkbox-single.circle .checkbox input:checked + label {
  opacity: 1;
}
.input-container.checkbox-single.circle .checkbox input:checked + label:before {
  background-color: var(--colour-light);
  border-radius: 6px;
}
.input-container.checkbox-toggle {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.input-container.checkbox-toggle > .text {
  font-size: 16px;
  color: var(--colour-green);
  text-transform: none;
  margin-bottom: 0;
}
.input-container.checkbox-toggle .checkbox label {
  position: relative;
  display: block;
  width: 88px;
  height: 40px;
  background-color: #2b2b35;
  border-radius: 0;
  overflow: hidden;
}
.input-container.checkbox-toggle .checkbox label .circle {
  position: absolute;
  display: block;
  left: 6px;
  top: 6px;
  width: 28px;
  height: 28px;
  border-radius: 0;
  background-color: var(--colour-light);
  -webkit-transition-property: transform, background-color;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: transform, background-color;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-property: transform, background-color;
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-property: transform, background-color;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-in-out;
  transition-property: transform, background-color;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
.input-container.checkbox-toggle .checkbox label .circle:before, .input-container.checkbox-toggle .checkbox label .circle:after {
  font-size: 11px;
  color: var(--colour-light);
  position: absolute;
  top: 7px;
  text-transform: uppercase;
  opacity: 1;
  font-family: var(--font-proximanova-bold), sans-serif;
}
.input-container.checkbox-toggle .checkbox label .circle:before {
  content: "Yes";
  left: calc(-100% - 10px);
}
.input-container.checkbox-toggle .checkbox label .circle:after {
  content: "No";
  right: calc(-100% - 10px);
}
.input-container.checkbox-toggle .checkbox input {
  display: none;
}
.input-container.checkbox-toggle .checkbox input:checked + label {
  background: linear-gradient(67deg, rgb(83, 83, 83) 0%, rgb(170, 170, 170) 100%) !important;
}
.input-container.checkbox-toggle .checkbox input:checked + label .circle {
  transform: translate3d(48px, 0, 0);
  background-color: var(--colour-light);
}
.input-container.checkboxes .input-container.checkbox-single + .input-container.checkbox-single, .input-container.checkboxes .input-container.checkbox-toggle + .input-container.checkbox-single {
  margin-left: 0;
  margin-top: 20px;
}
.input-container.checkboxes .input-container.checkbox-single + .input-container.checkbox-toggle, .input-container.checkboxes .input-container.checkbox-toggle + .input-container.checkbox-toggle {
  margin-left: 0;
  margin-top: 10px;
  padding-top: 10px;
  border-top: solid 1px var(--colour-light-darkened-10);
}
.input-container.half {
  width: 49%;
  margin-right: 2%;
}
.input-container.half.last-half {
  margin-right: 0;
}
@media only screen and (min-width: 769px) {
  .input-container > label {
    font-size: 12px;
  }
  .input-container.text > .button {
    font-size: 16px;
  }
  .input-container.text.horizontal input {
    height: 50px;
    line-height: 50px;
  }
}

.progress-steps-container {
  background-color: var(--colour-header);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 0 28px;
}
.progress-steps-container .heading {
  color: var(--colour-complementary-6);
  font-size: 32px;
  margin-bottom: 0;
}
.progress-steps-container .heading [class^=icon-] {
  font-size: 17px;
  margin-right: 10px;
}
.progress-steps-container .heading + p {
  margin-top: 6px;
}
.progress-steps-container .heading + .progress-steps {
  margin-top: 16px;
}
.progress-steps-container p {
  font-size: 20px;
  color: var(--colour-complementary-6);
}
.progress-steps-container .progress-steps {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 140px;
}
.progress-steps-container .progress-steps .progress-step {
  color: var(--colour-header);
  opacity: 0.6;
  font-size: 14px;
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-proximanova-bold), sans-serif;
}
.progress-steps-container .progress-steps .progress-step.active {
  background-color: var(--colour-primary);
  border-radius: 15px;
  color: var(--colour-complementary-2);
  opacity: 1;
}
.progress-steps-container .progress-steps .progress-step.available {
  cursor: pointer;
}
@media only screen and (min-width: 769px) {
  .progress-steps-container .progress-steps .progress-step {
    width: 30px;
    height: 30px;
  }
}

.tabs {
  display: flex;
  justify-content: space-between;
}
.tabs .inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tabs .tab {
  padding: 0px 0px 14px;
  text-align: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  cursor: pointer;
  max-width: 50%;
  color: var(--colour-light-opacity-70);
  -webkit-transition-property: background-color, color;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: background-color, color;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-property: background-color, color;
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-property: background-color, color;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-in-out;
  transition-property: background-color, color;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
.tabs .tab .ext {
  font-size: 13px;
  text-transform: lowercase;
}
.tabs .tab img {
  margin: 0;
  opacity: 0.4;
  text-align: center;
  filter: grayscale(100%);
  max-width: 100%;
  -webkit-transition-property: opacity, filter;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: opacity, filter;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-property: opacity, filter;
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-property: opacity, filter;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-in-out;
  transition-property: opacity, filter;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
.tabs .tab img.cards {
  margin-top: 5px;
  width: 36px;
  margin-left: auto;
  margin-right: auto;
}
.tabs .tab img.paypal {
  width: 88px;
}
.tabs .tab img + .text {
  margin-top: 14px;
}
.tabs .tab input[type=checkbox], .tabs .tab input[type=radio] {
  display: none;
}
.tabs .tab .name {
  font-family: var(--font-proximanova-regular), sans-serif;
  font-size: 15px;
}
.tabs .tab .name + .price {
  margin-top: 2px;
}
.tabs .tab .price {
  font-family: var(--font-proximanova-regular), sans-serif;
  font-size: 22px;
}
.tabs .tab .text {
  font-family: var(--font-proximanova-regular), sans-serif;
  font-size: 13px;
  color: var(--colour-light);
}
.tabs .tab.active {
  background-color: #2b2b35;
  color: var(--colour-light);
}
.tabs .tab.active img {
  opacity: 1;
  filter: grayscale(0%);
}
.tabs .tab.rounded {
  border-radius: 0px;
}
.tabs .tab.rounded.active {
  border-bottom: 4px solid var(--colour-primary);
}
.tabs.tabs-alternate .tab .text {
  color: var(--colour-complementary-1);
}
.tabs.tabs-alternate .tab.active {
  background-color: var(--colour-primary-opacity-80);
}
@media only screen and (min-width: 769px) {
  .tabs .tab + .tab {
    margin-left: 10px;
  }
}

.tab-content-container {
  background-color: var(--colour-light);
}
.tab-content-container .tab-content {
  width: 100%;
}
.tab-content-container .tab-content .tab-content-section {
  background-color: var(--colour-light);
  padding: 24px 0;
}
.tab-content-container .tab-content .tab-content-section .inner {
  transition: margin 0.6s ease-in-out;
}
.tab-content-container .tab-content .tab-content-section .inner > * + * {
  margin-top: 14px;
}
.tab-content-container .tab-content .tab-content-section .inner .info {
  font-size: 12px;
}
.tab-content-container .tab-content .tab-content-section .inner > * + .input-row {
  margin-top: 30px;
}
.tab-content-container .tab-content .tab-content-section .inner > * + .input-row.no-margin {
  margin-top: 0;
}
.tab-content-container .tab-content .tab-content-section .inner .question + .input-row {
  margin-top: 14px;
}
.tab-content-container .tab-content .tab-content-section .inner .question + .tabs {
  margin-top: 25px;
}
.tab-content-container .tab-content .tab-content-section .inner .question + .info-popup {
  margin-top: 25px;
}
.tab-content-container .tab-content .tab-content-section .inner .question + p {
  font-size: 14px;
  color: var(--colour-dark-opacity-40);
  margin-top: 14px;
  margin-bottom: 20px;
}
.tab-content-container .tab-content .tab-content-section .inner .question + .summary {
  margin-top: 26px;
}
.tab-content-container .tab-content .tab-content-section .question {
  display: block;
  font-size: 20px;
  color: var(--colour-secondary);
  position: relative;
}
.tab-content-container .tab-content .tab-content-section .question .dropdown-arrow {
  display: flex;
  align-items: center;
  width: 22px;
  height: 15px;
  position: absolute;
  right: 0;
  top: 4px;
}
.tab-content-container .tab-content .tab-content-section .question .dropdown-arrow:before, .tab-content-container .tab-content .tab-content-section .question .dropdown-arrow:after {
  content: "";
  position: relative;
  background-color: var(--colour-dark);
  width: 11px;
  height: 3px;
  transition: transform 0.3s ease-in-out;
}
.tab-content-container .tab-content .tab-content-section .question .dropdown-arrow:before {
  transform: rotate(45deg);
  right: -2px;
}
.tab-content-container .tab-content .tab-content-section .question .dropdown-arrow:after {
  transform: rotate(-45deg);
  left: -2px;
}
.tab-content-container .tab-content .tab-content-section .sky-vcn-card {
  margin-left: 25px;
}
.tab-content-container .tab-content .tab-content-section input[type=number] {
  text-align: left;
  font-size: 20px;
}
.tab-content-container .tab-content .tab-content-section input::placeholder {
  font-size: 14px;
}
.tab-content-container .tab-content .tab-content-section .input-container > label .info-popup {
  margin: 0 0 0 10px;
}
.tab-content-container .tab-content .tab-content-section .input-container > label .info-popup .text-container .popup {
  left: auto;
  right: 0;
  width: 200px;
}
.tab-content-container .tab-content .tab-content-section .input-container > label .info-popup .text-container .popup:before {
  left: auto;
  right: 9px;
}
.tab-content-container .tab-content .tab-content-section .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
.tab-content-container .tab-content .tab-content-section hr.border {
  border: none;
  border-top: solid 1px var(--colour-light-darkened-10);
  margin: 26px 0;
}
.tab-content-container .tab-content .tab-content-section .address {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.4em;
  color: var(--colour-dark-opacity-40);
}
.tab-content-container .tab-content .tab-content-section .address strong {
  color: var(--colour-green);
  margin-bottom: 8px;
  display: block;
}
.tab-content-container .tab-content .tab-content-section .summary {
  display: flex;
  justify-content: space-between;
}
.tab-content-container .tab-content .tab-content-section .summary .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tab-content-container .tab-content .tab-content-section .summary .item > strong {
  display: block;
  text-transform: uppercase;
}
.tab-content-container .tab-content .tab-content-section .summary .item > strong + * {
  margin-top: 5px;
}
.tab-content-container .tab-content .tab-content-section .summary .item .text {
  color: var(--colour-dark-opacity-40);
}
.tab-content-container .tab-content .tab-content-section .summary .item .text strong {
  color: var(--colour-green);
}
.tab-content-container .tab-content .tab-content-section .summary .item .text.remove {
  font-size: 13px;
  color: var(--colour-dark);
}
.tab-content-container .tab-content .tab-content-section .summary .item:nth-of-type(2) {
  text-align: right;
}
.tab-content-container .tab-content .tab-content-section .summary + .summary {
  margin-top: 15px;
}
.tab-content-container .tab-content .tab-content-section .summary + .info-popup {
  margin-top: 30px;
  padding-top: 30px;
  border-top: solid 1px rgba(255, 255, 255, 0.2);
}
.tab-content-container .tab-content .tab-content-section .summary.total {
  align-items: center;
}
.tab-content-container .tab-content .tab-content-section .summary.total .total {
  font-size: 22px;
}
.tab-content-container .tab-content .tab-content-section .active-tab-content-container {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 26px;
  padding: 30px 6vw;
  background-color: #2b2b35;
}
.tab-content-container .tab-content .tab-content-section .active-tab-content-container .input-container > input {
  background-color: #fff;
  color: #ffffff;
}
@media only screen and (min-width: 769px) {
  .tab-content-container .tab-content .tab-content-section .active-tab-content-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.tab-content-container .tab-content .tab-content-section iframe.active-tab-content-container {
  width: 100%;
  margin: 0 0 8px 0;
}
.tab-content-container .tab-content .tab-content-section.background-grey {
  background-color: var(--colour-light-darkened-4);
}
.tab-content-container .tab-content .tab-content-section.background-grey .input-container.select .select label {
  color: var(--colour-light);
  border: 0px;
}
.tab-content-container .tab-content .tab-content-section.background-grey .input-container.split-input {
  width: calc(100% - 110px);
}
.tab-content-container .tab-content .tab-content-section.background-grey .input-container.checkbox-single .checkbox label {
  background-color: #2b2b35;
}
.tab-content-container .tab-content .tab-content-section.black-background {
  background-color: var(--colour-background);
  color: var(--colour-light);
}
.tab-content-container .tab-content .tab-content-section.black-background .input-container > input {
  color: var(--colour-light);
}
.tab-content-container .tab-content .tab-content-section.black-background .input-container.select .select label {
  color: var(--colour-light);
}
.tab-content-container .tab-content .tab-content-section + .tab-content-section {
  padding-top: 0;
}
.tab-content-container .tab-content .tab-content-section.first {
  padding-top: 34px;
}
.tab-content-container .tab-content .tab-content-section.last {
  padding-bottom: 0px;
}
.tab-content-container .tab-content .tab-content-section.no-padding {
  padding: 0;
}
.tab-content-container .tab-content .tab-content-section.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.tab-content-container .tab-content .tab-content-section.summary-container .desktop-inner-section + .desktop-inner-section {
  margin-top: 40px;
}
.tab-content-container .tab-content .tab-content-section.open .inner + .inner {
  margin-top: 14px;
}
.tab-content-container .tab-content .tab-content-section.open .accordion-content {
  max-height: 1500px;
}
.tab-content-container .tab-content .tab-content-section.open .question + .desktop-inner-section {
  margin-top: 14px;
}
.tab-content-container .tab-content .tab-content-section.open .question .dropdown-arrow:before {
  transform: rotate(-45deg);
}
.tab-content-container .tab-content .tab-content-section.open .question .dropdown-arrow:after {
  transform: rotate(45deg);
}
@media only screen and (min-width: 769px) {
  .tab-content-container .tab-content .inner {
    max-width: 430px;
  }
}
.tab-content-container .tab-navigation-container {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 40px auto;
}
.tab-content-container .tab-navigation-container .button {
  height: 48px;
}
@media only screen and (max-width: 480px) {
  .tab-content-container .tab-navigation-container .button {
    margin: 0 auto;
  }
}
.tab-content-container .tab-navigation-container.centred {
  justify-content: center;
}
@media only screen and (min-width: 769px) {
  .tab-content-container .tab-navigation-container {
    justify-content: center;
    width: 88%;
    max-width: 860px;
    margin: 40px auto;
  }
  .tab-content-container .tab-navigation-container .button {
    border-radius: 0;
  }
}

.password-strength-container {
  align-items: center;
  padding: 0 20px;
  height: 12px;
  justify-content: space-between;
  border-radius: 40px;
}
.password-strength-container .text {
  color: var(--colour-green);
  font-size: 10px;
  text-transform: uppercase;
  margin-right: 10px;
}
.password-strength-container .password-strength {
  display: flex;
  align-items: center;
}
.password-strength-container .password-strength .password-strength-bar {
  width: 98px;
  height: 5px;
  background-color: #32323b;
}
.password-strength-container .password-strength .password-strength-bar:first-of-type {
  border-radius: 40px 0 0 40px;
}
.password-strength-container .password-strength .password-strength-bar:last-of-type {
  border-radius: 0 40px 40px 0;
}
.password-strength-container .password-strength.password-strength-1 .password-strength-bar:nth-of-type(1) {
  background-color: var(--colour-primary);
  border-radius: 40px;
}
.password-strength-container .password-strength.password-strength-2 .password-strength-bar:nth-of-type(1), .password-strength-container .password-strength.password-strength-2 .password-strength-bar:nth-of-type(2) {
  background-color: #ffcf1a;
}
.password-strength-container .password-strength.password-strength-2 .password-strength-bar:nth-of-type(1) {
  border-radius: 40px 0 0 40px;
}
.password-strength-container .password-strength.password-strength-2 .password-strength-bar:nth-of-type(2) {
  border-radius: 0 40px 40px 0;
}
.password-strength-container .password-strength.password-strength-3 .password-strength-bar:nth-of-type(1), .password-strength-container .password-strength.password-strength-3 .password-strength-bar:nth-of-type(2), .password-strength-container .password-strength.password-strength-3 .password-strength-bar:nth-of-type(3) {
  background-color: #ffcf1a;
}
.password-strength-container .password-strength.password-strength-3 .password-strength-bar:nth-of-type(1) {
  border-radius: 40px 0 0 40px;
}
.password-strength-container .password-strength.password-strength-3 .password-strength-bar:nth-of-type(3) {
  border-radius: 0 40px 40px 0;
}
.password-strength-container .password-strength.password-strength-4 .password-strength-bar:nth-of-type(1), .password-strength-container .password-strength.password-strength-4 .password-strength-bar:nth-of-type(2), .password-strength-container .password-strength.password-strength-4 .password-strength-bar:nth-of-type(3), .password-strength-container .password-strength.password-strength-4 .password-strength-bar:nth-of-type(4) {
  background-color: #66cc66;
}
.password-strength-container .password-strength.password-strength-4 .password-strength-bar:nth-of-type(4) {
  border-radius: 0 40px 40px 0;
}
.password-strength-container .password-strength.password-strength-4 .password-strength-bar:nth-of-type(1) {
  border-radius: 40px 0 0 40px;
}
.password-strength-container .value-1 {
  color: var(--colour-primary);
  text-align: right;
}
.password-strength-container .value-2 {
  color: #ffcf1a;
  text-align: right;
}
.password-strength-container .value-3 {
  color: #ffcf1a;
  text-align: right;
}
.password-strength-container .value-4 {
  color: #66cc66;
  text-align: right;
}
.password-strength-container.alternate .text {
  color: var(--colour-light);
}

.popup {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  z-index: 4;
  transform: translate3d(0, -3px, 0);
  opacity: 0;
  pointer-events: none;
  -webkit-transition-property: opacity, transform;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: opacity, transform;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-property: opacity, transform;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-property: opacity, transform;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-in-out;
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.popup p,
.popup a {
  font-size: 12px;
  line-height: 1.2em;
  text-align: left;
}
.popup a {
  text-decoration: underline;
  font-family: var(--font-proximanova-bold), sans-serif;
}
.popup .button {
  height: 20px;
  font-size: 12px;
  border-radius: var(--corner-radius, 14px);
  text-decoration: none;
}
.popup > * + * {
  margin-top: 10px;
}
.popup.show {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.info-popup {
  padding: 5px 0;
  margin: 30px 0 62px;
  position: relative;
  z-index: 3;
}
.info-popup .info-icon {
  width: 14px;
  height: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: 0.5;
  border: solid 1px var(--colour-dark);
  border-radius: 50%;
  font-family: var(--font-proximanova-bold), sans-serif;
  font-size: 11px;
  padding-left: 1px;
  padding-top: 1px;
  margin-right: 8px;
  flex-shrink: 0;
}
.info-popup .text-container {
  position: relative;
  display: flex;
  text-transform: none;
}
.info-popup .text-container .text {
  color: var(--colour-green);
  text-decoration: underline;
  font-size: 13px;
}
.info-popup.no-underline {
  margin: 0;
}
.info-popup.no-underline .text-container .text {
  text-decoration: none;
  font-size: 14px;
}
.info-popup.active .text-container .popup {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
@media only screen and (min-width: 769px) {
  .info-popup .info-icon + .text {
    margin-left: 10px;
  }
  .info-popup .text-container .text {
    font-size: 12px;
    line-height: 1.3em;
  }
}

.sky-vcn-card {
  width: 85px;
  height: 50px;
  background-color: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border-radius: 6px;
}
.sky-vcn-card img {
  width: 24px;
  height: 14px;
  margin: 0 auto 6px;
}
.sky-vcn-card .number {
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  white-space: nowrap;
}
.sky-vcn-card.large {
  width: 153px;
  height: 90px;
}
.sky-vcn-card.large img {
  width: 40px;
  height: 24px;
  margin-bottom: 10px;
}
.sky-vcn-card.large .number {
  font-size: 16px;
}

.accordion {
  display: flex;
  flex-direction: column;
}
.accordion .accordion-item {
  padding: 10px 0;
}
.accordion .accordion-item .heading:after {
  content: "›";
  transform: rotate(90deg);
  position: absolute;
  right: 0;
  top: 6px;
  font-size: 22px;
  transition: transform 0.2s ease-in-out;
  transform-origin: center;
}
.accordion .accordion-item .text-container {
  display: none;
  color: var(--colour-light-opacity-50);
  margin-top: 10px;
}
.accordion .accordion-item .text-container p {
  font-size: 15px;
  line-height: 1.4em;
}
.accordion .accordion-item .text-container > * + * {
  margin-top: 10px;
}
.accordion .accordion-item.open .heading:after {
  transform: rotate(270deg);
}
.accordion .accordion-item.open .text-container {
  display: block;
}

.confirmation-container {
  background-color: var(--colour-background);
  min-height: calc(100vh - 60px);
  min-height: calc(var(--vh, 1vh) * 100 - 60px);
  text-align: center;
  color: var(--colour-complementary-5);
}
.confirmation-container .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 60px);
  min-height: calc(var(--vh, 1vh) * 100 - 60px);
}
.confirmation-container h1 {
  margin-bottom: 36px;
}
.confirmation-container p {
  line-height: 1.4em;
}
.confirmation-container .options-container {
  margin-top: 30px;
  max-width: 358px;
  margin-left: auto;
  margin-right: auto;
}
.confirmation-container .options-container .option br {
  display: none;
}
.confirmation-container .buttons-container {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.confirmation-container .buttons-container .button {
  width: 300px;
  max-width: 100%;
  height: 44px;
}
.confirmation-container.dark {
  background-color: #1d1d28;
  color: #fff;
}
.confirmation-container.dark p {
  font-size: 15px;
  margin-bottom: 10px;
}
.confirmation-container.dark p.large {
  opacity: 1;
  font-size: 20px;
  margin-bottom: 28px;
}
.confirmation-container.dark .button {
  font-size: 14px;
}
.confirmation-container.dark .button + .button {
  margin-top: 20px;
}
.confirmation-container .mat-mdc-select-value,
.confirmation-container .mat-select-value {
  color: white !important;
}
@media only screen and (min-width: 769px) {
  .confirmation-container h1 {
    font-size: 28px;
  }
  .confirmation-container h1 br {
    display: none;
  }
  .confirmation-container p {
    font-size: 14px;
  }
  .confirmation-container .text-container {
    margin: 0 auto;
    width: 360px;
  }
  .confirmation-container .buttons-container {
    flex-direction: row;
    margin-top: 60px;
  }
  .confirmation-container .buttons-container .button + .button {
    margin-left: 40px;
    margin-top: 0;
  }
}
.confirmation-container .app-store-buttons {
  margin-top: 30px;
}

.stream-now-button {
  text-transform: none;
  margin-bottom: 40px;
  width: 100%;
  border-radius: 5px;
  font-size: 26px;
  font-weight: normal;
}

.app-store-button-1 {
  height: 80px;
  float: left;
  margin-left: 40px;
}

.app-store-button-2 {
  height: 60px;
  float: right;
  margin-right: 40px;
  margin-top: 5px;
}

.options-container {
  text-align: left;
}
.options-container .option {
  display: flex;
  background-color: #32323b;
  border-radius: 8px;
  padding: 28px 20px;
  text-align: center;
}
.options-container .option .link {
  color: var(--colour-primary) !important;
}
.options-container .option .link:after {
  background-color: var(--colour-primary) !important;
}
.options-container .option:first-of-type {
  margin: 0 0 30px 0;
}
.options-container .option .icon .icon-tv {
  font-size: 42px;
}
.options-container .option .icon .icon-online {
  font-size: 36px;
  margin-right: 20px;
}
.options-container .option .text .title {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 700;
}
.options-container .option .text .title .watch-tv {
  margin-right: 10px;
  background: url('Channels.9f3d1f35921d2940.svg');
  width: 24px;
  height: 20px;
  content: "";
  display: inline-block;
  vertical-align: bottom;
}
.options-container .option .text .title .watch-online {
  margin-right: 10px;
  background: url('Play.14ddce2af9a95c16.svg');
  width: 19px;
  height: 24px;
  content: "";
  display: inline-block;
  vertical-align: bottom;
}
.options-container .option .text p {
  font-size: 16px;
  line-height: 24px;
}
.options-container .option .text .icon-arrow {
  font-size: 13px;
  margin-left: 10px;
}
.options-container .option + .option {
  margin-top: 2px;
}
@media only screen and (min-width: 769px) {
  .options-container .option {
    padding: 40px 50px;
  }
  .options-container .option .icon .icon-tv {
    font-size: 58px;
  }
  .options-container .option .icon .icon-online {
    font-size: 50px;
  }
  .options-container .option .text p {
    font-size: 14px;
  }
}

.button-bar {
  padding: 22px;
  height: 110px;
  color: var(--colour-light);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.button-bar .text-container h4 {
  font-size: 18px;
  font-family: var(--font-proximanova-bold), sans-serif;
  color: var(--colour-secondary);
  text-transform: none;
  margin-bottom: 8px;
  letter-spacing: 0;
}
.button-bar .text-container h4 + p {
  font-size: 14px;
  font-family: var(--font-proximanova-regular), sans-serif;
  color: var(--colour-light);
}
.button-bar .text-container p {
  font-size: 18px;
  font-family: var(--font-proximanova-bold), sans-serif;
}
.button-bar .cta-container {
  text-align: right;
}
.button-bar .cta-container a {
  color: var(--colour-light);
  font-size: 24px;
  font-family: var(--font-proximanova-bold), sans-serif;
  margin-bottom: 8px;
  display: block;
}
.button-bar .cta-container p {
  font-size: 14px;
  color: var(--colour-light);
}
.button-bar .button {
  height: 42px;
  font-size: 14px;
}
@media only screen and (min-width: 769px) {
  .button-bar {
    justify-content: center;
  }
  .button-bar .text-container p {
    font-size: 20px;
  }
  .button-bar .button {
    height: 40px;
    font-size: 16px;
  }
  .button-bar > * + * {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .button-bar {
    padding-left: calc(50vw - 512px);
    padding-right: calc(50vw - 512px);
  }
}

.header-container {
  background-color: var(--colour-header);
  color: var(--colour-complementary-6);
  padding: 13px 25px 40px;
  display: flex;
}
.header-container .icon-person {
  margin-right: 5px;
  margin-top: 8px;
  font-size: 18px;
}
.header-container .name {
  font-size: 28px;
  text-align: center;
}
.header-container .email {
  font-size: 16px;
  margin: 14px 0;
}
.header-container .heading {
  font-size: 28px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  color: var(--colour-complementary-6);
}
.header-container .heading + * {
  margin-top: 14px;
}
.header-container .button {
  height: 48px;
  font-size: 16px;
  background-color: #2b2b35;
}
.header-container .button .icon-edit {
  font-size: 10px;
}
@media (hover: hover) {
  .header-container .button:hover {
    color: var(--colour-primary);
    background-color: var(--colour-complementary-1);
  }
}
@media only screen and (min-width: 769px) {
  .header-container .icon-person {
    margin-right: 0;
  }
  .header-container .button .text {
    white-space: nowrap;
  }
}

.menu-container {
  color: var(--colour-light);
  display: flex;
  flex-direction: column;
}
.menu-container .menu-item {
  height: 94px;
  display: flex;
  align-items: center;
  position: relative;
}
.menu-container .menu-item .icon {
  margin-right: 15px;
  width: 22px;
  font-size: 14px;
  text-align: center;
  color: var(--colour-light);
}
.menu-container .menu-item .icon img {
  width: 100%;
}
.menu-container .menu-item .icon .icon-ticket {
  font-size: 16px;
}
.menu-container .menu-item .text {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
}
.menu-container .menu-item .notification {
  position: absolute;
  right: 25px;
}
.menu-container .button-container {
  display: flex;
  flex-grow: 1;
  align-items: flex-end;
  padding: 40px 45px;
  justify-content: center;
}
@media (hover: hover) {
  .menu-container .menu-item {
    transition: background-color 0.3s ease-in-out;
  }
  .menu-container .menu-item:hover {
    background-color: var(--colour-light-opacity-90);
  }
}
@media only screen and (min-width: 769px) {
  .menu-container {
    flex-grow: 1;
  }
  .menu-container .button-container .button {
    width: auto;
  }
}

.cards-container {
  padding: 20px 0;
}
.cards-container .card-container .text-container .heading {
  font-size: 28px;
  letter-spacing: 0;
  margin-bottom: 10px;
  text-align: center;
  font-family: var(--font-proximanova-bold), sans-serif;
  text-transform: none;
  line-height: 36px;
}
.cards-container .card-container .text-container .sub-headings {
  display: flex;
  justify-content: center;
}
.cards-container .card-container .text-container .sub-headings .sub-heading .text {
  font-size: 24px;
  line-height: 1em;
  font-family: var(--font-proximanova-bold), sans-serif;
}
.cards-container .card-container .text-container .sub-headings .sub-heading .ext {
  font-size: 13px;
  line-height: 1em;
  font-family: var(--font-proximanova-light), sans-serif;
}
.cards-container .card-container .card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: var(--card-border-width, 1px) solid var(--colour-card-border, transparent);
  border-radius: var(--corner-radius, 14px);
  padding: 14px 18px;
  position: relative;
}
.cards-container .card-container .card .options {
  position: absolute;
  right: 0;
  top: 0;
  padding: 14px 12px 0 0;
}
.cards-container .card-container .card .options .text {
  font-size: 10px;
  font-family: var(--font-proximanova-bold), sans-serif;
  letter-spacing: 0.1em;
}
.cards-container .card-container .card .options .text.red {
  color: var(--colour-red);
}
.cards-container .card-container .card .options [class^=icon-] {
  color: var(--colour-secondary);
  font-size: 18px;
}
.cards-container .card-container .card .options .notification {
  color: var(--colour-complementary-2);
  width: 24px;
  height: 24px;
  top: -5px;
  right: -3px;
  transform: none;
}
.cards-container .card-container .card .options .notification [class^=icon-] {
  color: #fff;
  font-size: 12px;
}
.cards-container .card-container .card .options .button {
  padding: 0 12px;
  height: 20px;
  font-size: 10px;
  background-color: transparent;
}
.cards-container .card-container .card .options .button + .button {
  margin-left: 10px;
}
.cards-container .card-container .card .options .button:nth-of-type(2) {
  background-color: var(--colour-secondary);
}
.cards-container .card-container .card .options .button:nth-of-type(2):hover {
  background-color: var(--colour-complementary-2);
  color: var(--colour-secondary);
}
.cards-container .card-container .card .card-logo {
  position: absolute;
  left: 0;
  top: 0;
  padding: 18px 0 0 32px;
  width: 84px;
  height: 52px;
}
.cards-container .card-container .card .card-logo img {
  max-width: 100%;
  opacity: 0.2;
}
.cards-container .card-container .card .card-logo img.payment-card {
  opacity: 1;
}
.cards-container .card-container .card .tag {
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  top: 25px;
  color: var(--colour-primary);
  font-family: var(--font-proximanova-bold), sans-serif;
  background-color: var(--colour-dark-opacity-80);
  border-radius: 20px;
  height: 25px;
  font-size: 10px;
  padding: 0 12px;
  line-height: 25px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.cards-container .card-container .card.payment-card {
  padding: 24px 30px;
}
.cards-container .card-container .card.payment-card .text-container .heading {
  text-align: left;
  font-family: var(--font-proximanova-regular), sans-serif;
  font-size: 19px;
  letter-spacing: 0.05em;
  margin-bottom: 24px;
  filter: none;
}
.cards-container .card-container .card.payment-card .text-container .sub-headings {
  justify-content: space-between;
}
.cards-container .card-container .card.payment-card .text-container .sub-headings .sub-heading {
  width: 40%;
}
.cards-container .card-container .card.payment-card .text-container .sub-headings .sub-heading .text {
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 6px;
  letter-spacing: 0.1em;
  opacity: 0.3;
  font-family: var(--font-proximanova-regular), sans-serif;
}
.cards-container .card-container .card.payment-card .text-container .sub-headings .sub-heading .ext {
  font-size: 15px;
  opacity: 0.7;
  font-family: var(--font-proximanova-regular), sans-serif;
}
@media only screen and (min-width: 321px) {
  .cards-container .card-container .card.payment-card .text-container .heading {
    letter-spacing: 0.16em;
  }
}
.cards-container .card-container .card.offer {
  text-align: center;
  height: 430px;
  justify-content: center;
  padding: 36px;
}
.cards-container .card-container .card.offer .text-container {
  z-index: 1;
}
.cards-container .card-container .card.offer .text-container .heading {
  letter-spacing: 0.05em;
  filter: drop-shadow(0 0 12px #0f1318);
  font-size: 32px;
}
.cards-container .card-container .card.offer .text-container .offer-heading {
  color: #e21a1a;
  font-size: 50px;
  font-family: var(--font-proximanova-extrabold), sans-serif;
  filter: drop-shadow(0 0 12px #0f1318);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.cards-container .card-container .card.offer .text-container .offer-ext {
  font-size: 16px;
  font-family: var(--font-proximanova-bold), sans-serif;
  filter: drop-shadow(0 0 12px #0f1318);
  margin-bottom: 12px;
}
.cards-container .card-container .card.offer .text-container p {
  font-size: 14px;
  filter: drop-shadow(0 0 12px #0f1318);
  margin-bottom: 32px;
  line-height: 1.4em;
}
.cards-container .card-container .card.offer .text-container .button {
  font-size: 14px;
  background-color: #c72c2c;
  color: #fff;
  padding: 0 30px;
  height: 44px;
}
.cards-container .card-container .card.offer:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  content: "";
}
.cards-container .card-container .card.wallet-google-pay {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cards-container .card-container .card.wallet-google-pay .card-logo {
  position: static;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cards-container .card-container .card.wallet-google-pay .card-logo img.payment-card {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  opacity: 1;
}
.cards-container .card-container .card.wallet-google-pay .text-container {
  display: none;
}
.cards-container .card-container .card.wallet-google-pay {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cards-container .card-container .card.wallet-google-pay .card-logo {
  position: static;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cards-container .card-container .card.wallet-google-pay .card-logo img.payment-card {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  opacity: 1;
}
.cards-container .card-container .card.wallet-google-pay .text-container {
  display: none;
}
.cards-container .card-container .card.card-overlay {
  background-image: url("/assets/images/viewing-card-overlay.png");
  background-size: 100% 100%;
  background-position: top right;
  background-color: var(--colour-light-opacity-95);
  max-width: 320px;
  height: 190px;
  margin-left: auto;
  margin-right: auto;
}
.cards-container .card-container .card.viewing-card {
  padding-bottom: 20px;
}
.cards-container .card-container .card.viewing-card .options {
  padding: 18px 18px 0 0;
}
.cards-container .card-container .card.viewing-card .options.editing {
  display: none;
}
.cards-container .card-container .card.viewing-card .text-container {
  text-align: center;
}
.cards-container .card-container .card.viewing-card .text-container .heading {
  font-family: var(--font-proximanova-regular), sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
  letter-spacing: 0.1em;
  text-transform: none;
  background-color: transparent;
  border: solid 1px var(--colour-complementary-4-opacity-80);
  border-radius: 30px;
  color: var(--colour-complementary-4);
  text-align: center;
  height: 40px;
  line-height: 40px;
  width: 100%;
  opacity: 0.8;
}
.cards-container .card-container .card.viewing-card .text-container .heading[readonly] {
  font-size: 22px;
  border-color: transparent;
}
.cards-container .card-container .card.viewing-card .text-container .input-container .input {
  height: 40px;
  line-height: 40px;
  background-color: transparent;
  border-color: var(--colour-complementary-4-opacity-80);
  opacity: 0.8;
}
.cards-container .card-container .card.viewing-card .text-container .input-container .input input {
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 16px;
}
.cards-container .card-container .card.viewing-card .text-container .input-container .input input[readonly] {
  font-size: 26px;
}
.cards-container .card-container .card.viewing-card .text-container .input-container .input.readonly {
  border-color: transparent;
}
.cards-container .card-container .card.viewing-card .text-container .input-container.split-input .input {
  padding-right: 12px;
}
.cards-container .card-container .card.viewing-card.editing .options {
  display: none;
}
.cards-container .card-container .card.viewing-card.editing .options.editing {
  display: flex;
}
.cards-container .card-container .card.viewing-card.editing .tag {
  display: none;
}
.cards-container .card-container .remove {
  font-size: 10px;
  text-transform: uppercase;
  font-family: var(--font-proximanova-bold), sans-serif;
  letter-spacing: 0.1em;
  color: var(--colour-red);
  position: relative;
  width: 320px;
  margin: 10px auto 0;
}
.cards-container .card-container + .card-container {
  margin-top: 20px;
}
.cards-container .card-container.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.cards-container .next-step-container {
  text-align: center;
  margin-top: 60px;
}
.cards-container .next-step-container p {
  font-family: var(--font-proximanova-bold), sans-serif;
  margin-bottom: 26px;
}
.cards-container .next-step-container .button {
  font-size: 14px;
  padding: 0 30px;
  height: 44px;
}
.cards-container .card-details {
  padding: 18px 0;
  display: flex;
  flex-wrap: wrap;
}
.cards-container .card-details .card-detail-item {
  padding: 8px 18px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.cards-container .card-details .card-detail-item .heading {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 3px;
  font-family: var(--font-proximanova-bold), sans-serif;
}
.cards-container .card-details .card-detail-item .heading.red {
  color: var(--colour-red);
}
.cards-container .card-details .card-detail-item > .text {
  font-size: 15px;
  line-height: 1.2em;
  display: flex;
  align-items: center;
}
.cards-container .card-details .card-detail-item > .text [class^=icon-] + * {
  margin-left: 10px;
}
.cards-container .card-details .card-detail-item > .text .white {
  color: #fff;
  line-height: 1em;
}
.cards-container .card-details .card-detail-item > .text + .open-popup {
  margin-top: 5px;
}
.cards-container .card-details .card-detail-item .button {
  font-size: 16px;
  height: 48px;
  width: 277px;
  padding: 12px 12px;
  gap: 8px;
  background: var(--colour-primary);
  border-radius: 0px;
  color: #0a0a0a;
}
.cards-container .card-details .card-detail-item .button:hover {
  color: #00ffaf;
  background-color: #0a0a0a;
}
.cards-container .card-details .card-detail-item .button-disabled {
  font-size: 16px;
  height: 48px;
  width: 277px;
  padding: 12px 48px;
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
  background-color: #2b2b35;
  color: #fff;
}
.cards-container .card-details .card-detail-item .link {
  background-color: var(--colour-light-opacity-90);
  padding: 0 10px;
  height: 30px;
  font-size: 10px;
  display: block;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}
.cards-container .card-details .card-detail-item .link:after {
  display: none;
}
.cards-container .card-details .card-detail-item .link.red {
  color: var(--colour-red);
}
.cards-container .card-details .card-detail-item .link.cancel {
  background-color: none;
}
.cards-container .card-details .card-detail-item .open-popup {
  position: relative;
  font-size: 13px;
  align-items: flex-end;
  padding-bottom: 4px;
  cursor: pointer;
}
.cards-container .card-details .card-detail-item .open-popup [class^=icon-] + * {
  margin-left: 5px;
}
.cards-container .card-details .card-detail-item .open-popup:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--colour-light-opacity-80);
  bottom: 0;
  left: 0;
  transition: background-color 0.3s ease-in-out;
}
@media (hover: hover) {
  .cards-container .card-details .card-detail-item .open-popup {
    transition: color 0.3s ease-in-out;
  }
  .cards-container .card-details .card-detail-item .open-popup:hover {
    color: var(--colour-light-opacity-20);
  }
  .cards-container .card-details .card-detail-item .open-popup:hover:after {
    background-color: var(--colour-light-opacity-20);
  }
}
.cards-container .card-details .card-detail-item.full-width {
  width: 100%;
}
.cards-container .card-details .card-detail-item.align-bottom {
  justify-content: flex-end;
}
.cards-container .desktop {
  display: none;
}
.cards-container + .button {
  margin-bottom: 40px;
}
.cards-container.full .card-container {
  flex-wrap: wrap;
}
.cards-container.full .card-container .card {
  margin-bottom: 10px;
}
@media only screen and (min-width: 769px) {
  .cards-container .desktop {
    display: block;
  }
  .cards-container .mobile {
    display: none;
  }
  .cards-container .card-container {
    width: 47%;
    margin-bottom: 40px;
  }
  .cards-container .card-container .card .tag {
    top: 36px;
    font-size: 12px;
    padding: 0 14px;
    height: 30px;
    line-height: 30px;
    background-color: var(--colour-dark);
  }
  .cards-container .card-container .card .card-logo {
    width: 124px;
    height: 62px;
    padding-left: 40px;
    padding-top: 35px;
  }
  .cards-container .card-container .card .options {
    padding: 44px 42px 0 0;
  }
  .cards-container .card-container .card.offer {
    border-radius: 0;
  }
  .cards-container .card-container .card.offer .text-container {
    z-index: 1;
    width: 400px;
    margin: 0 auto;
  }
  .cards-container .card-container .card.offer .text-container p {
    padding: 0 40px;
  }
  .cards-container .card-container .card.offer .text-container .button {
    width: 100%;
    font-size: 18px;
    height: 60px;
  }
  .cards-container .card-container .card.card-overlay {
    max-width: 100%;
    height: 250px;
  }
  .cards-container .card-container .card.viewing-card {
    padding: 40px 44px;
  }
  .cards-container .card-container .card.viewing-card .options {
    padding-top: 40px;
    padding-right: 40px;
  }
  .cards-container .card-container .card.viewing-card .text-container {
    margin-top: 40px;
  }
  .cards-container .card-container .card.payment-card {
    padding: 40px 44px;
  }
  .cards-container .card-container .card.payment-card .text-container .heading {
    font-size: 18px;
    margin-bottom: 27px;
  }
  .cards-container .card-container .card.payment-card .text-container .sub-headings .sub-heading .text {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .cards-container .card-container .card.payment-card .text-container .sub-headings .sub-heading .ext {
    font-size: 13px;
  }
  .cards-container .card-container .next-step-container .button {
    font-size: 12px;
    height: 30px;
  }
  .cards-container .card-container + .card-container {
    margin-top: 0;
  }
  .cards-container .card-container.offer {
    width: 100%;
  }
  .cards-container .card-container.subscription {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .cards-container .card-container.subscription .card {
    width: 50%;
    height: auto;
    border-radius: 0;
    display: none;
  }
  .cards-container .card-container.subscription .card-details {
    width: 430px;
    padding: 40px;
  }
  .cards-container .card-container.subscription .card-details .card-detail-item {
    padding-top: 0;
    padding-left: 0;
    margin-bottom: 20px;
  }
  .cards-container .card-container.subscription .card-details .card-detail-item .heading {
    margin-bottom: 10px;
  }
  .cards-container .card-container.subscription .card-details .card-detail-item .link {
    background-color: var(--colour-light-opacity-90);
    border-radius: 0;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    letter-spacing: 0.1em;
    margin-top: 8px;
  }
  .cards-container .card-container.subscription .card-details .card-detail-item .link.cancel {
    background-color: transparent;
    color: var(--colour-light-opacity-60);
  }
  .cards-container .card-container.subscription .card-details .card-detail-item:last-child {
    margin-bottom: 0;
  }
  .cards-container .card-container.subscription .card-details .desktop {
    width: 100%;
  }
  .cards-container .card-container.subscription .card-details .text-container {
    margin-bottom: 40px;
  }
  .cards-container .card-container.subscription .card-details .text-container .heading {
    font-size: 36px;
    margin-bottom: 15px;
    font-family: var(--font-viaplay-black), sans-serif;
  }
  .cards-container .card-container.subscription .card-details .text-container .sub-headings .sub-heading {
    display: flex;
    align-items: flex-end;
  }
  .cards-container .card-container.subscription .card-details .text-container .sub-headings .sub-heading .ext {
    line-height: 1.4em;
  }
  .cards-container .card-container.subscription .card-details .text-container .sub-headings .sub-heading > * + * {
    margin-left: 10px;
  }
  .cards-container .card-container.subscription + .card-container.subscription {
    margin-top: 40px;
  }
  .cards-container .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 910px) {
  .cards-container .card-container .card.payment-card .text-container .heading {
    font-size: 22px;
  }
}

.payment-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 207px;
  height: 135px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
}
.payment-details .payment-card-logo {
  margin-left: 30%;
}
.payment-details .payment-card-logo-googlepay {
  margin-left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
  object-fit: contain;
}
.payment-details .payment-masked-card {
  font-size: 16px;
  line-height: 100%;
}

.card-text {
  width: 50%;
  height: auto;
  border-radius: 0;
  text-align: center;
}

.link {
  color: var(--colour-primary);
}

.card-container-flex {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}

.card-text-flex {
  width: 80%;
  height: auto;
  border-radius: 0;
  text-align: center;
  max-width: 360px;
}

.notification {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 30px;
  height: 30px;
  background-color: var(--colour-secondary);
  color: var(--colour-complementary-2);
  font-size: 16px;
  border-radius: 30px;
  text-align: center;
  line-height: 31px;
}

.history-container .history-item {
  max-width: 430px;
  margin: auto;
  padding: 25px 0;
  border-bottom: solid 1px var(--colour-light-opacity-90);
}
.history-container .history-item .row {
  display: flex;
}
.history-container .history-item .top {
  font-size: 15px;
  opacity: 0.4;
  margin-bottom: 13px;
}
.history-container .history-item .top .text + .text {
  margin-left: 16px;
}
.history-container .history-item .middle {
  margin-bottom: 6px;
  justify-content: space-between;
  font-size: 16px;
  font-family: var(--font-proximanova-bold), sans-serif;
}
.history-container .history-item .bottom {
  font-size: 13px;
}

.empty-container {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 60px;
}
.empty-container .icon-search {
  font-size: 80px;
  margin-bottom: 20px;
  color: var(--colour-light-opacity-80);
}
.empty-container p {
  font-size: 16px;
  margin-bottom: 46px;
  color: var(--colour-complementary-5);
}

.logo-container {
  display: block;
  flex-grow: 1;
  width: auto;
  height: var(--logo-container-height, 41px);
  background-size: auto var(--logo-height, 30px);
  background-position: left center;
  background-repeat: no-repeat;
}

.logo-container-secondary {
  display: block;
  flex-grow: 1;
  width: 93px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}

a.logo-container {
  transition: opacity 0.3s ease-in-out;
}
a.logo-container:hover {
  opacity: var(--opacity-hover, 0.6);
}

.redirect-form-container {
  display: none;
}

.loading-bar {
  width: 300px;
  max-width: 100%;
  height: 5px;
  background-color: var(--colour-light-opacity-70);
  border-radius: var(--corner-radius, 14px);
  overflow: hidden;
  position: relative;
}
.loading-bar .anim-bar {
  background-color: var(--colour-light);
  position: absolute;
  width: 60%;
  height: 100%;
  left: 0;
  border-radius: var(--corner-radius, 14px);
  opacity: 0.7;
  animation: loadingBar 1s forwards infinite;
}

.prompt-container {
  position: fixed;
  z-index: 30;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  overflow: auto;
  padding: 60px 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.prompt-container .overlay {
  position: fixed;
  z-index: 1;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.1);
}
.prompt-container .prompt {
  background-color: var(--colour-background);
  padding: 30px 24px;
  width: 370px;
  max-width: 100%;
  z-index: 2;
}
.prompt-container .prompt > * + * {
  margin-top: 30px;
}
.prompt-container .prompt .heading {
  color: var(--colour-dark);
  font-size: 20px;
  font-family: var(--font-proximanova-bold), sans-serif;
}
.prompt-container .prompt p {
  color: #fff;
  font-size: 15px;
  line-height: 1.3em;
}
.prompt-container .prompt .options {
  width: 100%;
}
.prompt-container .prompt .options .option {
  background-color: var(--colour-dark-opacity-90);
  color: var(--colour-dark-opacity-50);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  cursor: pointer;
}
.prompt-container .prompt .options .option .name {
  font-family: var(--font-proximanova-bold), sans-serif;
  font-size: 16px;
  line-height: 26px;
}
.prompt-container .prompt .options .option .price {
  text-align: right;
}
.prompt-container .prompt .options .option .price .text {
  font-family: var(--font-proximanova-bold), sans-serif;
  font-size: 26px;
  line-height: 1em;
}
.prompt-container .prompt .options .option .price .ext {
  font-size: 12px;
}
.prompt-container .prompt .options .option.selected {
  background-color: var(--colour-primary);
  color: var(--colour-complementary-1);
}
.prompt-container .prompt .options .option + .option {
  margin-top: 1px;
}
.prompt-container .prompt .text-container > * + * {
  margin-top: 15px;
}
.prompt-container .prompt .buttons-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.prompt-container .prompt .buttons-container .button + .button {
  margin-left: 12px;
}
@media only screen and (min-width: 769px) {
  .prompt-container {
    padding: 10% 0 120px;
  }
}

.overlay {
  z-index: 1000;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
}

/* MDC dialog — spinner panel must be fully transparent */
.spinner-dialog-panel .mat-mdc-dialog-container {
  --mat-dialog-container-color: transparent;
  box-shadow: none;
  background: transparent;
}

.spinner-dialog-panel .mat-mdc-dialog-surface {
  background: transparent !important;
  box-shadow: none !important;
}

/* Spinner backdrop — near-opaque black */
.spinner-dialog-backdrop.cdk-overlay-backdrop-showing {
  background: rgba(0, 0, 0, 0.95);
}

/* MDC progress spinner stroke colour */
.mat-mdc-progress-spinner circle,
.mat-mdc-spinner circle {
  stroke: var(--colour-primary);
}

/* Legacy fallbacks */
.mat-dialog-container {
  box-shadow: none;
  background: transparent;
}

.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: var(--colour-primary);
}

section {
  position: relative;
}
section.login-container {
  background-color: var(--colour-background);
  color: var(--colour-complementary-5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 60px);
  min-height: calc(var(--vh, 1vh) * 100 - 60px);
}
section.login-container .heading-container {
  text-align: center;
  padding: 0 46px 34px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
section.login-container .heading-container .heading {
  font-size: 30px;
  margin-bottom: 30px;
}
section.login-container .heading-container .icon-lightbulb {
  font-size: 22px;
  margin-bottom: 14px;
}
section.login-container .heading-container p {
  font-size: 14px;
}
section.login-container .heading-container p strong {
  color: var(--colour-complementary-5);
}
section.login-container .heading-container p a {
  color: var(--colour-light);
}
section.login-container .heading-container p + p {
  margin-top: 24px;
}
section.login-container .heading-container p.large {
  font-size: 24px;
}
section.login-container .input-rows {
  padding: 0 46px 60px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.login-container .input-rows .input-row {
  width: 100%;
  max-width: 370px;
}
section.login-container .input-rows .input-row.align-bottom {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
section.login-container .input-container.text input {
  background-color: var(--colour-input-background, #2a2a2a);
  border: 1px solid rgba(255, 255, 255, 0.12);
  height: 48px;
  line-height: 48px;
  color: var(--colour-input-value, #fff);
  caret-color: var(--colour-input-value, #fff);
  border-radius: 0;
}
section.login-container .input-container.text input::placeholder {
  color: var(--colour-input-placeholder, rgba(255, 255, 255, 0.8));
  opacity: 1;
}
section.login-container .input-container.text .show-password {
  top: 18px;
  width: 22px;
  height: 20px;
  color: var(--colour-complementary-5);
  background: url('watch.ebd0120d51020162.svg');
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}
section.login-container .input-container.checkbox-single .text {
  color: var(--colour-complementary-5);
}
section.login-container .input-container.checkbox-single .text {
  color: var(--colour-complementary-5);
}
section.login-container .input-row.two {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 0 6px;
}
section.login-container .link {
  color: var(--colour-complementary-5);
  font-size: 14px;
}
section.login-container .link:after {
  background-color: var(--colour-complementary-5);
  opacity: 0.5;
}
section.login-container.with-button-bar {
  min-height: calc(100vh - 170px);
  min-height: calc(var(--vh, 1vh) * 100 - 170px);
}
@media only screen and (min-width: 769px) {
  section.login-container {
    min-height: calc(100vh - 200px);
    min-height: calc(var(--vh, 1vh) * 100 - 200px);
  }
  section.login-container .heading-container .heading {
    font-size: 28px;
  }
  section.login-container .heading-container p {
    color: var(--colour-complementary-5);
  }
  section.login-container .heading-container p br {
    display: none;
  }
  section.login-container .button {
    height: 48px;
  }
  section.login-container.with-button-bar {
    min-height: calc(100vh - 200px);
    min-height: calc(var(--vh, 1vh) * 100 - 200px);
  }
}
section .overflow-container {
  text-align: center;
  padding: 0 46px 34px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section .overflow-container .heading {
  font-size: 30px;
  margin-bottom: 30px;
}
section .overflow-container .icon-lightbulb {
  font-size: 22px;
  margin-bottom: 14px;
}
section .overflow-container p {
  color: var(--colour-complementary-5-opacity-20);
  font-size: 14px;
}
section .overflow-container p strong {
  color: var(--colour-complementary-5);
}
section .overflow-container p a {
  color: var(--colour-primary);
}
section .overflow-container p + p {
  margin-top: 24px;
}
section .overflow-container p.large {
  font-size: 24px;
}
section .contact {
  color: rgb(0, 255, 175);
}
section.login-container .btn.ghost {
  background: transparent !important;
  border: none !important;
  color: var(--colour-primary) !important;
}
section.channel-container .desktop {
  display: none;
}
section.channel-container .channel-section {
  background-color: var(--colour-background);
  color: var(--colour-complementary-4);
  padding: 20px 0;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}
section.channel-container .channel-section .heading {
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: var(--font-proximanova-bold), sans-serif;
}
section.channel-container .channel-section.heading-container {
  padding-top: 300px;
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
section.channel-container .channel-section.heading-container .heading {
  font-size: 32px;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: var(--font-proximanova-black), sans-serif;
}
section.channel-container .channel-section.heading-container .sub-headings {
  display: flex;
}
section.channel-container .channel-section.heading-container .sub-headings .sub-heading + .sub-heading {
  margin-left: 10px;
}
section.channel-container .channel-section.heading-container .sub-heading .text {
  font-size: 24px;
  line-height: 0.9em;
}
section.channel-container .channel-section.heading-container .sub-heading .text.small {
  line-height: 20px;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.8);
}
section.channel-container .channel-section.heading-container .sub-heading .ext {
  font-size: 13px;
  color: rgb(255, 255, 255);
}
@media only screen and (max-width: 480px) {
  section.channel-container .channel-section.heading-container {
    padding-top: 144px;
    background-position: 83% -28px !important;
    background-size: 120% !important;
  }
  section.channel-container .channel-section.heading-container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #1d1d28, #1d1d28);
    opacity: 0.6;
  }
}
section.channel-container .channel-section.accordion-container {
  padding: 20px 0;
}
section.channel-container .channel-section.border-none {
  border-bottom: none;
  padding-bottom: 0;
}
section.channel-container .channel-section.no-margin {
  margin-bottom: 0;
}
section.channel-container .channel-section.button-container {
  padding: 0;
}
section.channel-container .channel-section.background-alternate .inner {
  background-color: var(--colour-primary-opacity-80);
  padding: 30px 0px;
  border-radius: 6px;
}
section.channel-container .channel-section.background-alternate .input-container.checkbox-single .checkbox {
  margin-right: 0;
}
section.channel-container .channel-section.background-alternate .input-container.checkbox-single .text {
  color: #fff;
  font-size: 15px;
}
section.channel-container .channel-section.background-alternate .input-row {
  align-items: flex-start;
}
section.channel-container .channel-section.background-alternate .input-row .input-container {
  padding-right: 10px;
}
section.channel-container .channel-section.background-alternate .input-row .input-container:last-of-type {
  padding-right: 0;
}
section.channel-container .channel-section.background-alternate .input-row .input-container + .input-container {
  margin-left: 0;
}
section.channel-container .channel-section.background-alternate.no-border-top-left .inner {
  border-top-left-radius: 0;
}
section.channel-container .channel-section.background-alternate.no-border-top-right .inner {
  border-top-right-radius: 0;
}
section.channel-container .channel-section.tabs {
  padding-bottom: 0;
}
section.channel-container .channel-section.tabs + .channel-section {
  padding-top: 0;
}
@media only screen and (max-width: 480px) {
  section.channel-container .channel-section.tabs + .channel-section {
    text-align: center;
  }
}
section.channel-container .channel-section.last {
  padding-bottom: 30px;
}
@media only screen and (min-width: 769px) {
  section.channel-container {
    display: flex;
    padding: 0px calc(50vw - 512px) 0;
    min-height: calc(100vh - 200px);
    min-height: calc(var(--vh, 1vh) * 100 - 200px);
  }
  section.channel-container .desktop {
    display: block;
  }
  section.channel-container .mobile {
    display: none;
  }
  section.channel-container .channel-section {
    background-color: transparent;
  }
  section.channel-container .channel-section.heading-container {
    padding: 0 0 30px;
    margin-bottom: 0;
  }
  section.channel-container .channel-section.heading-container .inner {
    width: 100%;
  }
  section.channel-container .channel-section.heading-container .heading {
    margin-bottom: 15px;
  }
  section.channel-container .channel-section.heading-container .sub-headings .sub-heading {
    display: flex;
    align-items: flex-end;
  }
  section.channel-container .channel-section.heading-container .sub-headings .sub-heading > * + * {
    margin-left: 10px;
  }
  section.channel-container .channel-section.heading-container.image-container {
    height: 100%;
    padding: 0;
    border-bottom: none;
  }
  section.channel-container .channel-section.accordion-container {
    padding: 12px 0;
  }
  section.channel-container .channel-section.accordion-container .inner {
    width: 100%;
  }
  section.channel-container .channel-section:last-child {
    margin-bottom: 0;
  }
  section.channel-container > .desktop-inner-section {
    width: 50%;
    background-color: var(--colour-background);
  }
  section.channel-container > .desktop-inner-section:nth-of-type(2) {
    padding: 26px 40px;
  }
  section.channel-container .button {
    border-radius: 4px;
  }
}
section.channel-column-container {
  background-color: var(--colour-background);
  color: var(--colour-complementary-5);
  display: flex;
  flex-direction: column;
  justify-content: start;
  max-width: 430px;
  width: 100%;
}
section.channel-column-container .p-title {
  text-transform: uppercase;
  font-weight: bold;
  color: var(--colour-primary);
  font-size: 16px !important;
}
section.channel-column-container .heading-container {
  text-align: center;
  padding: 0 46px 34px;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
section.channel-column-container .heading-container .heading {
  font-size: 30px;
  margin-bottom: 30px;
}
section.channel-column-container .heading-container .icon-lightbulb {
  font-size: 22px;
  margin-bottom: 14px;
}
section.channel-column-container .heading-container p {
  font-size: 14px;
}
section.channel-column-container .heading-container p strong {
  color: var(--colour-complementary-5);
}
section.channel-column-container .heading-container p a {
  color: var(--colour-light);
}
section.channel-column-container .heading-container p + p {
  margin-top: 24px;
}
section.channel-column-container .heading-container p.large {
  font-size: 24px;
}
section.channel-column-container .product-container {
  text-align: center;
  padding: 0 30px 34px;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
section.channel-column-container .product-rows {
  margin-top: 24px;
}
section.channel-column-container .product {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 8px;
  background-color: var(--colour-background);
  color: var(--colour-complementary-5);
  width: 100%;
  min-height: 48px;
  font-size: 16px;
  padding: 12px 24px;
  margin-bottom: 12px;
  border: 2px solid var(--colour-complementary-5);
}
section.channel-column-container .product.active {
  font-weight: bold;
  border: 2px solid var(--colour-primary);
}
section.channel-column-container .product .product-name {
  grid-column: span 3/span 3;
  text-align: left;
}
section.channel-column-container .product .product-price {
  grid-column: span 2/span 2;
  grid-column-start: 4;
  text-align: right;
  margin: auto;
  width: 100%;
}
section.channel-column-container .product .product-price .ext {
  text-transform: lowercase;
}
section.channel-column-container .subscribe-button {
  width: 100%;
  margin-top: 24px;
  padding: 0 0 0 0;
}
section.channel-column-container .subscribe-button .product-price {
  font-weight: normal;
}
section.channel-column-container .subscribe-button .ext {
  text-transform: lowercase;
  font-weight: normal;
}
section.account-container {
  display: flex;
  flex-direction: column;
  background-color: var(--colour-background);
  color: var(--colour-complementary-4);
}
section.account-container .inner {
  width: 100%;
}
section.account-container .mat-select-value {
  color: white !important;
}
section.account-container .menu-container,
section.account-container .cards-container,
section.account-container > .inner {
  flex-grow: 1;
}
section.account-container .confirmation-container {
  min-height: 0;
  flex-grow: 1;
  display: flex;
  align-items: center;
}
section.account-container .confirmation-container .inner {
  min-height: 0;
  height: 100%;
}
section.account-container .cards-container .inner,
section.account-container .history-container .inner,
section.account-container .confirmation-container .inner,
section.account-container .tab-content-container .inner {
  width: calc(100% - 40px);
}
section.account-container .tab-content-container .accordion-content > .desktop-inner-section + .desktop-inner-section {
  margin-top: 18px;
}
@media only screen and (min-width: 769px) {
  section.account-container {
    min-height: initial;
  }
  section.account-container .inner {
    max-width: 860px;
  }
  section.account-container .header-container {
    text-align: center;
    justify-content: center;
  }
  section.account-container .confirmation-container {
    min-height: calc(100vh - 272px);
    min-height: calc(var(--vh, 1vh) * 100 - 272px);
    padding: 40px 0;
  }
  section.account-container .tab-content-container .tab-content .tab-content-section {
    margin-bottom: 40px;
  }
  section.account-container .tab-content-container .tab-content .tab-content-section:after {
    content: "";
    position: absolute;
    left: calc(50% - 430px);
    right: calc(50% - 430px);
    bottom: 0;
    height: 1px;
    background-color: var(--colour-dark-opacity-90);
  }
}
section.register-container {
  display: flex;
  flex-direction: column;
}
section.register-container .confirmation-container .link {
  display: inline-block;
  color: var(--colour-complementary-4);
}
section.register-container .confirmation-container .link:after {
  background-color: var(--colour-complementary-4);
}
section.register-container .confirmation-container * + .link {
  margin-top: 10px;
}
section.register-container .cards-container .card-container {
  overflow: auto;
  display: flex;
  width: auto;
  margin-bottom: 0;
}
section.register-container .cards-container .card-container .card {
  flex-grow: 0;
  flex-shrink: 0;
  background-color: #000;
  color: var(--colour-light);
  width: 220px;
  height: 130px;
  padding: 12px 14px;
  margin-left: 0;
  margin-right: 10px;
  cursor: pointer;
}
section.register-container .cards-container .card-container .card .options {
  padding: 14px 12px 0 0;
}
section.register-container .cards-container .card-container .card .card-logo {
  padding: 11px 0 0 12px;
  width: 51px;
  height: 27px;
}
section.register-container .cards-container .card-container .card .text-container .heading {
  font-size: 14px;
  margin-bottom: 7px;
}
section.register-container .cards-container .card-container .card .text-container .sub-headings .sub-heading .text {
  font-size: 10px;
}
section.register-container .cards-container .card-container .card .text-container .sub-headings .sub-heading .ext {
  font-size: 14px;
}
section.register-container .cards-container .button {
  margin-top: 20px;
  height: 40px;
  font-size: 11px;
}
section.register-container .cards-container .button [class^=icon-] {
  font-size: 10px;
}
section.register-container.full-height {
  min-height: calc(100vh - 60px);
  min-height: calc(var(--vh, 1vh) * 100 - 60px);
}
section.register-container.full-height .tab-content-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
section.register-container.full-height .tab-content-container .tab-content {
  flex-grow: 1;
}
@media only screen and (min-width: 769px) {
  section.register-container.full-height {
    min-height: calc(100vh - 200px);
    min-height: calc(var(--vh, 1vh) * 100 - 200px);
  }
}
section .register-link {
  font-weight: bold;
  text-decoration: underline;
}
section.page-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-content: center;
}
section .tabs {
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
section .tabs div {
  color: white;
  opacity: 50%;
  border-bottom: 6px solid white;
  padding: 10px 5px;
  text-align: center;
  flex: 1;
  transition: all 0.3s ease;
  text-transform: uppercase;
}
section .tabs div.active,
section div.completed {
  color: var(--colour-primary);
  opacity: 100%;
  border-bottom: 6px solid var(--colour-primary);
}
section .buttons {
  display: flex;
  justify-content: center;
  width: 100%;
}
section .step-container {
  padding: 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
section .step-container h3 {
  color: var(--colour-primary);
  font-size: 20px;
  font-weight: 400;
}
section .step-container h4 {
  font-size: 18px;
  font-weight: 700;
}
section .step-container p {
  font-size: var(--default-font-size);
  font-weight: 400;
}
section .step-container .mat-form-field-wrapper {
  position: relative;
  line-height: normal;
}
section .step-container .mat-input-element {
  color: black;
  margin-bottom: 5px;
}
section .step-container .mat-chip {
  font-size: var(--default-font-size);
}
section .step-container .mat-select-arrow {
  color: black !important;
  margin-right: 10px;
}
section .step-container .mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.5em solid transparent !important;
}
section .step-container .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: white !important;
  padding: 0 0 0 0.7em;
  height: 40px;
}
section .step-container mat-label {
  font-size: 16px;
}
section .step-container .mat-error {
  color: var(--colour-error);
  margin-top: 15px;
}
section .step-container .mat-error a {
  color: inherit;
  text-decoration: underline;
}
section .step-container .mat-error-label {
  color: var(--colour-error);
}
section .step-container .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: var(--colour-error);
}
section .step-container .mat-form-field {
  border: 1px solid rgba(0, 0, 0, 0.5);
}
section .step-container .mat-form-field.mat-form-field-invalid {
  border: 1px solid var(--colour-error);
}
section .step-container .mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--colour-error);
}
section .step-container .mat-form-field-appearance-fill .mat-form-field-subscript-wrapper {
  padding: 0 0 0 0;
}
section .step-container .mat-form-field-disabled {
  opacity: 0.5;
}
section .step-container .mat-checkbox-disabled .mat-checkbox-label {
  color: white !important;
}
section .step-container {
  /* Style icons to appear inside input fields */
}
section .step-container mat-icon.checkmark-icon,
section .step-container mat-icon.visibility-icon,
section .step-container mat-icon.search-icon {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  color: #000000;
  font-weight: 400;
  font-size: 21px;
}
section .step-container mat-icon.checkmark-icon,
section .step-container mat-icon.visibility-icon {
  color: var(--colour-input-value, #ffffff);
}
section .step-container mat-icon.date-icon {
  margin-top: 5px !important;
  color: #000000;
}
section .step-container .section-header {
  text-align: center;
  margin: 10px 0 10px 0;
}
section .step-container .password-details-section-container,
section .step-container .consents-section-container,
section .step-container .personal-details-section-container,
section .step-container .sky-details-section-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
section .step-container .dark-section {
  width: 100vw;
  position: relative;
  background-color: var(--colour-dark-section-background, #282b28);
}
section .step-container .next-button-container {
  width: 100vw;
  position: relative;
}
section .step-container .submit-section {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 20px 0 20px 0;
}
section .step-container .address-details-section-container,
section .step-container .password-details-section-container,
section .step-container .consents-section-container,
section .step-container .postcode-only-section-container,
section .step-container .personal-details-section-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 10px 0 10px 0;
}
section .step-container .personal-details-section,
section .step-container .password-details-section,
section .step-container .consents-details-section,
section .step-container .postcode-only-section,
section .step-container .sky-details-section,
section .step-container .address-details-section {
  margin: 10px 0 10px 0;
  width: 100%;
  max-width: 305px;
  min-width: 300px;
}
section .step-container .personal-details-section:not(.password-details-section) > div + div,
section .step-container .password-details-section:not(.password-details-section) > div + div,
section .step-container .consents-details-section:not(.password-details-section) > div + div,
section .step-container .postcode-only-section:not(.password-details-section) > div + div,
section .step-container .sky-details-section:not(.password-details-section) > div + div,
section .step-container .address-details-section:not(.password-details-section) > div + div {
  margin-top: 4px;
}
section .step-container .consents-section-container {
  margin: 10px 0 10px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
section .step-container .consents-section {
  display: flex;
  align-content: center;
  justify-content: center;
  max-width: 305px;
}
section .step-container .postcode-only-section .postcode-field {
  width: 100%;
}
section .step-container .postcode-only-section .postcode-button {
  width: 100%;
}
section .step-container {
  /* Default: Single column layout for mobile */
}
section .step-container .password-details-section {
  width: 100vw;
  display: grid;
  grid-template-columns: 1fr; /* Single column on mobile */
}
section .step-container {
  /* Two columns on desktops */
}
@media (min-width: 768px) {
  section .step-container .password-details-section {
    grid-template-columns: 1fr 1fr; /* Two equal-width columns */
    max-width: 620px;
    grid-gap: 10px;
    align-items: start; /* Align both columns to same top */
  }
  section .step-container .payment-method-card {
    width: 80%;
  }
}
section .flex-checkbox {
  padding: 0 5px 0 5px;
}
section .checkbox-link {
  color: inherit;
  line-height: inherit;
  text-decoration: underline;
}
section ::-webkit-calendar-picker-indicator {
  margin-right: 17.5px;
}
section .mat-chip-set {
  justify-content: center;
}
section .mat-checkbox-checked.mat-accent .mat-checkbox-background,
section .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #ffffff;
}
section .mat-checkbox-background {
  background-color: #ffffff;
}
section .mat-checkbox-background svg path {
  fill: transparent;
}
section .mat-checkbox-background .mat-checkbox-checkmark-path {
  stroke: #000000;
}
section .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
section .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: transparent;
}
section .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background svg path,
section .mat-checkbox-checked.mat-accent .mat-checkbox-background svg path {
  fill: #000000 !important;
}
section .mat-ripple-element {
  display: none !important;
}
section .mat-checkbox-frame {
  border-color: transparent;
}
section .mat-select-value {
  color: rgba(0, 0, 0, 0.87) !important;
}
section .page-container .mat-select-value {
  color: #ffffff !important;
}
section .mat-select-panel {
  background: #282b28;
  margin-top: 25px;
  box-shadow: none;
  margin-left: 5px;
  min-width: calc(100% + 12px) !important;
  border-radius: 0 0 4px 4px !important;
}
section .mat-form-field-appearance-fill .mat-select-arrow-wrapper {
  transform: none;
}
section .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: black !important;
}
section .valid-chip {
  background-color: var(--colour-password-match) !important;
  color: white !important;
}
section .invalid-chip {
  background-color: var(--colour-password-error) !important;
  color: white !important;
}
section .backdrop-blur {
  background: rgb(0, 0, 0);
}
section .mat-dialog-container {
  background: rgba(255, 255, 255, 0.9);
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
section .cart-details {
  max-width: 305px;
  width: 80%;
}
section .cart-details th {
  color: var(--colour-primary);
}
section .cart-details th:first-child {
  text-align: left;
}
section .cart-details th:last-child {
  text-align: right;
}
section .cart-details td:first-child {
  text-align: left;
}
section .cart-details td:last-child {
  text-align: right;
}
section .discount-applied mat-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
}
section .promo-container {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 305px;
}
section .promo-container .promo-button {
  height: 48px;
  margin-top: 0;
}
section .promo-form {
  max-width: 305px;
  width: 80%;
}
section .promo-input {
  width: 80%; /* Input takes 80% width */
}
section .promo-button {
  width: 20%;
  height: 48px;
  border-radius: 0;
  border: 0.5px solid white;
  background-color: transparent !important;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: -1px;
}
section .centered {
  text-align: center;
}
section .centered .go-back {
  margin-top: 20px;
}
section .centered .go-back:hover {
  cursor: pointer;
}
section .watch-tv {
  font-size: 18px !important;
  color: var(--colour-primary);
}
section .payment-method-card {
  width: 100%;
}
section .payment-method-card .next-button-container {
  width: auto;
  text-transform: uppercase;
}
section .catalogue-link {
  margin-top: 5px;
  color: var(--colour-primary);
  text-decoration: underline;
}
section .dimmed {
  opacity: 0.8;
  pointer-events: none;
}
section #createCardFrame {
  width: 100%;
}
section #createCardFrame.awaiting-hpp-dimensions {
  min-height: 620px;
}
section .postcode-field {
  width: 70%;
}
section .postcode-button {
  border: 2px solid var(--colour-primary);
  width: 30%;
  height: 48px;
  min-height: 48px;
  line-height: 48px;
  top: 0;
  border-radius: 0px;
  margin-left: -1px;
  padding: 0 8px;
  background: black !important;
  color: var(--colour-primary) !important;
  text-transform: uppercase;
  vertical-align: top;
  box-shadow: none !important;
}
section .postcode-button .mdc-button__label {
  line-height: 40px;
}
section .app-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-top: 10px;
}
section .app-links .app-link {
  margin: 10px;
}

header {
  width: 100%;
  height: var(--header-height, 100px);
  background-color: var(--colour-header);
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .close-icon {
  width: 30px;
  height: 30px;
  right: -8px;
  position: relative;
  transition: opacity 0.3s ease-in-out;
}
header .close-icon:before, header .close-icon:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 20px;
  background-color: var(--colour-complementary-6);
  left: 14px;
  top: 5px;
}
header .close-icon:before {
  transform: rotate(-45deg);
}
header .close-icon:after {
  transform: rotate(45deg);
}
header .close-icon:hover {
  opacity: var(--opacity-hover, 0.7);
}
header .back-button {
  transform: rotate(180deg);
  margin-right: 20px;
  top: -2px;
  position: relative;
}
header a,
header > span,
header > div {
  color: var(--colour-complementary-6);
  font-size: 18px;
  position: relative;
  cursor: pointer;
}
header a:not(.logo-container):not(.close-icon):not(.back-button):after,
header > span:not(.logo-container):not(.close-icon):not(.back-button):after,
header > div:not(.logo-container):not(.close-icon):not(.back-button):after {
  width: 100%;
  content: "";
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: -2px;
  left: 0;
  opacity: 0;
  transform: translate3d(0, 3px, 0);
  -webkit-transition-property: opacity, transform;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: opacity, transform;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-property: opacity, transform;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-property: opacity, transform;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-in-out;
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
header a:not(.logo-container):not(.close-icon):not(.back-button):hover:after,
header > span:not(.logo-container):not(.close-icon):not(.back-button):hover:after,
header > div:not(.logo-container):not(.close-icon):not(.back-button):hover:after {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 1064px) {
  header {
    padding-left: calc(50vw - 512px);
    padding-right: calc(50vw - 512px);
  }
}

footer {
  background-color: var(--colour-background);
  color: var(--colour-light);
}
footer .inner {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  footer .inner {
    flex-wrap: wrap;
    margin-top: 64px;
  }
}
footer .logo-container {
  flex-grow: 0;
}
@media only screen and (max-width: 768px) {
  footer .logo-container {
    background-position: center;
    width: 100%;
    margin-right: 0px !important;
  }
}
footer .text {
  width: 100%;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  footer .text {
    width: 100%;
    text-align: center;
  }
}
footer .text p {
  font-size: 13px;
  margin-top: 15px;
}
footer .social-links a {
  font-size: 14px;
  color: var(--colour-light-opacity-80);
}
footer .social-links a + a {
  margin-left: 16px;
}
@media (hover: hover) {
  footer .social-links a {
    transition: color 0.3s ease-in-out;
  }
  footer .social-links a:hover {
    color: var(--colour-light-opacity-20);
  }
}
footer .flex-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
footer .flex-container p {
  font-size: 14px;
}
footer .flex-items {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: calc(50vw - 512px);
  padding-right: calc(50vw - 512px);
  padding-top: 10px;
  margin-bottom: 10px;
}
footer .flex-items:first-child {
  border-top: 1px solid var(--colour-primary);
  position: relative;
}
footer .flex-items:last-child {
  padding-top: 0;
}
footer .flex-nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
footer .flex-nav nav {
  display: flex;
}
footer .flex-nav nav .nav-link {
  text-transform: uppercase;
  color: var(--colour-light-opacity-40);
  font-size: 12px;
}
footer .flex-nav nav .nav-link + .nav-link {
  margin-left: 18px;
}
@media (hover: hover) {
  footer .flex-nav nav .nav-link {
    transition: color 0.3s ease-in-out;
  }
  footer .flex-nav nav .nav-link:hover {
    color: var(--colour-light-opacity-20);
  }
}
footer .flex-items-inner {
  margin-right: 10px;
  margin-top: 5px;
}
footer .flex-items-inner nav {
  display: flex;
}
footer .flex-items-inner nav .nav-link {
  text-transform: uppercase;
  color: var(--colour-light-opacity-40);
  font-size: 12px;
}
footer .flex-items-inner nav .nav-link + .nav-link {
  margin-left: 18px;
}
@media (hover: hover) {
  footer .flex-items-inner nav .nav-link {
    transition: color 0.3s ease-in-out;
  }
  footer .flex-items-inner nav .nav-link:hover {
    color: var(--colour-light-opacity-20);
  }
}

body {
  background-color: var(--colour-background);
  font-family: var(--font-regular) !important;
  color: var(--colour-light);
}

input {
  font-family: var(--font-regular) !important;
}

div {
  font-family: var(--font-regular) !important;
}

a {
  font-family: var(--font-regular) !important;
}

span {
  font-family: var(--font-regular) !important;
}

button {
  font-family: var(--font-regular) !important;
}

h1 {
  font-size: 72px;
  font-weight: 500 !important;
  font-family: var(--font-bold) !important;
  text-transform: none;
}

h2,
h3,
h4 {
  color: var(--colour-light);
  font-family: var(--font-bold) !important;
}

.toast-container .ngx-toastr {
  color: var(--colour-dark);
}
.toast-container .ngx-toastr.toast-error {
  width: 100%;
}

.tabs.tabs-alternate .tab.active {
  background-color: var(--colour-background);
  font-weight: bold;
}

section.channel-container .channel-section.background-alternate .inner {
  background-color: rgba(255, 255, 255, 0);
}

header a,
header > span,
header > div {
  color: var(--colour-light);
}

.tab-content-container .tab-content .tab-content-section .inner .question + p {
  color: rgb(255, 255, 255);
}

.password-strength-container .text {
  color: #fff;
}

section.channel-container .channel-section.heading-container {
  background-position: center;
  background-size: cover;
}

.cards-container .card-container .card {
  background-position: center -90px;
}

@media only screen and (min-width: 769px) {
  .cards-container .card-container .card {
    background-position: center;
  }
}
.toast-error {
  background-color: #ffeaa2;
  color: #2b2b35;
}

.toast-error {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(0,0,0)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
}

section.channel-container .channel-section {
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}

.tab-content-container .tab-content .tab-content-section hr.border {
  border-top: solid 1px rgba(255, 255, 255, 0.2);
}

header a {
  color: var(--colour-light);
}

.header-container {
  color: var(--colour-light);
  border-bottom: 1px solid #32323b;
  justify-content: center;
}
.header-container .heading {
  color: var(--colour-light);
}
.header-container .email {
  color: rgba(255, 255, 255, 0.6);
}
.header-container .button {
  color: var(--colour-light);
  background-color: #2b2b35;
}
.header-container .button:hover {
  color: var(--colour-light);
  background-color: #2b2b35;
}

.notification {
  background-color: var(--colour-primary);
}

section.login-container .link {
  color: var(--colour-light);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.prompt-container .prompt .heading {
  color: #fff;
}
.prompt-container .prompt .options .option {
  background-color: rgba(255, 255, 255, 0.2);
}

.cards-container .card-container .card.offer .text-container .offer-heading {
  color: var(--colour-primary);
}

.cards-container .card-container .card.offer .text-container .button {
  background-color: var(--colour-primary);
  color: #fff;
}

.button-bar .cta-container a {
  color: var(--colour-secondary);
}

.menu-container .menu-item {
  justify-content: center;
  cursor: pointer;
}

.prompt-container .prompt header .close-icon:before,
header .close-icon:after {
  background-color: var(--colour-primary);
}

header .close-icon:before,
header .close-icon:after {
  background-color: var(--colour-light);
}

.button.background-alternate {
  background-color: var(--colour-primary);
}

.progress-steps-container .heading {
  color: var(--colour-light);
}
.progress-steps-container .progress-steps .progress-step {
  color: var(--colour-light);
}

.tab-content-container {
  background-color: var(--colour-background);
}
.tab-content-container .tab-content .tab-content-section {
  background-color: var(--colour-background);
}
.tab-content-container .tab-content .tab-content-section .question {
  color: var(--colour-light);
}
.tab-content-container .tab-content .tab-content-section .address {
  color: #fff;
}
.tab-content-container .tab-content .tab-content-section .address strong {
  color: #fff;
}
.tab-content-container .tab-content .tab-content-section .summary .item {
  color: #fff;
}
.tab-content-container .tab-content .tab-content-section .summary .item .text {
  color: rgb(255, 255, 255);
}
.tab-content-container .tab-content .tab-content-section .summary .item .text strong {
  color: #fff;
}
.tab-content-container .tab-content .tab-content-section.background-grey {
  background-color: var(--colour-background);
}

.tab-content-container .tab-content .tab-content-section .question .dropdown-arrow:before,
.tab-content-container .tab-content .tab-content-section .question .dropdown-arrow:after {
  background-color: var(--colour-light);
}

.cards-container .card-container .card .options .notification [class^=icon-] {
  color: var(--colour-background);
}

.input-container.checkbox-single .text {
  color: #fff;
}

.input-container.checkbox-toggle > .text {
  color: #fff;
}

.input-container.select .select:after {
  opacity: 0;
}

.input-container.checkbox-single .text a {
  color: var(--colour-light);
}

.input-container > label {
  color: #fff;
}

.input-row .info {
  color: rgba(255, 255, 255, 0.6);
}

.info-popup .info-icon {
  border: solid 1px #fff;
  color: #fff;
}

.info-popup .text-container .text {
  color: #fff;
}

footer .logo-container {
  margin-right: 20px;
}

.options-container .option .text .title {
  color: var(--colour-light);
}

@media only screen and (min-width: 769px) {
  .tab-content-container .tab-content .tab-content-section.summary-container {
    color: #ffffff;
    background-color: var(--colour-background);
  }
}
.premier-player {
  margin: 8px;
  vertical-align: middle;
}

.cards-container .card-details .card-detail-item .link.red {
  color: var(--colour-primary);
}

.tab-content-container .tab-content .tab-content-section .summary .item .text {
  color: rgb(255, 255, 255);
}

label.withwrap {
  display: inline-grid;
}

.tab-content-section.terms {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.mat-mdc-form-field.mat-form-field-appearance-fill .mdc-text-field--filled,
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: var(--colour-input-background, #2a2a2a) !important;
}

.mat-mdc-form-field.mat-form-field-appearance-fill .mdc-text-field--filled input,
.mat-mdc-form-field.mat-form-field-appearance-fill .mdc-text-field--filled textarea,
.mat-form-field-appearance-fill .mat-form-field-flex input,
.mat-form-field-appearance-fill .mat-form-field-flex textarea {
  color: var(--colour-input-value, #ffffff) !important;
  caret-color: var(--colour-input-value, #ffffff) !important;
}

.mat-mdc-form-field.mat-form-field-appearance-fill .mdc-text-field--filled input::placeholder,
.mat-mdc-form-field.mat-form-field-appearance-fill .mdc-text-field--filled textarea::placeholder,
.mat-form-field-appearance-fill .mat-form-field-flex input::placeholder,
.mat-form-field-appearance-fill .mat-form-field-flex textarea::placeholder {
  color: var(--colour-input-placeholder, rgba(255, 255, 255, 0.8)) !important;
  opacity: 1 !important;
}

.mat-mdc-form-field.mat-form-field-appearance-fill .mdc-text-field--filled .mat-mdc-select-placeholder {
  color: var(--colour-input-placeholder, rgba(255, 255, 255, 0.8)) !important;
}

#forgotten-password {
  text-align: center;
}
#forgotten-password:after {
  background-color: transparent !important;
}
#forgotten-password:after .link {
  color: #ffff00;
}

/* -----------------------------------------------------------------------
 * Material MDC overrides
 * Angular Material 15+ uses MDC-based components with .mat-mdc-* prefixes
 * and different internal DOM structure.
 * ----------------------------------------------------------------------- */
/* --- Form field wrapper --- */
.mat-mdc-form-field {
  width: 100%;
  margin-bottom: 0;
}

/* --- Fill appearance: elevated dark surface, white text --- */
.mat-mdc-form-field.mat-form-field-appearance-fill .mdc-text-field--filled {
  background-color: var(--colour-input-background, #2a2a2a) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 0 !important;
  padding: 0 0.75em;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
}

/* --- MDC density: fixed field height with vertical centering --- */
.mat-mdc-form-field-infix {
  min-height: unset !important;
  height: 48px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* --- Input text: white on dark, smaller font --- */
.mat-mdc-form-field .mdc-text-field__input {
  color: #fff !important;
  caret-color: #fff;
  font-size: 14px !important;
}

/* --- Suffixes (checkmark, icons): vertically centred --- */
.mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
  display: flex;
  align-items: center;
  height: 100%;
}

/* --- Datepicker toggle: match checkmark icon style --- */
.mat-mdc-form-field mat-datepicker-toggle {
  display: flex;
  align-items: center;
  color: #000 !important;
}

.mat-mdc-form-field mat-datepicker-toggle button {
  padding: 0 !important;
  width: 32px !important;
  height: 32px !important;
  color: #000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.mat-mdc-form-field mat-datepicker-toggle mat-icon.mat-icon {
  font-size: 21px !important;
  width: 21px !important;
  height: 21px !important;
  color: #000 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 21px !important;
}

.mat-mdc-form-field mat-datepicker-toggle .mdc-icon-button mat-icon {
  margin: 0 !important;
}

/* --- Subscript: always reserve space so errors don't shift layout --- */
.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  padding: 0;
  min-height: 20px;
}

.mat-mdc-form-field .mat-mdc-form-field-hint-wrapper {
  padding: 0;
  min-height: 0;
}

/* --- Error text: align with label, remove MDC default left padding --- */
.mat-mdc-form-field .mat-mdc-form-field-error-wrapper {
  padding: 0;
}

.mat-mdc-form-field .mat-mdc-form-field-error {
  color: var(--colour-error, #ff405d);
  padding-left: 0;
  font-size: 12px;
}

.mat-mdc-form-field .mat-mdc-form-field-wrapper {
  padding-bottom: 0;
}

/* --- Disabled state --- */
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-mdc-form-field-disabled .mdc-text-field--filled {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-mdc-form-field-disabled .mdc-text-field--filled .mat-mdc-select-value-text {
  color: #333;
  opacity: 0.4;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-mdc-form-field-disabled .mdc-text-field--filled .mat-mdc-select-arrow {
  color: #333;
  opacity: 0.4;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-mdc-form-field-disabled .mdc-text-field--filled .mat-mdc-floating-label {
  color: #333;
  opacity: 0.4;
}

/* --- Options (dropdown items) --- */
.mat-mdc-option {
  color: white !important;
  font-size: 14px !important;
  min-height: 36px !important;
  height: auto !important;
  padding: 8px 16px !important;
}
.mat-mdc-option .mdc-list-item__primary-text {
  color: white !important;
  font-size: 14px !important;
}
.mat-mdc-option.mdc-list-item--selected, .mat-mdc-option.mat-mdc-option-active {
  color: white !important;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.12) !important;
}

.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled) {
  color: white !important;
}

/* Hide checkmark on single-select dropdowns (keep for multi-select) */
.mat-mdc-select-panel:not([aria-multiselectable=true]) .mat-pseudo-checkbox {
  display: none !important;
}

/* --- Select panel (dropdown container) --- */
.mat-mdc-select-panel.mdc-menu-surface {
  background-color: #3a3a3a !important;
  color: #fff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  margin-top: 0;
  margin-left: 0;
  min-width: 100% !important;
  border-radius: 0 !important;
}

/* --- Select value & arrow: dark text on white bg --- */
.mat-mdc-select-value {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
}

.page-container .mat-mdc-select-value,
.account-container .mat-mdc-select-value {
  color: var(--colour-input-value, #ffffff);
}

.mat-mdc-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}

/* --- Floating label --- */
.mat-mdc-floating-label {
  color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-form-field.mat-focused .mat-mdc-floating-label {
  color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}

/* --- Remove underline/ripple --- */
.mat-mdc-form-field .mdc-line-ripple {
  display: none;
}

/* --- Invalid state: red border on the text field, not the outer wrapper --- */
.mat-mdc-form-field.mat-form-field-invalid {
  border: none;
}

.mat-mdc-form-field.mat-form-field-invalid .mdc-text-field--filled {
  border: 1px solid var(--colour-error, #ff405d);
}

.mat-mdc-form-field.mat-form-field-invalid .mat-mdc-floating-label .mat-mdc-form-field-required-marker {
  color: var(--colour-error, #ff405d);
}

.mat-mdc-form-field.mat-form-field-invalid .mat-mdc-floating-label {
  color: var(--colour-error, #ff405d);
}

.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow {
  color: var(--colour-error, #ff405d);
}

/* --- Infix padding --- */
.mat-mdc-form-field .mat-mdc-form-field-infix {
  padding: 0.25em 0;
}

/* --- Select panel: force dropdown below the trigger ---
   Instead of fighting the CDK overlay positioning with CSS,
   we use a small script to reposition. See app.component.ts. */
/* --- Select panel elevation override --- */
.mat-mdc-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* --- Card --- */
.mat-mdc-card {
  background-color: var(--colour-background, #000000) !important;
}

/* --- Chips (password criteria): default = grey bg, dark text --- */
.mat-mdc-chip.mat-mdc-standard-chip {
  background-color: #d0d0d0 !important;
}

.mat-mdc-chip.mat-mdc-standard-chip .mdc-evolution-chip__text-label {
  color: #000 !important;
}

/* Valid chip state — green bg, white text */
.mat-mdc-chip.mat-mdc-standard-chip.valid-chip {
  background-color: var(--colour-password-match, #3b814c) !important;
}

.mat-mdc-chip.mat-mdc-standard-chip.valid-chip .mdc-evolution-chip__text-label {
  color: #fff !important;
}

/* Invalid chip state — red bg, white text */
.mat-mdc-chip.mat-mdc-standard-chip.invalid-chip {
  background-color: var(--colour-password-error, #ff405d) !important;
}

.mat-mdc-chip.mat-mdc-standard-chip.invalid-chip .mdc-evolution-chip__text-label {
  color: #fff !important;
}

/* --- Checkboxes: primary colour bg, black checkmark, visible on dark backgrounds --- */
/* Unchecked: white border */
.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
  border-color: rgba(255, 255, 255, 0.7) !important;
}

/* Checked: primary bg, black checkmark */
.mat-mdc-checkbox-checked .mdc-checkbox .mdc-checkbox__background {
  background-color: var(--colour-primary, #7bff02) !important;
  border-color: var(--colour-primary, #7bff02) !important;
}

.mat-mdc-checkbox-checked .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #000 !important;
}

/* Ripple / state layer — primary colour */
.mat-mdc-checkbox-checked .mdc-checkbox__ripple {
  background-color: var(--colour-primary, #7bff02) !important;
}

.mat-mdc-checkbox .mat-mdc-checkbox-ripple {
  display: none;
}

.mat-mdc-checkbox .mdc-label,
.mat-mdc-checkbox label {
  color: #fff !important;
}

/* T&C link colour */
.mat-mdc-checkbox .mdc-label a,
.mat-mdc-checkbox label a {
  color: var(--colour-primary, #7bff02) !important;
  text-decoration: underline;
}

/* --- Radio buttons: primary colour, matching checkbox pattern --- */
/* Unchecked: white border */
.mat-mdc-radio-button .mdc-radio .mdc-radio__outer-circle {
  border-color: rgba(255, 255, 255, 0.7) !important;
}

/* Checked: black outer circle and inner dot */
.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio .mdc-radio__outer-circle {
  border-color: #000 !important;
}

.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio .mdc-radio__inner-circle {
  border-color: #000 !important;
  background-color: #000 !important;
}

/* Hide all ripple and state layer effects */
.mat-mdc-radio-button .mat-mdc-radio-ripple,
.mat-mdc-radio-button .mat-radio-persistent-ripple,
.mat-mdc-radio-button .mdc-radio__background::before,
.mat-mdc-radio-button .mat-ripple,
.mat-mdc-radio-button .mat-ripple-element {
  display: none !important;
  opacity: 0 !important;
}

/* --- Dialog: dark theme to match app background (exclude spinner) --- */
.cdk-overlay-pane:not(.spinner-dialog-panel) .mat-mdc-dialog-surface.mdc-dialog__surface {
  border-radius: 0 !important;
  color: #fff !important;
}

.cdk-overlay-pane:not(.spinner-dialog-panel) .mdc-dialog__surface {
  background-color: #1a1a1a !important;
  border-radius: 0 !important;
}

/* --- Message overlay: transparent surface so overlay-card border-radius works --- */
.message-overlay-panel .mat-mdc-dialog-surface.mdc-dialog__surface {
  background-color: transparent !important;
  box-shadow: none !important;
}

/*
 * --- Component overlay panel sizing ---
 * Material caps `cdk-overlay-pane` at 80vw by default, which clips the
 * OverlayHost child on narrow viewports (AG-10647). Lift the cap and size
 * the panel to match the account module's 540px card-container width on
 * desktop and `96vw` on mobile, so the panel surface and content stay
 * aligned for all component-hosted dialogs (Adyen / Realex / AddDirectDebit).
 */
.cdk-overlay-pane.component-overlay-panel {
  max-width: 96vw !important;
  width: min(540px, 96vw);
}

/* Overlay CTA: MDC flat-button resets background to white — override */
.overlay-card .mdc-button--unelevated {
  background-color: transparent !important;
}

/* -----------------------------------------------------------------------
 * Legacy selector fallbacks
 * ----------------------------------------------------------------------- */
.mat-form-field-wrapper {
  padding-bottom: 0;
}

.mat-form-field {
  width: 100%;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: #fff !important;
  border-radius: 0px !important;
  padding: 0 0.75em;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

html,
body {
  height: 100%;
  font-size: var(--default-font-size) !important;
}

body {
  margin: 0;
  font-family: var(--font-regular), sans-serif !important;
  overflow-x: hidden;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

app-root {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.app-content {
  flex: 1;
}

.cdk-overlay-backdrop.backdrop-blur.cdk-overlay-backdrop-showing {
  background: rgba(0, 0, 0, 0.7);
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  background: rgba(0, 0, 0, 0.7);
}

.message-overlay-backdrop {
  background: rgba(0, 0, 0, 0.7);
}

.message-overlay-panel .mat-dialog-container {
  padding: 0; /* our component handles padding */
  background: transparent;
  overflow: visible;
  box-shadow: none;
}

.step1-multi-panel {
  margin-top: 40px;
  margin-left: 30px;
}

.mat-primary .mat-pseudo-checkbox-checked {
  background: var(--colour-primary) !important;
}

.mat-pseudo-checkbox::after {
  color: #000000;
}

.mat-mdc-snack-bar-container {
  --mat-mdc-snack-bar-button-color: #ffffff;
  --mat-snackbar-supporting-text-color: #ffffff;
}
.mat-mdc-snack-bar-container.error-snackbar {
  --mat-snackbar-container-color: var(--colour-error);
}
.mat-mdc-snack-bar-container.success-snackbar {
  --mat-snackbar-container-color: #43a446;
}

.mat-button-wrapper {
  color: #ffffff;
}

.adyen-checkout__threeds2__challenge {
  background-color: white;
  height: 410px;
}

.grecaptcha-badge {
  z-index: 100;
}