.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:8px}[dir=rtl] .adyen-checkout__spinner__wrapper--inline{margin-left:8px;margin-right:0}.adyen-checkout__spinner{animation:rotate-spinner 1.5s linear infinite;border:3px solid #0075ff;border-radius:50%;border-top-color:transparent;height:43px;width:43px}.adyen-checkout__spinner--large{height:43px;width:43px}.adyen-checkout__spinner--small{border-width:2px;height:16px;width:16px}.adyen-checkout__spinner--medium{height:28px;width:28px}@keyframes rotate-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
.adyen-checkout__button{background:#00112c;border:0;border-radius:6px;color:#fff;cursor:pointer;font-size:1em;font-weight:500;height:48px;margin:0;padding:15px;text-decoration:none;transition:background .3s ease-out,box-shadow .3s ease-out;width:100%}.adyen-checkout__button:focus{box-shadow:0 0 0 2px #3070ED;outline:0}.adyen-checkout__button:hover{background:#1c3045;box-shadow:0 0,0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14)}.adyen-checkout__button:active{background:#3a4a5c}.adyen-checkout__button:hover:focus{box-shadow:0 0 0 2px #3070ED,0 3px 4px rgba(0,15,45,.2)}.adyen-checkout__button:disabled,.adyen-checkout__button:disabled:hover{box-shadow:none;cursor:not-allowed;opacity:.4;-webkit-user-select:all;-moz-user-select:all;user-select:all}.adyen-checkout__button.adyen-checkout__button--loading{background:#687282;box-shadow:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__button.adyen-checkout__button--pay{display:flex;justify-content:center;margin-top:24px}.adyen-checkout__button.adyen-checkout__button--pay:disabled{opacity:.4}.adyen-checkout__button.adyen-checkout__button--standalone{margin-top:0}.adyen-checkout__button.adyen-checkout__button--inline{display:block;font-size:.81em;height:auto;padding:10px 8px;width:auto}.adyen-checkout__button.adyen-checkout__button--ghost{background:none;border:0;color:#00112c}.adyen-checkout__button.adyen-checkout__button--ghost:hover{background:#f7f8f9;box-shadow:none}.adyen-checkout__button.adyen-checkout__button--ghost:active{background:#e6e9eb;box-shadow:none}.adyen-checkout__button.adyen-checkout__button--secondary{background:#fff;border:1px solid #00112c;color:#00112c;padding:10px 12px}.adyen-checkout__button.adyen-checkout__button--secondary:hover{background:#f7f8f9;box-shadow:0 2px 4px rgba(27,42,60,.2),0 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:#f7f8f9;box-shadow:none}.adyen-checkout__button.adyen-checkout__button--secondary:disabled,.adyen-checkout__button.adyen-checkout__button--secondary:disabled:hover{background-color:#f7f8f9;border-color:#99a3ad;box-shadow:none;cursor:not-allowed;opacity:.5;-webkit-user-select:all;-moz-user-select:all;user-select:all}.adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner{border-color:transparent #00112c #00112c}.adyen-checkout__button.adyen-checkout__button--action{background:rgba(0,102,255,.1);border:1px solid transparent;color:#0075ff;padding:10px 12px}.adyen-checkout__button.adyen-checkout__button--action:hover{background:rgba(0,102,255,.2);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--action:active,.adyen-checkout__button.adyen-checkout__button--action:active:hover{background:rgba(0,102,255,.3);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--link{background:transparent;border:1px solid transparent;border-radius:3px;color:#0075ff;font-weight:400;padding:2px}.adyen-checkout__button.adyen-checkout__button--link:hover{background:transparent;box-shadow:none;text-decoration:underline}.adyen-checkout__button.adyen-checkout__button--completed,.adyen-checkout__button.adyen-checkout__button--completed:active,.adyen-checkout__button.adyen-checkout__button--completed:active:hover,.adyen-checkout__button.adyen-checkout__button--completed:hover{background:#089a43;color:#fff}.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:12px}[dir=rtl] .adyen-checkout__button__icon{margin-left:12px;margin-right:0}.adyen-checkout__button__text{display:block;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__button .adyen-checkout__spinner{border-color:transparent #fff #fff}
.checkout-secondary-button__text{font-size:.85em;margin-left:5px;margin-top:1px}
.adyen-checkout__fieldset{-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-before:0;-webkit-padding-after:0;-webkit-padding-start:0;-webkit-padding-end:0;border:none;display:block;margin-inline-end:0;margin-inline-start:0;margin:0;padding-block-start:0;padding-bottom:8px;padding-block-end:0;padding-inline-end:0;padding-inline-start:0;width:100%}.adyen-checkout__fieldset:last-of-type{padding-bottom:0}.adyen-checkout__fieldset+.adyen-checkout__fieldset{margin-top:16px}.adyen-checkout__fieldset__title{color:#687282;display:block;font-size:.68em;font-weight:700;letter-spacing:1px;margin:0;padding:0 0 12px;text-transform:uppercase}.adyen-checkout__field-group,.adyen-checkout__fieldset__fields{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}@media (min-width:480px){.adyen-checkout__field-group:last-of-type .adyen-checkout__field{margin-bottom:0}}.adyen-checkout__field-group:last-of-type .adyen-checkout__field:last-of-type,:not(.adyen-checkout__field-group)>.adyen-checkout__field:last-of-type{margin-bottom:0}.adyen-checkout__fieldset--readonly .adyen-checkout__fieldset__fields{color:#00112c;font-size:.81em;line-height:19px;margin:0}
.adyen-checkout__field{display:block;margin-bottom:16px;width:100%}.adyen-checkout__label{display:block;position:relative}.adyen-checkout__helper-text,.adyen-checkout__label__text{color:#00112c;display:block;font-size:.81em;font-weight:400;line-height:13px;padding-bottom:5px}.adyen-checkout__label-adornment--end{position:absolute;right:0;top:0}.adyen-checkout__helper-text{color:#687282}.adyen-checkout__label__text{display:block;overflow:hidden;text-overflow:ellipsis;transition:color .1s ease-out;white-space:nowrap}.adyen-checkout__label__text--error{color:#c12424}.adyen-checkout__label--focused .adyen-checkout__label__text{color:#0075ff}.adyen-checkout__error-text{align-items:center;color:#c12424;display:flex;font-size:.75em;font-weight:400;margin-top:4px}
.adyen-checkout__field-wrapper{display:flex;width:100%}@media (min-width:480px){.adyen-checkout__field--20{width:20%}.adyen-checkout__field--30{width:30%}.adyen-checkout__field--40{width:40%}.adyen-checkout__field--50{width:50%}.adyen-checkout__field--60{width:60%}.adyen-checkout__field--70{width:70%}.adyen-checkout__field--80{width:80%}.adyen-checkout__field--col-70{width:calc(70% - 8px)}.adyen-checkout__field--col-30{width:calc(30% - 8px)}.adyen-checkout__field--col-50{width:calc(50% - 8px)}}.adyen-checkout__field-wrapper>.adyen-checkout__field:first-child{margin-right:8px}[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:first-child{margin-left:8px;margin-right:0}.adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2){margin-left:8px}[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2){margin-left:0;margin-right:8px}.adyen-checkout__field-wrapper:last-of-type>.adyen-checkout__field{margin-bottom:0}.adyen-checkout__input{background:#fff;border:1px solid #b9c4c9;border-radius:6px;box-sizing:border-box;caret-color:#0075ff;color:#00112c;display:block;font-family:inherit;font-size:1em;height:40px;outline:none;padding:5px 8px;position:relative;transition:border .2s ease-out,box-shadow .2s ease-out;width:100%}.adyen-checkout__input:hover{border-color:#99a3ad}.adyen-checkout__input:required{box-shadow:none}.adyen-checkout__input--disabled,.adyen-checkout__input[readonly]{background:#e6e9eb;border-color:#e6e9eb}.adyen-checkout__input--disabled:hover{border-color:#e6e9eb}.adyen-checkout__input-wrapper{display:block;position:relative}.adyen-checkout__input-wrapper--block{display:block}.adyen-checkout-input__inline-validation{height:16px;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px}[dir=rtl] .adyen-checkout-input__inline-validation{left:14px;right:auto}[dir=ltr] .adyen-checkout-input__inline-validation{left:auto;right:14px}.adyen-checkout-input__inline-validation--valid{color:#089a43}.adyen-checkout-input__inline-validation--invalid{color:#c12424}.adyen-checkout__input--valid{border-bottom-color:#089a43}.adyen-checkout__input--error,.adyen-checkout__input--error:hover,.adyen-checkout__input--invalid,.adyen-checkout__input--invalid:hover{border-color:#c12424}.adyen-checkout__input::-moz-placeholder{color:#707070;font-weight:200}.adyen-checkout__input::placeholder{color:#707070;font-weight:200}.adyen-checkout__input--date{padding-right:30px}.adyen-checkout__input--focus,.adyen-checkout__input--focus:hover,.adyen-checkout__input:active,.adyen-checkout__input:active:hover,.adyen-checkout__input:focus,.adyen-checkout__input:focus:hover{border:1px solid #0075ff;box-shadow:0 0 0 2px #3070ED}.adyen-checkout__input[readonly],.adyen-checkout__input[readonly]:hover{background-color:#e6e9eb;border-color:transparent;color:#687282;cursor:default}
.adyen-checkout__fieldset--personalDetails .adyen-checkout__field--gender .adyen-checkout__radio_group{display:flex}.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group{display:flex;margin:8px 0}.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper{margin-right:20px}.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper:last-child{margin:0}
.adyen-checkout__radio_group+.adyen-checkout-input__inline-validation{display:none}.adyen-checkout__radio_group__input{opacity:0;position:absolute}.adyen-checkout__radio_group__label{color:inherit;display:block;font-size:.81em;font-weight:400;line-height:16px;overflow:visible;padding-bottom:0;padding-left:24px;position:relative}.adyen-checkout__label--focused .adyen-checkout__radio_group__label{color:inherit}.adyen-checkout__radio_group__label:before{background-color:#fff;border:1px solid #b9c4c9;border-radius:50%;content:"";height:16px;left:0;position:absolute;top:0;transition:border-color .2s ease-out,box-shadow .2s ease-out;width:16px}.adyen-checkout__radio_group__label:hover:before{border-color:#99a3ad;box-shadow:0 0 0 2px #d4d9db;cursor:pointer}.adyen-checkout__radio_group__label:after{background-color:#fff;border-radius:50%;box-shadow:0 1px 1px rgba(0,15,45,.25);content:"";display:block;height:6px;left:5px;margin:0 auto;position:absolute;top:5px;transform:scale(0);transition:transform .2s ease-out;width:6px}.adyen-checkout__radio_group__label:hover{border-color:#0075ff;cursor:pointer}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__label--selected{background-color:#0075ff;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:#0075ff;box-shadow:0 0 0 2px rgba(0,102,255,.4)}.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{box-shadow:0 0 0 2px rgba(0,102,255,.4)}.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before{border:1px solid #c12424}
.Select-module_adyen-checkout__dropdown__0Mj-n{position:relative}.Select-module_adyen-checkout__dropdown__button__yTyqq{align-items:center;cursor:pointer;display:flex}.Select-module_adyen-checkout__dropdown__button__yTyqq:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath 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.6l2.983 3.982Z' fill='%23687282'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";height:6px;position:absolute;right:16px;width:8px}[dir=rtl] .Select-module_adyen-checkout__dropdown__button__yTyqq:after{left:16px;right:auto}.Select-module_adyen-checkout__dropdown__button--active__Ej-JR:after{transform:rotate(180deg)}.Select-module_adyen-checkout__filter-input__CwPBS{background:#fff;border:0;caret-color:#0075ff;color:#00112c;font-family:inherit;font-size:1em;height:100%;padding:0;width:100%}.Select-module_adyen-checkout__filter-input__CwPBS::-moz-placeholder{color:#b9c4c9;font-weight:200}.Select-module_adyen-checkout__filter-input__CwPBS::placeholder{color:#b9c4c9;font-weight:200}.Select-module_adyen-checkout__filter-input__CwPBS:active,.Select-module_adyen-checkout__filter-input__CwPBS:focus{outline:0}.Select-module_adyen-checkout__filter-input__CwPBS[readonly]{background:#e6e9eb;border-color:transparent;color:#00112c;cursor:not-allowed}.Select-module_adyen-checkout__dropdown__list__YtEzj{background:#fff;display:none;list-style:none;margin:0 0 50px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:1}.Select-module_adyen-checkout__dropdown__list__YtEzj.Select-module_adyen-checkout__dropdown__list--active__Gegw2{display:block}.Select-module_adyen-checkout__dropdown__element__ORU4-{align-items:center;display:flex}
.adyen-checkout__image{opacity:0;transition:opacity .6s ease-out}.adyen-checkout__image--loaded{opacity:1}
.adyen-checkout__dropdown__button-icon--left{flex-direction:row-reverse;justify-content:flex-end}.adyen-checkout__dropdown__button-icon--left>img{margin-left:0;margin-right:12px}.adyen-checkout__dropdown{font-size:1em;max-width:100%;width:100%}.adyen-checkout__dropdown__button{background:#fff;border:1px solid #b9c4c9;border-radius:6px;color:#00112c;font-size:1em;height:40px;line-height:20px;outline:0;padding:7px 24px 7px 12px;text-decoration:none;transition:border .2s ease-out,box-shadow .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}[dir=rtl] .adyen-checkout__dropdown__button{padding:7px 12px 7px 24px}.adyen-checkout__dropdown__button:hover{border-color:#99a3ad}.adyen-checkout__dropdown__button__icon{border-radius:3px;height:26px;margin-right:12px;max-width:40px}.adyen-checkout__dropdown__button--disabled{opacity:.4}.adyen-checkout__dropdown__button--active,.adyen-checkout__dropdown__button--active:hover,.adyen-checkout__dropdown__button:active,.adyen-checkout__dropdown__button:focus{border-color:#0075ff;box-shadow:0 0 0 2px #3070ED}.adyen-checkout__dropdown__button--readonly,.adyen-checkout__dropdown__button--readonly--active,.adyen-checkout__dropdown__button--readonly:focus,.adyen-checkout__dropdown__button--readonly:hover{background:#e6e9eb;border-color:transparent;color:#00112c;cursor:not-allowed}.adyen-checkout__dropdown__button--readonly:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath 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.6l2.983 3.982Z' fill='%23B9C4C9'/%3E%3C/svg%3E")}.adyen-checkout__dropdown__button--invalid{border-color:#c12424}.adyen-checkout__dropdown__button--valid{border-bottom-color:#089a43}.adyen-checkout__dropdown__button__text{flex-grow:1;overflow:hidden;pointer-events:none;text-align:left;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__dropdown__button__secondary-text{margin-right:16px}.adyen-checkout__dropdown__list{border-radius:6px;box-shadow:0 2px 7px rgba(0,15,45,.3);max-height:375px;z-index:2}.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active{margin-top:2px}.adyen-checkout__dropdown__element{border:1px solid transparent;cursor:pointer;font-size:.81em;-webkit-hyphens:auto;hyphens:auto;line-height:20px;outline:0;padding:8px;transition:background .2s ease-out,border-color .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-break:break-word}.adyen-checkout__dropdown__element .adyen-checkout__icon{position:absolute;right:8px}.adyen-checkout__dropdown__element:last-child{border-bottom:0}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active{background:rgba(230,233,235,.6)}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected{background:rgba(0,102,255,.1)}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:active,.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:focus,.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:hover{background:rgba(0,102,255,.15)}.adyen-checkout__dropdown__element--disabled{cursor:not-allowed;opacity:.4}.adyen-checkout__dropdown__element__icon{border-radius:3px;margin-right:12px;max-height:26px;max-width:40px}.adyen-checkout__dropdown__element__text{flex-grow:1}.adyen-checkout__dropdown__element__secondary-text:not(:last-child){margin-right:8px}.adyen-checkout__dropdown__element__flag{margin-left:8px;margin-right:10px;max-height:18px;max-width:27px}.adyen-checkout__dropdown+.adyen-checkout-input__inline-validation{right:32px}
.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'%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.45Zm0-.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:16px;left:12px;position:absolute;width: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'%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.45Zm0-.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:24px}.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__checkbox{display:block}.adyen-checkout__checkbox__label{color:#00112c;cursor:pointer;display:inline-block;font-size:.81em;font-weight:400;line-height:19px;padding-left:24px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=rtl] .adyen-checkout__checkbox__label{padding-left:0;padding-right: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:#0075ff;border:1px solid #0075ff}.adyen-checkout__checkbox__input:checked:hover+.adyen-checkout__checkbox__label:after{border-color:#0075ff;box-shadow:0 0 0 2px rgba(0,102,255,.4)}.adyen-checkout__checkbox__input:focus+.adyen-checkout__checkbox__label:after{border:1px solid #0075ff;box-shadow:0 0 0 2px #3070ED}.adyen-checkout__checkbox__input:hover:not(:focus)+.adyen-checkout__checkbox__label:after{border-color:#99a3ad;box-shadow:0 0 0 2px #d4d9db}.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before{border-color:transparent #fff #fff transparent;border-radius:0 2px 1px;border-style:solid;border-width:1px 2px 2px 1px;content:"";height:11px;left:1px;opacity:0;position:absolute;top:2px;transform:rotate(37deg);transform-origin:100% 100%;transition:opacity .2s ease-out;width:6px;z-index:1}[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before{left:auto;right:8px}.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after{background-color:#fff;border:1px solid #b9c4c9;border-radius:3px;content:"";height:16px;left:0;position:absolute;top:0;transition:background .15s ease-out,border .05s ease-out,box-shadow .1s ease-out;width:16px;z-index:0}[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after{left:auto;right:0}.adyen-checkout__field--consentCheckbox{background:#e6e9eb;border:1px solid #e6e9eb;border-radius:6px;padding:14px 14px 13px}[dir=rtl] .adyen-checkout__field--consentCheckbox{padding:14px 14px 13px}.adyen-checkout__field--consentCheckbox.adyen-checkout__field--error{border-color:#c12424}.adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation{right:-5px;top:10px}
.adyen-checkout__open-invoice .adyen-checkout__fieldset--billingAddress{padding-bottom:8px}.adyen-checkout__open-invoice .adyen-checkout__fieldset--deliveryAddress{margin-top:24px;padding-bottom:8px}.adyen-checkout__open-invoice .adyen-checkout__input--separateDeliveryAddress{margin-bottom:0}.adyen-checkout__open-invoice .adyen-checkout__field--consentCheckbox{margin-top:22px}.adyen-checkout__input--separateDeliveryAddress+.adyen-checkout__checkbox__label{margin-top:16px}
.adyen-checkout-form-instruction{color:#687282;font-size:.81em;font-weight:400;line-height:19px;margin-top:0}[dir=rtl] .adyen-checkout-form-instruction{padding-right:0}
.adyen-checkout__amazonpay__button{margin:auto}.adyen-checkout__amazonpay .adyen-checkout__button--ghost{display:block;margin:8px auto 0;width:auto}
@supports (-webkit-appearance:-apple-pay-button){.ApplePayButton-module_apple-pay-button__l5g-d,.ApplePayButton-module_apple-pay__gYjuP{-webkit-appearance:-apple-pay-button}.ApplePayButton-module_apple-pay-button__l5g-d{cursor:pointer;display:inline-block}.ApplePayButton-module_apple-pay-button-black__istwW{-apple-pay-button-style:black}.ApplePayButton-module_apple-pay-button-white__-wLaE{-apple-pay-button-style:white}.ApplePayButton-module_apple-pay-button-white-with-line__MlRq7{-apple-pay-button-style:white-outline}.ApplePayButton-module_apple-pay-button--type-plain__ycfNl{-apple-pay-button-type:plain}.ApplePayButton-module_apple-pay-button--type-buy__9m8AB{-apple-pay-button-type:buy}.ApplePayButton-module_apple-pay-button--type-donate__HmRdK{-apple-pay-button-type:donate}.ApplePayButton-module_apple-pay-button--type-check-out__XdGWd{-apple-pay-button-type:check-out}.ApplePayButton-module_apple-pay-button--type-book__-v-VY{-apple-pay-button-type:book}.ApplePayButton-module_apple-pay-button--type-subscribe__WxWIF{-apple-pay-button-type:subscribe}.ApplePayButton-module_apple-pay-button--type-add-money__zeBA8{-apple-pay-button-type:add-money}.ApplePayButton-module_apple-pay-button--type-contribute__G3E8e{-apple-pay-button-type:contribute}.ApplePayButton-module_apple-pay-button--type-order__ggI6j{-apple-pay-button-type:order}.ApplePayButton-module_apple-pay-button--type-reload__QbgLd{-apple-pay-button-type:reload}.ApplePayButton-module_apple-pay-button--type-rent__VzC-E{-apple-pay-button-type:rent}.ApplePayButton-module_apple-pay-button--type-support__6EjmY{-apple-pay-button-type:support}.ApplePayButton-module_apple-pay-button--type-tip__bdzGK{-apple-pay-button-type:tip}.ApplePayButton-module_apple-pay-button--type-top-up__Eb3qR{-apple-pay-button-type:top-up}}@supports not (-webkit-appearance:-apple-pay-button){.ApplePayButton-module_apple-pay-button__l5g-d{background-position:50% 50%;background-repeat:no-repeat;background-size:100% 60%;border-radius:5px;box-sizing:border-box;display:inline-block;max-height:64px;min-height:32px;min-width:200px;padding:0}.ApplePayButton-module_apple-pay-button-black__istwW{background-color:black;background-image:-webkit-named-image(apple-pay-logo-white)}.ApplePayButton-module_apple-pay-button-white-with-line__MlRq7,.ApplePayButton-module_apple-pay-button-white__-wLaE{background-color:white;background-image:-webkit-named-image(apple-pay-logo-black)}.ApplePayButton-module_apple-pay-button-white-with-line__MlRq7{border:.5px solid black}}
.adyen-checkout__applepay__button{height:48px;width:240px}.adyen-checkout__dropin .adyen-checkout__applepay__button{width:100%}
.adyen-checkout__issuer-button{align-items:center;background-color:#fff;border:none;border-radius:6px;box-shadow:inset 0 0 0 1px #b9c4c9;cursor:pointer;display:flex;flex-basis:47%;flex-grow:2;font-size:.81em;height:40px;padding:0 12px;transition:background .3s ease-out,box-shadow .3s ease-out}.adyen-checkout__issuer-button:active{color:black}.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus{box-shadow:inset 0 0 0 2px #99a3ad;outline:none}.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus-visible{box-shadow:inset 0 0 0 2px #99a3ad;outline:none}.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):hover{box-shadow:inset 0 0 0 2px #99a3ad;outline:none}.adyen-checkout__issuer-button--selected{background:#fff;box-shadow:inset 0 0 0 2px #0075ff;color:#0075ff;font-weight:500;height:40px;transition:none}.adyen-checkout__issuer-button-img{margin-right:8px;max-height:26px}
.adyen-checkout__issuer-button-group{display:flex;flex-wrap:wrap;gap:16px 16px}
.adyen-checkout__content-separator{align-items:center;color:#687282;display:flex;font-size:13px;justify-content:center;line-height:19px;margin-bottom:16px;margin-top:16px;white-space:nowrap}.adyen-checkout__content-separator:after,.adyen-checkout__content-separator:before{background:#e6e9eb;content:"";display:block;height:1px;width:100%}.adyen-checkout__content-separator:after{margin-left:20px}.adyen-checkout__content-separator:before{margin-right:20px}
.adyen-checkout__field--issuer-list{margin-bottom:0}.adyen-checkout__issuer-list__termsAndConditions{text-align:center}
.adyen-checkout-disclaimer__label{color:#687282;display:inline-block;font-size:.81em;font-weight:400;line-height:19px;margin-top:16px;padding-left:0}[dir=rtl] .adyen-checkout-disclaimer__label{padding-right:0}
.adyen-checkout__card-input__form{transition:opacity .25s ease-out}.adyen-checkout__card__cardNumber{max-width:400px}.adyen-checkout__card__cardNumber__input{padding:5px 8px}.adyen-checkout__card__exp-date__input--oneclick{font-weight:400;line-height:30px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__field--storedCard .adyen-checkout__input[readonly],.adyen-checkout__field--storedCard .adyen-checkout__input[readonly]:hover{color:#00112c}.adyen-checkout__card__holderName,.adyen-checkout__field--expiryDate,.adyen-checkout__field--storedCard{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,.adyen-checkout__store-details{margin-top:16px}.adyen-checkout__card-input.adyen-checkout__card-input--loading{pointer-events:none}.adyen-checkout__card__holderName:first-child{margin:0 0 16px}.adyen-checkout__field--cardNumber .adyen-checkout__input--error .adyen-checkout__card__cardNumber__brandIcon,.adyen-checkout__field--cardNumber .adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand)+.adyen-checkout-input__inline-validation--valid{display:none}.adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint,.adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint{opacity:0}@keyframes cvc-indicate-location{0%{opacity:1}to{opacity:.3}}.adyen-checkout__label--focused .adyen-checkout__field__cvc--back-hint .adyen-checkout__card__cvc__hint--back .adyen-checkout__card__cvc__hint__location,.adyen-checkout__label--focused .adyen-checkout__field__cvc--front-hint .adyen-checkout__card__cvc__hint--front .adyen-checkout__card__cvc__hint__location{animation-direction:alternate;animation-duration:1s;animation-iteration-count:infinite;animation-name:cvc-indicate-location}.adyen-checkout__card__cvc__hint__wrapper{align-items:center;backface-visibility:visible;display:flex;height:100%;margin:0 10px;position:absolute;right:0;top:0;transform:translateZ(0);transform-origin:center;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.455,.03,.515,.955);width:27px;will-change:transform}.adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper{transform:rotateY(180deg)}.adyen-checkout__card__cvc__hint{backface-visibility:hidden;position:absolute;transition:opacity .1s linear}.adyen-checkout__field__exp-date_hint_wrapper{align-items:center;bottom:0;display:flex;position:absolute;right:0;top:0;transition:opacity .1s linear}.adyen-checkout__field__exp-date_hint_wrapper.adyen-checkout__field__exp-date_hint_wrapper--hidden{opacity:0}.adyen-checkout__field__exp-date_hint{height:18px;margin:0 10px 0 0;width:27px}.adyen-checkout__card__cvc__hint--front{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.adyen-checkout__card__cvc__hint__wrapper{transition:none}}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields{justify-content:left}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group{display:flex;flex-direction:column}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper{margin-top:20px}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments{margin-left:15px;position:relative;top:42px;width:30%}
.LoadingWrapper-module_loading-input__form__ffCKa{opacity:1}.LoadingWrapper-module_loading-input__form--loading__7GmVo{opacity:0}.LoadingWrapper-module_loading-input__spinner__GxA51{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.LoadingWrapper-module_loading-input__spinner--active__ENNBS{display:block}
.CardInput-module_card-input__wrapper__wXSCw{position:relative}.CardInput-module_card-input__wrapper__wXSCw *,.CardInput-module_card-input__wrapper__wXSCw :after,.CardInput-module_card-input__wrapper__wXSCw :before{box-sizing:border-box}.CardInput-module_card-input__icon__3Cz5M{border-radius:3px;height:18px;margin-left:7px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:27px}.CardInput-module_card-input__form__fRo1r{opacity:1}.CardInput-module_card-input__spinner__-j2Qi{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.CardInput-module_card-input__spinner--active__slD7w{display:block}.CardInput-module_card-input__form--loading__rrmdj{opacity:0}.CardInput-module_adyen-checkout__input__11tlB{display:block;max-height:100px}.CardInput-module_adyen-checkout__card__cvc__input--hidden__VIlHV,.CardInput-module_adyen-checkout__card__exp-date__input--hidden__evi6-{display:none}.CardInput-module_adyen-checkout__card__exp-cvc__exp-date__input--hidden__YC3VT{justify-content:flex-end}.CardInput-module_revolving-plan-installments__disabled__VhNj2{opacity:.4;pointer-events:none}
.adyen-checkout__card__dual-branding__buttons{display:flex;opacity:.4;pointer-events:none}.adyen-checkout__card__dual-branding__buttons--active{opacity:1;pointer-events:auto}.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon{cursor:pointer;opacity:1}.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon:first-child{right:40px}.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon--not-selected{opacity:.5}
.adyen-checkout__card__brands{display:flex;flex-basis:auto;flex-shrink:1;flex-wrap:wrap;gap:4px;height:16px;margin-bottom:16px;margin-top:-8px;overflow:hidden;transition:all .2s ease-out}.adyen-checkout__card__brands--hidden{height:0;margin:-8px 0 8px;opacity:0}.adyen-checkout__card__brands img{border-radius:3px;height:16px;width:24px}.adyen-checkout__card__brands__brand-wrapper{display:inline-block;height:16px;position:relative;width:24px}.adyen-checkout__card__brands__brand-wrapper:after{border:1px solid rgba(0,27,43,.17);border-radius:3px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}
.adyen-checkout-ctp__otp-resend-code{color:#0075ff;cursor:pointer;font-size:13px;font-weight:400;margin-left:auto}.adyen-checkout-ctp__otp-resend-code--confirmation,.adyen-checkout-ctp__otp-resend-code--disabled{color:#687282;cursor:default;font-size:13px;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:4px}.adyen-checkout-ctp__otp-resend-code-counter{color:black;cursor:default;display:inline-block;font-size:13px;font-weight:400;margin-left:auto;text-align:right}.adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--otp{margin-bottom:20px}
.adyen_checkout-ctp__brand-wrapper{align-items:center;display:flex;height:18px}.adyen_checkout-ctp__brand-logo{margin-right:6px;width:24px}.adyen_checkout-ctp__brand-pipe{height:15px;margin-right:6px}.adyen_checkout-ctp__brand-scheme{margin-right:6px;-o-object-fit:none;object-fit:none}.adyen_checkout-ctp__brand-scheme-mc{width:27px}.adyen_checkout-ctp__brand-scheme-visa{width:35px}
.adyen-checkout__modal-wrapper{align-items:center;display:flex;height:100%;left:0;overflow-y:auto;overscroll-behavior-y:contain;padding: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:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,17,44,.15);margin:auto;opacity:0;padding:16px;position:relative;transition:opacity .2s ease,visibility .2s ease;z-index:11}@media (max-width:480px){.adyen-checkout__modal-wrapper{padding:0}.adyen-checkout__modal{border-radius:0;height:100%}}
.adyen-checkout__ctp-modal-header-image{display:block;margin:auto}.adyen-checkout__ctp-modal-title{font-size:20px;font-weight:700;line-height:24px;margin:0 0 12px;padding:0}.adyen-checkout__ctp-modal-text{font-size:13px;font-weight:400;line-height:19px;margin-bottom:16px}.adyen-checkout__ctp-modal-benefits{margin-left:0;padding-left:20px}.adyen-checkout__ctp-modal-benefits li{list-style:disc;margin-bottom:16px}.adyen-checkout__modal-wrapper--ctp .adyen-checkout__modal{max-width:464px}.adyen_checkout-ctp__brand-wrapper--popup{justify-content:center;margin-bottom:24px}
.adyen-web__ctp-info-button{background-color:transparent;border:0;cursor:pointer;padding:0}
.adyen-checkout-ctp__section-logout-button{color:#0075ff;cursor:pointer;font-size:13px;font-weight:400;line-height:19px;margin-left:auto}.adyen-checkout-ctp__section-logout-button--disabled{color:#687282;pointer-events:none}
.adyen-checkout-ctp__section{background-color:white;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:16px;position:relative}.adyen-checkout-ctp__section-brand{align-items:center;display:flex;height:18px;margin-bottom:14px}.adyen-checkout-ctp__section--standalone{all:unset}.adyen-checkout-ctp__section .adyen-checkout__fieldset{margin-bottom:24px}.adyen-checkout-ctp__section-header{align-items:center;display:flex}.adyen-checkout-ctp__section-header-title{font-size:17px;font-weight:600;line-height:22px;margin:0 0 4px;padding:0;width:auto}@media screen and (max-width:400px){.adyen-checkout-ctp__section-header-title{font-size:15px}}.adyen-checkout-ctp__section-header-adornment{margin-left:5px}.adyen-checkout-ctp__section-text{color:#687282;font-size:13px;font-weight:400;line-height:19px;margin:0 0 16px}.adyen-checkout-ctp__separator{color:#00112c;font-size:13px;font-weight:400}
.adyen-checkout-ctp__otp-subtitle--highlighted{color:#00112c;font-weight:500}
.adyen-checkout-ctp__card-list-single-card{align-items:center;background-color:#f7f8f9;border-radius:6px;display:flex;font-size:13px;font-weight:400;height:40px;line-height:19px;padding:12px}.adyen-checkout-ctp__card-list-single-card-expired{color:#687282;text-decoration:line-through}.adyen-checkout-ctp__expired-label{color:#687282;font-weight:500;line-height:17px;margin-left:auto}.adyen-checkout-ctp__card-image{border-radius:3px;margin-right:8px}
.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:#687282;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:#687282;font-weight:500;opacity:1}
.adyen-checkout-ctp__card{background-color:white;border:none;border-radius:4px;box-shadow:0 0 0 2px #999595;cursor:pointer;height:40px;margin:0 0 20px;width:100%}.adyen-checkout-ctp__empty-cards{align-items:center;background-color:#f7f8f9;border-radius:6px;color:#687282;display:flex;font-size:13px;font-weight:400;height:40px;line-height:19px;margin-bottom:24px;padding:12px 16px}.adyen-checkout__iframe--ctpIframe{pointer-events:auto}.adyen-checkout__iframe--ctpIframe-hidden{display:none}
.adyen-checkout-ctp__loading-image{display:block;margin:30px auto auto}.adyen-checkout-ctp__loading-subtitle{font-size:16px;line-height:19px;margin:0 auto 58px;max-width:280px;text-align:center}
.adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--shopperLogin{margin-bottom:20px}
.adyen-checkout__cashapp>.adyen-checkout__store-details{margin-bottom:16px;margin-top:0}
.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 #99a3ad;color:#00112c;font-size:.81em;font-weight:400;height:40px;line-height:40px;margin-right: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 2px #99a3ad}.adyen-checkout__button-group .adyen-checkout__button:active{background:#f7f8f9;box-shadow:inset 0 0 0 2px #99a3ad}.adyen-checkout__button-group .adyen-checkout__button--disabled,.adyen-checkout__button-group .adyen-checkout__button--disabled:hover{cursor:not-allowed;opacity:.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__button-group .adyen-checkout__button--selected,.adyen-checkout__button-group .adyen-checkout__button--selected:active,.adyen-checkout__button-group .adyen-checkout__button--selected:active:hover,.adyen-checkout__button-group .adyen-checkout__button--selected:hover{background:#e5efff;box-shadow:inset 0 0 0 2px #0075ff;color:#0075ff;font-weight:500;height:40px;transition:none}.adyen-checkout__button-group .adyen-checkout__button .adyen-checkout__button-group__input{opacity:0;pointer-events:none;position:absolute}
.adyen-checkout__adyen-giving .adyen-checkout__status__icon{display:block;margin:56px auto 32px}.adyen-checkout__adyen-giving .adyen-checkout__status__text{color:#00112c;margin-bottom:56px;text-align:center}.adyen-checkout__campaign{background:#00112c;border-radius:6px;height:227px;overflow:hidden;position:relative}.adyen-checkout__campaign-link:hover .adyen-checkout__campaign-description{text-decoration:underline}.adyen-checkout__campaign-container{height:100%}.adyen-checkout__campaign-logo{border:2px solid rgba(255,255,255,.4);border-radius:3px;display:block;height:48px;margin-bottom:16px;overflow:hidden;width:48px}.adyen-checkout__campaign-background-image{background-color:#00112c;background-position:50%;background-size:cover;height:100%}.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:before{background:inherit;content:"";height:100%;position:absolute;transition:transform .6s ease-out;width:100%}.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:hover:before{transform:scale(1.1)}.adyen-checkout__campaign-link .adyen-checkout__campaign-content{pointer-events:none}.adyen-checkout__campaign-content{bottom:0;padding:16px;position:absolute;z-index:2}.adyen-checkout__campaign-description,.adyen-checkout__campaign-title{color:#fff;font-weight:400;margin:0}.adyen-checkout__campaign-title{font-size:1em;margin-bottom:8px}.adyen-checkout__campaign-description{font-size:.81em;line-height:19px}.adyen-checkout__adyen-giving-actions{margin-top:16px;text-align:center}.adyen-checkout__button.adyen-checkout__button--donate{margin:16px auto 8px}.adyen-checkout__button.adyen-checkout__button--decline{display:block;margin:auto;width:auto}
.adyen-checkout__paywithgoogle{height:48px}.adyen-checkout__paywithgoogle>div>button,.adyen-checkout__paywithgoogle>div>button.long,.adyen-checkout__paywithgoogle>div>button.short{height:48px;transition:background-color .3s ease-out,box-shadow .3s ease-out}.adyen-checkout__paywithgoogle>div>button.long:focus,.adyen-checkout__paywithgoogle>div>button.short:focus,.adyen-checkout__paywithgoogle>div>button:focus{box-shadow:0 0 0 2px #99c2ff;outline:0}.adyen-checkout__paywithgoogle>div>button.gpay-button{padding:15px 24px 13px}
.adyen-checkout__econtext-input__field>.adyen-checkout__button--pay:only-child{margin-top:0}
.adyen-checkout__voucher-result{border-radius:12px;box-sizing:border-box;position:relative;text-align:center}.adyen-checkout__voucher-result__bottom,.adyen-checkout__voucher-result__top{background:#fff;border:1px solid #d4d9db}.adyen-checkout__voucher-result__top{border-bottom:0;border-radius:12px 12px 0 0;padding:40px 0 24px}.adyen-checkout__voucher-result__bottom{border-radius:0 0 12px 12px;border-top:0}.adyen-checkout__voucher-result__separator{align-items:center;background:#fff;display:flex;height:13px;margin:0 auto;position:relative;width:calc(100% - 14px)}.adyen-checkout__voucher-result__separator:after,.adyen-checkout__voucher-result__separator:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCAwIDUgMiAxLjUgNEg3VjBIMFptMCAxMyA1LTIgMS41LTRIN3Y2SDBaIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTYuNDIzIDYuNUM2LjQyMyAzLjMxMiAzLjc4My43NTYuNS41MThjMy4zODYuMjM2IDYgMi44NTUgNiA1Ljk4MiAwIDMuMTI3LTIuNjE0IDUuNzQ2LTYgNS45ODN2LS4wMDFjMy4yODQtLjIzNyA1LjkyMy0yLjc5NCA1LjkyMy01Ljk4MloiIHN0cm9rZT0iI0Q0RDlEQiIvPjxwYXRoIGZpbGw9IiNENEQ5REIiIGQ9Ik0wIDBoMXYxSDB6TTAgMTJoMXYxSDB6Ii8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg3djEzSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+")}.adyen-checkout__voucher-result__separator:before{left:-7px}.adyen-checkout__voucher-result__separator:after,.adyen-checkout__voucher-result__separator:before{background-position:100%;background-repeat:no-repeat;content:"";height:13px;position:absolute;top:0;width:7px}.adyen-checkout__voucher-result__separator:after{right:-7px;transform:rotate(-180deg)}.adyen-checkout__voucher-result__separator__inner{border-top:1px solid #e6e9eb;width:100%}.adyen-checkout__voucher-result__image{align-items:center;display:flex;justify-content:center;margin-bottom:40px;width:100%}.adyen-checkout__link--voucher-result-instructions{display:inline-block}.adyen-checkout__voucher-result__image__wrapper{display:block;height:48px;margin:0 24px;position:relative}.adyen-checkout__voucher-result__image__wrapper:after{border:1px solid rgba(0,27,43,.17);border-radius:3px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.adyen-checkout__voucher-result__image__wrapper:nth-child(2):before{border-left:1px solid #d4d9db;content:"";height:64px;left:-24.5px;position:absolute;top:-8px;width:1px}.adyen-checkout__voucher-result__image__brand,.adyen-checkout__voucher-result__image__issuer{border-radius:3px;height:48px}.adyen-checkout__voucher-result__introduction{color:#00112c;font-size:.81em;line-height:19px;margin:0 auto;max-width:400px;text-align:center}.adyen-checkout__voucher-result__amount{color:#00112c;font-size:1em;font-weight:700;margin:24px auto 0;text-align:center}.adyen-checkout__voucher-result__surcharge{color:#687282;display:block;font-size:.81em;font-weight:400;line-height:19px;text-align:center}.adyen-checkout__voucher-result__code__label{display:block;font-weight:400;left:0;line-height:19px;margin:0 auto;position:absolute;right:0;top:-2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto}.adyen-checkout__voucher-result__code__label:before{content:"";position:absolute}.adyen-checkout__voucher-result__code__label__text{background:#fff;color:#00112c;font-size:13px;letter-spacing:normal;line-height:1;padding:0 8px}.adyen-checkout__voucher-result__code__barcode{display:block;height:56px;margin:0 auto 8px;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__voucher-result__code{border-width:1px 0;color:#00112c;display:inline-block;font-size:1.5em;font-weight:700;letter-spacing:1px;line-height:1.2;margin:0 auto;padding:16px 48px;position:relative;text-align:center;-webkit-user-select:all;-moz-user-select:all;user-select:all;width:100%;word-break:break-word}.adyen-checkout__voucher-result__details{list-style:none;margin:-1px auto 0;padding:0}.adyen-checkout__voucher-result__details__item{border-top:1px solid #e6e9eb;color:#00112c;display:flex;font-size:.81em;justify-content:space-between;padding:16px 24px;word-break:break-word}.adyen-checkout__voucher-result__details__item:last-child{margin-bottom:0}.adyen-checkout__voucher-result__details__label{max-width:50%;text-align:left}.adyen-checkout__voucher-result__details__value{font-weight:700;max-width:50%;text-align:right}.adyen-checkout__voucher-result__actions{align-items:center;display:flex;justify-content:center;list-style:none;margin:0 auto 32px;max-width:100%;min-width:200px;padding:0;width:300px}.adyen-checkout__voucher-result__actions__item{margin:0 4px}
.adyen-checkout__paypal__buttons{position:relative;z-index:0}.adyen-checkout__paypal__button{display:flex;margin-bottom:16px}.adyen-checkout__paypal__button:empty{display:none}.adyen-checkout__paypal__status--pending{margin:16px 0}.adyen-checkout__paypal__status--processing{align-items:center;display:flex;font-size:13px;justify-content:center;padding:24px 0}.adyen-checkout__paypal-processing .adyen-checkout__paypal__button{display:none}.adyen-checkout__payment-method .adyen-checkout__paypal__status--pending{margin:-16px 0 38px}.adyen-checkout__payment-method .adyen-checkout__paypal__status--processing{padding:20px 0 65px}
.adyen-checkout__phone-input{direction:ltr}.adyen-checkout__phone-input .adyen-checkout__input-wrapper{width:100%}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input{height:auto;padding:0}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input:focus{border:1px solid #0075ff;box-shadow:0 0 0 2px #99c2ff}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button{border:0;border-bottom-right-radius:0;border-top-right-radius:0;height:35px;width:auto}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after{box-sizing:revert;height:10px;left:40px}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input--phoneNumber{border:1px solid transparent;height:35px;margin-left:8px;padding-left:15px}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput{align-items:center;display:flex}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput:focus{border:1px solid #0075ff;box-shadow:0 0 0 2px #99c2ff}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__phoneNumber{align-items:center;display:flex;margin-left:65px;width:100%}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__countryFlag{position:absolute}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active,.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover{box-shadow:none}
.adyen-checkout__threeds2__challenge,.adyen-checkout__threeds2__challenge-container{background-color:transparent;box-sizing:border-box;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:56px auto 32px}.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__text{color:#c12424;margin-bottom:56px;text-align:center}
.adyen-checkout__qr-loader{background:#fff;border:1px solid #d4d9db;border-radius:12px;padding:40px;text-align:center}.adyen-checkout__qr-loader--result{padding:100px}.adyen-checkout__qr-loader--app{border:0;border-radius:0;padding:0}.adyen-checkout__qr-loader__brand-logo{border-radius:3px;width:74px}.adyen-checkout__qr-loader__subtitle{margin:32px auto 0;max-width:400px}.adyen-checkout__qr-loader__subtitle--result{margin-bottom:32px}.adyen-checkout__qr-loader__payment_amount,.adyen-checkout__qr-loader__subtitle{color:#00112c;font-size:1em;line-height:19px}.adyen-checkout__qr-loader__icon{height:88px;width:88px}.adyen-checkout__qr-loader__payment_amount{font-weight:700}.adyen-checkout__qr-loader__progress{background:#d4d9db;border-radius:24px;height:4px;margin:32px auto 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:#0075ff;border-radius:24px;display:block;height:100%}.adyen-checkout__qr-loader__countdown{color:#687282;font-size:.81em}.adyen-checkout__qr-loader>.adyen-checkout__spinner__wrapper{margin:60px 0}.adyen-checkout__qr-loader__app-link{display:none;margin-top:16px}.adyen-checkout__button.adyen-checkout__button--qr-loader{margin-top:24px;text-decoration:none}.adyen-checkout__qr-loader__instructions{color:#687282;font-size:1em;line-height:1.5;margin-top:32px}.adyen-checkout__qr-loader__actions{align-items:center;display:flex;justify-content:center;margin-top:32px}@media only screen and (max-device-width:1200px){.adyen-checkout__qr-loader__app-link{display:block}}
.adyen-checkout__voucher-result--boletobancario .adyen-checkout__voucher-result__code{font-size:.81em;line-height:19px;padding:24px;word-break:break-all}
.adyen-checkout__voucher-result--oxxo .adyen-checkout__voucher-result__code{font-size:.81em;line-height:19px;padding:24px;word-break:break-all}
.adyen-checkout__alert-message{border-radius:6px;display:flex;font-size:.81em;margin:0 0 16px;padding:12px;text-align:left}.adyen-checkout__alert-message--error{background:#fbe6ed}.adyen-checkout__alert-message--warning{background:#ffeacc}.adyen-checkout__alert-message--info{background:#e5efff}.adyen-checkout__alert-message__icon{height:14px;margin-right:8px;width:14px}
.adyen-checkout__giftcard-result__header{align-items:center;display:flex;flex-wrap:nowrap;font-size:1em;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:8px}.adyen-checkout__giftcard-result__balance{list-style:none;margin:16px 0 0;padding:0}.adyen-checkout__giftcard-result__balance__item{display:flex;justify-content:space-between;margin-bottom:8px}.adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit{color:#687282}.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:#687282;font-size:13px;line-height:19px;margin:8px auto 0;text-align:center}
.DropinComponent-module_adyen-checkout__payment-methods-list__mAjAm{list-style:none;margin:0;padding:0}.DropinComponent-module_adyen-checkout__payment-method__nWdwg{display:block;max-height:60px}.DropinComponent-module_adyen-checkout__payment-method__details__-rsW7{display:none}.DropinComponent-module_adyen-checkout__payment-method__image__nB80V{height:26px;width:40px}.DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA{margin-right:8px}[dir=rtl] .DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA{margin-left:8px;margin-right:0}.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF{max-height:100%}.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF .DropinComponent-module_adyen-checkout__payment-method__details__-rsW7{display:block}
.adyen-checkout__payment-method__disable-confirmation{background:#c12424;border-left:1px solid #b82222;border-right:1px solid #b82222;color:#fff;font-size:.81em;margin:0 -17px;max-height:0;opacity:0;overflow:hidden;transition:opacity .15s ease-out,max-height .15s linear,margin-bottom .1s linear}.adyen-checkout__payment-method__disable-confirmation.adyen-checkout__payment-method__disable-confirmation--open{margin-bottom:16px;max-height:62px;opacity:1}.adyen-checkout__payment-method__disable-confirmation__content{align-items:center;display:flex;justify-content:space-between;padding:8px 16px}.adyen-checkout__payment-method__disable-confirmation__buttons{display:flex}.adyen-checkout__payment-method__disable-confirmation__button{background:#c12424;border:1px solid transparent;border-radius:6px;color:#fff;cursor:pointer;display:block;height:auto;line-height:14px;margin:0 0 0 8px;padding:8px;width:auto}.adyen-checkout__payment-method__disable-confirmation__button:hover,.adyen-checkout__payment-method__disable-confirmation__button:hover:focus{background:#ac2020;box-shadow:none}.adyen-checkout__payment-method__disable-confirmation__button:active,.adyen-checkout__payment-method__disable-confirmation__button:hover:active{background:#961c1c;box-shadow:none}.adyen-checkout__payment-method__disable-confirmation__button--remove,.adyen-checkout__payment-method__disable-confirmation__button--remove:disabled{border-color:#fff}.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:#fff;border:1px solid #e6e9eb;cursor:pointer;margin-top:-1px;position:relative;transition:opacity .3s ease-out;width:100%}.adyen-checkout__payment-method:focus{outline:0}.adyen-checkout__payment-method--selected+.adyen-checkout__payment-method,.adyen-checkout__payment-method:first-child{border-top-left-radius:12px;border-top-right-radius:12px;margin-top:0}.adyen-checkout__payment-method--next-selected,.adyen-checkout__payment-method:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px;margin-bottom:0}.adyen-checkout__payment-method--loading{opacity:.2}.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading{opacity:.9}.adyen-checkout__payment-method--confirming .adyen-checkout__payment-method__details__content,.adyen-checkout__payment-method--disabling{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__payment-method--disabling{opacity:.3}.adyen-checkout__payment-method__header{align-items:center;color:#00112c;display:flex;flex-wrap:nowrap;font-size:1em;font-weight:400;justify-content:space-between;padding:12px 16px 12px 44px;position:relative;transition:background .1s ease-out;width:100%}[dir=rtl] .adyen-checkout__payment-method__header{padding:12px 44px 12px 12px}.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__header{padding:16px}.adyen-checkout__payment-method__header__title{align-items:center;background:none;border:none;color:#00112c;cursor:pointer;display:flex;flex-shrink:0;font-size:1em;font-weight:400;margin-right:16px;max-width:100%;padding:4px}[dir=rtl] .adyen-checkout__payment-method__header__title{margin-left:16px;margin-right:0}.adyen-checkout__payment-method__surcharge{color:#687282;margin-left:5px}.adyen-checkout__payment-method--selected{background:#f7f8f9;border:1px solid #e6e9eb;border-radius:12px;cursor:default;margin:8px 0;transition:margin .15s cubic-bezier(.4,0,.2,1) 0ms,opacity .3s ease-out}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header{flex-wrap:wrap}.adyen-checkout__payment-method__details{padding:0 16px;position:relative}.adyen-checkout__payment-method__details__content{margin:0 0 16px}.adyen-checkout__payment-method__image__wrapper{height:26px;position:relative;width:40px}.adyen-checkout__payment-method__image__wrapper--outline:after{border:1px solid rgba(0,27,43,.17);border-radius:3px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.adyen-checkout__payment-method__image{border-radius:3px;display:block}.adyen-checkout__payment-method__brands{display:flex;flex-basis:auto;flex-shrink:1;flex-wrap:wrap;height:16px;margin:4px 0;overflow:hidden;text-align:right}.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__brand-number{color:#687282;font-size:13px}.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:16px;margin-right:4px;transition:opacity .2s ease-out;width:24px}.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:last-child{margin:0}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper{margin-bottom:4px}.adyen-checkout__payment-method__brands img{height:16px;width:24px}.adyen-checkout__payment-method__image__wrapper--disabled{opacity:.25}.adyen-checkout__payment-method__radio{background-color:#fff;border:1px solid #b9c4c9;border-radius:50%;height:16px;left:16px;position:absolute;transition:border-color .2s ease-out,box-shadow .2s ease-out;width:16px}[dir=rtl] .adyen-checkout__payment-method__radio{left:auto;right:16px}.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__radio{display:none}.adyen-checkout__payment-method__radio:after{background-color:#fff;border-radius:50%;content:"";display:block;height:6px;left:0;margin:0 auto;position:absolute;right:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease-out;width:6px}.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected) .adyen-checkout__payment-method__radio{border-color:#99a3ad;box-shadow:0 0 0 2px #d4d9db;cursor:pointer}.adyen-checkout__payment-method__radio--selected{background-color:#0075ff;border:0;transition:all .3s ease-out}.adyen-checkout__payment-method__radio--selected:hover{box-shadow:0 0 0 2px rgba(0,102,255,.4)}.adyen-checkout__payment-method__radio--selected:after{transform:translateY(-50%) scale(1)}
.adyen-checkout__payment-method__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__payment-method__name--selected{font-weight:500}.adyen-checkout__payment-method__additional-info{color:#687282;font-size:.81em}.adyen-checkout__payment-method__name_wrapper{align-items:flex-start;display:flex;flex-direction:column}
.adyen-checkout__order-payment-methods-list{list-style:none;margin:0 auto 16px;padding:0}.adyen-checkout__order-payment-method{background:#fff;border:1px solid #e6e9eb;margin-top:-1px;position:relative;width:100%}.adyen-checkout__order-payment-method:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.adyen-checkout__order-payment-method:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.adyen-checkout__order-payment-method__header{align-items:center;color:#00112c;display:flex;flex-wrap:nowrap;font-size:1em;font-weight:500;justify-content:space-between;padding:16px;position:relative;transition:background .1s ease-out;width:100%}.adyen-checkout__order-payment-method__header .adyen-checkout__payment-method__header__title{padding:0}.adyen-checkout__order-payment-method__details{padding:0 16px 16px}.adyen-checkout__order-payment-method__deducted-amount{display:flex;font-size:1em;justify-content:space-between;line-height:1em}.adyen-checkout__order-payment-method__deducted-amount__label{font-size:.81em}.adyen-checkout__order-payment-method__deducted-amount__value{font-weight:500}.adyen-checkout__order-remaining-amount{background:#ffeacc;border-radius:6px;color:#7f4a00;display:block;font-size:.81em;margin-bottom:16px;padding:8px 16px;width:100%}.adyen-checkout__order-remaining-amount strong{font-weight:700}
.adyen-checkout__status{align-items:center;background-color:#fff;border:1px solid #d4d9db;border-radius:6px;color:#00112c;display:flex;flex-direction:column;font-size:1em;height:350px;justify-content:center;margin:0;padding:32px;text-align:center}.adyen-checkout__status__icon{margin-bottom:24px}.adyen-checkout__status .adyen-checkout__spinner__wrapper{max-height:88px}
.adyen-checkout__dropin,.adyen-checkout__dropin *,.adyen-checkout__dropin :after,.adyen-checkout__dropin :before{box-sizing:border-box}.adyen-checkout__payment-methods-list--loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__instant-payment-methods-list{list-style:none;margin:0;padding:0}.adyen-checkout__instant-payment-methods-list li:not(:last-child){margin-bottom:8px}.adyen-checkout__link{color:#0075ff;text-decoration:none}.adyen-checkout__link:hover{text-decoration:underline}
.AchInput-module_sf-input__wrapper__lfdiv{position:relative}.AchInput-module_sf-input__wrapper__lfdiv *,.AchInput-module_sf-input__wrapper__lfdiv :after,.AchInput-module_sf-input__wrapper__lfdiv :before{box-sizing:border-box}.AchInput-module_adyen-checkout__input__8WwCR{display:block;max-height:100px}
.adyen-checkout__loading-input__form{transition:opacity .25s ease-out}.adyen-checkout__pm__holderName{margin-bottom:0}.adyen-checkout__fieldset__title+.adyen-checkout__ach-sf__form{margin-top:0}.adyen-checkout__ach-input .adyen-checkout__fieldset--address,.adyen-checkout__ach-sf__form{margin-top:16px}
.adyen-checkout__loading-input__form{transition:opacity .25s ease-out}
.adyen-checkout-phone-input--new{direction:ltr}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper{width:100%}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input{height:auto;padding:0}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within{border:1px solid #0075ff}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within .adyen-checkout-dropdown--countrycode-selector{border-right:1px solid #0075ff}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button{border:0;border-bottom-right-radius:0;border-top-right-radius:0;height:35px;width:auto}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after{box-sizing:revert;height:10px}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active,.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover{box-shadow:none}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number{border:1px solid transparent;height:35px;line-height:35px;min-height:35px;padding-bottom:0;padding-left:15px;padding-top:0}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number:focus-within{border:1px solid #0075ff;box-shadow:0 0 0 2px #99c2ff}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-dropdown--countrycode-selector{border-right:1px solid #dce0e5;min-width:144px;width:144px}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input-holder--phone-input{align-items:center;display:flex}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-phone-number{align-items:center;display:flex;flex:3}.adyen-checkout-phone-input--new .adyen-checkout-phone-input__error-holder{margin-top:-10px}
.adyen-checkout__await{background:#fff;border:1px solid #d4d9db;border-radius:12px;padding:40px;text-align:center}.adyen-checkout__await--result{padding:100px}.adyen-checkout__qr-loader--app{border:0;border-radius:0;padding:0}.adyen-checkout__await__brand-logo{border-radius:3px;width:74px}.adyen-checkout__await__indicator-text,.adyen-checkout__await__subtitle{color:#00112c;font-size:1em;line-height:19px;margin-top:32px}.adyen-checkout__await__indicator-holder .adyen-checkout__await__indicator-text{margin-left:10px;margin-top:6px}.adyen-checkout__await__indicator-holder{display:flex;justify-content:center;margin-bottom:20px;margin-top:32px}.adyen-checkout__await__subtitle--result{margin-bottom:32px}.adyen-checkout__await__icon{height:88px;width:88px}.adyen-checkout__await__progress{background:#d4d9db;border-radius:24px;height:4px;margin:32px auto 12px;width:152px}.adyen-checkout__await__percentage{background:#0075ff;border-radius:24px;display:block;height:100%}.adyen-checkout__await__countdown{color:#687282;font-size:.81em}.adyen-checkout__await>.adyen-checkout__spinner__wrapper{margin:60px 0}.adyen-checkout__await__app-link{display:none;margin-top:16px}@media only screen and (max-device-width:1200px){.adyen-checkout__await__app-link{display:block}}
.adyen-checkout__blik__helper{color:#00112c;font-size:1em;font-weight:400;margin:0 0 16px;padding:0}
.adyen-checkout__bankTransfer__introduction{color:#00112c;font-size:.81em;font-weight:400;margin:0 0 16px;padding:0}.adyen-checkout__bankTransfer__emailField{margin:0 0 16px}
.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:-25px;width:20%}.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:#0075ff;cursor:pointer;text-align:end;text-decoration:underline}
.adyen-checkout__voucher-result__introduction{font-size:1em;max-width:420px}
.adyen-checkout__klarna-widget{pointer-events:all}
.adyen-checkout__field--vpa{margin-bottom:0}
.adyen-checkout__segmented-control{background:#fff;border:1px solid #b9c4c9;border-radius:6px;display:flex;gap:4px;justify-content:space-between;padding:4px 5px}.adyen-checkout__segmented-control--disabled{pointer-events:none}.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment{color:#8390a3}.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment--selected{background:#f3f6f9;border:1.5px solid #8390a3}.adyen-checkout__segmented-control-segment{background:#fff;border:0;border-radius:6px;color:#0075ff;cursor:pointer;flex-grow:1;font-weight:500;height:40px;text-align:center;transition:background .3s ease-out;width:100%}.adyen-checkout__segmented-control-segment:not(.adyen-checkout__segmented-control-segment--selected):hover{background-color:#f7f8f9}.adyen-checkout__segmented-control-segment:active{background-color:#f7f8f9;border:1.5px solid #687282}.adyen-checkout__segmented-control-segment--selected{background:#e5f1ff;border:1.5px solid #0075ff;color:#0075ff;font-weight:700}
.adyen-checkout_upi-mode-selection-text{font-size:13px;font-weight:400;line-height:19px;margin-bottom:7px;margin-top:0}.adyen-checkout__segmented-control--upi-margin-bottom{margin-bottom:16px}
.adyen-checkout-trustly{margin-bottom:16px}.adyen-checkout-trustly__descriptor{font-size:1em;font-weight:500;margin:0 0 4px}.adyen-checkout-trustly__description-list{font-size:.81em;line-height:1.5;list-style-type:disc;margin:0;padding-left:20px}
.adyen-checkout-sr-panel{font-size:.75em;margin-bottom:20px}.adyen-checkout-sr-panel--sr-only{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.collapse {
  visibility: collapse !important;
}
.visible {
  visibility: visible !important;
}
.absolute {
  position: absolute !important;
}
.fixed {
  position: fixed !important;
}
.relative {
  position: relative !important;
}
.static {
  position: static !important;
}
.container {
  width: 100% !important;
  @media (width >= 40rem) {
    max-width: 40rem !important;
  }
  @media (width >= 48rem) {
    max-width: 48rem !important;
  }
  @media (width >= 64rem) {
    max-width: 64rem !important;
  }
  @media (width >= 80rem) {
    max-width: 80rem !important;
  }
  @media (width >= 96rem) {
    max-width: 96rem !important;
  }
}
.mt-200 {
  margin-top: var(--prism-spacing-200, 8px) !important;
}
.mt-600 {
  margin-top: var(--prism-spacing-600, 24px) !important;
}
.mb-100 {
  margin-bottom: var(--prism-spacing-100, 4px) !important;
}
.mb-200 {
  margin-bottom: var(--prism-spacing-200, 8px) !important;
}
.mb-300 {
  margin-bottom: var(--prism-spacing-300, 12px) !important;
}
.mb-400 {
  margin-bottom: var(--prism-spacing-400, 16px) !important;
}
.mb-600 {
  margin-bottom: var(--prism-spacing-600, 24px) !important;
}
.\!hidden {
  display: none !important;
}
.block {
  display: block !important;
}
.contents {
  display: contents !important;
}
.flex {
  display: flex !important;
}
.hidden {
  display: none !important;
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}
.list-item {
  display: list-item !important;
}
.table {
  display: table !important;
}
.table-caption {
  display: table-caption !important;
}
.table-cell {
  display: table-cell !important;
}
.h-\[18px\] {
  height: 18px !important;
}
.h-full {
  height: 100% !important;
}
.w-1\/2 {
  width: calc(1/2 * 100%) !important;
}
.w-1\/3 {
  width: calc(1/3 * 100%) !important;
}
.w-1\/5 {
  width: calc(1/5 * 100%) !important;
}
.w-4\/5 {
  width: calc(4/5 * 100%) !important;
}
.w-\[150px\] {
  width: 150px !important;
}
.w-\[600px\] {
  width: 600px !important;
}
.w-full {
  width: 100% !important;
}
.min-w-\[600px\] {
  min-width: 600px !important;
}
.shrink {
  flex-shrink: 1 !important;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
}
.resize {
  resize: both !important;
}
.flex-col {
  flex-direction: column !important;
}
.flex-row {
  flex-direction: row !important;
}
.items-center {
  align-items: center !important;
}
.items-start {
  align-items: flex-start !important;
}
.justify-between {
  justify-content: space-between !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.gap-100 {
  gap: var(--prism-spacing-100, 4px) !important;
}
.gap-300 {
  gap: var(--prism-spacing-300, 12px) !important;
}
.gap-400 {
  gap: var(--prism-spacing-400, 16px) !important;
}
.gap-500 {
  gap: var(--prism-spacing-500, 20px) !important;
}
.gap-600 {
  gap: var(--prism-spacing-600, 24px) !important;
}
.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.border {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.p-200 {
  padding: var(--prism-spacing-200, 8px) !important;
}
.p-500 {
  padding: var(--prism-spacing-500, 20px) !important;
}
.pt-400 {
  padding-top: var(--prism-spacing-400, 16px) !important;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-critical-default {
  color: var(--prism-color-text-critical-default, #cd1c07) !important;
}
.text-success-default {
  color: var(--prism-color-text-success-default, #0e7744) !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.blur {
  --tw-blur: blur(8px) !important;
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
.invert {
  --tw-invert: invert(100%) !important;
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
.\!filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
.filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
:root {
  --prism-border-radius-50: 2px;
  --prism-border-radius-100: 4px;
  --prism-border-radius-200: 8px;
  --prism-border-radius-300: 12px;
  --prism-border-radius-400: 16px;
  --prism-border-radius-circle: 50%;
  --prism-border-radius-pill: 9999px;
  --prism-color-chart-categorical-10: #00518b;
  --prism-color-chart-categorical-11: #a37530;
  --prism-color-chart-categorical-12: #fdd886;
  --prism-color-chart-categorical-13: #7f67bf;
  --prism-color-chart-categorical-14: #58be1d;
  --prism-color-chart-categorical-15: #d7f8ae;
  --prism-color-chart-categorical-16: #a1b4c5;
  --prism-color-chart-categorical-17: #5cb9f4;
  --prism-color-chart-categorical-18: #e13038;
  --prism-color-chart-categorical-19: #1f3d57;
  --prism-color-chart-categorical-20: #2c91d4;
  --prism-color-chart-categorical-21: #ac5a03;
  --prism-color-chart-categorical-01: #157bc1;
  --prism-color-chart-categorical-02: #f9ad24;
  --prism-color-chart-categorical-03: #f74f57;
  --prism-color-chart-categorical-04: #c3b3e8;
  --prism-color-chart-categorical-05: #94e1e3;
  --prism-color-chart-categorical-06: #9a0165;
  --prism-color-chart-categorical-07: #ff9da2;
  --prism-color-chart-categorical-08: #4c657b;
  --prism-color-chart-categorical-09: #a8e07e;
  --prism-color-chart-sequential-critical-10: #a5191e;
  --prism-color-chart-sequential-critical-11: #8a0f15;
  --prism-color-chart-sequential-critical-01: #f9cdcd;
  --prism-color-chart-sequential-critical-02: #fdb7b7;
  --prism-color-chart-sequential-critical-03: #ffa1a0;
  --prism-color-chart-sequential-critical-04: #ff8a88;
  --prism-color-chart-sequential-critical-05: #ff6f6b;
  --prism-color-chart-sequential-critical-06: #f85553;
  --prism-color-chart-sequential-critical-07: #ea4041;
  --prism-color-chart-sequential-critical-08: #d62e32;
  --prism-color-chart-sequential-critical-09: #bf2227;
  --prism-color-chart-sequential-info-10: #0e3ea9;
  --prism-color-chart-sequential-info-11: #0b238e;
  --prism-color-chart-sequential-info-01: #c8defc;
  --prism-color-chart-sequential-info-02: #afd2fe;
  --prism-color-chart-sequential-info-03: #92c4ff;
  --prism-color-chart-sequential-info-04: #74b6ff;
  --prism-color-chart-sequential-info-05: #57a5ff;
  --prism-color-chart-sequential-info-06: #3e92fb;
  --prism-color-chart-sequential-info-07: #2c7feb;
  --prism-color-chart-sequential-info-08: #1f6bd8;
  --prism-color-chart-sequential-info-09: #1456c3;
  --prism-color-chart-sequential-intelligence-10: #602391;
  --prism-color-chart-sequential-intelligence-11: #490070;
  --prism-color-chart-sequential-intelligence-01: #e9e3ff;
  --prism-color-chart-sequential-intelligence-02: #dcd0ff;
  --prism-color-chart-sequential-intelligence-03: #cfbcff;
  --prism-color-chart-sequential-intelligence-04: #c2a7ff;
  --prism-color-chart-sequential-intelligence-05: #b491ff;
  --prism-color-chart-sequential-intelligence-06: #a47bf6;
  --prism-color-chart-sequential-intelligence-07: #9567e3;
  --prism-color-chart-sequential-intelligence-08: #8552cb;
  --prism-color-chart-sequential-intelligence-09: #743bae;
  --prism-color-chart-sequential-neutral-10: #383b40;
  --prism-color-chart-sequential-neutral-11: #1f2124;
  --prism-color-chart-sequential-neutral-01: #e5e9ef;
  --prism-color-chart-sequential-neutral-02: #d2d8e1;
  --prism-color-chart-sequential-neutral-03: #c0c7d3;
  --prism-color-chart-sequential-neutral-04: #adb6c2;
  --prism-color-chart-sequential-neutral-05: #9ba3b0;
  --prism-color-chart-sequential-neutral-06: #89919c;
  --prism-color-chart-sequential-neutral-07: #767d87;
  --prism-color-chart-sequential-neutral-08: #626871;
  --prism-color-chart-sequential-neutral-09: #4e535a;
  --prism-color-chart-sequential-success-10: #13663e;
  --prism-color-chart-sequential-success-11: #0d5030;
  --prism-color-chart-sequential-success-01: #c6f0d2;
  --prism-color-chart-sequential-success-02: #9fe3b4;
  --prism-color-chart-sequential-success-03: #75d998;
  --prism-color-chart-sequential-success-04: #68d190;
  --prism-color-chart-sequential-success-05: #46c47d;
  --prism-color-chart-sequential-success-06: #37b370;
  --prism-color-chart-sequential-success-07: #2aa163;
  --prism-color-chart-sequential-success-08: #1f8954;
  --prism-color-chart-sequential-success-09: #1a7b4b;
  --prism-color-chart-sequential-warning-10: #935e05;
  --prism-color-chart-sequential-warning-11: #7a500d;
  --prism-color-chart-sequential-warning-01: #ffedc6;
  --prism-color-chart-sequential-warning-02: #fedc9d;
  --prism-color-chart-sequential-warning-03: #ffc974;
  --prism-color-chart-sequential-warning-04: #ffb44a;
  --prism-color-chart-sequential-warning-05: #f9a10c;
  --prism-color-chart-sequential-warning-06: #e99201;
  --prism-color-chart-sequential-warning-07: #d68400;
  --prism-color-chart-sequential-warning-08: #c07800;
  --prism-color-chart-sequential-warning-09: #aa6b00;
  --prism-color-elevation-backdrop-default: rgba(46, 61, 75, 0.72);
  --prism-color-elevation-backdrop-inverse: rgba(255, 255, 255, 0.72);
  --prism-color-general-alpha-info-50: rgba(5, 143, 255, 0.08);
  --prism-color-general-alpha-info-100: rgba(0, 130, 255, 0.2);
  --prism-color-general-alpha-info-200: rgba(7, 137, 255, 0.33);
  --prism-color-general-alpha-info-300: rgba(3, 131, 255, 0.5);
  --prism-color-general-alpha-info-400: rgba(0, 120, 255, 0.66);
  --prism-color-general-alpha-intelligence-50: rgba(88, 38, 255, 0.06);
  --prism-color-general-alpha-intelligence-100: rgba(55, 1, 255, 0.13);
  --prism-color-general-alpha-intelligence-200: rgba(65, 7, 255, 0.21);
  --prism-color-general-alpha-intelligence-300: rgba(74, 5, 255, 0.32);
  --prism-color-general-alpha-intelligence-400: rgba(79, 3, 255, 0.42);
  --prism-color-general-alpha-inverse-50: rgba(255, 255, 255, 0.2);
  --prism-color-general-alpha-inverse-100: rgba(255, 255, 255, 0.32);
  --prism-color-general-alpha-inverse-200: rgba(255, 255, 255, 0.48);
  --prism-color-general-alpha-inverse-300: rgba(255, 255, 255, 0.64);
  --prism-color-general-alpha-inverse-400: rgba(255, 255, 255, 0.72);
  --prism-color-general-alpha-neutral-50: rgba(22, 55, 88, 0.03);
  --prism-color-general-alpha-neutral-100: rgba(5, 38, 105, 0.06);
  --prism-color-general-alpha-neutral-200: rgba(19, 46, 110, 0.11);
  --prism-color-general-alpha-neutral-300: rgba(11, 36, 86, 0.16);
  --prism-color-general-alpha-neutral-400: rgba(5, 30, 72, 0.24);
  --prism-color-general-alpha-neutral-00: rgba(22, 55, 88, 0);
  --prism-color-general-brand-50: #fff6ea;
  --prism-color-general-brand-100: #ffe6d7;
  --prism-color-general-brand-200: #fed9c3;
  --prism-color-general-brand-300: #feb488;
  --prism-color-general-brand-400: #fd9b60;
  --prism-color-general-brand-500: #fd8237;
  --prism-color-general-brand-600: #ec470a;
  --prism-color-general-brand-700: #bc2d0d;
  --prism-color-general-brand-800: #912911;
  --prism-color-general-brand-900: #6b2211;
  --prism-color-general-brand-950: #140806;
  --prism-color-general-critical-50: #fff0ee;
  --prism-color-general-critical-100: #ffdad6;
  --prism-color-general-critical-200: #ffc5c0;
  --prism-color-general-critical-300: #ffa399;
  --prism-color-general-critical-400: #fe8276;
  --prism-color-general-critical-500: #f96657;
  --prism-color-general-critical-600: #cd1c07;
  --prism-color-general-critical-700: #a12113;
  --prism-color-general-critical-800: #7d2119;
  --prism-color-general-critical-900: #611711;
  --prism-color-general-critical-950: #450c08;
  --prism-color-general-info-50: #ebf6ff;
  --prism-color-general-info-100: #cce6ff;
  --prism-color-general-info-200: #add8ff;
  --prism-color-general-info-300: #81c1ff;
  --prism-color-general-info-400: #5eaaff;
  --prism-color-general-info-500: #4297ff;
  --prism-color-general-info-600: #125fe3;
  --prism-color-general-info-700: #1549c1;
  --prism-color-general-info-800: #0d39a0;
  --prism-color-general-info-900: #0b238e;
  --prism-color-general-info-950: #061567;
  --prism-color-general-intelligence-50: #f5f2ff;
  --prism-color-general-intelligence-100: #e5deff;
  --prism-color-general-intelligence-200: #d7cbff;
  --prism-color-general-intelligence-300: #c5afff;
  --prism-color-general-intelligence-400: #b595ff;
  --prism-color-general-intelligence-500: #a87eff;
  --prism-color-general-intelligence-600: #7f31fd;
  --prism-color-general-intelligence-700: #6a0be1;
  --prism-color-general-intelligence-800: #5816a9;
  --prism-color-general-intelligence-900: #441280;
  --prism-color-general-intelligence-950: #2d0c5a;
  --prism-color-general-neutral-50: #f9fafb;
  --prism-color-general-neutral-100: #f2f4f8;
  --prism-color-general-neutral-200: #e6e9ef;
  --prism-color-general-neutral-300: #dbe0e6;
  --prism-color-general-neutral-400: #c7ced6;
  --prism-color-general-neutral-500: #a8b0bd;
  --prism-color-general-neutral-600: #66768a;
  --prism-color-general-neutral-700: #52647a;
  --prism-color-general-neutral-800: #44586d;
  --prism-color-general-neutral-900: #2e3d4b;
  --prism-color-general-neutral-950: #1f2124;
  --prism-color-general-neutral-00: #ffffff;
  --prism-color-general-success-50: #e2f9e9;
  --prism-color-general-success-100: #beedcc;
  --prism-color-general-success-200: #98e3b3;
  --prism-color-general-success-300: #5bd18d;
  --prism-color-general-success-400: #28be6d;
  --prism-color-general-success-500: #1bab60;
  --prism-color-general-success-600: #0e7744;
  --prism-color-general-success-700: #0e6039;
  --prism-color-general-success-800: #0c4c2f;
  --prism-color-general-success-900: #093a24;
  --prism-color-general-success-950: #052718;
  --prism-color-general-warning-50: #fff2d5;
  --prism-color-general-warning-100: #ffde96;
  --prism-color-general-warning-200: #ffca66;
  --prism-color-general-warning-300: #ffa926;
  --prism-color-general-warning-400: #fc8907;
  --prism-color-general-warning-500: #ef7204;
  --prism-color-general-warning-600: #b83f06;
  --prism-color-general-warning-700: #97300c;
  --prism-color-general-warning-800: #79270d;
  --prism-color-general-warning-900: #5e1c05;
  --prism-color-general-warning-950: #421102;
  --prism-shadow-brand-100: rgba(145, 41, 17, 0.1) 0px 1px 3px 0px, rgba(145, 41, 17, 0.08) 0px 1px 2px 0px;
  --prism-shadow-brand-200: rgba(145, 41, 17, 0.2) 0px 8px 16px -4px, rgba(145, 41, 17, 0.06) 0px 4px 4px -2px;
  --prism-shadow-brand-300: rgba(145, 41, 17, 0.28) 0px 24px 48px -12px;
  --prism-shadow-brand-inset: rgba(145, 41, 17, 0.16) 0px 2px 4px 0px inset;
  --prism-shadow-neutral-100: rgba(0, 0, 0, 0.08) 0px 1px 3px 0px, rgba(0, 0, 0, 0.04) 0px 1px 2px 0px;
  --prism-shadow-neutral-200: rgba(0, 0, 0, 0.08) 0px 8px 12px -4px, rgba(0, 0, 0, 0.04) 0px 4px 4px -2px;
  --prism-shadow-neutral-300: rgba(0, 0, 0, 0.24) 0px 24px 48px -12px;
  --prism-shadow-neutral-inset: rgba(0, 0, 0, 0.08) 0px 2px 4px 0px inset;
  --prism-shadow-reverse-neutral-200: rgba(0, 0, 0, 0.08) 0px 8px 12px -4px, rgba(0, 0, 0, 0.04) 0px 4px 4px -2px;
  --prism-spacing-0: 0;
  --prism-spacing-50: 2px;
  --prism-spacing-100: 4px;
  --prism-spacing-200: 8px;
  --prism-spacing-300: 12px;
  --prism-spacing-400: 16px;
  --prism-spacing-500: 20px;
  --prism-spacing-600: 24px;
  --prism-spacing-700: 28px;
  --prism-spacing-800: 32px;
  --prism-spacing-900: 36px;
  --prism-spacing-1000: 40px;
  --gradient-brand-background: radial-gradient( 10560.62% 249.13% at 0.12% 5.08%, #fff1e0 0%, #ffebeb 55.21%, #fefbf5 100% );
  --gradient-brand-figure: linear-gradient(90deg, #fd8a44 0%, #ec470a 100%);
  --shadow-color-default: 210deg 5% 76%;
  --prism-font-size-heading-1: 28px;
  --prism-font-size-heading-2: 20px;
  --prism-font-size-heading-3: 16px;
  --prism-font-size-heading-4: 14px;
  --prism-font-size-paragraph-200-bold: 12px;
  --prism-font-size-paragraph-200-medium: 12px;
  --prism-font-size-paragraph-200-regular: 12px;
  --prism-font-size-paragraph-200-semi-bold: 12px;
  --prism-font-size-paragraph-300-bold: 14px;
  --prism-font-size-paragraph-300-medium: 14px;
  --prism-font-size-paragraph-300-regular: 14px;
  --prism-font-size-paragraph-300-semi-bold: 14px;
  --prism-font-size-paragraph-400-bold: 16px;
  --prism-font-size-paragraph-400-medium: 16px;
  --prism-font-size-paragraph-400-regular: 16px;
  --prism-font-size-paragraph-400-semi-bold: 16px;
  --prism-font-size-text-200-bold: 12px;
  --prism-font-size-text-200-medium: 12px;
  --prism-font-size-text-200-regular: 12px;
  --prism-font-size-text-200-semi-bold: 12px;
  --prism-font-size-text-300-bold: 14px;
  --prism-font-size-text-300-medium: 14px;
  --prism-font-size-text-300-regular: 14px;
  --prism-font-size-text-300-semi-bold: 14px;
  --prism-font-size-text-400-bold: 16px;
  --prism-font-size-text-400-medium: 16px;
  --prism-font-size-text-400-regular: 16px;
  --prism-font-size-text-400-semi-bold: 16px;
  --prism-font-size-text-500-bold: 20px;
  --prism-font-size-text-500-medium: 20px;
  --prism-font-size-text-500-regular: 20px;
  --prism-font-size-text-500-semi-bold: 20px;
  --prism-font-weight-heading-1: 700;
  --prism-font-weight-heading-2: 600;
  --prism-font-weight-heading-3: 600;
  --prism-font-weight-heading-4: 600;
  --prism-font-weight-paragraph-200-bold: 700;
  --prism-font-weight-paragraph-200-medium: 500;
  --prism-font-weight-paragraph-200-regular: 400;
  --prism-font-weight-paragraph-200-semi-bold: 600;
  --prism-font-weight-paragraph-300-bold: 700;
  --prism-font-weight-paragraph-300-medium: 500;
  --prism-font-weight-paragraph-300-regular: 400;
  --prism-font-weight-paragraph-300-semi-bold: 600;
  --prism-font-weight-paragraph-400-bold: 700;
  --prism-font-weight-paragraph-400-medium: 500;
  --prism-font-weight-paragraph-400-regular: 400;
  --prism-font-weight-paragraph-400-semi-bold: 600;
  --prism-font-weight-text-200-bold: 700;
  --prism-font-weight-text-200-medium: 500;
  --prism-font-weight-text-200-regular: 400;
  --prism-font-weight-text-200-semi-bold: 600;
  --prism-font-weight-text-300-bold: 700;
  --prism-font-weight-text-300-medium: 500;
  --prism-font-weight-text-300-regular: 400;
  --prism-font-weight-text-300-semi-bold: 600;
  --prism-font-weight-text-400-bold: 700;
  --prism-font-weight-text-400-medium: 500;
  --prism-font-weight-text-400-regular: 400;
  --prism-font-weight-text-400-semi-bold: 600;
  --prism-font-weight-text-500-bold: 700;
  --prism-font-weight-text-500-medium: 500;
  --prism-font-weight-text-500-regular: 400;
  --prism-font-weight-text-500-semi-bold: 600;
  --prism-font-line-height-heading-1: 36px;
  --prism-font-line-height-heading-2: 28px;
  --prism-font-line-height-heading-3: 24px;
  --prism-font-line-height-heading-4: 20px;
  --prism-font-line-height-paragraph-200-bold: 18px;
  --prism-font-line-height-paragraph-200-medium: 18px;
  --prism-font-line-height-paragraph-200-regular: 18px;
  --prism-font-line-height-paragraph-200-semi-bold: 18px;
  --prism-font-line-height-paragraph-300-bold: 20px;
  --prism-font-line-height-paragraph-300-medium: 20px;
  --prism-font-line-height-paragraph-300-regular: 20px;
  --prism-font-line-height-paragraph-300-semi-bold: 20px;
  --prism-font-line-height-paragraph-400-bold: 24px;
  --prism-font-line-height-paragraph-400-medium: 24px;
  --prism-font-line-height-paragraph-400-regular: 24px;
  --prism-font-line-height-paragraph-400-semi-bold: 24px;
  --prism-font-line-height-text-200-bold: 16px;
  --prism-font-line-height-text-200-medium: 16px;
  --prism-font-line-height-text-200-regular: 16px;
  --prism-font-line-height-text-200-semi-bold: 16px;
  --prism-font-line-height-text-300-bold: 18px;
  --prism-font-line-height-text-300-medium: 18px;
  --prism-font-line-height-text-300-regular: 18px;
  --prism-font-line-height-text-300-semi-bold: 18px;
  --prism-font-line-height-text-400-bold: 20px;
  --prism-font-line-height-text-400-medium: 20px;
  --prism-font-line-height-text-400-regular: 20px;
  --prism-font-line-height-text-400-semi-bold: 20px;
  --prism-font-line-height-text-500-bold: 24px;
  --prism-font-line-height-text-500-medium: 24px;
  --prism-font-line-height-text-500-regular: 24px;
  --prism-font-line-height-text-500-semi-bold: 24px;
  --prism-color-background-critical-default: var(--prism-color-general-critical-100);
  --prism-color-background-critical-subdued: var(--prism-color-general-critical-50);
  --prism-color-background-info-default: var(--prism-color-general-info-100);
  --prism-color-background-info-subdued: var(--prism-color-general-info-50);
  --prism-color-background-inverse: var(--prism-color-general-neutral-900);
  --prism-color-background-neutral-default: var(--prism-color-general-neutral-200);
  --prism-color-background-neutral-subdued: var(--prism-color-general-neutral-50);
  --prism-color-background-success-default: var(--prism-color-general-success-100);
  --prism-color-background-success-subdued: var(--prism-color-general-success-50);
  --prism-color-background-warning-default: var(--prism-color-general-warning-100);
  --prism-color-background-warning-subdued: var(--prism-color-general-warning-50);
  --prism-color-border-brand-default: var(--prism-color-general-brand-200);
  --prism-color-border-brand-emphasis: var(--prism-color-general-brand-500);
  --prism-color-border-critical-default: var(--prism-color-general-critical-200);
  --prism-color-border-critical-emphasis: var(--prism-color-general-critical-500);
  --prism-color-border-info-default: var(--prism-color-general-info-200);
  --prism-color-border-info-emphasis: var(--prism-color-general-info-500);
  --prism-color-border-intelligence-default: var(--prism-color-general-intelligence-200);
  --prism-color-border-intelligence-emphasis: var(--prism-color-general-intelligence-500);
  --prism-color-border-inverse-default: var(--prism-color-general-alpha-inverse-200);
  --prism-color-border-inverse-emphasis: var(--prism-color-general-neutral-00);
  --prism-color-border-neutral-default: var(--prism-color-general-neutral-200);
  --prism-color-border-neutral-emphasis: var(--prism-color-general-neutral-300);
  --prism-color-border-success-default: var(--prism-color-general-success-200);
  --prism-color-border-success-emphasis: var(--prism-color-general-success-500);
  --prism-color-border-warning-default: var(--prism-color-general-warning-200);
  --prism-color-border-warning-emphasis: var(--prism-color-general-warning-500);
  --prism-color-chart-accent-primary-figure-default: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-accent-primary-figure-emphasis: var(--prism-color-chart-sequential-info-10);
  --prism-color-chart-accent-primary-figure-subdued: var(--prism-color-chart-sequential-info-04);
  --prism-color-chart-accent-secondary-figure-default: var(--prism-color-chart-sequential-neutral-09);
  --prism-color-chart-accent-secondary-figure-emphasis: var(--prism-color-chart-sequential-neutral-10);
  --prism-color-chart-accent-secondary-figure-subdued: var(--prism-color-chart-sequential-neutral-04);
  --prism-color-chart-demand-background-elevated: var(--prism-color-chart-sequential-critical-01);
  --prism-color-chart-demand-background-high: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-demand-background-low: var(--prism-color-chart-sequential-info-03);
  --prism-color-chart-demand-background-normal: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-demand-background-very-high: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-demand-background-very-low: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-demand-figure-elevated: var(--prism-color-chart-sequential-critical-01);
  --prism-color-chart-demand-figure-high: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-demand-figure-low: var(--prism-color-chart-sequential-info-03);
  --prism-color-chart-demand-figure-normal: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-demand-figure-very-high: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-demand-figure-very-low: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-background-high-default: var(--prism-color-chart-sequential-info-08);
  --prism-color-chart-info-background-high-emphasis: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-info-background-low-default: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-info-background-low-emphasis: var(--prism-color-chart-sequential-info-02);
  --prism-color-chart-info-background-normal-default: var(--prism-color-chart-sequential-info-04);
  --prism-color-chart-info-background-normal-emphasis: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-figure-high: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-info-figure-low: var(--prism-color-chart-sequential-info-02);
  --prism-color-chart-info-figure-normal: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-figure-very-high: var(--prism-color-chart-sequential-info-11);
  --prism-color-chart-intelligence-background-high-default: var(--prism-color-chart-sequential-intelligence-06);
  --prism-color-chart-intelligence-background-high-emphasis: var(--prism-color-chart-sequential-intelligence-07);
  --prism-color-chart-intelligence-background-low-default: var(--prism-color-chart-sequential-intelligence-01);
  --prism-color-chart-intelligence-background-low-emphasis: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-intelligence-background-normal-default: var(--prism-color-chart-sequential-intelligence-03);
  --prism-color-chart-intelligence-background-normal-emphasis: var(--prism-color-chart-sequential-intelligence-04);
  --prism-color-chart-intelligence-figure-high: var(--prism-color-chart-sequential-intelligence-09);
  --prism-color-chart-intelligence-figure-low: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-intelligence-figure-normal: var(--prism-color-chart-sequential-intelligence-06);
  --prism-color-chart-neutral-background-empty: var(--prism-color-chart-sequential-neutral-01);
  --prism-color-chart-neutral-figure-empty: var(--prism-color-chart-sequential-neutral-03);
  --prism-color-chart-status-background-critical-default: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-status-background-critical-emphasis: var(--prism-color-chart-sequential-critical-04);
  --prism-color-chart-status-background-success-default: var(--prism-color-chart-sequential-success-02);
  --prism-color-chart-status-background-success-emphasis: var(--prism-color-chart-sequential-success-03);
  --prism-color-chart-status-background-warning-default: var(--prism-color-chart-sequential-warning-03);
  --prism-color-chart-status-background-warning-emphasis: var(--prism-color-chart-sequential-warning-04);
  --prism-color-chart-status-figure-critical-normal: var(--prism-color-chart-sequential-critical-08);
  --prism-color-chart-status-figure-critical-low: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-status-figure-intelligence-normal: var(--prism-color-chart-sequential-intelligence-05);
  --prism-color-chart-status-figure-intelligence-low: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-status-figure-success-normal: var(--prism-color-chart-sequential-success-05);
  --prism-color-chart-status-figure-success-low: var(--prism-color-chart-sequential-success-02);
  --prism-color-chart-status-figure-warning-normal: var(--prism-color-chart-sequential-warning-05);
  --prism-color-chart-status-figure-warning-low: var(--prism-color-chart-sequential-warning-02);
  --prism-color-elevation-canvas: var(--prism-color-general-neutral-100);
  --prism-color-elevation-surface: var(--prism-color-general-neutral-00);
  --prism-color-icon-brand-default: var(--prism-color-general-brand-500);
  --prism-color-icon-brand-emphasis: var(--prism-color-general-brand-600);
  --prism-color-icon-critical-default: var(--prism-color-general-critical-500);
  --prism-color-icon-critical-emphasis: var(--prism-color-general-critical-600);
  --prism-color-icon-info-default: var(--prism-color-general-info-500);
  --prism-color-icon-info-emphasis: var(--prism-color-general-info-600);
  --prism-color-icon-intelligence-default: var(--prism-color-general-intelligence-500);
  --prism-color-icon-intelligence-emphasis: var(--prism-color-general-intelligence-600);
  --prism-color-icon-inverse: var(--prism-color-general-neutral-00);
  --prism-color-icon-neutral-default: var(--prism-color-general-neutral-800);
  --prism-color-icon-neutral-emphasis: var(--prism-color-general-neutral-900);
  --prism-color-icon-neutral-subdued: var(--prism-color-general-neutral-600);
  --prism-color-icon-success-default: var(--prism-color-general-success-500);
  --prism-color-icon-success-emphasis: var(--prism-color-general-success-600);
  --prism-color-icon-warning-default: var(--prism-color-general-warning-500);
  --prism-color-icon-warning-emphasis: var(--prism-color-general-warning-800);
  --prism-color-interactive-background-critical-hover: var(--prism-color-general-critical-700);
  --prism-color-interactive-background-critical-idle: var(--prism-color-general-critical-600);
  --prism-color-interactive-background-critical-pressed: var(--prism-color-general-critical-800);
  --prism-color-interactive-background-disabled: var(--prism-color-general-alpha-neutral-200);
  --prism-color-interactive-background-ghost-hover: var(--prism-color-general-alpha-neutral-100);
  --prism-color-interactive-background-ghost-idle: var(--prism-color-general-alpha-neutral-00);
  --prism-color-interactive-background-ghost-pressed: var(--prism-color-general-alpha-neutral-200);
  --prism-color-interactive-background-ghost-selected: var(--prism-color-general-alpha-info-50);
  --prism-color-interactive-background-inverse-hover: var(--prism-color-general-alpha-inverse-100);
  --prism-color-interactive-background-inverse-idle: var(--prism-color-general-alpha-inverse-50);
  --prism-color-interactive-background-inverse-pressed: var(--prism-color-general-alpha-inverse-200);
  --prism-color-interactive-background-primary-hover: var(--prism-color-general-info-700);
  --prism-color-interactive-background-primary-idle: var(--prism-color-general-info-600);
  --prism-color-interactive-background-primary-pressed: var(--prism-color-general-info-800);
  --prism-color-interactive-background-primary-selected: var(--prism-color-general-info-800);
  --prism-color-interactive-background-secondary-hover: var(--prism-color-general-alpha-neutral-200);
  --prism-color-interactive-background-secondary-idle: var(--prism-color-general-alpha-neutral-100);
  --prism-color-interactive-background-secondary-pressed: var(--prism-color-general-alpha-neutral-300);
  --prism-color-interactive-background-secondary-selected: var(--prism-color-general-alpha-info-50);
  --prism-color-interactive-background-success-hover: var(--prism-color-general-success-700);
  --prism-color-interactive-background-success-idle: var(--prism-color-general-success-600);
  --prism-color-interactive-background-success-pressed: var(--prism-color-general-success-800);
  --prism-color-interactive-background-warning-hover: var(--prism-color-general-warning-300);
  --prism-color-interactive-background-warning-idle: var(--prism-color-general-warning-200);
  --prism-color-interactive-background-warning-pressed: var(--prism-color-general-warning-400);
  --prism-color-interactive-border-critical-hover: var(--prism-color-general-critical-700);
  --prism-color-interactive-border-critical-idle: var(--prism-color-general-critical-600);
  --prism-color-interactive-border-critical-pressed: var(--prism-color-general-critical-800);
  --prism-color-interactive-border-focus: var(--prism-color-general-info-500);
  --prism-color-interactive-border-neutral-hover: var(--prism-color-general-neutral-500);
  --prism-color-interactive-border-neutral-idle: var(--prism-color-general-neutral-400);
  --prism-color-interactive-border-neutral-pressed: var(--prism-color-general-neutral-600);
  --prism-color-interactive-border-warning-hover: var(--prism-color-general-warning-500);
  --prism-color-interactive-border-warning-idle: var(--prism-color-general-warning-400);
  --prism-color-interactive-border-warning-pressed: var(--prism-color-general-warning-600);
  --prism-color-interactive-icon-disabled: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-disabled: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-placeholder: var(--prism-color-general-neutral-600);
  --prism-color-interactive-text-primary-hover: var(--prism-color-general-info-700);
  --prism-color-interactive-text-primary-idle: var(--prism-color-general-info-600);
  --prism-color-interactive-text-primary-pressed: var(--prism-color-general-info-800);
  --prism-color-interactive-text-primary-selected: var(--prism-color-general-info-900);
  --prism-color-interactive-text-secondary-hover: var(--prism-color-general-neutral-800);
  --prism-color-interactive-text-secondary-idle: var(--prism-color-general-neutral-900);
  --prism-color-interactive-text-secondary-pressed: var(--prism-color-general-neutral-950);
  --prism-color-interactive-text-secondary-selected: var(--prism-color-general-neutral-950);
  --prism-color-text-brand-default: var(--prism-color-general-brand-600);
  --prism-color-text-brand-emphasis: var(--prism-color-general-brand-950);
  --prism-color-text-critical-default: var(--prism-color-general-critical-600);
  --prism-color-text-critical-emphasis: var(--prism-color-general-critical-950);
  --prism-color-text-info-default: var(--prism-color-general-info-600);
  --prism-color-text-info-emphasis: var(--prism-color-general-info-950);
  --prism-color-text-intelligence-default: var(--prism-color-general-intelligence-700);
  --prism-color-text-intelligence-emphasis: var(--prism-color-general-intelligence-950);
  --prism-color-text-inverse: var(--prism-color-general-neutral-00);
  --prism-color-text-neutral-default: var(--prism-color-general-neutral-900);
  --prism-color-text-neutral-emphasis: var(--prism-color-general-neutral-950);
  --prism-color-text-neutral-subdued: var(--prism-color-general-neutral-700);
  --prism-color-text-success-default: var(--prism-color-general-success-600);
  --prism-color-text-success-emphasis: var(--prism-color-general-success-950);
  --prism-color-text-warning-default: var(--prism-color-general-warning-500);
  --prism-color-text-warning-emphasis: var(--prism-color-general-warning-950);
  --prism-gradient-background-brand-default: linear-gradient(135deg, var(--prism-color-general-brand-100) 0%, var(--prism-color-general-brand-400) 100%);
  --prism-gradient-background-brand-subdued: linear-gradient(135deg, var(--prism-color-general-brand-50) 0%, var(--prism-color-general-brand-300) 100%);
  --prism-gradient-background-intelligence-default: linear-gradient(135deg, var(--prism-color-general-intelligence-100) 0%, var(--prism-color-general-intelligence-200) 100%);
  --prism-gradient-background-intelligence-subdued: linear-gradient(135deg, var(--prism-color-general-intelligence-50) 0%, var(--prism-color-general-intelligence-100) 100%);
  --prism-gradient-chart-intelligence-background-high: linear-gradient(135deg, var(--prism-color-general-critical-400) -20%, var(--prism-color-general-intelligence-700) 100%);
  --prism-gradient-chart-intelligence-background-low: linear-gradient(135deg, var(--prism-color-general-neutral-100) -20%, var(--prism-color-general-intelligence-400) 100%);
  --prism-gradient-chart-intelligence-background-normal: linear-gradient(135deg, var(--prism-color-general-critical-300) -20%, var(--prism-color-general-intelligence-500) 100%);
  --prism-gradient-interactive-background-brand-primary-hover: linear-gradient(135deg, var(--prism-color-general-brand-600) 0%, var(--prism-color-general-brand-500) 100%);
  --prism-gradient-interactive-background-brand-primary-idle: linear-gradient(135deg, var(--prism-color-general-brand-500) 0%, var(--prism-color-general-brand-600) 100%);
  --prism-gradient-interactive-background-brand-primary-pressed: linear-gradient(135deg, var(--prism-color-general-brand-700) 0%, var(--prism-color-general-brand-600) 100%);
  --prism-gradient-interactive-background-intelligence-primary-idle: linear-gradient(135deg, var(--prism-color-general-intelligence-500) -20%, var(--prism-color-interactive-background-primary-idle) 100%);
  --prism-gradient-interactive-background-intelligence-secondary-idle: linear-gradient(135deg, var(--prism-color-general-intelligence-100) -20%, var(--prism-color-interactive-background-secondary-idle) 100%);
  --gradient-brand-100: linear-gradient( 90deg, var(--prism-color-general-brand-50) 0%, #ffefe7 104.1% );
  --prism-gradient-interactive-background-intelligence-primary-hover: linear-gradient(135deg, var(--prism-color-interactive-background-primary-hover) 0%, var(--prism-color-general-intelligence-600) 120%);
  --prism-gradient-interactive-background-intelligence-primary-pressed: linear-gradient(135deg, var(--prism-color-interactive-background-primary-pressed) 0%, var(--prism-color-general-intelligence-600) 120%);
  --prism-gradient-interactive-background-intelligence-secondary-hover: linear-gradient(135deg, var(--prism-color-interactive-background-secondary-hover) 0%, var(--prism-color-general-alpha-intelligence-200) 120%);
  --prism-gradient-interactive-background-intelligence-secondary-pressed: linear-gradient(135deg, var(--prism-color-interactive-background-secondary-pressed) 0%, var(--prism-color-general-alpha-intelligence-200) 120%);
}
:root[data-theme='dark'] {
  --prism-border-radius-50: 2px;
  --prism-border-radius-100: 4px;
  --prism-border-radius-200: 8px;
  --prism-border-radius-300: 12px;
  --prism-border-radius-400: 16px;
  --prism-border-radius-circle: 50%;
  --prism-border-radius-pill: 9999px;
  --prism-color-chart-categorical-10: #00518b;
  --prism-color-chart-categorical-11: #a37530;
  --prism-color-chart-categorical-12: #fdd886;
  --prism-color-chart-categorical-13: #7f67bf;
  --prism-color-chart-categorical-14: #58be1d;
  --prism-color-chart-categorical-15: #d7f8ae;
  --prism-color-chart-categorical-16: #a1b4c5;
  --prism-color-chart-categorical-17: #5cb9f4;
  --prism-color-chart-categorical-18: #e13038;
  --prism-color-chart-categorical-19: #1f3d57;
  --prism-color-chart-categorical-20: #2c91d4;
  --prism-color-chart-categorical-21: #ac5a03;
  --prism-color-chart-categorical-01: #157bc1;
  --prism-color-chart-categorical-02: #f9ad24;
  --prism-color-chart-categorical-03: #f74f57;
  --prism-color-chart-categorical-04: #c3b3e8;
  --prism-color-chart-categorical-05: #94e1e3;
  --prism-color-chart-categorical-06: #9a0165;
  --prism-color-chart-categorical-07: #ff9da2;
  --prism-color-chart-categorical-08: #4c657b;
  --prism-color-chart-categorical-09: #a8e07e;
  --prism-color-chart-sequential-critical-10: #ffcbcb;
  --prism-color-chart-sequential-critical-11: #ffe1e1;
  --prism-color-chart-sequential-critical-01: #942331;
  --prism-color-chart-sequential-critical-02: #a82c3b;
  --prism-color-chart-sequential-critical-03: #c03847;
  --prism-color-chart-sequential-critical-04: #d54554;
  --prism-color-chart-sequential-critical-05: #e85562;
  --prism-color-chart-sequential-critical-06: #f76972;
  --prism-color-chart-sequential-critical-07: #ff8086;
  --prism-color-chart-sequential-critical-08: #ff9b9e;
  --prism-color-chart-sequential-critical-09: #ffb4b5;
  --prism-color-chart-sequential-info-10: #bfdaff;
  --prism-color-chart-sequential-info-11: #dae9ff;
  --prism-color-chart-sequential-info-01: #254c92;
  --prism-color-chart-sequential-info-02: #2659aa;
  --prism-color-chart-sequential-info-03: #2969c4;
  --prism-color-chart-sequential-info-04: #3178d7;
  --prism-color-chart-sequential-info-05: #4188e7;
  --prism-color-chart-sequential-info-06: #5699f1;
  --prism-color-chart-sequential-info-07: #6ea9f8;
  --prism-color-chart-sequential-info-08: #88bafc;
  --prism-color-chart-sequential-info-09: #a4caff;
  --prism-color-chart-sequential-intelligence-10: #e2d1f7;
  --prism-color-chart-sequential-intelligence-11: #eee4fa;
  --prism-color-chart-sequential-intelligence-01: #623d87;
  --prism-color-chart-sequential-intelligence-02: #70499a;
  --prism-color-chart-sequential-intelligence-03: #8157ae;
  --prism-color-chart-sequential-intelligence-04: #9064bf;
  --prism-color-chart-sequential-intelligence-05: #9f74cf;
  --prism-color-chart-sequential-intelligence-06: #ae86db;
  --prism-color-chart-sequential-intelligence-07: #bb97e5;
  --prism-color-chart-sequential-intelligence-08: #c8aaed;
  --prism-color-chart-sequential-intelligence-09: #d5bdf3;
  --prism-color-chart-sequential-neutral-10: #d6d8db;
  --prism-color-chart-sequential-neutral-11: #e8e8ea;
  --prism-color-chart-sequential-neutral-01: #4a4e59;
  --prism-color-chart-sequential-neutral-02: #575b67;
  --prism-color-chart-sequential-neutral-03: #666a76;
  --prism-color-chart-sequential-neutral-04: #757883;
  --prism-color-chart-sequential-neutral-05: #858892;
  --prism-color-chart-sequential-neutral-06: #9597a0;
  --prism-color-chart-sequential-neutral-07: #a4a6ae;
  --prism-color-chart-sequential-neutral-08: #b5b7bd;
  --prism-color-chart-sequential-neutral-09: #c6c7cc;
  --prism-color-chart-sequential-success-10: #c6decb;
  --prism-color-chart-sequential-success-11: #ddece0;
  --prism-color-chart-sequential-success-01: #26583b;
  --prism-color-chart-sequential-success-02: #266740;
  --prism-color-chart-sequential-success-03: #2d7849;
  --prism-color-chart-sequential-success-04: #3b8754;
  --prism-color-chart-sequential-success-05: #4f9663;
  --prism-color-chart-sequential-success-06: #66a576;
  --prism-color-chart-sequential-success-07: #7db389;
  --prism-color-chart-sequential-success-08: #94c29e;
  --prism-color-chart-sequential-success-09: #add0b5;
  --prism-color-chart-sequential-warning-10: #ffd095;
  --prism-color-chart-sequential-warning-11: #ffe4c2;
  --prism-color-chart-sequential-warning-01: #6f4500;
  --prism-color-chart-sequential-warning-02: #805100;
  --prism-color-chart-sequential-warning-03: #945f00;
  --prism-color-chart-sequential-warning-04: #a76c00;
  --prism-color-chart-sequential-warning-05: #ba7b0c;
  --prism-color-chart-sequential-warning-06: #cc8a1e;
  --prism-color-chart-sequential-warning-07: #dd9933;
  --prism-color-chart-sequential-warning-08: #ecaa4e;
  --prism-color-chart-sequential-warning-09: #f8bc6e;
  --prism-color-elevation-backdrop-default: rgba(0, 0, 0, 0.72);
  --prism-color-elevation-backdrop-inverse: rgba(255, 255, 255, 0.72);
  --prism-color-general-alpha-info-50: rgba(33, 98, 255, 0.28);
  --prism-color-general-alpha-info-100: rgba(39, 102, 255, 0.41);
  --prism-color-general-alpha-info-200: rgba(39, 100, 255, 0.59);
  --prism-color-general-alpha-info-300: rgba(39, 107, 255, 0.71);
  --prism-color-general-alpha-info-400: rgba(40, 121, 255, 0.8);
  --prism-color-general-alpha-intelligence-50: rgba(157, 93, 255, 0.23);
  --prism-color-general-alpha-intelligence-100: rgba(152, 96, 255, 0.34);
  --prism-color-general-alpha-intelligence-200: rgba(156, 103, 255, 0.47);
  --prism-color-general-alpha-intelligence-300: rgba(164, 111, 255, 0.56);
  --prism-color-general-alpha-intelligence-400: rgba(177, 125, 255, 0.64);
  --prism-color-general-alpha-inverse-50: rgba(0, 0, 0, 0.12);
  --prism-color-general-alpha-inverse-100: rgba(0, 0, 0, 0.24);
  --prism-color-general-alpha-inverse-200: rgba(0, 0, 0, 0.32);
  --prism-color-general-alpha-inverse-300: rgba(0, 0, 0, 0.56);
  --prism-color-general-alpha-inverse-400: rgba(0, 0, 0, 0.64);
  --prism-color-general-alpha-neutral-50: rgba(29, 31, 35, 0.05);
  --prism-color-general-alpha-neutral-100: rgba(189, 191, 215, 0.05);
  --prism-color-general-alpha-neutral-200: rgba(228, 230, 255, 0.1);
  --prism-color-general-alpha-neutral-300: rgba(215, 223, 255, 0.18);
  --prism-color-general-alpha-neutral-400: rgba(211, 220, 255, 0.29);
  --prism-color-general-alpha-neutral-00: rgba(255, 255, 255, 0);
  --prism-color-general-brand-50: #63241d;
  --prism-color-general-brand-100: #713129;
  --prism-color-general-brand-200: #803a30;
  --prism-color-general-brand-300: #984131;
  --prism-color-general-brand-400: #b44a31;
  --prism-color-general-brand-500: #d1532c;
  --prism-color-general-brand-600: #f76118;
  --prism-color-general-brand-700: #fe8850;
  --prism-color-general-brand-800: #ffab80;
  --prism-color-general-brand-900: #ffccb0;
  --prism-color-general-brand-950: #ffece2;
  --prism-color-general-critical-50: #562424;
  --prism-color-general-critical-100: #6e2829;
  --prism-color-general-critical-200: #8e2c2f;
  --prism-color-general-critical-300: #a92e33;
  --prism-color-general-critical-400: #c92f38;
  --prism-color-general-critical-500: #db464e;
  --prism-color-general-critical-600: #e66a73;
  --prism-color-general-critical-700: #ef8b96;
  --prism-color-general-critical-800: #f7aab5;
  --prism-color-general-critical-900: #fdcad3;
  --prism-color-general-critical-950: #ffebee;
  --prism-color-general-info-50: #1e3261;
  --prism-color-general-info-100: #213c7d;
  --prism-color-general-info-200: #2348a5;
  --prism-color-general-info-300: #2455bf;
  --prism-color-general-info-400: #2667d3;
  --prism-color-general-info-500: #2a7be0;
  --prism-color-general-info-600: #3a95ea;
  --prism-color-general-info-700: #57aff1;
  --prism-color-general-info-800: #7cc7f5;
  --prism-color-general-info-900: #a7defc;
  --prism-color-general-info-950: #dbf3ff;
  --prism-color-general-intelligence-50: #3a2d55;
  --prism-color-general-intelligence-100: #47356e;
  --prism-color-general-intelligence-200: #59418b;
  --prism-color-general-intelligence-300: #694c9f;
  --prism-color-general-intelligence-400: #7b5baf;
  --prism-color-general-intelligence-500: #8f6bbc;
  --prism-color-general-intelligence-600: #a981cc;
  --prism-color-general-intelligence-700: #c298da;
  --prism-color-general-intelligence-800: #dab1e7;
  --prism-color-general-intelligence-900: #f0cbf5;
  --prism-color-general-intelligence-950: #fee9ff;
  --prism-color-general-neutral-50: #1d1f23;
  --prism-color-general-neutral-100: #25272c;
  --prism-color-general-neutral-200: #303238;
  --prism-color-general-neutral-300: #3e414a;
  --prism-color-general-neutral-400: #525663;
  --prism-color-general-neutral-500: #646a7a;
  --prism-color-general-neutral-600: #9095a5;
  --prism-color-general-neutral-700: #acb2c1;
  --prism-color-general-neutral-800: #d2d4dd;
  --prism-color-general-neutral-900: #ebecf0;
  --prism-color-general-neutral-950: #ffffff;
  --prism-color-general-neutral-00: #15171a;
  --prism-color-general-success-50: #24382d;
  --prism-color-general-success-100: #284535;
  --prism-color-general-success-200: #2c583e;
  --prism-color-general-success-300: #2e6744;
  --prism-color-general-success-400: #33784c;
  --prism-color-general-success-500: #3e8a56;
  --prism-color-general-success-600: #52a168;
  --prism-color-general-success-700: #69b97e;
  --prism-color-general-success-800: #82d095;
  --prism-color-general-success-900: #9ee7ae;
  --prism-color-general-success-950: #c6fdd1;
  --prism-color-general-warning-50: #403022;
  --prism-color-general-warning-100: #523b27;
  --prism-color-general-warning-200: #68482a;
  --prism-color-general-warning-300: #7c532b;
  --prism-color-general-warning-400: #926129;
  --prism-color-general-warning-500: #a96f27;
  --prism-color-general-warning-600: #c58424;
  --prism-color-general-warning-700: #de9b33;
  --prism-color-general-warning-800: #efb45b;
  --prism-color-general-warning-900: #f8d195;
  --prism-color-general-warning-950: #ffedd0;
  --prism-shadow-brand-100: rgba(145, 41, 17, 0.1) 0px 1px 3px 0px, rgba(145, 41, 17, 0.08) 0px 1px 2px 0px;
  --prism-shadow-brand-200: rgba(145, 41, 17, 0.2) 0px 8px 16px -4px, rgba(145, 41, 17, 0.06) 0px 4px 4px -2px;
  --prism-shadow-brand-300: rgba(145, 41, 17, 0.28) 0px 24px 48px -12px;
  --prism-shadow-brand-inset: rgba(145, 41, 17, 0.16) 0px 2px 4px 0px inset;
  --prism-shadow-neutral-100: 0 0 0 1px rgba(255, 255, 255, 0);
  --prism-shadow-neutral-200: 0 0 0 1px rgba(255, 255, 255, 0.14), 0 4px 10px rgba(0, 0, 0, 0.4);
  --prism-shadow-neutral-300: 0 0 0 1px rgba(255, 255, 255, 0.16), 0px 4px 4px -2px rgba(0, 0, 0, 0.6);
  --prism-shadow-neutral-inset: rgba(0, 0, 0, 0.08) 0px 2px 4px 0px inset;
  --prism-shadow-reverse-neutral-200: rgba(0, 0, 0, 0.08) 0px 8px 12px -4px, rgba(0, 0, 0, 0.04) 0px 4px 4px -2px;
  --prism-spacing-0: 0;
  --prism-spacing-50: 2px;
  --prism-spacing-100: 4px;
  --prism-spacing-200: 8px;
  --prism-spacing-300: 12px;
  --prism-spacing-400: 16px;
  --prism-spacing-500: 20px;
  --prism-spacing-600: 24px;
  --prism-spacing-700: 28px;
  --prism-spacing-800: 32px;
  --prism-spacing-900: 36px;
  --prism-spacing-1000: 40px;
  --shadow-color-default: 210deg 5% 76%;
  --prism-font-size-heading-1: 28px;
  --prism-font-size-heading-2: 20px;
  --prism-font-size-heading-3: 16px;
  --prism-font-size-heading-4: 14px;
  --prism-font-size-paragraph-200-bold: 12px;
  --prism-font-size-paragraph-200-medium: 12px;
  --prism-font-size-paragraph-200-regular: 12px;
  --prism-font-size-paragraph-200-semi-bold: 12px;
  --prism-font-size-paragraph-300-bold: 14px;
  --prism-font-size-paragraph-300-medium: 14px;
  --prism-font-size-paragraph-300-regular: 14px;
  --prism-font-size-paragraph-300-semi-bold: 14px;
  --prism-font-size-paragraph-400-bold: 16px;
  --prism-font-size-paragraph-400-medium: 16px;
  --prism-font-size-paragraph-400-regular: 16px;
  --prism-font-size-paragraph-400-semi-bold: 16px;
  --prism-font-size-text-200-bold: 12px;
  --prism-font-size-text-200-medium: 12px;
  --prism-font-size-text-200-regular: 12px;
  --prism-font-size-text-200-semi-bold: 12px;
  --prism-font-size-text-300-bold: 14px;
  --prism-font-size-text-300-medium: 14px;
  --prism-font-size-text-300-regular: 14px;
  --prism-font-size-text-300-semi-bold: 14px;
  --prism-font-size-text-400-bold: 16px;
  --prism-font-size-text-400-medium: 16px;
  --prism-font-size-text-400-regular: 16px;
  --prism-font-size-text-400-semi-bold: 16px;
  --prism-font-size-text-500-bold: 20px;
  --prism-font-size-text-500-medium: 20px;
  --prism-font-size-text-500-regular: 20px;
  --prism-font-size-text-500-semi-bold: 20px;
  --prism-font-weight-heading-1: 600;
  --prism-font-weight-heading-2: 600;
  --prism-font-weight-heading-3: 600;
  --prism-font-weight-heading-4: 600;
  --prism-font-weight-paragraph-200-bold: 600;
  --prism-font-weight-paragraph-200-medium: 500;
  --prism-font-weight-paragraph-200-regular: 400;
  --prism-font-weight-paragraph-200-semi-bold: 600;
  --prism-font-weight-paragraph-300-bold: 600;
  --prism-font-weight-paragraph-300-medium: 500;
  --prism-font-weight-paragraph-300-regular: 400;
  --prism-font-weight-paragraph-300-semi-bold: 600;
  --prism-font-weight-paragraph-400-bold: 600;
  --prism-font-weight-paragraph-400-medium: 500;
  --prism-font-weight-paragraph-400-regular: 400;
  --prism-font-weight-paragraph-400-semi-bold: 600;
  --prism-font-weight-text-200-bold: 600;
  --prism-font-weight-text-200-medium: 500;
  --prism-font-weight-text-200-regular: 400;
  --prism-font-weight-text-200-semi-bold: 600;
  --prism-font-weight-text-300-bold: 600;
  --prism-font-weight-text-300-medium: 500;
  --prism-font-weight-text-300-regular: 400;
  --prism-font-weight-text-300-semi-bold: 600;
  --prism-font-weight-text-400-bold: 600;
  --prism-font-weight-text-400-medium: 500;
  --prism-font-weight-text-400-regular: 400;
  --prism-font-weight-text-400-semi-bold: 600;
  --prism-font-weight-text-500-bold: 600;
  --prism-font-weight-text-500-medium: 500;
  --prism-font-weight-text-500-regular: 400;
  --prism-font-weight-text-500-semi-bold: 600;
  --prism-font-line-height-heading-1: 36px;
  --prism-font-line-height-heading-2: 28px;
  --prism-font-line-height-heading-3: 24px;
  --prism-font-line-height-heading-4: 20px;
  --prism-font-line-height-paragraph-200-bold: 18px;
  --prism-font-line-height-paragraph-200-medium: 18px;
  --prism-font-line-height-paragraph-200-regular: 18px;
  --prism-font-line-height-paragraph-200-semi-bold: 18px;
  --prism-font-line-height-paragraph-300-bold: 20px;
  --prism-font-line-height-paragraph-300-medium: 20px;
  --prism-font-line-height-paragraph-300-regular: 20px;
  --prism-font-line-height-paragraph-300-semi-bold: 20px;
  --prism-font-line-height-paragraph-400-bold: 24px;
  --prism-font-line-height-paragraph-400-medium: 24px;
  --prism-font-line-height-paragraph-400-regular: 24px;
  --prism-font-line-height-paragraph-400-semi-bold: 24px;
  --prism-font-line-height-text-200-bold: 16px;
  --prism-font-line-height-text-200-medium: 16px;
  --prism-font-line-height-text-200-regular: 16px;
  --prism-font-line-height-text-200-semi-bold: 16px;
  --prism-font-line-height-text-300-bold: 18px;
  --prism-font-line-height-text-300-medium: 18px;
  --prism-font-line-height-text-300-regular: 18px;
  --prism-font-line-height-text-300-semi-bold: 18px;
  --prism-font-line-height-text-400-bold: 20px;
  --prism-font-line-height-text-400-medium: 20px;
  --prism-font-line-height-text-400-regular: 20px;
  --prism-font-line-height-text-400-semi-bold: 20px;
  --prism-font-line-height-text-500-bold: 24px;
  --prism-font-line-height-text-500-medium: 24px;
  --prism-font-line-height-text-500-regular: 24px;
  --prism-font-line-height-text-500-semi-bold: 24px;
  --prism-color-background-critical-default: var(--prism-color-general-critical-100);
  --prism-color-background-critical-subdued: var(--prism-color-general-critical-50);
  --prism-color-background-info-default: var(--prism-color-general-info-100);
  --prism-color-background-info-subdued: var(--prism-color-general-info-50);
  --prism-color-background-inverse: var(--prism-color-general-neutral-900);
  --prism-color-background-neutral-default: var(--prism-color-general-neutral-200);
  --prism-color-background-neutral-subdued: var(--prism-color-general-neutral-00);
  --prism-color-background-success-default: var(--prism-color-general-success-100);
  --prism-color-background-success-subdued: var(--prism-color-general-success-50);
  --prism-color-background-warning-default: var(--prism-color-general-warning-100);
  --prism-color-background-warning-subdued: var(--prism-color-general-warning-50);
  --prism-color-border-brand-default: var(--prism-color-general-brand-200);
  --prism-color-border-brand-emphasis: var(--prism-color-general-brand-500);
  --prism-color-border-critical-default: var(--prism-color-general-critical-200);
  --prism-color-border-critical-emphasis: var(--prism-color-general-critical-500);
  --prism-color-border-info-default: var(--prism-color-general-info-200);
  --prism-color-border-info-emphasis: var(--prism-color-general-info-500);
  --prism-color-border-intelligence-default: var(--prism-color-general-intelligence-200);
  --prism-color-border-intelligence-emphasis: var(--prism-color-general-intelligence-500);
  --prism-color-border-inverse-default: var(--prism-color-general-alpha-inverse-200);
  --prism-color-border-inverse-emphasis: var(--prism-color-general-neutral-00);
  --prism-color-border-neutral-default: var(--prism-color-general-alpha-neutral-300);
  --prism-color-border-neutral-emphasis: var(--prism-color-general-alpha-neutral-400);
  --prism-color-border-success-default: var(--prism-color-general-success-200);
  --prism-color-border-success-emphasis: var(--prism-color-general-success-500);
  --prism-color-border-warning-default: var(--prism-color-general-warning-200);
  --prism-color-border-warning-emphasis: var(--prism-color-general-warning-500);
  --prism-color-chart-accent-primary-figure-default: var(--prism-color-chart-sequential-info-08);
  --prism-color-chart-accent-primary-figure-emphasis: var(--prism-color-chart-sequential-info-10);
  --prism-color-chart-accent-primary-figure-subdued: var(--prism-color-chart-sequential-info-04);
  --prism-color-chart-accent-secondary-figure-default: var(--prism-color-chart-sequential-neutral-09);
  --prism-color-chart-accent-secondary-figure-emphasis: var(--prism-color-chart-sequential-neutral-10);
  --prism-color-chart-accent-secondary-figure-subdued: var(--prism-color-chart-sequential-neutral-04);
  --prism-color-chart-demand-background-elevated: var(--prism-color-chart-sequential-critical-01);
  --prism-color-chart-demand-background-high: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-demand-background-low: var(--prism-color-chart-sequential-info-03);
  --prism-color-chart-demand-background-normal: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-demand-background-very-high: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-demand-background-very-low: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-demand-figure-elevated: var(--prism-color-chart-sequential-critical-01);
  --prism-color-chart-demand-figure-high: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-demand-figure-low: var(--prism-color-chart-sequential-info-03);
  --prism-color-chart-demand-figure-normal: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-demand-figure-very-high: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-demand-figure-very-low: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-background-high-default: var(--prism-color-chart-sequential-info-08);
  --prism-color-chart-info-background-high-emphasis: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-info-background-low-default: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-info-background-low-emphasis: var(--prism-color-chart-sequential-info-02);
  --prism-color-chart-info-background-normal-default: var(--prism-color-chart-sequential-info-04);
  --prism-color-chart-info-background-normal-emphasis: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-figure-high: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-info-figure-low: var(--prism-color-chart-sequential-info-02);
  --prism-color-chart-info-figure-normal: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-figure-very-high: var(--prism-color-chart-sequential-info-11);
  --prism-color-chart-intelligence-background-high-default: var(--prism-color-chart-sequential-intelligence-06);
  --prism-color-chart-intelligence-background-high-emphasis: var(--prism-color-chart-sequential-intelligence-07);
  --prism-color-chart-intelligence-background-low-default: var(--prism-color-chart-sequential-intelligence-01);
  --prism-color-chart-intelligence-background-low-emphasis: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-intelligence-background-normal-default: var(--prism-color-chart-sequential-intelligence-03);
  --prism-color-chart-intelligence-background-normal-emphasis: var(--prism-color-chart-sequential-intelligence-04);
  --prism-color-chart-intelligence-figure-high: var(--prism-color-chart-sequential-intelligence-09);
  --prism-color-chart-intelligence-figure-low: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-intelligence-figure-normal: var(--prism-color-chart-sequential-intelligence-06);
  --prism-color-chart-neutral-background-empty: var(--prism-color-chart-sequential-neutral-01);
  --prism-color-chart-neutral-figure-empty: var(--prism-color-chart-sequential-neutral-03);
  --prism-color-chart-status-background-critical-default: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-status-background-critical-emphasis: var(--prism-color-chart-sequential-critical-04);
  --prism-color-chart-status-background-success-default: var(--prism-color-chart-sequential-success-02);
  --prism-color-chart-status-background-success-emphasis: var(--prism-color-chart-sequential-success-03);
  --prism-color-chart-status-background-warning-default: var(--prism-color-chart-sequential-warning-03);
  --prism-color-chart-status-background-warning-emphasis: var(--prism-color-chart-sequential-warning-04);
  --prism-color-chart-status-figure-critical-normal: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-status-figure-critical-low: var(--prism-color-chart-sequential-critical-02);
  --prism-color-chart-status-figure-intelligence-normal: var(--prism-color-chart-sequential-intelligence-05);
  --prism-color-chart-status-figure-intelligence-low: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-status-figure-success-normal: var(--prism-color-chart-sequential-success-05);
  --prism-color-chart-status-figure-success-low: var(--prism-color-chart-sequential-success-02);
  --prism-color-chart-status-figure-warning-normal: var(--prism-color-chart-sequential-warning-05);
  --prism-color-chart-status-figure-warning-low: var(--prism-color-chart-sequential-warning-02);
  --prism-color-elevation-canvas: var(--prism-color-general-neutral-00);
  --prism-color-elevation-surface: var(--prism-color-general-neutral-50);
  --prism-color-icon-brand-default: var(--prism-color-general-brand-700);
  --prism-color-icon-brand-emphasis: var(--prism-color-general-brand-950);
  --prism-color-icon-critical-default: var(--prism-color-general-critical-700);
  --prism-color-icon-critical-emphasis: var(--prism-color-general-critical-950);
  --prism-color-icon-info-default: var(--prism-color-general-info-700);
  --prism-color-icon-info-emphasis: var(--prism-color-general-info-950);
  --prism-color-icon-intelligence-default: var(--prism-color-general-intelligence-700);
  --prism-color-icon-intelligence-emphasis: var(--prism-color-general-intelligence-950);
  --prism-color-icon-inverse: var(--prism-color-general-neutral-00);
  --prism-color-icon-neutral-default: var(--prism-color-general-neutral-900);
  --prism-color-icon-neutral-emphasis: var(--prism-color-general-neutral-950);
  --prism-color-icon-neutral-subdued: var(--prism-color-general-neutral-800);
  --prism-color-icon-success-default: var(--prism-color-general-success-700);
  --prism-color-icon-success-emphasis: var(--prism-color-general-success-950);
  --prism-color-icon-warning-default: var(--prism-color-general-warning-700);
  --prism-color-icon-warning-emphasis: var(--prism-color-general-warning-950);
  --prism-color-interactive-background-critical-hover: var(--prism-color-general-critical-800);
  --prism-color-interactive-background-critical-idle: var(--prism-color-general-critical-700);
  --prism-color-interactive-background-critical-pressed: var(--prism-color-general-critical-900);
  --prism-color-interactive-background-disabled: var(--prism-color-general-alpha-neutral-100);
  --prism-color-interactive-background-ghost-hover: var(--prism-color-general-alpha-neutral-300);
  --prism-color-interactive-background-ghost-idle: var(--prism-color-general-alpha-neutral-00);
  --prism-color-interactive-background-ghost-pressed: var(--prism-color-general-alpha-neutral-400);
  --prism-color-interactive-background-ghost-selected: var(--prism-color-general-alpha-info-50);
  --prism-color-interactive-background-inverse-hover: var(--prism-color-general-alpha-inverse-200);
  --prism-color-interactive-background-inverse-idle: var(--prism-color-general-alpha-inverse-100);
  --prism-color-interactive-background-inverse-pressed: var(--prism-color-general-alpha-inverse-300);
  --prism-color-interactive-background-primary-hover: var(--prism-color-general-info-800);
  --prism-color-interactive-background-primary-idle: var(--prism-color-general-info-700);
  --prism-color-interactive-background-primary-pressed: var(--prism-color-general-info-900);
  --prism-color-interactive-background-primary-selected: var(--prism-color-general-info-900);
  --prism-color-interactive-background-secondary-hover: var(--prism-color-general-alpha-neutral-300);
  --prism-color-interactive-background-secondary-idle: var(--prism-color-general-alpha-neutral-200);
  --prism-color-interactive-background-secondary-pressed: var(--prism-color-general-alpha-neutral-400);
  --prism-color-interactive-background-secondary-selected: var(--prism-color-general-alpha-info-50);
  --prism-color-interactive-background-success-hover: var(--prism-color-general-success-800);
  --prism-color-interactive-background-success-idle: var(--prism-color-general-success-700);
  --prism-color-interactive-background-success-pressed: var(--prism-color-general-success-900);
  --prism-color-interactive-background-warning-hover: var(--prism-color-general-warning-400);
  --prism-color-interactive-background-warning-idle: var(--prism-color-general-warning-300);
  --prism-color-interactive-background-warning-pressed: var(--prism-color-general-warning-500);
  --prism-color-interactive-border-critical-hover: var(--prism-color-general-critical-700);
  --prism-color-interactive-border-critical-idle: var(--prism-color-general-critical-600);
  --prism-color-interactive-border-critical-pressed: var(--prism-color-general-critical-800);
  --prism-color-interactive-border-focus: var(--prism-color-general-info-500);
  --prism-color-interactive-border-neutral-hover: var(--prism-color-general-neutral-500);
  --prism-color-interactive-border-neutral-idle: var(--prism-color-general-neutral-400);
  --prism-color-interactive-border-neutral-pressed: var(--prism-color-general-neutral-600);
  --prism-color-interactive-border-warning-hover: var(--prism-color-general-warning-500);
  --prism-color-interactive-border-warning-idle: var(--prism-color-general-warning-400);
  --prism-color-interactive-border-warning-pressed: var(--prism-color-general-warning-600);
  --prism-color-interactive-icon-disabled: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-disabled: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-placeholder: var(--prism-color-general-neutral-600);
  --prism-color-interactive-text-primary-hover: var(--prism-color-general-info-800);
  --prism-color-interactive-text-primary-idle: var(--prism-color-general-info-700);
  --prism-color-interactive-text-primary-pressed: var(--prism-color-general-info-900);
  --prism-color-interactive-text-primary-selected: var(--prism-color-general-info-950);
  --prism-color-interactive-text-secondary-hover: var(--prism-color-general-neutral-800);
  --prism-color-interactive-text-secondary-idle: var(--prism-color-general-neutral-900);
  --prism-color-interactive-text-secondary-pressed: var(--prism-color-general-neutral-950);
  --prism-color-interactive-text-secondary-selected: var(--prism-color-general-neutral-950);
  --prism-color-text-brand-default: var(--prism-color-general-brand-700);
  --prism-color-text-brand-emphasis: var(--prism-color-general-brand-950);
  --prism-color-text-critical-default: var(--prism-color-general-critical-700);
  --prism-color-text-critical-emphasis: var(--prism-color-general-critical-950);
  --prism-color-text-info-default: var(--prism-color-general-info-700);
  --prism-color-text-info-emphasis: var(--prism-color-general-info-950);
  --prism-color-text-intelligence-default: var(--prism-color-general-intelligence-700);
  --prism-color-text-intelligence-emphasis: var(--prism-color-general-intelligence-950);
  --prism-color-text-inverse: var(--prism-color-general-neutral-00);
  --prism-color-text-neutral-default: var(--prism-color-general-neutral-900);
  --prism-color-text-neutral-emphasis: var(--prism-color-general-neutral-950);
  --prism-color-text-neutral-subdued: var(--prism-color-general-neutral-800);
  --prism-color-text-success-default: var(--prism-color-general-success-700);
  --prism-color-text-success-emphasis: var(--prism-color-general-success-950);
  --prism-color-text-warning-default: var(--prism-color-general-warning-700);
  --prism-color-text-warning-emphasis: var(--prism-color-general-warning-950);
  --prism-gradient-background-brand-default: linear-gradient(135deg, var(--prism-color-general-brand-100) 0%, var(--prism-color-general-brand-400) 100%);
  --prism-gradient-background-brand-subdued: linear-gradient(135deg, var(--prism-color-general-brand-50) 0%, var(--prism-color-general-brand-300) 100%);
  --prism-gradient-background-intelligence-default: linear-gradient(135deg, var(--prism-color-general-intelligence-100) 0%, var(--prism-color-general-intelligence-200) 100%);
  --prism-gradient-background-intelligence-subdued: linear-gradient(135deg, var(--prism-color-general-intelligence-50) 0%, var(--prism-color-general-intelligence-100) 100%);
  --prism-gradient-chart-intelligence-background-high: linear-gradient(135deg, var(--prism-color-general-critical-400) -20%, var(--prism-color-general-intelligence-700) 100%);
  --prism-gradient-chart-intelligence-background-low: linear-gradient(135deg, var(--prism-color-general-neutral-100) -20%, var(--prism-color-general-intelligence-400) 100%);
  --prism-gradient-chart-intelligence-background-normal: linear-gradient(135deg, var(--prism-color-general-critical-300) -20%, var(--prism-color-general-intelligence-500) 100%);
  --prism-gradient-interactive-background-brand-primary-hover: linear-gradient(135deg, var(--prism-color-general-brand-600) 0%, var(--prism-color-general-brand-500) 100%);
  --prism-gradient-interactive-background-brand-primary-idle: linear-gradient(135deg, var(--prism-color-general-brand-500) 0%, var(--prism-color-general-brand-600) 100%);
  --prism-gradient-interactive-background-brand-primary-pressed: linear-gradient(135deg, var(--prism-color-general-brand-700) 0%, var(--prism-color-general-brand-600) 100%);
  --prism-gradient-interactive-background-intelligence-primary-idle: linear-gradient(135deg, var(--prism-color-general-intelligence-500) -20%, var(--prism-color-interactive-background-primary-idle) 100%);
  --prism-gradient-interactive-background-intelligence-secondary-idle: linear-gradient(135deg, var(--prism-color-general-intelligence-100) -20%, var(--prism-color-interactive-background-secondary-idle) 100%);
  --gradient-brand-100: linear-gradient( 90deg, var(--prism-color-general-brand-50) 0%, var(--prism-color-general-brand-100) 104.1% );
  --gradient-brand-background: var(--prism-color-general-brand-50);
  --gradient-brand-figure: linear-gradient(90deg, var(--prism-color-general-brand-600) 0%, var(--prism-color-general-brand-700) 100%);
  --prism-gradient-interactive-background-intelligence-primary-hover: linear-gradient(135deg, var(--prism-color-interactive-background-primary-hover) 0%, var(--prism-color-general-intelligence-600) 120%);
  --prism-gradient-interactive-background-intelligence-primary-pressed: linear-gradient(135deg, var(--prism-color-interactive-background-primary-pressed) 0%, var(--prism-color-general-intelligence-600) 120%);
  --prism-gradient-interactive-background-intelligence-secondary-hover: linear-gradient(135deg, var(--prism-color-interactive-background-secondary-hover) 0%, var(--prism-color-general-alpha-intelligence-200) 120%);
  --prism-gradient-interactive-background-intelligence-secondary-pressed: linear-gradient(135deg, var(--prism-color-interactive-background-secondary-pressed) 0%, var(--prism-color-general-alpha-intelligence-200) 120%);
}
:root[data-theme='highcontrast-light'] {
  --prism-border-radius-50: 2px;
  --prism-border-radius-100: 4px;
  --prism-border-radius-200: 8px;
  --prism-border-radius-300: 12px;
  --prism-border-radius-400: 16px;
  --prism-border-radius-circle: 50%;
  --prism-border-radius-pill: 9999px;
  --prism-color-chart-categorical-10: #00518b;
  --prism-color-chart-categorical-11: #a37530;
  --prism-color-chart-categorical-12: #fdd886;
  --prism-color-chart-categorical-13: #7f67bf;
  --prism-color-chart-categorical-14: #58be1d;
  --prism-color-chart-categorical-15: #d7f8ae;
  --prism-color-chart-categorical-16: #a1b4c5;
  --prism-color-chart-categorical-17: #5cb9f4;
  --prism-color-chart-categorical-18: #e13038;
  --prism-color-chart-categorical-19: #1f3d57;
  --prism-color-chart-categorical-20: #2c91d4;
  --prism-color-chart-categorical-21: #ac5a03;
  --prism-color-chart-categorical-01: #157bc1;
  --prism-color-chart-categorical-02: #f9ad24;
  --prism-color-chart-categorical-03: #f74f57;
  --prism-color-chart-categorical-04: #c3b3e8;
  --prism-color-chart-categorical-05: #94e1e3;
  --prism-color-chart-categorical-06: #9a0165;
  --prism-color-chart-categorical-07: #ff9da2;
  --prism-color-chart-categorical-08: #4c657b;
  --prism-color-chart-categorical-09: #a8e07e;
  --prism-color-chart-sequential-critical-10: #9c4047;
  --prism-color-chart-sequential-critical-11: #884649;
  --prism-color-chart-sequential-critical-01: #d4aea9;
  --prism-color-chart-sequential-critical-02: #cc968f;
  --prism-color-chart-sequential-critical-03: #cb817a;
  --prism-color-chart-sequential-critical-04: #d46860;
  --prism-color-chart-sequential-critical-05: #e1463f;
  --prism-color-chart-sequential-critical-06: #ea0c21;
  --prism-color-chart-sequential-critical-07: #df001b;
  --prism-color-chart-sequential-critical-08: #c62a33;
  --prism-color-chart-sequential-critical-09: #b1373e;
  --prism-color-chart-sequential-info-10: #216486;
  --prism-color-chart-sequential-info-11: #325e77;
  --prism-color-chart-sequential-info-01: #92bfc7;
  --prism-color-chart-sequential-info-02: #6eadc1;
  --prism-color-chart-sequential-info-03: #4a9fba;
  --prism-color-chart-sequential-info-04: #0096bc;
  --prism-color-chart-sequential-info-05: #008abb;
  --prism-color-chart-sequential-info-06: #0080c0;
  --prism-color-chart-sequential-info-07: #0078af;
  --prism-color-chart-sequential-info-08: #006fa8;
  --prism-color-chart-sequential-info-09: #006a99;
  --prism-color-chart-sequential-intelligence-10: #5a53a6;
  --prism-color-chart-sequential-intelligence-11: #56538d;
  --prism-color-chart-sequential-intelligence-01: #b3b4d8;
  --prism-color-chart-sequential-intelligence-02: #9d9fd1;
  --prism-color-chart-sequential-intelligence-03: #8b90ce;
  --prism-color-chart-sequential-intelligence-04: #7f81d0;
  --prism-color-chart-sequential-intelligence-05: #7474d5;
  --prism-color-chart-sequential-intelligence-06: #6b66e0;
  --prism-color-chart-sequential-intelligence-07: #6257ec;
  --prism-color-chart-sequential-intelligence-08: #6151e2;
  --prism-color-chart-sequential-intelligence-09: #5d53c4;
  --prism-color-chart-sequential-neutral-10: #5e5e5e;
  --prism-color-chart-sequential-neutral-11: #5a5a5a;
  --prism-color-chart-sequential-neutral-01: #b7b7b7;
  --prism-color-chart-sequential-neutral-02: #a3a3a3;
  --prism-color-chart-sequential-neutral-03: #949494;
  --prism-color-chart-sequential-neutral-04: #898989;
  --prism-color-chart-sequential-neutral-05: #7f7f7f;
  --prism-color-chart-sequential-neutral-06: #767676;
  --prism-color-chart-sequential-neutral-07: #6f6f6f;
  --prism-color-chart-sequential-neutral-08: #696969;
  --prism-color-chart-sequential-neutral-09: #646464;
  --prism-color-chart-sequential-success-10: #2e6853;
  --prism-color-chart-sequential-success-11: #396151;
  --prism-color-chart-sequential-success-01: #98c0ac;
  --prism-color-chart-sequential-success-02: #5db58d;
  --prism-color-chart-sequential-success-03: #00ab74;
  --prism-color-chart-sequential-success-04: #009f66;
  --prism-color-chart-sequential-success-05: #00945b;
  --prism-color-chart-sequential-success-06: #008b4c;
  --prism-color-chart-sequential-success-07: #00834a;
  --prism-color-chart-sequential-success-08: #007a4d;
  --prism-color-chart-sequential-success-09: #157151;
  --prism-color-chart-sequential-warning-10: #894f2f;
  --prism-color-chart-sequential-warning-11: #7a4f3a;
  --prism-color-chart-sequential-warning-01: #d1b38e;
  --prism-color-chart-sequential-warning-02: #d49752;
  --prism-color-chart-sequential-warning-03: #d6802f;
  --prism-color-chart-sequential-warning-04: #d66a1a;
  --prism-color-chart-sequential-warning-05: #cb5f0a;
  --prism-color-chart-sequential-warning-06: #c85000;
  --prism-color-chart-sequential-warning-07: #bc4c00;
  --prism-color-chart-sequential-warning-08: #a55118;
  --prism-color-chart-sequential-warning-09: #98501f;
  --prism-color-elevation-backdrop-default: rgba(46, 61, 75, 0.72);
  --prism-color-elevation-backdrop-inverse: rgba(255, 255, 255, 0.72);
  --prism-color-general-alpha-info-50: rgba(0, 108, 119, 0.35);
  --prism-color-general-alpha-info-100: rgba(0, 98, 124, 0.45);
  --prism-color-general-alpha-info-200: rgba(0, 101, 134, 0.64);
  --prism-color-general-alpha-info-300: rgba(0, 109, 142, 0.76);
  --prism-color-general-alpha-info-400: #0087aa;
  --prism-color-general-alpha-intelligence-50: rgba(0, 31, 137, 0.32);
  --prism-color-general-alpha-intelligence-100: rgba(0, 19, 122, 0.37);
  --prism-color-general-alpha-intelligence-200: rgba(0, 11, 122, 0.45);
  --prism-color-general-alpha-intelligence-300: rgba(0, 8, 126, 0.51);
  --prism-color-general-alpha-intelligence-400: rgba(0, 2, 140, 0.56);
  --prism-color-general-alpha-inverse-50: #f1f1f1;
  --prism-color-general-alpha-inverse-100: #e2e2e2;
  --prism-color-general-alpha-inverse-200: #d1d1d1;
  --prism-color-general-alpha-inverse-300: #bebebe;
  --prism-color-general-alpha-inverse-400: #949494;
  --prism-color-general-alpha-neutral-50: rgba(0, 0, 0, 0.05);
  --prism-color-general-alpha-neutral-100: rgba(0, 0, 0, 0.11);
  --prism-color-general-alpha-neutral-200: rgba(0, 0, 0, 0.18);
  --prism-color-general-alpha-neutral-300: rgba(0, 0, 0, 0.25);
  --prism-color-general-alpha-neutral-400: rgba(0, 0, 0, 0.42);
  --prism-color-general-alpha-neutral-00: #ffffff;
  --prism-color-general-brand-50: #dbbbb0;
  --prism-color-general-brand-100: #ca9f93;
  --prism-color-general-brand-200: #be8679;
  --prism-color-general-brand-300: #b77465;
  --prism-color-general-brand-400: #b16356;
  --prism-color-general-brand-500: #b05343;
  --prism-color-general-brand-600: #822019;
  --prism-color-general-brand-700: #811b18;
  --prism-color-general-brand-800: #87000c;
  --prism-color-general-brand-900: #6f0006;
  --prism-color-general-brand-950: #470003;
  --prism-color-general-critical-50: #d4b0a9;
  --prism-color-general-critical-100: #c99f9a;
  --prism-color-general-critical-200: #bd8781;
  --prism-color-general-critical-300: #b6746f;
  --prism-color-general-critical-400: #bf5b55;
  --prism-color-general-critical-500: #ca3836;
  --prism-color-general-critical-600: #9a0000;
  --prism-color-general-critical-700: #950000;
  --prism-color-general-critical-800: #7d0002;
  --prism-color-general-critical-900: #610004;
  --prism-color-general-critical-950: #470003;
  --prism-color-general-info-50: #a5cbcf;
  --prism-color-general-info-100: #8cb8c4;
  --prism-color-general-info-200: #5d9db2;
  --prism-color-general-info-300: #3d90a9;
  --prism-color-general-info-400: #0087aa;
  --prism-color-general-info-500: #0079a9;
  --prism-color-general-info-600: #004886;
  --prism-color-general-info-700: #00477b;
  --prism-color-general-info-800: #004578;
  --prism-color-general-info-900: #003761;
  --prism-color-general-info-950: #002847;
  --prism-color-general-intelligence-50: #adb7d9;
  --prism-color-general-intelligence-100: #a1a8ce;
  --prism-color-general-intelligence-200: #8c91c3;
  --prism-color-general-intelligence-300: #7d81bd;
  --prism-color-general-intelligence-400: #7172bf;
  --prism-color-general-intelligence-500: #6561cf;
  --prism-color-general-intelligence-600: #420cc9;
  --prism-color-general-intelligence-700: #3e00cb;
  --prism-color-general-intelligence-800: #3600b3;
  --prism-color-general-intelligence-900: #29098a;
  --prism-color-general-intelligence-950: #1d0867;
  --prism-color-general-neutral-50: #f1f1f1;
  --prism-color-general-neutral-100: #e2e2e2;
  --prism-color-general-neutral-200: #d1d1d1;
  --prism-color-general-neutral-300: #bebebe;
  --prism-color-general-neutral-400: #949494;
  --prism-color-general-neutral-500: #6f6f6f;
  --prism-color-general-neutral-600: #454545;
  --prism-color-general-neutral-700: #434343;
  --prism-color-general-neutral-800: #414141;
  --prism-color-general-neutral-900: #000000;
  --prism-color-general-neutral-950: #000000;
  --prism-color-general-neutral-00: #ffffff;
  --prism-color-general-success-50: #98c0ac;
  --prism-color-general-success-100: #89b39d;
  --prism-color-general-success-200: #62a284;
  --prism-color-general-success-300: #2c976e;
  --prism-color-general-success-400: #008e5b;
  --prism-color-general-success-500: #00824e;
  --prism-color-general-success-600: #005625;
  --prism-color-general-success-700: #005031;
  --prism-color-general-success-800: #00432a;
  --prism-color-general-success-900: #003321;
  --prism-color-general-success-950: #002515;
  --prism-color-general-warning-50: #cbb499;
  --prism-color-general-warning-100: #c5a381;
  --prism-color-general-warning-200: #bd8a5d;
  --prism-color-general-warning-300: #be743e;
  --prism-color-general-warning-400: #c05d18;
  --prism-color-general-warning-500: #bf4800;
  --prism-color-general-warning-600: #832100;
  --prism-color-general-warning-700: #811f00;
  --prism-color-general-warning-800: #6d1b00;
  --prism-color-general-warning-900: #551600;
  --prism-color-general-warning-950: #3e0f00;
  --prism-shadow-brand-100: rgba(145, 41, 17, 0.1) 0px 1px 3px 0px, rgba(145, 41, 17, 0.08) 0px 1px 2px 0px;
  --prism-shadow-brand-200: rgba(145, 41, 17, 0.2) 0px 8px 16px -4px, rgba(145, 41, 17, 0.06) 0px 4px 4px -2px;
  --prism-shadow-brand-300: rgba(145, 41, 17, 0.28) 0px 24px 48px -12px;
  --prism-shadow-brand-inset: rgba(145, 41, 17, 0.16) 0px 2px 4px 0px inset;
  --prism-shadow-neutral-100: rgba(0, 0, 0, 0.08) 0px 1px 3px 0px, rgba(0, 0, 0, 0.04) 0px 1px 2px 0px;
  --prism-shadow-neutral-200: rgba(0, 0, 0, 0.08) 0px 8px 12px -4px, rgba(0, 0, 0, 0.04) 0px 4px 4px -2px;
  --prism-shadow-neutral-300: rgba(0, 0, 0, 0.24) 0px 24px 48px -12px;
  --prism-shadow-neutral-inset: rgba(0, 0, 0, 0.08) 0px 2px 4px 0px inset;
  --prism-shadow-reverse-neutral-200: rgba(0, 0, 0, 0.08) 0px 8px 12px -4px, rgba(0, 0, 0, 0.04) 0px 4px 4px -2px;
  --prism-spacing-0: 0;
  --prism-spacing-50: 2px;
  --prism-spacing-100: 4px;
  --prism-spacing-200: 8px;
  --prism-spacing-300: 12px;
  --prism-spacing-400: 16px;
  --prism-spacing-500: 20px;
  --prism-spacing-600: 24px;
  --prism-spacing-700: 28px;
  --prism-spacing-800: 32px;
  --prism-spacing-900: 36px;
  --prism-spacing-1000: 40px;
  --gradient-brand-background: radial-gradient( 10560.62% 249.13% at 0.12% 5.08%, #fff1e0 0%, #ffebeb 55.21%, #fefbf5 100% );
  --gradient-brand-figure: linear-gradient(90deg, #fd8a44 0%, #ec470a 100%);
  --shadow-color-default: 210deg 5% 76%;
  --prism-font-size-heading-1: 28px;
  --prism-font-size-heading-2: 20px;
  --prism-font-size-heading-3: 16px;
  --prism-font-size-heading-4: 14px;
  --prism-font-size-paragraph-200-bold: 12px;
  --prism-font-size-paragraph-200-medium: 12px;
  --prism-font-size-paragraph-200-regular: 12px;
  --prism-font-size-paragraph-200-semi-bold: 12px;
  --prism-font-size-paragraph-300-bold: 14px;
  --prism-font-size-paragraph-300-medium: 14px;
  --prism-font-size-paragraph-300-regular: 14px;
  --prism-font-size-paragraph-300-semi-bold: 14px;
  --prism-font-size-paragraph-400-bold: 16px;
  --prism-font-size-paragraph-400-medium: 16px;
  --prism-font-size-paragraph-400-regular: 16px;
  --prism-font-size-paragraph-400-semi-bold: 16px;
  --prism-font-size-text-200-bold: 12px;
  --prism-font-size-text-200-medium: 12px;
  --prism-font-size-text-200-regular: 12px;
  --prism-font-size-text-200-semi-bold: 12px;
  --prism-font-size-text-300-bold: 14px;
  --prism-font-size-text-300-medium: 14px;
  --prism-font-size-text-300-regular: 14px;
  --prism-font-size-text-300-semi-bold: 14px;
  --prism-font-size-text-400-bold: 16px;
  --prism-font-size-text-400-medium: 16px;
  --prism-font-size-text-400-regular: 16px;
  --prism-font-size-text-400-semi-bold: 16px;
  --prism-font-size-text-500-bold: 20px;
  --prism-font-size-text-500-medium: 20px;
  --prism-font-size-text-500-regular: 20px;
  --prism-font-size-text-500-semi-bold: 20px;
  --prism-font-weight-heading-1: 700;
  --prism-font-weight-heading-2: 600;
  --prism-font-weight-heading-3: 600;
  --prism-font-weight-heading-4: 600;
  --prism-font-weight-paragraph-200-bold: 700;
  --prism-font-weight-paragraph-200-medium: 500;
  --prism-font-weight-paragraph-200-regular: 400;
  --prism-font-weight-paragraph-200-semi-bold: 600;
  --prism-font-weight-paragraph-300-bold: 700;
  --prism-font-weight-paragraph-300-medium: 500;
  --prism-font-weight-paragraph-300-regular: 400;
  --prism-font-weight-paragraph-300-semi-bold: 600;
  --prism-font-weight-paragraph-400-bold: 700;
  --prism-font-weight-paragraph-400-medium: 500;
  --prism-font-weight-paragraph-400-regular: 400;
  --prism-font-weight-paragraph-400-semi-bold: 600;
  --prism-font-weight-text-200-bold: 700;
  --prism-font-weight-text-200-medium: 500;
  --prism-font-weight-text-200-regular: 400;
  --prism-font-weight-text-200-semi-bold: 600;
  --prism-font-weight-text-300-bold: 700;
  --prism-font-weight-text-300-medium: 500;
  --prism-font-weight-text-300-regular: 400;
  --prism-font-weight-text-300-semi-bold: 600;
  --prism-font-weight-text-400-bold: 700;
  --prism-font-weight-text-400-medium: 500;
  --prism-font-weight-text-400-regular: 400;
  --prism-font-weight-text-400-semi-bold: 600;
  --prism-font-weight-text-500-bold: 700;
  --prism-font-weight-text-500-medium: 500;
  --prism-font-weight-text-500-regular: 400;
  --prism-font-weight-text-500-semi-bold: 600;
  --prism-font-line-height-heading-1: 36px;
  --prism-font-line-height-heading-2: 28px;
  --prism-font-line-height-heading-3: 24px;
  --prism-font-line-height-heading-4: 20px;
  --prism-font-line-height-paragraph-200-bold: 18px;
  --prism-font-line-height-paragraph-200-medium: 18px;
  --prism-font-line-height-paragraph-200-regular: 18px;
  --prism-font-line-height-paragraph-200-semi-bold: 18px;
  --prism-font-line-height-paragraph-300-bold: 20px;
  --prism-font-line-height-paragraph-300-medium: 20px;
  --prism-font-line-height-paragraph-300-regular: 20px;
  --prism-font-line-height-paragraph-300-semi-bold: 20px;
  --prism-font-line-height-paragraph-400-bold: 24px;
  --prism-font-line-height-paragraph-400-medium: 24px;
  --prism-font-line-height-paragraph-400-regular: 24px;
  --prism-font-line-height-paragraph-400-semi-bold: 24px;
  --prism-font-line-height-text-200-bold: 16px;
  --prism-font-line-height-text-200-medium: 16px;
  --prism-font-line-height-text-200-regular: 16px;
  --prism-font-line-height-text-200-semi-bold: 16px;
  --prism-font-line-height-text-300-bold: 18px;
  --prism-font-line-height-text-300-medium: 18px;
  --prism-font-line-height-text-300-regular: 18px;
  --prism-font-line-height-text-300-semi-bold: 18px;
  --prism-font-line-height-text-400-bold: 20px;
  --prism-font-line-height-text-400-medium: 20px;
  --prism-font-line-height-text-400-regular: 20px;
  --prism-font-line-height-text-400-semi-bold: 20px;
  --prism-font-line-height-text-500-bold: 24px;
  --prism-font-line-height-text-500-medium: 24px;
  --prism-font-line-height-text-500-regular: 24px;
  --prism-font-line-height-text-500-semi-bold: 24px;
  --prism-color-background-critical-default: var(--prism-color-general-critical-100);
  --prism-color-background-critical-subdued: var(--prism-color-general-critical-50);
  --prism-color-background-info-default: var(--prism-color-general-info-100);
  --prism-color-background-info-subdued: var(--prism-color-general-info-50);
  --prism-color-background-inverse: var(--prism-color-general-neutral-900);
  --prism-color-background-neutral-default: var(--prism-color-general-neutral-200);
  --prism-color-background-neutral-subdued: var(--prism-color-general-neutral-50);
  --prism-color-background-success-default: var(--prism-color-general-success-100);
  --prism-color-background-success-subdued: var(--prism-color-general-success-50);
  --prism-color-background-warning-default: var(--prism-color-general-warning-100);
  --prism-color-background-warning-subdued: var(--prism-color-general-warning-50);
  --prism-color-border-brand-default: var(--prism-color-general-brand-200);
  --prism-color-border-brand-emphasis: var(--prism-color-general-brand-500);
  --prism-color-border-critical-default: var(--prism-color-general-critical-200);
  --prism-color-border-critical-emphasis: var(--prism-color-general-critical-500);
  --prism-color-border-info-default: var(--prism-color-general-info-200);
  --prism-color-border-info-emphasis: var(--prism-color-general-info-500);
  --prism-color-border-intelligence-default: var(--prism-color-general-intelligence-200);
  --prism-color-border-intelligence-emphasis: var(--prism-color-general-intelligence-500);
  --prism-color-border-inverse-default: var(--prism-color-general-alpha-inverse-200);
  --prism-color-border-inverse-emphasis: var(--prism-color-general-neutral-00);
  --prism-color-border-neutral-default: var(--prism-color-general-alpha-neutral-400);
  --prism-color-border-neutral-emphasis: var(--prism-color-general-alpha-neutral-400);
  --prism-color-border-success-default: var(--prism-color-general-success-200);
  --prism-color-border-success-emphasis: var(--prism-color-general-success-500);
  --prism-color-border-warning-default: var(--prism-color-general-warning-200);
  --prism-color-border-warning-emphasis: var(--prism-color-general-warning-500);
  --prism-color-chart-accent-primary-figure-default: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-accent-primary-figure-emphasis: var(--prism-color-chart-sequential-info-10);
  --prism-color-chart-accent-primary-figure-subdued: var(--prism-color-chart-sequential-info-04);
  --prism-color-chart-accent-secondary-figure-default: var(--prism-color-chart-sequential-neutral-09);
  --prism-color-chart-accent-secondary-figure-emphasis: var(--prism-color-chart-sequential-neutral-10);
  --prism-color-chart-accent-secondary-figure-subdued: var(--prism-color-chart-sequential-neutral-04);
  --prism-color-chart-demand-background-elevated: var(--prism-color-chart-sequential-critical-01);
  --prism-color-chart-demand-background-high: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-demand-background-low: var(--prism-color-chart-sequential-info-03);
  --prism-color-chart-demand-background-normal: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-demand-background-very-high: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-demand-background-very-low: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-demand-figure-elevated: var(--prism-color-chart-sequential-critical-01);
  --prism-color-chart-demand-figure-high: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-demand-figure-low: var(--prism-color-chart-sequential-info-03);
  --prism-color-chart-demand-figure-normal: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-demand-figure-very-high: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-demand-figure-very-low: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-background-high-default: var(--prism-color-chart-sequential-info-08);
  --prism-color-chart-info-background-high-emphasis: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-info-background-low-default: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-info-background-low-emphasis: var(--prism-color-chart-sequential-info-02);
  --prism-color-chart-info-background-normal-default: var(--prism-color-chart-sequential-info-04);
  --prism-color-chart-info-background-normal-emphasis: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-figure-high: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-info-figure-low: var(--prism-color-chart-sequential-info-02);
  --prism-color-chart-info-figure-normal: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-figure-very-high: var(--prism-color-chart-sequential-info-11);
  --prism-color-chart-intelligence-background-high-default: var(--prism-color-chart-sequential-intelligence-06);
  --prism-color-chart-intelligence-background-high-emphasis: var(--prism-color-chart-sequential-intelligence-07);
  --prism-color-chart-intelligence-background-low-default: var(--prism-color-chart-sequential-intelligence-01);
  --prism-color-chart-intelligence-background-low-emphasis: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-intelligence-background-normal-default: var(--prism-color-chart-sequential-intelligence-03);
  --prism-color-chart-intelligence-background-normal-emphasis: var(--prism-color-chart-sequential-intelligence-04);
  --prism-color-chart-intelligence-figure-high: var(--prism-color-chart-sequential-intelligence-09);
  --prism-color-chart-intelligence-figure-low: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-intelligence-figure-normal: var(--prism-color-chart-sequential-intelligence-06);
  --prism-color-chart-neutral-background-empty: var(--prism-color-chart-sequential-neutral-01);
  --prism-color-chart-neutral-figure-empty: var(--prism-color-chart-sequential-neutral-03);
  --prism-color-chart-status-background-critical-default: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-status-background-critical-emphasis: var(--prism-color-chart-sequential-critical-04);
  --prism-color-chart-status-background-success-default: var(--prism-color-chart-sequential-success-02);
  --prism-color-chart-status-background-success-emphasis: var(--prism-color-chart-sequential-success-03);
  --prism-color-chart-status-background-warning-default: var(--prism-color-chart-sequential-warning-03);
  --prism-color-chart-status-background-warning-emphasis: var(--prism-color-chart-sequential-warning-04);
  --prism-color-chart-status-figure-critical-normal: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-status-figure-critical-low: var(--prism-color-chart-sequential-critical-02);
  --prism-color-chart-status-figure-intelligence-normal: var(--prism-color-chart-sequential-intelligence-05);
  --prism-color-chart-status-figure-intelligence-low: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-status-figure-success-normal: var(--prism-color-chart-sequential-success-05);
  --prism-color-chart-status-figure-success-low: var(--prism-color-chart-sequential-success-02);
  --prism-color-chart-status-figure-warning-normal: var(--prism-color-chart-sequential-warning-05);
  --prism-color-chart-status-figure-warning-low: var(--prism-color-chart-sequential-warning-02);
  --prism-color-elevation-canvas: var(--prism-color-general-neutral-100);
  --prism-color-elevation-surface: var(--prism-color-general-neutral-00);
  --prism-color-icon-brand-default: var(--prism-color-general-brand-700);
  --prism-color-icon-brand-emphasis: var(--prism-color-general-brand-950);
  --prism-color-icon-critical-default: var(--prism-color-general-critical-700);
  --prism-color-icon-critical-emphasis: var(--prism-color-general-critical-950);
  --prism-color-icon-info-default: var(--prism-color-general-info-700);
  --prism-color-icon-info-emphasis: var(--prism-color-general-info-950);
  --prism-color-icon-intelligence-default: var(--prism-color-general-intelligence-700);
  --prism-color-icon-intelligence-emphasis: var(--prism-color-general-intelligence-950);
  --prism-color-icon-inverse: var(--prism-color-general-neutral-00);
  --prism-color-icon-neutral-default: var(--prism-color-general-neutral-800);
  --prism-color-icon-neutral-emphasis: var(--prism-color-general-neutral-950);
  --prism-color-icon-neutral-subdued: var(--prism-color-general-neutral-600);
  --prism-color-icon-success-default: var(--prism-color-general-success-700);
  --prism-color-icon-success-emphasis: var(--prism-color-general-success-950);
  --prism-color-icon-warning-default: var(--prism-color-general-warning-700);
  --prism-color-icon-warning-emphasis: var(--prism-color-general-warning-950);
  --prism-color-interactive-background-critical-hover: var(--prism-color-general-critical-800);
  --prism-color-interactive-background-critical-idle: var(--prism-color-general-critical-700);
  --prism-color-interactive-background-critical-pressed: var(--prism-color-general-critical-900);
  --prism-color-interactive-background-disabled: var(--prism-color-general-alpha-neutral-200);
  --prism-color-interactive-background-ghost-hover: var(--prism-color-general-alpha-neutral-100);
  --prism-color-interactive-background-ghost-idle: var(--prism-color-general-alpha-neutral-00);
  --prism-color-interactive-background-ghost-pressed: var(--prism-color-general-alpha-neutral-200);
  --prism-color-interactive-background-ghost-selected: var(--prism-color-general-alpha-info-50);
  --prism-color-interactive-background-inverse-hover: var(--prism-color-general-alpha-inverse-100);
  --prism-color-interactive-background-inverse-idle: var(--prism-color-general-alpha-inverse-50);
  --prism-color-interactive-background-inverse-pressed: var(--prism-color-general-alpha-inverse-200);
  --prism-color-interactive-background-primary-hover: var(--prism-color-general-info-700);
  --prism-color-interactive-background-primary-idle: var(--prism-color-general-info-600);
  --prism-color-interactive-background-primary-pressed: var(--prism-color-general-info-800);
  --prism-color-interactive-background-primary-selected: var(--prism-color-general-info-800);
  --prism-color-interactive-background-secondary-hover: var(--prism-color-general-alpha-neutral-200);
  --prism-color-interactive-background-secondary-idle: var(--prism-color-general-alpha-neutral-100);
  --prism-color-interactive-background-secondary-pressed: var(--prism-color-general-alpha-neutral-300);
  --prism-color-interactive-background-secondary-selected: var(--prism-color-general-alpha-info-50);
  --prism-color-interactive-background-success-hover: var(--prism-color-general-success-800);
  --prism-color-interactive-background-success-idle: var(--prism-color-general-success-700);
  --prism-color-interactive-background-success-pressed: var(--prism-color-general-success-900);
  --prism-color-interactive-background-warning-hover: var(--prism-color-general-warning-300);
  --prism-color-interactive-background-warning-idle: var(--prism-color-general-warning-200);
  --prism-color-interactive-background-warning-pressed: var(--prism-color-general-warning-400);
  --prism-color-interactive-border-critical-hover: var(--prism-color-general-critical-700);
  --prism-color-interactive-border-critical-idle: var(--prism-color-general-critical-600);
  --prism-color-interactive-border-critical-pressed: var(--prism-color-general-critical-800);
  --prism-color-interactive-border-focus: var(--prism-color-general-info-500);
  --prism-color-interactive-border-neutral-hover: var(--prism-color-general-neutral-600);
  --prism-color-interactive-border-neutral-idle: var(--prism-color-general-neutral-500);
  --prism-color-interactive-border-neutral-pressed: var(--prism-color-general-neutral-700);
  --prism-color-interactive-border-warning-hover: var(--prism-color-general-warning-500);
  --prism-color-interactive-border-warning-idle: var(--prism-color-general-warning-400);
  --prism-color-interactive-border-warning-pressed: var(--prism-color-general-warning-600);
  --prism-color-interactive-icon-disabled: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-disabled: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-placeholder: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-primary-hover: var(--prism-color-general-info-800);
  --prism-color-interactive-text-primary-idle: var(--prism-color-general-info-700);
  --prism-color-interactive-text-primary-pressed: var(--prism-color-general-info-900);
  --prism-color-interactive-text-primary-selected: var(--prism-color-general-info-950);
  --prism-color-interactive-text-secondary-hover: var(--prism-color-general-neutral-900);
  --prism-color-interactive-text-secondary-idle: var(--prism-color-general-neutral-800);
  --prism-color-interactive-text-secondary-pressed: var(--prism-color-general-neutral-950);
  --prism-color-interactive-text-secondary-selected: var(--prism-color-general-neutral-950);
  --prism-color-text-brand-default: var(--prism-color-general-brand-600);
  --prism-color-text-brand-emphasis: var(--prism-color-general-brand-950);
  --prism-color-text-critical-default: var(--prism-color-general-critical-600);
  --prism-color-text-critical-emphasis: var(--prism-color-general-critical-950);
  --prism-color-text-info-default: var(--prism-color-general-info-600);
  --prism-color-text-info-emphasis: var(--prism-color-general-info-950);
  --prism-color-text-intelligence-default: var(--prism-color-general-intelligence-700);
  --prism-color-text-intelligence-emphasis: var(--prism-color-general-intelligence-900);
  --prism-color-text-inverse: var(--prism-color-general-neutral-00);
  --prism-color-text-neutral-default: var(--prism-color-general-neutral-900);
  --prism-color-text-neutral-emphasis: var(--prism-color-general-neutral-950);
  --prism-color-text-neutral-subdued: var(--prism-color-general-neutral-700);
  --prism-color-text-success-default: var(--prism-color-general-success-600);
  --prism-color-text-success-emphasis: var(--prism-color-general-success-900);
  --prism-color-text-warning-default: var(--prism-color-general-warning-600);
  --prism-color-text-warning-emphasis: var(--prism-color-general-warning-900);
  --prism-gradient-background-brand-default: linear-gradient(135deg, var(--prism-color-general-brand-100) 0%, var(--prism-color-general-brand-400) 100%);
  --prism-gradient-background-brand-subdued: linear-gradient(135deg, var(--prism-color-general-brand-50) 0%, var(--prism-color-general-brand-300) 100%);
  --prism-gradient-background-intelligence-default: linear-gradient(135deg, var(--prism-color-general-intelligence-100) 0%, var(--prism-color-general-intelligence-200) 100%);
  --prism-gradient-background-intelligence-subdued: linear-gradient(135deg, var(--prism-color-general-intelligence-50) 0%, var(--prism-color-general-intelligence-100) 100%);
  --prism-gradient-chart-intelligence-background-high: linear-gradient(135deg, var(--prism-color-general-critical-400) -20%, var(--prism-color-general-intelligence-700) 100%);
  --prism-gradient-chart-intelligence-background-low: linear-gradient(135deg, var(--prism-color-general-neutral-100) -20%, var(--prism-color-general-intelligence-400) 100%);
  --prism-gradient-chart-intelligence-background-normal: linear-gradient(135deg, var(--prism-color-general-critical-300) -20%, var(--prism-color-general-intelligence-500) 100%);
  --prism-gradient-interactive-background-brand-primary-hover: linear-gradient(135deg, var(--prism-color-general-brand-600) 0%, var(--prism-color-general-brand-500) 100%);
  --prism-gradient-interactive-background-brand-primary-idle: linear-gradient(135deg, var(--prism-color-general-brand-500) 0%, var(--prism-color-general-brand-600) 100%);
  --prism-gradient-interactive-background-brand-primary-pressed: linear-gradient(135deg, var(--prism-color-general-brand-700) 0%, var(--prism-color-general-brand-600) 100%);
  --prism-gradient-interactive-background-intelligence-primary-idle: linear-gradient(135deg, var(--prism-color-general-intelligence-500) -20%, var(--prism-color-interactive-background-primary-idle) 100%);
  --prism-gradient-interactive-background-intelligence-secondary-idle: linear-gradient(135deg, var(--prism-color-general-intelligence-100) -20%, var(--prism-color-interactive-background-secondary-idle) 100%);
  --gradient-brand-100: linear-gradient( 90deg, var(--prism-color-general-brand-50) 0%, #ffefe7 104.1% );
  --prism-gradient-interactive-background-intelligence-primary-hover: linear-gradient(135deg, var(--prism-color-interactive-background-primary-hover) 0%, var(--prism-color-general-intelligence-600) 120%);
  --prism-gradient-interactive-background-intelligence-primary-pressed: linear-gradient(135deg, var(--prism-color-interactive-background-primary-pressed) 0%, var(--prism-color-general-intelligence-600) 120%);
  --prism-gradient-interactive-background-intelligence-secondary-hover: linear-gradient(135deg, var(--prism-color-interactive-background-secondary-hover) 0%, var(--prism-color-general-alpha-intelligence-200) 120%);
  --prism-gradient-interactive-background-intelligence-secondary-pressed: linear-gradient(135deg, var(--prism-color-interactive-background-secondary-pressed) 0%, var(--prism-color-general-alpha-intelligence-200) 120%);
}
:root[data-theme='highcontrast-dark'] {
  --prism-border-radius-50: 2px;
  --prism-border-radius-100: 4px;
  --prism-border-radius-200: 8px;
  --prism-border-radius-300: 12px;
  --prism-border-radius-400: 16px;
  --prism-border-radius-circle: 50%;
  --prism-border-radius-pill: 9999px;
  --prism-color-chart-categorical-10: #00518b;
  --prism-color-chart-categorical-11: #a37530;
  --prism-color-chart-categorical-12: #fdd886;
  --prism-color-chart-categorical-13: #7f67bf;
  --prism-color-chart-categorical-14: #58be1d;
  --prism-color-chart-categorical-15: #d7f8ae;
  --prism-color-chart-categorical-16: #a1b4c5;
  --prism-color-chart-categorical-17: #5cb9f4;
  --prism-color-chart-categorical-18: #e13038;
  --prism-color-chart-categorical-19: #1f3d57;
  --prism-color-chart-categorical-20: #2c91d4;
  --prism-color-chart-categorical-21: #ac5a03;
  --prism-color-chart-categorical-01: #157bc1;
  --prism-color-chart-categorical-02: #f9ad24;
  --prism-color-chart-categorical-03: #f74f57;
  --prism-color-chart-categorical-04: #c3b3e8;
  --prism-color-chart-categorical-05: #94e1e3;
  --prism-color-chart-categorical-06: #9a0165;
  --prism-color-chart-categorical-07: #ff9da2;
  --prism-color-chart-categorical-08: #4c657b;
  --prism-color-chart-categorical-09: #a8e07e;
  --prism-color-chart-sequential-critical-10: #ffb4af;
  --prism-color-chart-sequential-critical-11: #ffb4af;
  --prism-color-chart-sequential-critical-01: #942429;
  --prism-color-chart-sequential-critical-02: #942429;
  --prism-color-chart-sequential-critical-03: #a82d32;
  --prism-color-chart-sequential-critical-04: #c0393d;
  --prism-color-chart-sequential-critical-05: #d54649;
  --prism-color-chart-sequential-critical-06: #e85657;
  --prism-color-chart-sequential-critical-07: #f76a68;
  --prism-color-chart-sequential-critical-08: #ff817d;
  --prism-color-chart-sequential-critical-09: #ff9c97;
  --prism-color-chart-sequential-info-10: #7dd6f4;
  --prism-color-chart-sequential-info-11: #7dd6f4;
  --prism-color-chart-sequential-info-01: #005b80;
  --prism-color-chart-sequential-info-02: #005b80;
  --prism-color-chart-sequential-info-03: #006a94;
  --prism-color-chart-sequential-info-04: #007cab;
  --prism-color-chart-sequential-info-05: #008bbd;
  --prism-color-chart-sequential-info-06: #009bcd;
  --prism-color-chart-sequential-info-07: #00acdf;
  --prism-color-chart-sequential-info-08: #00bae5;
  --prism-color-chart-sequential-info-09: #4fc8ec;
  --prism-color-chart-sequential-intelligence-10: #bfc2ff;
  --prism-color-chart-sequential-intelligence-11: #bfc2ff;
  --prism-color-chart-sequential-intelligence-01: #4a4692;
  --prism-color-chart-sequential-intelligence-02: #4a4692;
  --prism-color-chart-sequential-intelligence-03: #5653a6;
  --prism-color-chart-sequential-intelligence-04: #6461bb;
  --prism-color-chart-sequential-intelligence-05: #726fcd;
  --prism-color-chart-sequential-intelligence-06: #807ee0;
  --prism-color-chart-sequential-intelligence-07: #8e8bfe;
  --prism-color-chart-sequential-intelligence-08: #9d9dff;
  --prism-color-chart-sequential-intelligence-09: #aeb0ff;
  --prism-color-chart-sequential-neutral-10: #c7c7c7;
  --prism-color-chart-sequential-neutral-11: #c7c7c7;
  --prism-color-chart-sequential-neutral-01: #4e4e4e;
  --prism-color-chart-sequential-neutral-02: #4e4e4e;
  --prism-color-chart-sequential-neutral-03: #5b5b5b;
  --prism-color-chart-sequential-neutral-04: #6a6a6a;
  --prism-color-chart-sequential-neutral-05: #787878;
  --prism-color-chart-sequential-neutral-06: #888888;
  --prism-color-chart-sequential-neutral-07: #979797;
  --prism-color-chart-sequential-neutral-08: #a6a6a6;
  --prism-color-chart-sequential-neutral-09: #b7b7b7;
  --prism-color-chart-sequential-success-10: #8bd9b2;
  --prism-color-chart-sequential-success-11: #8bd9b2;
  --prism-color-chart-sequential-success-01: #1e5940;
  --prism-color-chart-sequential-success-02: #1e5940;
  --prism-color-chart-sequential-success-03: #166848;
  --prism-color-chart-sequential-success-04: #177954;
  --prism-color-chart-sequential-success-05: #078a5e;
  --prism-color-chart-sequential-success-06: #009d68;
  --prism-color-chart-sequential-success-07: #00b273;
  --prism-color-chart-sequential-success-08: #38be87;
  --prism-color-chart-sequential-success-09: #67cc9d;
  --prism-color-chart-sequential-warning-10: #ffb280;
  --prism-color-chart-sequential-warning-11: #ffb280;
  --prism-color-chart-sequential-warning-01: #773f19;
  --prism-color-chart-sequential-warning-02: #773f19;
  --prism-color-chart-sequential-warning-03: #89491f;
  --prism-color-chart-sequential-warning-04: #9f5625;
  --prism-color-chart-sequential-warning-05: #b3622b;
  --prism-color-chart-sequential-warning-06: #ca6e2e;
  --prism-color-chart-sequential-warning-07: #e47827;
  --prism-color-chart-sequential-warning-08: #ec8d50;
  --prism-color-chart-sequential-warning-09: #fb9f65;
  --prism-color-elevation-backdrop-default: rgba(46, 61, 75, 0.72);
  --prism-color-elevation-backdrop-inverse: rgba(255, 255, 255, 0.72);
  --prism-color-general-alpha-info-50: rgba(6, 187, 255, 0.37);
  --prism-color-general-alpha-info-100: rgba(3, 182, 255, 0.47);
  --prism-color-general-alpha-info-200: #006195;
  --prism-color-general-alpha-info-300: #006eac;
  --prism-color-general-alpha-info-400: #007fc0;
  --prism-color-general-alpha-intelligence-50: rgba(149, 154, 255, 0.4);
  --prism-color-general-alpha-intelligence-100: rgba(141, 141, 255, 0.49);
  --prism-color-general-alpha-intelligence-200: rgba(134, 134, 255, 0.61);
  --prism-color-general-alpha-intelligence-300: rgba(132, 130, 255, 0.71);
  --prism-color-general-alpha-intelligence-400: rgba(136, 134, 255, 0.77);
  --prism-color-general-alpha-inverse-50: #030303;
  --prism-color-general-alpha-inverse-100: #232323;
  --prism-color-general-alpha-inverse-200: #2b2b2b;
  --prism-color-general-alpha-inverse-300: #3a3a3a;
  --prism-color-general-alpha-inverse-400: #5a5a5a;
  --prism-color-general-alpha-neutral-50: rgba(3, 3, 3, 0.05);
  --prism-color-general-alpha-neutral-100: rgba(255, 255, 255, 0.13);
  --prism-color-general-alpha-neutral-200: rgba(255, 255, 255, 0.16);
  --prism-color-general-alpha-neutral-300: rgba(255, 255, 255, 0.22);
  --prism-color-general-alpha-neutral-400: rgba(255, 255, 255, 0.35);
  --prism-color-general-alpha-neutral-00: #000000;
  --prism-color-general-brand-50: #6c2d28;
  --prism-color-general-brand-100: #743632;
  --prism-color-general-brand-200: #8e4641;
  --prism-color-general-brand-300: #a54c45;
  --prism-color-general-brand-400: #c14a42;
  --prism-color-general-brand-500: #dd433a;
  --prism-color-general-brand-600: #ff8173;
  --prism-color-general-brand-700: #ff826f;
  --prism-color-general-brand-800: #ffa491;
  --prism-color-general-brand-900: #ffc8bb;
  --prism-color-general-brand-950: #ffdbc9;
  --prism-color-general-critical-50: #653230;
  --prism-color-general-critical-100: #743534;
  --prism-color-general-critical-200: #9c3a3c;
  --prism-color-general-critical-300: #b83a3d;
  --prism-color-general-critical-400: #d72d39;
  --prism-color-general-critical-500: #e7333c;
  --prism-color-general-critical-600: #f68b89;
  --prism-color-general-critical-700: #f78b88;
  --prism-color-general-critical-800: #fca9a7;
  --prism-color-general-critical-900: #ffc8c6;
  --prism-color-general-critical-950: #ffd9d6;
  --prism-color-general-info-50: #044760;
  --prism-color-general-info-100: #035779;
  --prism-color-general-info-200: #006195;
  --prism-color-general-info-300: #006eac;
  --prism-color-general-info-400: #007fc0;
  --prism-color-general-info-500: #0091ce;
  --prism-color-general-info-600: #00bae4;
  --prism-color-general-info-700: #00bce4;
  --prism-color-general-info-800: #60cee9;
  --prism-color-general-info-900: #9ee1f4;
  --prism-color-general-info-950: #b9fbff;
  --prism-color-general-intelligence-50: #3d3f67;
  --prism-color-general-intelligence-100: #47477f;
  --prism-color-general-intelligence-200: #53539d;
  --prism-color-general-intelligence-300: #5e5db5;
  --prism-color-general-intelligence-400: #6967c4;
  --prism-color-general-intelligence-500: #7370d5;
  --prism-color-general-intelligence-600: #a39ffe;
  --prism-color-general-intelligence-700: #a4a2f2;
  --prism-color-general-intelligence-800: #bdbafc;
  --prism-color-general-intelligence-900: #d6d3ff;
  --prism-color-general-intelligence-950: #ede6ff;
  --prism-color-general-neutral-50: #030303;
  --prism-color-general-neutral-100: #232323;
  --prism-color-general-neutral-200: #2b2b2b;
  --prism-color-general-neutral-300: #3a3a3a;
  --prism-color-general-neutral-400: #5a5a5a;
  --prism-color-general-neutral-500: #7c7c7c;
  --prism-color-general-neutral-600: #aaaaaa;
  --prism-color-general-neutral-700: #b2b2b2;
  --prism-color-general-neutral-800: #d4d4d4;
  --prism-color-general-neutral-900: #ececec;
  --prism-color-general-neutral-950: #ffffff;
  --prism-color-general-neutral-00: #000000;
  --prism-color-general-success-50: #194b38;
  --prism-color-general-success-100: #245a44;
  --prism-color-general-success-200: #1a684c;
  --prism-color-general-success-300: #007754;
  --prism-color-general-success-400: #008458;
  --prism-color-general-success-500: #00915b;
  --prism-color-general-success-600: #00c292;
  --prism-color-general-success-700: #4ac08d;
  --prism-color-general-success-800: #69d4a2;
  --prism-color-general-success-900: #8deabb;
  --prism-color-general-success-950: #bcfedc;
  --prism-color-general-warning-50: #583826;
  --prism-color-general-warning-100: #674330;
  --prism-color-general-warning-200: #805033;
  --prism-color-general-warning-300: #955833;
  --prism-color-general-warning-400: #aa5e2c;
  --prism-color-general-warning-500: #c0621c;
  --prism-color-general-warning-600: #eb9457;
  --prism-color-general-warning-700: #f69049;
  --prism-color-general-warning-800: #ffa668;
  --prism-color-general-warning-900: #ffc8a0;
  --prism-color-general-warning-950: #ffe3be;
  --prism-shadow-brand-100: rgba(145, 41, 17, 0.1) 0px 1px 3px 0px, rgba(145, 41, 17, 0.08) 0px 1px 2px 0px;
  --prism-shadow-brand-200: rgba(145, 41, 17, 0.2) 0px 8px 16px -4px, rgba(145, 41, 17, 0.06) 0px 4px 4px -2px;
  --prism-shadow-brand-300: rgba(145, 41, 17, 0.28) 0px 24px 48px -12px;
  --prism-shadow-brand-inset: rgba(145, 41, 17, 0.16) 0px 2px 4px 0px inset;
  --prism-shadow-neutral-100: 0 0 0 1px var(--prism-color-general-alpha-neutral-400);
  --prism-shadow-neutral-200: 0 0 0 1px var(--prism-color-general-alpha-neutral-400);
  --prism-shadow-neutral-300: 0 0 0 1px var(--prism-color-general-alpha-neutral-400);
  --prism-shadow-neutral-inset: rgba(0, 0, 0, 0.08) 0px 2px 4px 0px inset;
  --prism-shadow-reverse-neutral-200: rgba(0, 0, 0, 0.08) 0px 8px 12px -4px, rgba(0, 0, 0, 0.04) 0px 4px 4px -2px;
  --prism-spacing-0: 0;
  --prism-spacing-50: 2px;
  --prism-spacing-100: 4px;
  --prism-spacing-200: 8px;
  --prism-spacing-300: 12px;
  --prism-spacing-400: 16px;
  --prism-spacing-500: 20px;
  --prism-spacing-600: 24px;
  --prism-spacing-700: 28px;
  --prism-spacing-800: 32px;
  --prism-spacing-900: 36px;
  --prism-spacing-1000: 40px;
  --gradient-brand-background: radial-gradient( 10560.62% 249.13% at 0.12% 5.08%, #fff1e0 0%, #ffebeb 55.21%, #fefbf5 100% );
  --gradient-brand-figure: linear-gradient(90deg, #fd8a44 0%, #ec470a 100%);
  --shadow-color-default: 210deg 5% 76%;
  --prism-font-size-heading-1: 28px;
  --prism-font-size-heading-2: 20px;
  --prism-font-size-heading-3: 16px;
  --prism-font-size-heading-4: 14px;
  --prism-font-size-paragraph-200-bold: 12px;
  --prism-font-size-paragraph-200-medium: 12px;
  --prism-font-size-paragraph-200-regular: 12px;
  --prism-font-size-paragraph-200-semi-bold: 12px;
  --prism-font-size-paragraph-300-bold: 14px;
  --prism-font-size-paragraph-300-medium: 14px;
  --prism-font-size-paragraph-300-regular: 14px;
  --prism-font-size-paragraph-300-semi-bold: 14px;
  --prism-font-size-paragraph-400-bold: 16px;
  --prism-font-size-paragraph-400-medium: 16px;
  --prism-font-size-paragraph-400-regular: 16px;
  --prism-font-size-paragraph-400-semi-bold: 16px;
  --prism-font-size-text-200-bold: 12px;
  --prism-font-size-text-200-medium: 12px;
  --prism-font-size-text-200-regular: 12px;
  --prism-font-size-text-200-semi-bold: 12px;
  --prism-font-size-text-300-bold: 14px;
  --prism-font-size-text-300-medium: 14px;
  --prism-font-size-text-300-regular: 14px;
  --prism-font-size-text-300-semi-bold: 14px;
  --prism-font-size-text-400-bold: 16px;
  --prism-font-size-text-400-medium: 16px;
  --prism-font-size-text-400-regular: 16px;
  --prism-font-size-text-400-semi-bold: 16px;
  --prism-font-size-text-500-bold: 20px;
  --prism-font-size-text-500-medium: 20px;
  --prism-font-size-text-500-regular: 20px;
  --prism-font-size-text-500-semi-bold: 20px;
  --prism-font-weight-heading-1: 600;
  --prism-font-weight-heading-2: 600;
  --prism-font-weight-heading-3: 600;
  --prism-font-weight-heading-4: 600;
  --prism-font-weight-paragraph-200-bold: 600;
  --prism-font-weight-paragraph-200-medium: 500;
  --prism-font-weight-paragraph-200-regular: 400;
  --prism-font-weight-paragraph-200-semi-bold: 600;
  --prism-font-weight-paragraph-300-bold: 600;
  --prism-font-weight-paragraph-300-medium: 500;
  --prism-font-weight-paragraph-300-regular: 400;
  --prism-font-weight-paragraph-300-semi-bold: 600;
  --prism-font-weight-paragraph-400-bold: 600;
  --prism-font-weight-paragraph-400-medium: 500;
  --prism-font-weight-paragraph-400-regular: 400;
  --prism-font-weight-paragraph-400-semi-bold: 600;
  --prism-font-weight-text-200-bold: 600;
  --prism-font-weight-text-200-medium: 500;
  --prism-font-weight-text-200-regular: 400;
  --prism-font-weight-text-200-semi-bold: 600;
  --prism-font-weight-text-300-bold: 600;
  --prism-font-weight-text-300-medium: 500;
  --prism-font-weight-text-300-regular: 400;
  --prism-font-weight-text-300-semi-bold: 600;
  --prism-font-weight-text-400-bold: 600;
  --prism-font-weight-text-400-medium: 500;
  --prism-font-weight-text-400-regular: 400;
  --prism-font-weight-text-400-semi-bold: 600;
  --prism-font-weight-text-500-bold: 600;
  --prism-font-weight-text-500-medium: 500;
  --prism-font-weight-text-500-regular: 400;
  --prism-font-weight-text-500-semi-bold: 600;
  --prism-font-line-height-heading-1: 36px;
  --prism-font-line-height-heading-2: 28px;
  --prism-font-line-height-heading-3: 24px;
  --prism-font-line-height-heading-4: 20px;
  --prism-font-line-height-paragraph-200-bold: 18px;
  --prism-font-line-height-paragraph-200-medium: 18px;
  --prism-font-line-height-paragraph-200-regular: 18px;
  --prism-font-line-height-paragraph-200-semi-bold: 18px;
  --prism-font-line-height-paragraph-300-bold: 20px;
  --prism-font-line-height-paragraph-300-medium: 20px;
  --prism-font-line-height-paragraph-300-regular: 20px;
  --prism-font-line-height-paragraph-300-semi-bold: 20px;
  --prism-font-line-height-paragraph-400-bold: 24px;
  --prism-font-line-height-paragraph-400-medium: 24px;
  --prism-font-line-height-paragraph-400-regular: 24px;
  --prism-font-line-height-paragraph-400-semi-bold: 24px;
  --prism-font-line-height-text-200-bold: 16px;
  --prism-font-line-height-text-200-medium: 16px;
  --prism-font-line-height-text-200-regular: 16px;
  --prism-font-line-height-text-200-semi-bold: 16px;
  --prism-font-line-height-text-300-bold: 18px;
  --prism-font-line-height-text-300-medium: 18px;
  --prism-font-line-height-text-300-regular: 18px;
  --prism-font-line-height-text-300-semi-bold: 18px;
  --prism-font-line-height-text-400-bold: 20px;
  --prism-font-line-height-text-400-medium: 20px;
  --prism-font-line-height-text-400-regular: 20px;
  --prism-font-line-height-text-400-semi-bold: 20px;
  --prism-font-line-height-text-500-bold: 24px;
  --prism-font-line-height-text-500-medium: 24px;
  --prism-font-line-height-text-500-regular: 24px;
  --prism-font-line-height-text-500-semi-bold: 24px;
  --prism-color-background-critical-default: var(--prism-color-general-critical-100);
  --prism-color-background-critical-subdued: var(--prism-color-general-critical-50);
  --prism-color-background-info-default: var(--prism-color-general-info-100);
  --prism-color-background-info-subdued: var(--prism-color-general-info-50);
  --prism-color-background-inverse: var(--prism-color-general-neutral-900);
  --prism-color-background-neutral-default: var(--prism-color-general-neutral-200);
  --prism-color-background-neutral-subdued: var(--prism-color-general-neutral-00);
  --prism-color-background-success-default: var(--prism-color-general-success-100);
  --prism-color-background-success-subdued: var(--prism-color-general-success-50);
  --prism-color-background-warning-default: var(--prism-color-general-warning-100);
  --prism-color-background-warning-subdued: var(--prism-color-general-warning-50);
  --prism-color-border-brand-default: var(--prism-color-general-brand-200);
  --prism-color-border-brand-emphasis: var(--prism-color-general-brand-500);
  --prism-color-border-critical-default: var(--prism-color-general-critical-200);
  --prism-color-border-critical-emphasis: var(--prism-color-general-critical-500);
  --prism-color-border-info-default: var(--prism-color-general-info-200);
  --prism-color-border-info-emphasis: var(--prism-color-general-info-500);
  --prism-color-border-intelligence-default: var(--prism-color-general-intelligence-200);
  --prism-color-border-intelligence-emphasis: var(--prism-color-general-intelligence-500);
  --prism-color-border-inverse-default: var(--prism-color-general-alpha-inverse-200);
  --prism-color-border-inverse-emphasis: var(--prism-color-general-neutral-00);
  --prism-color-border-neutral-default: var(--prism-color-general-alpha-neutral-400);
  --prism-color-border-neutral-emphasis: var(--prism-color-general-alpha-neutral-400);
  --prism-color-border-success-default: var(--prism-color-general-success-200);
  --prism-color-border-success-emphasis: var(--prism-color-general-success-500);
  --prism-color-border-warning-default: var(--prism-color-general-warning-200);
  --prism-color-border-warning-emphasis: var(--prism-color-general-warning-500);
  --prism-color-chart-accent-primary-figure-default: var(--prism-color-chart-sequential-info-08);
  --prism-color-chart-accent-primary-figure-emphasis: var(--prism-color-chart-sequential-info-10);
  --prism-color-chart-accent-primary-figure-subdued: var(--prism-color-chart-sequential-info-04);
  --prism-color-chart-accent-secondary-figure-default: var(--prism-color-chart-sequential-neutral-09);
  --prism-color-chart-accent-secondary-figure-emphasis: var(--prism-color-chart-sequential-neutral-10);
  --prism-color-chart-accent-secondary-figure-subdued: var(--prism-color-chart-sequential-neutral-04);
  --prism-color-chart-demand-background-elevated: var(--prism-color-chart-sequential-critical-01);
  --prism-color-chart-demand-background-high: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-demand-background-low: var(--prism-color-chart-sequential-info-03);
  --prism-color-chart-demand-background-normal: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-demand-background-very-high: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-demand-background-very-low: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-demand-figure-elevated: var(--prism-color-chart-sequential-critical-01);
  --prism-color-chart-demand-figure-high: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-demand-figure-low: var(--prism-color-chart-sequential-info-03);
  --prism-color-chart-demand-figure-normal: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-demand-figure-very-high: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-demand-figure-very-low: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-background-high-default: var(--prism-color-chart-sequential-info-08);
  --prism-color-chart-info-background-high-emphasis: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-info-background-low-default: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-info-background-low-emphasis: var(--prism-color-chart-sequential-info-02);
  --prism-color-chart-info-background-normal-default: var(--prism-color-chart-sequential-info-04);
  --prism-color-chart-info-background-normal-emphasis: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-figure-high: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-info-figure-low: var(--prism-color-chart-sequential-info-02);
  --prism-color-chart-info-figure-normal: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-figure-very-high: var(--prism-color-chart-sequential-info-11);
  --prism-color-chart-intelligence-background-high-default: var(--prism-color-chart-sequential-intelligence-06);
  --prism-color-chart-intelligence-background-high-emphasis: var(--prism-color-chart-sequential-intelligence-07);
  --prism-color-chart-intelligence-background-low-default: var(--prism-color-chart-sequential-intelligence-01);
  --prism-color-chart-intelligence-background-low-emphasis: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-intelligence-background-normal-default: var(--prism-color-chart-sequential-intelligence-03);
  --prism-color-chart-intelligence-background-normal-emphasis: var(--prism-color-chart-sequential-intelligence-04);
  --prism-color-chart-intelligence-figure-high: var(--prism-color-chart-sequential-intelligence-09);
  --prism-color-chart-intelligence-figure-low: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-intelligence-figure-normal: var(--prism-color-chart-sequential-intelligence-06);
  --prism-color-chart-neutral-background-empty: var(--prism-color-chart-sequential-neutral-01);
  --prism-color-chart-neutral-figure-empty: var(--prism-color-chart-sequential-neutral-03);
  --prism-color-chart-status-background-critical-default: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-status-background-critical-emphasis: var(--prism-color-chart-sequential-critical-04);
  --prism-color-chart-status-background-success-default: var(--prism-color-chart-sequential-success-02);
  --prism-color-chart-status-background-success-emphasis: var(--prism-color-chart-sequential-success-03);
  --prism-color-chart-status-background-warning-default: var(--prism-color-chart-sequential-warning-03);
  --prism-color-chart-status-background-warning-emphasis: var(--prism-color-chart-sequential-warning-04);
  --prism-color-chart-status-figure-critical-normal: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-status-figure-critical-low: var(--prism-color-chart-sequential-critical-02);
  --prism-color-chart-status-figure-intelligence-normal: var(--prism-color-chart-sequential-intelligence-05);
  --prism-color-chart-status-figure-intelligence-low: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-status-figure-success-normal: var(--prism-color-chart-sequential-success-05);
  --prism-color-chart-status-figure-success-low: var(--prism-color-chart-sequential-success-02);
  --prism-color-chart-status-figure-warning-normal: var(--prism-color-chart-sequential-warning-05);
  --prism-color-chart-status-figure-warning-low: var(--prism-color-chart-sequential-warning-02);
  --prism-color-elevation-canvas: var(--prism-color-general-neutral-00);
  --prism-color-elevation-surface: var(--prism-color-general-neutral-50);
  --prism-color-icon-brand-default: var(--prism-color-general-brand-700);
  --prism-color-icon-brand-emphasis: var(--prism-color-general-brand-950);
  --prism-color-icon-critical-default: var(--prism-color-general-critical-700);
  --prism-color-icon-critical-emphasis: var(--prism-color-general-critical-950);
  --prism-color-icon-info-default: var(--prism-color-general-info-700);
  --prism-color-icon-info-emphasis: var(--prism-color-general-info-950);
  --prism-color-icon-intelligence-default: var(--prism-color-general-intelligence-700);
  --prism-color-icon-intelligence-emphasis: var(--prism-color-general-intelligence-950);
  --prism-color-icon-inverse: var(--prism-color-general-neutral-00);
  --prism-color-icon-neutral-default: var(--prism-color-general-neutral-900);
  --prism-color-icon-neutral-emphasis: var(--prism-color-general-neutral-950);
  --prism-color-icon-neutral-subdued: var(--prism-color-general-neutral-800);
  --prism-color-icon-success-default: var(--prism-color-general-success-700);
  --prism-color-icon-success-emphasis: var(--prism-color-general-success-950);
  --prism-color-icon-warning-default: var(--prism-color-general-warning-700);
  --prism-color-icon-warning-emphasis: var(--prism-color-general-warning-950);
  --prism-color-interactive-background-critical-hover: var(--prism-color-general-critical-800);
  --prism-color-interactive-background-critical-idle: var(--prism-color-general-critical-700);
  --prism-color-interactive-background-critical-pressed: var(--prism-color-general-critical-900);
  --prism-color-interactive-background-disabled: var(--prism-color-general-alpha-neutral-100);
  --prism-color-interactive-background-ghost-hover: var(--prism-color-general-alpha-neutral-300);
  --prism-color-interactive-background-ghost-idle: var(--prism-color-general-alpha-neutral-00);
  --prism-color-interactive-background-ghost-pressed: var(--prism-color-general-alpha-neutral-400);
  --prism-color-interactive-background-ghost-selected: var(--prism-color-general-alpha-info-50);
  --prism-color-interactive-background-inverse-hover: var(--prism-color-general-alpha-inverse-100);
  --prism-color-interactive-background-inverse-idle: var(--prism-color-general-alpha-inverse-50);
  --prism-color-interactive-background-inverse-pressed: var(--prism-color-general-alpha-inverse-200);
  --prism-color-interactive-background-primary-hover: var(--prism-color-general-info-800);
  --prism-color-interactive-background-primary-idle: var(--prism-color-general-info-700);
  --prism-color-interactive-background-primary-pressed: var(--prism-color-general-info-900);
  --prism-color-interactive-background-primary-selected: var(--prism-color-general-info-900);
  --prism-color-interactive-background-secondary-hover: var(--prism-color-general-alpha-neutral-300);
  --prism-color-interactive-background-secondary-idle: var(--prism-color-general-alpha-neutral-200);
  --prism-color-interactive-background-secondary-pressed: var(--prism-color-general-alpha-neutral-400);
  --prism-color-interactive-background-secondary-selected: var(--prism-color-general-alpha-info-50);
  --prism-color-interactive-background-success-hover: var(--prism-color-general-success-800);
  --prism-color-interactive-background-success-idle: var(--prism-color-general-success-700);
  --prism-color-interactive-background-success-pressed: var(--prism-color-general-success-900);
  --prism-color-interactive-background-warning-hover: var(--prism-color-general-warning-400);
  --prism-color-interactive-background-warning-idle: var(--prism-color-general-warning-300);
  --prism-color-interactive-background-warning-pressed: var(--prism-color-general-warning-500);
  --prism-color-interactive-border-critical-hover: var(--prism-color-general-critical-700);
  --prism-color-interactive-border-critical-idle: var(--prism-color-general-critical-600);
  --prism-color-interactive-border-critical-pressed: var(--prism-color-general-critical-800);
  --prism-color-interactive-border-focus: var(--prism-color-general-info-500);
  --prism-color-interactive-border-neutral-hover: var(--prism-color-general-neutral-600);
  --prism-color-interactive-border-neutral-idle: var(--prism-color-general-neutral-500);
  --prism-color-interactive-border-neutral-pressed: var(--prism-color-general-neutral-700);
  --prism-color-interactive-border-warning-hover: var(--prism-color-general-warning-600);
  --prism-color-interactive-border-warning-idle: var(--prism-color-general-warning-500);
  --prism-color-interactive-border-warning-pressed: var(--prism-color-general-warning-700);
  --prism-color-interactive-icon-disabled: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-disabled: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-placeholder: var(--prism-color-general-neutral-600);
  --prism-color-interactive-text-primary-hover: var(--prism-color-general-info-800);
  --prism-color-interactive-text-primary-idle: var(--prism-color-general-info-700);
  --prism-color-interactive-text-primary-pressed: var(--prism-color-general-info-900);
  --prism-color-interactive-text-primary-selected: var(--prism-color-general-info-950);
  --prism-color-interactive-text-secondary-hover: var(--prism-color-general-neutral-900);
  --prism-color-interactive-text-secondary-idle: var(--prism-color-general-neutral-800);
  --prism-color-interactive-text-secondary-pressed: var(--prism-color-general-neutral-950);
  --prism-color-interactive-text-secondary-selected: var(--prism-color-general-neutral-950);
  --prism-color-text-brand-default: var(--prism-color-general-brand-700);
  --prism-color-text-brand-emphasis: var(--prism-color-general-brand-950);
  --prism-color-text-critical-default: var(--prism-color-general-critical-700);
  --prism-color-text-critical-emphasis: var(--prism-color-general-critical-950);
  --prism-color-text-info-default: var(--prism-color-general-info-700);
  --prism-color-text-info-emphasis: var(--prism-color-general-info-950);
  --prism-color-text-intelligence-default: var(--prism-color-general-intelligence-700);
  --prism-color-text-intelligence-emphasis: var(--prism-color-general-intelligence-950);
  --prism-color-text-inverse: var(--prism-color-general-neutral-00);
  --prism-color-text-neutral-default: var(--prism-color-general-neutral-900);
  --prism-color-text-neutral-emphasis: var(--prism-color-general-neutral-950);
  --prism-color-text-neutral-subdued: var(--prism-color-general-neutral-800);
  --prism-color-text-success-default: var(--prism-color-general-success-700);
  --prism-color-text-success-emphasis: var(--prism-color-general-success-950);
  --prism-color-text-warning-default: var(--prism-color-general-warning-700);
  --prism-color-text-warning-emphasis: var(--prism-color-general-warning-950);
  --prism-gradient-background-brand-default: linear-gradient(135deg, var(--prism-color-general-brand-100) 0%, var(--prism-color-general-brand-400) 100%);
  --prism-gradient-background-brand-subdued: linear-gradient(135deg, var(--prism-color-general-brand-50) 0%, var(--prism-color-general-brand-300) 100%);
  --prism-gradient-background-intelligence-default: linear-gradient(135deg, var(--prism-color-general-intelligence-100) 0%, var(--prism-color-general-intelligence-200) 100%);
  --prism-gradient-background-intelligence-subdued: linear-gradient(135deg, var(--prism-color-general-intelligence-50) 0%, var(--prism-color-general-intelligence-100) 100%);
  --prism-gradient-chart-intelligence-background-high: linear-gradient(135deg, var(--prism-color-general-critical-400) -20%, var(--prism-color-general-intelligence-700) 100%);
  --prism-gradient-chart-intelligence-background-low: linear-gradient(135deg, var(--prism-color-general-neutral-100) -20%, var(--prism-color-general-intelligence-400) 100%);
  --prism-gradient-chart-intelligence-background-normal: linear-gradient(135deg, var(--prism-color-general-critical-300) -20%, var(--prism-color-general-intelligence-500) 100%);
  --prism-gradient-interactive-background-brand-primary-hover: linear-gradient(135deg, var(--prism-color-general-brand-600) 0%, var(--prism-color-general-brand-500) 100%);
  --prism-gradient-interactive-background-brand-primary-idle: linear-gradient(135deg, var(--prism-color-general-brand-500) 0%, var(--prism-color-general-brand-600) 100%);
  --prism-gradient-interactive-background-brand-primary-pressed: linear-gradient(135deg, var(--prism-color-general-brand-700) 0%, var(--prism-color-general-brand-600) 100%);
  --prism-gradient-interactive-background-intelligence-primary-idle: linear-gradient(135deg, var(--prism-color-general-intelligence-500) -20%, var(--prism-color-interactive-background-primary-idle) 100%);
  --prism-gradient-interactive-background-intelligence-secondary-idle: linear-gradient(135deg, var(--prism-color-general-intelligence-100) -20%, var(--prism-color-interactive-background-secondary-idle) 100%);
  --gradient-brand-100: linear-gradient( 90deg, var(--prism-color-general-brand-50) 0%, #ffefe7 104.1% );
  --prism-gradient-interactive-background-intelligence-primary-hover: linear-gradient(135deg, var(--prism-color-interactive-background-primary-hover) 0%, var(--prism-color-general-intelligence-600) 120%);
  --prism-gradient-interactive-background-intelligence-primary-pressed: linear-gradient(135deg, var(--prism-color-interactive-background-primary-pressed) 0%, var(--prism-color-general-intelligence-600) 120%);
  --prism-gradient-interactive-background-intelligence-secondary-hover: linear-gradient(135deg, var(--prism-color-interactive-background-secondary-hover) 0%, var(--prism-color-general-alpha-intelligence-200) 120%);
  --prism-gradient-interactive-background-intelligence-secondary-pressed: linear-gradient(135deg, var(--prism-color-interactive-background-secondary-pressed) 0%, var(--prism-color-general-alpha-intelligence-200) 120%);
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1.2;
  position: relative;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
}
* {
  box-sizing: border-box;
}
img {
  max-width: 100%;
}
body, html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  min-height: 100%;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  text-size-adjust: 100%;
  -webkit-touch-callout: none;
}
@supports not (font-variation-settings: normal) {
  @font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(https://static-staging.mylighthouse.com/payments/assets/fonts/Inter-Regular.c8ba52b05a9ef10f4758.woff2) format("woff2"), url(https://static-staging.mylighthouse.com/payments/assets/fonts/Inter-Regular.8c206db99195777c6769.woff) format("woff");
  }
  @font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    src: url(https://static-staging.mylighthouse.com/payments/assets/fonts/Inter-Medium.293fd13dbca5a3e450ef.woff2) format("woff2"), url(https://static-staging.mylighthouse.com/payments/assets/fonts/Inter-Medium.9053572c46aeb4b16caa.woff) format("woff");
  }
  @font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: url(https://static-staging.mylighthouse.com/payments/assets/fonts/Inter-SemiBold.b5f0f109bc88052d4000.woff2) format("woff2"), url(https://static-staging.mylighthouse.com/payments/assets/fonts/Inter-SemiBold.cca62d21c8c555c392e5.woff) format("woff");
  }
  @font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src: url(https://static-staging.mylighthouse.com/payments/assets/fonts/Inter-Bold.ec64ea577b0349e055ad.woff2) format("woff2"), url(https://static-staging.mylighthouse.com/payments/assets/fonts/Inter-Bold.93c1301bd9f486c573b3.woff) format("woff");
  }
}
@supports (font-variation-settings: normal) {
  @font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 100 900;
    src: url(https://static-staging.mylighthouse.com/payments/assets/fonts/Inter.var.c2fe3cb2b7c746f7966a.woff2) format("woff2");
  }
}
html {
  font-family: Inter, system-ui;
}
h1, .heading-1 {
  font-size: var(--prism-font-size-heading-1);
  font-weight: var(--prism-font-weight-heading-1);
  line-height: var(--prism-font-line-height-heading-1);
}
h2, .heading-2 {
  font-size: var(--prism-font-size-heading-2);
  font-weight: var(--prism-font-weight-heading-2);
  line-height: var(--prism-font-line-height-heading-2);
}
h3, .heading-3 {
  font-size: var(--prism-font-size-heading-3);
  font-weight: var(--prism-font-weight-heading-3);
  line-height: var(--prism-font-line-height-heading-3);
}
h4, .heading-4 {
  font-size: var(--prism-font-size-heading-4);
  font-weight: var(--prism-font-weight-heading-4);
  line-height: var(--prism-font-line-height-heading-4);
}
.text-500--regular {
  font-size: var(--prism-font-size-text-500-regular);
  font-weight: var(--prism-font-weight-text-500-regular);
  line-height: var(--prism-font-line-height-text-500-regular);
}
.text-500--medium {
  font-size: var(--prism-font-size-text-500-medium);
  font-weight: var(--prism-font-weight-text-500-medium);
  line-height: var(--prism-font-line-height-text-500-medium);
}
.text-500--semi-bold {
  font-size: var(--prism-font-size-text-500-semi-bold);
  font-weight: var(--prism-font-weight-text-500-semi-bold);
  line-height: var(--prism-font-line-height-text-500-semi-bold);
}
.text-500--bold {
  font-size: var(--prism-font-size-text-500-bold);
  font-weight: var(--prism-font-weight-text-500-bold);
  line-height: var(--prism-font-line-height-text-500-bold);
}
.text-400--regular {
  font-size: var(--prism-font-size-text-400-regular);
  font-weight: var(--prism-font-weight-text-400-regular);
  line-height: var(--prism-font-line-height-text-400-regular);
}
.text-400--medium {
  font-size: var(--prism-font-size-text-400-medium);
  font-weight: var(--prism-font-weight-text-400-medium);
  line-height: var(--prism-font-line-height-text-400-medium);
}
.text-400--semi-bold {
  font-size: var(--prism-font-size-text-400-semi-bold);
  font-weight: var(--prism-font-weight-text-400-semi-bold);
  line-height: var(--prism-font-line-height-text-400-semi-bold);
}
.text-400--bold {
  font-size: var(--prism-font-size-text-400-bold);
  font-weight: var(--prism-font-weight-text-400-bold);
  line-height: var(--prism-font-line-height-text-400-bold);
}
.text-300--regular {
  font-size: var(--prism-font-size-text-300-regular);
  font-weight: var(--prism-font-weight-text-300-regular);
  line-height: var(--prism-font-line-height-text-300-regular);
}
.text-300--medium {
  font-size: var(--prism-font-size-text-300-medium);
  font-weight: var(--prism-font-weight-text-300-medium);
  line-height: var(--prism-font-line-height-text-300-medium);
}
.text-300--semi-bold {
  font-size: var(--prism-font-size-text-300-semi-bold);
  font-weight: var(--prism-font-weight-text-300-semi-bold);
  line-height: var(--prism-font-line-height-text-300-semi-bold);
}
.text-300--bold {
  font-size: var(--prism-font-size-text-300-bold);
  font-weight: var(--prism-font-weight-text-300-bold);
  line-height: var(--prism-font-line-height-text-300-bold);
}
.text-200--regular {
  font-size: var(--prism-font-size-text-200-regular);
  font-weight: var(--prism-font-weight-text-200-regular);
  line-height: var(--prism-font-line-height-text-200-regular);
}
.text-200--medium {
  font-size: var(--prism-font-size-text-200-medium);
  font-weight: var(--prism-font-weight-text-200-medium);
  line-height: var(--prism-font-line-height-text-200-medium);
}
.text-200--semi-bold {
  font-size: var(--prism-font-size-text-200-semi-bold);
  font-weight: var(--prism-font-weight-text-200-semi-bold);
  line-height: var(--prism-font-line-height-text-200-semi-bold);
}
.text-200--bold {
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
  line-height: var(--prism-font-line-height-text-200-bold);
}
.paragraph-400--regular {
  font-size: var(--prism-font-size-paragraph-400-regular);
  font-weight: var(--prism-font-weight-paragraph-400-regular);
  line-height: var(--prism-font-line-height-paragraph-400-regular);
}
.paragraph-400--medium {
  font-size: var(--prism-font-size-paragraph-400-medium);
  font-weight: var(--prism-font-weight-paragraph-400-medium);
  line-height: var(--prism-font-line-height-paragraph-400-medium);
}
.paragraph-400--semi-bold {
  font-size: var(--prism-font-size-paragraph-400-semi-bold);
  font-weight: var(--prism-font-weight-paragraph-400-semi-bold);
  line-height: var(--prism-font-line-height-paragraph-400-semi-bold);
}
.paragraph-400--bold {
  font-size: var(--prism-font-size-paragraph-400-bold);
  font-weight: var(--prism-font-weight-paragraph-400-bold);
  line-height: var(--prism-font-line-height-paragraph-400-bold);
}
.paragraph-300--regular {
  font-size: var(--prism-font-size-paragraph-300-regular);
  font-weight: var(--prism-font-weight-paragraph-300-regular);
  line-height: var(--prism-font-line-height-paragraph-300-regular);
}
.paragraph-300--medium {
  font-size: var(--prism-font-size-paragraph-300-medium);
  font-weight: var(--prism-font-weight-paragraph-300-medium);
  line-height: var(--prism-font-line-height-paragraph-300-medium);
}
.paragraph-300--semi-bold {
  font-size: var(--prism-font-size-paragraph-300-semi-bold);
  font-weight: var(--prism-font-weight-paragraph-300-semi-bold);
  line-height: var(--prism-font-line-height-paragraph-300-semi-bold);
}
.paragraph-300--bold {
  font-size: var(--prism-font-size-paragraph-300-bold);
  font-weight: var(--prism-font-weight-paragraph-300-bold);
  line-height: var(--prism-font-line-height-paragraph-300-bold);
}
.paragraph-200--regular {
  font-size: var(--prism-font-size-paragraph-200-regular);
  font-weight: var(--prism-font-weight-paragraph-200-regular);
  line-height: var(--prism-font-line-height-paragraph-200-regular);
}
.paragraph-200--medium {
  font-size: var(--prism-font-size-paragraph-200-medium);
  font-weight: var(--prism-font-weight-paragraph-200-medium);
  line-height: var(--prism-font-line-height-paragraph-200-medium);
}
.paragraph-200--semi-bold {
  font-size: var(--prism-font-size-paragraph-200-semi-bold);
  font-weight: var(--prism-font-weight-paragraph-200-semi-bold);
  line-height: var(--prism-font-line-height-paragraph-200-semi-bold);
}
.paragraph-200--bold {
  font-size: var(--prism-font-size-paragraph-200-bold);
  font-weight: var(--prism-font-weight-paragraph-200-bold);
  line-height: var(--prism-font-line-height-paragraph-200-bold);
}
.prism-link {
  align-items: center;
  color: var(--prism-color-interactive-text-primary-idle);
  cursor: pointer;
  display: inline-flex;
  font-weight: var(--prism-font-weight-text-300-medium);
  gap: var(--prism-spacing-100);
  text-decoration: underline;
}
.prism-link:disabled, .prism-link--disabled, .prism-link[data-test-pseudo="disabled"] {
  color: var(--prism-color-interactive-text-disabled);
  cursor: not-allowed;
  text-decoration: none;
}
.prism-link:focus-visible, .prism-link[data-test-pseudo="focus"] {
  border-radius: 2px;
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: -1px;
}
.prism-link:hover:not( :disabled, .prism-link--disabled, [data-test-pseudo="disabled"] ), .prism-link[data-test-pseudo="hover"]:not( :disabled, .prism-link--disabled, [data-test-pseudo="disabled"] ) {
  color: var(--prism-color-interactive-text-primary-hover);
  text-decoration: underline;
}
.prism-link:active:not( :disabled, .prism-link--disabled, [data-test-pseudo="disabled"] ), .prism-link[data-test-pseudo="active"]:not( :disabled, .prism-link--disabled, [data-test-pseudo="disabled"] ) {
  color: var(--prism-color-interactive-text-primary-pressed);
  text-decoration: underline;
}
.prism-link.prism-link--standalone {
  font-size: var(--prism-font-size-text-300-medium);
  font-weight: var(--prism-font-weight-text-300-medium);
  line-height: var(--prism-font-line-height-text-300-medium);
  text-decoration: none;
}
.prism-link.prism-link--small {
  font-size: var(--prism-font-size-text-200-medium);
  font-weight: var(--prism-font-weight-text-200-medium);
  line-height: var(--prism-font-line-height-text-200-medium);
}
.prism-link.prism-link--medium {
  font-size: var(--prism-font-size-text-300-medium);
  font-weight: var(--prism-font-weight-text-300-medium);
  line-height: var(--prism-font-line-height-text-300-medium);
}
.prism-link.prism-link--large {
  font-size: var(--prism-font-size-text-400-medium);
  font-weight: var(--prism-font-weight-text-400-medium);
  line-height: var(--prism-font-line-height-text-400-medium);
}
.prism-link.prism-link--secondary {
  color: var(--prism-color-interactive-text-secondary-idle);
}
.prism-link.prism-link--secondary:disabled, .prism-link--disabled.prism-link--secondary, .prism-link.prism-link--secondary[data-test-pseudo="disabled"] {
  color: var(--prism-color-interactive-text-disabled);
}
.prism-link.prism-link--secondary:hover:not( :disabled, .prism-link--disabled, [data-test-pseudo="disabled"] ), .prism-link.prism-link--secondary[data-test-pseudo="hover"]:not( :disabled, .prism-link--disabled, [data-test-pseudo="disabled"] ) {
  color: var(--prism-color-interactive-text-secondary-hover);
}
.prism-link.prism-link--secondary:active:not( :disabled, .prism-link--disabled, [data-test-pseudo="disabled"] ), .prism-link.prism-link--secondary[data-test-pseudo="active"]:not( :disabled, .prism-link--disabled, [data-test-pseudo="disabled"] ) {
  color: var(--prism-color-interactive-text-secondary-pressed);
}
.identifier-square {
  border-radius: var(--prism-border-radius-100);
  height: 14px;
  width: 14px;
}
.identifier-square.identifier-square--small {
  height: 12px;
  width: 12px;
}
.identifier-square.identifier-square--selected {
  border: 1px solid var(--prism-color-border-inverse-emphasis);
  height: 16px;
  outline: 2px solid var(--prism-color-icon-neutral-emphasis);
  width: 16px;
}
.identifier-square.identifier-square--selected.identifier-square--small {
  border: 1px solid var(--prism-color-border-inverse-emphasis);
  height: 14px;
  outline: 2px solid var(--prism-color-icon-neutral-emphasis);
  width: 14px;
}
.identifier-bullet {
  border-radius: var(--prism-border-radius-circle);
  display: inline-block;
  margin-right: var(--prism-spacing-200);
  min-height: 8px;
  min-width: 8px;
}
.prism-button {
  --button-height: var(--prism-spacing-800);
  align-items: center;
  background-color: unset;
  border: none;
  border-radius: var(--prism-border-radius-100);
  cursor: pointer;
  display: inline-flex;
  font-family: Inter, sans-serif;
  font-size: var(--prism-font-size-text-300-medium);
  font-weight: var(--prism-font-weight-text-300-medium);
  gap: var(--prism-spacing-100);
  height: var(--button-height);
  justify-content: center;
  line-height: var(--prism-font-line-height-text-300-medium);
  outline: 2px solid transparent;
  outline-offset: var(--prism-spacing-50);
  padding: 0 var(--prism-spacing-200);
  transition: all 0.12s ease-out;
}
.prism-button:disabled {
  background: unset;
  color: var(--prism-color-interactive-text-disabled);
  cursor: not-allowed;
}
.prism-button:enabled:active, .prism-button:enabled[data-test-pseudo="active"] {
  box-shadow: var(--prism-shadow-neutral-inset);
}
.prism-button:enabled:focus-visible, .prism-button:enabled[data-test-pseudo="focus"] {
  outline-color: var(--prism-color-interactive-border-focus);
}
.prism-button:disabled:not( .prism-button--ghost, .prism-button--critical-secondary ) {
  background-color: var(--prism-color-interactive-background-disabled);
  color: var(--prism-color-interactive-text-disabled);
}
.prism-button--primary {
  background-color: var(--prism-color-interactive-background-primary-idle);
  color: var(--prism-color-text-inverse);
  outline-offset: var(--prism-spacing-50);
}
.prism-button--primary:enabled:hover, .prism-button--primary:enabled[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-primary-hover);
}
.prism-button--primary:enabled:active, .prism-button--primary:enabled[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-primary-pressed);
}
.prism-button--secondary {
  background-color: var(--prism-color-interactive-background-secondary-idle);
  color: var(--prism-color-text-neutral-default);
}
.prism-button--secondary:enabled:hover, .prism-button--secondary:enabled[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-secondary-hover);
}
.prism-button--secondary:enabled:active, .prism-button--secondary:enabled[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-secondary-pressed);
}
.prism-button--critical {
  background-color: var(--prism-color-interactive-background-critical-idle);
  color: var(--prism-color-text-inverse);
}
.prism-button--critical:enabled:hover, .prism-button--critical:enabled[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-critical-hover);
}
.prism-button--critical:enabled:active, .prism-button--critical:enabled[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-critical-pressed);
}
.prism-button--critical-secondary {
  color: var(--prism-color-text-critical-default);
}
.prism-button--critical-secondary:enabled:hover, .prism-button--critical-secondary:enabled[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}
.prism-button--critical-secondary:enabled:active, .prism-button--critical-secondary:enabled[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-ghost-pressed);
  box-shadow: none;
}
.prism-button--warning {
  background-color: var(--prism-color-interactive-background-warning-idle);
  color: var(--prism-color-text-warning-emphasis);
}
.prism-button--warning:enabled:hover, .prism-button--warning:enabled[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-warning-hover);
}
.prism-button--warning:enabled:active, .prism-button--warning:enabled[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-warning-pressed);
}
.prism-button--success {
  background-color: var(--prism-color-interactive-background-success-idle);
  color: var(--prism-color-text-inverse);
}
.prism-button--success:enabled:hover, .prism-button--success:enabled[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-success-hover);
}
.prism-button--success:enabled:active, .prism-button--success:enabled[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-success-pressed);
}
.prism-button--ghost {
  color: var(--prism-color-text-neutral-default);
}
.prism-button--ghost:enabled:hover, .prism-button--ghost:enabled[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}
.prism-button--ghost:enabled:active, .prism-button--ghost:enabled[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-ghost-pressed);
  box-shadow: none;
}
.prism-button--intelligence {
  background: var( --prism-gradient-interactive-background-intelligence-primary-idle );
  color: var(--prism-color-text-inverse);
}
.prism-button--intelligence:enabled:hover, .prism-button--intelligence:enabled[data-test-pseudo="hover"] {
  background: var( --prism-gradient-interactive-background-intelligence-primary-hover );
}
.prism-button--intelligence:enabled:active, .prism-button--intelligence:enabled[data-test-pseudo="active"] {
  background: var( --prism-gradient-interactive-background-intelligence-primary-pressed );
}
.prism-button--intelligence-secondary {
  background: var( --prism-gradient-interactive-background-intelligence-secondary-idle );
  color: var(--prism-color-text-intelligence-emphasis);
}
.prism-button--intelligence-secondary:enabled:hover, .prism-button--intelligence-secondary:enabled[data-test-pseudo="hover"] {
  background: var( --prism-gradient-interactive-background-intelligence-secondary-hover );
}
.prism-button--intelligence-secondary:enabled:active, .prism-button--intelligence-secondary:enabled[data-test-pseudo="active"] {
  background: var( --prism-gradient-interactive-background-intelligence-secondary-pressed );
}
.prism-button--brand {
  background-color: var( --prism-gradient-interactive-background-brand-primary-hover );
  background-image: var(--gradient-brand-figure);
  color: var(--prism-color-text-inverse);
}
.prism-button--brand:enabled:hover, .prism-button--brand:enabled[data-test-pseudo="hover"] {
  background: var(--prism-gradient-interactive-background-brand-primary-hover);
}
.prism-button--brand:enabled:active, .prism-button--brand:enabled[data-test-pseudo="active"] {
  background: var( --prism-gradient-interactive-background-brand-primary-pressed );
}
.prism-button--small {
  --button-height: var(--prism-spacing-600);
  font-size: var(--prism-font-size-text-200-medium);
  font-weight: var(--prism-font-weight-text-200-medium);
  line-height: var(--prism-font-line-height-text-200-medium);
  padding: 0 var(--prism-spacing-200);
}
.prism-button--large {
  --button-height: var(--prism-spacing-1000);
  padding: 0 var(--prism-spacing-300);
}
.prism-button--icon-only {
  width: var(--button-height);
}
.prism-button--unstyled {
  background: none;
  border: none;
  color: var(--prism-color-text-neutral-default);
  cursor: pointer;
  padding: 0;
}
.prism-button--unstyled:active, .prism-button--unstyled[data-test-pseudo="active"] {
  box-shadow: none;
}
.prism-button.prism-button--icon-only {
  width: var(--button-height);
}
.modal {
  --modal-max-width: 80vw;
  --modal-max-height: 70vh;
  --modal-min-width: 600px;
}
.modal--padded {
  padding: var(--prism-spacing-500);
}
.modal--small {
  width: 600px;
}
.modal--medium {
  width: 800px;
}
.modal--stretched {
  height: calc( var(--modal-max-height) - 25px );
  min-width: var(--modal-min-width);
  width: calc( var(--modal-max-width) - 25px );
}
.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

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

.line-clamp-2 {
  /* stylelint-disable-next-line property-no-deprecated */
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  /* stylelint-disable-next-line color-no-hex */
  background-color: #fff;
  position: absolute;
  width: auto;
  z-index: 1000;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  background: rgb(0 0 0 / 50%);
  height: 100%;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ps {
  overflow-anchor: none;
}

/* https://github.com/noraesae/perfect-scrollbar/issues/644 - Fix laggy animation on Safari */
body .ps > .ps__scrollbar-y-rail .ps__scrollbar-y {
  transition: none;
}

body .ps > .ps__scrollbar-x-rail .ps__scrollbar-x {
  transition: none;
}

.perfect-scrollbar-container {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.prism-icon {
  display: flex;
}

.prism-icon svg {
  fill: currentcolor;

  /* Required for Safari to fill up the icon container */
  flex-grow: 1;
}

.prism-icon--extra-small {
  max-height: var(--prism-spacing-300);
  max-width: var(--prism-spacing-300);
  min-height: var(--prism-spacing-300);
  min-width: var(--prism-spacing-300);
}

.prism-icon--small {
  max-height: var(--prism-spacing-400);
  max-width: var(--prism-spacing-400);
  min-height: var(--prism-spacing-400);
  min-width: var(--prism-spacing-400);
}

.prism-icon--medium {
  max-height: var(--prism-spacing-500);
  max-width: var(--prism-spacing-500);
  min-height: var(--prism-spacing-500);
  min-width: var(--prism-spacing-500);
}

.prism-icon--large {
  max-height: var(--prism-spacing-600);
  max-width: var(--prism-spacing-600);
  min-height: var(--prism-spacing-600);
  min-width: var(--prism-spacing-600);
}

.prism-icon--inherit {
  color: inherit;
}

.prism-icon--default {
  color: var(--prism-color-icon-neutral-default);
}

.prism-icon--default-inverse {
  color: var(--prism-color-icon-inverse);
}

.prism-icon--emphasis {
  color: var(--prism-color-icon-neutral-emphasis);
}

.prism-icon--subdued {
  color: var(--prism-color-icon-neutral-subdued);
}

.prism-icon--info {
  color: var(--prism-color-icon-info-default);
}

.prism-icon--success {
  color: var(--prism-color-icon-success-default);
}

.prism-icon--warning {
  color: var(--prism-color-icon-warning-default);
}

.prism-icon--critical {
  color: var(--prism-color-icon-critical-default);
}

.prism-icon--brand {
  color: var(--prism-color-icon-brand-default);
}

.prism-icon--intelligence {
  color: var(--prism-color-icon-intelligence-default);
}

.prism-icon--on-info {
  color: var(--prism-color-icon-info-emphasis);
}

.prism-icon--on-success {
  color: var(--prism-color-icon-success-emphasis);
}

.prism-icon--on-warning {
  color: var(--prism-color-icon-warning-emphasis);
}

.prism-icon--on-critical {
  color: var(--prism-color-icon-critical-emphasis);
}

.prism-icon--on-brand {
  color: var(--prism-color-icon-brand-emphasis);
}

.prism-icon--on-intelligence {
  color: var(--prism-color-icon-intelligence-emphasis);
}

.prism-icon--disabled {
  color: var(--prism-color-interactive-icon-disabled);
}

.prism-icon-brand {
  display: flex;
  max-height: var(--prism-spacing-500);
  max-width: var(--prism-spacing-500);
  min-height: var(--prism-spacing-500);
  min-width: var(--prism-spacing-500);
}

.prism-icon-brand svg {
  /* Required for Safari to fill up the icon container */
  flex-grow: 1;
}

.prism-icon-flag {
  align-items: center;
  display: flex;
  justify-content: center;
}

.prism-icon-flag svg {
  border: 1px solid var(--prism-color-border-neutral-emphasis);

  /*
    `flex-grow: 1` is a fix for a browser bug in safari, where the svg is not
    displayed because of the align-items property on the parent div
  */
  flex-grow: 1;
}

.prism-icon-flag--small {
  --size: var(--prism-spacing-400);
  --padding: 1.33px; /* Calculated padding to match our regular icon spacing, since the flag icon package doesn't have padding by default (size / 24px * 2px) */
}

.prism-icon-flag--medium {
  --size: var(--prism-spacing-500);
  --padding: 1.67px; /* Calculated padding to match our regular icon spacing, since the flag icon package doesn't have padding by default (size / 24px * 2px) */
}

.prism-icon-flag--small,
.prism-icon-flag--medium {
  max-height: var(--size);
  max-width: var(--size);
  min-height: var(--size);
  min-width: var(--size);
  padding: var(--padding);
}

.prism-illustration {
  display: flex;
}

.prism-illustration--small {
  max-height: 40px;
  max-width: 40px;
  min-height: 40px;
  min-width: 40px;
}

.prism-illustration--medium {
  max-height: 100px;
  max-width: 100px;
  min-height: 100px;
  min-width: 100px;
}

.prism-illustration--large {
  max-height: 320px;
  max-width: 320px;
  min-height: 320px;
  min-width: 320px;
}

.prism-illustration svg {
  /* Required for Safari to fill up the icon container */
  flex-grow: 1;
}

.prism-tooltip {
  background-color: var(--prism-color-background-inverse);
  border-radius: var(--prism-border-radius-100);
  color: var(--prism-color-text-inverse);
  max-width: 304px;
  padding: var(--prism-spacing-100) var(--prism-spacing-200);
  z-index: 1200;
}

.prism-tooltip[x-placement^="top"] .prism-tooltip__arrow {
  border-top-color: var(--prism-color-background-inverse);
}

.prism-tooltip[x-placement^="bottom"] .prism-tooltip__arrow {
  border-bottom-color: var(--prism-color-background-inverse);
}

.prism-tooltip[x-placement^="left"] .prism-tooltip__arrow {
  border-left-color: var(--prism-color-background-inverse);
}

.prism-tooltip[x-placement^="right"] .prism-tooltip__arrow {
  border-right-color: var(--prism-color-background-inverse);
}

.prism-tooltip .prism-tooltip__title {
  margin-bottom: var(--prism-spacing-50);
}

.prism-tooltip-header {
  border-bottom: 1px solid var(--prism-color-border-neutral-emphasis);
  color: var(--prism-color-text-neutral-default);
}

.prism-tooltip-header__container {
  align-items: center;
  display: flex;
  height: var(--prism-spacing-800);
  justify-content: center;
  width: 100%;
}

.prism-tooltip-footer {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
}

.prism-tooltip-footer__container {
  align-items: center;
  display: flex;
  padding: var(--prism-spacing-200);
  width: 100%;
}

.prism-pagination-container {
  display: flex;
  gap: var(--prism-spacing-100);
  justify-content: center;
  user-select: none;
}

.prism-pagination-container .pagination-button {
  align-items: center;
  background-color: var(--prism-color-elevation-surface);
  border: none;
  border-radius: var(--prism-border-radius-100);
  color: var(--prism-color-text-neutral-subdued);
  cursor: pointer;
  display: flex;
  font-size: var(--prism-font-size-text-200-regular);
  font-weight: var(--prism-font-weight-text-200-medium);
  height: var(--prism-spacing-800);
  justify-content: center;
  line-height: var(--prism-font-line-height-text-200-medium);
  min-width: var(--prism-spacing-800);
  outline: var(--prism-spacing-50) solid transparent;
  outline-offset: var(--prism-spacing-50);
  padding: 0 var(--prism-spacing-200);
  transition: all 0.12s ease-out;
}

.prism-pagination-container .pagination-button:hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.prism-pagination-container .pagination-button:focus-visible {
  outline-color: var(--prism-color-interactive-border-focus);
}

.prism-pagination-container .pagination-button.current-page {
  background-color: var(--prism-color-interactive-background-ghost-pressed);
  color: var(--prism-color-text-neutral-emphasis);
  line-height: var(--prism-font-line-height-paragraph-200-medium);
}

.prism-pagination-container .pagination-next-button,
.prism-pagination-container .pagination-previous-button {
  opacity: 1;
}

.prism-pagination-container .disabled,
.prism-pagination-container .disabled > span {
  background: unset;
  color: var(--prism-color-interactive-text-disabled);
  cursor: not-allowed;
}

.prism-toast {
  align-items: center;
  background-color: var(--prism-color-background-inverse);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-300);
  display: inline-flex;
  height: 48px;
  max-width: 664px;
  min-width: 280px;
  padding: var(--prism-spacing-300);
}

.prism-toast .prism-toast__status {
  height: var(--prism-spacing-600);
  margin-right: var(--prism-spacing-200);
  width: var(--prism-spacing-600);
}

.prism-toast .prism-toast__status .prism-icon {
  max-height: var(--prism-spacing-600);
  max-width: var(--prism-spacing-600);
  min-height: var(--prism-spacing-600);
  min-width: var(--prism-spacing-600);
}

.prism-toast .prism-toast__body {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
}

.prism-toast .prism-toast__body .prism-toast__title {
  color: var(--prism-color-text-inverse);
}

.prism-toast .prism-toast__body .prism-toast__message {
  color: var(--prism-color-text-inverse);
}

/* Snowflake button styling, the button component does not support an "inverse" style yet. */
.prism-toast .prism-toast__action .prism-button {
  background: var(--prism-color-interactive-background-inverse-idle);
  color: var(--prism-color-text-inverse);
  white-space: nowrap;
}

.prism-toast .prism-toast__action .prism-button:enabled:hover,
.prism-toast
  .prism-toast__action
  .prism-button:enabled[data-test-pseudo="hover"] {
  background: var(--prism-color-interactive-background-inverse-hover);
}

.prism-toast .prism-toast__action .prism-button:enabled:active,
.prism-toast
  .prism-toast__action
  .prism-button:enabled[data-test-pseudo="active"] {
  background: var(--prism-color-interactive-background-inverse-pressed);
}

.prism-toast .prism-toast__action {
  margin-left: var(--prism-spacing-400);
}

.prism-toast .prism-toast__divider {
  background-color: var(--prism-color-border-inverse-default);
  margin-left: var(--prism-spacing-300);
  margin-right: var(--prism-spacing-100);
  min-height: 100%;
  width: 1px;
}

.prism-toast .prism-toast__dismiss {
  background: transparent;
  border: none;
  color: var(--prism-color-text-inverse);
  cursor: pointer;
  outline: none;
  padding: 0 4px 0 8px;
  top: var(--prism-spacing-100);
}

.prism-toast.info .prism-toast__status {
  color: var(--prism-color-icon-inverse);
}

.prism-toast.success .prism-toast__status {
  color: var(--prism-color-icon-success-default);
}

.prism-toast.error .prism-toast__status {
  color: var(--prism-color-icon-critical-default);
}

.prism-toast.warning .prism-toast__status {
  color: var(--prism-color-icon-warning-default);
}

.prism-toast.automation-on .prism-toast__status {
  color: var(--prism-color-icon-intelligence-default);
}

.prism-toast.automation-off .prism-toast__status {
  color: var(--prism-color-icon-intelligence-default);
}

.prism-toast-queue .flash-message {
  bottom: var(--prism-spacing-500);
  display: flex;
  gap: var(--prism-spacing-300);
  left: 50%;
  position: fixed;
  transform: translateY(200px);
  transition: all 700ms cubic-bezier(0.77, 0.76, 0.21, 1);
  translate: -50% 0;
  z-index: 1200;
}

.prism-toast-queue .flash-message.active {
  opacity: 1;
  transform: translateY(calc(var(--prism-spacing-500) * -1));
}

.prism-toast-queue .flash-message.active.exiting {
  opacity: 0;
  transform: translateY(100px);
}

.prism-tabs-container {
  color: var(--prism-color-text-neutral-default);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.prism-tabs-container__header {
  /* Acts as an inner border, so the active tab border overlays on top of it */
  box-shadow: inset 0 -1px 0 var(--prism-color-border-neutral-default);
  display: flex;
  flex-shrink: 0;
  height: 56px;
}

.prism-tabs-container__header__tabs {
  display: flex;
  flex-grow: 1;
}

.prism-tabs-container__header__tabs__list {
  display: flex;
  gap: var(--prism-spacing-500);
  padding: 0 var(--prism-spacing-500);
}

.prism-tabs-container__header__tabs__list__action {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--prism-color-interactive-text-secondary-idle);
  cursor: pointer;
  display: flex;
  font-family: inherit;
  font-size: var(--prism-font-size-text-300-regular);
  height: 100%;
  overflow: hidden;
  padding: 0 var(--prism-spacing-100);
  position: relative;
}

.prism-tabs-container__header__tabs__list__action::after {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  bottom: 0;
  content: " ";
  height: 0;

  /* Needed to have it start at the true edge, otherwise will be next to the padding */
  left: 0;

  /* added absolute positioning to make sure it does not affect the text being in the middle */
  position: absolute;
  transition: 0.15s ease-out;
  width: 100%;
}

.prism-tabs-container__header__tabs__list__action:focus-visible,
.prism-tabs-container__header__tabs__list__action[data-test-pseudo="focus"] {
  border-radius: 8px;
  outline: 2px solid var(--prism-color-interactive-border-focus);
}

/* Make sure the text color only changes on hovering over inactive tabs */
.prism-tabs-container__header__tabs__list__action:hover:not(
    .prism-tabs-container__header__tabs__list__action--active
  ) {
  color: var(--prism-color-interactive-text-secondary-hover);
}

.prism-tabs-container__header__tabs__list__action:hover:not(
    .prism-tabs-container__header__tabs__list__action--active
  )::after {
  background-color: var(--prism-color-interactive-border-neutral-hover);
  height: 4px;
}

.prism-tabs-container__header__tabs__list__action:active:not(
    .prism-tabs-container__header__tabs__list__action--active
  ) {
  color: var(--prism-color-interactive-text-secondary-pressed);
}

.prism-tabs-container__header__tabs__list__action:active:not(
    .prism-tabs-container__header__tabs__list__action--active
  )::after {
  background-color: var(--prism-color-interactive-border-neutral-pressed);
  height: 4px;
}

.prism-tabs-container__header__tabs__list__action--active {
  color: var(--prism-color-interactive-text-secondary-pressed);
  font-weight: var(--prism-font-weight-text-300-bold);
}

.prism-tabs-container__header__tabs__list__action--active::after {
  background-color: var(--prism-color-general-brand-500);
  height: 4px;
}

.prism-tabs-container__header .prism-tabs-container__header__actions {
  align-items: center;
  display: flex;
  margin-right: var(--prism-spacing-400);
}

.prism-tabs-container__content {
  flex: 1;
}

.prism-tabs-container__content section {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.prism-toggle {
  --prism-toggle-width: 44px;
  --prism-toggle-height: 24px;
  --prism-toggle-padding: var(--prism-spacing-50);
  --prism-toggle-border-width: 2px;
  --prism-toggle-icon-size: 16px;

  align-items: center;
  color: var(--prism-color-text-neutral-default);
  cursor: pointer;
  display: flex;
  gap: var(--prism-spacing-200);
}

.prism-toggle--disabled {
  cursor: not-allowed;
}

.prism-toggle .prism-toggle__slider {
  background-color: var(--prism-color-elevation-surface);
  border-color: var(--prism-color-interactive-border-neutral-idle);
  border-radius: var(--prism-border-radius-pill);
  border-style: solid;
  border-width: var(--prism-toggle-border-width);
  height: var(--prism-toggle-height);
  padding: var(--prism-toggle-padding);
  position: relative;
  transition-duration: 100ms;
  transition-property: border-color, background-color;
  transition-timing-function: ease-out;
  width: var(--prism-toggle-width);
}

.prism-toggle .prism-toggle__slider::after {
  --x-offset: 0;

  background-color: var(--prism-color-icon-neutral-default);
  border-radius: var(--prism-border-radius-circle);
  content: "";
  height: var(--prism-toggle-icon-size);
  position: absolute;
  top: 50%;
  transform: translate(var(--x-offset), -50%);
  transition: all 100ms ease-out;
  width: var(--prism-toggle-icon-size);
}

.prism-toggle--small {
  --prism-toggle-width: 36px;
  --prism-toggle-height: 20px;
  --prism-toggle-icon-size: 12px;
}

.prism-toggle input {
  appearance: none;
  margin: 0;
  position: absolute;
}

.prism-toggle input:hover ~ .prism-toggle__slider {
  border-color: var(--prism-color-interactive-border-neutral-hover);
}

.prism-toggle input:hover ~ .prism-toggle__slider::after {
  background-color: var(--prism-color-icon-neutral-default);
}

.prism-toggle input:active ~ .prism-toggle__slider {
  border-color: var(--prism-color-interactive-border-neutral-pressed);
}

.prism-toggle input:focus-visible ~ .prism-toggle__slider,
.prism-toggle input[data-test-pseudo="focus"] ~ .prism-toggle__slider {
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: 2px;
}

.prism-toggle input:checked ~ .prism-toggle__slider {
  border: none;
}

.prism-toggle input:checked ~ .prism-toggle__slider::after {
  /*
    The reason we use border on one side is because we remove the border when the toggle is checked
    so we need to account for that when positioning the icon
    offset = width - padding on both sides - border on one side - icon size
  */
  --x-offset: calc(
    var(--prism-toggle-width) - (var(--prism-toggle-padding) * 2) -
      var(--prism-toggle-border-width) - var(--prism-toggle-icon-size)
  );
}

.prism-toggle input:disabled ~ .prism-toggle__slider {
  background-color: var(--prism-color-interactive-background-disabled);
  border-color: transparent;
}

.prism-toggle input:disabled ~ .prism-toggle__slider::after {
  background-color: var(--prism-color-interactive-icon-disabled);
}

.prism-toggle input:checked:not(:disabled) ~ .prism-toggle__slider {
  background-color: var(--prism-color-interactive-background-primary-idle);
}

.prism-toggle input:checked:not(:disabled) ~ .prism-toggle__slider::after {
  background-color: var(--prism-color-icon-inverse);
}

.prism-toggle input:checked:not(:disabled):hover ~ .prism-toggle__slider {
  background-color: var(--prism-color-interactive-background-primary-hover);
}

.prism-toggle
  input:checked:not(:disabled):hover
  ~ .prism-toggle__slider::after {
  background-color: var(--prism-color-icon-inverse);
}

.prism-toggle input:checked:not(:disabled):active ~ .prism-toggle__slider {
  background-color: var(--prism-color-interactive-background-primary-pressed);
}

.prism-select-input {
  display: inline-block;
  max-width: 100%;
  user-select: none;
}

.prism-select-input .prism-select-input__trigger {
  --prism-border-radius: var(--prism-border-radius-100);

  align-items: center;
  border-radius: var(--prism-border-radius);
  display: flex;
  gap: var(--prism-spacing-100);
  padding: var(--prism-spacing-100) var(--prism-spacing-100)
    var(--prism-spacing-100) var(--prism-spacing-200);
  transition: background-color 0.12s ease-out;
}

.prism-select-input .prism-select-input__trigger .trigger__label,
.prism-select-input .prism-select-input__trigger .trigger__placeholder {
  flex-grow: 1;
}

@supports (-webkit-line-clamp: 2) {
  .prism-select-input
    .prism-select-input__trigger
    .trigger__label:not(.truncate),
  .prism-select-input
    .prism-select-input__trigger
    .trigger__placeholder:not(.truncate) {
    /* stylelint-disable-next-line property-no-deprecated */
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}

@supports not (-webkit-line-clamp: 2) {
  .prism-select-input
    .prism-select-input__trigger
    .trigger__label:not(.truncate),
  .prism-select-input
    .prism-select-input__trigger
    .trigger__placeholder:not(.truncate) {
    overflow: hidden;
    text-overflow: ellipsis;

    /* We're not extending the class since @extend in a @supports block doesn't seem to work */
    white-space: nowrap;
  }
}

/* Override ember-power-select-trigger's default styling, should be removed once we no longer apply the styles by default */
.prism-select-input
  .prism-select-input__trigger.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],
.prism-select-input
  .prism-select-input__trigger.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded="true"] {
  border-radius: var(--prism-border-radius);
}

.prism-select-input
  .prism-select-input__trigger.ember-power-select-trigger::after {
  content: unset;
}

.prism-select-input
  .prism-select-input__trigger:not([aria-disabled="true"])
  .trigger__label {
  color: var(--prism-color-text-neutral-default);
}

.prism-select-input
  .prism-select-input__trigger:not([aria-disabled="true"])
  .trigger__placeholder {
  color: var(--prism-color-interactive-text-placeholder);
}

.prism-select-input
  .prism-select-input__trigger:not([aria-disabled="true"]):hover,
.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  )[data-test-pseudo="hover"] {
  cursor: pointer;
}

.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-default {
  background-color: var(--prism-color-interactive-background-secondary-idle);
}

.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-default:hover,
.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-default[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-secondary-hover);
}

.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-default:active,
.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-default[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-secondary-pressed);
}

.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-secondary {
  background-color: var(--prism-color-elevation-surface);
  border: 2px solid var(--prism-color-interactive-border-neutral-idle);
}

.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-secondary:hover,
.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-secondary[data-test-pseudo="hover"] {
  border-color: var(--prism-color-interactive-border-neutral-hover);
}

.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-secondary:active,
.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-secondary[data-test-pseudo="active"] {
  border-color: var(--prism-color-interactive-border-neutral-pressed);
}

.prism-select-input
  .prism-select-input__trigger:not([aria-disabled="true"]):focus-visible,
.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  )[data-test-pseudo="focus"] {
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: 2px;
}

.prism-select-input .prism-select-input__trigger[aria-disabled="true"] {
  color: var(--prism-color-interactive-text-disabled);
  cursor: not-allowed;
}

.prism-select-input
  .prism-select-input__trigger[aria-disabled="true"].prism-select-input__trigger--is-secondary {
  background-color: var(--prism-color-interactive-background-disabled);
}

.prism-select-input
  .prism-select-input__trigger.prism-select-input__trigger--size-default {
  min-height: 32px;
}

.prism-select-input
  .prism-select-input__trigger.prism-select-input__trigger--size-small {
  min-height: 24px;
  padding: var(--prism-spacing-50) var(--prism-spacing-100)
    var(--prism-spacing-50) var(--prism-spacing-200);
}

/* The dropdown will mostly be rendered outside of the select-input element, hence why it's not nested in the above selector */
.prism-select-input__dropdown {
  border-radius: 8px;
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  display: flex;
  overflow: hidden;
  user-select: none;
  z-index: 1200;
}

/* Overrides the default ember-basic-dropdown styles to support Theming. */
.prism-select-input__dropdown.ember-basic-dropdown-content {
  background-color: var(--prism-color-elevation-surface);
}

/* translateY works more consistently than margin-top/bottom since the element is positioned absolutely */
.prism-select-input__dropdown.ember-basic-dropdown-content--above {
  transform: translateY(calc(var(--prism-spacing-100) * -1));
}

/* translateY works more consistently than margin-top/bottom since the element is positioned absolutely */
.prism-select-input__dropdown.ember-basic-dropdown-content--below {
  transform: translateY(var(--prism-spacing-100));
}

.prism-select-input__dropdown .prism-select-input__search {
  border-bottom: 1px solid var(--prism-color-border-neutral-emphasis);
}

/* Only the first options should have a max height and be scrollable, .ember-power-select-options is rendered multiple times for groups */
.prism-select-input__dropdown.prism-select-input__dropdown--has-max-height
  > .ember-power-select-options {
  flex-grow: 1;
  max-height: 260px;
  overflow-y: auto;
}

.prism-select-input__dropdown .ember-power-select-option {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-200);
  min-height: 40px;
  padding: 0 var(--prism-spacing-300) 0 var(--prism-spacing-300);
  transition: background-color 0.12s ease-out;
}

.prism-select-input__dropdown .ember-power-select-option[aria-selected="true"] {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.prism-select-input__dropdown .ember-power-select-option[aria-current="true"] {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.prism-select-input__dropdown .ember-power-select-option[aria-disabled="true"] {
  color: var(--prism-color-interactive-text-disabled);

  /*
    ember-power-select sets pointer-events to none, which prevents us from
    showing a tooltip. So we override it again.
  */
  pointer-events: unset;
}

.prism-select-input__dropdown
  .ember-power-select-option.ember-power-select-option--no-matches-message {
  font-size: var(--prism-font-size-text-300-regular);
  font-weight: var(--prism-font-weight-text-300-regular);
  line-height: var(--prism-font-line-height-text-300-regular);
}

.prism-select-input__dropdown .ember-power-select-group:not(:last-child) {
  border-bottom: 1px solid var(--prism-color-border-neutral-emphasis);
}

.prism-select-input__dropdown .ember-power-select-group-name {
  display: block;
  font-size: var(--prism-font-size-text-300-bold);
  font-weight: var(--prism-font-weight-text-300-bold);
  line-height: var(--prism-font-line-height-text-300-bold);
  overflow: hidden;
  padding: var(--prism-spacing-400) var(--prism-spacing-300)
    var(--prism-spacing-200) var(--prism-spacing-300);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prism-select-input__dropdown .option__label,
.prism-select-input__dropdown .option__unsafe-sub-label-container {
  flex-grow: 1;
}

.prism-select-input__dropdown .option__unsafe-sub-label-container {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-50);
  overflow: hidden;
  padding-bottom: var(--prism-spacing-200);
  padding-top: var(--prism-spacing-200);
}

.prism-select-input__dropdown .option__unsafe-sub-label {
  color: var(--prism-color-text-neutral-subdued);
}

.prism-table {
  height: 100%;

  /* Required for message-overlay positioning */
  position: relative;
}

.prism-table table {
  width: 100%;
}

.prism-table--empty-state-visible table {
  /*
    Set table height to 100% so empty state can also use the full height.
    Only add `height: 100%` when there are no rows, otherwise occlusion rendering messes up the position of the rows.
  */
  height: 100%;
}

.prism-table.loading .ember-table-overflow {
  /* This is necessary to prevent the table from scrolling while loading */
  overflow: hidden;
}

.prism-table .table-header-bulk-edit-cell-content {
  align-items: center;
  background-color: var(--prism-color-elevation-canvas);
  box-shadow: 0 1px 0 var(--prism-color-border-neutral-emphasis); /* Can't use border-bottom due to position: sticky */
  display: flex;
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
}

.prism-table .table-header-cell {
  background-color: var(--prism-color-background-neutral-subdued);
  color: var(--prism-color-text-neutral-default);
  min-height: 32px;
  padding: var(--prism-spacing-200);
  vertical-align: middle;
}

.prism-table .table-cell {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
  height: 36px;
  padding: 0 var(--prism-spacing-200);
  vertical-align: middle;
}

.prism-table .table-cell .et-cell-container {
  align-items: center;
  display: flex;
}

.prism-table .table-cell .et-cell-container .et-cell-content {
  flex: 1;
  overflow: hidden;
}

.prism-table
  .table-cell
  .et-cell-container
  .et-cell-content:has(.line-clamp-2) {
  padding: var(--prism-spacing-200) 0;
}

.prism-table .table-row .table-cell {
  background-color: var(--prism-color-elevation-surface);
}

.prism-table .table-row--level-1 .table-cell {
  background-color: var(--prism-color-background-neutral-subdued);
}

.prism-table .table-row--level-2 .table-cell {
  background-color: var(--prism-color-elevation-canvas);
}

.prism-table .table-row--level-3 .table-cell {
  background-color: var(--prism-color-background-neutral-subdued);
}

.prism-table .table-cell.is-first-column,
.prism-table .table-header-cell.is-first-column {
  padding-left: var(--prism-spacing-400);
}

.prism-table .table-cell.is-last-column,
.prism-table .table-header-cell.is-last-column {
  padding-right: var(--prism-spacing-400);
}

/* Add extra left padding to the first column that is not fixed */
.prism-table .is-fixed-left:not(:has(+ .is-fixed-left)) + .table-cell,
.prism-table .is-fixed-left:not(:has(+ .is-fixed-left)) + .table-header-cell {
  padding-left: var(--prism-spacing-400);
}

/* Add extra left padding to the last fixed column */
.prism-table .is-fixed-left:not(:has(+ .is-fixed-left)) {
  padding-right: var(--prism-spacing-400);
}

.prism-table.prism-table--highlight-title-column .table-cell.is-first-column {
  color: var(--prism-color-text-neutral-emphasis);
  font-weight: var(--prism-font-weight-text-300-medium);
}

.prism-table .table-cell.is-first-column:has(.table-row__collapse-button) {
  padding-left: var(--prism-spacing-300);
}

/* An ember table internal class */
.prism-table .ember-table .ember-table-overflow {
  background-color: var(
    --prism-color-elevation-surface
  ); /* Visible while table data is loading */

  height: 100%; /* Necessary to make subcolumns sticky */
}

.prism-table
  .ember-table
  .table-header
  .table-header-row
  .table-header-cell.right-border,
.prism-table .ember-table .table-header .table-header-cell.is-slack {
  box-shadow: inset -1px -1px 0
    var(--prism-color-interactive-border-neutral-idle);
}

.prism-table .ember-table .table-header .table-header-row .table-header-cell,
.prism-table .ember-table .table-header .table-header-cell.is-slack {
  box-shadow: inset 0 -1px 0 var(--prism-color-interactive-border-neutral-idle); /* Can't use border-bottom due to position: sticky */
}

.prism-table .ember-table .table-body {
  min-height: 500px;
}

.prism-table
  .ember-table
  .table-body.table-body--with-collapsible-rows
  .et-cell-container
  .et-depth-placeholder {
  --level: 0;

  width: calc(
    var(--level) * var(--prism-spacing-400) + var(--prism-spacing-600)
  );
}

.prism-table
  .ember-table
  .table-body.table-body--with-collapsible-rows
  .et-cell-container
  .et-depth-placeholder.depth-1 {
  --level: 1;
}

.prism-table
  .ember-table
  .table-body.table-body--with-collapsible-rows
  .et-cell-container
  .et-depth-placeholder.depth-2 {
  --level: 2;
}

.prism-table
  .ember-table
  .table-body.table-body--with-collapsible-rows
  .et-cell-container
  .et-depth-placeholder.depth-3 {
  --level: 3;
}

.prism-table
  .ember-table
  .table-body.table-body--with-collapsible-rows
  .et-cell-container
  .table-row__collapse-button {
  --level: 0;

  margin-left: calc(var(--level) * var(--prism-spacing-400));
  margin-right: var(--prism-spacing-100);
}

.prism-table .ember-table .table-body + .table-body--loading {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.prism-table .ember-table .table-body .table-row .table-loading-state-bar {
  animation: pulse 1s infinite;
  background-color: var(--prism-color-interactive-text-disabled);
  border-radius: var(--prism-border-radius-100);
  height: 8px;
}

.prism-table
  .ember-table
  .table-body
  .table-row:nth-child(even)
  .table-loading-state-bar {
  width: 20%;
}

.prism-table .ember-table .table-body .table-row:nth-child(odd) {
  background-color: var(--prism-color-elevation-surface);
}

.prism-table
  .ember-table
  .table-body
  .table-row:nth-child(odd)
  .table-loading-state-bar {
  width: 35%;
}

.prism-table .ember-table .table-body .table-row--active .table-cell {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.prism-table .ember-table .right-border {
  box-shadow: inset -1px 0 0 var(--prism-color-interactive-border-neutral-idle); /* Can't use border-right due to position: sticky */
}

.prism-table .ember-table.table-border {
  /* An ember table internal class */
}

.prism-table .ember-table.table-border .ember-table-overflow {
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
}

.prism-table .ember-table.table-border .table-row:last-of-type .table-cell {
  border-bottom: none;
}

.prism-table .ember-table .table-body .table-row.is-selected .table-cell {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.prism-table .ember-table .table-footer .table-row:hover .table-cell,
.prism-table
  .ember-table
  .table-body:not(.table-body--loading)
  .table-row:hover
  .table-cell {
  background-image: linear-gradient(
    var(--prism-color-interactive-background-ghost-hover),
    var(--prism-color-interactive-background-ghost-hover)
  );
}

/* Loading state animation */
@keyframes pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.72;
  }

  100% {
    opacity: 1;
  }
}

.prism-table .prism-table-header-cell__content {
  align-items: center;
  display: flex;
}

.prism-table .prism-table-checkbox-spacer {
  padding-right: var(--prism-spacing-200);
}

.prism-table .prism-table-header-sort-content {
  flex: 1;
  overflow: hidden;
}

.prism-table .prism-table-button-sort-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
}

.prism-table .prism-table-td-icon {
  align-items: center;
  display: flex;
}

.prism-table .prism-table-td-icon--center {
  justify-content: center;
}

.prism-table .prism-table-td-icon--right {
  justify-content: flex-end;
}

.prism-table .prism-table-th-sort-wrapper {
  align-items: center;
  display: flex;
}

.prism-table .prism-table-th-sort-wrapper--center {
  justify-content: center;
}

.prism-table .prism-table-th-sort-wrapper--right {
  justify-content: flex-end;
}

.prism-table .message-overlay {
  align-items: center;
  background-color: var(--prism-color-elevation-surface);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0.6;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;

  /* Enables the message to overlay the table. Ember Table .is-fixed-left class is z-index: 3 */
  z-index: 4;
}

.prism-bullet-graph {
  --background-and-bars-radius: 0 var(--prism-border-radius-100)
    var(--prism-border-radius-100) 0;

  color: var(--prism-color-text-neutral-default);
  display: flex;
  flex-direction: column;
  font-size: var(--prism-font-size-text-300-regular);
  justify-content: center;
}

.prism-bullet-graph .prism-bullet-graph__content {
  display: grid;

  /* var(--prism-spacing-200) and var(--prism-spacing-100) are use as gap between columns. It's not possible to use column-gap because we use 2 different values for the gap. */
  grid-template-columns:
    1fr var(--prism-spacing-200) minmax(26px, 3%) var(--prism-spacing-100)
    minmax(26px, 3%);
}

.prism-bullet-graph .prism-bullet-graph__content .bars {
  align-items: center;
  background-color: var(--prism-color-background-neutral-default);
  border-radius: var(--background-and-bars-radius);
  display: flex;
  height: 16px;
  position: relative;
  width: 100%;
}

.prism-bullet-graph .prism-bullet-graph__content .bars .current-bar {
  background: var(--prism-color-chart-accent-primary-figure-default);
  border-radius: var(--background-and-bars-radius);
  height: 6px; /* as it is in Figma */
  position: absolute;
}

.prism-bullet-graph .prism-bullet-graph__content .bars .comparison-bar {
  background: var(--prism-color-chart-accent-secondary-figure-subdued);
  border-radius: var(--background-and-bars-radius);
  height: var(--prism-spacing-400);
}

.prism-bullet-graph .prism-bullet-graph__content .bars .mark-line {
  --width: 3px;

  border-right: var(--width) solid
    var(--prism-color-chart-accent-secondary-figure-emphasis);
  height: var(--prism-spacing-400);
  left: calc(var(--width) / 2);
  position: absolute;
}

.prism-bullet-graph .prism-bullet-graph__content .current-value {
  grid-column-start: 3;
}

.prism-bullet-graph .prism-bullet-graph__content .difference-value {
  grid-column-start: 5;
}

.prism-bullet-graph .prism-bullet-graph__content .difference-value--positive {
  color: var(--prism-color-text-success-default);
}

.prism-bullet-graph .prism-bullet-graph__content .difference-value--negative {
  color: var(--prism-color-text-critical-default);
}

.prism-view-switcher {
  --button-height: var(--prism-spacing-800);

  background: var(--prism-color-interactive-background-secondary-idle);
  border-radius: var(--prism-border-radius-100);
  display: inline-flex;
  padding: var(--prism-spacing-50);
  width: fit-content;
}

.prism-view-switcher .prism-view-switcher-list {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--prism-spacing-100);

  /* forces the list to be the same height as the buttons */
  height: var(--button-height);
}

.prism-view-switcher .prism-view-switcher-list .prism-view-switcher-list-item {
  /* centers the button vertically */
  display: flex;
}

.prism-view-switcher .prism-view-switcher-list .prism-view-switcher__button {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: var(--prism-border-radius-100);
  color: var(--prism-color-text-neutral-subdued);
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-family: inherit;
  gap: var(--prism-spacing-100);
  height: var(--button-height);

  /* justify content in the center so icons are centered */
  justify-content: center;
  padding: var(--prism-spacing-100) var(--prism-spacing-200);
}

.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button
  .prism-icon {
  color: var(--prism-color-icon-neutral-default);
}

.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button:focus-visible,
.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button[data-test-pseudo="focus"] {
  outline: var(--prism-spacing-50) solid
    var(--prism-color-interactive-border-focus);
  outline-offset: var(--prism-spacing-50);
}

.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button[data-test-pseudo="hover"]:not(
    .prism-view-switcher__button--selected
  ),
.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button:hover:not(
    .prism-view-switcher__button--selected,
    .prism-view-switcher__button--disabled
  ) {
  background: var(--prism-color-interactive-background-secondary-hover);
  transition: background-color 0.5s ease;
}

.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button--selected {
  background: var(--prism-color-elevation-surface);
  box-shadow: var(--prism-shadow-neutral-100);
  color: var(--prism-color-interactive-text-primary-pressed);
}

.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button--selected
  .prism-icon {
  color: var(--prism-color-icon-info-emphasis);
}

/* makes button width same as height when only an icon is present so the button is square */
.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button--icon-only {
  width: var(--button-height);
}

.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button--disabled {
  color: var(--prism-color-interactive-text-disabled);
  cursor: not-allowed;
}

.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button--disabled
  .prism-icon {
  color: var(--prism-color-interactive-icon-disabled);
}

.prism-combo-select-input {
  display: inline-block;
  max-width: 100%;
  user-select: none;
}

.prism-combo-select-input .prism-combo-select-input__trigger {
  --prism-border-radius: var(--prism-border-radius-100);

  align-items: center;
  border-radius: var(--prism-border-radius);
  display: flex;
  gap: var(--prism-spacing-100);
  min-height: 32px;
  padding: var(--prism-spacing-100) var(--prism-spacing-100)
    var(--prism-spacing-100) var(--prism-spacing-200);
  transition: background-color 0.12s ease-out;
}

.prism-combo-select-input
  .prism-combo-select-input__trigger.prism-combo-select-input__trigger--size-small {
  min-height: 24px;
  padding: var(--prism-spacing-50) var(--prism-spacing-100)
    var(--prism-spacing-50) var(--prism-spacing-200);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger.prism-combo-select-input__trigger--is-secondary {
  border: 2px solid var(--prism-color-interactive-border-neutral-idle);
}

.prism-combo-select-input .prism-combo-select-input__trigger .trigger__label,
.prism-combo-select-input
  .prism-combo-select-input__trigger
  .trigger__placeholder {
  flex-grow: 1;
}

@supports (-webkit-line-clamp: 2) {
  .prism-combo-select-input
    .prism-combo-select-input__trigger
    .trigger__label:not(.truncate),
  .prism-combo-select-input
    .prism-combo-select-input__trigger
    .trigger__placeholder:not(.truncate) {
    /* stylelint-disable-next-line property-no-deprecated */
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}

@supports not (-webkit-line-clamp: 2) {
  .prism-combo-select-input
    .prism-combo-select-input__trigger
    .trigger__label:not(.truncate),
  .prism-combo-select-input
    .prism-combo-select-input__trigger
    .trigger__placeholder:not(.truncate) {
    overflow: hidden;
    text-overflow: ellipsis;

    /* We're not extending the class since @extend in a @supports block doesn't seem to work */
    white-space: nowrap;
  }
}

/* Override ember-power-select-trigger's default styling, should be removed once we no longer apply the styles by default */
.prism-combo-select-input
  .prism-combo-select-input__trigger.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],
.prism-combo-select-input
  .prism-combo-select-input__trigger.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded="true"] {
  border-radius: var(--prism-border-radius);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger.ember-power-select-trigger::after {
  content: unset;
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not([aria-disabled="true"])
  .trigger__label {
  color: var(--prism-color-text-neutral-default);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not([aria-disabled="true"])
  .trigger__placeholder {
  color: var(--prism-color-interactive-text-placeholder);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not([aria-disabled="true"]):hover,
.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  )[data-test-pseudo="hover"] {
  cursor: pointer;
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-default {
  background-color: var(--prism-color-interactive-background-secondary-idle);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-default:hover,
.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-default[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-secondary-hover);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-default:active,
.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-default[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-secondary-pressed);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-secondary {
  background-color: var(--prism-color-elevation-surface);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-secondary:hover,
.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-secondary[data-test-pseudo="hover"] {
  border-color: var(--prism-color-interactive-border-neutral-hover);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-secondary:active,
.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-secondary[data-test-pseudo="active"] {
  border-color: var(--prism-color-interactive-border-neutral-pressed);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not([aria-disabled="true"]):focus-visible,
.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  )[data-test-pseudo="focus"] {
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: 2px;
}

.prism-combo-select-input
  .prism-combo-select-input__trigger[aria-disabled="true"] {
  color: var(--prism-color-interactive-text-disabled);
  cursor: not-allowed;
}

.prism-combo-select-input
  .prism-combo-select-input__trigger[aria-disabled="true"].prism-combo-select-input__trigger--is-secondary {
  background-color: var(--prism-color-interactive-background-disabled);
  border: none;
}

.prism-combo-select-input .prism-combo-select-input__unsafe-navigation-trigger {
  align-items: center;
  color: var(--prism-color-interactive-text-secondary-idle);
  cursor: pointer;
  display: flex;
  gap: var(--prism-spacing-100);
  height: 60px;
  padding: 0 var(--prism-spacing-200);

  /* Make sure the interaction colors only change for inactive tabs */
}

.prism-combo-select-input
  .prism-combo-select-input__unsafe-navigation-trigger::after {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  bottom: 0;
  content: " ";
  height: 0;

  /* Needed to have it start at the true edge, otherwise will be next to the padding */
  left: 0;

  /* added absolute positioning to make sure it does not affect the text being in the middle */
  position: absolute;
  transition: 0.15s ease-out;
  width: 100%;
}

.prism-combo-select-input
  .prism-combo-select-input__unsafe-navigation-trigger:not(
    .prism-combo-select-input
      .prism-combo-select-input__unsafe-navigation-trigger.prism-combo-select-input__unsafe-navigation-trigger--is-active
  ):hover {
  color: var(--prism-color-interactive-text-secondary-hover);
}

.prism-combo-select-input
  .prism-combo-select-input__unsafe-navigation-trigger:not(
    .prism-combo-select-input
      .prism-combo-select-input__unsafe-navigation-trigger.prism-combo-select-input__unsafe-navigation-trigger--is-active
  ):hover::after {
  background-color: var(--prism-color-interactive-border-neutral-hover);
  height: 4px;
}

.prism-combo-select-input
  .prism-combo-select-input__unsafe-navigation-trigger:not(
    .prism-combo-select-input
      .prism-combo-select-input__unsafe-navigation-trigger.prism-combo-select-input__unsafe-navigation-trigger--is-active
  ):active {
  color: var(--prism-color-interactive-text-secondary-pressed);
}

.prism-combo-select-input
  .prism-combo-select-input__unsafe-navigation-trigger:not(
    .prism-combo-select-input
      .prism-combo-select-input__unsafe-navigation-trigger.prism-combo-select-input__unsafe-navigation-trigger--is-active
  ):active::after {
  background-color: var(--prism-color-interactive-border-neutral-pressed);
  height: 4px;
}

.prism-combo-select-input
  .prism-combo-select-input__unsafe-navigation-trigger.prism-combo-select-input__unsafe-navigation-trigger--is-active {
  color: var(--prism-color-interactive-text-secondary-pressed);
  font-weight: var(--prism-font-weight-text-300-bold);
}

.prism-combo-select-input
  .prism-combo-select-input__unsafe-navigation-trigger.prism-combo-select-input__unsafe-navigation-trigger--is-active::after {
  background-color: var(--prism-color-border-brand-emphasis);
  height: 4px;
}

.prism-combo-select-input .unsafe-multiple-selection-immediate-trigger {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: var(--prism-spacing-100);
  max-height: 100px;
  overflow: auto;
}

.prism-combo-select-input
  .unsafe-multiple-selection-immediate-trigger
  .unsafe-multiple-selection-immediate-trigger__container {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  display: flex;
  gap: var(--prism-spacing-100);
  padding: var(--prism-spacing-50) var(--prism-spacing-100);
}

.prism-combo-select-input
  .unsafe-multiple-selection-immediate-trigger
  .unsafe-multiple-selection-immediate-trigger__label {
  color: var(--prism-color-text-neutral-default);
  white-space: nowrap;
}

.prism-combo-select-input
  .unsafe-multiple-selection-immediate-trigger
  .unsafe-multiple-selection-immediate-trigger__placeholder {
  color: var(--prism-color-interactive-text-placeholder);
  flex-grow: 1;
}

.prism-combo-select-input
  .unsafe-multiple-selection-immediate-trigger
  .unsafe-multiple-selection-immediate-trigger__remove-button {
  color: var(--prism-color-interactive-text-secondary-idle);
}

.prism-combo-select-input
  .unsafe-multiple-selection-immediate-trigger
  .unsafe-multiple-selection-immediate-trigger__remove-button:hover {
  color: var(--prism-color-interactive-text-secondary-hover);
}

/* The dropdown will mostly be rendered outside of the combo-select-input element, hence why it's not nested in the above selector */
.prism-combo-select-input__dropdown {
  border-radius: 8px;
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  user-select: none;
  z-index: 1200;
}

/* Overrides the default ember-basic-dropdown styles to support Theming. */
.prism-combo-select-input__dropdown.ember-basic-dropdown-content {
  background-color: var(--prism-color-elevation-surface);
}

/* Only the first options should have a max height and be scrollable, .ember-power-select-options is rendered multiple times for groups */
.prism-combo-select-input__dropdown.prism-combo-select-input__dropdown--has-max-height
  > .ember-power-select-options:not(
    .unsafe-infinite-scroll-options__ember-power-select-options
  ),
.prism-combo-select-input__dropdown.prism-combo-select-input__dropdown--has-max-height
  .dropdown__unsafe-infinite-scroll-options {
  max-height: 260px;
}

.prism-combo-select-input__dropdown.prism-combo-select-input__dropdown--has-max-height
  > .ember-power-select-options:not(
    .unsafe-infinite-scroll-options__ember-power-select-options
  ) {
  overflow-y: auto;
}

.prism-combo-select-input__dropdown.prism-combo-select-input__dropdown--has-max-height
  .dropdown__unsafe-infinite-scroll-options {
  overflow-y: auto;
}

/* When using a navigation trigger, there's no empty space between trigger and dropdown content, to make sure the open on hover works correctly */
.prism-combo-select-input__dropdown:not(
    .prism-combo-select-input__dropdown--unsafe-is-navigation-trigger
  ).ember-basic-dropdown-content--above {
  /* translateY works more consistently than margin-top/bottom since the element is positioned absolutely */
  transform: translateY(calc(var(--prism-spacing-100) * -1));
}

.prism-combo-select-input__dropdown:not(
    .prism-combo-select-input__dropdown--unsafe-is-navigation-trigger
  ).ember-basic-dropdown-content--below {
  /* translateY works more consistently than margin-top/bottom since the element is positioned absolutely */
  transform: translateY(var(--prism-spacing-100));
}

.prism-combo-select-input__dropdown .prism-combo-select-input__search,
.prism-combo-select-input__dropdown
  .prism-combo-select-input__multiple-selection-before-options {
  border-bottom: 1px solid var(--prism-color-border-neutral-emphasis);
}

.prism-combo-select-input__dropdown .prism-combo-select-input__search {
  display: flex;
  flex-direction: column;
  padding: var(--prism-spacing-200);
}

.prism-combo-select-input__dropdown
  .prism-combo-select-input__multiple-selection-before-options {
  display: flex;
  flex-direction: column;
}

.prism-combo-select-input__dropdown
  .prism-combo-select-input__search-container {
  display: flex;
  flex-direction: column;
  padding: var(--prism-spacing-200);
}

.prism-combo-select-input__dropdown .prism-combo-select-input__option-content {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-200);
  width: 100%;
}

.prism-combo-select-input__dropdown
  .prism-combo-select-input__multiple-option-row {
  align-items: center;
  display: flex;
  flex-grow: 1;
  gap: var(--prism-spacing-200);
  justify-content: space-between;
}

.prism-combo-select-input__dropdown .ember-power-select-option,
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__select-all,
.prism-combo-select-input__dropdown .multiple-selection-group__option {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: var(--prism-spacing-200);
  min-height: 40px;
  padding: 0 var(--prism-spacing-300) 0 var(--prism-spacing-300);
  transition: background-color 0.12s ease-out;
}

.prism-combo-select-input__dropdown
  .multiple-selection-before-options__select-all {
  white-space: nowrap;
}

.prism-combo-select-input__dropdown
  .ember-power-select-option[aria-disabled="true"] {
  color: var(--prism-color-interactive-text-disabled);

  /*
    ember-power-select sets pointer-events to none, which prevents us from
    showing a tooltip. So we override it again.
  */
  pointer-events: unset;
}

.prism-combo-select-input__dropdown
  .ember-power-select-option.ember-power-select-option--no-matches-message,
.prism-combo-select-input__dropdown
  .ember-power-select-option.ember-power-select-option--loading-message,
.prism-combo-select-input__dropdown
  .ember-power-select-option.ember-power-select-option--search-message {
  cursor: default;
  font-size: var(--prism-font-size-text-300-regular);
  font-weight: var(--prism-font-weight-text-300-regular);
  line-height: var(--prism-font-line-height-text-300-regular);
}

.prism-combo-select-input__dropdown
  .ember-power-select-option[aria-current="true"],
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__select-all:hover,
.prism-combo-select-input__dropdown .multiple-selection-group__option:hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.prism-combo-select-input__dropdown .ember-power-select-group:not(:last-child) {
  border-bottom: 1px solid var(--prism-color-border-neutral-emphasis);
}

.prism-combo-select-input__dropdown:not(
    .prism-combo-select-input__dropdown--is-multiple-confirm
  )
  .ember-power-select-option[aria-selected="true"]:not([aria-current="true"]) {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

/* We only support one level of nesting at the moment */
.prism-combo-select-input__dropdown
  .multiple-selection-group
  .ember-power-select-option {
  padding-left: var(--prism-spacing-600);
}

.prism-combo-select-input__dropdown .ember-power-select-group-name {
  display: block;
  font-size: var(--prism-font-size-text-300-bold);
  font-weight: var(--prism-font-weight-text-300-bold);
  line-height: var(--prism-font-line-height-text-300-bold);
  overflow: hidden;
  padding: var(--prism-spacing-400) var(--prism-spacing-300)
    var(--prism-spacing-200) var(--prism-spacing-300);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prism-combo-select-input__dropdown .unsafe-collapsible-group-back-option,
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__back-label {
  border-bottom: 1px solid var(--prism-color-border-neutral-emphasis);
}

.prism-combo-select-input__dropdown .unsafe-collapsible-group,
.prism-combo-select-input__dropdown .unsafe-collapsible-selectable-group,
.prism-combo-select-input__dropdown .unsafe-collapsible-group-back-option,
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__back-label {
  display: flex;
  min-height: 40px;
}

.prism-combo-select-input__dropdown .unsafe-collapsible-group,
.prism-combo-select-input__dropdown .unsafe-collapsible-group-back-option,
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__back-label {
  align-items: center;
  gap: var(--prism-spacing-200);
  justify-content: space-between;
  padding: 0 var(--prism-spacing-300) 0 var(--prism-spacing-300);
  transition: background-color 0.12s ease-out;
}

.prism-combo-select-input__dropdown
  .unsafe-collapsible-group:hover:not(
    .prism-combo-select-input__dropdown
      .unsafe-collapsible-group.unsafe-collapsible-group--expanded,
    .prism-combo-select-input__dropdown
      .unsafe-collapsible-group-back-option.unsafe-collapsible-group--expanded,
    .prism-combo-select-input__dropdown
      .multiple-selection-before-options__back-label.unsafe-collapsible-group--expanded
  ),
.prism-combo-select-input__dropdown
  .unsafe-collapsible-group-back-option:hover:not(
    .prism-combo-select-input__dropdown
      .unsafe-collapsible-group.unsafe-collapsible-group--expanded,
    .prism-combo-select-input__dropdown
      .unsafe-collapsible-group-back-option.unsafe-collapsible-group--expanded,
    .prism-combo-select-input__dropdown
      .multiple-selection-before-options__back-label.unsafe-collapsible-group--expanded
  ),
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__back-label:hover:not(
    .prism-combo-select-input__dropdown
      .unsafe-collapsible-group.unsafe-collapsible-group--expanded,
    .prism-combo-select-input__dropdown
      .unsafe-collapsible-group-back-option.unsafe-collapsible-group--expanded,
    .prism-combo-select-input__dropdown
      .multiple-selection-before-options__back-label.unsafe-collapsible-group--expanded
  ) {
  background-color: var(--prism-color-interactive-background-ghost-hover);
  cursor: pointer;
}

.prism-combo-select-input__dropdown
  .unsafe-collapsible-group.unsafe-collapsible-group--expanded,
.prism-combo-select-input__dropdown
  .unsafe-collapsible-group-back-option.unsafe-collapsible-group--expanded,
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__back-label.unsafe-collapsible-group--expanded {
  color: var(--prism-color-interactive-text-disabled);
}

.prism-combo-select-input__dropdown
  .unsafe-collapsible-group
  .unsafe-collapsible-group__label,
.prism-combo-select-input__dropdown
  .unsafe-collapsible-group-back-option
  .unsafe-collapsible-group__label,
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__back-label
  .unsafe-collapsible-group__label {
  flex-grow: 1;
}

.prism-combo-select-input__dropdown .unsafe-collapsible-selectable-group {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-200);
  justify-content: space-between;
  padding-left: var(--prism-spacing-300);
  padding-right: var(--prism-spacing-200);
  transition: background-color 0.12s ease-out;
}

.prism-combo-select-input__dropdown .unsafe-collapsible-group__content {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-200);
}

.prism-combo-select-input__dropdown
  .unsafe-collapsible-group-back-option__content {
  display: flex;
  gap: var(--prism-spacing-200);
}

.prism-combo-select-input__dropdown .unsafe-collapsible-selectable-group:hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
  cursor: pointer;
}

/* Removes default browser icons for search inputs */
.prism-combo-select-input__dropdown
  .prism-combo-select-input__search
  input[type="search"]::-webkit-search-decoration,
.prism-combo-select-input__dropdown
  .prism-combo-select-input__search
  input[type="search"]::-webkit-search-cancel-button,
.prism-combo-select-input__dropdown
  .prism-combo-select-input__search
  input[type="search"]::-webkit-search-results-button,
.prism-combo-select-input__dropdown
  .prism-combo-select-input__search
  input[type="search"]::-webkit-search-results-decoration {
  appearance: none;
}

.prism-combo-select-input__dropdown .multiple-select-option {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-200);
  overflow: hidden;
}

.prism-combo-select-input__dropdown
  .multiple-selection-before-options__checkbox {
  display: flex;
  flex: 1;
  gap: var(--prism-spacing-200);
  justify-content: space-between;
}

.prism-combo-select-input__dropdown .multiple-select-option__checkbox-container,
.prism-combo-select-input__dropdown
  .multiple-selection-group__checkbox-container,
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__checkbox {
  pointer-events: none;
}

.prism-combo-select-input__dropdown .multiple-select-option__checkbox-container,
.prism-combo-select-input__dropdown
  .multiple-selection-group__checkbox-container,
.prism-combo-select-input__dropdown .multiple-select-option__unsafe-bullet {
  flex-shrink: 0;
}

.prism-combo-select-input__dropdown .multiple-select-option__unsafe-bullet {
  border-radius: var(--prism-border-radius-circle);
  display: inline-block;
  height: 8px;
  width: 8px;
}

.prism-combo-select-input__dropdown .option__label,
.prism-combo-select-input__dropdown .multiple-select-option__label,
.prism-combo-select-input__dropdown .option__unsafe-sub-label-container,
.prism-combo-select-input__dropdown
  .multiple-select-option__unsafe-sub-label-container {
  flex-grow: 1;
}

.prism-combo-select-input__dropdown .option__unsafe-sub-label-container,
.prism-combo-select-input__dropdown
  .multiple-select-option__unsafe-sub-label-container {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-50);
  overflow: hidden;
  padding-bottom: var(--prism-spacing-200);
  padding-top: var(--prism-spacing-200);
}

.prism-combo-select-input__dropdown .option__unsafe-sub-label,
.prism-combo-select-input__dropdown .multiple-select-option__unsafe-sub-label {
  color: var(--prism-color-text-neutral-subdued);
}

.prism-combo-select-input__dropdown .dropdown__unsafe-additional-action,
.prism-combo-select-input__dropdown
  .dropdown__unsafe-create-when-no-matches-action {
  display: flex;
  flex-direction: column;
  padding: var(--prism-spacing-200);

  /* Prevents the action from shrinking when no options are shown */
  white-space: nowrap;
}

.prism-combo-select-input__dropdown .dropdown__unsafe-additional-action {
  border-top: 1px solid var(--prism-color-border-neutral-emphasis);
}

.prism-message {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 480px;
  padding: var(--prism-spacing-500);
  row-gap: var(--prism-spacing-500);
  text-align: center;
}

.prism-message__illustration {
  width: 100px;
}

.prism-message__title {
  color: var(--prism-color-text-neutral-emphasis);
}

.prism-message__description {
  color: var(--prism-color-text-neutral-default);
}

.prism-message__actions {
  display: flex;
  gap: var(--prism-spacing-200);
}

.prism-radio-group--vertical {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-400);
}

.prism-radio-group--horizontal {
  display: flex;
  flex-direction: row;
}

.prism-radio-group--horizontal .prism-radio {
  margin-right: var(--prism-spacing-400);
}

/* Default */
.prism-radio-group .prism-radio {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
}

/* Hide the browser's default radio button */
.prism-radio-group .prism-radio input {
  appearance: none;
  margin: 0;
}

.prism-radio-group .prism-radio input:focus-visible ~ .prism-radio__circle,
.prism-radio-group
  .prism-radio
  input[data-test-pseudo="focus"]
  ~ .prism-radio__circle {
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: 2px;
}

/* Create a custom radio button */
/* stylelint-disable-next-line no-descending-specificity */
.prism-radio-group .prism-radio .prism-radio__circle {
  background: var(--prism-color-elevation-surface);
  border-color: var(--prism-color-interactive-border-neutral-idle);
  border-radius: var(--prism-border-radius-circle);
  border-style: solid;
  border-width: 2px;
  flex-shrink: 0;
  height: 16px;
  margin-top: calc(
    (var(--prism-font-line-height-text-300-regular) - 16px) / 2
  ); /* Center vertically when only one line of text is present */

  position: relative;
  width: 16px;
}

.prism-radio-group .prism-radio .prism-radio__circle--small {
  margin-top: 0;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.prism-radio-group .prism-radio .prism-radio__circle::after {
  border-radius: var(--prism-border-radius-circle);
  content: "";
  height: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
}

.prism-radio-group .prism-radio .prism-radio__label {
  color: var(--prism-color-text-neutral-default);
  margin-left: var(--prism-spacing-200);
}

/* Checked */
.prism-radio-group .prism-radio input:checked ~ .prism-radio__circle {
  background: var(--prism-color-interactive-background-primary-idle);
  border-color: var(--prism-color-interactive-background-primary-idle);
}

.prism-radio-group .prism-radio input:checked ~ .prism-radio__circle::after {
  background: var(--prism-color-icon-inverse);
}

.prism-radio-group
  .prism-radio:hover:not(
    .prism-radio-group .prism-radio--disabled,
    .prism-radio-group .prism-radio[data-test-pseudo="disabled"]
  )
  input
  ~ .prism-radio__circle,
.prism-radio-group
  .prism-radio[data-test-pseudo="hover"]:not(
    .prism-radio-group .prism-radio--disabled,
    .prism-radio-group .prism-radio[data-test-pseudo="disabled"]
  )
  input
  ~ .prism-radio__circle {
  background: var(--prism-color-elevation-surface);
  border-color: var(--prism-color-interactive-border-neutral-hover);
}

.prism-radio-group
  .prism-radio:hover:not(
    .prism-radio-group .prism-radio--disabled,
    .prism-radio-group .prism-radio[data-test-pseudo="disabled"]
  )
  input:checked
  ~ .prism-radio__circle,
.prism-radio-group
  .prism-radio[data-test-pseudo="hover"]:not(
    .prism-radio-group .prism-radio--disabled,
    .prism-radio-group .prism-radio[data-test-pseudo="disabled"]
  )
  input:checked
  ~ .prism-radio__circle {
  background: var(--prism-color-interactive-background-primary-hover);
  border-color: var(--prism-color-interactive-background-primary-hover);
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-radio-group
  .prism-radio:active:not(
    .prism-radio-group .prism-radio--disabled,
    .prism-radio-group .prism-radio[data-test-pseudo="disabled"]
  )
  input
  ~ .prism-radio__circle,
/* stylelint-disable-next-line no-descending-specificity */
.prism-radio-group
  .prism-radio[data-test-pseudo="active"]:not(
    .prism-radio-group .prism-radio--disabled,
    .prism-radio-group .prism-radio[data-test-pseudo="disabled"]
  )
  input
  ~ .prism-radio__circle {
  background: var(--prism-color-elevation-surface);
  border-color: var(--prism-color-interactive-border-neutral-pressed);
  box-shadow: var(--prism-shadow-neutral-inset);
}

.prism-radio-group
  .prism-radio:active:not(
    .prism-radio-group .prism-radio--disabled,
    .prism-radio-group .prism-radio[data-test-pseudo="disabled"]
  )
  input:checked
  ~ .prism-radio__circle,
.prism-radio-group
  .prism-radio[data-test-pseudo="active"]:not(
    .prism-radio-group .prism-radio--disabled,
    .prism-radio-group .prism-radio[data-test-pseudo="disabled"]
  )
  input:checked
  ~ .prism-radio__circle {
  background: var(--prism-color-interactive-background-primary-pressed);
  border-color: var(--prism-color-interactive-background-primary-pressed);
}

.prism-radio-group .prism-radio--disabled,
.prism-radio-group .prism-radio[data-test-pseudo="disabled"] {
  cursor: not-allowed;
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-radio-group .prism-radio--disabled input ~ .prism-radio__circle,
/* stylelint-disable-next-line no-descending-specificity */
.prism-radio-group
  .prism-radio[data-test-pseudo="disabled"]
  input
  ~ .prism-radio__circle {
  background: var(--prism-color-interactive-background-disabled);
  border-color: var(--prism-color-interactive-background-disabled);
  box-shadow: none;
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-radio-group .prism-radio--disabled input:checked ~ .prism-radio__circle,
/* stylelint-disable-next-line no-descending-specificity */
.prism-radio-group
  .prism-radio[data-test-pseudo="disabled"]
  input:checked
  ~ .prism-radio__circle {
  background: var(--prism-color-interactive-background-disabled);
  border-color: var(--prism-color-interactive-background-disabled);
  box-shadow: none;
}

.prism-radio-group
  .prism-radio--disabled
  input:checked
  ~ .prism-radio__circle::after,
.prism-radio-group
  .prism-radio[data-test-pseudo="disabled"]
  input:checked
  ~ .prism-radio__circle::after {
  background: var(--prism-color-icon-inverse);
}

.prism-radio-group .prism-radio--disabled .prism-radio__label,
.prism-radio-group
  .prism-radio[data-test-pseudo="disabled"]
  .prism-radio__label {
  color: var(--prism-color-interactive-text-disabled);
}

/* https://codepen.io/holdencreative/pen/vEVbwv */
.prism-loading-bar {
  background-clip: padding-box;
  border-radius: var(--prism-border-radius-50);
  display: block;
  height: 4px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}

.prism-loading-bar--fixed {
  position: fixed;
}

.prism-loading-bar__indeterminate {
  background-color: var(--prism-color-chart-accent-primary-figure-default);
}

.prism-loading-bar__indeterminate::before {
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  background-color: inherit;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  will-change: left, right;
}

.prism-loading-bar__indeterminate::after {
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
    infinite;
  animation-delay: 1.15s;
  background-color: inherit;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  will-change: left, right;
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }

  60% {
    left: 100%;
    right: -90%;
  }

  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }

  60% {
    left: 100%;
    right: -90%;
  }

  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }

  60% {
    left: 107%;
    right: -8%;
  }

  100% {
    left: 107%;
    right: -8%;
  }
}

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }

  60% {
    left: 107%;
    right: -8%;
  }

  100% {
    left: 107%;
    right: -8%;
  }
}

.prism-loading--spinner {
  animation: prism-loading-spin 1.2s linear infinite;
}

@keyframes prism-loading-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.prism-input {
  display: inline-flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding-bottom: var(--prism-spacing-500);
}

.prism-input textarea {
  resize: none; /* Removes the option for the user to resize the textarea (which can mess with the layout) */
}

.prism-input input,
.prism-input textarea {
  background: transparent;
  border: none;
  color: var(--prism-color-text-neutral-default);
  flex-grow: 1;
  font-family: inherit;
  margin: 0; /* For consistent rendering across browsers (safari) */
  min-height: var(--prism-spacing-700);
  min-width: 0;
  padding: var(--prism-spacing-50) 0 var(--prism-spacing-50)
    var(--prism-spacing-200);
  width: 100%;
}

.prism-input input.prism-input__input--small,
.prism-input input.prism-input__textarea--small,
.prism-input textarea.prism-input__input--small,
.prism-input textarea.prism-input__textarea--small {
  min-height: var(--prism-spacing-600);
}

.prism-input input:focus,
.prism-input textarea:focus {
  outline: none;
}

.prism-input input::placeholder,
.prism-input textarea::placeholder {
  color: var(--prism-color-interactive-text-placeholder);
}

.prism-input input:disabled,
.prism-input textarea:disabled {
  cursor: not-allowed;
}

.prism-input input:disabled::placeholder,
.prism-input textarea:disabled::placeholder {
  color: var(--prism-color-interactive-text-disabled);
}

.prism-input__wrapper {
  align-items: center;
  background-color: var(--prism-color-elevation-surface);
  border-color: var(--prism-color-interactive-border-neutral-idle);
  border-radius: var(--prism-border-radius-100);
  border-style: solid;
  border-width: var(--prism-spacing-50);
  display: flex;
  flex: 1;
  gap: var(--prism-spacing-200);
  padding-right: var(--prism-spacing-200);
  position: relative;
}

.prism-input__wrapper:focus-within {
  outline: var(--prism-spacing-50) solid
    var(--prism-color-interactive-border-focus);
  outline-offset: var(--prism-spacing-50);
}

.prism-input__wrapper:hover {
  border-color: var(--prism-color-interactive-border-neutral-hover);
}

.prism-input__label {
  align-items: center;
  color: var(--prism-color-text-neutral-default);
  display: flex;
  gap: var(--prism-spacing-50);
  margin-bottom: var(--prism-spacing-100);
}

.prism-input .prism-input__label__required-indicator {
  color: var(--prism-color-text-neutral-default);
  font-weight: var(--prism-font-weight-text-200-bold);
}

.prism-input:focus-within .prism-input__label__required-indicator {
  color: var(--prism-color-text-critical-default);
}

.prism-input--disabled .prism-input__wrapper {
  background-color: var(--prism-color-interactive-background-disabled);
  border-color: var(--prism-color-interactive-border-neutral-idle);
  cursor: not-allowed;
}

.prism-input--disabled .prism-input__indicators__counter {
  color: var(--prism-color-interactive-text-disabled);
}

.prism-input--fill-height {
  height: 100%;
}

.prism-input--fill-height .prism-input__wrapper {
  height: 100%;
}

.prism-input--fill-height .prism-input__wrapper textarea {
  height: 100%;
}

.prism-input:not(.prism-input--disabled)
  .prism-input__wrapper:has(input:active) {
  border-color: var(--prism-color-interactive-border-neutral-pressed);
}

.prism-input .prism-input__content-options {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-400);
}

.prism-input .prism-input__content-options .prism-input__inline-label {
  color: var(--prism-color-general-neutral-700);
  white-space: nowrap;
}

.prism-input .prism-input__content-options .prism-input__indicators__counter {
  color: var(--prism-color-general-neutral-700);
}

.prism-input.prism-input--error
  .prism-input__content-options
  .prism-input__indicators__counter {
  color: var(--prism-color-text-critical-default);
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-input.prism-input--error .prism-input__wrapper {
  border-color: var(--prism-color-interactive-background-critical-idle);
}

.prism-input.prism-input--error:not(.prism-input--disabled)
  .prism-input__wrapper:hover {
  border-color: var(--prism-color-interactive-background-critical-hover);
}

.prism-input.prism-input--error:not(.prism-input--disabled)
  .prism-input__wrapper:has(input:active) {
  border-color: var(--prism-color-interactive-background-critical-pressed);
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-input.prism-input--warning .prism-input__wrapper {
  border-color: var(--prism-color-interactive-background-warning-idle);
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-input.prism-input--warning:not(.prism-input--disabled)
  .prism-input__wrapper:hover {
  border-color: var(--prism-color-interactive-border-warning-hover);
}

.prism-input.prism-input--warning:not(.prism-input--disabled)
  .prism-input__wrapper:has(input:active) {
  border-color: var(--prism-color-interactive-border-warning-pressed);
}

.prism-input .prism-input__help-text {
  color: var(--prism-color-general-neutral-700);
  margin-left: var(--prism-spacing-50);
  margin-top: var(--prism-spacing-100);
}

.prism-input__error-message {
  color: var(--prism-color-text-critical-default);
}

.prism-input__warning-message {
  color: var(--prism-color-text-warning-default);
}

.prism-input__error-message,
.prism-input__warning-message {
  display: flex;
  gap: var(--prism-spacing-100);
  margin-top: var(--prism-spacing-100);
  min-height: var(--prism-spacing-500);
}

.prism-input__button-icon-after--clickable,
.prism-input__button-clear {
  cursor: pointer;
}

.prism-input--no-padding {
  padding-bottom: 0;
}

.prism-data-bar-basic {
  background-color: var(--prism-color-chart-neutral-figure-empty);
  border-radius: var(--prism-border-radius-pill);
  display: flex;
  height: var(--prism-spacing-200);
  overflow: hidden;
  position: relative;
  width: 100%;
}

.prism-data-bar-basic .data-bar-container {
  background-color: var(--prism-color-chart-neutral-figure-empty);
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.prism-data-bar-basic--left {
  border-radius: var(--prism-border-radius-pill) 0 0
    var(--prism-border-radius-pill);
}

.prism-data-bar-basic--right {
  border-radius: 0 var(--prism-border-radius-pill)
    var(--prism-border-radius-pill) 0;
}

.prism-data-bar-basic .data-bar {
  /* We add this style to prevent external overrides (there is a loading bar also named progress-bar) */
  border-radius: 0;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.prism-data-bar-basic .data-bar-reverse {
  position: absolute;
  right: 0;
  top: 0;
}

.prism-data-bar-basic .data-bar--gradient {
  background: var(--gradient-brand-figure);
}

.prism-data-bar-basic .data-bar--striped {
  background-color: var(--prism-color-elevation-surface);

  /*
    Format the SVG as a URL
    Taken from: https://gist.github.com/JacobDB/0ffffaf8e772c12acf7102edb8a302be
  */
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2233%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22%23c11d25%22%20d%3D%22M%200%20-1%20L%2018%2017%20M%203%20-1%20L%2018%2014%20M%20-1%201%20L%2018%2020%20M%20-1%204%20L%2018%2023%20M%206%20-1%20L%2018%2011%20M%209%20-1%20L%2018%208%20M%20-1%207%20L%2018%2026%20M%20-1%2010%20L%2018%2029%20M%20-1%2013%20L%2018%2032%20M%2012%20-1%20L%2018%205%20M%2015%20-1%20L%2019%203%20M%2015%2032%20L%20-1%2016%20M%2012%2032%20L%20-1%2019%20M%209%2032%20L%20-1%2022%20M%206%2032%20L%20-1%2025%20M%203%2032%20L%20-1%2028%22%2F%3E%3C%2Fsvg%3E");
  border: 1px solid var(--prism-color-general-critical-400);
}

.prism-data-bar-plotted-points-container {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: var(--prism-spacing-200);
}

.prism-data-bar-plotted-points-container .data-bar-plotted-points-value {
  color: var(--prism-color-text-neutral-subdued);
  white-space: nowrap;
}

.prism-data-bar-plotted-points-container .data-bar-plotted-points {
  background-color: var(--prism-color-background-info-subdued);
  border-radius: var(--prism-border-radius-pill);
  display: flex;
  height: 8px;
  margin-left: var(--prism-spacing-200);
  margin-right: var(--prism-spacing-200);
  overflow: hidden;
  position: relative;
  width: 100%;
}

.prism-data-bar-plotted-points-container
  .data-bar-plotted-points
  .data-bar__inner-container {
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  width: 100%;
}

.prism-data-bar-plotted-points-container
  .data-bar-plotted-points
  .data-bar__item {
  background-color: var(--prism-color-chart-accent-primary-figure-subdued);
  height: 100%;
  position: absolute;
  width: 2px;
}

.prism-data-bar-plotted-points-container
  .data-bar-plotted-points
  .data-bar__item.main-point {
  background-color: var(--prism-color-chart-categorical-01);
}

.prism-data-bar-symmetric-with-value {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.prism-data-bar-symmetric-with-value .prism-data-bar-label-value-target {
  width: 50%;
}

.prism-data-bar-symmetric-with-value
  .prism-data-bar-label-value-target:not(:first-child) {
  margin-left: var(--prism-spacing-100);
}

.prism-data-bar-label-value-target {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.prism-data-bar-label-value-target .label-and-value-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.prism-data-bar-label-value-target .data-bar-content {
  display: flex;
  position: relative;
}

.prism-data-bar-label-value-target .data-bar-target {
  background-color: var(--prism-color-chart-accent-primary-figure-emphasis);
  border-radius: var(--prism-border-radius-300);
  height: var(--prism-spacing-300);
  outline: 1px solid var(--prism-color-border-inverse-emphasis);
  position: absolute;
  top: -2px;
  width: 3px;
}

.prism-data-bar-label-value-target .label-and-value-container__label-slot {
  overflow: hidden;
}

.prism-data-bar-label-value-target .data-bar-label,
.prism-data-bar-label-value-target .data-bar-top-value {
  color: var(--prism-color-text-neutral-default);
  flex-wrap: nowrap;
  padding-bottom: var(--prism-spacing-200);
}

.prism-data-bar-label-value-target .data-bar-label {
  align-items: center;
  display: flex;
  justify-content: center;
}

.prism-data-bar-label-value-target .data-bar-label__tooltip {
  margin-left: var(--prism-spacing-100);
}

.prism-data-bar-label-value-target .data-bar-value {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--prism-spacing-100);
  justify-content: center;
  padding-bottom: var(--prism-spacing-200);
  white-space: nowrap;
}

.prism-data-bar-label-value-target .data-value-content {
  display: flex;
  margin-top: var(--prism-spacing-100);
  width: 100%;
}

.prism-data-bar-label-value-target .data-value-content .data-value {
  overflow: hidden;
  position: relative;
}

.prism-button.prism-button--loading {
  position: relative;
}

.prism-button.prism-button--loading * {
  visibility: hidden;
}

.prism-button.prism-button--loading .prism-button--loading-message {
  display: none;
}

.prism-button.prism-button--loading .prism-button--loading-spinner {
  align-items: center;
  display: flex;
  height: 100%;
  inset: 0;
  justify-content: center;
  position: absolute;
  visibility: visible;
  width: 100%;
}

.prism-button.prism-button--loading .prism-button--loading-spinner svg * {
  visibility: visible;
}

.prism-checkbox {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
}

.prism-checkbox--disabled {
  cursor: not-allowed;
}

.prism-checkbox .prism-checkbox__checkmark {
  background-color: var(--prism-color-elevation-surface);
  border-color: var(--prism-color-interactive-border-neutral-idle);
  border-radius: var(--prism-border-radius-100);
  border-style: solid;
  border-width: var(--prism-spacing-50);
  color: var(--prism-color-icon-inverse);
  display: grid;
  height: var(--prism-spacing-400);

  /* Center vertically when only one line of text is present */
  margin-top: calc(
    (
        var(--prism-font-line-height-text-300-regular) -
          var(--prism-spacing-400)
      ) /
      2
  );
  max-width: var(--prism-spacing-400);
  min-width: var(--prism-spacing-400);
  place-content: center;
  transition: all 0.12s ease-out;
  width: var(--prism-spacing-400);
}

.prism-checkbox .prism-checkbox__checkmark--small {
  margin-top: 0;
}

.prism-checkbox .prism-checkbox__label {
  color: var(--prism-color-text-neutral-default);
  margin-left: var(--prism-spacing-200);
}

.prism-checkbox .prism-checkbox__label--disabled {
  color: var(--prism-color-interactive-text-disabled);
}

.prism-checkbox input {
  appearance: none;
  margin: 0;
}

.prism-checkbox input:hover ~ .prism-checkbox__checkmark {
  border-color: var(--prism-color-interactive-border-neutral-hover);
}

.prism-checkbox input:active ~ .prism-checkbox__checkmark {
  border-color: var(--prism-color-interactive-border-neutral-pressed);
  box-shadow: var(--prism-shadow-neutral-inset);
}

.prism-checkbox input:focus-visible ~ .prism-checkbox__checkmark,
.prism-checkbox input[data-test-pseudo="focus"] ~ .prism-checkbox__checkmark {
  outline: var(--prism-spacing-50) solid
    var(--prism-color-interactive-border-focus);
  outline-offset: 1px;
}

.prism-checkbox input:disabled ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-interactive-background-disabled);
  border-color: transparent;
  color: var(--prism-color-interactive-icon-disabled);
}

.prism-checkbox input:disabled:active ~ .prism-checkbox__checkmark {
  box-shadow: none;
}

.prism-checkbox input:disabled:checked ~ .prism-checkbox__checkmark,
.prism-checkbox input:disabled:indeterminate ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-interactive-background-disabled);
  border-color: transparent;
}

.prism-checkbox input:checked:not(:disabled) ~ .prism-checkbox__checkmark,
.prism-checkbox
  input:indeterminate:not(:disabled)
  ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-interactive-background-primary-idle);
  border: none;
  border-color: var(--prism-color-interactive-background-primary-idle);
}

.prism-checkbox input:checked:not(:disabled):hover ~ .prism-checkbox__checkmark,
.prism-checkbox
  input:indeterminate:not(:disabled):hover
  ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-interactive-background-primary-hover);
  border-color: var(--prism-color-interactive-background-primary-hover);
}

.prism-checkbox
  input:checked:not(:disabled):active
  ~ .prism-checkbox__checkmark,
.prism-checkbox
  input:indeterminate:not(:disabled):active
  ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-interactive-background-primary-pressed);
  border-color: var(--prism-color-interactive-background-primary-pressed);
}

.prism-checkbox.prism-checkbox--secondary
  input:checked:not(:disabled)
  ~ .prism-checkbox__checkmark,
.prism-checkbox.prism-checkbox--secondary
  input:indeterminate:not(:disabled)
  ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-interactive-background-warning-idle);
  border-color: var(--prism-color-interactive-background-warning-idle);
}

.prism-checkbox.prism-checkbox--secondary
  input:checked:not(:disabled):hover
  ~ .prism-checkbox__checkmark,
.prism-checkbox.prism-checkbox--secondary
  input:indeterminate:not(:disabled):hover
  ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-interactive-background-warning-hover);
  border-color: var(--prism-color-interactive-background-warning-hover);
}

.prism-checkbox.prism-checkbox--secondary
  input:checked:not(:disabled):active
  ~ .prism-checkbox__checkmark,
.prism-checkbox.prism-checkbox--secondary
  input:indeterminate:not(:disabled):active
  ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-interactive-background-warning-pressed);
  border-color: var(--prism-color-interactive-background-warning-pressed);
}

.prism-button-group-button {
  border-radius: 0;
}

.prism-button-group-button:focus-visible {
  border-radius: 0;
  z-index: 1;
}

.prism-button-group-button:first-of-type,
.prism-button-group-button:first-of-type:focus-visible {
  border-radius: var(--prism-border-radius-100) 0 0
    var(--prism-border-radius-100);
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-button-group-button:last-of-type,
.prism-button-group-button:last-of-type:focus-visible {
  border-radius: 0 var(--prism-border-radius-100) var(--prism-border-radius-100)
    0;
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-button-group-button:only-of-type,
.prism-button-group-button:only-of-type:focus-visible {
  border-radius: var(--prism-border-radius-100);
}

.prism-button-group-button.active:disabled {
  background-color: var(--prism-color-interactive-icon-disabled);
  color: var(--prism-color-text-inverse);
}

.prism-button-group-button.active:disabled .prism-icon {
  color: var(--prism-color-icon-inverse);
}

.prism-button-group {
  display: inline-flex;
  gap: var(--prism-spacing-50);
}

.prism-button-group--checkbox {
  gap: var(--prism-spacing-200);
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-button-group--checkbox .prism-button-group-button,
.prism-button-group--checkbox .prism-button-group-button:first-of-type,
.prism-button-group--checkbox .prism-button-group-button:last-of-type {
  border-radius: var(--prism-border-radius-100);
}

.prism-card {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  color: var(--prism-color-text-neutral-default);
  display: flex;
  flex-direction: column;
}

.prism-card__header {
  align-items: center; /* Center icons vertically */
  display: flex;
  min-height: 56px;
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
}

.prism-card__header--border {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
}

.prism-card__header__content {
  flex-grow: 1; /* The main content should fill up all the available space */
}

.prism-card__header__after {
  flex-shrink: 0; /* The after header section should never shrink in case there isn't enough space, the main content should handle overflow */
  margin-left: var(--prism-spacing-200);
}

.prism-card__content {
  flex-grow: 1; /* Stretch card vertically */
  overflow: auto;
}

.prism-card__content--default-padding {
  padding: 0 var(--prism-spacing-400) var(--prism-spacing-400)
    var(--prism-spacing-400);
}

.prism-card__content--padding-top {
  padding-top: var(--prism-spacing-400);
}

.prism-card__footer {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
}

/* Overrides for the default secondary styling */
.prism-card--secondary .prism-card__header {
  padding: var(--prism-spacing-300);
}

.prism-card--secondary .prism-card__content--default-padding {
  padding: 0 var(--prism-spacing-300) var(--prism-spacing-300)
    var(--prism-spacing-300);
}

.prism-card--secondary .prism-card__content--padding-top {
  padding-top: var(--prism-spacing-300);
}

.prism-card--secondary .prism-card__footer {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  padding: var(--prism-spacing-300) var(--prism-spacing-300);
}

.prism-card--parent {
  border: 0.5px solid var(--prism-color-border-neutral-default);
  overflow: hidden;
}

.prism-card--parent .prism-card__header {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
}

.prism-card--parent > .prism-card__content {
  padding-top: var(--prism-spacing-400);
}

/*
  This selector applies the background color style to the .prism-card__content class that does not have a parent element with the .prism-card__content class.
*/
.prism-card--parent
  .prism-card__content:not(.prism-card__content .prism-card__content) {
  background-color: var(--prism-color-background-neutral-subdued);
}

.prism-card .prism-card-title {
  color: var(--prism-color-text-neutral-emphasis);
  display: block;
}

.prism-card .prism-card-title--disabled {
  color: var(--prism-color-interactive-text-disabled);
}

.prism-modal-container {
  align-items: center;
  color: var(--prism-color-text-neutral-default);
  display: flex;
  inset: 0;
  justify-content: center;
  position: fixed;
  z-index: 1100;
}

.prism-modal-container .overlay {
  background-color: var(--prism-color-elevation-backdrop-default);
  inset: 0;
  position: fixed;
}

.prism-modal-container .modal {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  display: flex;
  flex-direction: column;
  min-width: var(--modal-min-width);
  overflow: auto;
  z-index: 1; /* Position modal over overlay */
}

.prism-modal-container .modal__header {
  align-items: center;
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: var(--prism-color-text-neutral-emphasis);
  display: flex;
  line-height: 60px;
  min-height: 60px;
  padding: 0 var(--prism-spacing-500);
}

.prism-modal-container .modal__header__navigation {
  display: flex;
  margin-right: var(--prism-spacing-200);
}

.prism-modal-container .modal__header__title {
  color: var(--prism-color-text-neutral-emphasis);
  flex-grow: 1;
}

.prism-modal-container .modal__header__actions {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: var(--prism-spacing-200);
}

.prism-modal-container .modal__header__actions .extra-actions {
  display: flex;
  margin-right: var(--prism-spacing-200);
}

.prism-modal-container .modal__content {
  flex-grow: 1;
  max-height: var(--modal-max-height);
  max-width: var(--modal-max-width);
  min-width: var(--modal-min-width);

  /* There should never be a horizontal scroll + an overflowing x-axis causes a double scrollbar issue on IE */
  overflow: hidden auto;
}

.prism-modal-container .modal__footer {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  height: 60px;
}

.prism-modal-container.fade-in-animation {
  animation: fade-in-animation ease 0.5s;
  opacity: 1;
}

.prism-modal-container.fade-out-animation {
  animation: fade-out-animation ease 0.5s;
  opacity: 0;
}

@keyframes fade-in-animation {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*
  Note: we used to have scale animations on modals as well, but this caused issues in combination with Highcharts. Decided to remove these animations because of that.
  https://github.com/highcharts/highcharts/issues/2405
*/
@keyframes fade-out-animation {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.drawer-container {
  bottom: 0;
  display: flex;
  position: fixed;
  top: 0;
  z-index: 110;
}

.drawer-container--left-aligned {
  left: 0;
}

.drawer-container--right-aligned {
  right: 0;
}

.drawer-container .trigger {
  height: 60px;
  position: absolute;
  top: 74px; /* Currently as decided by design, not sure if we would want to make this dynamic as well? */
  width: 60px;
}

.drawer-container .trigger::before {
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
}

.drawer-container .trigger--left-aligned {
  border-radius: 0 var(--prism-border-radius-100) var(--prism-border-radius-100)
    0;
  right: -60px;
}

.drawer-container .trigger--left-aligned::before {
  border-radius: 0 var(--prism-border-radius-100) var(--prism-border-radius-100)
    0;
  box-shadow: var(--prism-shadow-neutral-200);
}

.drawer-container .trigger--right-aligned {
  border-radius: var(--prism-border-radius-100) 0 0
    var(--prism-border-radius-100);
  left: -60px;
}

.drawer-container .trigger--right-aligned::before {
  border-radius: var(--prism-border-radius-100) 0 0
    var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
}

.drawer-container .drawer {
  background-color: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-default);
  overflow-y: auto;
  transition: width 0.5s ease-in-out;
  width: 0;
}

.drawer-container .drawer--with-default-padding {
  padding: var(--prism-spacing-400);
}

.drawer-container .drawer--expanded {
  box-shadow: var(--prism-shadow-neutral-200);
  width: 420px;
}

.overlay {
  background-color: var(--prism-color-elevation-backdrop-default);
  inset: 0;
  position: fixed;
}

.prism-metric-block {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.prism-metric-block:not(.prism-metric-block.prism-metric-block--compact) {
  min-height: 60px;
}

.prism-metric-block__value {
  color: var(--prism-color-text-neutral-default);
}

.prism-metric-block__label {
  color: var(--prism-color-text-neutral-subdued);
  max-width: 100%;
}

.prism-metric-block__label--text-wrapping {
  /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */
  word-break: break-word;
}

.prism-metric-block--left-aligned {
  align-items: flex-start;
  text-align: left;
}



body {
  background-color: var(--prism-color-elevation-canvas);
  color: var(--prism-color-text-neutral-default);
  -webkit-font-smoothing: antialiased;
  min-width: 400px;
}

main {
  height: 100%;
  min-height: 100%;
  padding-bottom: var(--prism-spacing-800);
  padding-top: var(--prism-spacing-800);
  position: relative;
  top: 60px;
}

a {
  color: inherit;
}

.components-navigation-account-trigger-module__container {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 60px;
  justify-content: center;
  width: 60px;
}

.components-navigation-tabs-tab-navigation-module__list-item {
  color: var(--color-interactive-text-secondary-default);
  cursor: pointer;
  display: flex;
  font-size: var(--prism-font-size-text-400-regular);
  line-height: 60px;
  position: relative;
}

.components-navigation-tabs-tab-navigation-module__list-item::after {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  bottom: 0;
  content: " ";
  height: 0;

  /* Needed to have it start at the true edge, otherwise will be next to the padding */
  left: 0;

  /* added absolute positioning to make sure it does not affect the text being in the middle */
  position: absolute;
  transition: 0.15s ease-out;
  width: 100%;
}

.components-navigation-tabs-tab-navigation-module__list-item:hover:not(.components-navigation-tabs-tab-navigation-module__active) {
  color: var(--color-interactive-text-secondary-hover);
}

.components-navigation-tabs-tab-navigation-module__list-item:hover:not(.components-navigation-tabs-tab-navigation-module__active)::after {
  background-color: var(--color-interactive-border-hover);
  height: 4px;
}

.components-navigation-tabs-tab-navigation-module__list-item:active:not(.components-navigation-tabs-tab-navigation-module__active) {
  color: var(--color-interactive-text-secondary-active);
}

.components-navigation-tabs-tab-navigation-module__list-item:active:not(.components-navigation-tabs-tab-navigation-module__active)::after {
  background-color: var(--color-interactive-border-active);
  height: 4px;
}

.components-navigation-tabs-tab-navigation-module__list-item :focus-visible {
  border-radius: 8px;
  outline: 2px solid var(--color-interactive-focus);
  outline-offset: -2px;
}

.components-navigation-tabs-tab-navigation-module__list-item.components-navigation-tabs-tab-navigation-module__active {
  color: var(--color-interactive-text-secondary-active);
  font-weight: var(--prism-font-weight-text-400-bold);
}

.components-navigation-tabs-tab-navigation-module__list-item.components-navigation-tabs-tab-navigation-module__active::after {
  background-color: var(--prism-color-border-brand-emphasis);
  height: 4px;
}

.components-navigation-tabs-tab-navigation-module__link {
  display: flex;
  padding: 0 calc(var(--prism-spacing-500) / 2); /* Here we take half of the 500 spacing so the items can be proper center aligned. When placed next to each other it still is prism-spacing-500 in between so according to the design system. */
}

.components-navigation-header-module__container {
  background-color: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  height: 60px;
  min-width: 900px;
  width: 100%;
}

.components-navigation-header-module__content-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1440px;
  min-width: 900px;
  padding: 0 var(--prism-spacing-800);
}

.components-navigation-header-module__platform-logo {
  cursor: pointer;
  display: inline-block;
  margin-right: var(--prism-spacing-600);
  position: unset;
}

.components-navigation-header-module__platform-logo,
.components-navigation-header-module__platform-logo svg {
  height: 40px;
  width: 40px;
}

.components-navigation-header-module__navigation-list {
  display: flex;
  gap: var(--prism-spacing-500);
}

.components-navigation-header-module__account-button {
  border-left: 1px solid var(--prism-color-border-neutral-default);
  border-right: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-icon-neutral-default);
  cursor: pointer;
  height: 60px;
  position: relative;
  width: 60px;
}

.components-navigation-header-module__account-button::after {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  bottom: 0;
  content: " ";
  height: 0;

  /* center horizontally */
  left: auto;
  position: absolute;
  transition: 0.15s ease-out;
  width: 24px;
}

.components-navigation-header-module__account-button:active {
  color: var(--prism-color-background-inverse);
}

.components-navigation-header-module__account-button:active::after {
  background-color: var(--prism-color-interactive-border-neutral-pressed);
  height: 4px;
}

.components-navigation-header-module__account-button:hover {
  color: var(--prism-color-interactive-icon-disabled);
}

.components-navigation-header-module__account-button:hover::after {
  background-color: var(--prism-color-interactive-border-neutral-hover);
  height: 4px;
}

.components-navigation-header-module__account-button-dropdown {
  width: 220px;
}

.components-billing-admins-modal-add-user-module__footer {
  display: flex;
  gap: var(--prism-spacing-200);
  justify-content: flex-end;
  padding: var(--prism-spacing-300) var(--prism-spacing-500);
}

.components-billing-admins-cells-td-actions-module__animate-spin-reverse {
  animation: components-billing-admins-cells-td-actions-module__spin-reverse 1s linear infinite;
}

@keyframes components-billing-admins-cells-td-actions-module__spin-reverse {
  from {
    transform: rotate(360deg);
  }

  to {
    transform: rotate(0deg);
  }
}

.templates-authenticated-billing-admins-module__container {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-800);
  height: auto;
  margin: 0 auto;
  max-width: 1440px;
  min-width: 900px;
  overflow: auto;
  padding: var(--prism-spacing-800) var(--prism-spacing-800);
  width: 100%;
}

.components-help-center-module__container .prism-illustration {
  min-height: 40px;
  min-width: 40px;
}

.components-help-center-module__container .prism-card__footer {
  display: flex;
  height: 56px;
}

.components-payment-modal-edit-billing-details-module__footer {
  display: flex;
  gap: var(--prism-spacing-200);
  justify-content: flex-end;
  padding: var(--prism-spacing-300) var(--prism-spacing-500);
}

.components-payment-billing-details-module__loading-pulse {
  animation: components-payment-billing-details-module__pulse 1s infinite;
  background-clip: content-box; /* Background only applies to content area, not padding */
  background-color: var(--prism-color-interactive-text-disabled);
  border-radius: var(
    --prism-border-radius-200
  ); /* Slightly larger radius because we have extra padding because of the background clip */

  height: 20px;
  padding: var(--prism-spacing-50) 0;
}

@keyframes components-payment-billing-details-module__pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.72;
  }

  100% {
    opacity: 1;
  }
}

.components-payment-modal-statement-of-account-module__footer {
  display: flex;
  gap: var(--prism-spacing-200);
  justify-content: flex-end;
  padding: var(--prism-spacing-300) var(--prism-spacing-500);
}

.components-transaction-table-pay-balance-invoices-module__invoices-table {
  height: 360px;
}

.components-transaction-table-pay-balance-invoices-module__invoices-table .ember-table-overflow {
  border-radius: 0 0 var(--prism-border-radius-200)
    var(--prism-border-radius-200);
}

.components-transaction-table-pay-balance-invoices-module__invoices-table .is-slack {
  background-color: var(--prism-color-background-neutral-subdued);
  /* stylelint-disable declaration-no-important */
  display: block !important;
  height: 36px;
  max-width: unset !important;
  min-width: unset !important;
  width: unset !important;
  /* stylelint-enable declaration-no-important */
}

.components-payment-modal-pay-balance-module__footer {
  display: flex;
  gap: var(--prism-spacing-200);
  justify-content: flex-end;
  padding: var(--prism-spacing-300) var(--prism-spacing-500);
}

.components-payment-modal-recurring-payment-method-module__input-container {
  border: 2px solid var(--prism-color-interactive-border-neutral-idle);
  border-radius: var(--prism-border-radius-200);
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-300);
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
}

.components-payment-modal-recurring-payment-method-module__input-container:has(input:checked) {
  border-color: var(--prism-color-interactive-background-primary-idle);
}

.components-payment-modal-recurring-payment-method-module__footer {
  display: flex;
  gap: var(--prism-spacing-200);
  justify-content: flex-end;
  padding: var(--prism-spacing-300) var(--prism-spacing-500);
}

.components-payment-payment-details-module__item {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--prism-spacing-100);
}

.components-payment-payment-details-module__label {
  font-size: var(--prism-font-size-text-300-regular);
  font-weight: var(--prism-font-weight-text-300-regular);
  line-height: var(--prism-font-line-height-text-300-regular);
}

.components-payment-payment-details-module__value {
  color: var(--prism-color-text-neutral-emphasis);
  font-size: var(--prism-font-size-text-400-bold);
  font-weight: var(--prism-font-weight-text-400-bold);
  line-height: var(--prism-font-line-height-text-400-bold);
}

.components-payment-payment-details-module__loading-pulse {
  animation: components-payment-payment-details-module__pulse 1s infinite;
  background-clip: content-box; /* Background only applies to content area, not padding */
  background-color: var(--prism-color-interactive-text-disabled);
  border-radius: var(
    --prism-border-radius-200
  ); /* Slightly larger radius because we have extra padding because of the background clip */

  height: 20px;
  padding: var(--prism-spacing-50) 0;
}

@keyframes components-payment-payment-details-module__pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.72;
  }

  100% {
    opacity: 1;
  }
}

.components-transaction-table-invoices-module__invoices-container {
  display: flex;
  gap: var(--prism-spacing-200);
  justify-content: end;
  padding: var(--prism-spacing-200) var(--prism-spacing-400);
}

.components-transaction-table-invoices-module__invoices-search {
  width: 200px;
}

.components-transaction-table-invoices-module__invoices-table {
  height: 360px;
}

.components-transaction-table-invoices-module__invoices-table .ember-table-overflow {
  border-radius: 0 0 var(--prism-border-radius-200)
    var(--prism-border-radius-200);
}

.components-transaction-table-invoices-module__invoices-table .is-slack {
  background-color: var(--prism-color-background-neutral-subdued);
  /* stylelint-disable declaration-no-important */
  display: block !important;
  height: 36px;
  max-width: unset !important;
  min-width: unset !important;
  width: unset !important;
  /* stylelint-enable declaration-no-important */
}

.templates-authenticated-overview-module__container {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-800);
  height: auto;
  margin: 0 auto;
  max-width: 1440px;
  min-width: 900px;
  overflow: auto;
  padding: var(--prism-spacing-800) var(--prism-spacing-800);
  width: 100%;
}

.components-payment-method-selection-module__container {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-800);
  height: auto;
  margin: 0 auto;
  max-width: 1440px;
  min-width: 900px;
  overflow: auto;
  padding: var(--prism-spacing-800) var(--prism-spacing-800);
  width: 100%;
}

.components-login-confirmation-code-module__container {
  text-align: center;
  width: 380px;
}

.components-login-confirmation-code-module__container .prism-card__content {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-600);
  padding: var(--prism-spacing-1000);
}

@media only screen and (width <= 992px) {
  .components-login-confirmation-code-module__container {
    max-width: 500px;
    width: 100%;
  }
}

.components-login-email-verification-module__container {
  text-align: center;
  width: 380px;
}

.components-login-email-verification-module__container .prism-card__content {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-600);
  padding: var(--prism-spacing-1000);
}

.components-login-email-verification-module__form {
  margin: var(--prism-spacing-1000) 0;
}

.components-login-email-verification-module__form .prism-card__content {
  padding: var(--prism-spacing-1000);
}

@media only screen and (width <= 992px) {
  .components-login-email-verification-module__container {
    max-width: 500px;
    width: 100%;
  }
}