@font-face {
    font-display: swap;
    font-family: CircularXXWeb;
    font-style: normal;
    font-weight: 400;
    src: url(https://d3be8952cnveif.cloudfront.net/fonts/CircularXXWeb-Book.woff) format("woff"),url(https://d3be8952cnveif.cloudfront.net/fonts/CircularXXWeb-Book.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: CircularXXWeb;
    font-style: normal;
    font-weight: 700;
    src: url(https://d3be8952cnveif.cloudfront.net/fonts/CircularXXWeb-Bold.woff) format("woff"),url(https://d3be8952cnveif.cloudfront.net/fonts/CircularXXWeb-Bold.woff2) format("woff2")
}

[data-theme=light] {
    --accordion-background-alt: initial;
    --accordion-border-hover-alt: initial;
    --accordion-color-action-hover-alt: initial;
    --accordion-color-alt: initial;
    --accordion-color-hover-alt: initial;
    --accordion-focus-alt: initial;
    --accordion-icon-alt: initial;
    --accordion-outline-border-alt: initial
}

[data-theme=alt] {
    --accordion-background-alt: var(--color-neutral-light-opacity-15);
    --accordion-border-hover-alt: var(--color-neutral-light-opacity-15);
    --accordion-color-action-hover-alt: var(--color-neutral-light-opacity-15);
    --accordion-color-alt: var(--color-neutral-light);
    --accordion-color-hover-alt: var(--color-neutral-light);
    --accordion-focus-alt: var(--color-neutral-light);
    --accordion-icon-alt: var(--color-neutral-light);
    --accordion-outline-border-alt: transparent
}

.accordion {
    display: grid;
    grid-auto-flow: row;
    row-gap: var(--spacing-xs)
}

.accordion-item {
    --accordion-background: var(--color-neutral-95);
    --accordion-color: var(--color-neutral-base);
    border-radius: var(--radius-m);
    background-color: var(--accordion-background-alt, var(--accordion-background))
}

.accordion-item--light {
    --accordion-background: var(--color-neutral-light)
}

.accordion-item--outline {
    --accordion-background: var(--color-neutral-light);
    --accordion-outline-border: var(--color-neutral-85);
    position: relative
}

.accordion-item--outline:before {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: var(--radius-m);
    border: .125rem solid var(--accordion-outline-border-alt, var(--accordion-outline-border));
    content: "";
    pointer-events: none
}

.accordion-item__header {
    --accordion-color-hover: var(--color-action-base);
    --accordion-focus: var(--color-action-base);
    border-radius: var(--radius-m);
    padding: var(--spacing-xs) var(--spacing-s);
    outline-color: var(--accordion-focus-alt, var(--accordion-focus));
    align-items: center;
    border: .125rem solid transparent;
    color: var(--accordion-color-alt, var(--accordion-color));
    cursor: pointer;
    display: flex;
    position: relative;
    transition-duration: .2s;
    transition-property: border-color,outline;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    width: 100%;
    will-change: border-color,outline;
    z-index: 1
}

@media screen and (min-width: 576px) {
    .accordion-item__header {
        padding:var(--spacing-s) var(--spacing-m)
    }
}

.accordion-item__header:focus-visible {
    outline: var(--accordion-focus-alt, var(--accordion-focus)) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .accordion-item__header:focus,.accordion-item__header:focus-within {
        outline:none;
        position: relative
    }

    .accordion-item__header:focus:before,.accordion-item__header:focus-within:before {
        border-radius: var(--radius-l);
        bottom: -.375rem;
        left: -.375rem;
        position: absolute;
        right: -.375rem;
        top: -.375rem;
        border: .125rem solid var(--accordion-focus-alt, var(--accordion-focus));
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .accordion-item__header:focus,.accordion-item__header:focus-within {
            outline:none;
            position: relative
        }

        .accordion-item__header:focus:before,.accordion-item__header:focus-within:before {
            border-radius: var(--radius-l);
            bottom: -.375rem;
            left: -.375rem;
            position: absolute;
            right: -.375rem;
            top: -.375rem;
            border: .125rem solid var(--accordion-focus-alt, var(--accordion-focus));
            content: ""
        }
    }
}

.accordion-item__header:hover {
    --accordion-border-hover: var(--color-neutral-85);
    border-color: var(--accordion-border-hover-alt, var(--accordion-border-hover));
    color: var(--accordion-color-hover-alt, var(--accordion-color-hover))
}

.accordion-item--outline .accordion-item__header:hover {
    --accordion-border-hover: var(--color-neutral-75)
}

.accordion-item__header__addon {
    --accordion-icon: var(--color-brand-base);
    color: var(--accordion-icon-alt, var(--accordion-icon));
    flex: 0 0 fit-content;
    margin-right: var(--spacing-xs)
}

.accordion-item__header__addon .illustration {
    height: 3rem;
    width: 3rem
}

.accordion-item__header__content-wrapper {
    flex: 1;
    text-align: left
}

.accordion-item__header__title {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    display: block;
    transition: color .2s cubic-bezier(.2,.07,.38,1)
}

.accordion-item__header__subtitle {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    display: block;
    transition: color .2s cubic-bezier(.2,.07,.38,1)
}

.accordion-item__header__action-wrapper {
    --accordion-color: var(--color-action-base);
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    align-items: center;
    color: var(--accordion-color-alt, var(--accordion-color));
    column-gap: var(--spacing-2xs);
    display: grid;
    grid-auto-flow: column;
    -webkit-user-select: none;
    user-select: none
}

.accordion-item__header__action-icon {
    border-radius: 50%;
    padding: var(--spacing-3xs);
    transition-duration: .2s;
    transition-property: background-color,transform;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: background-color,transform
}

.accordion-item__header:hover .accordion-item__header__action-icon {
    --accordion-color-action-hover: var(--color-neutral-light);
    background-color: var(--accordion-color-action-hover-alt, var(--accordion-color-action-hover))
}

.accordion-item--light .accordion-item__header:hover .accordion-item__header__action-icon,.accordion-item--outline .accordion-item__header:hover .accordion-item__header__action-icon {
    --accordion-color-action-hover: var(--color-action-light)
}

.accordion-item__header__action-icon--open {
    transform: rotate(180deg)
}

.accordion-item__panel {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition-duration: .2s;
    transition-property: grid-template-rows,visibility;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    visibility: hidden
}

.accordion-item__panel--open {
    grid-template-rows: 1fr;
    visibility: visible
}

.accordion-item__panel__inner-wrapper {
    --accordion-color: var(--color-neutral-25);
    border-radius: 0 0 var(--radius-m) var(--radius-m);
    padding: 0 var(--spacing-s);
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--accordion-color-alt, var(--accordion-color));
    min-height: 0;
    opacity: 0;
    transform: translateY(-1.25rem);
    transition-duration: .3s;
    transition-property: opacity,transform,padding;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: opacity,transform,padding
}

@media screen and (min-width: 576px) {
    .accordion-item__panel__inner-wrapper {
        padding:0 var(--spacing-m)
    }
}

.accordion-item__panel--open .accordion-item__panel__inner-wrapper {
    padding: var(--spacing-3xs) var(--spacing-s) var(--spacing-s);
    opacity: 1;
    transform: translateY(0)
}

@media screen and (min-width: 576px) {
    .accordion-item__panel--open .accordion-item__panel__inner-wrapper {
        padding:var(--spacing-2xs) var(--spacing-m) var(--spacing-m)
    }
}

[data-theme=light] {
    --badge-background-alt: initial;
    --badge-color-alt: initial;
    --badge-brand-background-alt: initial;
    --badge-brand-color-alt: initial;
    --badge-action-background-alt: initial;
    --badge-action-color-alt: initial;
    --badge-alert-background-alt: initial;
    --badge-alert-color-alt: initial;
    --badge-success-background-alt: initial;
    --badge-success-color-alt: initial;
    --badge-error-background-alt: initial;
    --badge-error-color-alt: initial
}

[data-theme=alt] {
    --badge-background-alt: var(--color-neutral-light);
    --badge-color-alt: var(--color-neutral-base);
    --badge-brand-color-alt: var(--color-brand-base);
    --badge-action-color-alt: var(--color-action-base);
    --badge-alert-color-alt: var(--color-neutral-25);
    --badge-success-color-alt: var(--color-success-base);
    --badge-error-color-alt: var(--color-error-base)
}

.badge {
    --badge-color: var(--color-neutral-base);
    --badge-background: var(--color-neutral-95);
    --badge-brand-color: var(--color-brand-dark);
    --badge-action-color: var(--color-action-dark);
    --badge-alert-color: var(--color-neutral-base);
    --badge-success-color: var(--color-success-dark);
    --badge-error-color: var(--color-error-dark);
    border-radius: var(--radius-xs);
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-s-bp-base);
    line-height: 1.2135rem;
    background-color: var(--badge-background-alt, var(--badge-background));
    color: var(--badge-color-alt, var(--badge-color));
    display: inline-block;
    padding: var(--spacing-4xs) var(--spacing-2xs);
    position: relative;
    width: fit-content
}

.badge--brand {
    --badge-background: var(--color-brand-light);
    color: var(--badge-brand-color-alt, var(--badge-brand-color))
}

.badge--action {
    --badge-background: var(--color-action-light);
    color: var(--badge-action-color-alt, var(--badge-action-color))
}

.badge--alert {
    --badge-background: var(--color-alert-light);
    color: var(--badge-alert-color-alt, var(--badge-alert-color))
}

.badge--success {
    --badge-background: var(--color-success-light);
    color: var(--badge-success-color-alt, var(--badge-success-color))
}

.badge--error {
    --badge-background: var(--color-error-light);
    color: var(--badge-error-color-alt, var(--badge-error-color))
}

.badge--neutral-gradient {
    background: var(--gradient-neutral);
    color: var(--color-neutral-light)
}

.badge--brand-gradient {
    background: var(--gradient-brand);
    color: var(--color-neutral-light)
}

.badge--ghost {
    background-color: var(--color-neutral-light-opacity-15);
    color: var(--color-neutral-light)
}

.badge--ribbon {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0 .5rem
}

.badge--ribbon:before {
    background: inherit;
    content: "";
    height: .5rem;
    left: -.5rem;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_7844_198820' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='8' height='8'%3E%3Cg clip-path='url(%23clip0_7844_198820)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H8H16V8C20.4183 8 24 11.5817 24 16C24 20.4183 20.4183 24 16 24C11.5817 24 8 20.4183 8 16V8C8 3.58172 4.41828 0 0 0Z' fill='%2321283B'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask0_7844_198820)'%3E%3Crect width='12' height='8' transform='matrix(-1 0 0 1 8 0)' fill='blue'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7844_198820'%3E%3Crect width='8' height='8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_7844_198820' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='8' height='8'%3E%3Cg clip-path='url(%23clip0_7844_198820)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H8H16V8C20.4183 8 24 11.5817 24 16C24 20.4183 20.4183 24 16 24C11.5817 24 8 20.4183 8 16V8C8 3.58172 4.41828 0 0 0Z' fill='%2321283B'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask0_7844_198820)'%3E%3Crect width='12' height='8' transform='matrix(-1 0 0 1 8 0)' fill='blue'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7844_198820'%3E%3Crect width='8' height='8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    -webkit-mask-position: top left;
    mask-position: top left;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: absolute;
    top: 0;
    width: .5rem
}

.badge--ribbon:after {
    background: inherit;
    content: "";
    height: .5rem;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_7844_198839' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='8' height='8'%3E%3Cg clip-path='url(%23clip0_7844_198839)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H0H-8V8C-12.4183 8 -16 11.5817 -16 16C-16 20.4183 -12.4183 24 -8 24C-3.58172 24 0 20.4183 0 16V8C0 3.58172 3.58172 0 8 0Z' fill='%2321283B'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask0_7844_198839)'%3E%3Crect width='12' height='8' fill='green'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7844_198839'%3E%3Crect width='8' height='8' fill='white' transform='matrix(-1 0 0 1 8 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_7844_198839' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='8' height='8'%3E%3Cg clip-path='url(%23clip0_7844_198839)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H0H-8V8C-12.4183 8 -16 11.5817 -16 16C-16 20.4183 -12.4183 24 -8 24C-3.58172 24 0 20.4183 0 16V8C0 3.58172 3.58172 0 8 0Z' fill='%2321283B'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask0_7844_198839)'%3E%3Crect width='12' height='8' fill='green'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7844_198839'%3E%3Crect width='8' height='8' fill='white' transform='matrix(-1 0 0 1 8 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    -webkit-mask-position: top right;
    mask-position: top right;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: absolute;
    right: -.5rem;
    top: 0;
    width: .5rem
}

.badge--ribbon.badge--neutral-gradient:before {
    background: var(--color-neutral-base)
}

.badge--ribbon.badge--neutral-gradient:after {
    background: var(--color-neutral-25)
}

.badge--ribbon.badge--brand-gradient:before {
    background: var(--color-brand-dark)
}

.badge--ribbon.badge--brand-gradient:after {
    background: var(--color-brand-base)
}

@keyframes loadingIcon {
    0% {
        transform: translate(-50%,-50%) rotate(0)
    }

    to {
        transform: translate(-50%,-50%) rotate(360deg)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes slideInFromBottom {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slideOutFromBottom {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

[data-theme=light] {
    --button-card-border-alt: initial;
    --button-card-focus-alt: initial
}

[data-theme=alt] {
    --button-card-border-alt: transparent;
    --button-card-focus-alt: var(--color-neutral-light)
}

.button-card {
    --button-card-border: var(--color-neutral-85);
    --button-card-focus: var(--color-action-base);
    border-radius: var(--radius-m);
    outline-color: var(--button-card-focus-alt, var(--button-card-focus));
    align-items: center;
    background-color: var(--color-neutral-light);
    border: .125rem solid var(--button-card-border-alt, var(--button-card-border));
    cursor: pointer;
    display: inline-flex;
    justify-content: flex-start;
    min-height: 4.375rem;
    min-width: 11.25rem;
    text-align: start;
    transition-duration: .2s;
    transition-property: border-color,outline,transform;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    -webkit-user-select: none;
    user-select: none;
    will-change: border-color,outline,transform
}

.button-card:focus-visible {
    outline: var(--button-card-focus-alt, var(--button-card-focus)) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .button-card:focus,.button-card:focus-within {
        outline:none;
        position: relative
    }

    .button-card:focus:before,.button-card:focus-within:before {
        border-radius: var(--radius-l);
        bottom: -.375rem;
        left: -.375rem;
        position: absolute;
        right: -.375rem;
        top: -.375rem;
        border: .125rem solid var(--button-card-focus-alt, var(--button-card-focus));
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .button-card:focus,.button-card:focus-within {
            outline:none;
            position: relative
        }

        .button-card:focus:before,.button-card:focus-within:before {
            border-radius: var(--radius-l);
            bottom: -.375rem;
            left: -.375rem;
            position: absolute;
            right: -.375rem;
            top: -.375rem;
            border: .125rem solid var(--button-card-focus-alt, var(--button-card-focus));
            content: ""
        }
    }
}

.button-card:hover:not(:disabled,[disabled]) {
    --button-card-border: var(--color-action-base)
}

.button-card:active:not(:disabled,[disabled]) {
    transform: scale(.97)
}

.button-card:disabled,.button-card[disabled] {
    background-color: var(--color-neutral-85);
    color: var(--color-neutral-50);
    cursor: not-allowed
}

.button-card--loading {
    color: transparent;
    pointer-events: none;
    position: relative
}

.button-card--full-width {
    width: 100%
}

.button-card__icon {
    align-items: center;
    display: flex;
    grid-area: icon;
    height: 4.125rem;
    justify-content: center;
    padding: 0 var(--spacing-s);
    position: relative;
    transition: opacity .2s cubic-bezier(.2,.07,.38,1);
    will-change: opacity
}

.button-card:disabled .button-card__icon,.button-card[disabled] .button-card__icon {
    color: var(--color-neutral-50)
}

.button-card__icon .button-card--alt:disabled,.button-card--alt[disabled] .button-card__icon {
    color: var(--color-neutral-light-opacity-75)
}

.button-card--loading .button-card__icon .icon {
    opacity: 0
}

.button-card--loading .button-card__icon:after {
    animation: loadingIcon .8s infinite linear,fadeIn .2s cubic-bezier(.2,.07,.38,1);
    border: .1875rem solid var(--color-action-light);
    border-radius: 50%;
    border-top-color: var(--color-action-base);
    content: "";
    height: 1.625rem;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 1.625rem
}

.button-card__icon .icon {
    color: var(--color-action-base)
}

.button-card__wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--spacing-xs) var(--spacing-m) var(--spacing-xs) 0
}

.button-card__title {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    color: var(--color-neutral-base);
    transition: color .2s cubic-bezier(.2,.07,.38,1);
    will-change: color
}

.button-card:disabled .button-card__title,.button-card[disabled] .button-card__title {
    color: var(--color-neutral-50)
}

.button-card__title .button-card--alt:disabled,.button-card--alt[disabled] .button-card__title {
    color: var(--color-neutral-light-opacity-75)
}

.button-card:hover:not(:disabled,[disabled]) .button-card__title {
    color: var(--color-action-base)
}

.button-card__subtitle {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-action-base)
}

.button-card:disabled .button-card__subtitle,.button-card[disabled] .button-card__subtitle {
    color: var(--color-neutral-50)
}

.button-card__subtitle .button-card--alt:disabled,.button-card--alt[disabled] .button-card__subtitle {
    color: var(--color-neutral-light-opacity-75)
}

.button-row {
    align-items: center;
    display: grid;
    gap: var(--spacing-s);
    grid-auto-flow: column;
    justify-content: space-between
}

[data-theme=light] {
    --button-filled-background-alt: initial;
    --button-filled-color-alt: initial;
    --button-filled-color-hover-alt: initial;
    --button-filled-loading-border-alt: initial;
    --button-filled-loading-fill-alt: initial;
    --button-ghost-background-alt: initial;
    --button-ghost-color-alt: initial;
    --button-outlined-background-hover-alt: initial;
    --button-outlined-border-alt: initial;
    --button-outlined-border-hover-alt: initial;
    --button-outlined-color-alt: initial;
    --button-outlined-loading-border-alt: initial;
    --button-outlined-loading-fill-alt: initial;
    --button-tertiary-border-alt: initial;
    --button-focus-alt: initial
}

[data-theme=alt] {
    --button-filled-background-alt: var(--color-neutral-light);
    --button-filled-color-alt: var(--color-neutral-base);
    --button-filled-color-hover-alt: var(--color-action-base);
    --button-filled-loading-border-alt: var(--color-action-base);
    --button-filled-loading-fill-alt: var(--color-action-light);
    --button-ghost-background-alt: var(--color-neutral-light-opacity-15);
    --button-ghost-color-alt: var(--color-neutral-light);
    --button-outlined-background-hover-alt: var(--color-neutral-light-opacity-15);
    --button-outlined-border-alt: var(--color-neutral-light);
    --button-outlined-border-hover-alt: var(--color-neutral-light);
    --button-outlined-color-alt: var(--color-neutral-light);
    --button-outlined-loading-border-alt: var(--color-neutral-light);
    --button-outlined-loading-fill-alt: var(--color-neutral-light-opacity-15);
    --button-tertiary-border-alt: var(--color-neutral-light-opacity-40);
    --button-focus-alt: var(--color-neutral-light)
}

.button {
    --button-filled-background: var(--color-neutral-50);
    --button-filled-color-hover: var(--color-neutral-light);
    --button-filled-color: var(--color-neutral-light);
    --button-filled-loading-border: var(--color-neutral-light);
    --button-filled-loading-fill: var(--color-neutral-light-opacity-15);
    --button-ghost-background: var(--color-action-light);
    --button-ghost-color: var(--color-action-base);
    --button-outlined-background-hover: var(--color-neutral-light-opacity-15);
    --button-outlined-border-hover: var(--color-action-base);
    --button-outlined-border: var(--color-action-base);
    --button-outlined-color: var(--color-action-base);
    --button-outlined-loading-border: var(--color-action-base);
    --button-outlined-loading-fill: var(--color-action-light);
    --button-tertiary-border: var(--color-neutral-85);
    --button-focus: var(--color-action-base);
    cursor: pointer;
    display: inline-flex;
    grid-auto-flow: column;
    justify-content: center;
    place-items: center;
    position: relative;
    transition-duration: .2s;
    transition-property: background,border-color,box-shadow,color,outline,transform;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    -webkit-user-select: none;
    user-select: none;
    width: fit-content;
    will-change: background,border-color,box-shadow,color,outline,transform
}

.button:active:not(:disabled,[disabled]) {
    transform: scale(.97)
}

.button:disabled,.button[disabled] {
    color: var(--color-neutral-50);
    cursor: not-allowed
}

.button .icon {
    transition: color .2s cubic-bezier(.2,.07,.38,1);
    will-change: color
}

.button--xl {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    height: 3.5rem
}

.button--xl:before,.button--xl:not(.button--ghost) {
    border-radius: var(--radius-l)
}

.button--xl:where(.button--xl):before {
    border-radius: var(--radius-l)
}

.button--xl:not(.button--ghost) {
    padding: 0 var(--spacing-l)
}

.button--xl:not(.button--ghost).button--min-width {
    min-width: 13.75rem
}

.button--xl.button--ghost {
    border-radius: 1.75rem;
    padding: 0 var(--spacing-l)
}

.button--xl.button--ghost:first-child {
    margin-left: calc(var(--spacing-l) * -1)
}

.button--xl.button--ghost:last-child {
    margin-right: calc(var(--spacing-l) * -1)
}

.button--xl.button--append-icon .icon {
    margin-left: var(--spacing-2xs)
}

.button--xl.button--prepend-icon .icon {
    margin-right: var(--spacing-2xs)
}

.button--xl.button--icon-only {
    min-width: initial;
    padding: 0;
    width: 3.5rem
}

.button--xl.button--loading:after {
    height: 1.25rem;
    width: 1.25rem
}

.button--l {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    height: 3rem
}

.button--l:before,.button--l:not(.button--ghost) {
    border-radius: var(--radius-2xl)
}

.button--l:where(.button--xl):before {
    border-radius: var(--radius-l)
}

.button--l:not(.button--ghost) {
    padding: 0 var(--spacing-l)
}

.button--l:not(.button--ghost).button--min-width {
    min-width: 10rem
}

.button--l.button--ghost {
    border-radius: 1.5rem;
    padding: 0 var(--spacing-s)
}

.button--l.button--ghost:first-child {
    margin-left: calc(var(--spacing-s) * -1)
}

.button--l.button--ghost:last-child {
    margin-right: calc(var(--spacing-s) * -1)
}

.button--l.button--append-icon .icon {
    margin-left: var(--spacing-2xs)
}

.button--l.button--prepend-icon .icon {
    margin-right: var(--spacing-2xs)
}

.button--l.button--icon-only {
    min-width: initial;
    padding: 0;
    width: 3rem
}

.button--l.button--loading:after {
    height: 1.25rem;
    width: 1.25rem
}

.button--m {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    height: 2.25rem
}

.button--m:before,.button--m:not(.button--ghost) {
    border-radius: var(--radius-2xl)
}

.button--m:where(.button--xl):before {
    border-radius: var(--radius-l)
}

.button--m:not(.button--ghost) {
    padding: 0 var(--spacing-s)
}

.button--m:not(.button--ghost).button--min-width {
    min-width: 7.5rem
}

.button--m.button--ghost {
    border-radius: 1.125rem;
    padding: 0 var(--spacing-xs)
}

.button--m.button--ghost:first-child {
    margin-left: calc(var(--spacing-xs) * -1)
}

.button--m.button--ghost:last-child {
    margin-right: calc(var(--spacing-xs) * -1)
}

.button--m.button--append-icon .icon {
    margin-left: var(--spacing-3xs)
}

.button--m.button--prepend-icon .icon {
    margin-right: var(--spacing-3xs)
}

.button--m.button--icon-only {
    min-width: initial;
    padding: 0;
    width: 2.25rem
}

.button--m.button--loading:after {
    height: 1.25rem;
    width: 1.25rem
}

.button--s {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-s-bp-base);
    line-height: 1.2135rem;
    height: 1.75rem
}

.button--s:before,.button--s:not(.button--ghost) {
    border-radius: var(--radius-2xl)
}

.button--s:where(.button--xl):before {
    border-radius: var(--radius-l)
}

.button--s:not(.button--ghost) {
    padding: 0 var(--spacing-xs)
}

.button--s:not(.button--ghost).button--min-width {
    min-width: 5rem
}

.button--s.button--ghost {
    border-radius: .875rem;
    padding: 0 var(--spacing-2xs)
}

.button--s.button--ghost:first-child {
    margin-left: calc(var(--spacing-2xs) * -1)
}

.button--s.button--ghost:last-child {
    margin-right: calc(var(--spacing-2xs) * -1)
}

.button--s.button--append-icon .icon {
    margin-left: var(--spacing-3xs)
}

.button--s.button--prepend-icon .icon {
    margin-right: var(--spacing-3xs)
}

.button--s.button--icon-only {
    min-width: initial;
    padding: 0;
    width: 1.75rem
}

.button--s.button--loading:after {
    height: 1rem;
    width: 1rem
}

.button--primary {
    --button-filled-background: linear-gradient(45deg, var(--color-action-base) 50%, #07a5b5);
    outline-color: var(--button-focus-alt, var(--button-focus));
    background: var(--button-filled-background-alt, var(--button-filled-background)) 100% 0;
    background-size: 200%;
    color: var(--button-filled-color-alt, var(--button-filled-color))
}

.button--primary:focus-visible {
    outline: var(--button-focus-alt, var(--button-focus)) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .button--primary:focus,.button--primary:focus-within {
        outline:none;
        position: relative
    }

    .button--primary:focus:before,.button--primary:focus-within:before {
        bottom: -.25rem;
        left: -.25rem;
        position: absolute;
        right: -.25rem;
        top: -.25rem;
        border: .125rem solid var(--button-focus-alt, var(--button-focus));
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .button--primary:focus,.button--primary:focus-within {
            outline:none;
            position: relative
        }

        .button--primary:focus:before,.button--primary:focus-within:before {
            bottom: -.25rem;
            left: -.25rem;
            position: absolute;
            right: -.25rem;
            top: -.25rem;
            border: .125rem solid var(--button-focus-alt, var(--button-focus));
            content: ""
        }
    }
}

.button--primary:hover:not(:disabled,[disabled],.button--loading) {
    background-position: 0 100%;
    color: var(--button-filled-color-hover-alt, var(--button-filled-color-hover))
}

.button--primary:disabled,.button--primary[disabled] {
    background: var(--color-neutral-95)
}

.button--primary.button--shadow {
    box-shadow: var(--elevation-size-m) var(--elevation-color-action-40)
}

.button--primary.button--shadow:hover,.button--primary.button--shadow:focus,.button--primary.button--shadow:active {
    box-shadow: var(--elevation-size-s) var(--elevation-color-action-40)
}

.button--primary.button--shadow:disabled,.button--primary.button--shadow[disabled] {
    box-shadow: none
}

.button--primary.button--loading:after {
    border: .125rem solid var(--button-filled-loading-fill-alt, var(--button-filled-loading-fill));
    border-top-color: var(--button-filled-loading-border-alt, var(--button-filled-loading-border))
}

.button--primary .icon {
    color: var(--button-filled-color-alt, var(--button-filled-color))
}

.button--brand {
    --button-filled-background: linear-gradient(45deg, var(--color-brand-dark) 50%, var(--color-brand-base));
    outline-color: var(--button-focus-alt, var(--button-focus));
    background: var(--button-filled-background-alt, var(--button-filled-background)) 100% 0;
    background-size: 200%;
    color: var(--button-filled-color-alt, var(--button-filled-color))
}

.button--brand:focus-visible {
    outline: var(--button-focus-alt, var(--button-focus)) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .button--brand:focus,.button--brand:focus-within {
        outline:none;
        position: relative
    }

    .button--brand:focus:before,.button--brand:focus-within:before {
        bottom: -.25rem;
        left: -.25rem;
        position: absolute;
        right: -.25rem;
        top: -.25rem;
        border: .125rem solid var(--button-focus-alt, var(--button-focus));
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .button--brand:focus,.button--brand:focus-within {
            outline:none;
            position: relative
        }

        .button--brand:focus:before,.button--brand:focus-within:before {
            bottom: -.25rem;
            left: -.25rem;
            position: absolute;
            right: -.25rem;
            top: -.25rem;
            border: .125rem solid var(--button-focus-alt, var(--button-focus));
            content: ""
        }
    }
}

.button--brand:hover:not(:disabled,[disabled],.button--loading) {
    background-position: 0 100%;
    color: var(--button-filled-color-hover-alt, var(--button-filled-color-hover))
}

.button--brand:disabled,.button--brand[disabled] {
    background: var(--color-neutral-95)
}

.button--brand.button--shadow {
    box-shadow: var(--elevation-size-m) var(--elevation-color-brand-40)
}

.button--brand.button--shadow:hover,.button--brand.button--shadow:focus,.button--brand.button--shadow:active {
    box-shadow: var(--elevation-size-s) var(--elevation-color-brand-40)
}

.button--brand.button--shadow:disabled,.button--brand.button--shadow[disabled] {
    box-shadow: none
}

.button--brand.button--loading:after {
    border: .125rem solid var(--button-filled-loading-fill-alt, var(--button-filled-loading-fill));
    border-top-color: var(--button-filled-loading-border-alt, var(--button-filled-loading-border))
}

.button--brand .icon {
    color: var(--button-filled-color-alt, var(--button-filled-color))
}

.button--danger {
    --button-filled-background-alt: linear-gradient( 45deg, var(--color-error-dark) 50%, var(--color-error-base) );
    --button-filled-color-alt: var(--button--filled-color);
    --button-filled-color-hover-alt: var(--button--filled-color-hover);
    --button-filled-background: linear-gradient(45deg, var(--color-error-dark) 50%, var(--color-error-base));
    outline-color: var(--button-focus-alt, var(--button-focus));
    background: var(--button-filled-background-alt, var(--button-filled-background)) 100% 0;
    background-size: 200%;
    color: var(--button-filled-color-alt, var(--button-filled-color))
}

.button--danger:focus-visible {
    outline: var(--button-focus-alt, var(--button-focus)) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .button--danger:focus,.button--danger:focus-within {
        outline:none;
        position: relative
    }

    .button--danger:focus:before,.button--danger:focus-within:before {
        bottom: -.25rem;
        left: -.25rem;
        position: absolute;
        right: -.25rem;
        top: -.25rem;
        border: .125rem solid var(--button-focus-alt, var(--button-focus));
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .button--danger:focus,.button--danger:focus-within {
            outline:none;
            position: relative
        }

        .button--danger:focus:before,.button--danger:focus-within:before {
            bottom: -.25rem;
            left: -.25rem;
            position: absolute;
            right: -.25rem;
            top: -.25rem;
            border: .125rem solid var(--button-focus-alt, var(--button-focus));
            content: ""
        }
    }
}

.button--danger:hover:not(:disabled,[disabled],.button--loading) {
    background-position: 0 100%;
    color: var(--button-filled-color-hover-alt, var(--button-filled-color-hover))
}

.button--danger:disabled,.button--danger[disabled] {
    background: var(--color-neutral-95)
}

.button--danger.button--shadow {
    box-shadow: var(--elevation-size-m) var(--elevation-color-error-40)
}

.button--danger.button--shadow:hover,.button--danger.button--shadow:focus,.button--danger.button--shadow:active {
    box-shadow: var(--elevation-size-s) var(--elevation-color-error-40)
}

.button--danger.button--shadow:disabled,.button--danger.button--shadow[disabled] {
    box-shadow: none
}

.button--danger.button--loading:after {
    border: .125rem solid var(--button-filled-loading-fill-alt, var(--button-filled-loading-fill));
    border-top-color: var(--button-filled-loading-border-alt, var(--button-filled-loading-border))
}

.button--danger .icon {
    color: var(--button-filled-color-alt, var(--button-filled-color))
}

.button--secondary {
    outline-color: var(--button-focus-alt, var(--button-focus));
    border: .125rem solid var(--button-outlined-border-alt, var(--button-outlined-border));
    color: var(--button-outlined-color-alt, var(--button-outlined-color))
}

.button--secondary:focus-visible {
    outline: var(--button-focus-alt, var(--button-focus)) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .button--secondary:focus,.button--secondary:focus-within {
        outline:none;
        position: relative
    }

    .button--secondary:focus:before,.button--secondary:focus-within:before {
        bottom: -.375rem;
        left: -.375rem;
        position: absolute;
        right: -.375rem;
        top: -.375rem;
        border: .125rem solid var(--button-focus-alt, var(--button-focus));
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .button--secondary:focus,.button--secondary:focus-within {
            outline:none;
            position: relative
        }

        .button--secondary:focus:before,.button--secondary:focus-within:before {
            bottom: -.375rem;
            left: -.375rem;
            position: absolute;
            right: -.375rem;
            top: -.375rem;
            border: .125rem solid var(--button-focus-alt, var(--button-focus));
            content: ""
        }
    }
}

.button--secondary:hover {
    box-shadow: var(--elevation-size-s) var(--elevation-color-action-15);
    background: var(--button-outlined-background-hover-alt, var(--button-outlined-background-hover));
    border-color: var(--button-outlined-border-hover-alt, var(--button-outlined-border-hover))
}

.button--secondary:disabled,.button--secondary[disabled] {
    background: var(--color-neutral-95);
    border-color: transparent;
    box-shadow: none
}

.button--secondary.button--loading:after {
    border: .125rem solid var(--button-outlined-loading-fill-alt, var(--button-outlined-loading-fill));
    border-top-color: var(--button-outlined-loading-border-alt, var(--button-outlined-loading-border))
}

.button--secondary .icon {
    color: var(--button-outlined-color-alt, var(--button-outlined-color))
}

.button--tertiary {
    outline-color: var(--button-focus-alt, var(--button-focus));
    border: .125rem solid var(--button-tertiary-border-alt, var(--button-tertiary-border));
    color: var(--button-outlined-color-alt, var(--button-outlined-color))
}

.button--tertiary:focus-visible {
    outline: var(--button-focus-alt, var(--button-focus)) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .button--tertiary:focus,.button--tertiary:focus-within {
        outline:none;
        position: relative
    }

    .button--tertiary:focus:before,.button--tertiary:focus-within:before {
        bottom: -.375rem;
        left: -.375rem;
        position: absolute;
        right: -.375rem;
        top: -.375rem;
        border: .125rem solid var(--button-focus-alt, var(--button-focus));
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .button--tertiary:focus,.button--tertiary:focus-within {
            outline:none;
            position: relative
        }

        .button--tertiary:focus:before,.button--tertiary:focus-within:before {
            bottom: -.375rem;
            left: -.375rem;
            position: absolute;
            right: -.375rem;
            top: -.375rem;
            border: .125rem solid var(--button-focus-alt, var(--button-focus));
            content: ""
        }
    }
}

.button--tertiary:hover {
    box-shadow: var(--elevation-size-s) var(--elevation-color-action-15);
    background: var(--button-outlined-background-hover-alt, var(--button-outlined-background-hover));
    border-color: var(--button-outlined-border-hover-alt, var(--button-outlined-border-hover))
}

.button--tertiary:disabled,.button--tertiary[disabled] {
    background: var(--color-neutral-95);
    border-color: transparent;
    box-shadow: none
}

.button--tertiary.button--loading:after {
    border: .125rem solid var(--button-outlined-loading-fill-alt, var(--button-outlined-loading-fill));
    border-top-color: var(--button-outlined-loading-border-alt, var(--button-outlined-loading-border))
}

.button--tertiary .icon {
    color: var(--button-outlined-color-alt, var(--button-outlined-color))
}

.button--ghost {
    outline-color: var(--button-focus-alt, var(--button-focus));
    color: var(--button-ghost-color-alt, var(--button-ghost-color))
}

.button--ghost:focus-visible {
    outline: var(--button-focus-alt, var(--button-focus)) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .button--ghost:focus,.button--ghost:focus-within {
        outline:none;
        position: relative
    }

    .button--ghost:focus:before,.button--ghost:focus-within:before {
        border-radius: var(--radius-2xs);
        bottom: -.25rem;
        left: -.25rem;
        position: absolute;
        right: -.25rem;
        top: -.25rem;
        border: .125rem solid var(--button-focus-alt, var(--button-focus));
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .button--ghost:focus,.button--ghost:focus-within {
            outline:none;
            position: relative
        }

        .button--ghost:focus:before,.button--ghost:focus-within:before {
            border-radius: var(--radius-2xs);
            bottom: -.25rem;
            left: -.25rem;
            position: absolute;
            right: -.25rem;
            top: -.25rem;
            border: .125rem solid var(--button-focus-alt, var(--button-focus));
            content: ""
        }
    }
}

.button--ghost:hover:not(:disabled,[disabled]) {
    background-color: var(--button-ghost-background-alt, var(--button-ghost-background))
}

.button.button--full-width {
    width: 100%
}

.button--loading {
    color: transparent;
    pointer-events: none;
    position: relative
}

.button--loading .icon {
    color: transparent
}

.button--loading:after {
    animation: loadingIcon .8s infinite linear,fadeIn .2s cubic-bezier(.2,.07,.38,1);
    border: .1875rem solid var(--color-action-light);
    border-radius: 50%;
    border-top-color: var(--color-action-base);
    content: "";
    height: 1.625rem;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 1.625rem
}

[data-theme=light] {
    --card-title-alt: initial;
    --card-subtitle-alt: initial;
    --card-content-alt: initial;
    --card-action-color-alt: initial;
    --card-action-color-hover-alt: initial;
    --card-action-background-alt: initial
}

[data-theme=alt] {
    --card-title-alt: var(--color-neutral-light);
    --card-subtitle-alt: var(--color-neutral-light-opacity-75);
    --card-content-alt: var(--color-neutral-light-opacity-75);
    --card-action-color-alt: var(--color-neutral-light);
    --card-action-color-hover-alt: var(--color-action-base);
    --card-action-background-alt: var(--color-neutral-light)
}

.card {
    --card-title: var(--color-neutral-base);
    --card-subtitle: var(--color-neutral-25);
    --card-content: var(--color-neutral-25);
    --card-action-color: var(--color-action-base);
    --card-action-color-hover: var(--color-neutral-light);
    --card-action-background: linear-gradient( 45deg, var(--color-action-base) 50%, #07a5b5 );
    border-radius: var(--radius-xl);
    padding: var(--spacing-s);
    background-color: var(--color-neutral-light);
    border: .125rem solid var(--color-neutral-85);
    display: grid;
    flex: 1;
    gap: var(--spacing-2xs);
    position: relative
}

@media screen and (min-width: 768px) {
    .card {
        padding:var(--spacing-m)
    }
}

@media screen and (min-width: 1200px) {
    .card {
        padding:var(--spacing-l)
    }
}

.card--brand-dark {
    background: var(--color-brand-dark);
    border-color: var(--color-brand-dark)
}

.card--neutral-base {
    background: var(--color-neutral-base);
    border-color: var(--color-neutral-base)
}

.card--m {
    padding: var(--spacing-m)
}

@media screen and (min-width: 768px) {
    .card--m {
        padding:var(--spacing-l)
    }
}

@media screen and (min-width: 1200px) {
    .card--m {
        padding:var(--spacing-xl)
    }
}

.card--l {
    border-radius: var(--radius-2xl);
    padding: var(--spacing-l);
    gap: var(--spacing-l)
}

@media screen and (min-width: 768px) {
    .card--l {
        padding:var(--spacing-2xl)
    }
}

@media screen and (min-width: 1200px) {
    .card--l {
        padding:var(--spacing-3xl)
    }
}

@media screen and (min-width: 1200px) {
    .card--l {
        gap:var(--spacing-2xl)
    }
}

@media screen and (min-width: 768px) {
    .card--l {
        border-radius:var(--radius-3xl)
    }
}

@media screen and (min-width: 1200px) {
    .card--l {
        border-radius:var(--radius-4xl)
    }
}

.card--l .card__header {
    gap: var(--spacing-xs)
}

.card--l .card__header__title {
    font-size: var(--title-size-l-bp-base);
    line-height: 130%;
    letter-spacing: -.015rem;
    font-weight: var(--font-weight-bold)
}

@media screen and (min-width: 768px) {
    .card--l .card__header__title {
        font-size:var(--title-size-l-bp-s);
        line-height: 130%;
        letter-spacing: -.01625rem
    }
}

@media screen and (min-width: 1200px) {
    .card--l .card__header__title {
        font-size:var(--title-size-l-bp-l);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

.card--l .card__header__action:before {
    border-radius: calc(var(--radius-3xl) - 3px)
}

@media screen and (min-width: 1200px) {
    .card--l .card__wrapper {
        gap:var(--spacing-2xs)
    }
}

.card--l .card__footer {
    padding-top: var(--spacing-s)
}

@media screen and (min-width: 768px) {
    .card--l .card__footer {
        padding-top:var(--spacing-m)
    }
}

.card--with-addon--top .card__addon {
    justify-self: start
}

.card--with-addon--left {
    grid-template-columns: auto 1fr
}

.card--with-action {
    cursor: pointer;
    grid-template-columns: 1fr auto;
    transition: box-shadow cubic-bezier(.2,.07,1,1) 75ms
}

.card--with-action:hover {
    box-shadow: var(--elevation-size-m) var(--elevation-color-neutral-15);
    transition: box-shadow cubic-bezier(0,0,.38,1) .2s
}

.card--with-action:active {
    box-shadow: var(--elevation-size-s) var(--elevation-color-neutral-15);
    border-color: var(--color-neutral-75)
}

.card--with-addon--left.card--with-action {
    grid-template-columns: auto 1fr auto
}

.card__wrapper {
    display: grid;
    gap: var(--spacing-3xs);
    grid-template-rows: auto 1fr
}

.card--with-single-row .card__wrapper {
    align-items: center;
    grid-template-rows: auto
}

.card__addon {
    align-self: center
}

.card__header {
    display: grid;
    gap: var(--spacing-2xs)
}

.card--with-addon--top .card__header {
    gap: var(--spacing-xs)
}

.card__header__action {
    border-radius: var(--radius-2xs);
    cursor: pointer;
    display: flex;
    outline: none;
    text-align: left
}

.card__header__action:before {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: calc(var(--radius-xl) - 3px);
    content: ""
}

.card__header__action:focus-visible:before {
    outline: var(--color-action-base) solid .125rem;
    outline-offset: .25rem
}

.card__header__content {
    display: grid;
    gap: var(--spacing-2xs)
}

.card--with-addon--header .card__header__content {
    grid-template-columns: auto 1fr
}

.card__header__content__inline-action {
    display: grid;
    gap: var(--spacing-2xs);
    grid-template-columns: 1fr auto
}

.card__header__title {
    color: var(--card-title-alt, var(--card-title))
}

.card__header__subtitle {
    color: var(--card-subtitle-alt, var(--card-subtitle))
}

.card__action {
    align-self: end;
    border-radius: 50%;
    overflow: hidden;
    padding: var(--spacing-3xs);
    pointer-events: none;
    position: relative;
    transition: all cubic-bezier(.2,.07,1,1) .2s
}

.card__action:focus {
    outline: none
}

.card__action:before {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: var(--card-action-background-alt, var(--card-action-background));
    background-position: 100% 0;
    background-size: 200%;
    content: "";
    opacity: 0;
    transition: cubic-bezier(.2,.07,1,1) 75ms;
    transition-property: background-position,opacity
}

.card:hover .card__action {
    transition: cubic-bezier(0,0,.38,1) .2s;
    transition-property: background-position,opacity
}

.card:hover .card__action:before {
    opacity: 1
}

.card:active .card__action {
    color: var(--color-neutral-light)
}

.card:active .card__action:before {
    background: var(--color-action-dark)
}

.card__action .icon {
    color: var(--card-action-color-alt, var(--card-action-color))
}

.card:hover .card__action .icon,.card:active .card__action .icon {
    color: var(--card-action-color-hover-alt, var(--card-action-color-hover))
}

.card--with-addon--left .card__action {
    align-self: center
}

.card__header__action__icon {
    position: relative;
    transition: color cubic-bezier(.2,.07,1,1) 75ms
}

.card:hover .card__header__action__icon {
    transition: color cubic-bezier(0,0,.38,1) .2s
}

.card__content {
    color: var(--card-content-alt, var(--card-content))
}

.card__footer {
    padding-top: var(--spacing-2xs)
}

.counter {
    align-items: center;
    column-gap: var(--spacing-s);
    display: grid;
    grid-auto-flow: column;
    height: 3.125rem;
    justify-content: space-between
}

.counter--disabled {
    color: var(--color-neutral-50)
}

.counter-wrapper {
    align-items: center;
    column-gap: var(--spacing-xs);
    display: grid;
    grid-auto-flow: column
}

.counter__content {
    align-content: center;
    column-gap: var(--spacing-4xs);
    display: grid;
    grid-auto-flow: column;
    min-width: 1.25rem;
    text-align: center
}

[data-theme=light] {
    --divider-border-color-alt: initial;
    --divider-text-color-alt: initial
}

[data-theme=alt] {
    --divider-border-color-alt: var(--color-neutral-light-opacity-15);
    --divider-text-color-alt: var(--color-neutral-light-opacity-75)
}

.divider {
    --divider-border-color: var(--color-neutral-85);
    --divider-text-color: var(--color-neutral-25);
    --divider-border-width: .0625rem;
    border: 0;
    border-color: var(--divider-border-color-alt, var(--divider-border-color));
    border-style: solid;
    color: var(--divider-text-color-alt, var(--divider-text-color));
    margin: 0
}

.divider--neutral95 {
    --divider-border-color: var(--color-neutral-95)
}

.divider--horizontal {
    height: auto;
    width: 100%
}

.divider--horizontal:not(.divider--label) {
    border-bottom-width: var(--divider-border-width)
}

.divider--border-m {
    --divider-border-width: .125rem
}

.divider--vertical {
    align-self: stretch;
    border-right-width: var(--divider-border-width);
    flex-shrink: 0;
    height: auto
}

.divider--label {
    display: flex
}

.divider--label:before,.divider--label:after {
    align-self: center;
    border-top: var(--divider-border-width) solid var(--divider-border-color-alt, var(--divider-border-color));
    content: "";
    flex-grow: 1
}

.divider__label {
    max-width: 80%;
    padding: 0 var(--spacing-2xs);
    text-align: center
}

.divider--horizontal.divider--margin-0 {
    margin-bottom: 0;
    margin-top: 0
}

.divider--horizontal.divider--margin-5xl {
    margin-bottom: var(--spacing-5xl);
    margin-top: var(--spacing-5xl)
}

.divider--horizontal.divider--margin-4xl {
    margin-bottom: var(--spacing-4xl);
    margin-top: var(--spacing-4xl)
}

.divider--horizontal.divider--margin-3xl {
    margin-bottom: var(--spacing-3xl);
    margin-top: var(--spacing-3xl)
}

.divider--horizontal.divider--margin-2xl {
    margin-bottom: var(--spacing-2xl);
    margin-top: var(--spacing-2xl)
}

.divider--horizontal.divider--margin-xl {
    margin-bottom: var(--spacing-xl);
    margin-top: var(--spacing-xl)
}

.divider--horizontal.divider--margin-l {
    margin-bottom: var(--spacing-l);
    margin-top: var(--spacing-l)
}

.divider--horizontal.divider--margin-m {
    margin-bottom: var(--spacing-m);
    margin-top: var(--spacing-m)
}

.divider--horizontal.divider--margin-s {
    margin-bottom: var(--spacing-s);
    margin-top: var(--spacing-s)
}

.divider--horizontal.divider--margin-xs {
    margin-bottom: var(--spacing-xs);
    margin-top: var(--spacing-xs)
}

.divider--horizontal.divider--margin-2xs {
    margin-bottom: var(--spacing-2xs);
    margin-top: var(--spacing-2xs)
}

.divider--horizontal.divider--margin-3xs {
    margin-bottom: var(--spacing-3xs);
    margin-top: var(--spacing-3xs)
}

.divider--horizontal.divider--margin-4xs {
    margin-bottom: var(--spacing-4xs);
    margin-top: var(--spacing-4xs)
}

.divider--vertical.divider--margin-0 {
    margin-left: 0;
    margin-right: 0
}

.divider--vertical.divider--margin-5xl {
    margin-left: var(--spacing-5xl);
    margin-right: var(--spacing-5xl)
}

.divider--vertical.divider--margin-4xl {
    margin-left: var(--spacing-4xl);
    margin-right: var(--spacing-4xl)
}

.divider--vertical.divider--margin-3xl {
    margin-left: var(--spacing-3xl);
    margin-right: var(--spacing-3xl)
}

.divider--vertical.divider--margin-2xl {
    margin-left: var(--spacing-2xl);
    margin-right: var(--spacing-2xl)
}

.divider--vertical.divider--margin-xl {
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl)
}

.divider--vertical.divider--margin-l {
    margin-left: var(--spacing-l);
    margin-right: var(--spacing-l)
}

.divider--vertical.divider--margin-m {
    margin-left: var(--spacing-m);
    margin-right: var(--spacing-m)
}

.divider--vertical.divider--margin-s {
    margin-left: var(--spacing-s);
    margin-right: var(--spacing-s)
}

.divider--vertical.divider--margin-xs {
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs)
}

.divider--vertical.divider--margin-2xs {
    margin-left: var(--spacing-2xs);
    margin-right: var(--spacing-2xs)
}

.divider--vertical.divider--margin-3xs {
    margin-left: var(--spacing-3xs);
    margin-right: var(--spacing-3xs)
}

.divider--vertical.divider--margin-4xs {
    margin-left: var(--spacing-4xs);
    margin-right: var(--spacing-4xs)
}

@media screen and (min-width: 375px) {
    .divider--horizontal.divider--margin-0-from-2xs {
        margin-bottom:0;
        margin-top: 0
    }
}

@media screen and (min-width: 375px) {
    .divider--vertical.divider--margin-0-from-2xs {
        margin-left:0;
        margin-right: 0
    }
}

@media screen and (min-width: 375px) {
    .divider--horizontal.divider--margin-5xl-from-2xs {
        margin-bottom:var(--spacing-5xl);
        margin-top: var(--spacing-5xl)
    }
}

@media screen and (min-width: 375px) {
    .divider--vertical.divider--margin-5xl-from-2xs {
        margin-left:var(--spacing-5xl);
        margin-right: var(--spacing-5xl)
    }
}

@media screen and (min-width: 375px) {
    .divider--horizontal.divider--margin-4xl-from-2xs {
        margin-bottom:var(--spacing-4xl);
        margin-top: var(--spacing-4xl)
    }
}

@media screen and (min-width: 375px) {
    .divider--vertical.divider--margin-4xl-from-2xs {
        margin-left:var(--spacing-4xl);
        margin-right: var(--spacing-4xl)
    }
}

@media screen and (min-width: 375px) {
    .divider--horizontal.divider--margin-3xl-from-2xs {
        margin-bottom:var(--spacing-3xl);
        margin-top: var(--spacing-3xl)
    }
}

@media screen and (min-width: 375px) {
    .divider--vertical.divider--margin-3xl-from-2xs {
        margin-left:var(--spacing-3xl);
        margin-right: var(--spacing-3xl)
    }
}

@media screen and (min-width: 375px) {
    .divider--horizontal.divider--margin-2xl-from-2xs {
        margin-bottom:var(--spacing-2xl);
        margin-top: var(--spacing-2xl)
    }
}

@media screen and (min-width: 375px) {
    .divider--vertical.divider--margin-2xl-from-2xs {
        margin-left:var(--spacing-2xl);
        margin-right: var(--spacing-2xl)
    }
}

@media screen and (min-width: 375px) {
    .divider--horizontal.divider--margin-xl-from-2xs {
        margin-bottom:var(--spacing-xl);
        margin-top: var(--spacing-xl)
    }
}

@media screen and (min-width: 375px) {
    .divider--vertical.divider--margin-xl-from-2xs {
        margin-left:var(--spacing-xl);
        margin-right: var(--spacing-xl)
    }
}

@media screen and (min-width: 375px) {
    .divider--horizontal.divider--margin-l-from-2xs {
        margin-bottom:var(--spacing-l);
        margin-top: var(--spacing-l)
    }
}

@media screen and (min-width: 375px) {
    .divider--vertical.divider--margin-l-from-2xs {
        margin-left:var(--spacing-l);
        margin-right: var(--spacing-l)
    }
}

@media screen and (min-width: 375px) {
    .divider--horizontal.divider--margin-m-from-2xs {
        margin-bottom:var(--spacing-m);
        margin-top: var(--spacing-m)
    }
}

@media screen and (min-width: 375px) {
    .divider--vertical.divider--margin-m-from-2xs {
        margin-left:var(--spacing-m);
        margin-right: var(--spacing-m)
    }
}

@media screen and (min-width: 375px) {
    .divider--horizontal.divider--margin-s-from-2xs {
        margin-bottom:var(--spacing-s);
        margin-top: var(--spacing-s)
    }
}

@media screen and (min-width: 375px) {
    .divider--vertical.divider--margin-s-from-2xs {
        margin-left:var(--spacing-s);
        margin-right: var(--spacing-s)
    }
}

@media screen and (min-width: 375px) {
    .divider--horizontal.divider--margin-xs-from-2xs {
        margin-bottom:var(--spacing-xs);
        margin-top: var(--spacing-xs)
    }
}

@media screen and (min-width: 375px) {
    .divider--vertical.divider--margin-xs-from-2xs {
        margin-left:var(--spacing-xs);
        margin-right: var(--spacing-xs)
    }
}

@media screen and (min-width: 375px) {
    .divider--horizontal.divider--margin-2xs-from-2xs {
        margin-bottom:var(--spacing-2xs);
        margin-top: var(--spacing-2xs)
    }
}

@media screen and (min-width: 375px) {
    .divider--vertical.divider--margin-2xs-from-2xs {
        margin-left:var(--spacing-2xs);
        margin-right: var(--spacing-2xs)
    }
}

@media screen and (min-width: 375px) {
    .divider--horizontal.divider--margin-3xs-from-2xs {
        margin-bottom:var(--spacing-3xs);
        margin-top: var(--spacing-3xs)
    }
}

@media screen and (min-width: 375px) {
    .divider--vertical.divider--margin-3xs-from-2xs {
        margin-left:var(--spacing-3xs);
        margin-right: var(--spacing-3xs)
    }
}

@media screen and (min-width: 375px) {
    .divider--horizontal.divider--margin-4xs-from-2xs {
        margin-bottom:var(--spacing-4xs);
        margin-top: var(--spacing-4xs)
    }
}

@media screen and (min-width: 375px) {
    .divider--vertical.divider--margin-4xs-from-2xs {
        margin-left:var(--spacing-4xs);
        margin-right: var(--spacing-4xs)
    }
}

@media screen and (min-width: 576px) {
    .divider--horizontal.divider--margin-0-from-xs {
        margin-bottom:0;
        margin-top: 0
    }
}

@media screen and (min-width: 576px) {
    .divider--vertical.divider--margin-0-from-xs {
        margin-left:0;
        margin-right: 0
    }
}

@media screen and (min-width: 576px) {
    .divider--horizontal.divider--margin-5xl-from-xs {
        margin-bottom:var(--spacing-5xl);
        margin-top: var(--spacing-5xl)
    }
}

@media screen and (min-width: 576px) {
    .divider--vertical.divider--margin-5xl-from-xs {
        margin-left:var(--spacing-5xl);
        margin-right: var(--spacing-5xl)
    }
}

@media screen and (min-width: 576px) {
    .divider--horizontal.divider--margin-4xl-from-xs {
        margin-bottom:var(--spacing-4xl);
        margin-top: var(--spacing-4xl)
    }
}

@media screen and (min-width: 576px) {
    .divider--vertical.divider--margin-4xl-from-xs {
        margin-left:var(--spacing-4xl);
        margin-right: var(--spacing-4xl)
    }
}

@media screen and (min-width: 576px) {
    .divider--horizontal.divider--margin-3xl-from-xs {
        margin-bottom:var(--spacing-3xl);
        margin-top: var(--spacing-3xl)
    }
}

@media screen and (min-width: 576px) {
    .divider--vertical.divider--margin-3xl-from-xs {
        margin-left:var(--spacing-3xl);
        margin-right: var(--spacing-3xl)
    }
}

@media screen and (min-width: 576px) {
    .divider--horizontal.divider--margin-2xl-from-xs {
        margin-bottom:var(--spacing-2xl);
        margin-top: var(--spacing-2xl)
    }
}

@media screen and (min-width: 576px) {
    .divider--vertical.divider--margin-2xl-from-xs {
        margin-left:var(--spacing-2xl);
        margin-right: var(--spacing-2xl)
    }
}

@media screen and (min-width: 576px) {
    .divider--horizontal.divider--margin-xl-from-xs {
        margin-bottom:var(--spacing-xl);
        margin-top: var(--spacing-xl)
    }
}

@media screen and (min-width: 576px) {
    .divider--vertical.divider--margin-xl-from-xs {
        margin-left:var(--spacing-xl);
        margin-right: var(--spacing-xl)
    }
}

@media screen and (min-width: 576px) {
    .divider--horizontal.divider--margin-l-from-xs {
        margin-bottom:var(--spacing-l);
        margin-top: var(--spacing-l)
    }
}

@media screen and (min-width: 576px) {
    .divider--vertical.divider--margin-l-from-xs {
        margin-left:var(--spacing-l);
        margin-right: var(--spacing-l)
    }
}

@media screen and (min-width: 576px) {
    .divider--horizontal.divider--margin-m-from-xs {
        margin-bottom:var(--spacing-m);
        margin-top: var(--spacing-m)
    }
}

@media screen and (min-width: 576px) {
    .divider--vertical.divider--margin-m-from-xs {
        margin-left:var(--spacing-m);
        margin-right: var(--spacing-m)
    }
}

@media screen and (min-width: 576px) {
    .divider--horizontal.divider--margin-s-from-xs {
        margin-bottom:var(--spacing-s);
        margin-top: var(--spacing-s)
    }
}

@media screen and (min-width: 576px) {
    .divider--vertical.divider--margin-s-from-xs {
        margin-left:var(--spacing-s);
        margin-right: var(--spacing-s)
    }
}

@media screen and (min-width: 576px) {
    .divider--horizontal.divider--margin-xs-from-xs {
        margin-bottom:var(--spacing-xs);
        margin-top: var(--spacing-xs)
    }
}

@media screen and (min-width: 576px) {
    .divider--vertical.divider--margin-xs-from-xs {
        margin-left:var(--spacing-xs);
        margin-right: var(--spacing-xs)
    }
}

@media screen and (min-width: 576px) {
    .divider--horizontal.divider--margin-2xs-from-xs {
        margin-bottom:var(--spacing-2xs);
        margin-top: var(--spacing-2xs)
    }
}

@media screen and (min-width: 576px) {
    .divider--vertical.divider--margin-2xs-from-xs {
        margin-left:var(--spacing-2xs);
        margin-right: var(--spacing-2xs)
    }
}

@media screen and (min-width: 576px) {
    .divider--horizontal.divider--margin-3xs-from-xs {
        margin-bottom:var(--spacing-3xs);
        margin-top: var(--spacing-3xs)
    }
}

@media screen and (min-width: 576px) {
    .divider--vertical.divider--margin-3xs-from-xs {
        margin-left:var(--spacing-3xs);
        margin-right: var(--spacing-3xs)
    }
}

@media screen and (min-width: 576px) {
    .divider--horizontal.divider--margin-4xs-from-xs {
        margin-bottom:var(--spacing-4xs);
        margin-top: var(--spacing-4xs)
    }
}

@media screen and (min-width: 576px) {
    .divider--vertical.divider--margin-4xs-from-xs {
        margin-left:var(--spacing-4xs);
        margin-right: var(--spacing-4xs)
    }
}

@media screen and (min-width: 768px) {
    .divider--horizontal.divider--margin-0-from-s {
        margin-bottom:0;
        margin-top: 0
    }
}

@media screen and (min-width: 768px) {
    .divider--vertical.divider--margin-0-from-s {
        margin-left:0;
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    .divider--horizontal.divider--margin-5xl-from-s {
        margin-bottom:var(--spacing-5xl);
        margin-top: var(--spacing-5xl)
    }
}

@media screen and (min-width: 768px) {
    .divider--vertical.divider--margin-5xl-from-s {
        margin-left:var(--spacing-5xl);
        margin-right: var(--spacing-5xl)
    }
}

@media screen and (min-width: 768px) {
    .divider--horizontal.divider--margin-4xl-from-s {
        margin-bottom:var(--spacing-4xl);
        margin-top: var(--spacing-4xl)
    }
}

@media screen and (min-width: 768px) {
    .divider--vertical.divider--margin-4xl-from-s {
        margin-left:var(--spacing-4xl);
        margin-right: var(--spacing-4xl)
    }
}

@media screen and (min-width: 768px) {
    .divider--horizontal.divider--margin-3xl-from-s {
        margin-bottom:var(--spacing-3xl);
        margin-top: var(--spacing-3xl)
    }
}

@media screen and (min-width: 768px) {
    .divider--vertical.divider--margin-3xl-from-s {
        margin-left:var(--spacing-3xl);
        margin-right: var(--spacing-3xl)
    }
}

@media screen and (min-width: 768px) {
    .divider--horizontal.divider--margin-2xl-from-s {
        margin-bottom:var(--spacing-2xl);
        margin-top: var(--spacing-2xl)
    }
}

@media screen and (min-width: 768px) {
    .divider--vertical.divider--margin-2xl-from-s {
        margin-left:var(--spacing-2xl);
        margin-right: var(--spacing-2xl)
    }
}

@media screen and (min-width: 768px) {
    .divider--horizontal.divider--margin-xl-from-s {
        margin-bottom:var(--spacing-xl);
        margin-top: var(--spacing-xl)
    }
}

@media screen and (min-width: 768px) {
    .divider--vertical.divider--margin-xl-from-s {
        margin-left:var(--spacing-xl);
        margin-right: var(--spacing-xl)
    }
}

@media screen and (min-width: 768px) {
    .divider--horizontal.divider--margin-l-from-s {
        margin-bottom:var(--spacing-l);
        margin-top: var(--spacing-l)
    }
}

@media screen and (min-width: 768px) {
    .divider--vertical.divider--margin-l-from-s {
        margin-left:var(--spacing-l);
        margin-right: var(--spacing-l)
    }
}

@media screen and (min-width: 768px) {
    .divider--horizontal.divider--margin-m-from-s {
        margin-bottom:var(--spacing-m);
        margin-top: var(--spacing-m)
    }
}

@media screen and (min-width: 768px) {
    .divider--vertical.divider--margin-m-from-s {
        margin-left:var(--spacing-m);
        margin-right: var(--spacing-m)
    }
}

@media screen and (min-width: 768px) {
    .divider--horizontal.divider--margin-s-from-s {
        margin-bottom:var(--spacing-s);
        margin-top: var(--spacing-s)
    }
}

@media screen and (min-width: 768px) {
    .divider--vertical.divider--margin-s-from-s {
        margin-left:var(--spacing-s);
        margin-right: var(--spacing-s)
    }
}

@media screen and (min-width: 768px) {
    .divider--horizontal.divider--margin-xs-from-s {
        margin-bottom:var(--spacing-xs);
        margin-top: var(--spacing-xs)
    }
}

@media screen and (min-width: 768px) {
    .divider--vertical.divider--margin-xs-from-s {
        margin-left:var(--spacing-xs);
        margin-right: var(--spacing-xs)
    }
}

@media screen and (min-width: 768px) {
    .divider--horizontal.divider--margin-2xs-from-s {
        margin-bottom:var(--spacing-2xs);
        margin-top: var(--spacing-2xs)
    }
}

@media screen and (min-width: 768px) {
    .divider--vertical.divider--margin-2xs-from-s {
        margin-left:var(--spacing-2xs);
        margin-right: var(--spacing-2xs)
    }
}

@media screen and (min-width: 768px) {
    .divider--horizontal.divider--margin-3xs-from-s {
        margin-bottom:var(--spacing-3xs);
        margin-top: var(--spacing-3xs)
    }
}

@media screen and (min-width: 768px) {
    .divider--vertical.divider--margin-3xs-from-s {
        margin-left:var(--spacing-3xs);
        margin-right: var(--spacing-3xs)
    }
}

@media screen and (min-width: 768px) {
    .divider--horizontal.divider--margin-4xs-from-s {
        margin-bottom:var(--spacing-4xs);
        margin-top: var(--spacing-4xs)
    }
}

@media screen and (min-width: 768px) {
    .divider--vertical.divider--margin-4xs-from-s {
        margin-left:var(--spacing-4xs);
        margin-right: var(--spacing-4xs)
    }
}

@media screen and (min-width: 992px) {
    .divider--horizontal.divider--margin-0-from-m {
        margin-bottom:0;
        margin-top: 0
    }
}

@media screen and (min-width: 992px) {
    .divider--vertical.divider--margin-0-from-m {
        margin-left:0;
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .divider--horizontal.divider--margin-5xl-from-m {
        margin-bottom:var(--spacing-5xl);
        margin-top: var(--spacing-5xl)
    }
}

@media screen and (min-width: 992px) {
    .divider--vertical.divider--margin-5xl-from-m {
        margin-left:var(--spacing-5xl);
        margin-right: var(--spacing-5xl)
    }
}

@media screen and (min-width: 992px) {
    .divider--horizontal.divider--margin-4xl-from-m {
        margin-bottom:var(--spacing-4xl);
        margin-top: var(--spacing-4xl)
    }
}

@media screen and (min-width: 992px) {
    .divider--vertical.divider--margin-4xl-from-m {
        margin-left:var(--spacing-4xl);
        margin-right: var(--spacing-4xl)
    }
}

@media screen and (min-width: 992px) {
    .divider--horizontal.divider--margin-3xl-from-m {
        margin-bottom:var(--spacing-3xl);
        margin-top: var(--spacing-3xl)
    }
}

@media screen and (min-width: 992px) {
    .divider--vertical.divider--margin-3xl-from-m {
        margin-left:var(--spacing-3xl);
        margin-right: var(--spacing-3xl)
    }
}

@media screen and (min-width: 992px) {
    .divider--horizontal.divider--margin-2xl-from-m {
        margin-bottom:var(--spacing-2xl);
        margin-top: var(--spacing-2xl)
    }
}

@media screen and (min-width: 992px) {
    .divider--vertical.divider--margin-2xl-from-m {
        margin-left:var(--spacing-2xl);
        margin-right: var(--spacing-2xl)
    }
}

@media screen and (min-width: 992px) {
    .divider--horizontal.divider--margin-xl-from-m {
        margin-bottom:var(--spacing-xl);
        margin-top: var(--spacing-xl)
    }
}

@media screen and (min-width: 992px) {
    .divider--vertical.divider--margin-xl-from-m {
        margin-left:var(--spacing-xl);
        margin-right: var(--spacing-xl)
    }
}

@media screen and (min-width: 992px) {
    .divider--horizontal.divider--margin-l-from-m {
        margin-bottom:var(--spacing-l);
        margin-top: var(--spacing-l)
    }
}

@media screen and (min-width: 992px) {
    .divider--vertical.divider--margin-l-from-m {
        margin-left:var(--spacing-l);
        margin-right: var(--spacing-l)
    }
}

@media screen and (min-width: 992px) {
    .divider--horizontal.divider--margin-m-from-m {
        margin-bottom:var(--spacing-m);
        margin-top: var(--spacing-m)
    }
}

@media screen and (min-width: 992px) {
    .divider--vertical.divider--margin-m-from-m {
        margin-left:var(--spacing-m);
        margin-right: var(--spacing-m)
    }
}

@media screen and (min-width: 992px) {
    .divider--horizontal.divider--margin-s-from-m {
        margin-bottom:var(--spacing-s);
        margin-top: var(--spacing-s)
    }
}

@media screen and (min-width: 992px) {
    .divider--vertical.divider--margin-s-from-m {
        margin-left:var(--spacing-s);
        margin-right: var(--spacing-s)
    }
}

@media screen and (min-width: 992px) {
    .divider--horizontal.divider--margin-xs-from-m {
        margin-bottom:var(--spacing-xs);
        margin-top: var(--spacing-xs)
    }
}

@media screen and (min-width: 992px) {
    .divider--vertical.divider--margin-xs-from-m {
        margin-left:var(--spacing-xs);
        margin-right: var(--spacing-xs)
    }
}

@media screen and (min-width: 992px) {
    .divider--horizontal.divider--margin-2xs-from-m {
        margin-bottom:var(--spacing-2xs);
        margin-top: var(--spacing-2xs)
    }
}

@media screen and (min-width: 992px) {
    .divider--vertical.divider--margin-2xs-from-m {
        margin-left:var(--spacing-2xs);
        margin-right: var(--spacing-2xs)
    }
}

@media screen and (min-width: 992px) {
    .divider--horizontal.divider--margin-3xs-from-m {
        margin-bottom:var(--spacing-3xs);
        margin-top: var(--spacing-3xs)
    }
}

@media screen and (min-width: 992px) {
    .divider--vertical.divider--margin-3xs-from-m {
        margin-left:var(--spacing-3xs);
        margin-right: var(--spacing-3xs)
    }
}

@media screen and (min-width: 992px) {
    .divider--horizontal.divider--margin-4xs-from-m {
        margin-bottom:var(--spacing-4xs);
        margin-top: var(--spacing-4xs)
    }
}

@media screen and (min-width: 992px) {
    .divider--vertical.divider--margin-4xs-from-m {
        margin-left:var(--spacing-4xs);
        margin-right: var(--spacing-4xs)
    }
}

@media screen and (min-width: 1200px) {
    .divider--horizontal.divider--margin-0-from-l {
        margin-bottom:0;
        margin-top: 0
    }
}

@media screen and (min-width: 1200px) {
    .divider--vertical.divider--margin-0-from-l {
        margin-left:0;
        margin-right: 0
    }
}

@media screen and (min-width: 1200px) {
    .divider--horizontal.divider--margin-5xl-from-l {
        margin-bottom:var(--spacing-5xl);
        margin-top: var(--spacing-5xl)
    }
}

@media screen and (min-width: 1200px) {
    .divider--vertical.divider--margin-5xl-from-l {
        margin-left:var(--spacing-5xl);
        margin-right: var(--spacing-5xl)
    }
}

@media screen and (min-width: 1200px) {
    .divider--horizontal.divider--margin-4xl-from-l {
        margin-bottom:var(--spacing-4xl);
        margin-top: var(--spacing-4xl)
    }
}

@media screen and (min-width: 1200px) {
    .divider--vertical.divider--margin-4xl-from-l {
        margin-left:var(--spacing-4xl);
        margin-right: var(--spacing-4xl)
    }
}

@media screen and (min-width: 1200px) {
    .divider--horizontal.divider--margin-3xl-from-l {
        margin-bottom:var(--spacing-3xl);
        margin-top: var(--spacing-3xl)
    }
}

@media screen and (min-width: 1200px) {
    .divider--vertical.divider--margin-3xl-from-l {
        margin-left:var(--spacing-3xl);
        margin-right: var(--spacing-3xl)
    }
}

@media screen and (min-width: 1200px) {
    .divider--horizontal.divider--margin-2xl-from-l {
        margin-bottom:var(--spacing-2xl);
        margin-top: var(--spacing-2xl)
    }
}

@media screen and (min-width: 1200px) {
    .divider--vertical.divider--margin-2xl-from-l {
        margin-left:var(--spacing-2xl);
        margin-right: var(--spacing-2xl)
    }
}

@media screen and (min-width: 1200px) {
    .divider--horizontal.divider--margin-xl-from-l {
        margin-bottom:var(--spacing-xl);
        margin-top: var(--spacing-xl)
    }
}

@media screen and (min-width: 1200px) {
    .divider--vertical.divider--margin-xl-from-l {
        margin-left:var(--spacing-xl);
        margin-right: var(--spacing-xl)
    }
}

@media screen and (min-width: 1200px) {
    .divider--horizontal.divider--margin-l-from-l {
        margin-bottom:var(--spacing-l);
        margin-top: var(--spacing-l)
    }
}

@media screen and (min-width: 1200px) {
    .divider--vertical.divider--margin-l-from-l {
        margin-left:var(--spacing-l);
        margin-right: var(--spacing-l)
    }
}

@media screen and (min-width: 1200px) {
    .divider--horizontal.divider--margin-m-from-l {
        margin-bottom:var(--spacing-m);
        margin-top: var(--spacing-m)
    }
}

@media screen and (min-width: 1200px) {
    .divider--vertical.divider--margin-m-from-l {
        margin-left:var(--spacing-m);
        margin-right: var(--spacing-m)
    }
}

@media screen and (min-width: 1200px) {
    .divider--horizontal.divider--margin-s-from-l {
        margin-bottom:var(--spacing-s);
        margin-top: var(--spacing-s)
    }
}

@media screen and (min-width: 1200px) {
    .divider--vertical.divider--margin-s-from-l {
        margin-left:var(--spacing-s);
        margin-right: var(--spacing-s)
    }
}

@media screen and (min-width: 1200px) {
    .divider--horizontal.divider--margin-xs-from-l {
        margin-bottom:var(--spacing-xs);
        margin-top: var(--spacing-xs)
    }
}

@media screen and (min-width: 1200px) {
    .divider--vertical.divider--margin-xs-from-l {
        margin-left:var(--spacing-xs);
        margin-right: var(--spacing-xs)
    }
}

@media screen and (min-width: 1200px) {
    .divider--horizontal.divider--margin-2xs-from-l {
        margin-bottom:var(--spacing-2xs);
        margin-top: var(--spacing-2xs)
    }
}

@media screen and (min-width: 1200px) {
    .divider--vertical.divider--margin-2xs-from-l {
        margin-left:var(--spacing-2xs);
        margin-right: var(--spacing-2xs)
    }
}

@media screen and (min-width: 1200px) {
    .divider--horizontal.divider--margin-3xs-from-l {
        margin-bottom:var(--spacing-3xs);
        margin-top: var(--spacing-3xs)
    }
}

@media screen and (min-width: 1200px) {
    .divider--vertical.divider--margin-3xs-from-l {
        margin-left:var(--spacing-3xs);
        margin-right: var(--spacing-3xs)
    }
}

@media screen and (min-width: 1200px) {
    .divider--horizontal.divider--margin-4xs-from-l {
        margin-bottom:var(--spacing-4xs);
        margin-top: var(--spacing-4xs)
    }
}

@media screen and (min-width: 1200px) {
    .divider--vertical.divider--margin-4xs-from-l {
        margin-left:var(--spacing-4xs);
        margin-right: var(--spacing-4xs)
    }
}

@media screen and (min-width: 1680px) {
    .divider--horizontal.divider--margin-0-from-xl {
        margin-bottom:0;
        margin-top: 0
    }
}

@media screen and (min-width: 1680px) {
    .divider--vertical.divider--margin-0-from-xl {
        margin-left:0;
        margin-right: 0
    }
}

@media screen and (min-width: 1680px) {
    .divider--horizontal.divider--margin-5xl-from-xl {
        margin-bottom:var(--spacing-5xl);
        margin-top: var(--spacing-5xl)
    }
}

@media screen and (min-width: 1680px) {
    .divider--vertical.divider--margin-5xl-from-xl {
        margin-left:var(--spacing-5xl);
        margin-right: var(--spacing-5xl)
    }
}

@media screen and (min-width: 1680px) {
    .divider--horizontal.divider--margin-4xl-from-xl {
        margin-bottom:var(--spacing-4xl);
        margin-top: var(--spacing-4xl)
    }
}

@media screen and (min-width: 1680px) {
    .divider--vertical.divider--margin-4xl-from-xl {
        margin-left:var(--spacing-4xl);
        margin-right: var(--spacing-4xl)
    }
}

@media screen and (min-width: 1680px) {
    .divider--horizontal.divider--margin-3xl-from-xl {
        margin-bottom:var(--spacing-3xl);
        margin-top: var(--spacing-3xl)
    }
}

@media screen and (min-width: 1680px) {
    .divider--vertical.divider--margin-3xl-from-xl {
        margin-left:var(--spacing-3xl);
        margin-right: var(--spacing-3xl)
    }
}

@media screen and (min-width: 1680px) {
    .divider--horizontal.divider--margin-2xl-from-xl {
        margin-bottom:var(--spacing-2xl);
        margin-top: var(--spacing-2xl)
    }
}

@media screen and (min-width: 1680px) {
    .divider--vertical.divider--margin-2xl-from-xl {
        margin-left:var(--spacing-2xl);
        margin-right: var(--spacing-2xl)
    }
}

@media screen and (min-width: 1680px) {
    .divider--horizontal.divider--margin-xl-from-xl {
        margin-bottom:var(--spacing-xl);
        margin-top: var(--spacing-xl)
    }
}

@media screen and (min-width: 1680px) {
    .divider--vertical.divider--margin-xl-from-xl {
        margin-left:var(--spacing-xl);
        margin-right: var(--spacing-xl)
    }
}

@media screen and (min-width: 1680px) {
    .divider--horizontal.divider--margin-l-from-xl {
        margin-bottom:var(--spacing-l);
        margin-top: var(--spacing-l)
    }
}

@media screen and (min-width: 1680px) {
    .divider--vertical.divider--margin-l-from-xl {
        margin-left:var(--spacing-l);
        margin-right: var(--spacing-l)
    }
}

@media screen and (min-width: 1680px) {
    .divider--horizontal.divider--margin-m-from-xl {
        margin-bottom:var(--spacing-m);
        margin-top: var(--spacing-m)
    }
}

@media screen and (min-width: 1680px) {
    .divider--vertical.divider--margin-m-from-xl {
        margin-left:var(--spacing-m);
        margin-right: var(--spacing-m)
    }
}

@media screen and (min-width: 1680px) {
    .divider--horizontal.divider--margin-s-from-xl {
        margin-bottom:var(--spacing-s);
        margin-top: var(--spacing-s)
    }
}

@media screen and (min-width: 1680px) {
    .divider--vertical.divider--margin-s-from-xl {
        margin-left:var(--spacing-s);
        margin-right: var(--spacing-s)
    }
}

@media screen and (min-width: 1680px) {
    .divider--horizontal.divider--margin-xs-from-xl {
        margin-bottom:var(--spacing-xs);
        margin-top: var(--spacing-xs)
    }
}

@media screen and (min-width: 1680px) {
    .divider--vertical.divider--margin-xs-from-xl {
        margin-left:var(--spacing-xs);
        margin-right: var(--spacing-xs)
    }
}

@media screen and (min-width: 1680px) {
    .divider--horizontal.divider--margin-2xs-from-xl {
        margin-bottom:var(--spacing-2xs);
        margin-top: var(--spacing-2xs)
    }
}

@media screen and (min-width: 1680px) {
    .divider--vertical.divider--margin-2xs-from-xl {
        margin-left:var(--spacing-2xs);
        margin-right: var(--spacing-2xs)
    }
}

@media screen and (min-width: 1680px) {
    .divider--horizontal.divider--margin-3xs-from-xl {
        margin-bottom:var(--spacing-3xs);
        margin-top: var(--spacing-3xs)
    }
}

@media screen and (min-width: 1680px) {
    .divider--vertical.divider--margin-3xs-from-xl {
        margin-left:var(--spacing-3xs);
        margin-right: var(--spacing-3xs)
    }
}

@media screen and (min-width: 1680px) {
    .divider--horizontal.divider--margin-4xs-from-xl {
        margin-bottom:var(--spacing-4xs);
        margin-top: var(--spacing-4xs)
    }
}

@media screen and (min-width: 1680px) {
    .divider--vertical.divider--margin-4xs-from-xl {
        margin-left:var(--spacing-4xs);
        margin-right: var(--spacing-4xs)
    }
}

.dropdown-menu-wrapper {
    position: relative;
    width: fit-content
}

.dropdown-menu-wrapper .button--ghost:first-child {
    margin: 0
}

.dropdown-menu {
    border-radius: var(--radius-m);
    box-shadow: var(--elevation-size-m) var(--elevation-color-neutral-15);
    background-color: var(--color-neutral-light);
    border: .125rem solid var(--color-neutral-85);
    display: grid;
    gap: var(--spacing-4xs);
    margin: 0;
    max-width: 16.25rem;
    min-width: 8.75rem;
    opacity: 0;
    padding: var(--spacing-xs);
    pointer-events: none;
    position: absolute;
    transition-duration: 75ms;
    transition-property: transform,opacity;
    transition-timing-function: cubic-bezier(.2,.07,1,1);
    width: max-content;
    z-index: 90
}

.dropdown-menu .dropdown-menu__item-wrapper {
    list-style-type: none
}

.dropdown-menu-wrapper--visible-on-hover .dropdown-menu:before {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    transform: scale(1.15);
    z-index: -1
}

.dropdown-menu--top-left {
    left: 0;
    bottom: calc(100% + var(--spacing-2xs));
    transform: scale(.8,.5);
    transform-origin: bottom left
}

.dropdown-menu--top-center {
    left: 50%;
    bottom: calc(100% + var(--spacing-2xs));
    transform: translate(-50%) scale(.8,.5);
    transform-origin: bottom center
}

.dropdown-menu--top-right {
    right: 0;
    bottom: calc(100% + var(--spacing-2xs));
    transform: scale(.8,.5);
    transform-origin: bottom right
}

.dropdown-menu--bottom-left {
    left: 0;
    top: calc(100% + var(--spacing-2xs));
    transform: scale(.8,.5);
    transform-origin: top left
}

.dropdown-menu--bottom-center {
    left: 50%;
    top: calc(100% + var(--spacing-2xs));
    transform: translate(-50%) scale(.8,.5);
    transform-origin: top center
}

.dropdown-menu--bottom-right {
    right: 0;
    top: calc(100% + var(--spacing-2xs));
    transform: scale(.8,.5);
    transform-origin: top right
}

.dropdown-menu-wrapper--visible-on-hover:hover .dropdown-menu,.dropdown-menu--open {
    opacity: 1;
    pointer-events: all;
    transform: scale(1);
    transition-timing-function: cubic-bezier(0,0,.38,1)
}

.dropdown-menu-wrapper--visible-on-hover:hover .dropdown-menu.dropdown-menu--top-center,.dropdown-menu-wrapper--visible-on-hover:hover .dropdown-menu.dropdown-menu--bottom-center,.dropdown-menu--open.dropdown-menu--top-center,.dropdown-menu--open.dropdown-menu--bottom-center {
    transform: translate(-50%) scale(1)
}

.dropdown-menu__item {
    border-radius: var(--radius-xs);
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-base);
    align-items: center;
    background-color: var(--color-neutral-light);
    column-gap: var(--spacing-xs);
    display: grid;
    grid-auto-flow: column;
    justify-content: left;
    padding: var(--spacing-xs);
    text-align: left;
    transition-duration: .2s;
    transition-property: background-color,color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    width: 100%
}

.dropdown-menu__item:hover {
    background-color: var(--color-neutral-95);
    color: var(--color-action-base);
    cursor: pointer
}

.dropdown-menu__item:focus-visible {
    outline-color: var(--color-action-base);
    color: var(--color-action-base)
}

.dropdown-menu__item:focus-visible:focus-visible {
    outline: var(--color-action-base) solid .125rem;
    outline-offset: -.125rem
}

@supports (-webkit-hyphens: none) {
    .dropdown-menu__item:focus-visible:focus,.dropdown-menu__item:focus-visible:focus-within {
        outline:none;
        position: relative
    }

    .dropdown-menu__item:focus-visible:focus:before,.dropdown-menu__item:focus-visible:focus-within:before {
        bottom: .125rem;
        left: .125rem;
        position: absolute;
        right: .125rem;
        top: .125rem;
        border: .125rem solid var(--color-action-base);
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .dropdown-menu__item:focus-visible:focus,.dropdown-menu__item:focus-visible:focus-within {
            outline:none;
            position: relative
        }

        .dropdown-menu__item:focus-visible:focus:before,.dropdown-menu__item:focus-visible:focus-within:before {
            bottom: .125rem;
            left: .125rem;
            position: absolute;
            right: .125rem;
            top: .125rem;
            border: .125rem solid var(--color-action-base);
            content: ""
        }
    }
}

.dropdown-menu__item:active {
    background-color: var(--color-neutral-95);
    color: var(--color-action-dark)
}

.dropdown-menu__item:disabled,.dropdown-menu__item[disabled] {
    background-color: var(--color-neutral-light);
    color: var(--color-neutral-75);
    cursor: not-allowed
}

.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]) {
    color: var(--color-error-base)
}

.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):hover {
    background-color: var(--color-error-light);
    color: var(--color-error-base)
}

.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible {
    outline-color: var(--color-error-base);
    color: var(--color-error-base)
}

.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus-visible {
    outline: var(--color-error-base) solid .125rem;
    outline-offset: -.125rem
}

@supports (-webkit-hyphens: none) {
    .dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus,.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus-within {
        outline:none;
        position: relative
    }

    .dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus:before,.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus-within:before {
        bottom: .125rem;
        left: .125rem;
        position: absolute;
        right: .125rem;
        top: .125rem;
        border: .125rem solid var(--color-error-base);
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus,.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus-within {
            outline:none;
            position: relative
        }

        .dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus:before,.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus-within:before {
            bottom: .125rem;
            left: .125rem;
            position: absolute;
            right: .125rem;
            top: .125rem;
            border: .125rem solid var(--color-error-base);
            content: ""
        }
    }
}

.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):active {
    background-color: var(--color-error-light);
    color: var(--color-error-dark)
}

.dropdown-menu__item--selected:not(:disabled,[disabled]),.dropdown-menu__item--selected:not(:disabled,[disabled]):hover {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-action-base);
    background-color: var(--color-action-light)
}

.dropdown-menu__item--selected:not(:disabled,[disabled]):active {
    color: var(--color-action-dark)
}

.dropdown-menu__trigger .icon {
    transition: transform .2s cubic-bezier(.2,.07,.38,1)
}

.dropdown-menu__trigger[aria-expanded=true] .icon,.dropdown-menu-wrapper--visible-on-hover:hover .dropdown-menu__trigger .icon {
    transform: rotate(180deg)
}

.form-card {
    border-radius: var(--radius-s);
    align-items: center;
    border: .125rem solid var(--color-neutral-85);
    cursor: pointer;
    display: flex;
    outline: transparent solid .1875rem;
    outline-offset: 0;
    padding: var(--spacing-s) var(--spacing-m);
    position: relative;
    transition-duration: .2s;
    transition-property: border-color,box-shadow,outline-color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    width: 100%;
    will-change: border-color,box-shadow,outline-color
}

@supports (-webkit-hyphens: none) {
    .form-card {
        box-shadow:0 0 0 .125rem transparent;
        outline: none
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-card {
            box-shadow:0 0 0 .125rem transparent;
            outline: none
        }
    }
}

.form-card:active:not(.form-card--disabled) {
    border-color: var(--color-action-dark);
    outline-color: var(--color-action-base-opacity-20)
}

.form-card:hover:not(.form-card--disabled,.form-card--error,:disabled,[disabled]) {
    border-color: var(--color-action-base)
}

.form-card:has(:focus-visible) {
    border-color: var(--color-action-base);
    outline-color: var(--color-action-base-opacity-20)
}

.form-card.form-card--checked:not(:active,.form-card--error,.form-card--disabled) {
    box-shadow: var(--elevation-size-s) var(--elevation-color-action-15);
    border-color: var(--color-action-base)
}

@supports (-webkit-hyphens: none) {
    .form-card:focus-within,.form-card.form-card--checked:focus-within {
        border-color:var(--color-action-base)
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-card:focus-within,.form-card.form-card--checked:focus-within {
            border-color:var(--color-action-base)
        }
    }
}

@supports (-webkit-hyphens: none) {
    .form-card:focus-within,.form-card.form-card--checked:focus-within {
        box-shadow:0 0 0 .125rem var(--color-action-base-opacity-20);
        outline: none
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-card:focus-within,.form-card.form-card--checked:focus-within {
            box-shadow:0 0 0 .125rem var(--color-action-base-opacity-20);
            outline: none
        }
    }
}

.form-card .form-control__checkbox,.form-card .form-control__radio {
    margin-top: 0
}

.form-card .badge {
    position: absolute;
    right: var(--spacing-xs);
    top: -.125rem
}

.form-card--disabled {
    background-color: var(--color-neutral-95);
    border-color: var(--color-neutral-85);
    color: var(--color-neutral-75);
    cursor: not-allowed
}

.form-card--error,.form-card--error:active,.form-card--error:focus-within,.form-card--error:hover:not(.form-card--error--disabled,:disabled,[disabled]) {
    border-color: var(--color-error-base)
}

.form-card--error:active,.form-card--error:focus-within {
    outline-color: var(--color-error-base-opacity-20)
}

@supports (-webkit-hyphens: none) {
    @supports (-webkit-hyphens: none) {
        .form-card--error:active,.form-card--error:focus-within {
            box-shadow:0 0 0 .125rem var(--color-error-dark-opacity-20);
            outline: none
        }
    }

    @media not all and (min-resolution: .001dpcm) {
        @supports (-webkit-appearance: none) and (stroke-color: transparent) {
            .form-card--error:active,.form-card--error:focus-within {
                box-shadow:0 0 0 .125rem var(--color-error-dark-opacity-20);
                outline: none
            }
        }
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        @supports (-webkit-hyphens: none) {
            .form-card--error:active,.form-card--error:focus-within {
                box-shadow:0 0 0 .125rem var(--color-error-dark-opacity-20);
                outline: none
            }
        }

        @media not all and (min-resolution: .001dpcm) {
            @supports (-webkit-appearance: none) and (stroke-color: transparent) {
                .form-card--error:active,.form-card--error:focus-within {
                    box-shadow:0 0 0 .125rem var(--color-error-dark-opacity-20);
                    outline: none
                }
            }
        }
    }
}

.form-card--error .form-control__checkbox,.form-card--error .form-control__radio {
    outline-color: var(--color-error-base)
}

.form-card--error .form-control__checkbox:focus-visible,.form-card--error .form-control__radio:focus-visible {
    outline: var(--color-error-base) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .form-card--error .form-control__checkbox:focus,.form-card--error .form-control__checkbox:focus-within,.form-card--error .form-control__radio:focus,.form-card--error .form-control__radio:focus-within {
        outline:none;
        position: relative
    }

    .form-card--error .form-control__checkbox:focus:before,.form-card--error .form-control__checkbox:focus-within:before,.form-card--error .form-control__radio:focus:before,.form-card--error .form-control__radio:focus-within:before {
        border-radius: var(--radius-2xs);
        bottom: -.375rem;
        left: -.375rem;
        position: absolute;
        right: -.375rem;
        top: -.375rem;
        border: .125rem solid var(--color-error-base);
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-card--error .form-control__checkbox:focus,.form-card--error .form-control__checkbox:focus-within,.form-card--error .form-control__radio:focus,.form-card--error .form-control__radio:focus-within {
            outline:none;
            position: relative
        }

        .form-card--error .form-control__checkbox:focus:before,.form-card--error .form-control__checkbox:focus-within:before,.form-card--error .form-control__radio:focus:before,.form-card--error .form-control__radio:focus-within:before {
            border-radius: var(--radius-2xs);
            bottom: -.375rem;
            left: -.375rem;
            position: absolute;
            right: -.375rem;
            top: -.375rem;
            border: .125rem solid var(--color-error-base);
            content: ""
        }
    }
}

.form-card--error .form-control__checkbox,.form-card--error .form-control__checkbox:active,.form-card--error .form-control__checkbox:checked,.form-card--error .form-control__checkbox:focus-visible,.form-card--error .form-control__checkbox:focus-within,.form-card--error .form-control__checkbox:hover:not(.form-card--error .form-control__checkbox--disabled,:disabled,[disabled],.form-card--error .form-control__radio--disabled),.form-card--error .form-control__radio,.form-card--error .form-control__radio:active,.form-card--error .form-control__radio:checked,.form-card--error .form-control__radio:focus-visible,.form-card--error .form-control__radio:focus-within,.form-card--error .form-control__radio:hover:not(.form-card--error .form-control__checkbox--disabled,:disabled,[disabled],.form-card--error .form-control__radio--disabled) {
    border-color: var(--color-error-base)
}

.form-card--error .form-control__checkbox:checked,.form-card--error .form-control__checkbox:checked:active:not(:disabled,[disabled]),.form-card--error .form-control__radio:checked,.form-card--error .form-control__radio:checked:active:not(:disabled,[disabled]) {
    background-color: var(--color-error-base)
}

.form-card--l {
    align-items: start;
    display: grid;
    grid-template-areas: ". addon input" "content content content";
    grid-template-columns: 20px auto 20px;
    grid-template-rows: auto 1fr;
    padding: var(--spacing-s);
    row-gap: var(--spacing-xs);
    text-align: center
}

.form-card--l .form-control__checkbox,.form-card--l .form-control__radio {
    grid-area: input
}

.form-card--l .badge {
    left: var(--spacing-xs);
    right: initial
}

.form-card__content-wrapper {
    flex: 1;
    -webkit-user-select: none;
    user-select: none
}

.form-card--l .form-card__content-wrapper {
    grid-area: content;
    padding-bottom: var(--spacing-2xs)
}

.form-card__title,.form-card__text {
    display: block
}

.form-card--disabled .form-card__title,.form-card--disabled .form-card__text {
    color: var(--color-neutral-50)
}

.form-card__title {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-base)
}

.form-card__text {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-25)
}

.form-card__addon {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-base);
    display: inline-flex;
    margin-right: var(--spacing-xs)
}

.form-card--l .form-card__addon {
    grid-area: addon;
    justify-self: center;
    margin-right: 0;
    padding-top: var(--spacing-2xs);
    width: fit-content
}

.form-card--disabled .form-card__addon {
    color: var(--color-neutral-50);
    filter: grayscale(1)
}

.form-card__addon--with-icon {
    color: var(--color-action-base)
}

.form-card--error .form-card__addon--with-icon {
    color: var(--color-error-base)
}

.form-card-group {
    display: grid;
    gap: var(--spacing-xs);
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    position: relative
}

@media screen and (min-width: 576px) {
    .form-card-group {
        grid-auto-flow:column
    }
}

.form-card-group--column {
    grid-auto-flow: row
}

.form-card-group--row {
    grid-auto-flow: column
}

.form-control__checkbox {
    border-radius: var(--radius-2xs);
    outline-color: var(--color-action-base);
    border: .125rem solid var(--color-neutral-85);
    cursor: pointer;
    height: 1.25rem;
    margin-top: .0625rem;
    transition-duration: .2s;
    transition-property: background-color,border-color,box-shadow,outline-color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    width: 1.25rem;
    will-change: background-color,border-color,box-shadow,outline-color;
    position: relative
}

.form-control__checkbox:focus-visible {
    outline: var(--color-action-base) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .form-control__checkbox:focus,.form-control__checkbox:focus-within {
        outline:none;
        position: relative
    }

    .form-control__checkbox:focus:before,.form-control__checkbox:focus-within:before {
        border-radius: var(--radius-xs);
        bottom: -.375rem;
        left: -.375rem;
        position: absolute;
        right: -.375rem;
        top: -.375rem;
        border: .125rem solid var(--color-action-base);
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-control__checkbox:focus,.form-control__checkbox:focus-within {
            outline:none;
            position: relative
        }

        .form-control__checkbox:focus:before,.form-control__checkbox:focus-within:before {
            border-radius: var(--radius-xs);
            bottom: -.375rem;
            left: -.375rem;
            position: absolute;
            right: -.375rem;
            top: -.375rem;
            border: .125rem solid var(--color-action-base);
            content: ""
        }
    }
}

.form-control__checkbox:focus-visible,.form-control__checkbox:hover:not(.form-control__checkbox--disabled,.form-control__checkbox--error,:disabled,[disabled],:checked) {
    border-color: var(--color-action-base)
}

.form-control__checkbox:checked {
    background-color: var(--color-action-base);
    border-color: var(--color-action-base)
}

.form-control__checkbox:active:not(:disabled,[disabled]) {
    border-color: var(--color-action-dark)
}

.form-control__checkbox:active:not(:disabled,[disabled]):checked {
    background-color: var(--color-action-dark)
}

.form-control__checkbox:disabled,.form-control__checkbox[disabled] {
    background-color: var(--color-neutral-95);
    border-color: var(--color-neutral-85);
    color: var(--color-neutral-75);
    cursor: not-allowed;
    box-shadow: none;
    outline: none
}

.form-control__checkbox:disabled:checked,.form-control__checkbox[disabled]:checked {
    border-color: var(--color-neutral-85)
}

.form-control-option--error .form-control__checkbox {
    outline-color: var(--color-error-base)
}

.form-control-option--error .form-control__checkbox:focus-visible {
    outline: var(--color-error-base) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .form-control-option--error .form-control__checkbox:focus,.form-control-option--error .form-control__checkbox:focus-within {
        outline:none;
        position: relative
    }

    .form-control-option--error .form-control__checkbox:focus:before,.form-control-option--error .form-control__checkbox:focus-within:before {
        border-radius: var(--radius-xs);
        bottom: -.375rem;
        left: -.375rem;
        position: absolute;
        right: -.375rem;
        top: -.375rem;
        border: .125rem solid var(--color-error-base);
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-control-option--error .form-control__checkbox:focus,.form-control-option--error .form-control__checkbox:focus-within {
            outline:none;
            position: relative
        }

        .form-control-option--error .form-control__checkbox:focus:before,.form-control-option--error .form-control__checkbox:focus-within:before {
            border-radius: var(--radius-xs);
            bottom: -.375rem;
            left: -.375rem;
            position: absolute;
            right: -.375rem;
            top: -.375rem;
            border: .125rem solid var(--color-error-base);
            content: ""
        }
    }
}

.form-control-option--error .form-control__checkbox,.form-control-option--error .form-control__checkbox:active,.form-control-option--error .form-control__checkbox:checked,.form-control-option--error .form-control__checkbox:focus-visible,.form-control-option--error .form-control__checkbox:focus-within,.form-control-option--error .form-control__checkbox:hover:not(.form-control-option--error .form-control__checkbox--disabled,:disabled,[disabled]) {
    border-color: var(--color-error-base)
}

.form-control-option--error .form-control__checkbox:checked,.form-control-option--error .form-control__checkbox:checked:active:not(:disabled,[disabled]) {
    background-color: var(--color-error-base)
}

@supports (-webkit-hyphens: none) {
    .form-control__checkbox:focus-within {
        border-color:var(--color-action-base)
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-control__checkbox:focus-within {
            border-color:var(--color-action-base)
        }
    }
}

.form-control__checkbox:checked:after,.form-control__checkbox:indeterminate:after {
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.form-control__checkbox:checked:after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4413 3.02222L3.78257 8.97764L1.55872 5.94636' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.form-control__checkbox:indeterminate {
    background-color: var(--color-action-base);
    border-color: var(--color-action-base)
}

.form-control__checkbox:indeterminate:after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-1' y='-5' width='12' height='12' fill='%23ffffff'/%3E%3C/svg%3E")
}

.form-control-option--error .form-control__checkbox:indeterminate {
    background-color: var(--color-error-base);
    border-color: var(--color-error-base)
}

.form-control__checkbox:disabled,.form-control__checkbox[disabled] {
    background-color: var(--color-neutral-95);
    border-color: var(--color-neutral-85)
}

.form-control__checkbox:disabled:checked:after,.form-control__checkbox[disabled]:checked:after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4413 3.02222L3.78257 8.97764L1.55872 5.94636' fill='none' stroke='%23c7c9cd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.form-control__checkbox:disabled:indeterminate:after,.form-control__checkbox[disabled]:indeterminate:after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-1' y='-5' width='12' height='12' fill='%23c7c9cd'/%3E%3C/svg%3E")
}

.form-control {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-25);
    align-items: start;
    column-gap: var(--spacing-xs);
    cursor: pointer;
    display: grid;
    grid-template-columns: 1.25rem auto;
    justify-items: start;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.form-control--disabled {
    color: var(--color-neutral-50);
    cursor: not-allowed
}

.form-control-group {
    column-gap: var(--spacing-l);
    align-content: center;
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    position: relative;
    row-gap: var(--spacing-4xs);
    width: 100%
}

@media screen and (min-width: 992px) {
    .form-control-group {
        column-gap:var(--spacing-xl)
    }
}

@media screen and (min-width: 1200px) {
    .form-control-group {
        column-gap:var(--spacing-2xl)
    }
}

.grid__row:has(.grid__row__column+.grid__row__column):not(:has(.grid__row)) .form-control-group {
    min-height: 3.25rem
}

.grid__row:has(.grid__row__column+.grid__row__column):not(:has(.grid__row)):has([class$=--s]) .form-control-group {
    min-height: 2.25rem
}

.form-control-group--column {
    grid-auto-flow: row;
    min-height: unset;
    row-gap: var(--spacing-xs)
}

.form-control-option {
    display: grid;
    row-gap: var(--spacing-4xs)
}

.form-control__text {
    display: inline-block
}

.form-control__radio {
    outline-color: var(--color-action-base);
    border: .125rem solid var(--color-neutral-85);
    cursor: pointer;
    height: 1.25rem;
    margin-top: .0625rem;
    transition-duration: .2s;
    transition-property: background-color,border-color,box-shadow,outline-color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    width: 1.25rem;
    will-change: background-color,border-color,box-shadow,outline-color;
    border-radius: 50%
}

.form-control__radio:focus-visible {
    outline: var(--color-action-base) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .form-control__radio:focus,.form-control__radio:focus-within {
        outline:none;
        position: relative
    }

    .form-control__radio:focus:before,.form-control__radio:focus-within:before {
        border-radius: var(--radius-m);
        bottom: -.375rem;
        left: -.375rem;
        position: absolute;
        right: -.375rem;
        top: -.375rem;
        border: .125rem solid var(--color-action-base);
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-control__radio:focus,.form-control__radio:focus-within {
            outline:none;
            position: relative
        }

        .form-control__radio:focus:before,.form-control__radio:focus-within:before {
            border-radius: var(--radius-m);
            bottom: -.375rem;
            left: -.375rem;
            position: absolute;
            right: -.375rem;
            top: -.375rem;
            border: .125rem solid var(--color-action-base);
            content: ""
        }
    }
}

.form-control__radio:focus-visible,.form-control__radio:hover:not(.form-control__radio--disabled,.form-control__radio--error,:disabled,[disabled],:checked) {
    border-color: var(--color-action-base)
}

.form-control__radio:checked {
    background-color: var(--color-action-base);
    border-color: var(--color-action-base)
}

.form-control__radio:active:not(:disabled,[disabled]) {
    border-color: var(--color-action-dark)
}

.form-control__radio:active:not(:disabled,[disabled]):checked {
    background-color: var(--color-action-dark)
}

.form-control__radio:disabled,.form-control__radio[disabled] {
    background-color: var(--color-neutral-95);
    border-color: var(--color-neutral-85);
    color: var(--color-neutral-75);
    cursor: not-allowed;
    box-shadow: none;
    outline: none
}

.form-control__radio:disabled:checked,.form-control__radio[disabled]:checked {
    border-color: var(--color-neutral-85)
}

.form-control-option--error .form-control__radio {
    outline-color: var(--color-error-base)
}

.form-control-option--error .form-control__radio:focus-visible {
    outline: var(--color-error-base) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .form-control-option--error .form-control__radio:focus,.form-control-option--error .form-control__radio:focus-within {
        outline:none;
        position: relative
    }

    .form-control-option--error .form-control__radio:focus:before,.form-control-option--error .form-control__radio:focus-within:before {
        border-radius: var(--radius-m);
        bottom: -.375rem;
        left: -.375rem;
        position: absolute;
        right: -.375rem;
        top: -.375rem;
        border: .125rem solid var(--color-error-base);
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-control-option--error .form-control__radio:focus,.form-control-option--error .form-control__radio:focus-within {
            outline:none;
            position: relative
        }

        .form-control-option--error .form-control__radio:focus:before,.form-control-option--error .form-control__radio:focus-within:before {
            border-radius: var(--radius-m);
            bottom: -.375rem;
            left: -.375rem;
            position: absolute;
            right: -.375rem;
            top: -.375rem;
            border: .125rem solid var(--color-error-base);
            content: ""
        }
    }
}

.form-control-option--error .form-control__radio,.form-control-option--error .form-control__radio:active,.form-control-option--error .form-control__radio:checked,.form-control-option--error .form-control__radio:focus-visible,.form-control-option--error .form-control__radio:focus-within,.form-control-option--error .form-control__radio:hover:not(.form-control-option--error .form-control__radio--disabled,:disabled,[disabled]) {
    border-color: var(--color-error-base)
}

.form-control-option--error .form-control__radio:checked,.form-control-option--error .form-control__radio:checked:active:not(:disabled,[disabled]) {
    background-color: var(--color-error-base)
}

@supports (-webkit-hyphens: none) {
    .form-control__radio:focus-within {
        border-color:var(--color-action-base)
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-control__radio:focus-within {
            border-color:var(--color-action-base)
        }
    }
}

.form-control__radio:checked,.form-control__radio:active:not(:disabled,[disabled]) {
    box-shadow: inset 0 0 0 .1875rem var(--color-neutral-light)
}

.form-control__radio:disabled:checked,.form-control__radio[disabled]:checked {
    background-color: var(--color-neutral-75);
    box-shadow: inset 0 0 0 .1875rem var(--color-neutral-95)
}

.form-dropdown-wrapper {
    box-shadow: var(--elevation-size-s) var(--elevation-color-action-15);
    border-radius: var(--radius-xs);
    border: .125rem solid var(--color-action-base);
    left: -.125rem;
    opacity: 0;
    outline: transparent solid .125rem;
    padding-top: 2.375rem;
    position: absolute;
    right: -.125rem;
    top: -.125rem;
    transition-duration: 75ms;
    transition-property: opacity,outline-color,padding-top,visibility;
    transition-timing-function: cubic-bezier(.2,.07,1,1);
    visibility: hidden;
    will-change: opacity,outline-color,padding-top;
    z-index: 1
}

.form-dropdown-wrapper ::-webkit-scrollbar {
    border-radius: var(--radius-xs);
    background: transparent;
    width: .625rem
}

@media screen and (min-width: 768px) {
    .form-dropdown-wrapper ::-webkit-scrollbar {
        background:var(--color-neutral-light)
    }
}

.form-dropdown-wrapper ::-webkit-scrollbar:hover {
    background: var(--color-neutral-light)
}

.form-dropdown-wrapper ::-webkit-scrollbar-thumb {
    border-radius: var(--radius-xs);
    background: var(--color-neutral-75)
}

.form-dropdown-wrapper ::-webkit-scrollbar-thumb:hover {
    background: var(--color-neutral-50)
}

@supports (-webkit-hyphens: none) {
    .form-dropdown-wrapper {
        outline:none
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-dropdown-wrapper {
            outline:none
        }
    }
}

.form-field--with-opened-dropdown .form-dropdown-wrapper {
    opacity: 1;
    outline-color: var(--color-action-base-opacity-20);
    padding-top: 3rem;
    transition-timing-function: cubic-bezier(0,0,.38,1);
    visibility: visible
}

@supports (-webkit-hyphens: none) {
    .form-field--with-opened-dropdown .form-dropdown-wrapper {
        box-shadow:0 0 0 .125rem var(--color-action-base-opacity-20);
        outline: none
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-field--with-opened-dropdown .form-dropdown-wrapper {
            box-shadow:0 0 0 .125rem var(--color-action-base-opacity-20);
            outline: none
        }
    }
}

.form-field--error.form-field--with-opened-dropdown .form-dropdown-wrapper {
    border-color: var(--color-error-base);
    outline-color: var(--color-error-base-opacity-20)
}

@supports (-webkit-hyphens: none) {
    .form-field--error.form-field--with-opened-dropdown .form-dropdown-wrapper {
        box-shadow:0 0 0 .125rem var(--color-error-base-opacity-20);
        outline: none
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-field--error.form-field--with-opened-dropdown .form-dropdown-wrapper {
            box-shadow:0 0 0 .125rem var(--color-error-base-opacity-20);
            outline: none
        }
    }
}

.form-dropdown-wrapper--s {
    padding-top: 1.375rem
}

.form-field--with-opened-dropdown .form-dropdown-wrapper--s {
    padding-top: 2rem
}

.form-dropdown-wrapper--s .form-dropdown__suggestion__icon .icon {
    height: 1.25rem;
    width: 1.25rem
}

.form-dropdown {
    background-color: var(--color-neutral-light);
    border-radius: 0 0 .375rem .375rem;
    border-top: .0625rem solid var(--color-neutral-85);
    cursor: default;
    display: grid;
    max-height: 13rem;
    overflow-x: hidden;
    padding: var(--spacing-3xs) var(--spacing-2xs);
    position: relative;
    row-gap: var(--spacing-4xs)
}

.form-dropdown-wrapper--s .form-dropdown {
    max-height: 10.75rem;
    padding: var(--spacing-3xs)
}

.form-dropdown--with-header {
    padding-top: 0
}

.form-dropdown__item,.form-dropdown__no-results {
    border-radius: var(--radius-xs);
    align-items: center;
    color: var(--color-neutral-25);
    cursor: pointer;
    display: grid;
    outline: none;
    padding: var(--spacing-2xs);
    transition: none;
    -webkit-user-select: none;
    user-select: none
}

.form-dropdown-wrapper--s .form-dropdown__item,.form-dropdown-wrapper--s .form-dropdown__no-results {
    padding-bottom: var(--spacing-3xs);
    padding-top: var(--spacing-3xs)
}

.form-dropdown__item--active {
    font-weight: var(--font-weight-bold);
    background-color: var(--color-action-light);
    color: var(--color-action-base)
}

.form-dropdown__item--hover {
    background-color: var(--color-neutral-95)
}

.form-dropdown__no-results {
    cursor: default;
    gap: var(--spacing-2xs)
}

.form-dropdown__no-results__action {
    align-items: center;
    border-top: .0625rem solid var(--color-neutral-85);
    display: grid;
    height: 100%;
    justify-items: start;
    padding-top: var(--spacing-2xs);
    position: relative
}

.form-dropdown__suggestion {
    align-items: center;
    column-gap: var(--spacing-s);
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    padding: var(--spacing-3xs) var(--spacing-2xs)
}

.form-dropdown-wrapper--s .form-dropdown__suggestion {
    column-gap: var(--spacing-2xs)
}

.form-dropdown__suggestion__wrapper {
    color: var(--color-neutral-base);
    display: grid;
    row-gap: var(--spacing-4xs)
}

.form-dropdown-wrapper--s .form-dropdown__suggestion__wrapper {
    row-gap: unset
}

.form-dropdown__suggestion__title {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem
}

.form-dropdown-wrapper--s .form-dropdown__suggestion__title {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem
}

.form-dropdown__suggestion__subtitle {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-25)
}

.form-dropdown-wrapper--s .form-dropdown__suggestion__subtitle {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-s-bp-base);
    line-height: 1.2135rem
}

.form-dropdown__suggestion__icon .icon {
    height: 1.5rem;
    width: 1.5rem
}

.form-dropdown__header {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-s-bp-base);
    line-height: 1.2135rem;
    color: var(--color-neutral-25);
    background-color: var(--color-neutral-light);
    padding: var(--spacing-3xs) var(--spacing-2xs);
    position: sticky;
    top: calc(-1 * var(--spacing-3xs))
}

.form-dropdown__header:after {
    background-color: var(--color-neutral-85);
    bottom: 0;
    content: "";
    height: .0625rem;
    left: var(--spacing-2xs);
    position: absolute;
    right: var(--spacing-2xs)
}

.form-field__autocomplete {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    color: var(--color-neutral-base);
    height: 3rem;
    padding-left: var(--spacing-s);
    width: calc(100% - 3rem)
}

.form-field__autocomplete--s {
    height: 2rem;
    padding-left: var(--spacing-xs);
    width: calc(100% - 2rem)
}

.form-field__date {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    color: var(--color-neutral-50);
    height: 3rem;
    padding-right: var(--spacing-s);
    text-transform: uppercase;
    width: calc(100% - 3rem)
}

@supports (-moz-appearance: meterbar) {
    .form-field__date {
        padding-left:var(--spacing-s);
        width: 100%
    }
}

.form-field__date::-webkit-datetime-edit-day-field,.form-field__date::-webkit-datetime-edit-month-field,.form-field__date::-webkit-datetime-edit-year-field {
    border-radius: var(--radius-2xs);
    content: attr(placeholder)
}

.form-field__date::-webkit-datetime-edit-day-field:focus,.form-field__date::-webkit-datetime-edit-day-field:active,.form-field__date::-webkit-datetime-edit-month-field:focus,.form-field__date::-webkit-datetime-edit-month-field:active,.form-field__date::-webkit-datetime-edit-year-field:focus,.form-field__date::-webkit-datetime-edit-year-field:active {
    background: var(--color-action-light);
    color: var(--color-neutral-25)
}

.form-field__date::-webkit-calendar-picker-indicator {
    background: transparent;
    height: 100%;
    left: 0;
    margin-inline:0;padding: 0;
    position: absolute;
    width: 3rem
}

@supports (-moz-appearance: meterbar) {
    .form-field__addon.form-field__addon--date {
        display:none
    }
}

.form-field__date--filled {
    color: var(--color-neutral-base)
}

.form-field__date--s {
    height: 2rem;
    padding-right: var(--spacing-xs);
    width: calc(100% - 2rem)
}

.form-field__date--s::-webkit-calendar-picker-indicator {
    width: calc(100% - 2rem)
}

.form-field-group__item [inputmode=numeric].form-field-group__item__date {
    outline: transparent solid .1875rem;
    outline-offset: 0;
    transition-duration: .2s;
    transition-property: border-color,outline-color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1)
}

@supports (-webkit-hyphens: none) {
    .form-field-group__item [inputmode=numeric].form-field-group__item__date {
        box-shadow:0 0 0 .125rem transparent;
        outline: none
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-field-group__item [inputmode=numeric].form-field-group__item__date {
            box-shadow:0 0 0 .125rem transparent;
            outline: none
        }
    }
}

.form-field-group__item [inputmode=numeric].form-field-group__item__date:focus-within,.form-field-group__item [inputmode=numeric].form-field-group__item__date:hover:not(.form-field-group__item [inputmode=numeric].form-field-group__item__date--disabled,.form-field-group__item [inputmode=numeric].form-field-group__item__date--error,:disabled,[disabled]) {
    border-color: var(--color-action-base)
}

.form-field-group__item [inputmode=numeric].form-field-group__item__date:focus-within {
    outline-color: var(--color-action-base-opacity-20)
}

@supports (-webkit-hyphens: none) {
    .form-field-group__item [inputmode=numeric].form-field-group__item__date:focus-within {
        box-shadow:0 0 0 .125rem var(--color-action-base-opacity-20);
        outline: none
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-field-group__item [inputmode=numeric].form-field-group__item__date:focus-within {
            box-shadow:0 0 0 .125rem var(--color-action-base-opacity-20);
            outline: none
        }
    }
}

.form-field-group__item.form-field-group__item--error .form-field-group__item__date,.form-field-group__item.form-field-group__item--error .form-field-group__item__date:active,.form-field-group__item.form-field-group__item--error .form-field-group__item__date:focus-within,.form-field-group__item.form-field-group__item--error .form-field-group__item__date:hover:not(.form-field-group__item.form-field-group__item--error .form-field-group__item__date--disabled,:disabled,[disabled]) {
    border-color: var(--color-error-base)
}

.form-field-group__item.form-field-group__item--error .form-field-group__item__date:active,.form-field-group__item.form-field-group__item--error .form-field-group__item__date:focus-within {
    outline-color: var(--color-error-base-opacity-20)
}

@supports (-webkit-hyphens: none) {
    @supports (-webkit-hyphens: none) {
        .form-field-group__item.form-field-group__item--error .form-field-group__item__date:active,.form-field-group__item.form-field-group__item--error .form-field-group__item__date:focus-within {
            box-shadow:0 0 0 .125rem var(--color-error-dark-opacity-20);
            outline: none
        }
    }

    @media not all and (min-resolution: .001dpcm) {
        @supports (-webkit-appearance: none) and (stroke-color: transparent) {
            .form-field-group__item.form-field-group__item--error .form-field-group__item__date:active,.form-field-group__item.form-field-group__item--error .form-field-group__item__date:focus-within {
                box-shadow:0 0 0 .125rem var(--color-error-dark-opacity-20);
                outline: none
            }
        }
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        @supports (-webkit-hyphens: none) {
            .form-field-group__item.form-field-group__item--error .form-field-group__item__date:active,.form-field-group__item.form-field-group__item--error .form-field-group__item__date:focus-within {
                box-shadow:0 0 0 .125rem var(--color-error-dark-opacity-20);
                outline: none
            }
        }

        @media not all and (min-resolution: .001dpcm) {
            @supports (-webkit-appearance: none) and (stroke-color: transparent) {
                .form-field-group__item.form-field-group__item--error .form-field-group__item__date:active,.form-field-group__item.form-field-group__item--error .form-field-group__item__date:focus-within {
                    box-shadow:0 0 0 .125rem var(--color-error-dark-opacity-20);
                    outline: none
                }
            }
        }
    }
}

.form-field-group__item__date {
    border-radius: var(--radius-xs);
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    color: var(--color-neutral-base);
    background-color: var(--color-neutral-light);
    border: .125rem solid var(--color-neutral-85);
    height: 3rem;
    padding: 0 var(--spacing-xs);
    width: 100%
}

.form-field-group__item--s .form-field-group__item__date {
    height: 2rem;
    padding: 0 var(--spacing-2xs)
}

.form-field-group__item__date:disabled,.form-field-group__item__date[disabled] {
    background-color: var(--color-neutral-95);
    border-color: var(--color-neutral-85);
    color: var(--color-neutral-75);
    cursor: not-allowed
}

.form-field {
    border-radius: var(--radius-xs);
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    color: var(--color-neutral-base);
    outline: transparent solid .1875rem;
    outline-offset: 0;
    transition-duration: .2s;
    transition-property: border-color,outline-color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    background-color: var(--color-neutral-light);
    border: .125rem solid var(--color-neutral-85);
    cursor: text;
    position: relative;
    width: 100%
}

@supports (-webkit-hyphens: none) {
    .form-field {
        box-shadow:0 0 0 .125rem transparent;
        outline: none
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-field {
            box-shadow:0 0 0 .125rem transparent;
            outline: none
        }
    }
}

.form-field:focus-within,.form-field:hover:not(.form-field--disabled,.form-field--error,:disabled,[disabled]) {
    border-color: var(--color-action-base)
}

.form-field:focus-within {
    outline-color: var(--color-action-base-opacity-20)
}

@supports (-webkit-hyphens: none) {
    .form-field:focus-within {
        box-shadow:0 0 0 .125rem var(--color-action-base-opacity-20);
        outline: none
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-field:focus-within {
            box-shadow:0 0 0 .125rem var(--color-action-base-opacity-20);
            outline: none
        }
    }
}

.form-field--with-custom-dropdown {
    cursor: pointer
}

.form-field--disabled {
    background-color: var(--color-neutral-95);
    border-color: var(--color-neutral-85);
    color: var(--color-neutral-75);
    cursor: not-allowed
}

.form-field--error,.form-field--error:active,.form-field--error:focus-within,.form-field--error:hover:not(.form-field--error--disabled,:disabled,[disabled]) {
    border-color: var(--color-error-base)
}

.form-field--error:active,.form-field--error:focus-within {
    outline-color: var(--color-error-base-opacity-20)
}

@supports (-webkit-hyphens: none) {
    @supports (-webkit-hyphens: none) {
        .form-field--error:active,.form-field--error:focus-within {
            box-shadow:0 0 0 .125rem var(--color-error-dark-opacity-20);
            outline: none
        }
    }

    @media not all and (min-resolution: .001dpcm) {
        @supports (-webkit-appearance: none) and (stroke-color: transparent) {
            .form-field--error:active,.form-field--error:focus-within {
                box-shadow:0 0 0 .125rem var(--color-error-dark-opacity-20);
                outline: none
            }
        }
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        @supports (-webkit-hyphens: none) {
            .form-field--error:active,.form-field--error:focus-within {
                box-shadow:0 0 0 .125rem var(--color-error-dark-opacity-20);
                outline: none
            }
        }

        @media not all and (min-resolution: .001dpcm) {
            @supports (-webkit-appearance: none) and (stroke-color: transparent) {
                .form-field--error:active,.form-field--error:focus-within {
                    box-shadow:0 0 0 .125rem var(--color-error-dark-opacity-20);
                    outline: none
                }
            }
        }
    }
}

.form-field--with-opened-dropdown {
    border-radius: var(--radius-xs) var(--radius-xs) 0 0;
    z-index: 2
}

.form-field--with-opened-dropdown:focus,.form-field--with-opened-dropdown:focus-within,.form-field--with-opened-dropdown:active {
    outline-color: transparent
}

@supports (-webkit-hyphens: none) {
    .form-field--with-opened-dropdown:focus,.form-field--with-opened-dropdown:focus-within,.form-field--with-opened-dropdown:active {
        box-shadow:0 0 0 .125rem transparent;
        outline: none
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-field--with-opened-dropdown:focus,.form-field--with-opened-dropdown:focus-within,.form-field--with-opened-dropdown:active {
            box-shadow:0 0 0 .125rem transparent;
            outline: none
        }
    }
}

.form-field__wrapper {
    cursor: inherit;
    display: flex;
    height: 100%
}

.form-field--with-opened-dropdown .form-field__wrapper {
    position: relative;
    z-index: 2
}

.form-field__wrapper--with-select {
    display: grid;
    grid-template-columns: auto 3rem
}

.form-field__wrapper--with-select-s {
    grid-template-columns: auto 2rem
}

.form-field__addon {
    align-items: center;
    color: var(--color-neutral-25);
    display: flex;
    flex: 1;
    justify-content: center;
    position: relative;
    transition: transform .2s cubic-bezier(.2,.07,.38,1)
}

.form-field__addon:focus,.form-field__addon:focus-visible {
    outline: none
}

.form-field__addon.form-field__addon--selectable {
    cursor: pointer
}

.form-field__addon.form-field__addon--selectable[disabled] {
    cursor: not-allowed
}

.form-field__addon:not(.form-field__addon--selectable) {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.form-field--with-prepend-text .form-field__addon,.form-field--with-append-text .form-field__addon {
    padding: 0 var(--spacing-xs);
    transition-duration: .2s;
    transition-property: border-color,color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    white-space: nowrap
}

.form-field--with-prepend-text .form-field__addon {
    border-right: .125rem solid var(--color-neutral-85)
}

.form-field--with-append-text .form-field__addon {
    border-left: .125rem solid var(--color-neutral-85)
}

.form-field--with-custom-dropdown.form-field--with-opened-dropdown .form-field__addon {
    transform: rotate(180deg)
}

.form-field__autocomplete--filled~.form-field__addon {
    pointer-events: all
}

.form-field:focus-within .form-field__addon,.form-field:hover .form-field__addon {
    border-color: var(--color-action-base);
    color: var(--color-action-base)
}

.form-field.form-field--disabled .form-field__addon {
    border-color: var(--color-neutral-75);
    color: var(--color-neutral-75)
}

.form-field.form-field--error .form-field__addon {
    border-color: var(--color-error-base);
    color: var(--color-error-base)
}

.form-field__select--native+.form-field__addon {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 3rem
}

.form-field__select--native.form-field__select--s+.form-field__addon {
    width: 2rem
}

.form-field__wrapper--with-select .form-field__addon {
    grid-column: 2/3;
    grid-row: 1;
    width: 3rem
}

.form-field__wrapper--with-select-s .form-field__addon {
    width: 2rem
}

.form-field__addon--loading .icon {
    opacity: 0
}

.form-field__addon--loading:after {
    animation: loadingIcon .8s infinite linear,fadeIn .2s cubic-bezier(.2,.07,.38,1);
    border: .1875rem solid var(--color-action-light);
    border-radius: 50%;
    border-top-color: var(--color-action-base);
    content: "";
    height: 1.625rem;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 1.625rem
}

.form-field-group {
    display: grid;
    gap: var(--spacing-xs);
    grid-auto-columns: 1fr;
    grid-auto-flow: column
}

.form-field-group__item--s {
    gap: var(--spacing-4xs)
}

.form-field-group__item__label {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-base)
}

.form-field-group__item--s .form-field-group__item__label {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-s-bp-base);
    line-height: 1.2135rem
}

.form-field-group__item {
    display: grid;
    gap: var(--spacing-3xs)
}

.form-field__select {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    color: var(--color-neutral-50);
    cursor: pointer;
    height: 3rem;
    overflow: hidden;
    padding-left: var(--spacing-s);
    text-overflow: ellipsis;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: calc(100% - 3rem)
}

@supports (-moz-appearance: meterbar) {
    .form-field__select {
        text-indent:-.125rem
    }
}

.form-field__select--with-grid-layout {
    display: grid;
    grid-column: 1/3;
    grid-row: 1
}

.form-field__select--filled {
    color: var(--color-neutral-base)
}

.form-field__select--s {
    height: 2rem;
    padding-left: var(--spacing-xs);
    width: calc(100% - 2rem)
}

.form-field__select--native {
    padding-right: 3rem;
    width: 100%
}

.form-field__select--native.form-field__select--s {
    padding-right: 2rem
}

.form-field__select--with-no-pointer-events {
    pointer-events: none
}

.form-field__text {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    height: 3rem;
    padding: 0 var(--spacing-s);
    width: 100%
}

.form-field--with-prepend-icon .form-field__text,.form-field--with-append-icon .form-field__text,.form-field--with-prepend-text .form-field__text,.form-field--with-append-text .form-field__text {
    width: calc(100% - 3rem)
}

.form-field--with-prepend-icon .form-field__text {
    padding-left: 0
}

.form-field--with-append-icon .form-field__text {
    padding-right: 0
}

.form-field__text--s {
    height: 2rem;
    padding: 0 var(--spacing-xs)
}

.form-field--with-prepend-icon .form-field__text--s,.form-field--with-append-icon .form-field__text--s,.form-field--with-prepend-text .form-field__text--s,.form-field--with-append-text .form-field__text--s {
    width: calc(100% - 2rem)
}

.form-field__textarea {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    display: block;
    flex: 1;
    margin: 0 var(--spacing-3xs) var(--spacing-3xs) 0;
    min-height: 6.25rem;
    padding: var(--spacing-xs) var(--spacing-s) 0;
    resize: vertical;
    width: calc(100% - var(--spacing-3xs))
}

.form-field__textarea--s {
    min-height: 4.375rem;
    padding-left: var(--spacing-xs);
    padding-top: var(--spacing-2xs)
}

.form-field__time {
    align-items: center;
    color: var(--color-neutral-base);
    display: grid;
    grid-auto-flow: column;
    height: 3rem;
    justify-content: start;
    padding-right: var(--spacing-s);
    text-transform: uppercase;
    width: calc(100% - 3rem)
}

.form-field__time::-webkit-calendar-picker-indicator {
    display: none
}

.form-field__time--s {
    height: 2rem;
    padding-right: var(--spacing-xs);
    width: calc(100% - 2rem)
}

.form-field__time__segment {
    color: var(--color-neutral-50)
}

.form-field__time__segment:first-child {
    text-align: right
}

.form-field__time__segment:not([aria-hidden]) {
    min-width: 1.25rem;
    padding: 0 var(--spacing-4xs)
}

.form-field__time__segment:not([data-placeholder]) {
    color: var(--color-neutral-base)
}

.form-field__time__segment:focus {
    border-radius: var(--radius-2xs);
    background: var(--color-action-light);
    outline: none
}

.time-dropdown {
    box-shadow: var(--elevation-size-m) var(--elevation-color-neutral-15);
    border-radius: var(--radius-xs);
    align-items: start;
    background-color: var(--color-neutral-light);
    border: .125rem solid var(--color-neutral-85);
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden
}

div:not([id*=react-aria])>.time-dropdown {
    left: -.125rem;
    position: absolute;
    top: calc(100% + var(--spacing-3xs));
    z-index: 90
}

.time-dropdown__column {
    display: grid;
    gap: var(--spacing-xs);
    max-height: 17.5rem;
    overflow-y: scroll;
    padding: var(--spacing-s)
}

.time-dropdown__column__button {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    border-radius: var(--radius-s);
    outline-color: var(--color-action-base);
    color: var(--color-neutral-25);
    cursor: pointer;
    height: 2rem;
    min-width: 2rem
}

.time-dropdown__column__button:focus-visible {
    outline: var(--color-action-base) solid .125rem;
    outline-offset: var(--spacing-4xs)
}

@supports (-webkit-hyphens: none) {
    .time-dropdown__column__button:focus,.time-dropdown__column__button:focus-within {
        outline:none;
        position: relative
    }

    .time-dropdown__column__button:focus:before,.time-dropdown__column__button:focus-within:before {
        border-radius: var(--radius-xs);
        bottom: -.125remvar(--spacing-4xs);
        left: -.125remvar(--spacing-4xs);
        position: absolute;
        right: -.125remvar(--spacing-4xs);
        top: -.125remvar(--spacing-4xs);
        border: .125rem solid var(--color-action-base);
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .time-dropdown__column__button:focus,.time-dropdown__column__button:focus-within {
            outline:none;
            position: relative
        }

        .time-dropdown__column__button:focus:before,.time-dropdown__column__button:focus-within:before {
            border-radius: var(--radius-xs);
            bottom: -.125remvar(--spacing-4xs);
            left: -.125remvar(--spacing-4xs);
            position: absolute;
            right: -.125remvar(--spacing-4xs);
            top: -.125remvar(--spacing-4xs);
            border: .125rem solid var(--color-action-base);
            content: ""
        }
    }
}

.time-dropdown__column__button:hover {
    background-color: var(--color-neutral-95)
}

.time-dropdown__column__button.time-dropdown__column__button--selected {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    background: var(--color-action-light);
    color: var(--color-action-base)
}

.form-item {
    align-items: start;
    display: grid;
    grid-template-rows: min-content auto;
    row-gap: var(--spacing-2xs);
    width: 100%
}

.form-item__wrapper {
    display: grid;
    row-gap: var(--spacing-3xs)
}

.form-item__error-message {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-error-base);
    align-items: start;
    display: grid;
    gap: var(--spacing-2xs);
    grid-auto-flow: column;
    justify-content: start
}

.form-item__error-message .icon {
    margin-top: .1875rem
}

.form-item__hint {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-25)
}

.form-label-wrapper {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    color: var(--color-neutral-base);
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.grid__row:has(.form-label__sub):not(:has(.grid__row)) .form-label-wrapper {
    align-items: end;
    min-height: 3.03375rem
}

.grid__row:has(.form-label__sub,.form-label--s):not(:has(.grid__row)) .form-label-wrapper {
    min-height: 3.03375rem
}

.form-label {
    display: grid
}

.form-label--s {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem
}

.form-label__sub {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-25)
}

.form-legend {
    display: grid;
    justify-items: start;
    text-align: left;
    width: 100%
}

@media screen and (min-width: 576px) {
    .form-legend {
        justify-items:center;
        text-align: center
    }
}

@media screen and (min-width: 576px) {
    .form-legend--align-left {
        justify-items:start;
        text-align: left
    }
}

.form-legend__addon {
    margin-bottom: var(--spacing-xs)
}

@supports (-webkit-hyphens: none) {
    .form-legend__addon {
        display:block;
        width: fit-content
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .form-legend__addon {
            display:block;
            width: fit-content
        }
    }
}

@media screen and (min-width: 576px) {
    .form-legend__addon {
        margin-bottom:var(--spacing-s)
    }

    @supports (-webkit-hyphens: none) {
        .form-legend:not(.form-legend--align-left) .form-legend__addon {
            margin-left:auto;
            margin-right: auto
        }
    }

    @media not all and (min-resolution: .001dpcm) {
        @supports (-webkit-appearance: none) and (stroke-color: transparent) {
            .form-legend:not(.form-legend--align-left) .form-legend__addon {
                margin-left:auto;
                margin-right: auto
            }
        }
    }
}

.form-legend__title {
    font-size: var(--title-size-m-bp-base);
    line-height: 150%;
    letter-spacing: -.0125rem;
    font-weight: var(--font-weight-bold);
    color: var(--color-neutral-base);
    display: block
}

@media screen and (min-width: 768px) {
    .form-legend__title {
        font-size:var(--title-size-m-bp-s);
        line-height: 130%;
        letter-spacing: -.01375rem
    }
}

@media screen and (min-width: 1200px) {
    .form-legend__title {
        font-size:var(--title-size-m-bp-l);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}

.form-legend__text {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    color: var(--color-neutral-25);
    display: block
}

[data-theme=light] {
    --textswitch-background-alt: initial;
    --textswitch-focus-alt: initial;
    --textswitch-label-alt: initial;
    --textswitch-option-background-hover-alt: initial;
    --textswitch-option-label-alt: initial
}

[data-theme=alt] {
    --textswitch-background-alt: var(--color-neutral-95-opacity-15);
    --textswitch-focus-alt: var(--color-neutral-light);
    --textswitch-label-alt: var(--color-neutral-light);
    --textswitch-option-background-hover-alt: var(--color-neutral-light-opacity-15);
    --textswitch-option-label-alt: var(--color-neutral-light)
}

.text-switch-wrapper {
    --textswitch-background: var(--color-neutral-95);
    --textswitch-focus: var(--color-action-base);
    --textswitch-label: var(--color-neutral-base);
    --textswitch-option-background-hover: var(--color-neutral-light-opacity-75);
    --textswitch-option-label: var(--color-neutral-25);
    display: grid;
    justify-items: center;
    row-gap: var(--spacing-2xs);
    width: fit-content
}

.text-switch-wrapper--top-left-label {
    justify-items: start
}

.text-switch-wrapper--left-label {
    align-items: center;
    column-gap: var(--spacing-s);
    grid-auto-flow: column
}

.text-switch {
    border-radius: var(--radius-m);
    background-color: var(--textswitch-background-alt, var(--textswitch-background));
    column-gap: var(--spacing-3xs);
    display: grid;
    grid-auto-flow: column;
    padding: var(--spacing-3xs);
    position: relative;
    width: fit-content
}

.text-switch--equal-option-width {
    grid-auto-columns: 1fr;
    text-align: center
}

.text-switch__label {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--textswitch-label-alt, var(--textswitch-label))
}

.text-switch__option {
    cursor: pointer;
    display: grid;
    -webkit-user-select: none;
    user-select: none;
    z-index: 1
}

.text-switch--equal-option-width .text-switch__option {
    width: 100%
}

.text-switch__option-label {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    align-items: center;
    color: var(--textswitch-option-label-alt, var(--textswitch-option-label));
    display: grid;
    grid-area: -1/1;
    height: 1.75rem;
    padding: 0 var(--spacing-xs);
    transition-duration: .2s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1)
}

.text-switch__option--checked .text-switch__option-label {
    color: var(--color-action-base)
}

.text-switch__option--checked .text-switch__option-label:hover {
    color: var(--color-action-dark)
}

.text-switch__option-input {
    border-radius: var(--radius-m);
    outline-color: var(--textswitch-focus-alt, var(--textswitch-focus));
    background-color: transparent;
    grid-area: -1/1;
    height: auto;
    transition-duration: .2s;
    transition-property: background-color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    width: auto
}

.text-switch__option-input:focus-visible {
    outline: var(--textswitch-focus-alt, var(--textswitch-focus)) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .text-switch__option-input:focus,.text-switch__option-input:focus-within {
        outline:none;
        position: relative
    }

    .text-switch__option-input:focus:before,.text-switch__option-input:focus-within:before {
        border-radius: var(--radius-l);
        bottom: -.25rem;
        left: -.25rem;
        position: absolute;
        right: -.25rem;
        top: -.25rem;
        border: .125rem solid var(--textswitch-focus-alt, var(--textswitch-focus));
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .text-switch__option-input:focus,.text-switch__option-input:focus-within {
            outline:none;
            position: relative
        }

        .text-switch__option-input:focus:before,.text-switch__option-input:focus-within:before {
            border-radius: var(--radius-l);
            bottom: -.25rem;
            left: -.25rem;
            position: absolute;
            right: -.25rem;
            top: -.25rem;
            border: .125rem solid var(--textswitch-focus-alt, var(--textswitch-focus));
            content: ""
        }
    }
}

.text-switch__option-input:hover {
    background-color: var(--textswitch-option-background-hover-alt, var(--textswitch-option-background-hover))
}

.text-switch__option--checked-no-transition .text-switch__option-input {
    box-shadow: var(--elevation-size-s) var(--elevation-color-neutral-15);
    background-color: var(--color-neutral-light)
}

.text-switch__slider {
    border-radius: var(--radius-m);
    box-shadow: var(--elevation-size-s) var(--elevation-color-neutral-15);
    background-color: var(--color-neutral-light);
    height: calc(100% - var(--spacing-3xs) * 2);
    left: var(--spacing-3xs);
    position: absolute;
    top: var(--spacing-3xs);
    transition-duration: .3s;
    transition-property: transform,width;
    transition-timing-function: cubic-bezier(.2,.07,.38,1)
}

.toggle {
    align-items: center;
    column-gap: var(--spacing-s);
    cursor: pointer;
    display: grid;
    grid-auto-flow: column;
    width: fit-content
}

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

.toggle__input {
    outline-color: var(--color-action-base);
    background-color: var(--color-neutral-75);
    border-radius: .8125rem;
    cursor: pointer;
    flex-shrink: 0;
    height: 1.625rem;
    position: relative;
    transition-duration: .2s;
    transition-property: border-color,outline-color,background-color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    width: 3rem
}

.toggle__input:after {
    content: "";
    height: 1.375rem;
    left: .125rem;
    position: absolute;
    top: .125rem;
    width: 1.375rem;
    background-color: var(--color-neutral-light);
    border-radius: 50%;
    transform: translate(0);
    transition: transform .2s cubic-bezier(.2,.07,.38,1)
}

.toggle__input:checked:after {
    transform: translate(1.375rem)
}

.toggle__input:disabled:after,.toggle__input[disabled]:after {
    background-color: var(--color-neutral-85)
}

.toggle__input:disabled:before,.toggle__input[disabled]:before {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4413 3.02222L3.78257 8.97764L1.55872 5.94636' fill='none' stroke='%23f3f4f4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.toggle__input:before {
    content: "";
    height: 1.375rem;
    left: .125rem;
    position: absolute;
    top: .125rem;
    width: 1.375rem;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4413 3.02222L3.78257 8.97764L1.55872 5.94636' fill='none' stroke='%23007a92' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    opacity: 0;
    transform: translate(0) scale(.5) rotate(-30deg);
    transition-duration: .2s;
    transition-property: opacity,transform;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    z-index: 1
}

.toggle__input:active:before {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4413 3.02222L3.78257 8.97764L1.55872 5.94636' fill='none' stroke='%23005465' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.toggle__input:checked:before {
    opacity: 1;
    transform: translate(1.375rem) scale(1) rotate(0)
}

.toggle__input:focus-visible {
    outline: var(--color-action-base) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .toggle__input:focus,.toggle__input:focus-within {
        outline:none;
        position: relative
    }

    .toggle__input:focus:before,.toggle__input:focus-within:before {
        border-radius: var(--radius-m);
        bottom: -.25rem;
        left: -.25rem;
        position: absolute;
        right: -.25rem;
        top: -.25rem;
        border: .125rem solid var(--color-action-base);
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .toggle__input:focus,.toggle__input:focus-within {
            outline:none;
            position: relative
        }

        .toggle__input:focus:before,.toggle__input:focus-within:before {
            border-radius: var(--radius-m);
            bottom: -.25rem;
            left: -.25rem;
            position: absolute;
            right: -.25rem;
            top: -.25rem;
            border: .125rem solid var(--color-action-base);
            content: ""
        }
    }
}

.toggle__input:focus-visible,.toggle__input:hover:not(:disabled,[disabled],:checked) {
    border-color: var(--color-action-base)
}

.toggle__input:hover,.toggle__input:focus {
    background-color: var(--color-neutral-50)
}

.toggle__input:active {
    background-color: var(--color-neutral-25)
}

.toggle__input:checked,.toggle__input:checked:hover,.toggle__input:checked:focus {
    background-color: var(--color-action-base)
}

.toggle__input:checked:active {
    background-color: var(--color-action-dark)
}

.toggle__input:disabled,.toggle__input[disabled] {
    background-color: var(--color-neutral-95);
    cursor: not-allowed
}

.form {
    row-gap: var(--spacing-2xl);
    display: grid
}

@media screen and (min-width: 992px) {
    .form {
        row-gap:var(--spacing-3xl)
    }
}

@media screen and (min-width: 1200px) {
    .form {
        row-gap:var(--spacing-4xl)
    }
}

.grid {
    display: grid;
    justify-items: center;
    row-gap: var(--spacing-m);
    width: 100%
}

.grid--gap-0 {
    row-gap: 0
}

.grid--gap-5xl {
    row-gap: var(--spacing-5xl)
}

.grid--gap-4xl {
    row-gap: var(--spacing-4xl)
}

.grid--gap-3xl {
    row-gap: var(--spacing-3xl)
}

.grid--gap-2xl {
    row-gap: var(--spacing-2xl)
}

.grid--gap-xl {
    row-gap: var(--spacing-xl)
}

.grid--gap-l {
    row-gap: var(--spacing-l)
}

.grid--gap-m {
    row-gap: var(--spacing-m)
}

.grid--gap-s {
    row-gap: var(--spacing-s)
}

.grid--gap-xs {
    row-gap: var(--spacing-xs)
}

.grid--gap-2xs {
    row-gap: var(--spacing-2xs)
}

.grid--gap-3xs {
    row-gap: var(--spacing-3xs)
}

.grid--gap-4xs {
    row-gap: var(--spacing-4xs)
}

@media screen and (min-width: 375px) {
    .grid--gap-0-from-2xs {
        row-gap:0
    }
}

@media screen and (min-width: 375px) {
    .grid--gap-5xl-from-2xs {
        row-gap:var(--spacing-5xl)
    }
}

@media screen and (min-width: 375px) {
    .grid--gap-4xl-from-2xs {
        row-gap:var(--spacing-4xl)
    }
}

@media screen and (min-width: 375px) {
    .grid--gap-3xl-from-2xs {
        row-gap:var(--spacing-3xl)
    }
}

@media screen and (min-width: 375px) {
    .grid--gap-2xl-from-2xs {
        row-gap:var(--spacing-2xl)
    }
}

@media screen and (min-width: 375px) {
    .grid--gap-xl-from-2xs {
        row-gap:var(--spacing-xl)
    }
}

@media screen and (min-width: 375px) {
    .grid--gap-l-from-2xs {
        row-gap:var(--spacing-l)
    }
}

@media screen and (min-width: 375px) {
    .grid--gap-m-from-2xs {
        row-gap:var(--spacing-m)
    }
}

@media screen and (min-width: 375px) {
    .grid--gap-s-from-2xs {
        row-gap:var(--spacing-s)
    }
}

@media screen and (min-width: 375px) {
    .grid--gap-xs-from-2xs {
        row-gap:var(--spacing-xs)
    }
}

@media screen and (min-width: 375px) {
    .grid--gap-2xs-from-2xs {
        row-gap:var(--spacing-2xs)
    }
}

@media screen and (min-width: 375px) {
    .grid--gap-3xs-from-2xs {
        row-gap:var(--spacing-3xs)
    }
}

@media screen and (min-width: 375px) {
    .grid--gap-4xs-from-2xs {
        row-gap:var(--spacing-4xs)
    }
}

@media screen and (min-width: 576px) {
    .grid--gap-0-from-xs {
        row-gap:0
    }
}

@media screen and (min-width: 576px) {
    .grid--gap-5xl-from-xs {
        row-gap:var(--spacing-5xl)
    }
}

@media screen and (min-width: 576px) {
    .grid--gap-4xl-from-xs {
        row-gap:var(--spacing-4xl)
    }
}

@media screen and (min-width: 576px) {
    .grid--gap-3xl-from-xs {
        row-gap:var(--spacing-3xl)
    }
}

@media screen and (min-width: 576px) {
    .grid--gap-2xl-from-xs {
        row-gap:var(--spacing-2xl)
    }
}

@media screen and (min-width: 576px) {
    .grid--gap-xl-from-xs {
        row-gap:var(--spacing-xl)
    }
}

@media screen and (min-width: 576px) {
    .grid--gap-l-from-xs {
        row-gap:var(--spacing-l)
    }
}

@media screen and (min-width: 576px) {
    .grid--gap-m-from-xs {
        row-gap:var(--spacing-m)
    }
}

@media screen and (min-width: 576px) {
    .grid--gap-s-from-xs {
        row-gap:var(--spacing-s)
    }
}

@media screen and (min-width: 576px) {
    .grid--gap-xs-from-xs {
        row-gap:var(--spacing-xs)
    }
}

@media screen and (min-width: 576px) {
    .grid--gap-2xs-from-xs {
        row-gap:var(--spacing-2xs)
    }
}

@media screen and (min-width: 576px) {
    .grid--gap-3xs-from-xs {
        row-gap:var(--spacing-3xs)
    }
}

@media screen and (min-width: 576px) {
    .grid--gap-4xs-from-xs {
        row-gap:var(--spacing-4xs)
    }
}

@media screen and (min-width: 768px) {
    .grid--gap-0-from-s {
        row-gap:0
    }
}

@media screen and (min-width: 768px) {
    .grid--gap-5xl-from-s {
        row-gap:var(--spacing-5xl)
    }
}

@media screen and (min-width: 768px) {
    .grid--gap-4xl-from-s {
        row-gap:var(--spacing-4xl)
    }
}

@media screen and (min-width: 768px) {
    .grid--gap-3xl-from-s {
        row-gap:var(--spacing-3xl)
    }
}

@media screen and (min-width: 768px) {
    .grid--gap-2xl-from-s {
        row-gap:var(--spacing-2xl)
    }
}

@media screen and (min-width: 768px) {
    .grid--gap-xl-from-s {
        row-gap:var(--spacing-xl)
    }
}

@media screen and (min-width: 768px) {
    .grid--gap-l-from-s {
        row-gap:var(--spacing-l)
    }
}

@media screen and (min-width: 768px) {
    .grid--gap-m-from-s {
        row-gap:var(--spacing-m)
    }
}

@media screen and (min-width: 768px) {
    .grid--gap-s-from-s {
        row-gap:var(--spacing-s)
    }
}

@media screen and (min-width: 768px) {
    .grid--gap-xs-from-s {
        row-gap:var(--spacing-xs)
    }
}

@media screen and (min-width: 768px) {
    .grid--gap-2xs-from-s {
        row-gap:var(--spacing-2xs)
    }
}

@media screen and (min-width: 768px) {
    .grid--gap-3xs-from-s {
        row-gap:var(--spacing-3xs)
    }
}

@media screen and (min-width: 768px) {
    .grid--gap-4xs-from-s {
        row-gap:var(--spacing-4xs)
    }
}

@media screen and (min-width: 992px) {
    .grid--gap-0-from-m {
        row-gap:0
    }
}

@media screen and (min-width: 992px) {
    .grid--gap-5xl-from-m {
        row-gap:var(--spacing-5xl)
    }
}

@media screen and (min-width: 992px) {
    .grid--gap-4xl-from-m {
        row-gap:var(--spacing-4xl)
    }
}

@media screen and (min-width: 992px) {
    .grid--gap-3xl-from-m {
        row-gap:var(--spacing-3xl)
    }
}

@media screen and (min-width: 992px) {
    .grid--gap-2xl-from-m {
        row-gap:var(--spacing-2xl)
    }
}

@media screen and (min-width: 992px) {
    .grid--gap-xl-from-m {
        row-gap:var(--spacing-xl)
    }
}

@media screen and (min-width: 992px) {
    .grid--gap-l-from-m {
        row-gap:var(--spacing-l)
    }
}

@media screen and (min-width: 992px) {
    .grid--gap-m-from-m {
        row-gap:var(--spacing-m)
    }
}

@media screen and (min-width: 992px) {
    .grid--gap-s-from-m {
        row-gap:var(--spacing-s)
    }
}

@media screen and (min-width: 992px) {
    .grid--gap-xs-from-m {
        row-gap:var(--spacing-xs)
    }
}

@media screen and (min-width: 992px) {
    .grid--gap-2xs-from-m {
        row-gap:var(--spacing-2xs)
    }
}

@media screen and (min-width: 992px) {
    .grid--gap-3xs-from-m {
        row-gap:var(--spacing-3xs)
    }
}

@media screen and (min-width: 992px) {
    .grid--gap-4xs-from-m {
        row-gap:var(--spacing-4xs)
    }
}

@media screen and (min-width: 1200px) {
    .grid--gap-0-from-l {
        row-gap:0
    }
}

@media screen and (min-width: 1200px) {
    .grid--gap-5xl-from-l {
        row-gap:var(--spacing-5xl)
    }
}

@media screen and (min-width: 1200px) {
    .grid--gap-4xl-from-l {
        row-gap:var(--spacing-4xl)
    }
}

@media screen and (min-width: 1200px) {
    .grid--gap-3xl-from-l {
        row-gap:var(--spacing-3xl)
    }
}

@media screen and (min-width: 1200px) {
    .grid--gap-2xl-from-l {
        row-gap:var(--spacing-2xl)
    }
}

@media screen and (min-width: 1200px) {
    .grid--gap-xl-from-l {
        row-gap:var(--spacing-xl)
    }
}

@media screen and (min-width: 1200px) {
    .grid--gap-l-from-l {
        row-gap:var(--spacing-l)
    }
}

@media screen and (min-width: 1200px) {
    .grid--gap-m-from-l {
        row-gap:var(--spacing-m)
    }
}

@media screen and (min-width: 1200px) {
    .grid--gap-s-from-l {
        row-gap:var(--spacing-s)
    }
}

@media screen and (min-width: 1200px) {
    .grid--gap-xs-from-l {
        row-gap:var(--spacing-xs)
    }
}

@media screen and (min-width: 1200px) {
    .grid--gap-2xs-from-l {
        row-gap:var(--spacing-2xs)
    }
}

@media screen and (min-width: 1200px) {
    .grid--gap-3xs-from-l {
        row-gap:var(--spacing-3xs)
    }
}

@media screen and (min-width: 1200px) {
    .grid--gap-4xs-from-l {
        row-gap:var(--spacing-4xs)
    }
}

@media screen and (min-width: 1680px) {
    .grid--gap-0-from-xl {
        row-gap:0
    }
}

@media screen and (min-width: 1680px) {
    .grid--gap-5xl-from-xl {
        row-gap:var(--spacing-5xl)
    }
}

@media screen and (min-width: 1680px) {
    .grid--gap-4xl-from-xl {
        row-gap:var(--spacing-4xl)
    }
}

@media screen and (min-width: 1680px) {
    .grid--gap-3xl-from-xl {
        row-gap:var(--spacing-3xl)
    }
}

@media screen and (min-width: 1680px) {
    .grid--gap-2xl-from-xl {
        row-gap:var(--spacing-2xl)
    }
}

@media screen and (min-width: 1680px) {
    .grid--gap-xl-from-xl {
        row-gap:var(--spacing-xl)
    }
}

@media screen and (min-width: 1680px) {
    .grid--gap-l-from-xl {
        row-gap:var(--spacing-l)
    }
}

@media screen and (min-width: 1680px) {
    .grid--gap-m-from-xl {
        row-gap:var(--spacing-m)
    }
}

@media screen and (min-width: 1680px) {
    .grid--gap-s-from-xl {
        row-gap:var(--spacing-s)
    }
}

@media screen and (min-width: 1680px) {
    .grid--gap-xs-from-xl {
        row-gap:var(--spacing-xs)
    }
}

@media screen and (min-width: 1680px) {
    .grid--gap-2xs-from-xl {
        row-gap:var(--spacing-2xs)
    }
}

@media screen and (min-width: 1680px) {
    .grid--gap-3xs-from-xl {
        row-gap:var(--spacing-3xs)
    }
}

@media screen and (min-width: 1680px) {
    .grid--gap-4xs-from-xl {
        row-gap:var(--spacing-4xs)
    }
}

.grid--full-height {
    height: 100%
}

.grid__row {
    display: grid;
    gap: var(--spacing-l);
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    max-width: 100%;
    width: 100%
}

.grid__row--m {
    margin: 0 auto;
    width: 100%;
    max-width: calc(100vw - 2.5rem)
}

@media screen and (min-width: 576px) {
    .grid__row--m {
        max-width:min(100vw - 2.5rem,720px)
    }
}

@media screen and (min-width: 768px) {
    .grid__row--m {
        grid-template-columns:unset
    }
}

.grid__row--s {
    margin: 0 auto;
    width: 100%;
    max-width: calc(100vw - 2.5rem)
}

@media screen and (min-width: 576px) {
    .grid__row--s {
        max-width:min(100vw - 2.5rem,360px)
    }
}

@media screen and (min-width: 768px) {
    .grid__row--s {
        grid-template-columns:unset
    }
}

.grid__row--gap-0 {
    gap: 0
}

.grid__row--gap-5xl {
    gap: var(--spacing-5xl)
}

.grid__row--gap-4xl {
    gap: var(--spacing-4xl)
}

.grid__row--gap-3xl {
    gap: var(--spacing-3xl)
}

.grid__row--gap-2xl {
    gap: var(--spacing-2xl)
}

.grid__row--gap-xl {
    gap: var(--spacing-xl)
}

.grid__row--gap-l {
    gap: var(--spacing-l)
}

.grid__row--gap-m {
    gap: var(--spacing-m)
}

.grid__row--gap-s {
    gap: var(--spacing-s)
}

.grid__row--gap-xs {
    gap: var(--spacing-xs)
}

.grid__row--gap-2xs {
    gap: var(--spacing-2xs)
}

.grid__row--gap-3xs {
    gap: var(--spacing-3xs)
}

.grid__row--gap-4xs {
    gap: var(--spacing-4xs)
}

.grid__row--from-2xs {
    grid-auto-flow: row
}

@media screen and (min-width: 375px) {
    .grid__row--from-2xs {
        grid-auto-flow:column
    }
}

@media screen and (min-width: 375px) {
    .grid__row--gap-0-from-2xs {
        gap:0
    }
}

@media screen and (min-width: 375px) {
    .grid__row--gap-5xl-from-2xs {
        gap:var(--spacing-5xl)
    }
}

@media screen and (min-width: 375px) {
    .grid__row--gap-4xl-from-2xs {
        gap:var(--spacing-4xl)
    }
}

@media screen and (min-width: 375px) {
    .grid__row--gap-3xl-from-2xs {
        gap:var(--spacing-3xl)
    }
}

@media screen and (min-width: 375px) {
    .grid__row--gap-2xl-from-2xs {
        gap:var(--spacing-2xl)
    }
}

@media screen and (min-width: 375px) {
    .grid__row--gap-xl-from-2xs {
        gap:var(--spacing-xl)
    }
}

@media screen and (min-width: 375px) {
    .grid__row--gap-l-from-2xs {
        gap:var(--spacing-l)
    }
}

@media screen and (min-width: 375px) {
    .grid__row--gap-m-from-2xs {
        gap:var(--spacing-m)
    }
}

@media screen and (min-width: 375px) {
    .grid__row--gap-s-from-2xs {
        gap:var(--spacing-s)
    }
}

@media screen and (min-width: 375px) {
    .grid__row--gap-xs-from-2xs {
        gap:var(--spacing-xs)
    }
}

@media screen and (min-width: 375px) {
    .grid__row--gap-2xs-from-2xs {
        gap:var(--spacing-2xs)
    }
}

@media screen and (min-width: 375px) {
    .grid__row--gap-3xs-from-2xs {
        gap:var(--spacing-3xs)
    }
}

@media screen and (min-width: 375px) {
    .grid__row--gap-4xs-from-2xs {
        gap:var(--spacing-4xs)
    }
}

.grid__row--from-xs {
    grid-auto-flow: row
}

@media screen and (min-width: 576px) {
    .grid__row--from-xs {
        grid-auto-flow:column
    }
}

@media screen and (min-width: 576px) {
    .grid__row--gap-0-from-xs {
        gap:0
    }
}

@media screen and (min-width: 576px) {
    .grid__row--gap-5xl-from-xs {
        gap:var(--spacing-5xl)
    }
}

@media screen and (min-width: 576px) {
    .grid__row--gap-4xl-from-xs {
        gap:var(--spacing-4xl)
    }
}

@media screen and (min-width: 576px) {
    .grid__row--gap-3xl-from-xs {
        gap:var(--spacing-3xl)
    }
}

@media screen and (min-width: 576px) {
    .grid__row--gap-2xl-from-xs {
        gap:var(--spacing-2xl)
    }
}

@media screen and (min-width: 576px) {
    .grid__row--gap-xl-from-xs {
        gap:var(--spacing-xl)
    }
}

@media screen and (min-width: 576px) {
    .grid__row--gap-l-from-xs {
        gap:var(--spacing-l)
    }
}

@media screen and (min-width: 576px) {
    .grid__row--gap-m-from-xs {
        gap:var(--spacing-m)
    }
}

@media screen and (min-width: 576px) {
    .grid__row--gap-s-from-xs {
        gap:var(--spacing-s)
    }
}

@media screen and (min-width: 576px) {
    .grid__row--gap-xs-from-xs {
        gap:var(--spacing-xs)
    }
}

@media screen and (min-width: 576px) {
    .grid__row--gap-2xs-from-xs {
        gap:var(--spacing-2xs)
    }
}

@media screen and (min-width: 576px) {
    .grid__row--gap-3xs-from-xs {
        gap:var(--spacing-3xs)
    }
}

@media screen and (min-width: 576px) {
    .grid__row--gap-4xs-from-xs {
        gap:var(--spacing-4xs)
    }
}

.grid__row--from-s {
    grid-auto-flow: row
}

@media screen and (min-width: 768px) {
    .grid__row--from-s {
        grid-auto-flow:column
    }
}

@media screen and (min-width: 768px) {
    .grid__row--gap-0-from-s {
        gap:0
    }
}

@media screen and (min-width: 768px) {
    .grid__row--gap-5xl-from-s {
        gap:var(--spacing-5xl)
    }
}

@media screen and (min-width: 768px) {
    .grid__row--gap-4xl-from-s {
        gap:var(--spacing-4xl)
    }
}

@media screen and (min-width: 768px) {
    .grid__row--gap-3xl-from-s {
        gap:var(--spacing-3xl)
    }
}

@media screen and (min-width: 768px) {
    .grid__row--gap-2xl-from-s {
        gap:var(--spacing-2xl)
    }
}

@media screen and (min-width: 768px) {
    .grid__row--gap-xl-from-s {
        gap:var(--spacing-xl)
    }
}

@media screen and (min-width: 768px) {
    .grid__row--gap-l-from-s {
        gap:var(--spacing-l)
    }
}

@media screen and (min-width: 768px) {
    .grid__row--gap-m-from-s {
        gap:var(--spacing-m)
    }
}

@media screen and (min-width: 768px) {
    .grid__row--gap-s-from-s {
        gap:var(--spacing-s)
    }
}

@media screen and (min-width: 768px) {
    .grid__row--gap-xs-from-s {
        gap:var(--spacing-xs)
    }
}

@media screen and (min-width: 768px) {
    .grid__row--gap-2xs-from-s {
        gap:var(--spacing-2xs)
    }
}

@media screen and (min-width: 768px) {
    .grid__row--gap-3xs-from-s {
        gap:var(--spacing-3xs)
    }
}

@media screen and (min-width: 768px) {
    .grid__row--gap-4xs-from-s {
        gap:var(--spacing-4xs)
    }
}

.grid__row--from-m {
    grid-auto-flow: row
}

@media screen and (min-width: 992px) {
    .grid__row--from-m {
        grid-auto-flow:column
    }
}

@media screen and (min-width: 992px) {
    .grid__row--gap-0-from-m {
        gap:0
    }
}

@media screen and (min-width: 992px) {
    .grid__row--gap-5xl-from-m {
        gap:var(--spacing-5xl)
    }
}

@media screen and (min-width: 992px) {
    .grid__row--gap-4xl-from-m {
        gap:var(--spacing-4xl)
    }
}

@media screen and (min-width: 992px) {
    .grid__row--gap-3xl-from-m {
        gap:var(--spacing-3xl)
    }
}

@media screen and (min-width: 992px) {
    .grid__row--gap-2xl-from-m {
        gap:var(--spacing-2xl)
    }
}

@media screen and (min-width: 992px) {
    .grid__row--gap-xl-from-m {
        gap:var(--spacing-xl)
    }
}

@media screen and (min-width: 992px) {
    .grid__row--gap-l-from-m {
        gap:var(--spacing-l)
    }
}

@media screen and (min-width: 992px) {
    .grid__row--gap-m-from-m {
        gap:var(--spacing-m)
    }
}

@media screen and (min-width: 992px) {
    .grid__row--gap-s-from-m {
        gap:var(--spacing-s)
    }
}

@media screen and (min-width: 992px) {
    .grid__row--gap-xs-from-m {
        gap:var(--spacing-xs)
    }
}

@media screen and (min-width: 992px) {
    .grid__row--gap-2xs-from-m {
        gap:var(--spacing-2xs)
    }
}

@media screen and (min-width: 992px) {
    .grid__row--gap-3xs-from-m {
        gap:var(--spacing-3xs)
    }
}

@media screen and (min-width: 992px) {
    .grid__row--gap-4xs-from-m {
        gap:var(--spacing-4xs)
    }
}

.grid__row--from-l {
    grid-auto-flow: row
}

@media screen and (min-width: 1200px) {
    .grid__row--from-l {
        grid-auto-flow:column
    }
}

@media screen and (min-width: 1200px) {
    .grid__row--gap-0-from-l {
        gap:0
    }
}

@media screen and (min-width: 1200px) {
    .grid__row--gap-5xl-from-l {
        gap:var(--spacing-5xl)
    }
}

@media screen and (min-width: 1200px) {
    .grid__row--gap-4xl-from-l {
        gap:var(--spacing-4xl)
    }
}

@media screen and (min-width: 1200px) {
    .grid__row--gap-3xl-from-l {
        gap:var(--spacing-3xl)
    }
}

@media screen and (min-width: 1200px) {
    .grid__row--gap-2xl-from-l {
        gap:var(--spacing-2xl)
    }
}

@media screen and (min-width: 1200px) {
    .grid__row--gap-xl-from-l {
        gap:var(--spacing-xl)
    }
}

@media screen and (min-width: 1200px) {
    .grid__row--gap-l-from-l {
        gap:var(--spacing-l)
    }
}

@media screen and (min-width: 1200px) {
    .grid__row--gap-m-from-l {
        gap:var(--spacing-m)
    }
}

@media screen and (min-width: 1200px) {
    .grid__row--gap-s-from-l {
        gap:var(--spacing-s)
    }
}

@media screen and (min-width: 1200px) {
    .grid__row--gap-xs-from-l {
        gap:var(--spacing-xs)
    }
}

@media screen and (min-width: 1200px) {
    .grid__row--gap-2xs-from-l {
        gap:var(--spacing-2xs)
    }
}

@media screen and (min-width: 1200px) {
    .grid__row--gap-3xs-from-l {
        gap:var(--spacing-3xs)
    }
}

@media screen and (min-width: 1200px) {
    .grid__row--gap-4xs-from-l {
        gap:var(--spacing-4xs)
    }
}

.grid__row--from-xl {
    grid-auto-flow: row
}

@media screen and (min-width: 1680px) {
    .grid__row--from-xl {
        grid-auto-flow:column
    }
}

@media screen and (min-width: 1680px) {
    .grid__row--gap-0-from-xl {
        gap:0
    }
}

@media screen and (min-width: 1680px) {
    .grid__row--gap-5xl-from-xl {
        gap:var(--spacing-5xl)
    }
}

@media screen and (min-width: 1680px) {
    .grid__row--gap-4xl-from-xl {
        gap:var(--spacing-4xl)
    }
}

@media screen and (min-width: 1680px) {
    .grid__row--gap-3xl-from-xl {
        gap:var(--spacing-3xl)
    }
}

@media screen and (min-width: 1680px) {
    .grid__row--gap-2xl-from-xl {
        gap:var(--spacing-2xl)
    }
}

@media screen and (min-width: 1680px) {
    .grid__row--gap-xl-from-xl {
        gap:var(--spacing-xl)
    }
}

@media screen and (min-width: 1680px) {
    .grid__row--gap-l-from-xl {
        gap:var(--spacing-l)
    }
}

@media screen and (min-width: 1680px) {
    .grid__row--gap-m-from-xl {
        gap:var(--spacing-m)
    }
}

@media screen and (min-width: 1680px) {
    .grid__row--gap-s-from-xl {
        gap:var(--spacing-s)
    }
}

@media screen and (min-width: 1680px) {
    .grid__row--gap-xs-from-xl {
        gap:var(--spacing-xs)
    }
}

@media screen and (min-width: 1680px) {
    .grid__row--gap-2xs-from-xl {
        gap:var(--spacing-2xs)
    }
}

@media screen and (min-width: 1680px) {
    .grid__row--gap-3xs-from-xl {
        gap:var(--spacing-3xs)
    }
}

@media screen and (min-width: 1680px) {
    .grid__row--gap-4xs-from-xl {
        gap:var(--spacing-4xs)
    }
}

.grid__row__column {
    grid-column: auto;
    word-break: break-word
}

.grid__row__column--span-1 {
    grid-column: auto/span 1
}

.grid__row__column--span-2 {
    grid-column: auto/span 2
}

.grid__row__column--span-3 {
    grid-column: auto/span 3
}

.grid__row__column--span-4 {
    grid-column: auto/span 4
}

.grid__row__column--span-5 {
    grid-column: auto/span 5
}

.grid__row__column--span-6 {
    grid-column: auto/span 6
}

.grid__row__column--span-7 {
    grid-column: auto/span 7
}

.grid__row__column--span-8 {
    grid-column: auto/span 8
}

.grid__row__column--span-9 {
    grid-column: auto/span 9
}

.grid__row__column--span-10 {
    grid-column: auto/span 10
}

.grid__row__column--span-11 {
    grid-column: auto/span 11
}

.grid__row__column--span-12 {
    grid-column: auto/span 12
}

.grid__row__column--order-0 {
    order: 0
}

.grid__row__column--order-1 {
    order: 1
}

.grid__row__column--order-2 {
    order: 2
}

.grid__row__column--order-3 {
    order: 3
}

.grid__row__column--order-4 {
    order: 4
}

.grid__row__column--order-5 {
    order: 5
}

.grid__row__column--order-6 {
    order: 6
}

.grid__row__column--order-7 {
    order: 7
}

.grid__row__column--order-8 {
    order: 8
}

.grid__row__column--order-9 {
    order: 9
}

.grid__row__column--order-10 {
    order: 10
}

.grid__row__column--order-11 {
    order: 11
}

.grid__row__column--order-12 {
    order: 12
}

@media screen and (min-width: 375px) {
    .grid__row__column--span-1-from-2xs {
        grid-column:auto/span 1
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--span-2-from-2xs {
        grid-column:auto/span 2
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--span-3-from-2xs {
        grid-column:auto/span 3
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--span-4-from-2xs {
        grid-column:auto/span 4
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--span-5-from-2xs {
        grid-column:auto/span 5
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--span-6-from-2xs {
        grid-column:auto/span 6
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--span-7-from-2xs {
        grid-column:auto/span 7
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--span-8-from-2xs {
        grid-column:auto/span 8
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--span-9-from-2xs {
        grid-column:auto/span 9
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--span-10-from-2xs {
        grid-column:auto/span 10
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--span-11-from-2xs {
        grid-column:auto/span 11
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--span-12-from-2xs {
        grid-column:auto/span 12
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--order-0-from-2xs {
        order:0
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--order-1-from-2xs {
        order:1
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--order-2-from-2xs {
        order:2
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--order-3-from-2xs {
        order:3
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--order-4-from-2xs {
        order:4
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--order-5-from-2xs {
        order:5
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--order-6-from-2xs {
        order:6
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--order-7-from-2xs {
        order:7
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--order-8-from-2xs {
        order:8
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--order-9-from-2xs {
        order:9
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--order-10-from-2xs {
        order:10
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--order-11-from-2xs {
        order:11
    }
}

@media screen and (min-width: 375px) {
    .grid__row__column--order-12-from-2xs {
        order:12
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--span-1-from-xs {
        grid-column:auto/span 1
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--span-2-from-xs {
        grid-column:auto/span 2
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--span-3-from-xs {
        grid-column:auto/span 3
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--span-4-from-xs {
        grid-column:auto/span 4
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--span-5-from-xs {
        grid-column:auto/span 5
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--span-6-from-xs {
        grid-column:auto/span 6
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--span-7-from-xs {
        grid-column:auto/span 7
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--span-8-from-xs {
        grid-column:auto/span 8
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--span-9-from-xs {
        grid-column:auto/span 9
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--span-10-from-xs {
        grid-column:auto/span 10
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--span-11-from-xs {
        grid-column:auto/span 11
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--span-12-from-xs {
        grid-column:auto/span 12
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--order-0-from-xs {
        order:0
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--order-1-from-xs {
        order:1
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--order-2-from-xs {
        order:2
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--order-3-from-xs {
        order:3
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--order-4-from-xs {
        order:4
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--order-5-from-xs {
        order:5
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--order-6-from-xs {
        order:6
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--order-7-from-xs {
        order:7
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--order-8-from-xs {
        order:8
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--order-9-from-xs {
        order:9
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--order-10-from-xs {
        order:10
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--order-11-from-xs {
        order:11
    }
}

@media screen and (min-width: 576px) {
    .grid__row__column--order-12-from-xs {
        order:12
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--span-1-from-s {
        grid-column:auto/span 1
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--span-2-from-s {
        grid-column:auto/span 2
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--span-3-from-s {
        grid-column:auto/span 3
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--span-4-from-s {
        grid-column:auto/span 4
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--span-5-from-s {
        grid-column:auto/span 5
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--span-6-from-s {
        grid-column:auto/span 6
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--span-7-from-s {
        grid-column:auto/span 7
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--span-8-from-s {
        grid-column:auto/span 8
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--span-9-from-s {
        grid-column:auto/span 9
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--span-10-from-s {
        grid-column:auto/span 10
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--span-11-from-s {
        grid-column:auto/span 11
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--span-12-from-s {
        grid-column:auto/span 12
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--order-0-from-s {
        order:0
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--order-1-from-s {
        order:1
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--order-2-from-s {
        order:2
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--order-3-from-s {
        order:3
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--order-4-from-s {
        order:4
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--order-5-from-s {
        order:5
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--order-6-from-s {
        order:6
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--order-7-from-s {
        order:7
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--order-8-from-s {
        order:8
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--order-9-from-s {
        order:9
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--order-10-from-s {
        order:10
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--order-11-from-s {
        order:11
    }
}

@media screen and (min-width: 768px) {
    .grid__row__column--order-12-from-s {
        order:12
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--span-1-from-m {
        grid-column:auto/span 1
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--span-2-from-m {
        grid-column:auto/span 2
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--span-3-from-m {
        grid-column:auto/span 3
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--span-4-from-m {
        grid-column:auto/span 4
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--span-5-from-m {
        grid-column:auto/span 5
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--span-6-from-m {
        grid-column:auto/span 6
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--span-7-from-m {
        grid-column:auto/span 7
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--span-8-from-m {
        grid-column:auto/span 8
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--span-9-from-m {
        grid-column:auto/span 9
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--span-10-from-m {
        grid-column:auto/span 10
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--span-11-from-m {
        grid-column:auto/span 11
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--span-12-from-m {
        grid-column:auto/span 12
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--order-0-from-m {
        order:0
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--order-1-from-m {
        order:1
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--order-2-from-m {
        order:2
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--order-3-from-m {
        order:3
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--order-4-from-m {
        order:4
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--order-5-from-m {
        order:5
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--order-6-from-m {
        order:6
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--order-7-from-m {
        order:7
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--order-8-from-m {
        order:8
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--order-9-from-m {
        order:9
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--order-10-from-m {
        order:10
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--order-11-from-m {
        order:11
    }
}

@media screen and (min-width: 992px) {
    .grid__row__column--order-12-from-m {
        order:12
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--span-1-from-l {
        grid-column:auto/span 1
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--span-2-from-l {
        grid-column:auto/span 2
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--span-3-from-l {
        grid-column:auto/span 3
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--span-4-from-l {
        grid-column:auto/span 4
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--span-5-from-l {
        grid-column:auto/span 5
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--span-6-from-l {
        grid-column:auto/span 6
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--span-7-from-l {
        grid-column:auto/span 7
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--span-8-from-l {
        grid-column:auto/span 8
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--span-9-from-l {
        grid-column:auto/span 9
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--span-10-from-l {
        grid-column:auto/span 10
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--span-11-from-l {
        grid-column:auto/span 11
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--span-12-from-l {
        grid-column:auto/span 12
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--order-0-from-l {
        order:0
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--order-1-from-l {
        order:1
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--order-2-from-l {
        order:2
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--order-3-from-l {
        order:3
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--order-4-from-l {
        order:4
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--order-5-from-l {
        order:5
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--order-6-from-l {
        order:6
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--order-7-from-l {
        order:7
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--order-8-from-l {
        order:8
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--order-9-from-l {
        order:9
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--order-10-from-l {
        order:10
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--order-11-from-l {
        order:11
    }
}

@media screen and (min-width: 1200px) {
    .grid__row__column--order-12-from-l {
        order:12
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--span-1-from-xl {
        grid-column:auto/span 1
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--span-2-from-xl {
        grid-column:auto/span 2
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--span-3-from-xl {
        grid-column:auto/span 3
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--span-4-from-xl {
        grid-column:auto/span 4
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--span-5-from-xl {
        grid-column:auto/span 5
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--span-6-from-xl {
        grid-column:auto/span 6
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--span-7-from-xl {
        grid-column:auto/span 7
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--span-8-from-xl {
        grid-column:auto/span 8
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--span-9-from-xl {
        grid-column:auto/span 9
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--span-10-from-xl {
        grid-column:auto/span 10
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--span-11-from-xl {
        grid-column:auto/span 11
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--span-12-from-xl {
        grid-column:auto/span 12
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--order-0-from-xl {
        order:0
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--order-1-from-xl {
        order:1
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--order-2-from-xl {
        order:2
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--order-3-from-xl {
        order:3
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--order-4-from-xl {
        order:4
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--order-5-from-xl {
        order:5
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--order-6-from-xl {
        order:6
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--order-7-from-xl {
        order:7
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--order-8-from-xl {
        order:8
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--order-9-from-xl {
        order:9
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--order-10-from-xl {
        order:10
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--order-11-from-xl {
        order:11
    }
}

@media screen and (min-width: 1680px) {
    .grid__row__column--order-12-from-xl {
        order:12
    }
}

[data-theme=light] {
    --icon-background-alt: initial;
    --icon-boxed-color-alt: initial;
    --icon-color-alt: initial;
    --icon-brand-background-alt: initial;
    --icon-brand-color-alt: initial;
    --icon-alert-background-alt: initial;
    --icon-alert-color-alt: initial;
    --icon-success-background-alt: initial;
    --icon-success-color-alt: initial;
    --icon-error-background-alt: initial;
    --icon-error-color-alt: initial
}

[data-theme=alt] {
    --icon-background-alt: var(--color-neutral-light);
    --icon-boxed-color-alt: var(--color-neutral-base);
    --icon-color-alt: var(--color-neutral-light);
    --icon-brand-color-alt: var(--color-brand-base);
    --icon-alert-color-alt: var(--color-neutral-25);
    --icon-success-color-alt: var(--color-success-base);
    --icon-error-color-alt: var(--color-error-base)
}

.icon {
    --icon-background: initial;
    --icon-boxed-color: var(--color-neutral-25);
    --icon-color: initial;
    --icon-brand-color: var(--color-brand-base);
    --icon-alert-color: var(--color-neutral-25);
    --icon-success-color: var(--color-success-base);
    --icon-error-color: var(--color-error-base);
    color: var(--icon-color-alt, var(--icon-color));
    display: block
}

.icon--boxed {
    --icon-background: var(--color-neutral-95);
    border-radius: var(--radius-m);
    background-color: var(--icon-background-alt, var(--icon-background));
    box-sizing: content-box;
    color: var(--icon-boxed-color-alt, var(--icon-boxed-color));
    display: flex;
    place-items: center
}

.icon--boxed.icon--brand {
    --icon-background: var(--color-brand-light);
    background-color: var(--icon-background-alt, var(--icon-background));
    color: var(--icon-brand-color-alt, var(--icon-brand-color))
}

.icon--boxed.icon--alert {
    --icon-background: var(--color-alert-light);
    background-color: var(--icon-background-alt, var(--icon-background));
    color: var(--icon-alert-color-alt, var(--icon-alert-color))
}

.icon--boxed.icon--success {
    --icon-background: var(--color-success-light);
    background-color: var(--icon-background-alt, var(--icon-background));
    color: var(--icon-success-color-alt, var(--icon-success-color))
}

.icon--boxed.icon--error {
    --icon-background: var(--color-error-light);
    background-color: var(--icon-background-alt, var(--icon-background));
    color: var(--icon-error-color-alt, var(--icon-error-color))
}

.icon--size-s {
    height: 1rem;
    width: 1rem
}

.icon--size-s.icon--boxed {
    padding: var(--spacing-xs)
}

.icon--size-m {
    height: 1.25rem;
    width: 1.25rem
}

.icon--size-m.icon--boxed {
    padding: var(--spacing-s)
}

.icon--size-l {
    height: 1.5rem;
    width: 1.5rem
}

.icon--size-l.icon--boxed {
    padding: var(--spacing-m)
}

.illustration {
    height: fit-content
}

[data-theme=light] {
    --link-color-alt: initial
}

[data-theme=alt] {
    --link-color-alt: var(--color-neutral-light)
}

.link {
    --link-color: var(--color-action-base);
    --color: var(--link-color-alt, var(--link-color));
    font-weight: var(--font-weight-bold);
    background-image: linear-gradient(to right,var(--color) 0%,var(--color) 33%,transparent 33%,transparent 66%,var(--color) 66%,var(--color) 100%);
    outline-color: var(--color);
    color: var(--color);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 300% .0625rem;
    border-radius: .0625rem;
    cursor: pointer;
    display: inline;
    text-decoration: none;
    transition: background-position .5s cubic-bezier(.2,.07,.38,1);
    width: fit-content;
    will-change: background-position
}

.link:focus-visible {
    outline: var(--color) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .link:focus,.link:focus-within {
        outline:none;
        position: relative
    }

    .link:focus:before,.link:focus-within:before {
        bottom: -.25rem;
        left: -.25rem;
        position: absolute;
        right: -.25rem;
        top: -.25rem;
        border: .125rem solid var(--color);
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .link:focus,.link:focus-within {
            outline:none;
            position: relative
        }

        .link:focus:before,.link:focus-within:before {
            bottom: -.25rem;
            left: -.25rem;
            position: absolute;
            right: -.25rem;
            top: -.25rem;
            border: .125rem solid var(--color);
            content: ""
        }
    }
}

.link:hover {
    background-position: 0 100%
}

[data-theme=light] {
    --list-addon-alt: initial;
    --list-addon-icon-alt: initial;
    --list-divider-alt: initial;
    --list-text-alt: initial;
    --list-title-alt: initial
}

[data-theme=alt] {
    --list-addon-alt: var(--color-neutral-light);
    --list-addon-icon-alt: var(--color-neutral-light);
    --list-divider-alt: var(--color-neutral-light-opacity-15);
    --list-text-alt: var(--color-neutral-light-opacity-75);
    --list-title-alt: var(--color-neutral-light)
}

.list {
    --list-addon: var(--color-neutral-base);
    --list-addon-icon: var(--color-brand-base);
    --list-divider: var(--color-neutral-85);
    --list-text: var(--color-neutral-25);
    --list-title: var(--color-neutral-base);
    --list-title-color: var(--list-title-alt, var(--list-title));
    --list-text-color: var(--list-text-alt, var(--list-text));
    counter-reset: list-counter;
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0;
    row-gap: var(--spacing-xs)
}

.list--s {
    row-gap: var(--spacing-xs)
}

.list--s .list__item {
    column-gap: var(--spacing-2xs)
}

.list--s .list__item__addon--bullet:before {
    height: .375rem;
    transform: translateY(.0625rem);
    width: .375rem
}

.list--s .list__item__addon--icon {
    padding-top: .1875rem
}

.list--s .list__item__addon--icon .icon {
    height: 16px;
    width: 16px
}

.list--s .list__item__addon,.list--s .list__item__title {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem
}

.list--s .list__item__text {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-s-bp-base);
    line-height: 1.2135rem
}

.list--s .list__item--emphasis-text {
    --list-title-color: var(--list-text-alt, var(--list-text));
    --list-text-color: var(--list-title-alt, var(--list-title))
}

.list--s .list__item--emphasis-text .list__item__title {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-s-bp-base);
    line-height: 1.2135rem
}

.list--s .list__item--emphasis-text .list__item__text {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem
}

.list--inline.list--s {
    column-gap: var(--spacing-m)
}

.list--with-divider.list--inline.list--s .list__item:not(:last-child) {
    padding-right: var(--spacing-m)
}

.list--m {
    row-gap: var(--spacing-s)
}

.list--m .list__item {
    column-gap: var(--spacing-xs)
}

.list--m .list__item__addon--bullet:before {
    height: .4375rem;
    transform: translateY(.0625rem);
    width: .4375rem
}

.list--m .list__item__addon--icon {
    padding-top: .1875rem
}

.list--m .list__item__addon--icon .icon {
    height: 20px;
    width: 20px
}

.list--m .list__item__addon,.list--m .list__item__title {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem
}

.list--m .list__item__text {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem
}

.list--m .list__item--emphasis-text {
    --list-title-color: var(--list-text-alt, var(--list-text));
    --list-text-color: var(--list-title-alt, var(--list-title))
}

.list--m .list__item--emphasis-text .list__item__title {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem
}

.list--m .list__item--emphasis-text .list__item__text {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem
}

.list--inline.list--m {
    column-gap: var(--spacing-l)
}

.list--with-divider.list--inline.list--m .list__item:not(:last-child) {
    padding-right: var(--spacing-l)
}

.list--l {
    row-gap: var(--spacing-m)
}

.list--l .list__item {
    column-gap: var(--spacing-xs)
}

@media screen and (min-width: 768px) {
    .list--l .list__item {
        column-gap:var(--spacing-s)
    }
}

.list--l .list__item__addon--bullet:before {
    height: .5rem;
    transform: translateY(.25rem);
    width: .5rem
}

@media screen and (min-width: 768px) {
    .list--l .list__item__addon--bullet:before {
        transform:translateY(.375rem)
    }
}

@media screen and (min-width: 1200px) {
    .list--l .list__item__addon--bullet:before {
        transform:translateY(.5rem)
    }
}

.list--l .list__item__addon--icon {
    padding-top: .1875rem
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .list--l .list__item__addon--icon {
        padding-top:.125rem
    }
}

.list--l .list__item__addon--icon .icon {
    height: 20px;
    width: 20px
}

@media screen and (min-width: 768px) {
    .list--l .list__item__addon--icon .icon {
        height:1.5rem;
        width: 1.5rem
    }
}

.list--l .list__item__addon,.list--l .list__item__title {
    font-size: var(--title-size-s-bp-base);
    line-height: 150%;
    letter-spacing: -.01rem;
    font-weight: var(--font-weight-bold)
}

@media screen and (min-width: 768px) {
    .list--l .list__item__addon,.list--l .list__item__title {
        font-size:var(--title-size-s-bp-s);
        line-height: 150%;
        letter-spacing: -.01125rem
    }
}

@media screen and (min-width: 1200px) {
    .list--l .list__item__addon,.list--l .list__item__title {
        font-size:var(--title-size-s-bp-l);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

.list--l .list__item__text {
    font-size: var(--title-size-s-bp-base);
    line-height: 150%;
    letter-spacing: -.01rem;
    font-weight: var(--font-weight-book)
}

@media screen and (min-width: 768px) {
    .list--l .list__item__text {
        font-size:var(--title-size-s-bp-s);
        line-height: 150%;
        letter-spacing: -.01125rem
    }
}

@media screen and (min-width: 1200px) {
    .list--l .list__item__text {
        font-size:var(--title-size-s-bp-l);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

.list--l .list__item--emphasis-text {
    --list-title-color: var(--list-text-alt, var(--list-text));
    --list-text-color: var(--list-title-alt, var(--list-title))
}

.list--l .list__item--emphasis-text .list__item__title {
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    font-size: var(--title-size-s-bp-base);
    line-height: 150%;
    letter-spacing: -.01rem;
    font-weight: var(--font-weight-book)
}

@media screen and (min-width: 768px) {
    .list--l .list__item--emphasis-text .list__item__title {
        font-size:var(--title-size-s-bp-s);
        line-height: 150%;
        letter-spacing: -.01125rem
    }
}

@media screen and (min-width: 1200px) {
    .list--l .list__item--emphasis-text .list__item__title {
        font-size:var(--title-size-s-bp-l);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

.list--l .list__item--emphasis-text .list__item__text {
    font-size: var(--title-size-m-bp-base);
    line-height: 150%;
    letter-spacing: -.0125rem;
    font-weight: var(--font-weight-bold)
}

@media screen and (min-width: 768px) {
    .list--l .list__item--emphasis-text .list__item__text {
        font-size:var(--title-size-m-bp-s);
        line-height: 130%;
        letter-spacing: -.01375rem
    }
}

@media screen and (min-width: 1200px) {
    .list--l .list__item--emphasis-text .list__item__text {
        font-size:var(--title-size-m-bp-l);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}

@media screen and (min-width: 768px) {
    .list--l .list__item--emphasis-text .list__item__text {
        font-size:var(--title-size-s-bp-base);
        line-height: 150%;
        letter-spacing: -.01rem;
        font-weight: var(--font-weight-bold)
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .list--l .list__item--emphasis-text .list__item__text {
        font-size:var(--title-size-s-bp-s);
        line-height: 150%;
        letter-spacing: -.01125rem
    }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
    .list--l .list__item--emphasis-text .list__item__text {
        font-size:var(--title-size-s-bp-l);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

.list--inline.list--l {
    column-gap: var(--spacing-xl)
}

.list--with-divider.list--inline.list--l .list__item:not(:last-child) {
    padding-right: var(--spacing-xl)
}

.list--inline {
    display: flex;
    flex-wrap: wrap
}

.list--columns {
    --list-max-columns: 3;
    --list-item-counter: 1;
    --list-row-break: calc(var(--list-item-counter) / 2)
}

@media screen and (min-width: 576px) {
    .list--columns {
        column-gap:var(--spacing-l);
        grid-auto-flow: column;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(var(--list-row-break),1fr)
    }
}

@media screen and (min-width: 1200px) {
    .list--columns {
        --list-row-break: calc(var(--list-item-counter) / var(--list-max-columns));
        grid-template-columns: repeat(var(--list-max-columns),1fr);
        grid-template-rows: repeat(var(--list-row-break),1fr)
    }
}

.list__item {
    counter-increment: list-counter;
    display: grid;
    gap: var(--spacing-xs);
    grid-auto-flow: column;
    grid-template-columns: auto;
    margin: 0;
    position: relative
}

.list--with-divider:not(.list--inline) .list__item:not(:last-child) {
    border-bottom: .0625rem solid var(--list-divider-alt, var(--list-divider));
    padding-bottom: var(--spacing-s)
}

.list--with-divider:not(.list--inline).list--s .list__item:not(:last-child) {
    padding-bottom: var(--spacing-xs)
}

.list--with-divider.list--inline .list__item:not(:last-child):before {
    background-color: var(--list-divider-alt, var(--list-divider));
    bottom: 0;
    content: "";
    height: 2rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .0625rem
}

.list__item--with-addon {
    align-content: start;
    grid-template-columns: auto 1fr
}

.list__item--with-action {
    justify-content: start
}

.list__item--with-addon.list__item--with-action {
    align-content: start;
    grid-template-columns: auto 1fr auto
}

.list__item__addon--icon {
    color: var(--list-addon-icon-alt, var(--list-addon-icon))
}

.list__item__addon img {
    min-width: 3rem
}

.list__item__addon--bullet:before {
    background-color: var(--list-addon-alt, var(--list-addon));
    border-radius: 50%;
    content: "";
    display: block;
    margin: var(--spacing-2xs)
}

.list__item__addon--number:before {
    color: var(--list-addon-alt, var(--list-addon));
    content: counter(list-counter) ".";
    display: block;
    min-width: 1.25rem;
    text-align: end
}

.list__item__wrapper {
    display: grid;
    grid-auto-flow: row;
    row-gap: var(--spacing-4xs)
}

.list__item--inline .list__item__wrapper {
    column-gap: var(--spacing-2xs);
    grid-auto-flow: column
}

.list__item__title {
    align-items: center;
    color: var(--list-title-color)
}

.list__item__text {
    color: var(--list-text-color);
    margin: 0
}

dl.list .list__item--with-action .list__item__text {
    align-items: center;
    display: grid;
    gap: var(--spacing-xs);
    grid-auto-flow: column;
    justify-self: start
}

dl.list .list__item__title {
    display: grid;
    gap: var(--spacing-xs);
    grid-auto-flow: column;
    justify-content: start
}

dl.list--item-block .list__item--with-addon {
    grid-template-columns: none
}

dl.list--item-inline .list__item {
    grid-template-columns: auto 1fr
}

dl.list--item-inline .list__item.list__item--with-action .list__item__text {
    justify-self: right
}

dl.list--item-inline .list__item__text {
    text-align: right
}

.loader__car {
    align-items: center;
    display: grid;
    transform: translate(-.9375rem)
}

.loader__car__items-wrapper {
    fill-rule: evenodd;
    stroke-linecap: round;
    stroke-linejoin: round
}

.loader__car__wheel,.loader__car__body {
    fill: var(--loader-fill-alt, var(--loader-fill))
}

.loader__car__body {
    animation: _animateShake .2s ease-in-out infinite alternate
}

.loader__car__line {
    animation: _animateLine .8s ease-in-out infinite;
    animation-fill-mode: both;
    stroke: var(--loader-fill-alt, var(--loader-fill));
    stroke-dasharray: 100;
    stroke-width: 7;
    transform-origin: center
}

.loader__car__line--top {
    animation-delay: 0s
}

.loader__car__line--middle {
    animation-delay: .2s
}

.loader__car__line--bottom {
    animation-delay: .4s
}

@keyframes _animateShake {
    0% {
        transform: translateY(-1%)
    }

    to {
        transform: translateY(3%)
    }
}

@keyframes _animateLine {
    0%,25% {
        stroke-dashoffset: -100
    }

    50%,51% {
        stroke-dashoffset: 0
    }

    80%,to {
        stroke-dashoffset: 100
    }
}

[data-theme=light] {
    --loader-border-alt: initial;
    --loader-fill-alt: initial;
    --loader-text-alt: initial
}

[data-theme=alt] {
    --loader-border-alt: var(--color-neutral-light-opacity-15);
    --loader-fill-alt: var(--color-neutral-light);
    --loader-text-alt: var(--color-neutral-light)
}

.loader {
    --loader-border: var(--color-brand-light);
    --loader-fill: var(--color-brand-base);
    --loader-text: var(--color-neutral-25);
    display: grid;
    grid-auto-rows: min-content;
    height: min-content;
    justify-items: center;
    row-gap: var(--spacing-s);
    width: fit-content
}

.loader--s {
    row-gap: var(--spacing-2xs)
}

.loader--with-car {
    grid-auto-rows: 5rem min-content;
    grid-row-gap: 0;
    row-gap: 0
}

.loader__text {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    color: var(--loader-text-alt, var(--loader-text))
}

.loader__spinner {
    animation: spin 1s infinite linear;
    border: .375rem solid var(--loader-border-alt, var(--loader-border));
    border-radius: 50%;
    border-top-color: var(--loader-fill-alt, var(--loader-fill));
    height: 3.75rem;
    width: 3.75rem
}

.loader--s .loader__spinner {
    border-width: .125rem;
    height: 1.25rem;
    width: 1.25rem
}

.message {
    border-radius: var(--radius-s);
    column-gap: var(--spacing-xs);
    padding: var(--spacing-xs) var(--spacing-s);
    align-items: center;
    background-color: var(--color-neutral-95);
    display: grid;
    grid-template-columns: min-content auto;
    width: 100%
}

@media screen and (min-width: 576px) {
    .message {
        column-gap:var(--spacing-s)
    }
}

@media screen and (min-width: 576px) {
    .message {
        padding:var(--spacing-s)
    }
}

.message--brand.message--with-background-color,.message--brand.message--background-tint {
    background-color: var(--color-brand-light)
}

.message--brand.message--background-neutral {
    background-color: var(--color-neutral-95)
}

.message--brand.message--background-neutral-light {
    background-color: var(--color-neutral-light)
}

.message--brand .message__icon {
    color: var(--color-brand-base)
}

.message--alert.message--with-background-color,.message--alert.message--background-tint {
    background-color: var(--color-alert-light)
}

.message--alert.message--background-neutral {
    background-color: var(--color-neutral-95)
}

.message--alert.message--background-neutral-light {
    background-color: var(--color-neutral-light)
}

.message--alert .message__icon {
    color: var(--color-neutral-25)
}

.message--success.message--with-background-color,.message--success.message--background-tint {
    background-color: var(--color-success-light)
}

.message--success.message--background-neutral {
    background-color: var(--color-neutral-95)
}

.message--success.message--background-neutral-light {
    background-color: var(--color-neutral-light)
}

.message--success .message__icon {
    color: var(--color-success-base)
}

.message--error.message--with-background-color,.message--error.message--background-tint {
    background-color: var(--color-error-light)
}

.message--error.message--background-neutral {
    background-color: var(--color-neutral-95)
}

.message--error.message--background-neutral-light {
    background-color: var(--color-neutral-light)
}

.message--error .message__icon {
    color: var(--color-error-base)
}

.message--neutral.message--with-background-color,.message--neutral.message--background-tint,.message--neutral.message--background-neutral {
    background-color: var(--color-neutral-95)
}

.message--neutral.message--background-neutral-light {
    background-color: var(--color-neutral-light)
}

.message--neutral .message__icon {
    color: var(--color-neutral-base)
}

.message--ghost {
    background-color: transparent;
    padding: 0
}

.message--ghost .message__icon {
    padding-top: .0625rem
}

.message.message--dismissable {
    grid-template-columns: min-content auto min-content
}

.message__content-wrapper {
    display: grid;
    gap: var(--spacing-4xs)
}

.message__title {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-base)
}

.message__text {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-25)
}

.message__close {
    outline-color: var(--color-neutral-base);
    align-self: start;
    border-radius: 50%;
    cursor: pointer;
    padding: var(--spacing-3xs);
    transition: background-color .2s cubic-bezier(.2,.07,.38,1)
}

.message__close:focus-visible {
    outline: var(--color-neutral-base) solid .125rem;
    outline-offset: -.125rem
}

@supports (-webkit-hyphens: none) {
    .message__close:focus,.message__close:focus-within {
        outline:none;
        position: relative
    }

    .message__close:focus:before,.message__close:focus-within:before {
        border-radius: var(--radius-m);
        bottom: 0rem;
        left: 0rem;
        position: absolute;
        right: 0rem;
        top: 0rem;
        border: .125rem solid var(--color-neutral-base);
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .message__close:focus,.message__close:focus-within {
            outline:none;
            position: relative
        }

        .message__close:focus:before,.message__close:focus-within:before {
            border-radius: var(--radius-m);
            bottom: 0rem;
            left: 0rem;
            position: absolute;
            right: 0rem;
            top: 0rem;
            border: .125rem solid var(--color-neutral-base);
            content: ""
        }
    }
}

.message__close:hover {
    background-color: var(--color-neutral-light)
}

.message__icon {
    color: var(--color-neutral-25)
}

.modal-backdrop {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -ms-overflow-style: none;
    overflow-y: scroll;
    scrollbar-width: none;
    align-items: end;
    animation: fadeIn .2s cubic-bezier(0,0,.38,1) forwards;
    background-color: var(--color-neutral-base-opacity-50);
    display: grid;
    grid-template-rows: 0 [modal] auto;
    justify-items: center;
    will-change: opacity,visibility;
    z-index: 100
}

.modal-backdrop::-webkit-scrollbar {
    display: none
}

@media screen and (min-width: 576px) {
    .modal-backdrop {
        align-items:start
    }
}

.modal-backdrop--closing {
    animation: fadeOut .2s cubic-bezier(0,0,.38,1) forwards
}

.modal-backdrop--with-transition {
    animation: none;
    opacity: 0;
    pointer-events: none;
    transition-duration: .2s;
    transition-property: opacity,visibility;
    transition-timing-function: cubic-bezier(0,0,.38,1);
    visibility: hidden
}

.modal-backdrop--with-transition.modal-backdrop--show {
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

.modal-close {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (min-width: 576px) {
    .modal-close {
        height:100vh;
        position: sticky;
        width: 100vw
    }
}

.modal {
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0,0,.38,1);
    display: grid
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .modal {
        bottom:0;
        left: 0;
        position: fixed;
        right: 0;
        top: initial;
        -ms-overflow-style: none;
        overflow-y: scroll;
        scrollbar-width: none;
        border-radius: var(--radius-m) var(--radius-m) 0 0;
        animation-duration: .3s;
        animation-name: slideInFromBottom,fadeIn;
        background-color: var(--color-neutral-light);
        grid-auto-rows: min-content;
        height: min-content;
        max-height: calc(100% - var(--spacing-2xl));
        max-height: calc(100dvh - var(--spacing-2xl));
        min-height: 8.75rem;
        width: 100%;
        will-change: opacity,transform
    }

    .modal::-webkit-scrollbar {
        display: none
    }
}

@media screen and (min-width: 576px) {
    .modal {
        border-radius:var(--radius-xl);
        animation-duration: .2s;
        animation-name: modalEnter;
        background-color: var(--color-neutral-light);
        grid-row-start: modal;
        height: min-content;
        margin: 5rem 0;
        min-height: 8.75rem;
        width: 100%;
        will-change: opacity,transform
    }
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .modal-backdrop--closing .modal {
        animation-name:slideOutFromBottom,fadeOut
    }
}

@media screen and (min-width: 576px) {
    .modal-backdrop--closing .modal {
        animation-name:modalExit
    }
}

.modal-backdrop--with-transition .modal {
    animation: none
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .modal-backdrop--with-transition .modal {
        transform:translateY(100%);
        transition-duration: .3s;
        transition-property: opacity,transform;
        transition-timing-function: cubic-bezier(0,0,.38,1)
    }
}

@media screen and (min-width: 576px) {
    .modal-backdrop--with-transition .modal {
        opacity:0;
        transform: scale(.9) translateY(10%);
        transition-duration: .2s;
        transition-property: opacity,transform;
        transition-timing-function: cubic-bezier(0,0,.38,1)
    }
}

.modal-backdrop--with-transition.modal-backdrop--show .modal {
    transform: translateY(0)
}

@media screen and (min-width: 576px) {
    .modal-backdrop--with-transition.modal-backdrop--show .modal {
        opacity:1;
        transform: scale(1) translateY(0)
    }
}

@media screen and (min-width: 576px) {
    .modal--s {
        max-width:31.25rem
    }
}

@media screen and (min-width: 576px) {
    .modal--m {
        max-width:31.25rem
    }
}

@media screen and (min-width: 992px) {
    .modal--m {
        max-width:50rem
    }
}

@media screen and (min-width: 576px) {
    .modal--l {
        max-width:31.25rem
    }
}

@media screen and (min-width: 992px) {
    .modal--l {
        max-width:50rem
    }
}

@media screen and (min-width: 1200px) {
    .modal--l {
        max-width:62.5rem
    }
}

@media screen and (min-width: 576px) {
    .modal--center {
        place-self:center
    }
}

.modal__header {
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    column-gap: var(--spacing-xs);
    padding: var(--spacing-m) var(--spacing-m) var(--spacing-xs);
    background: var(--color-neutral-light);
    display: grid;
    grid-template-columns: auto max-content;
    height: fit-content;
    z-index: 1
}

@media screen and (min-width: 576px) {
    .modal__header {
        column-gap:var(--spacing-s)
    }
}

@media screen and (min-width: 576px) {
    .modal__header {
        padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-s)
    }
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .modal__header {
        bottom:0;
        left: 0;
        position: sticky;
        right: 0;
        top: 0
    }
}

.modal__header__wrapper {
    align-items: center;
    column-gap: var(--spacing-s);
    display: grid;
    grid-template-areas: "badge badge";
    justify-content: start;
    justify-items: start;
    row-gap: var(--spacing-2xs)
}

.modal__header__badge {
    grid-area: badge
}

.modal__header__title {
    font-size: var(--title-size-s-bp-base);
    line-height: 150%;
    letter-spacing: -.01rem;
    color: var(--color-neutral-base);
    font-weight: var(--font-weight-bold)
}

@media screen and (min-width: 768px) {
    .modal__header__title {
        font-size:var(--title-size-s-bp-s);
        line-height: 150%;
        letter-spacing: -.01125rem
    }
}

@media screen and (min-width: 1200px) {
    .modal__header__title {
        font-size:var(--title-size-s-bp-l);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

.modal__content {
    padding: var(--spacing-3xs) var(--spacing-m) var(--spacing-xs)
}

@media screen and (min-width: 576px) {
    .modal__content {
        padding:var(--spacing-3xs) var(--spacing-xl) var(--spacing-xs)
    }
}

.modal__content:last-child {
    padding-bottom: var(--spacing-m)
}

@media screen and (min-width: 576px) {
    .modal__content:last-child {
        padding-bottom:var(--spacing-xl)
    }
}

.modal__footer {
    padding: var(--spacing-m);
    gap: var(--spacing-xs);
    align-items: center;
    background: var(--color-neutral-light);
    display: grid;
    grid-auto-flow: column;
    z-index: 1
}

@media screen and (min-width: 576px) {
    .modal__footer {
        padding:var(--spacing-m) var(--spacing-xl) var(--spacing-xl)
    }
}

@media screen and (min-width: 576px) {
    .modal__footer {
        gap:var(--spacing-s)
    }
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .modal__footer {
        bottom:0;
        left: 0;
        position: sticky;
        right: 0;
        top: 0
    }
}

@media screen and (min-width: 576px) {
    .modal__footer {
        border-radius:0 0 var(--radius-xl) var(--radius-xl)
    }
}

.modal__footer--alt {
    background-color: var(--color-neutral-base);
    color: var(--color-neutral-light)
}

.modal__footer__text {
    flex: 1
}

.modal__footer__buttons {
    align-items: center;
    display: grid;
    gap: var(--spacing-xs);
    grid-auto-flow: column;
    height: fit-content;
    justify-content: flex-end;
    width: 100%
}

@media screen and (min-width: 576px) {
    .modal__footer__buttons {
        gap:var(--spacing-s)
    }
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .modal__footer__buttons--full-width {
        grid-auto-flow:row;
        grid-template-columns: 1fr
    }

    .modal__footer__buttons--full-width .button {
        width: auto
    }

    .modal__footer__buttons--full-width .button.button--ghost {
        margin: 0
    }
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .modal__footer__buttons--full-width .button:first-child:not(:only-child) {
        grid-row:end
    }
}

@media screen and (min-width: 576px) {
    .modal__header--sticky,.modal__footer--sticky {
        bottom:calc(var(--spacing-xs) * -1);
        left: 0;
        position: sticky;
        right: 0;
        top: calc(var(--spacing-xs) * -1)
    }
}

.modal__header__wrapper--custom,.modal__footer--custom {
    align-items: unset;
    gap: unset;
    grid-template-areas: none;
    justify-content: unset;
    justify-items: unset
}

@keyframes modalEnter {
    0% {
        opacity: 0;
        transform: scale(.9) translateY(10%)
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

@keyframes modalExit {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }

    to {
        opacity: 0;
        transform: scale(.9) translateY(10%)
    }
}

.navigation__list {
    display: grid;
    gap: var(--spacing-3xs);
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media screen and (min-width: 992px) {
    .navigation__list {
        grid-auto-flow:column;
        justify-content: center
    }
}

.navigation__item {
    border-radius: var(--radius-m);
    position: relative;
    transition: background .2s ease
}

@media screen and (min-width: 992px) {
    .navigation__item {
        border-radius:0
    }
}

.navigation__item .navigation__button .icon {
    transition: transform .2s cubic-bezier(.2,.07,.38,1)
}

.navigation__item .navigation__button[aria-expanded=true] .icon {
    transform: rotate(180deg)
}

.navigation__item .navigation__button,.navigation__item .navigation__link {
    color: var(--color-neutral-base)
}

@media screen and (min-width: 992px) {
    .navigation__item .navigation__button,.navigation__item .navigation__link {
        text-wrap:nowrap;
        white-space: nowrap
    }
}

.navigation__item .navigation__button:hover,.navigation__item .navigation__link:hover {
    background: var(--color-neutral-95);
    color: var(--color-action-dark)
}

.navigation__item .navigation__button:active,.navigation__item .navigation__link:active {
    background: var(--color-neutral-85);
    color: var(--color-action-dark)
}

@media screen and (min-width: 1px) and (max-width: 991px) {
    .navigation__item .navigation__button,.navigation__item .navigation__link {
        border-radius:var(--radius-s);
        font-size: var(--title-size-l-bp-base);
        line-height: 130%;
        letter-spacing: -.015rem;
        font-weight: var(--font-weight-bold);
        display: flex;
        height: auto;
        justify-content: flex-start;
        line-height: 1.625;
        padding: var(--spacing-2xs) var(--spacing-s);
        text-align: left;
        width: 100%
    }
}

@media screen and (min-width: 1px) and (max-width: 991px) and (min-width: 768px) {
    .navigation__item .navigation__button,.navigation__item .navigation__link {
        font-size:var(--title-size-l-bp-s);
        line-height: 130%;
        letter-spacing: -.01625rem
    }
}

@media screen and (min-width: 1px) and (max-width: 991px) and (min-width: 1200px) {
    .navigation__item .navigation__button,.navigation__item .navigation__link {
        font-size:var(--title-size-l-bp-l);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 1px) and (max-width: 991px) {
    .navigation__item .navigation__button:hover,.navigation__item .navigation__link:hover {
        background:none
    }

    .navigation__item .navigation__button:active,.navigation__item .navigation__link:active {
        background: var(--color-neutral-85)
    }

    .navigation__item .navigation__button .icon,.navigation__item .navigation__link .icon {
        height: 1.5rem;
        margin-right: 0;
        width: 1.5rem
    }

    .navigation__item .navigation__button.navigation__button .icon,.navigation__item .navigation__link.navigation__button .icon {
        margin-left: auto
    }
}

@media screen and (min-width: 992px) {
    .navigation__item .navigation__button,.navigation__item .navigation__link {
        padding:var(--spacing-s)
    }
}

.navigation__item .navigation__button[aria-current],.navigation__item .navigation__button.navigation__button--selected,.navigation__item .navigation__link[aria-current],.navigation__item .navigation__link.navigation__button--selected {
    font-weight: 700
}

@media screen and (min-width: 1px) and (max-width: 991px) {
    .navigation__item .navigation__button[aria-current],.navigation__item .navigation__button.navigation__button--selected,.navigation__item .navigation__link[aria-current],.navigation__item .navigation__link.navigation__button--selected {
        background:none;
        color: var(--color-action-base)
    }

    .navigation__item .navigation__button[aria-current]:before,.navigation__item .navigation__button.navigation__button--selected:before,.navigation__item .navigation__link[aria-current]:before,.navigation__item .navigation__link.navigation__button--selected:before {
        border-radius: 0 var(--radius-l) var(--radius-l) 0;
        background: var(--color-action-base);
        bottom: var(--spacing-2xs);
        content: "";
        left: 0;
        position: absolute;
        top: var(--spacing-2xs);
        width: .3125rem
    }
}

@media screen and (min-width: 992px) {
    .navigation__item .navigation__button[aria-current],.navigation__item .navigation__button.navigation__button--selected,.navigation__item .navigation__link[aria-current],.navigation__item .navigation__link.navigation__button--selected {
        font-weight:var(--font-weight-bold);
        font-size: var(--text-size-m-bp-base);
        line-height: 1.41575rem;
        color: var(--color-action-dark);
        background-color: var(--color-action-light);
        position: relative
    }
}

.navigation__item .navigation__button:first-child,.navigation__item .navigation__button:last-child,.navigation__item .navigation__link:first-child,.navigation__item .navigation__link:last-child {
    margin: 0
}

.navigation__item--open {
    margin-bottom: calc(-1 * var(--spacing-xs));
    padding-bottom: var(--spacing-xs)
}

.navigation__item__dropdown {
    display: grid;
    gap: var(--spacing-4xs);
    list-style-type: none;
    margin: 0;
    padding: 0;
    transform-origin: top center
}

@media screen and (min-width: 992px) {
    .navigation__item__dropdown {
        background-color:var(--color-neutral-light);
        border: .125rem solid var(--color-neutral-85);
        left: 50%;
        margin-top: var(--spacing-2xs);
        max-width: 16.25rem;
        min-width: 8.75rem;
        padding: var(--spacing-xs);
        position: absolute;
        width: max-content;
        z-index: 90;
        border-radius: var(--radius-m);
        box-shadow: var(--elevation-size-m) var(--elevation-color-neutral-15)
    }

    .navigation__item__dropdown:before {
        content: "";
        height: var(--spacing-2xs);
        margin-top: calc(-1 * (var(--spacing-xs) + var(--spacing-2xs) + .125rem))
    }
}

.navigation__item__dropdown.navigation__item__dropdown--open {
    display: grid
}

.navigation__item__dropdown .navigation__link {
    border-radius: var(--radius-xs);
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-base);
    align-items: center;
    column-gap: var(--spacing-xs);
    display: grid;
    grid-auto-flow: column;
    height: min-content;
    justify-content: left;
    padding: var(--spacing-xs);
    text-align: left;
    transition-duration: .2s;
    transition-property: background-color,color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    width: 100%
}

@media screen and (min-width: 992px) {
    .navigation__item__dropdown .navigation__link {
        background-color:var(--color-neutral-light)
    }
}

.navigation__item__dropdown .navigation__link:focus-visible {
    outline-color: var(--color-action-base)
}

.navigation__item__dropdown .navigation__link:focus-visible:focus-visible {
    outline: var(--color-action-base) solid .125rem;
    outline-offset: -.125rem
}

@supports (-webkit-hyphens: none) {
    .navigation__item__dropdown .navigation__link:focus-visible:focus,.navigation__item__dropdown .navigation__link:focus-visible:focus-within {
        outline:none;
        position: relative
    }

    .navigation__item__dropdown .navigation__link:focus-visible:focus:before,.navigation__item__dropdown .navigation__link:focus-visible:focus-within:before {
        bottom: .125rem;
        left: .125rem;
        position: absolute;
        right: .125rem;
        top: .125rem;
        border: .125rem solid var(--color-action-base);
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .navigation__item__dropdown .navigation__link:focus-visible:focus,.navigation__item__dropdown .navigation__link:focus-visible:focus-within {
            outline:none;
            position: relative
        }

        .navigation__item__dropdown .navigation__link:focus-visible:focus:before,.navigation__item__dropdown .navigation__link:focus-visible:focus-within:before {
            bottom: .125rem;
            left: .125rem;
            position: absolute;
            right: .125rem;
            top: .125rem;
            border: .125rem solid var(--color-action-base);
            content: ""
        }
    }
}

@media screen and (min-width: 1px) and (max-width: 991px) {
    .navigation__item__dropdown .navigation__link:focus-visible {
        color:var(--color-action-base)
    }
}

.navigation__item__dropdown .navigation__button,.navigation__item__dropdown .navigation__link {
    display: flex;
    transition-duration: .2s;
    transition-property: background,border-color,box-shadow,color,outline,transform;
    transition-timing-function: cubic-bezier(.2,.07,.38,1)
}

@media screen and (min-width: 1px) and (max-width: 991px) {
    .navigation__item__dropdown .navigation__button,.navigation__item__dropdown .navigation__link {
        font-weight:var(--font-weight-book);
        font-size: var(--text-size-l-bp-base);
        line-height: 1.618rem;
        color: var(--color-neutral-base);
        padding: var(--spacing-2xs) var(--spacing-s)
    }

    .navigation__item__dropdown .navigation__button:active,.navigation__item__dropdown .navigation__link:active {
        background: var(--color-brand-light)
    }
}

.navigation__item--open .navigation__button {
    background: var(--color-neutral-95);
    color: var(--color-action-dark)
}

.progress-indicator {
    align-items: center;
    display: grid;
    gap: var(--spacing-xs);
    grid-template: "content chart"/max-content 2rem
}

@media screen and (min-width: 768px) {
    .progress-indicator {
        gap:var(--spacing-s);
        grid-template: "content chart"/max-content 2.5rem
    }
}

.progress-indicator--left-aligned {
    grid-template: "chart content"/2rem max-content
}

@media screen and (min-width: 768px) {
    .progress-indicator--left-aligned {
        grid-template:"chart content"/2.5rem max-content
    }
}

.progress-indicator__content-wrapper {
    grid-area: content;
    text-align: right
}

.progress-indicator--left-aligned .progress-indicator__content-wrapper {
    text-align: left
}

.progress-indicator__step-number {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-s-bp-base);
    line-height: 1.2135rem;
    color: var(--color-brand-base)
}

.progress-indicator__step-title {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    color: var(--color-neutral-base)
}

.progress-indicator__chart {
    align-items: center;
    display: grid;
    grid-area: chart
}

.progress-indicator__chart__background {
    fill: transparent;
    stroke: var(--color-brand-light);
    stroke-width: 4
}

.progress-indicator__chart__progress {
    fill: transparent;
    stroke: var(--color-brand-base);
    stroke-dasharray: 87.9645943005px;
    stroke-dashoffset: calc(87.9645943005px - 87.9645943005px * var(--percentage) / 100);
    stroke-linecap: round;
    stroke-width: 4;
    transform: rotate(-90deg);
    transform-origin: center;
    transition: stroke-dashoffset .3s cubic-bezier(.2,.07,.38,1)
}

[data-theme=light] {
    --side-panel-background-alt: initial;
    --side-panel-border-alt: initial;
    --side-panel-toggle-hover-alt: initial;
    --side-panel-toggle-active-alt: initial;
    --side-panel-toggle-line-alt: initial;
    --side-panel-toggle-line-active-alt: initial;
    --side-panel-user-name-alt: initial;
    --side-panel-user-email-alt: initial
}

[data-theme=alt] {
    --side-panel-background-alt: var(--color-neutral-base);
    --side-panel-border-alt: var(--color-neutral-base);
    --side-panel-toggle-hover-alt: var(--color-neutral-light-opacity-15);
    --side-panel-toggle-active-alt: var(--color-neutral-light-opacity-40);
    --side-panel-toggle-line-alt: var(--color-neutral-light);
    --side-panel-toggle-line-active-alt: var(--color-neutral-light);
    --side-panel-user-name-alt: var(--color-neutral-light);
    --side-panel-user-email-alt: var(--color-neutral-light)
}

.side-panel {
    --side-panel-background: var(--color-neutral-light);
    --side-panel-border: var(--color-neutral-85);
    --side-panel-toggle-hover: var(--color-neutral-95);
    --side-panel-toggle-active: var(--color-action-light);
    --side-panel-toggle-line: var(--color-neutral-base);
    --side-panel-toggle-line-active: var(--color-action-dark);
    --side-panel-user-name: var(--color-neutral-base);
    --side-panel-user-email: var(--color-neutral-25);
    transition-duration: .3s;
    transition-property: opacity,transform;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: opacity,transform;
    background: var(--side-panel-background-alt, var(--side-panel-background));
    bottom: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    height: auto;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: var(--mobile-offset-top, var(--spacing-3xl));
    transform-origin: top left;
    width: 100%;
    z-index: 95
}

@media screen and (min-width: 992px) {
    .side-panel {
        transition-duration:.3s;
        transition-property: width;
        transition-timing-function: cubic-bezier(.2,.07,.38,1);
        will-change: width;
        border-right: .0625rem solid var(--side-panel-border-alt, var(--side-panel-border));
        grid-template-rows: auto 1fr auto;
        height: 100vh;
        opacity: 1;
        overflow: visible;
        top: 0;
        width: 18rem
    }
}

.side-panel--collapsed {
    opacity: 0;
    pointer-events: none;
    transform: scale(.9)
}

@media screen and (min-width: 992px) {
    .side-panel--collapsed {
        opacity:1;
        pointer-events: all;
        transform: none;
        width: 5rem
    }
}

.side-panel__header-wrapper {
    display: none;
    justify-items: start;
    padding: var(--spacing-s);
    row-gap: var(--spacing-s)
}

@media screen and (min-width: 992px) {
    .side-panel__header-wrapper {
        display:grid
    }
}

.side-panel__toggle {
    outline-color: var(--color-action-base);
    border-radius: var(--radius-s);
    transition-duration: .3s;
    transition-property: background-color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: background-color;
    align-content: center;
    cursor: pointer;
    display: grid;
    height: 3rem;
    justify-content: center;
    padding: var(--spacing-xs);
    row-gap: .375rem;
    width: 3rem
}

.side-panel__toggle:focus-visible {
    outline: var(--color-action-base) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .side-panel__toggle:focus,.side-panel__toggle:focus-within {
        outline:none;
        position: relative
    }

    .side-panel__toggle:focus:before,.side-panel__toggle:focus-within:before {
        border-radius: var(--radius-s);
        bottom: -.25rem;
        left: -.25rem;
        position: absolute;
        right: -.25rem;
        top: -.25rem;
        border: .125rem solid var(--color-action-base);
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .side-panel__toggle:focus,.side-panel__toggle:focus-within {
            outline:none;
            position: relative
        }

        .side-panel__toggle:focus:before,.side-panel__toggle:focus-within:before {
            border-radius: var(--radius-s);
            bottom: -.25rem;
            left: -.25rem;
            position: absolute;
            right: -.25rem;
            top: -.25rem;
            border: .125rem solid var(--color-action-base);
            content: ""
        }
    }
}

.side-panel__toggle:hover {
    background-color: var(--side-panel-toggle-hover-alt, var(--side-panel-toggle-hover))
}

.side-panel__toggle:active {
    background-color: var(--side-panel-toggle-active-alt, var(--side-panel-toggle-active))
}

.side-panel__toggle__line {
    transition-duration: .3s;
    transition-property: background-color,opacity,transform;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: background-color,opacity,transform;
    background-color: var(--side-panel-toggle-line-alt, var(--side-panel-toggle-line));
    border-radius: .125rem;
    display: block;
    height: .125rem;
    width: 1.25rem
}

.side-panel__toggle:active .side-panel__toggle__line {
    background-color: var(--side-panel-toggle-line-active-alt, var(--side-panel-toggle-line-active))
}

.side-panel--opened .side-panel__toggle__line:nth-child(1) {
    transform: translateY(8px) rotate(45deg)
}

.side-panel--opened .side-panel__toggle__line:nth-child(2) {
    opacity: 0
}

.side-panel--opened .side-panel__toggle__line:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg)
}

.side-panel__logo-wrapper {
    height: 2.5rem;
    position: relative;
    width: 100%
}

.side-panel__logo {
    transition-duration: .3s;
    transition-property: opacity,transform;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: opacity,transform
}

.side-panel__logo--expanded {
    height: 2.5rem;
    left: 0;
    max-width: inherit;
    padding: 0 var(--spacing-xs);
    position: absolute;
    top: 0
}

.side-panel--collapsed .side-panel__logo--expanded {
    opacity: 0;
    transform: translate(-2.5rem)
}

.side-panel[data-theme=alt] .side-panel__logo--expanded {
    filter: brightness(10)
}

.side-panel__logo--collapsed {
    height: 2.5rem;
    left: 0;
    opacity: 0;
    padding: 0 var(--spacing-3xs);
    position: absolute;
    top: 0;
    transform: translate(2.5rem);
    width: 3rem
}

.side-panel--collapsed .side-panel__logo--collapsed {
    opacity: 1;
    transform: translate(0)
}

.side-panel[data-theme=alt] .side-panel__logo--collapsed {
    filter: brightness(10)
}

.side-panel__logo--collapsed img,.side-panel__logo--collapsed svg {
    height: 2.5rem;
    width: 2.5rem
}

.side-panel__content-wrapper {
    align-content: start;
    display: grid;
    max-height: 100%;
    overflow-y: auto;
    padding: var(--spacing-m);
    row-gap: var(--spacing-4xs)
}

@media screen and (min-width: 992px) {
    .side-panel__content-wrapper {
        max-height:inherit;
        overflow: visible;
        padding: var(--spacing-s)
    }
}

.side-panel__slot-top,.side-panel__slot-bottom {
    transition-duration: .3s;
    transition-property: max-width;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: max-width;
    max-width: 100%
}

.side-panel__slot-top--collapsed,.side-panel__slot-bottom--collapsed {
    max-width: 3rem
}

.side-panel__footer-wrapper {
    bottom: 0;
    padding: var(--spacing-s);
    position: sticky
}

@media screen and (min-width: 992px) {
    .side-panel__footer-wrapper {
        position:relative
    }
}

.side-panel__footer {
    transition-duration: .3s;
    transition-property: background-color,column-gap,grid-template-columns;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: background-color,column-gap,grid-template-columns;
    outline-color: var(--color-action-base);
    border-radius: var(--radius-s);
    align-items: center;
    column-gap: var(--spacing-xs);
    cursor: pointer;
    display: grid;
    grid-template-columns: 2rem 1fr 1.25rem;
    height: 3.625rem;
    padding: var(--spacing-2xs);
    width: 100%
}

.side-panel__footer:focus-visible {
    outline: var(--color-action-base) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .side-panel__footer:focus,.side-panel__footer:focus-within {
        outline:none;
        position: relative
    }

    .side-panel__footer:focus:before,.side-panel__footer:focus-within:before {
        border-radius: var(--radius-s);
        bottom: -.25rem;
        left: -.25rem;
        position: absolute;
        right: -.25rem;
        top: -.25rem;
        border: .125rem solid var(--color-action-base);
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .side-panel__footer:focus,.side-panel__footer:focus-within {
            outline:none;
            position: relative
        }

        .side-panel__footer:focus:before,.side-panel__footer:focus-within:before {
            border-radius: var(--radius-s);
            bottom: -.25rem;
            left: -.25rem;
            position: absolute;
            right: -.25rem;
            top: -.25rem;
            border: .125rem solid var(--color-action-base);
            content: ""
        }
    }
}

.side-panel__footer:hover {
    background-color: var(--side-panel-toggle-hover-alt, var(--side-panel-toggle-hover))
}

.side-panel__footer:active {
    background-color: var(--side-panel-toggle-active-alt, var(--side-panel-toggle-active))
}

.side-panel--collapsed .side-panel__footer {
    column-gap: 0;
    grid-template-columns: 0 0fr 2rem
}

.side-panel__footer__avatar {
    transition-duration: .3s;
    transition-property: opacity,transform;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: opacity,transform;
    aspect-ratio: 1;
    background-color: var(--color-neutral-95);
    border-radius: 50%;
    color: var(--color-neutral-base);
    display: grid;
    overflow: hidden;
    place-items: center;
    transform: translate(0);
    width: 2rem
}

.side-panel--collapsed .side-panel__footer__avatar {
    opacity: 0;
    transform: translate(-2rem)
}

.side-panel__footer__user {
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: opacity;
    display: grid;
    text-align: left
}

.side-panel--collapsed .side-panel__footer__user {
    opacity: 1
}

.side-panel__footer__user__name {
    color: var(--side-panel-user-name-alt, var(--side-panel-user-name));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.side-panel__footer__user__email {
    color: var(--side-panel-user-email-alt, var(--side-panel-user-email));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.side-panel__footer__icon {
    color: var(--color-neutral-base);
    display: grid;
    place-items: center
}

.side-panel__footer__icon--logout {
    color: var(--color-error-base)
}

.side-panel__footer-dropdown {
    transition-duration: .3s;
    transition-property: opacity,transform;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: opacity,transform;
    box-shadow: var(--elevation-size-s) var(--elevation-color-neutral-15);
    border-radius: var(--radius-m);
    background-color: var(--color-neutral-light);
    bottom: 100%;
    grid-template-rows: inherit;
    left: unset;
    max-width: calc(100vw - var(--spacing-xl));
    opacity: 0;
    overflow: visible;
    pointer-events: none;
    position: absolute;
    right: var(--spacing-s);
    transform: translate(calc(var(--spacing-xs) * -1));
    z-index: 2
}

@media screen and (min-width: 992px) {
    .side-panel__footer-dropdown {
        bottom:var(--spacing-s);
        left: calc(100% - var(--spacing-2xs));
        max-width: inherit;
        right: unset;
        width: max-content
    }
}

.side-panel__footer-dropdown:before {
    bottom: calc(var(--spacing-s) * -1);
    content: "";
    height: var(--spacing-s);
    left: unset;
    position: absolute;
    top: unset;
    width: 100%
}

@media screen and (min-width: 992px) {
    .side-panel__footer-dropdown:before {
        bottom:0;
        height: auto;
        left: calc(var(--spacing-2xs) * -1);
        top: 0;
        width: var(--spacing-2xs)
    }
}

.side-panel__footer:where(:hover,:focus)+.side-panel__footer-dropdown,.side-panel__footer-dropdown:where(:hover,:focus-within) {
    opacity: 1;
    pointer-events: all;
    transform: translate(0)
}

.side-panel__footer-dropdown__title {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-base);
    border-bottom: .0625rem solid var(--color-neutral-85);
    display: none;
    padding: var(--spacing-xs) var(--spacing-l)
}

.side-panel--collapsed .side-panel__footer-dropdown__title {
    display: flex;
    flex-direction: column
}

.side-panel__footer-dropdown__list {
    display: grid;
    list-style: none;
    margin: 0;
    padding: var(--spacing-2xs);
    row-gap: var(--spacing-4xs);
    width: 100%
}

.side-panel__overlay {
    transition-duration: .3s;
    transition-property: opacity,left;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: opacity,left;
    background-color: var(--color-neutral-base-opacity-80);
    bottom: 0;
    cursor: pointer;
    display: none;
    height: 100vh;
    left: 5rem;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 1
}

@media screen and (min-width: 992px) {
    .side-panel__overlay {
        display:block
    }
}

@media screen and (min-width: 992px) and (max-width: 1679px) {
    .side-panel--opened .side-panel__overlay {
        left:18rem;
        opacity: 1;
        pointer-events: all
    }
}

[data-theme=light] {
    --side-nav-divider-alt: initial;
    --side-nav-title-alt: initial;
    --side-nav-item-alt: initial;
    --side-nav-item-active-alt: initial;
    --side-nav-item-bg-hover-alt: initial;
    --side-nav-item-bg-active-alt: initial;
    --side-nav-item-text-active-alt: initial;
    --side-nav-item-text-active-hover-alt: initial;
    --side-nav-item-danger-alt: initial;
    --side-nav-item-bg-danger-hover-alt: initial
}

[data-theme=alt] {
    --side-nav-divider-alt: var(--color-neutral-light-opacity-40);
    --side-nav-title-alt: var(--color-neutral-light-opacity-75);
    --side-nav-item-alt: var(--color-neutral-light);
    --side-nav-item-active-alt: var(--color-neutral-light);
    --side-nav-item-bg-hover-alt: var(--color-neutral-light-opacity-15);
    --side-nav-item-bg-active-alt: var(--color-neutral-light-opacity-15);
    --side-nav-item-text-active-alt: var(--color-neutral-light);
    --side-nav-item-text-active-hover-alt: var(--color-neutral-light);
    --side-nav-item-danger-alt: var(--color-neutral-light);
    --side-nav-item-bg-danger-hover-alt: var(--color-neutral-light-opacity-15)
}

.side-nav__list {
    --side-nav-divider: var(--color-neutral-85);
    --side-nav-title: var(--color-neutral-25);
    --side-nav-item: var(--color-neutral-base);
    --side-nav-item-active: var(--color-action-base);
    --side-nav-item-bg-hover: var(--color-neutral-95);
    --side-nav-item-bg-active: var(--color-action-light);
    --side-nav-item-text-active-hover: var(--color-action-base);
    --side-nav-item-danger: var(--color-error-base);
    --side-nav-item-bg-danger-hover: var(--color-error-light);
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0;
    row-gap: var(--spacing-4xs)
}

.side-nav__list__item {
    display: grid;
    position: relative
}

.side-panel--collapsed .side-nav__list__item--with-sub-item {
    grid-template-columns: 3rem 0;
    grid-template-rows: 3rem;
    overflow: visible
}

.side-nav__list__item--with-divider:after {
    background-color: var(--side-nav-divider-alt, var(--side-nav-divider));
    content: "";
    height: .0625rem;
    margin: var(--spacing-3xs) var(--spacing-xs)
}

.side-nav__list__item__title {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-s-bp-base);
    line-height: 1.2135rem;
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: color;
    color: var(--side-nav-title-alt, var(--side-nav-title));
    overflow: hidden;
    padding: var(--spacing-m) var(--spacing-xs) var(--spacing-3xs);
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
}

.side-nav__list__item__title:after {
    transition-duration: .3s;
    transition-property: background-color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: background-color;
    background-color: transparent;
    bottom: 0;
    content: "";
    height: .0625rem;
    left: 0;
    margin: var(--spacing-3xs) var(--spacing-xs);
    position: absolute;
    right: 0
}

.side-panel--collapsed .side-nav__list__item__title {
    color: transparent;
    -webkit-user-select: none;
    user-select: none
}

.side-panel--collapsed .side-nav__list__item__title:after {
    background-color: var(--side-nav-divider-alt, var(--side-nav-divider))
}

.side-nav-item {
    outline-color: var(--color-action-base);
    border-radius: var(--radius-m);
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    transition-duration: .3s;
    transition-property: max-width,grid-template-columns,background-color,color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: max-width,grid-template-columns,background-color,color;
    align-content: center;
    align-items: center;
    color: var(--side-nav-item-alt, var(--side-nav-item));
    cursor: pointer;
    display: grid;
    gap: var(--spacing-xs);
    grid-auto-flow: column;
    grid-template-columns: min-content 1fr;
    justify-content: start;
    padding: var(--spacing-xs);
    position: relative
}

.side-nav-item:focus-visible {
    outline: var(--color-action-base) solid .125rem;
    outline-offset: 0
}

@supports (-webkit-hyphens: none) {
    .side-nav-item:focus,.side-nav-item:focus-within {
        outline:none;
        position: relative
    }

    .side-nav-item:focus:before,.side-nav-item:focus-within:before {
        border-radius: var(--radius-m);
        bottom: -.125rem;
        left: -.125rem;
        position: absolute;
        right: -.125rem;
        top: -.125rem;
        border: .125rem solid var(--color-action-base);
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .side-nav-item:focus,.side-nav-item:focus-within {
            outline:none;
            position: relative
        }

        .side-nav-item:focus:before,.side-nav-item:focus-within:before {
            border-radius: var(--radius-m);
            bottom: -.125rem;
            left: -.125rem;
            position: absolute;
            right: -.125rem;
            top: -.125rem;
            border: .125rem solid var(--color-action-base);
            content: ""
        }
    }
}

@media screen and (min-width: 992px) {
    .side-nav-item {
        max-width:15.9375rem
    }
}

.side-nav-item:hover {
    background-color: var(--side-nav-item-bg-hover-alt, var(--side-nav-item-bg-hover))
}

.side-nav-item:active {
    background-color: var(--side-nav-item-bg-active-alt, var(--side-nav-item-bg-active));
    color: var(--side-nav-item-active-alt, var(--side-nav-item-active))
}

.side-nav-item .icon {
    margin: var(--spacing-4xs)
}

.side-panel--collapsed .side-nav-item {
    grid-auto-columns: 3rem 0;
    max-width: 3rem;
    position: relative
}

.side-panel__group-wrapper .side-nav-item {
    grid-template-columns: 1fr;
    justify-content: stretch;
    max-width: 100%;
    padding: var(--spacing-xs) var(--spacing-s)
}

@media screen and (min-width: 992px) {
    .side-panel__group-wrapper .side-nav-item {
        width:calc(15.9375rem - var(--spacing-xl))
    }
}

.side-panel__footer-dropdown .side-nav-item {
    grid-template-columns: 1fr;
    justify-content: stretch;
    max-width: 100%
}

.side-panel__footer-dropdown__list__item--logout .side-nav-item {
    color: var(--color-error-base);
    grid-template-columns: 1fr auto
}

.side-panel--collapsed .side-panel__dropdown-wrapper .side-nav-item,.side-panel__footer-dropdown .side-nav-item {
    --side-nav-item-alt: var(--color-neutral-base);
    --side-nav-item-danger-alt: var(--color-error-base);
    --side-nav-item-bg-hover-alt: var(--color-neutral-95);
    --side-nav-item-bg-danger-hover-alt: var(--color-error-light);
    grid-template-columns: 1fr;
    max-width: 100%;
    padding: var(--spacing-xs) var(--spacing-s)
}

.side-nav-item--selected {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    background-color: var(--side-nav-item-bg-active-alt, var(--side-nav-item-bg-active));
    color: var(--side-nav-item-text-active-alt, var(--side-nav-item-text-active))
}

.side-nav-item--selected:hover {
    color: var(--side-nav-item-text-active-hover-alt, var(--side-nav-item-text-active-hover))
}

.side-nav-item--danger {
    outline-color: var(--color-error-base);
    color: var(--side-nav-item-danger-alt, var(--side-nav-item-danger))
}

.side-nav-item--danger:focus-visible {
    outline: var(--color-error-base) solid .125rem;
    outline-offset: 0
}

@supports (-webkit-hyphens: none) {
    .side-nav-item--danger:focus,.side-nav-item--danger:focus-within {
        outline:none;
        position: relative
    }

    .side-nav-item--danger:focus:before,.side-nav-item--danger:focus-within:before {
        border-radius: var(--radius-m);
        bottom: -.125rem;
        left: -.125rem;
        position: absolute;
        right: -.125rem;
        top: -.125rem;
        border: .125rem solid var(--color-error-base);
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .side-nav-item--danger:focus,.side-nav-item--danger:focus-within {
            outline:none;
            position: relative
        }

        .side-nav-item--danger:focus:before,.side-nav-item--danger:focus-within:before {
            border-radius: var(--radius-m);
            bottom: -.125rem;
            left: -.125rem;
            position: absolute;
            right: -.125rem;
            top: -.125rem;
            border: .125rem solid var(--color-error-base);
            content: ""
        }
    }
}

.side-nav-item--danger:hover,.side-nav-item--danger:active {
    background-color: var(--side-nav-item-bg-danger-hover-alt, var(--side-nav-item-bg-danger-hover))
}

.side-nav-item--danger.side-nav-item--selected {
    background-color: var(--color-error-light)
}

.side-nav-item--danger.side-nav-item--selected:hover {
    color: var(--color-error-base)
}

.side-nav-item--with-icon {
    grid-template-columns: min-content 1fr min-content
}

.side-panel--collapsed .side-nav-item--with-icon {
    grid-template-columns: min-content
}

.side-panel__group-wrapper .side-nav-item--with-icon {
    grid-template-columns: 1fr min-content
}

.side-nav-item__external-link-icon {
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: opacity
}

.side-panel--collapsed .side-nav-item__external-link-icon {
    opacity: 0;
    position: absolute;
    right: var(--spacing-xs)
}

.side-panel--collapsed .side-nav-item--button:where(:hover,:focus)+.side-panel__group-wrapper,.side-panel--collapsed .side-panel__group-wrapper:is(:hover,:focus-within) {
    opacity: 1;
    pointer-events: all;
    transform: translate(var(--spacing-2xs));
    transition-duration: .3s
}

.side-nav-item__toggle-icon {
    transition-duration: .3s;
    transition-property: transform,opacity;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: transform,opacity;
    transform: rotate(0)
}

.side-nav__list__item--expanded .side-nav-item__toggle-icon {
    transform: rotate(180deg)
}

.side-panel--collapsed .side-nav-item__toggle-icon {
    opacity: 0
}

.side-panel__group-wrapper {
    transition-duration: .3s;
    transition-property: grid-template-rows,opacity,transform,padding;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: grid-template-rows,opacity,transform,padding;
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    padding-top: 0
}

.side-panel__group-wrapper:before {
    bottom: 0;
    content: "";
    left: calc(var(--spacing-2xs) * -1);
    position: absolute;
    top: 0;
    width: var(--spacing-2xs)
}

.side-nav__list__item--expanded .side-panel__group-wrapper {
    grid-template-rows: 1fr;
    overflow: visible;
    padding-top: var(--spacing-4xs)
}

.side-panel__dropdown-wrapper {
    box-shadow: var(--elevation-size-s) var(--elevation-color-neutral-15);
    border-radius: var(--radius-m);
    transition-duration: .3s;
    transition-property: opacity,transform;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: opacity,transform;
    background-color: var(--color-neutral-light);
    height: max-content;
    left: 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate(0);
    width: max-content
}

.side-panel__dropdown-wrapper:before {
    bottom: 0;
    content: "";
    left: calc(var(--spacing-2xs) * -1);
    position: absolute;
    top: 0;
    width: var(--spacing-2xs)
}

.side-panel--collapsed .side-nav__list__item--with-sub-item:where(:hover,:focus-within) .side-panel__dropdown-wrapper,.side-panel__dropdown-wrapper:where(:hover,:focus-within) {
    box-shadow: var(--elevation-size-s) var(--elevation-color-neutral-15);
    opacity: 1;
    pointer-events: all;
    transform: translate(var(--spacing-2xs))
}

.side-panel__dropdown__title {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-base);
    border-bottom: .0625rem solid var(--color-neutral-85);
    display: block;
    padding: var(--spacing-xs) var(--spacing-l)
}

.side-panel--collapsed .side-panel__dropdown__title {
    display: block
}

.side-panel__dropdown__list {
    display: grid;
    list-style: none;
    margin: 0;
    padding: var(--spacing-2xs);
    row-gap: var(--spacing-4xs)
}

.side-panel__group__list {
    transition-duration: .3s;
    transition-property: opacity,transform;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: opacity,transform;
    display: grid;
    list-style: none;
    min-height: 0;
    opacity: 0;
    padding-left: var(--spacing-xl);
    pointer-events: none;
    row-gap: var(--spacing-4xs);
    transform: translateY(calc(var(--spacing-xs) * -1))
}

.side-nav__list__item--expanded .side-panel__group__list {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0)
}

.side-panel--collapsed .side-panel__group-wrapper .side-panel__group__list {
    min-height: auto;
    opacity: 1;
    padding: var(--spacing-2xs);
    pointer-events: all;
    transform: none
}

.side-panel__group__list__item {
    padding-bottom: 0;
    padding-top: 0
}

.side-nav-item__text {
    transition-duration: .3s;
    transition-property: opacity,transform,background-color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: opacity,transform,background-color;
    animation: showNavItem .2s .3s forwards;
    opacity: 0;
    overflow: hidden;
    position: relative;
    text-align: left;
    white-space: nowrap
}

@keyframes showNavItem {
    0% {
        opacity: 0;
        overflow: hidden;
        white-space: nowrap
    }

    to {
        opacity: 1;
        overflow: visible;
        white-space: normal
    }
}

.side-panel__group-wrapper .side-nav-item__text {
    transition-duration: .3s;
    transition-property: opacity,transform,background-color,padding;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: opacity,transform,background-color,padding;
    max-width: calc(15.9375rem - var(--spacing-xl));
    padding: var(--spacing-xs) var(--spacing-3xs)
}

.side-panel--collapsed .side-panel__group-wrapper .side-nav-item__text,.side-panel--collapsed .side-panel__footer-wrapper .side-nav-item__text {
    font-weight: var(--font-weight-book);
    box-shadow: none;
    grid-column: 1;
    opacity: 1;
    position: static;
    transform: none;
    width: 100%
}

.side-panel--collapsed .side-nav-item:where(:hover,:focus) .side-nav-item__text {
    box-shadow: var(--elevation-size-s) var(--elevation-color-neutral-15);
    opacity: 1;
    transform: translate(var(--spacing-m));
    transition-duration: .3s
}

.side-panel--collapsed .side-nav-item--button .side-nav-item__text {
    display: none
}

.side-nav-item__tooltip {
    transition-duration: .3s;
    transition-property: opacity,transform;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: opacity,transform;
    border-radius: var(--radius-m);
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-base);
    background: var(--color-neutral-light);
    left: 100%;
    opacity: 0;
    padding: var(--spacing-xs) var(--spacing-s);
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate(0);
    width: max-content
}

.side-nav-item__tooltip:before {
    bottom: 0;
    content: "";
    left: calc(var(--spacing-2xs) * -1);
    position: absolute;
    top: 0;
    width: var(--spacing-2xs)
}

.side-panel--collapsed .side-nav-item:where(:hover,:focus) .side-nav-item__tooltip,.side-nav-item__tooltip:where(:hover,:focus) {
    box-shadow: var(--elevation-size-s) var(--elevation-color-neutral-15);
    opacity: 1;
    pointer-events: all;
    transform: translate(var(--spacing-2xs))
}

.side-panel__footer-dropdown__list__item--logout .icon {
    color: var(--side-nav-item-danger-alt, var(--side-nav-item-danger))
}

.container--with-sidebar {
    transition-duration: .3s;
    transition-property: padding-left;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    will-change: padding-left;
    height: 100vh;
    width: 100vw
}

@media screen and (min-width: 992px) {
    .container--with-sidebar {
        padding-left:calc(5rem + var(--spacing-xl));
        padding-right: var(--spacing-xl)
    }
}

@media screen and (min-width: 1200px) {
    .container--with-sidebar {
        padding-left:calc(5rem + var(--spacing-2xl));
        padding-right: var(--spacing-2xl)
    }
}

@media screen and (min-width: 1680px) {
    .container--with-sidebar {
        padding-left:calc(18rem + var(--spacing-2xl))
    }
}

@media screen and (min-width: 1680px) {
    .side-panel--collapsed+.container--with-sidebar {
        padding-left:calc(5rem + var(--spacing-2xl))
    }
}

.table {
    border-radius: var(--radius-m);
    background: linear-gradient(to right,var(--color-neutral-light) 30%,var(--color-neutral-base-opacity-0)),linear-gradient(to right,var(--color-neutral-base-opacity-0),var(--color-neutral-light) 70%) 0 100%,radial-gradient(farthest-side at 0 50%,var(--color-neutral-base-opacity-40),var(--color-neutral-base-opacity-0)),radial-gradient(farthest-side at 100% 50%,var(--color-neutral-base-opacity-40),var(--color-neutral-base-opacity-0)) 100% 0;
    background-attachment: local,local,scroll,scroll;
    background-position: 0 0,100%,0 0,100%;
    background-repeat: no-repeat;
    background-size: 1.75rem 100%,1.75rem 100%,.75rem 100%,.75rem 100%;
    overflow: auto;
    position: relative
}

.table--with-border {
    border: .0625rem solid var(--color-neutral-base-opacity-15)
}

.table :where(th,td) {
    padding: var(--spacing-xs) var(--spacing-s)
}

.table th {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    white-space: nowrap
}

.table td {
    background-color: var(--color-neutral-light-opacity-5);
    color: var(--color-neutral-25)
}

.table--s :where(th,td) {
    padding: var(--spacing-2xs) var(--spacing-xs)
}

.table--with-sticky-head {
    max-height: 70vh
}

.table--with-sticky-head thead {
    border-radius: var(--radius-m);
    box-shadow: 0 .5rem .5rem -.5rem var(--color-neutral-base-opacity-40);
    position: sticky;
    top: 0;
    z-index: 2
}

.table--with-sticky-head th {
    position: sticky;
    top: 0;
    z-index: 2
}

.table--with-sticky-head:not([class*=table--with-header]) th {
    background-color: var(--color-neutral-light-opacity-5)
}

.table--with-sticky-col th:first-child:before {
    content: "";
    position: absolute
}

.table--with-sticky-col :where(th:first-child,td:first-child) {
    border-right: .0625rem solid var(--color-neutral-base-opacity-15);
    left: 0;
    position: sticky;
    z-index: 1
}

.table--with-sticky-col :is(th:first-child,td:first-child) {
    background-color: var(--color-neutral-light)
}

.table--with-sticky-col.table--with-header-neutral-95 th:first-child {
    background-color: var(--color-neutral-95)
}

.table--with-sticky-col.table--with-header-neutral-base th:first-child {
    background-color: var(--color-neutral-base)
}

.table--with-sticky-head.table--with-sticky-col th:first-child {
    z-index: 3
}

.table--with-row-border :where(tr:only-of-type,tr:not(:last-child)) :where(th,td) {
    border-bottom: .0625rem solid var(--color-neutral-base-opacity-15)
}

.table--with-col-border :where(th:not(:last-child),td:not(:last-child)) {
    border-right: .0625rem solid var(--color-neutral-base-opacity-15)
}

.table--with-header-neutral-95 th {
    background-color: var(--color-neutral-95)
}

.table--with-header-neutral-base th {
    background-color: var(--color-neutral-base);
    color: var(--color-neutral-light)
}

.table--with-header-neutral-base.table--with-col-border th:not(:last-child) {
    border-right-color: var(--color-neutral-25)
}

.table--with-stripes:not([class*=table--with-header]) tr:nth-child(odd) td,.table--with-stripes[class*=table--with-header] tr:nth-child(even) td {
    background-color: var(--color-neutral-base-opacity-5)
}

.table--with-sticky-col.table--with-stripes:not([class*=table--with-header]) tr:nth-child(odd) td:first-child,.table--with-sticky-col.table--with-stripes[class*=table--with-header] tr:nth-child(even) td:first-child {
    background-color: var(--color-neutral-95)
}

.table--with-sticky-col.table--with-stripes:not([class*=table--with-header]) tr:nth-child(even) td:first-child,.table--with-sticky-col.table--with-stripes[class*=table--with-header] tr:nth-child(odd) td:first-child {
    background-color: var(--color-neutral-light)
}

.table--with-stripes:not(.table--with-row-border,.table--with-sticky-col,.table--with-border) :where(th:first-child,td:first-child) {
    border-radius: var(--radius-s) 0 0 var(--radius-s)
}

.table--with-stripes:not(.table--with-row-border,.table--with-sticky-col,.table--with-border) :where(th:last-child,td:last-child) {
    border-radius: 0 var(--radius-s) var(--radius-s) 0
}

.table__wrapper {
    border-radius: var(--radius-m);
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-base);
    border-spacing: 0;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    width: 100%
}

[data-theme=light] {
    --tabs-border-alt: initial;
    --tabs-focus-alt: initial;
    --tabs-text-alt: initial;
    --tabs-title-alt: initial;
    --tabs-title-hover-alt: initial;
    --tabs-title-disabled-alt: initial;
    --tabs-pill-selected-alt: initial;
    --tabs-addon-alt: initial;
    --tabs-icon-alt: initial;
    --tabs-icon-hover-alt: initial;
    --tabs-icon-selected-alt: initial;
    --tabs-line-hover-alt: initial;
    --tabs-line-selected-alt: initial
}

[data-theme=alt] {
    --tabs-border-alt: var(--color-neutral-light-opacity-15);
    --tabs-focus-alt: var(--color-neutral-light);
    --tabs-text-alt: var(--color-neutral-light);
    --tabs-title-alt: var(--color-neutral-light-opacity-75);
    --tabs-title-hover-alt: var(--color-neutral-light);
    --tabs-title-disabled-alt: var(--color-neutral-light-opacity-40);
    --tabs-pill-selected-alt: var(--color-neutral-light-opacity-15);
    --tabs-addon-alt: var(--color-neutral-light-opacity-75);
    --tabs-icon-alt: var(--color-neutral-light-opacity-75);
    --tabs-icon-hover-alt: var(--color-neutral-light);
    --tabs-icon-selected-alt: var(--color-neutral-light);
    --tabs-line-hover-alt: var(--color-neutral-light-opacity-40);
    --tabs-line-selected-alt: var(--color-neutral-light)
}

.tabs__tablist-wrapper {
    --tabs-border: var(--color-neutral-85);
    --tabs-focus: var(--color-action-base);
    --tabs-text: var(--color-neutral-base);
    --tabs-title: var(--color-neutral-25);
    --tabs-title-hover: var(--color-neutral-base);
    --tabs-title-disabled: var(--color-neutral-50);
    --tabs-pill-selected: var(--color-brand-light);
    --tabs-addon: var(--color-brand-base);
    --tabs-icon: var(--color-neutral-25);
    --tabs-icon-hover: var(--color-neutral-base);
    --tabs-icon-selected: var(--color-brand-base);
    --tabs-line-hover: var(--color-brand-base-opacity-40);
    --tabs-line-selected: var(--color-brand-base)
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .tabs__tablist-wrapper {
        -ms-overflow-style:none;
        overflow-y: scroll;
        scrollbar-width: none;
        margin: -.4375rem calc(-1 * var(--offset, 1.25rem));
        overflow-x: scroll;
        padding: .4375rem var(--offset, 1.25rem);
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        width: calc(100% + 2 * var(--offset, 1.25rem))
    }

    .tabs__tablist-wrapper::-webkit-scrollbar {
        display: none
    }
}

.tabs__tablist {
    align-items: end;
    column-gap: var(--spacing-xl);
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    justify-items: left;
    min-width: 100%;
    position: relative;
    width: fit-content
}

.tabs__tablist--with-border {
    border-bottom: .0625rem solid var(--tabs-border-alt, var(--tabs-border))
}

.tabs__tablist--with-pills {
    column-gap: var(--spacing-3xs)
}

.tabs__tab-panel:not([hidden]) {
    animation: fadeIn .3s cubic-bezier(0,0,.38,1) forwards;
    color: var(--tabs-text-alt, var(--tabs-text))
}

.tab {
    border-radius: var(--radius-xs);
    outline-color: var(--tabs-focus-alt, var(--tabs-focus));
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    align-items: end;
    color: var(--tabs-title-alt, var(--tabs-title));
    column-gap: var(--spacing-2xs);
    cursor: pointer;
    display: grid;
    grid-auto-flow: column;
    transition: color .2s cubic-bezier(.2,.07,.38,1)
}

.tab:focus-visible {
    outline: var(--tabs-focus-alt, var(--tabs-focus)) solid .125rem;
    outline-offset: .25rem
}

@supports (-webkit-hyphens: none) {
    .tab:focus,.tab:focus-within {
        outline:none;
        position: relative
    }

    .tab:focus:before,.tab:focus-within:before {
        border-radius: var(--radius-xs);
        bottom: -.375rem;
        left: -.375rem;
        position: absolute;
        right: -.375rem;
        top: -.375rem;
        border: .125rem solid var(--tabs-focus-alt, var(--tabs-focus));
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .tab:focus,.tab:focus-within {
            outline:none;
            position: relative
        }

        .tab:focus:before,.tab:focus-within:before {
            border-radius: var(--radius-xs);
            bottom: -.375rem;
            left: -.375rem;
            position: absolute;
            right: -.375rem;
            top: -.375rem;
            border: .125rem solid var(--tabs-focus-alt, var(--tabs-focus));
            content: ""
        }
    }
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .tab {
        scroll-snap-align:center
    }
}

.tab:hover:not(:disabled,[disabled]),.tab:focus:not(:disabled,[disabled]),.tab[aria-selected=true] {
    color: var(--tabs-title-hover-alt, var(--tabs-title-hover))
}

.tab:not(.tab--pills) {
    margin-bottom: calc(var(--spacing-xs) + .1875rem);
    position: relative
}

.tab:disabled,.tab[disabled] {
    color: var(--tabs-title-disabled-alt, var(--tabs-title-disabled));
    cursor: not-allowed
}

.tab--pills {
    border-radius: var(--radius-s);
    outline-color: var(--tabs-focus-alt, var(--tabs-focus));
    align-items: center;
    height: 3rem;
    padding: 0 var(--spacing-s);
    transition-property: background-color,color
}

.tab--pills:focus-visible {
    outline: var(--tabs-focus-alt, var(--tabs-focus)) solid .125rem;
    outline-offset: .125rem
}

@supports (-webkit-hyphens: none) {
    .tab--pills:focus,.tab--pills:focus-within {
        outline:none;
        position: relative
    }

    .tab--pills:focus:before,.tab--pills:focus-within:before {
        border-radius: var(--radius-m);
        bottom: -.25rem;
        left: -.25rem;
        position: absolute;
        right: -.25rem;
        top: -.25rem;
        border: .125rem solid var(--tabs-focus-alt, var(--tabs-focus));
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .tab--pills:focus,.tab--pills:focus-within {
            outline:none;
            position: relative
        }

        .tab--pills:focus:before,.tab--pills:focus-within:before {
            border-radius: var(--radius-m);
            bottom: -.25rem;
            left: -.25rem;
            position: absolute;
            right: -.25rem;
            top: -.25rem;
            border: .125rem solid var(--tabs-focus-alt, var(--tabs-focus));
            content: ""
        }
    }
}

.tab--pills[aria-selected=true] {
    background-color: var(--tabs-pill-selected-alt, var(--tabs-pill-selected))
}

.tab__addon {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-s-bp-base);
    line-height: 1.2135rem;
    color: var(--tabs-addon-alt, var(--tabs-addon))
}

.tab:disabled .tab__addon,.tab[disabled] .tab__addon {
    color: var(--color-neutral-50)
}

.tab__icon {
    align-self: center;
    color: var(--tabs-icon-alt, var(--tabs-icon))
}

.tab:hover .tab__icon {
    color: var(--tabs-icon-hover-alt, var(--tabs-icon-hover))
}

.tab[aria-selected=true] .tab__icon {
    color: var(--tabs-icon-selected-alt, var(--tabs-icon-selected))
}

.tab__line {
    background-color: transparent;
    border-radius: .25rem;
    height: .1875rem;
    position: absolute;
    top: calc(100% + var(--spacing-xs) + .0625rem);
    transform-origin: left;
    transition: background-color .2s cubic-bezier(.2,.07,.38,1);
    width: 100%
}

.tab:hover:not(:disabled,[disabled]) .tab__line,.tab:focus:not(:disabled,[disabled]) .tab__line {
    background-color: var(--tabs-line-hover-alt, var(--tabs-line-hover))
}

.tab[aria-selected=true] .tab__line,.tab[aria-selected=true]:hover .tab__line,.tab[aria-selected=true]:focus .tab__line {
    background-color: var(--tabs-line-selected-alt, var(--tabs-line-selected))
}

.tab[aria-selected=true] .tab__line--animated {
    animation: animateLine var(--duration, 7s) linear forwards;
    will-change: transform,border-radius
}

@keyframes animateLine {
    0% {
        border-radius: 5rem/.25rem;
        transform: scaleX(0)
    }

    20% {
        border-radius: 1.25rem/.25rem;
        transform: scaleX(.2)
    }

    to {
        border-radius: .25rem;
        transform: scaleX(1)
    }
}

.toaster {
    padding-block-end:var(--spacing-m);display: grid;
    inset-block-end: 0;
    inset-inline: 0;
    justify-items: center;
    left: var(--spacing-m);
    max-height: 100vh;
    overflow-y: auto;
    pointer-events: none;
    position: fixed;
    row-gap: var(--spacing-xs);
    width: calc(100vw - 2 * var(--spacing-m));
    z-index: 110
}

@media screen and (min-width: 576px) {
    .toaster {
        padding-block-end:var(--spacing-xl)
    }
}

.toaster--top,.toaster--top-right {
    bottom: unset;
    top: var(--offset-top, var(--spacing-m))
}

@media screen and (min-width: 576px) {
    .toaster--top,.toaster--top-right {
        top:var(--offset-top, var(--spacing-xl))
    }
}

@media screen and (min-width: 576px) {
    .toaster--top-right {
        justify-items:end;
        left: unset;
        right: var(--spacing-xl);
        transform: unset
    }
}

[data-theme=light] {
    --toast-color-alt: initial;
    --toast-close-background-alt: initial;
    --toast-close-icon-alt: initial;
    --toast-neutral-background-alt: initial;
    --toast-neutral-icon-alt: initial;
    --toast-brand-background-alt: initial;
    --toast-brand-icon-alt: initial;
    --toast-alert-background-alt: initial;
    --toast-alert-icon-alt: initial;
    --toast-success-background-alt: initial;
    --toast-success-icon-alt: initial;
    --toast-error-background-alt: initial;
    --toast-error-icon-alt: initial
}

[data-theme=alt] {
    --toast-color-alt: var(--color-neutral-25);
    --toast-close-background-alt: var(--color-neutral-light);
    --toast-close-icon-alt: var(--color-neutral-base);
    --toast-neutral-background-alt: var(--color-neutral-95);
    --toast-neutral-icon-alt: var(--color-neutral-base);
    --toast-brand-background-alt: var(--color-brand-light);
    --toast-brand-icon-alt: var(--color-brand-base);
    --toast-alert-background-alt: var(--color-alert-light);
    --toast-alert-icon-alt: var(--color-neutral-base);
    --toast-success-background-alt: var(--color-success-light);
    --toast-success-icon-alt: var(--color-success-base);
    --toast-error-background-alt: var(--color-error-light);
    --toast-error-icon-alt: var(--color-error-base)
}

.toast {
    --toast-color: var(--color-neutral-light);
    --toast-close-background: var(--color-neutral-light-opacity-40);
    --toast-close-icon: var(--color-neutral-light);
    --toast-neutral-background: var(--color-neutral-base);
    --toast-neutral-icon: var(--color-neutral-light);
    --toast-brand-background: var(--color-brand-base);
    --toast-brand-icon: var(--color-neutral-light);
    --toast-alert-background: var(--color-alert-base);
    --toast-alert-icon: var(--color-neutral-base);
    --toast-success-background: var(--color-success-base);
    --toast-success-icon: var(--color-neutral-light);
    --toast-error-background: var(--color-error-base);
    --toast-error-icon: var(--color-neutral-light);
    border-radius: var(--radius-m);
    padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-s);
    gap: var(--spacing-2xs);
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr;
    justify-content: start;
    overflow: hidden;
    pointer-events: all;
    position: relative;
    width: 100%
}

@media screen and (min-width: 576px) {
    .toast {
        padding:var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-m)
    }
}

@media screen and (min-width: 576px) {
    .toast {
        gap:var(--spacing-xs)
    }
}

@media screen and (min-width: 576px) {
    .toast {
        max-width:28rem;
        width: max-content
    }
}

.toaster--top .toast {
    transform-origin: top
}

.toaster--top-right .toast {
    transform-origin: right
}

.toast--with-icon {
    grid-template-columns: min-content 1fr
}

.toast--animated {
    animation: toastSlideInFromBottom .2s cubic-bezier(0,0,.38,1) forwards,fadeOut .2s cubic-bezier(.2,.07,1,1) forwards var(--duration, 5s)
}

.toast--animated.toast--animation-on-enter {
    animation: toastSlideInFromBottom .2s cubic-bezier(0,0,.38,1) forwards
}

.toaster--top .toast--animated {
    animation: toastSlideInFromTop .2s cubic-bezier(0,0,.38,1) forwards,fadeOut .2s cubic-bezier(.2,.07,1,1) forwards var(--duration, 5s)
}

.toaster--top .toast--animated.toast--animation-on-enter {
    animation: toastSlideInFromTop .2s cubic-bezier(0,0,.38,1) forwards
}

.toaster--top-right .toast--animated {
    animation: toastSlideInFromRight .2s cubic-bezier(0,0,.38,1) forwards,fadeOut .2s cubic-bezier(.2,.07,1,1) forwards var(--duration, 5s)
}

.toaster--top-right .toast--animated.toast--animation-on-enter {
    animation: toastSlideInFromRight .2s cubic-bezier(0,0,.38,1) forwards
}

.toast--animated:hover {
    animation-play-state: running,paused
}

.toast--animated.toast--animation-on-exit {
    animation: fadeOut .2s cubic-bezier(.2,.07,1,1) forwards
}

.toast--neutral {
    background-color: var(--toast-neutral-background-alt, var(--toast-neutral-background));
    color: var(--toast-color-alt, var(--toast-color))
}

.toast--neutral .toast__icon .icon {
    color: var(--toast-neutral-icon-alt, var(--toast-neutral-icon))
}

.toast--brand {
    background-color: var(--toast-brand-background-alt, var(--toast-brand-background));
    color: var(--toast-color-alt, var(--toast-color))
}

.toast--brand .toast__icon .icon {
    color: var(--toast-brand-icon-alt, var(--toast-brand-icon))
}

.toast--alert {
    --toast-color: var(--color-neutral-base);
    background-color: var(--toast-alert-background-alt, var(--toast-alert-background));
    color: var(--toast-color-alt, var(--toast-color))
}

.toast--alert .toast__icon .icon {
    color: var(--toast-alert-icon-alt, var(--toast-alert-icon))
}

.toast--success {
    background-color: var(--toast-success-background-alt, var(--toast-success-background));
    color: var(--toast-color-alt, var(--toast-color))
}

.toast--success .toast__icon .icon {
    color: var(--toast-success-icon-alt, var(--toast-success-icon))
}

.toast--error {
    background-color: var(--toast-error-background-alt, var(--toast-error-background));
    color: var(--toast-color-alt, var(--toast-color))
}

.toast--error .toast__icon .icon {
    color: var(--toast-error-icon-alt, var(--toast-error-icon))
}

.toast__icon {
    align-self: center;
    padding-right: var(--spacing-3xs);
    width: min-content
}

.toast__content-wrapper {
    align-items: center;
    column-gap: var(--spacing-s);
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between
}

.toast__text {
    color: var(--toast-color-alt, var(--toast-color));
    padding-right: var(--spacing-3xs)
}

.toast__close {
    outline-color: var(--toast-close-icon-alt, var(--toast-close-icon));
    align-self: start;
    border-radius: 50%;
    cursor: pointer;
    padding: var(--spacing-3xs);
    transition: background-color .2s cubic-bezier(.2,.07,.38,1);
    justify-self: end;
    width: fit-content
}

.toast__close:focus-visible {
    outline: var(--toast-close-icon-alt, var(--toast-close-icon)) solid .125rem;
    outline-offset: -.125rem
}

@supports (-webkit-hyphens: none) {
    .toast__close:focus,.toast__close:focus-within {
        outline:none;
        position: relative
    }

    .toast__close:focus:before,.toast__close:focus-within:before {
        border-radius: var(--radius-m);
        bottom: 0rem;
        left: 0rem;
        position: absolute;
        right: 0rem;
        top: 0rem;
        border: .125rem solid var(--toast-close-icon-alt, var(--toast-close-icon));
        content: ""
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .toast__close:focus,.toast__close:focus-within {
            outline:none;
            position: relative
        }

        .toast__close:focus:before,.toast__close:focus-within:before {
            border-radius: var(--radius-m);
            bottom: 0rem;
            left: 0rem;
            position: absolute;
            right: 0rem;
            top: 0rem;
            border: .125rem solid var(--toast-close-icon-alt, var(--toast-close-icon));
            content: ""
        }
    }
}

.toast__close:hover {
    background-color: var(--toast-close-background-alt, var(--toast-close-background))
}

.toast__close .icon {
    color: var(--toast-close-icon-alt, var(--toast-close-icon))
}

.toast__loader {
    bottom: 0;
    height: .1875rem;
    left: 0;
    position: absolute;
    width: 100%
}

.toast__loader__background {
    stroke: var(--color-neutral-base-opacity-15)
}

.toast__loader__line {
    animation: toastLoader calc(var(--duration) - .2s) linear forwards;
    stroke: var(--color-neutral-base-opacity-50);
    stroke-dasharray: 100;
    stroke-dashoffset: 0
}

.toast--animated:hover .toast__loader__line {
    animation-play-state: paused
}

@keyframes toastSlideInFromBottom {
    0% {
        opacity: 0;
        transform: translateY(20%)
    }

    to {
        opacity: 100%;
        transform: translateY(0)
    }
}

@keyframes toastSlideInFromTop {
    0% {
        opacity: 0;
        transform: translateY(-20%)
    }

    to {
        opacity: 100%;
        transform: translateY(0)
    }
}

@keyframes toastSlideInFromRight {
    0% {
        opacity: 0;
        transform: translate(20%)
    }

    to {
        opacity: 100%;
        transform: translate(0)
    }
}

@keyframes toastLoader {
    0% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 100
    }
}

[data-theme=light] {
    --tooltip-background-alt: initial;
    --tooltip-color-alt: initial
}

[data-theme=alt] {
    --tooltip-background-alt: var(--color-neutral-light);
    --tooltip-color-alt: var(--color-neutral-base)
}

.tooltip-wrapper {
    --tooltip-background: var(--color-neutral-base);
    --tooltip-color: var(--color-neutral-light);
    display: inline-flex;
    position: relative;
    width: fit-content
}

.tooltip-wrapper .button--ghost:first-child {
    margin: 0
}

.tooltip-close {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.tooltip {
    border-radius: var(--radius-s);
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    background-color: var(--tooltip-background-alt, var(--tooltip-background));
    color: var(--tooltip-color-alt, var(--tooltip-color));
    max-width: 20rem;
    opacity: 0;
    padding: var(--spacing-xs) var(--spacing-s);
    position: absolute;
    transition-duration: .2s;
    transition-property: transform,opacity,visibility;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    visibility: hidden;
    width: max-content;
    z-index: 90
}

.tooltip:before {
    background-color: var(--tooltip-background-alt, var(--tooltip-background));
    border-radius: .125rem;
    content: "";
    height: .75rem;
    position: absolute;
    transform: rotate(45deg);
    transform-origin: center;
    width: .75rem;
    z-index: 0
}

.tooltip:after {
    bottom: var(--spacing-s);
    left: var(--spacing-s);
    right: var(--spacing-s);
    top: var(--spacing-s);
    content: "";
    position: absolute;
    z-index: 0
}

.tooltip.tooltip--open,.tooltip-wrapper:hover .tooltip:not(.tooltip--controlled),.tooltip-wrapper:focus-within .tooltip:not(.tooltip--controlled) {
    opacity: 1;
    transform: scale(1);
    visibility: visible
}

.tooltip.tooltip--open.tooltip--left,.tooltip.tooltip--open.tooltip--right,.tooltip-wrapper:hover .tooltip:not(.tooltip--controlled).tooltip--left,.tooltip-wrapper:hover .tooltip:not(.tooltip--controlled).tooltip--right,.tooltip-wrapper:focus-within .tooltip:not(.tooltip--controlled).tooltip--left,.tooltip-wrapper:focus-within .tooltip:not(.tooltip--controlled).tooltip--right {
    transform: scale(1) translateY(-50%)
}

.tooltip.tooltip--open.tooltip--top,.tooltip.tooltip--open.tooltip--bottom,.tooltip-wrapper:hover .tooltip:not(.tooltip--controlled).tooltip--top,.tooltip-wrapper:hover .tooltip:not(.tooltip--controlled).tooltip--bottom,.tooltip-wrapper:focus-within .tooltip:not(.tooltip--controlled).tooltip--top,.tooltip-wrapper:focus-within .tooltip:not(.tooltip--controlled).tooltip--bottom {
    transform: scale(1) translate(-50%)
}

.tooltip__content {
    align-items: center;
    column-gap: var(--spacing-xs);
    display: grid;
    grid-auto-flow: column;
    position: relative;
    z-index: 1
}

.tooltip--top-left {
    bottom: calc(100% + var(--spacing-s));
    right: calc(50% - var(--spacing-s) - .375rem);
    transform: scale(1) translateY(var(--spacing-3xs));
    transform-origin: calc(100% - var(--spacing-s) - .375rem) bottom
}

.tooltip--top-left:before {
    bottom: -.3125rem
}

.tooltip--top-left:before {
    right: var(--spacing-s)
}

.tooltip--top-right {
    bottom: calc(100% + var(--spacing-s));
    left: calc(50% - var(--spacing-s) - .375rem);
    transform: scale(1) translateY(var(--spacing-3xs));
    transform-origin: var(--spacing-s).375rem bottom
}

.tooltip--top-right:before {
    bottom: -.3125rem
}

.tooltip--top-right:before {
    left: var(--spacing-s)
}

.tooltip--top {
    bottom: calc(100% + var(--spacing-s));
    left: 50%;
    transform: scale(1) translate(-50%) translateY(var(--spacing-3xs));
    transform-origin: bottom
}

.tooltip--top:before {
    bottom: -.3125rem
}

.tooltip--top:before {
    left: calc(50% - .375rem)
}

.tooltip--right {
    top: 50%;
    transform: scale(1) translateY(-50%) translate(calc(var(--spacing-3xs) * -1));
    left: calc(100% + var(--spacing-s));
    transform-origin: left top
}

.tooltip--right:before {
    left: -.3125rem
}

.tooltip--right:before {
    top: calc(50% - .375rem)
}

.tooltip--bottom-left {
    top: calc(100% + var(--spacing-s));
    right: calc(50% - var(--spacing-s) - .375rem);
    transform: scale(1) translateY(calc(var(--spacing-3xs) * -1));
    transform-origin: calc(100% - var(--spacing-s) - .375rem) top
}

.tooltip--bottom-left:before {
    right: var(--spacing-s)
}

.tooltip--bottom-left:before {
    top: -.3125rem
}

.tooltip--bottom-right {
    top: calc(100% + var(--spacing-s));
    left: calc(50% - var(--spacing-s) - .375rem);
    transform: scale(1) translateY(calc(var(--spacing-3xs) * -1));
    transform-origin: var(--spacing-s).375rem top
}

.tooltip--bottom-right:before {
    left: var(--spacing-s)
}

.tooltip--bottom-right:before {
    top: -.3125rem
}

.tooltip--bottom {
    top: calc(100% + var(--spacing-s));
    left: 50%;
    transform: scale(1) translateY(calc(var(--spacing-3xs) * -1)) translate(-50%);
    transform-origin: top
}

.tooltip--bottom:before {
    left: calc(50% - .375rem)
}

.tooltip--bottom:before {
    top: -.3125rem
}

.tooltip--left {
    top: 50%;
    transform: scale(1) translateY(-50%) translate(var(--spacing-3xs));
    right: calc(100% + var(--spacing-s));
    transform-origin: right top
}

.tooltip--left:before {
    right: -.3125rem
}

.tooltip--left:before {
    top: calc(50% - .375rem)
}

.tooltip--brand {
    --tooltip-background: var(--color-brand-base)
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

:root {
    --color-action-base: #007a92;
    --color-action-base-opacity-20: rgba(0, 122, 146, .2);
    --color-action-dark: #005465;
    --color-action-light: #e5f2f4;
    --color-alert-base: #ffdc50;
    --color-alert-dark: #ffc010;
    --color-alert-light: #fff8dc;
    --color-brand-base: #8334c2;
    --color-brand-base-opacity-40: rgba(131, 52, 194, .4);
    --color-brand-dark: #5b2488;
    --color-brand-light: #f2eaf8;
    --color-error-base: #df1654;
    --color-error-base-opacity-20: rgba(223, 22, 84, .2);
    --color-error-dark: #b21143;
    --color-error-dark-opacity-20: rgba(178, 17, 67, .2);
    --color-error-light: #fbe7ed;
    --color-neutral-25: #595d6a;
    --color-neutral-50: #90939d;
    --color-neutral-75: #c7c9cd;
    --color-neutral-85: #dddee1;
    --color-neutral-95: #f3f4f4;
    --color-neutral-95-opacity-15: rgba(243, 244, 244, .15);
    --color-neutral-base: #21283b;
    --color-neutral-base-opacity-0: rgba(33, 40, 59, 0);
    --color-neutral-base-opacity-5: rgba(33, 40, 59, .05);
    --color-neutral-base-opacity-15: rgba(33, 40, 59, .15);
    --color-neutral-base-opacity-40: rgba(33, 40, 59, .4);
    --color-neutral-base-opacity-50: rgba(33, 40, 59, .5);
    --color-neutral-base-opacity-80: rgba(33, 40, 59, .8);
    --color-neutral-light: #ffffff;
    --color-neutral-light-opacity-5: rgba(255, 255, 255, .05);
    --color-neutral-light-opacity-15: rgba(255, 255, 255, .15);
    --color-neutral-light-opacity-40: rgba(255, 255, 255, .4);
    --color-neutral-light-opacity-75: rgba(255, 255, 255, .75);
    --color-success-base: #1d8147;
    --color-success-dark: #145a31;
    --color-success-light: #e8f2ec;
    --gradient-action: linear-gradient(45deg, #007a92, #07a5b5);
    --gradient-brand: linear-gradient(45deg, #5b2488, #8334c2);
    --gradient-neutral: linear-gradient(45deg, #21283b, #595d6a);
    --gradient-error: linear-gradient(45deg, #b21143, #df1654)
}

:root {
    --elevation-size-s: 0 4px 12px -2px;
    --elevation-size-m: 0 16px 32px -4px;
    --elevation-size-l: 0 32px 64px -8px;
    --elevation-color-action-15: rgba(0, 122, 146, .15);
    --elevation-color-action-40: rgba(0, 122, 146, .4);
    --elevation-color-alert-15: rgba(255, 220, 80, .15);
    --elevation-color-brand-15: rgba(131, 52, 194, .15);
    --elevation-color-brand-40: rgba(131, 52, 194, .4);
    --elevation-color-error-15: rgba(223, 22, 84, .15);
    --elevation-color-error-40: rgba(223, 22, 84, .4);
    --elevation-color-neutral-15: rgba(89, 93, 106, .15);
    --elevation-color-neutral-40: rgba(89, 93, 106, .4);
    --elevation-color-success-15: rgba(29, 129, 71, .15)
}

:root {
    --radius-6xl: 7.5rem;
    --radius-5xl: 5rem;
    --radius-4xl: 3.5rem;
    --radius-3xl: 2.5rem;
    --radius-2xl: 2rem;
    --radius-xl: 1.5rem;
    --radius-l: 1.25rem;
    --radius-m: 1rem;
    --radius-s: .75rem;
    --radius-xs: .5rem;
    --radius-2xs: .25rem
}

:root {
    --spacing-0: 0rem;
    --spacing-5xl: 7.5rem;
    --spacing-4xl: 5rem;
    --spacing-3xl: 3.75rem;
    --spacing-2xl: 2.5rem;
    --spacing-xl: 2rem;
    --spacing-l: 1.5rem;
    --spacing-m: 1.25rem;
    --spacing-s: 1rem;
    --spacing-xs: .75rem;
    --spacing-2xs: .5rem;
    --spacing-3xs: .25rem;
    --spacing-4xs: .125rem
}

:root {
    --title-size-3xl-bp-base: 2rem;
    --title-size-3xl-bp-s: 2.75rem;
    --title-size-3xl-bp-l: 4rem;
    --title-size-2xl-bp-base: 1.75rem;
    --title-size-2xl-bp-s: 2.25rem;
    --title-size-2xl-bp-l: 3.25rem;
    --title-size-xl-bp-base: 1.75rem;
    --title-size-xl-bp-s: 2rem;
    --title-size-xl-bp-l: 2.5rem;
    --title-size-l-bp-base: 1.5rem;
    --title-size-l-bp-s: 1.625rem;
    --title-size-l-bp-l: 2rem;
    --title-size-m-bp-base: 1.25rem;
    --title-size-m-bp-s: 1.375rem;
    --title-size-m-bp-l: 1.5rem;
    --title-size-s-bp-base: 1rem;
    --title-size-s-bp-s: 1.125rem;
    --title-size-s-bp-l: 1.25rem;
    --text-size-l-bp-base: 1rem;
    --text-size-m-bp-base: .875rem;
    --text-size-s-bp-base: .75rem;
    --font-weight-bold: 700;
    --font-weight-book: 400
}

/* NOTIFICATION OVERRIDE */
[data-test-id="notification"] {
    background: var(--color-success-base) !important;
}

[data-test-id="notification"] strong {
    color: var(--color-action-light) !important;
}

.sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

button,input,optgroup,select,textarea,input[type=submit],fieldset {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    margin: 0;
    outline: none;
    padding: 0
}

@supports (-webkit-hyphens: none) {
    button,input,optgroup,select,textarea,input[type=submit],fieldset {
        outline:none
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        button,input,optgroup,select,textarea,input[type=submit],fieldset {
            outline:none
        }
    }
}

input:focus:not([type=radio],[type=checkbox]),input:focus-visible:not([type=radio],[type=checkbox]),select:focus:not([type=radio],[type=checkbox]),select:focus-visible:not([type=radio],[type=checkbox]),textarea:focus:not([type=radio],[type=checkbox]),textarea:focus-visible:not([type=radio],[type=checkbox]) {
    outline: none
}

input:disabled,input[disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled],input[type=submit]:disabled,input[type=submit][disabled] {
    color: var(--color-neutral-75);
    pointer-events: none
}

input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=password]::-ms-reveal,::-ms-clear {
    display: none
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus {
    border: none;
    border-radius: .375rem 0 0 .375rem;
    -webkit-text-fill-color: var(--color-neutral-base)
}

input::-webkit-date-and-time-value {
    text-align: left
}

::placeholder {
    color: var(--color-neutral-50);
    opacity: 1;
    -webkit-user-select: none;
    user-select: none
}

::-webkit-resizer {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_254_81187)'%3E%3Crect x='14.6064' y='10.364' width='6' height='2' rx='1' transform='rotate(135 14.6064 10.364)' fill='%2390939d'/%3E%3Crect x='13.8994' y='5.41431' width='12' height='2' rx='1' transform='rotate(135 13.8994 5.41431)' fill='%2390939d'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_254_81187'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-color: transparent;
    background-size: contain;
    border: none;
    box-shadow: none;
    outline: none
}

.scroll-locked {
    overflow: hidden;
    padding-right: .625rem;
    touch-action: none
}

*,*:before,*:after {
    box-sizing: inherit;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

html {
    font-weight: var(--font-weight-book);
    font-family: CircularXXWeb,Arial,sans-serif;
    font-feature-settings: "ss08" on;
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-variant-ligatures: none;
    line-height: 1.625rem;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    color: var(--color-neutral-base);
    overflow-x: hidden
}

a {
    color: inherit;
    text-decoration: none
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    margin: 0
}

p {
    margin: 0
}

strong {
    font-weight: var(--font-weight-bold)
}

img {
    display: block;
    height: auto;
    max-width: 100%
}

svg {
    display: block;
    fill: currentColor;
    height: inherit;
    width: auto
}

.bg-action-base {
    background-color: var(--color-action-base)
}

.bg-action-base-opacity-20 {
    background-color: var(--color-action-base-opacity-20)
}

.bg-action-dark {
    background-color: var(--color-action-dark)
}

.bg-action-light {
    background-color: var(--color-action-light)
}

.bg-alert-base {
    background-color: var(--color-alert-base)
}

.bg-alert-dark {
    background-color: var(--color-alert-dark)
}

.bg-alert-light {
    background-color: var(--color-alert-light)
}

.bg-brand-base {
    background-color: var(--color-brand-base)
}

.bg-brand-base-opacity-40 {
    background-color: var(--color-brand-base-opacity-40)
}

.bg-brand-dark {
    background-color: var(--color-brand-dark)
}

.bg-brand-light {
    background-color: var(--color-brand-light)
}

.bg-error-base {
    background-color: var(--color-error-base)
}

.bg-error-base-opacity-20 {
    background-color: var(--color-error-base-opacity-20)
}

.bg-error-dark {
    background-color: var(--color-error-dark)
}

.bg-error-dark-opacity-20 {
    background-color: var(--color-error-dark-opacity-20)
}

.bg-error-light {
    background-color: var(--color-error-light)
}

.bg-neutral-25 {
    background-color: var(--color-neutral-25)
}

.bg-neutral-50 {
    background-color: var(--color-neutral-50)
}

.bg-neutral-75 {
    background-color: var(--color-neutral-75)
}

.bg-neutral-85 {
    background-color: var(--color-neutral-85)
}

.bg-neutral-95 {
    background-color: var(--color-neutral-95)
}

.bg-neutral-95-opacity-15 {
    background-color: var(--color-neutral-95-opacity-15)
}

.bg-neutral-base {
    background-color: var(--color-neutral-base)
}

.bg-neutral-base-opacity-0 {
    background-color: var(--color-neutral-base-opacity-0)
}

.bg-neutral-base-opacity-5 {
    background-color: var(--color-neutral-base-opacity-5)
}

.bg-neutral-base-opacity-15 {
    background-color: var(--color-neutral-base-opacity-15)
}

.bg-neutral-base-opacity-40 {
    background-color: var(--color-neutral-base-opacity-40)
}

.bg-neutral-base-opacity-50 {
    background-color: var(--color-neutral-base-opacity-50)
}

.bg-neutral-base-opacity-80 {
    background-color: var(--color-neutral-base-opacity-80)
}

.bg-neutral-light {
    background-color: var(--color-neutral-light)
}

.bg-neutral-light-opacity-5 {
    background-color: var(--color-neutral-light-opacity-5)
}

.bg-neutral-light-opacity-15 {
    background-color: var(--color-neutral-light-opacity-15)
}

.bg-neutral-light-opacity-40 {
    background-color: var(--color-neutral-light-opacity-40)
}

.bg-neutral-light-opacity-75 {
    background-color: var(--color-neutral-light-opacity-75)
}

.bg-success-base {
    background-color: var(--color-success-base)
}

.bg-success-dark {
    background-color: var(--color-success-dark)
}

.bg-success-light {
    background-color: var(--color-success-light)
}

.gradient-action {
    background: var(--gradient-action)
}

.gradient-brand {
    background: var(--gradient-brand)
}

.gradient-neutral {
    background: var(--gradient-neutral)
}

.gradient-error {
    background: var(--gradient-error)
}

.c-action-base {
    color: var(--color-action-base)
}

.c-action-base-opacity-20 {
    color: var(--color-action-base-opacity-20)
}

.c-action-dark {
    color: var(--color-action-dark)
}

.c-action-light {
    color: var(--color-action-light)
}

.c-alert-base {
    color: var(--color-alert-base)
}

.c-alert-dark {
    color: var(--color-alert-dark)
}

.c-alert-light {
    color: var(--color-alert-light)
}

.c-brand-base {
    color: var(--color-brand-base)
}

.c-brand-base-opacity-40 {
    color: var(--color-brand-base-opacity-40)
}

.c-brand-dark {
    color: var(--color-brand-dark)
}

.c-brand-light {
    color: var(--color-brand-light)
}

.c-error-base {
    color: var(--color-error-base)
}

.c-error-base-opacity-20 {
    color: var(--color-error-base-opacity-20)
}

.c-error-dark {
    color: var(--color-error-dark)
}

.c-error-dark-opacity-20 {
    color: var(--color-error-dark-opacity-20)
}

.c-error-light {
    color: var(--color-error-light)
}

.c-neutral-25 {
    color: var(--color-neutral-25)
}

.c-neutral-50 {
    color: var(--color-neutral-50)
}

.c-neutral-75 {
    color: var(--color-neutral-75)
}

.c-neutral-85 {
    color: var(--color-neutral-85)
}

.c-neutral-95 {
    color: var(--color-neutral-95)
}

.c-neutral-95-opacity-15 {
    color: var(--color-neutral-95-opacity-15)
}

.c-neutral-base {
    color: var(--color-neutral-base)
}

.c-neutral-base-opacity-0 {
    color: var(--color-neutral-base-opacity-0)
}

.c-neutral-base-opacity-5 {
    color: var(--color-neutral-base-opacity-5)
}

.c-neutral-base-opacity-15 {
    color: var(--color-neutral-base-opacity-15)
}

.c-neutral-base-opacity-40 {
    color: var(--color-neutral-base-opacity-40)
}

.c-neutral-base-opacity-50 {
    color: var(--color-neutral-base-opacity-50)
}

.c-neutral-base-opacity-80 {
    color: var(--color-neutral-base-opacity-80)
}

.c-neutral-light {
    color: var(--color-neutral-light)
}

.c-neutral-light-opacity-5 {
    color: var(--color-neutral-light-opacity-5)
}

.c-neutral-light-opacity-15 {
    color: var(--color-neutral-light-opacity-15)
}

.c-neutral-light-opacity-40 {
    color: var(--color-neutral-light-opacity-40)
}

.c-neutral-light-opacity-75 {
    color: var(--color-neutral-light-opacity-75)
}

.c-success-base {
    color: var(--color-success-base)
}

.c-success-dark {
    color: var(--color-success-dark)
}

.c-success-light {
    color: var(--color-success-light)
}

.container-responsive {
    margin: 0 auto;
    width: 100%;
    max-width: calc(100vw - 2.5rem)
}

@media screen and (min-width: 375px) {
    .container-responsive {
        max-width:calc(100vw - 2.5rem)
    }
}

@media screen and (min-width: 576px) {
    .container-responsive {
        max-width:calc(100vw - 2.5rem)
    }
}

@media screen and (min-width: 768px) {
    .container-responsive {
        max-width:calc(100vw - 2.5rem)
    }
}

@media screen and (min-width: 992px) {
    .container-responsive {
        max-width:960px
    }
}

@media screen and (min-width: 1200px) {
    .container-responsive {
        max-width:1140px
    }
}

@media screen and (min-width: 1680px) {
    .container-responsive {
        max-width:1370px
    }
}

.container-responsive-from-2xs {
    margin: 0 auto;
    width: 100%
}

@media screen and (min-width: 375px) {
    .container-responsive-from-2xs {
        max-width:calc(100vw - 2.5rem)
    }
}

@media screen and (min-width: 576px) {
    .container-responsive-from-2xs {
        max-width:calc(100vw - 2.5rem)
    }
}

@media screen and (min-width: 768px) {
    .container-responsive-from-2xs {
        max-width:calc(100vw - 2.5rem)
    }
}

@media screen and (min-width: 992px) {
    .container-responsive-from-2xs {
        max-width:960px
    }
}

@media screen and (min-width: 1200px) {
    .container-responsive-from-2xs {
        max-width:1140px
    }
}

@media screen and (min-width: 1680px) {
    .container-responsive-from-2xs {
        max-width:1370px
    }
}

.container-responsive-from-xs {
    margin: 0 auto;
    width: 100%
}

@media screen and (min-width: 576px) {
    .container-responsive-from-xs {
        max-width:calc(100vw - 2.5rem)
    }
}

@media screen and (min-width: 768px) {
    .container-responsive-from-xs {
        max-width:calc(100vw - 2.5rem)
    }
}

@media screen and (min-width: 992px) {
    .container-responsive-from-xs {
        max-width:960px
    }
}

@media screen and (min-width: 1200px) {
    .container-responsive-from-xs {
        max-width:1140px
    }
}

@media screen and (min-width: 1680px) {
    .container-responsive-from-xs {
        max-width:1370px
    }
}

.container-responsive-from-s {
    margin: 0 auto;
    width: 100%
}

@media screen and (min-width: 768px) {
    .container-responsive-from-s {
        max-width:calc(100vw - 2.5rem)
    }
}

@media screen and (min-width: 992px) {
    .container-responsive-from-s {
        max-width:960px
    }
}

@media screen and (min-width: 1200px) {
    .container-responsive-from-s {
        max-width:1140px
    }
}

@media screen and (min-width: 1680px) {
    .container-responsive-from-s {
        max-width:1370px
    }
}

.container-responsive-from-m {
    margin: 0 auto;
    width: 100%
}

@media screen and (min-width: 992px) {
    .container-responsive-from-m {
        max-width:960px
    }
}

@media screen and (min-width: 1200px) {
    .container-responsive-from-m {
        max-width:1140px
    }
}

@media screen and (min-width: 1680px) {
    .container-responsive-from-m {
        max-width:1370px
    }
}

.container-responsive-from-l {
    margin: 0 auto;
    width: 100%
}

@media screen and (min-width: 1200px) {
    .container-responsive-from-l {
        max-width:1140px
    }
}

@media screen and (min-width: 1680px) {
    .container-responsive-from-l {
        max-width:1370px
    }
}

.container-responsive-from-xl {
    margin: 0 auto;
    width: 100%
}

@media screen and (min-width: 1680px) {
    .container-responsive-from-xl {
        max-width:1370px
    }
}

.container-s {
    margin: 0 auto;
    width: 100%;
    max-width: calc(100vw - 2.5rem)
}

@media screen and (min-width: 576px) {
    .container-s {
        max-width:min(100vw - 2.5rem,360px)
    }
}

.container-m {
    margin: 0 auto;
    width: 100%;
    max-width: calc(100vw - 2.5rem)
}

@media screen and (min-width: 576px) {
    .container-m {
        max-width:min(100vw - 2.5rem,720px)
    }
}

.elevation-s-action-15 {
    box-shadow: var(--elevation-size-s) var(--elevation-color-action-15)
}

.elevation-s-action-40 {
    box-shadow: var(--elevation-size-s) var(--elevation-color-action-40)
}

.elevation-s-alert-15 {
    box-shadow: var(--elevation-size-s) var(--elevation-color-alert-15)
}

.elevation-s-brand-15 {
    box-shadow: var(--elevation-size-s) var(--elevation-color-brand-15)
}

.elevation-s-brand-40 {
    box-shadow: var(--elevation-size-s) var(--elevation-color-brand-40)
}

.elevation-s-error-15 {
    box-shadow: var(--elevation-size-s) var(--elevation-color-error-15)
}

.elevation-s-error-40 {
    box-shadow: var(--elevation-size-s) var(--elevation-color-error-40)
}

.elevation-s-neutral-15 {
    box-shadow: var(--elevation-size-s) var(--elevation-color-neutral-15)
}

.elevation-s-neutral-40 {
    box-shadow: var(--elevation-size-s) var(--elevation-color-neutral-40)
}

.elevation-s-success-15 {
    box-shadow: var(--elevation-size-s) var(--elevation-color-success-15)
}

.elevation-m-action-15 {
    box-shadow: var(--elevation-size-m) var(--elevation-color-action-15)
}

.elevation-m-action-40 {
    box-shadow: var(--elevation-size-m) var(--elevation-color-action-40)
}

.elevation-m-alert-15 {
    box-shadow: var(--elevation-size-m) var(--elevation-color-alert-15)
}

.elevation-m-brand-15 {
    box-shadow: var(--elevation-size-m) var(--elevation-color-brand-15)
}

.elevation-m-brand-40 {
    box-shadow: var(--elevation-size-m) var(--elevation-color-brand-40)
}

.elevation-m-error-15 {
    box-shadow: var(--elevation-size-m) var(--elevation-color-error-15)
}

.elevation-m-error-40 {
    box-shadow: var(--elevation-size-m) var(--elevation-color-error-40)
}

.elevation-m-neutral-15 {
    box-shadow: var(--elevation-size-m) var(--elevation-color-neutral-15)
}

.elevation-m-neutral-40 {
    box-shadow: var(--elevation-size-m) var(--elevation-color-neutral-40)
}

.elevation-m-success-15 {
    box-shadow: var(--elevation-size-m) var(--elevation-color-success-15)
}

.elevation-l-action-15 {
    box-shadow: var(--elevation-size-l) var(--elevation-color-action-15)
}

.elevation-l-action-40 {
    box-shadow: var(--elevation-size-l) var(--elevation-color-action-40)
}

.elevation-l-alert-15 {
    box-shadow: var(--elevation-size-l) var(--elevation-color-alert-15)
}

.elevation-l-brand-15 {
    box-shadow: var(--elevation-size-l) var(--elevation-color-brand-15)
}

.elevation-l-brand-40 {
    box-shadow: var(--elevation-size-l) var(--elevation-color-brand-40)
}

.elevation-l-error-15 {
    box-shadow: var(--elevation-size-l) var(--elevation-color-error-15)
}

.elevation-l-error-40 {
    box-shadow: var(--elevation-size-l) var(--elevation-color-error-40)
}

.elevation-l-neutral-15 {
    box-shadow: var(--elevation-size-l) var(--elevation-color-neutral-15)
}

.elevation-l-neutral-40 {
    box-shadow: var(--elevation-size-l) var(--elevation-color-neutral-40)
}

.elevation-l-success-15 {
    box-shadow: var(--elevation-size-l) var(--elevation-color-success-15)
}

.hide {
    display: none
}

@media screen and (min-width: 375px) {
    .hide-from-2xs {
        display:none
    }
}

@media screen and (min-width: 375px) and (max-width: 575px) {
    .hide-on-2xs {
        display:none
    }
}

@media screen and (min-width: 576px) {
    .hide-from-xs {
        display:none
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .hide-on-xs {
        display:none
    }
}

@media screen and (min-width: 768px) {
    .hide-from-s {
        display:none
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .hide-on-s {
        display:none
    }
}

@media screen and (min-width: 992px) {
    .hide-from-m {
        display:none
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .hide-on-m {
        display:none
    }
}

@media screen and (min-width: 1200px) {
    .hide-from-l {
        display:none
    }
}

@media screen and (min-width: 1200px) and (max-width: 1679px) {
    .hide-on-l {
        display:none
    }
}

@media screen and (min-width: 1680px) {
    .hide-from-xl {
        display:none
    }
}

@media screen and (min-width: 1680px) {
    .hide-on-xl {
        display:none
    }
}

.align-content-center {
    align-content: center
}

.align-content-flex-end {
    align-content: flex-end
}

.align-content-flex-start {
    align-content: flex-start
}

.align-content-space-around {
    align-content: space-around
}

.align-content-space-between {
    align-content: space-between
}

.align-content-space-evenly {
    align-content: space-evenly
}

.align-items-baseline {
    align-items: baseline
}

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

.align-items-flex-end {
    align-items: flex-end
}

.align-items-flex-start {
    align-items: flex-start
}

.align-items-stretch {
    align-items: stretch
}

.align-self-auto {
    align-self: auto
}

.align-self-baseline {
    align-self: baseline
}

.align-self-center {
    align-self: center
}

.align-self-flex-end {
    align-self: flex-end
}

.align-self-flex-start {
    align-self: flex-start
}

.align-self-stretch {
    align-self: stretch
}

.display-block {
    display: block
}

.display-flex {
    display: flex
}

.display-grid {
    display: grid
}

.display-inline {
    display: inline
}

.display-inline-block {
    display: inline-block
}

.display-inline-flex {
    display: inline-flex
}

.display-inline-grid {
    display: inline-grid
}

.display-none {
    display: none
}

.flex-direction-column {
    flex-direction: column
}

.flex-direction-column-reverse {
    flex-direction: column-reverse
}

.flex-direction-row {
    flex-direction: row
}

.flex-direction-row-reverse {
    flex-direction: row-reverse
}

.grid-auto-flow-column {
    grid-auto-flow: column
}

.grid-auto-flow-column-dense {
    grid-auto-flow: column-dense
}

.grid-auto-flow-dense {
    grid-auto-flow: dense
}

.grid-auto-flow-row {
    grid-auto-flow: row
}

.grid-auto-flow-row-dense {
    grid-auto-flow: row-dense
}

.justify-content-center {
    justify-content: center
}

.justify-content-flex-end {
    justify-content: flex-end
}

.justify-content-flex-start {
    justify-content: flex-start
}

.justify-content-space-around {
    justify-content: space-around
}

.justify-content-space-between {
    justify-content: space-between
}

.justify-content-space-evenly {
    justify-content: space-evenly
}

.justify-items-center {
    justify-items: center
}

.justify-items-end {
    justify-items: end
}

.justify-items-start {
    justify-items: start
}

.justify-items-stretch {
    justify-items: stretch
}

.justify-self-auto {
    justify-self: auto
}

.justify-self-center {
    justify-self: center
}

.justify-self-end {
    justify-self: end
}

.justify-self-start {
    justify-self: start
}

.justify-self-stretch {
    justify-self: stretch
}

.position-absolute {
    position: absolute
}

.position-fixed {
    position: fixed
}

.position-relative {
    position: relative
}

.position-static {
    position: static
}

.position-sticky {
    position: sticky
}

.radius-6xl {
    border-radius: var(--radius-6xl)
}

.radius-5xl {
    border-radius: var(--radius-5xl)
}

.radius-4xl {
    border-radius: var(--radius-4xl)
}

.radius-3xl {
    border-radius: var(--radius-3xl)
}

.radius-2xl {
    border-radius: var(--radius-2xl)
}

.radius-xl {
    border-radius: var(--radius-xl)
}

.radius-l {
    border-radius: var(--radius-l)
}

.radius-m {
    border-radius: var(--radius-m)
}

.radius-s {
    border-radius: var(--radius-s)
}

.radius-xs {
    border-radius: var(--radius-xs)
}

.radius-2xs {
    border-radius: var(--radius-2xs)
}

.padding-0 {
    padding: 0
}

.margin-0 {
    margin: 0
}

.padding-5xl {
    padding: var(--spacing-5xl)
}

.margin-5xl {
    margin: var(--spacing-5xl)
}

.padding-4xl {
    padding: var(--spacing-4xl)
}

.margin-4xl {
    margin: var(--spacing-4xl)
}

.padding-3xl {
    padding: var(--spacing-3xl)
}

.margin-3xl {
    margin: var(--spacing-3xl)
}

.padding-2xl {
    padding: var(--spacing-2xl)
}

.margin-2xl {
    margin: var(--spacing-2xl)
}

.padding-xl {
    padding: var(--spacing-xl)
}

.margin-xl {
    margin: var(--spacing-xl)
}

.padding-l {
    padding: var(--spacing-l)
}

.margin-l {
    margin: var(--spacing-l)
}

.padding-m {
    padding: var(--spacing-m)
}

.margin-m {
    margin: var(--spacing-m)
}

.padding-s {
    padding: var(--spacing-s)
}

.margin-s {
    margin: var(--spacing-s)
}

.padding-xs {
    padding: var(--spacing-xs)
}

.margin-xs {
    margin: var(--spacing-xs)
}

.padding-2xs {
    padding: var(--spacing-2xs)
}

.margin-2xs {
    margin: var(--spacing-2xs)
}

.padding-3xs {
    padding: var(--spacing-3xs)
}

.margin-3xs {
    margin: var(--spacing-3xs)
}

.padding-4xs {
    padding: var(--spacing-4xs)
}

.margin-4xs {
    margin: var(--spacing-4xs)
}

.padding-h-0 {
    padding-left: 0;
    padding-right: 0
}

.padding-v-0 {
    padding-bottom: 0;
    padding-top: 0
}

.margin-h-0 {
    margin-left: 0;
    margin-right: 0
}

.margin-v-0 {
    margin-bottom: 0;
    margin-top: 0
}

.padding-h-5xl {
    padding-left: var(--spacing-5xl);
    padding-right: var(--spacing-5xl)
}

.padding-v-5xl {
    padding-bottom: var(--spacing-5xl);
    padding-top: var(--spacing-5xl)
}

.margin-h-5xl {
    margin-left: var(--spacing-5xl);
    margin-right: var(--spacing-5xl)
}

.margin-v-5xl {
    margin-bottom: var(--spacing-5xl);
    margin-top: var(--spacing-5xl)
}

.padding-h-4xl {
    padding-left: var(--spacing-4xl);
    padding-right: var(--spacing-4xl)
}

.padding-v-4xl {
    padding-bottom: var(--spacing-4xl);
    padding-top: var(--spacing-4xl)
}

.margin-h-4xl {
    margin-left: var(--spacing-4xl);
    margin-right: var(--spacing-4xl)
}

.margin-v-4xl {
    margin-bottom: var(--spacing-4xl);
    margin-top: var(--spacing-4xl)
}

.padding-h-3xl {
    padding-left: var(--spacing-3xl);
    padding-right: var(--spacing-3xl)
}

.padding-v-3xl {
    padding-bottom: var(--spacing-3xl);
    padding-top: var(--spacing-3xl)
}

.margin-h-3xl {
    margin-left: var(--spacing-3xl);
    margin-right: var(--spacing-3xl)
}

.margin-v-3xl {
    margin-bottom: var(--spacing-3xl);
    margin-top: var(--spacing-3xl)
}

.padding-h-2xl {
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl)
}

.padding-v-2xl {
    padding-bottom: var(--spacing-2xl);
    padding-top: var(--spacing-2xl)
}

.margin-h-2xl {
    margin-left: var(--spacing-2xl);
    margin-right: var(--spacing-2xl)
}

.margin-v-2xl {
    margin-bottom: var(--spacing-2xl);
    margin-top: var(--spacing-2xl)
}

.padding-h-xl {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl)
}

.padding-v-xl {
    padding-bottom: var(--spacing-xl);
    padding-top: var(--spacing-xl)
}

.margin-h-xl {
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl)
}

.margin-v-xl {
    margin-bottom: var(--spacing-xl);
    margin-top: var(--spacing-xl)
}

.padding-h-l {
    padding-left: var(--spacing-l);
    padding-right: var(--spacing-l)
}

.padding-v-l {
    padding-bottom: var(--spacing-l);
    padding-top: var(--spacing-l)
}

.margin-h-l {
    margin-left: var(--spacing-l);
    margin-right: var(--spacing-l)
}

.margin-v-l {
    margin-bottom: var(--spacing-l);
    margin-top: var(--spacing-l)
}

.padding-h-m {
    padding-left: var(--spacing-m);
    padding-right: var(--spacing-m)
}

.padding-v-m {
    padding-bottom: var(--spacing-m);
    padding-top: var(--spacing-m)
}

.margin-h-m {
    margin-left: var(--spacing-m);
    margin-right: var(--spacing-m)
}

.margin-v-m {
    margin-bottom: var(--spacing-m);
    margin-top: var(--spacing-m)
}

.padding-h-s {
    padding-left: var(--spacing-s);
    padding-right: var(--spacing-s)
}

.padding-v-s {
    padding-bottom: var(--spacing-s);
    padding-top: var(--spacing-s)
}

.margin-h-s {
    margin-left: var(--spacing-s);
    margin-right: var(--spacing-s)
}

.margin-v-s {
    margin-bottom: var(--spacing-s);
    margin-top: var(--spacing-s)
}

.padding-h-xs {
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs)
}

.padding-v-xs {
    padding-bottom: var(--spacing-xs);
    padding-top: var(--spacing-xs)
}

.margin-h-xs {
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs)
}

.margin-v-xs {
    margin-bottom: var(--spacing-xs);
    margin-top: var(--spacing-xs)
}

.padding-h-2xs {
    padding-left: var(--spacing-2xs);
    padding-right: var(--spacing-2xs)
}

.padding-v-2xs {
    padding-bottom: var(--spacing-2xs);
    padding-top: var(--spacing-2xs)
}

.margin-h-2xs {
    margin-left: var(--spacing-2xs);
    margin-right: var(--spacing-2xs)
}

.margin-v-2xs {
    margin-bottom: var(--spacing-2xs);
    margin-top: var(--spacing-2xs)
}

.padding-h-3xs {
    padding-left: var(--spacing-3xs);
    padding-right: var(--spacing-3xs)
}

.padding-v-3xs {
    padding-bottom: var(--spacing-3xs);
    padding-top: var(--spacing-3xs)
}

.margin-h-3xs {
    margin-left: var(--spacing-3xs);
    margin-right: var(--spacing-3xs)
}

.margin-v-3xs {
    margin-bottom: var(--spacing-3xs);
    margin-top: var(--spacing-3xs)
}

.padding-h-4xs {
    padding-left: var(--spacing-4xs);
    padding-right: var(--spacing-4xs)
}

.padding-v-4xs {
    padding-bottom: var(--spacing-4xs);
    padding-top: var(--spacing-4xs)
}

.margin-h-4xs {
    margin-left: var(--spacing-4xs);
    margin-right: var(--spacing-4xs)
}

.margin-v-4xs {
    margin-bottom: var(--spacing-4xs);
    margin-top: var(--spacing-4xs)
}

.padding-t-0 {
    padding-top: 0
}

.margin-t-0 {
    margin-top: 0
}

.padding-b-0 {
    padding-bottom: 0
}

.margin-b-0 {
    margin-bottom: 0
}

.padding-l-0 {
    padding-left: 0
}

.margin-l-0 {
    margin-left: 0
}

.padding-r-0 {
    padding-right: 0
}

.margin-r-0 {
    margin-right: 0
}

.padding-t-5xl {
    padding-top: var(--spacing-5xl)
}

.margin-t-5xl {
    margin-top: var(--spacing-5xl)
}

.padding-b-5xl {
    padding-bottom: var(--spacing-5xl)
}

.margin-b-5xl {
    margin-bottom: var(--spacing-5xl)
}

.padding-l-5xl {
    padding-left: var(--spacing-5xl)
}

.margin-l-5xl {
    margin-left: var(--spacing-5xl)
}

.padding-r-5xl {
    padding-right: var(--spacing-5xl)
}

.margin-r-5xl {
    margin-right: var(--spacing-5xl)
}

.padding-t-4xl {
    padding-top: var(--spacing-4xl)
}

.margin-t-4xl {
    margin-top: var(--spacing-4xl)
}

.padding-b-4xl {
    padding-bottom: var(--spacing-4xl)
}

.margin-b-4xl {
    margin-bottom: var(--spacing-4xl)
}

.padding-l-4xl {
    padding-left: var(--spacing-4xl)
}

.margin-l-4xl {
    margin-left: var(--spacing-4xl)
}

.padding-r-4xl {
    padding-right: var(--spacing-4xl)
}

.margin-r-4xl {
    margin-right: var(--spacing-4xl)
}

.padding-t-3xl {
    padding-top: var(--spacing-3xl)
}

.margin-t-3xl {
    margin-top: var(--spacing-3xl)
}

.padding-b-3xl {
    padding-bottom: var(--spacing-3xl)
}

.margin-b-3xl {
    margin-bottom: var(--spacing-3xl)
}

.padding-l-3xl {
    padding-left: var(--spacing-3xl)
}

.margin-l-3xl {
    margin-left: var(--spacing-3xl)
}

.padding-r-3xl {
    padding-right: var(--spacing-3xl)
}

.margin-r-3xl {
    margin-right: var(--spacing-3xl)
}

.padding-t-2xl {
    padding-top: var(--spacing-2xl)
}

.margin-t-2xl {
    margin-top: var(--spacing-2xl)
}

.padding-b-2xl {
    padding-bottom: var(--spacing-2xl)
}

.margin-b-2xl {
    margin-bottom: var(--spacing-2xl)
}

.padding-l-2xl {
    padding-left: var(--spacing-2xl)
}

.margin-l-2xl {
    margin-left: var(--spacing-2xl)
}

.padding-r-2xl {
    padding-right: var(--spacing-2xl)
}

.margin-r-2xl {
    margin-right: var(--spacing-2xl)
}

.padding-t-xl {
    padding-top: var(--spacing-xl)
}

.margin-t-xl {
    margin-top: var(--spacing-xl)
}

.padding-b-xl {
    padding-bottom: var(--spacing-xl)
}

.margin-b-xl {
    margin-bottom: var(--spacing-xl)
}

.padding-l-xl {
    padding-left: var(--spacing-xl)
}

.margin-l-xl {
    margin-left: var(--spacing-xl)
}

.padding-r-xl {
    padding-right: var(--spacing-xl)
}

.margin-r-xl {
    margin-right: var(--spacing-xl)
}

.padding-t-l {
    padding-top: var(--spacing-l)
}

.margin-t-l {
    margin-top: var(--spacing-l)
}

.padding-b-l {
    padding-bottom: var(--spacing-l)
}

.margin-b-l {
    margin-bottom: var(--spacing-l)
}

.padding-l-l {
    padding-left: var(--spacing-l)
}

.margin-l-l {
    margin-left: var(--spacing-l)
}

.padding-r-l {
    padding-right: var(--spacing-l)
}

.margin-r-l {
    margin-right: var(--spacing-l)
}

.padding-t-m {
    padding-top: var(--spacing-m)
}

.margin-t-m {
    margin-top: var(--spacing-m)
}

.padding-b-m {
    padding-bottom: var(--spacing-m)
}

.margin-b-m {
    margin-bottom: var(--spacing-m)
}

.padding-l-m {
    padding-left: var(--spacing-m)
}

.margin-l-m {
    margin-left: var(--spacing-m)
}

.padding-r-m {
    padding-right: var(--spacing-m)
}

.margin-r-m {
    margin-right: var(--spacing-m)
}

.padding-t-s {
    padding-top: var(--spacing-s)
}

.margin-t-s {
    margin-top: var(--spacing-s)
}

.padding-b-s {
    padding-bottom: var(--spacing-s)
}

.margin-b-s {
    margin-bottom: var(--spacing-s)
}

.padding-l-s {
    padding-left: var(--spacing-s)
}

.margin-l-s {
    margin-left: var(--spacing-s)
}

.padding-r-s {
    padding-right: var(--spacing-s)
}

.margin-r-s {
    margin-right: var(--spacing-s)
}

.padding-t-xs {
    padding-top: var(--spacing-xs)
}

.margin-t-xs {
    margin-top: var(--spacing-xs)
}

.padding-b-xs {
    padding-bottom: var(--spacing-xs)
}

.margin-b-xs {
    margin-bottom: var(--spacing-xs)
}

.padding-l-xs {
    padding-left: var(--spacing-xs)
}

.margin-l-xs {
    margin-left: var(--spacing-xs)
}

.padding-r-xs {
    padding-right: var(--spacing-xs)
}

.margin-r-xs {
    margin-right: var(--spacing-xs)
}

.padding-t-2xs {
    padding-top: var(--spacing-2xs)
}

.margin-t-2xs {
    margin-top: var(--spacing-2xs)
}

.padding-b-2xs {
    padding-bottom: var(--spacing-2xs)
}

.margin-b-2xs {
    margin-bottom: var(--spacing-2xs)
}

.padding-l-2xs {
    padding-left: var(--spacing-2xs)
}

.margin-l-2xs {
    margin-left: var(--spacing-2xs)
}

.padding-r-2xs {
    padding-right: var(--spacing-2xs)
}

.margin-r-2xs {
    margin-right: var(--spacing-2xs)
}

.padding-t-3xs {
    padding-top: var(--spacing-3xs)
}

.margin-t-3xs {
    margin-top: var(--spacing-3xs)
}

.padding-b-3xs {
    padding-bottom: var(--spacing-3xs)
}

.margin-b-3xs {
    margin-bottom: var(--spacing-3xs)
}

.padding-l-3xs {
    padding-left: var(--spacing-3xs)
}

.margin-l-3xs {
    margin-left: var(--spacing-3xs)
}

.padding-r-3xs {
    padding-right: var(--spacing-3xs)
}

.margin-r-3xs {
    margin-right: var(--spacing-3xs)
}

.padding-t-4xs {
    padding-top: var(--spacing-4xs)
}

.margin-t-4xs {
    margin-top: var(--spacing-4xs)
}

.padding-b-4xs {
    padding-bottom: var(--spacing-4xs)
}

.margin-b-4xs {
    margin-bottom: var(--spacing-4xs)
}

.padding-l-4xs {
    padding-left: var(--spacing-4xs)
}

.margin-l-4xs {
    margin-left: var(--spacing-4xs)
}

.padding-r-4xs {
    padding-right: var(--spacing-4xs)
}

.margin-r-4xs {
    margin-right: var(--spacing-4xs)
}

.space-h-0 {
    margin-right: 0
}

.space-h-0:last-child {
    margin-right: 0
}

.space-v-0 {
    margin-bottom: 0
}

.space-v-0:last-child {
    margin-bottom: 0
}

.gap-0 {
    gap: 0
}

.row-gap-0 {
    row-gap: 0
}

.column-gap-0 {
    column-gap: 0
}

.space-h-5xl {
    margin-right: var(--spacing-5xl)
}

.space-h-5xl:last-child {
    margin-right: 0
}

.space-v-5xl {
    margin-bottom: var(--spacing-5xl)
}

.space-v-5xl:last-child {
    margin-bottom: 0
}

.gap-5xl {
    gap: var(--spacing-5xl)
}

.row-gap-5xl {
    row-gap: var(--spacing-5xl)
}

.column-gap-5xl {
    column-gap: var(--spacing-5xl)
}

.space-h-4xl {
    margin-right: var(--spacing-4xl)
}

.space-h-4xl:last-child {
    margin-right: 0
}

.space-v-4xl {
    margin-bottom: var(--spacing-4xl)
}

.space-v-4xl:last-child {
    margin-bottom: 0
}

.gap-4xl {
    gap: var(--spacing-4xl)
}

.row-gap-4xl {
    row-gap: var(--spacing-4xl)
}

.column-gap-4xl {
    column-gap: var(--spacing-4xl)
}

.space-h-3xl {
    margin-right: var(--spacing-3xl)
}

.space-h-3xl:last-child {
    margin-right: 0
}

.space-v-3xl {
    margin-bottom: var(--spacing-3xl)
}

.space-v-3xl:last-child {
    margin-bottom: 0
}

.gap-3xl {
    gap: var(--spacing-3xl)
}

.row-gap-3xl {
    row-gap: var(--spacing-3xl)
}

.column-gap-3xl {
    column-gap: var(--spacing-3xl)
}

.space-h-2xl {
    margin-right: var(--spacing-2xl)
}

.space-h-2xl:last-child {
    margin-right: 0
}

.space-v-2xl {
    margin-bottom: var(--spacing-2xl)
}

.space-v-2xl:last-child {
    margin-bottom: 0
}

.gap-2xl {
    gap: var(--spacing-2xl)
}

.row-gap-2xl {
    row-gap: var(--spacing-2xl)
}

.column-gap-2xl {
    column-gap: var(--spacing-2xl)
}

.space-h-xl {
    margin-right: var(--spacing-xl)
}

.space-h-xl:last-child {
    margin-right: 0
}

.space-v-xl {
    margin-bottom: var(--spacing-xl)
}

.space-v-xl:last-child {
    margin-bottom: 0
}

.gap-xl {
    gap: var(--spacing-xl)
}

.row-gap-xl {
    row-gap: var(--spacing-xl)
}

.column-gap-xl {
    column-gap: var(--spacing-xl)
}

.space-h-l {
    margin-right: var(--spacing-l)
}

.space-h-l:last-child {
    margin-right: 0
}

.space-v-l {
    margin-bottom: var(--spacing-l)
}

.space-v-l:last-child {
    margin-bottom: 0
}

.gap-l {
    gap: var(--spacing-l)
}

.row-gap-l {
    row-gap: var(--spacing-l)
}

.column-gap-l {
    column-gap: var(--spacing-l)
}

.space-h-m {
    margin-right: var(--spacing-m)
}

.space-h-m:last-child {
    margin-right: 0
}

.space-v-m {
    margin-bottom: var(--spacing-m)
}

.space-v-m:last-child {
    margin-bottom: 0
}

.gap-m {
    gap: var(--spacing-m)
}

.row-gap-m {
    row-gap: var(--spacing-m)
}

.column-gap-m {
    column-gap: var(--spacing-m)
}

.space-h-s {
    margin-right: var(--spacing-s)
}

.space-h-s:last-child {
    margin-right: 0
}

.space-v-s {
    margin-bottom: var(--spacing-s)
}

.space-v-s:last-child {
    margin-bottom: 0
}

.gap-s {
    gap: var(--spacing-s)
}

.row-gap-s {
    row-gap: var(--spacing-s)
}

.column-gap-s {
    column-gap: var(--spacing-s)
}

.space-h-xs {
    margin-right: var(--spacing-xs)
}

.space-h-xs:last-child {
    margin-right: 0
}

.space-v-xs {
    margin-bottom: var(--spacing-xs)
}

.space-v-xs:last-child {
    margin-bottom: 0
}

.gap-xs {
    gap: var(--spacing-xs)
}

.row-gap-xs {
    row-gap: var(--spacing-xs)
}

.column-gap-xs {
    column-gap: var(--spacing-xs)
}

.space-h-2xs {
    margin-right: var(--spacing-2xs)
}

.space-h-2xs:last-child {
    margin-right: 0
}

.space-v-2xs {
    margin-bottom: var(--spacing-2xs)
}

.space-v-2xs:last-child {
    margin-bottom: 0
}

.gap-2xs {
    gap: var(--spacing-2xs)
}

.row-gap-2xs {
    row-gap: var(--spacing-2xs)
}

.column-gap-2xs {
    column-gap: var(--spacing-2xs)
}

.space-h-3xs {
    margin-right: var(--spacing-3xs)
}

.space-h-3xs:last-child {
    margin-right: 0
}

.space-v-3xs {
    margin-bottom: var(--spacing-3xs)
}

.space-v-3xs:last-child {
    margin-bottom: 0
}

.gap-3xs {
    gap: var(--spacing-3xs)
}

.row-gap-3xs {
    row-gap: var(--spacing-3xs)
}

.column-gap-3xs {
    column-gap: var(--spacing-3xs)
}

.space-h-4xs {
    margin-right: var(--spacing-4xs)
}

.space-h-4xs:last-child {
    margin-right: 0
}

.space-v-4xs {
    margin-bottom: var(--spacing-4xs)
}

.space-v-4xs:last-child {
    margin-bottom: 0
}

.gap-4xs {
    gap: var(--spacing-4xs)
}

.row-gap-4xs {
    row-gap: var(--spacing-4xs)
}

.column-gap-4xs {
    column-gap: var(--spacing-4xs)
}

.title-3xl-bold {
    font-size: var(--title-size-3xl-bp-base);
    line-height: 120%;
    letter-spacing: -.02rem;
    font-weight: var(--font-weight-bold)
}

@media screen and (min-width: 768px) {
    .title-3xl-bold {
        font-size:var(--title-size-3xl-bp-s);
        line-height: 120%;
        letter-spacing: -.0275rem
    }
}

@media screen and (min-width: 1200px) {
    .title-3xl-bold {
        font-size:var(--title-size-3xl-bp-l);
        line-height: 110%;
        letter-spacing: -.04rem
    }
}

.title-3xl-book {
    font-size: var(--title-size-3xl-bp-base);
    line-height: 120%;
    letter-spacing: -.02rem;
    font-weight: var(--font-weight-book)
}

@media screen and (min-width: 768px) {
    .title-3xl-book {
        font-size:var(--title-size-3xl-bp-s);
        line-height: 120%;
        letter-spacing: -.0275rem
    }
}

@media screen and (min-width: 1200px) {
    .title-3xl-book {
        font-size:var(--title-size-3xl-bp-l);
        line-height: 110%;
        letter-spacing: -.04rem
    }
}

.title-2xl-bold {
    font-size: var(--title-size-2xl-bp-base);
    line-height: 130%;
    letter-spacing: -.0175rem;
    font-weight: var(--font-weight-bold)
}

@media screen and (min-width: 768px) {
    .title-2xl-bold {
        font-size:var(--title-size-2xl-bp-s);
        line-height: 120%;
        letter-spacing: -.0225rem
    }
}

@media screen and (min-width: 1200px) {
    .title-2xl-bold {
        font-size:var(--title-size-2xl-bp-l);
        line-height: 120%;
        letter-spacing: -.0325rem
    }
}

.title-2xl-book {
    font-size: var(--title-size-2xl-bp-base);
    line-height: 130%;
    letter-spacing: -.0175rem;
    font-weight: var(--font-weight-book)
}

@media screen and (min-width: 768px) {
    .title-2xl-book {
        font-size:var(--title-size-2xl-bp-s);
        line-height: 120%;
        letter-spacing: -.0225rem
    }
}

@media screen and (min-width: 1200px) {
    .title-2xl-book {
        font-size:var(--title-size-2xl-bp-l);
        line-height: 120%;
        letter-spacing: -.0325rem
    }
}

.title-xl-bold {
    font-size: var(--title-size-xl-bp-base);
    line-height: 130%;
    letter-spacing: -.0175rem;
    font-weight: var(--font-weight-bold)
}

@media screen and (min-width: 768px) {
    .title-xl-bold {
        font-size:var(--title-size-xl-bp-s);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 1200px) {
    .title-xl-bold {
        font-size:var(--title-size-xl-bp-l);
        line-height: 120%;
        letter-spacing: -.025rem
    }
}

.title-xl-book {
    font-size: var(--title-size-xl-bp-base);
    line-height: 130%;
    letter-spacing: -.0175rem;
    font-weight: var(--font-weight-book)
}

@media screen and (min-width: 768px) {
    .title-xl-book {
        font-size:var(--title-size-xl-bp-s);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 1200px) {
    .title-xl-book {
        font-size:var(--title-size-xl-bp-l);
        line-height: 120%;
        letter-spacing: -.025rem
    }
}

.title-l-bold {
    font-size: var(--title-size-l-bp-base);
    line-height: 130%;
    letter-spacing: -.015rem;
    font-weight: var(--font-weight-bold)
}

@media screen and (min-width: 768px) {
    .title-l-bold {
        font-size:var(--title-size-l-bp-s);
        line-height: 130%;
        letter-spacing: -.01625rem
    }
}

@media screen and (min-width: 1200px) {
    .title-l-bold {
        font-size:var(--title-size-l-bp-l);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

.title-l-book {
    font-size: var(--title-size-l-bp-base);
    line-height: 130%;
    letter-spacing: -.015rem;
    font-weight: var(--font-weight-book)
}

@media screen and (min-width: 768px) {
    .title-l-book {
        font-size:var(--title-size-l-bp-s);
        line-height: 130%;
        letter-spacing: -.01625rem
    }
}

@media screen and (min-width: 1200px) {
    .title-l-book {
        font-size:var(--title-size-l-bp-l);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

.title-m-bold {
    font-size: var(--title-size-m-bp-base);
    line-height: 150%;
    letter-spacing: -.0125rem;
    font-weight: var(--font-weight-bold)
}

@media screen and (min-width: 768px) {
    .title-m-bold {
        font-size:var(--title-size-m-bp-s);
        line-height: 130%;
        letter-spacing: -.01375rem
    }
}

@media screen and (min-width: 1200px) {
    .title-m-bold {
        font-size:var(--title-size-m-bp-l);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}

.title-m-book {
    font-size: var(--title-size-m-bp-base);
    line-height: 150%;
    letter-spacing: -.0125rem;
    font-weight: var(--font-weight-book)
}

@media screen and (min-width: 768px) {
    .title-m-book {
        font-size:var(--title-size-m-bp-s);
        line-height: 130%;
        letter-spacing: -.01375rem
    }
}

@media screen and (min-width: 1200px) {
    .title-m-book {
        font-size:var(--title-size-m-bp-l);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}

.title-s-bold {
    font-size: var(--title-size-s-bp-base);
    line-height: 150%;
    letter-spacing: -.01rem;
    font-weight: var(--font-weight-bold)
}

@media screen and (min-width: 768px) {
    .title-s-bold {
        font-size:var(--title-size-s-bp-s);
        line-height: 150%;
        letter-spacing: -.01125rem
    }
}

@media screen and (min-width: 1200px) {
    .title-s-bold {
        font-size:var(--title-size-s-bp-l);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

.title-s-book {
    font-size: var(--title-size-s-bp-base);
    line-height: 150%;
    letter-spacing: -.01rem;
    font-weight: var(--font-weight-book)
}

@media screen and (min-width: 768px) {
    .title-s-book {
        font-size:var(--title-size-s-bp-s);
        line-height: 150%;
        letter-spacing: -.01125rem
    }
}

@media screen and (min-width: 1200px) {
    .title-s-book {
        font-size:var(--title-size-s-bp-l);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

@media screen and (min-width: 375px) {
    .title-3xl-from-2xs {
        font-size:var(--title-size-3xl-bp-base);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 375px) and (min-width: 768px) {
    .title-3xl-from-2xs {
        font-size:var(--title-size-3xl-bp-s);
        line-height: 120%;
        letter-spacing: -.0275rem
    }
}

@media screen and (min-width: 375px) and (min-width: 1200px) {
    .title-3xl-from-2xs {
        font-size:var(--title-size-3xl-bp-l);
        line-height: 110%;
        letter-spacing: -.04rem
    }
}

@media screen and (min-width: 375px) {
    .title-2xl-from-2xs {
        font-size:var(--title-size-2xl-bp-base);
        line-height: 130%;
        letter-spacing: -.0175rem
    }
}

@media screen and (min-width: 375px) and (min-width: 768px) {
    .title-2xl-from-2xs {
        font-size:var(--title-size-2xl-bp-s);
        line-height: 120%;
        letter-spacing: -.0225rem
    }
}

@media screen and (min-width: 375px) and (min-width: 1200px) {
    .title-2xl-from-2xs {
        font-size:var(--title-size-2xl-bp-l);
        line-height: 120%;
        letter-spacing: -.0325rem
    }
}

@media screen and (min-width: 375px) {
    .title-xl-from-2xs {
        font-size:var(--title-size-xl-bp-base);
        line-height: 130%;
        letter-spacing: -.0175rem
    }
}

@media screen and (min-width: 375px) and (min-width: 768px) {
    .title-xl-from-2xs {
        font-size:var(--title-size-xl-bp-s);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 375px) and (min-width: 1200px) {
    .title-xl-from-2xs {
        font-size:var(--title-size-xl-bp-l);
        line-height: 120%;
        letter-spacing: -.025rem
    }
}

@media screen and (min-width: 375px) {
    .title-l-from-2xs {
        font-size:var(--title-size-l-bp-base);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}

@media screen and (min-width: 375px) and (min-width: 768px) {
    .title-l-from-2xs {
        font-size:var(--title-size-l-bp-s);
        line-height: 130%;
        letter-spacing: -.01625rem
    }
}

@media screen and (min-width: 375px) and (min-width: 1200px) {
    .title-l-from-2xs {
        font-size:var(--title-size-l-bp-l);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 375px) {
    .title-m-from-2xs {
        font-size:var(--title-size-m-bp-base);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

@media screen and (min-width: 375px) and (min-width: 768px) {
    .title-m-from-2xs {
        font-size:var(--title-size-m-bp-s);
        line-height: 130%;
        letter-spacing: -.01375rem
    }
}

@media screen and (min-width: 375px) and (min-width: 1200px) {
    .title-m-from-2xs {
        font-size:var(--title-size-m-bp-l);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}

@media screen and (min-width: 375px) {
    .title-s-from-2xs {
        font-size:var(--title-size-s-bp-base);
        line-height: 150%;
        letter-spacing: -.01rem
    }
}

@media screen and (min-width: 375px) and (min-width: 768px) {
    .title-s-from-2xs {
        font-size:var(--title-size-s-bp-s);
        line-height: 150%;
        letter-spacing: -.01125rem
    }
}

@media screen and (min-width: 375px) and (min-width: 1200px) {
    .title-s-from-2xs {
        font-size:var(--title-size-s-bp-l);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

@media screen and (min-width: 576px) {
    .title-3xl-from-xs {
        font-size:var(--title-size-3xl-bp-base);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 576px) and (min-width: 768px) {
    .title-3xl-from-xs {
        font-size:var(--title-size-3xl-bp-s);
        line-height: 120%;
        letter-spacing: -.0275rem
    }
}

@media screen and (min-width: 576px) and (min-width: 1200px) {
    .title-3xl-from-xs {
        font-size:var(--title-size-3xl-bp-l);
        line-height: 110%;
        letter-spacing: -.04rem
    }
}

@media screen and (min-width: 576px) {
    .title-2xl-from-xs {
        font-size:var(--title-size-2xl-bp-base);
        line-height: 130%;
        letter-spacing: -.0175rem
    }
}

@media screen and (min-width: 576px) and (min-width: 768px) {
    .title-2xl-from-xs {
        font-size:var(--title-size-2xl-bp-s);
        line-height: 120%;
        letter-spacing: -.0225rem
    }
}

@media screen and (min-width: 576px) and (min-width: 1200px) {
    .title-2xl-from-xs {
        font-size:var(--title-size-2xl-bp-l);
        line-height: 120%;
        letter-spacing: -.0325rem
    }
}

@media screen and (min-width: 576px) {
    .title-xl-from-xs {
        font-size:var(--title-size-xl-bp-base);
        line-height: 130%;
        letter-spacing: -.0175rem
    }
}

@media screen and (min-width: 576px) and (min-width: 768px) {
    .title-xl-from-xs {
        font-size:var(--title-size-xl-bp-s);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 576px) and (min-width: 1200px) {
    .title-xl-from-xs {
        font-size:var(--title-size-xl-bp-l);
        line-height: 120%;
        letter-spacing: -.025rem
    }
}

@media screen and (min-width: 576px) {
    .title-l-from-xs {
        font-size:var(--title-size-l-bp-base);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}

@media screen and (min-width: 576px) and (min-width: 768px) {
    .title-l-from-xs {
        font-size:var(--title-size-l-bp-s);
        line-height: 130%;
        letter-spacing: -.01625rem
    }
}

@media screen and (min-width: 576px) and (min-width: 1200px) {
    .title-l-from-xs {
        font-size:var(--title-size-l-bp-l);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 576px) {
    .title-m-from-xs {
        font-size:var(--title-size-m-bp-base);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

@media screen and (min-width: 576px) and (min-width: 768px) {
    .title-m-from-xs {
        font-size:var(--title-size-m-bp-s);
        line-height: 130%;
        letter-spacing: -.01375rem
    }
}

@media screen and (min-width: 576px) and (min-width: 1200px) {
    .title-m-from-xs {
        font-size:var(--title-size-m-bp-l);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}

@media screen and (min-width: 576px) {
    .title-s-from-xs {
        font-size:var(--title-size-s-bp-base);
        line-height: 150%;
        letter-spacing: -.01rem
    }
}

@media screen and (min-width: 576px) and (min-width: 768px) {
    .title-s-from-xs {
        font-size:var(--title-size-s-bp-s);
        line-height: 150%;
        letter-spacing: -.01125rem
    }
}

@media screen and (min-width: 576px) and (min-width: 1200px) {
    .title-s-from-xs {
        font-size:var(--title-size-s-bp-l);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

@media screen and (min-width: 768px) {
    .title-3xl-from-s {
        font-size:var(--title-size-3xl-bp-base);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .title-3xl-from-s {
        font-size:var(--title-size-3xl-bp-s);
        line-height: 120%;
        letter-spacing: -.0275rem
    }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
    .title-3xl-from-s {
        font-size:var(--title-size-3xl-bp-l);
        line-height: 110%;
        letter-spacing: -.04rem
    }
}

@media screen and (min-width: 768px) {
    .title-2xl-from-s {
        font-size:var(--title-size-2xl-bp-base);
        line-height: 130%;
        letter-spacing: -.0175rem
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .title-2xl-from-s {
        font-size:var(--title-size-2xl-bp-s);
        line-height: 120%;
        letter-spacing: -.0225rem
    }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
    .title-2xl-from-s {
        font-size:var(--title-size-2xl-bp-l);
        line-height: 120%;
        letter-spacing: -.0325rem
    }
}

@media screen and (min-width: 768px) {
    .title-xl-from-s {
        font-size:var(--title-size-xl-bp-base);
        line-height: 130%;
        letter-spacing: -.0175rem
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .title-xl-from-s {
        font-size:var(--title-size-xl-bp-s);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
    .title-xl-from-s {
        font-size:var(--title-size-xl-bp-l);
        line-height: 120%;
        letter-spacing: -.025rem
    }
}

@media screen and (min-width: 768px) {
    .title-l-from-s {
        font-size:var(--title-size-l-bp-base);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .title-l-from-s {
        font-size:var(--title-size-l-bp-s);
        line-height: 130%;
        letter-spacing: -.01625rem
    }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
    .title-l-from-s {
        font-size:var(--title-size-l-bp-l);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 768px) {
    .title-m-from-s {
        font-size:var(--title-size-m-bp-base);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .title-m-from-s {
        font-size:var(--title-size-m-bp-s);
        line-height: 130%;
        letter-spacing: -.01375rem
    }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
    .title-m-from-s {
        font-size:var(--title-size-m-bp-l);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}

@media screen and (min-width: 768px) {
    .title-s-from-s {
        font-size:var(--title-size-s-bp-base);
        line-height: 150%;
        letter-spacing: -.01rem
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .title-s-from-s {
        font-size:var(--title-size-s-bp-s);
        line-height: 150%;
        letter-spacing: -.01125rem
    }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
    .title-s-from-s {
        font-size:var(--title-size-s-bp-l);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

@media screen and (min-width: 992px) {
    .title-3xl-from-m {
        font-size:var(--title-size-3xl-bp-base);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 992px) and (min-width: 768px) {
    .title-3xl-from-m {
        font-size:var(--title-size-3xl-bp-s);
        line-height: 120%;
        letter-spacing: -.0275rem
    }
}

@media screen and (min-width: 992px) and (min-width: 1200px) {
    .title-3xl-from-m {
        font-size:var(--title-size-3xl-bp-l);
        line-height: 110%;
        letter-spacing: -.04rem
    }
}

@media screen and (min-width: 992px) {
    .title-2xl-from-m {
        font-size:var(--title-size-2xl-bp-base);
        line-height: 130%;
        letter-spacing: -.0175rem
    }
}

@media screen and (min-width: 992px) and (min-width: 768px) {
    .title-2xl-from-m {
        font-size:var(--title-size-2xl-bp-s);
        line-height: 120%;
        letter-spacing: -.0225rem
    }
}

@media screen and (min-width: 992px) and (min-width: 1200px) {
    .title-2xl-from-m {
        font-size:var(--title-size-2xl-bp-l);
        line-height: 120%;
        letter-spacing: -.0325rem
    }
}

@media screen and (min-width: 992px) {
    .title-xl-from-m {
        font-size:var(--title-size-xl-bp-base);
        line-height: 130%;
        letter-spacing: -.0175rem
    }
}

@media screen and (min-width: 992px) and (min-width: 768px) {
    .title-xl-from-m {
        font-size:var(--title-size-xl-bp-s);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 992px) and (min-width: 1200px) {
    .title-xl-from-m {
        font-size:var(--title-size-xl-bp-l);
        line-height: 120%;
        letter-spacing: -.025rem
    }
}

@media screen and (min-width: 992px) {
    .title-l-from-m {
        font-size:var(--title-size-l-bp-base);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}

@media screen and (min-width: 992px) and (min-width: 768px) {
    .title-l-from-m {
        font-size:var(--title-size-l-bp-s);
        line-height: 130%;
        letter-spacing: -.01625rem
    }
}

@media screen and (min-width: 992px) and (min-width: 1200px) {
    .title-l-from-m {
        font-size:var(--title-size-l-bp-l);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 992px) {
    .title-m-from-m {
        font-size:var(--title-size-m-bp-base);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

@media screen and (min-width: 992px) and (min-width: 768px) {
    .title-m-from-m {
        font-size:var(--title-size-m-bp-s);
        line-height: 130%;
        letter-spacing: -.01375rem
    }
}

@media screen and (min-width: 992px) and (min-width: 1200px) {
    .title-m-from-m {
        font-size:var(--title-size-m-bp-l);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}

@media screen and (min-width: 992px) {
    .title-s-from-m {
        font-size:var(--title-size-s-bp-base);
        line-height: 150%;
        letter-spacing: -.01rem
    }
}

@media screen and (min-width: 992px) and (min-width: 768px) {
    .title-s-from-m {
        font-size:var(--title-size-s-bp-s);
        line-height: 150%;
        letter-spacing: -.01125rem
    }
}

@media screen and (min-width: 992px) and (min-width: 1200px) {
    .title-s-from-m {
        font-size:var(--title-size-s-bp-l);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

@media screen and (min-width: 1200px) {
    .title-3xl-from-l {
        font-size:var(--title-size-3xl-bp-base);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 1200px) and (min-width: 768px) {
    .title-3xl-from-l {
        font-size:var(--title-size-3xl-bp-s);
        line-height: 120%;
        letter-spacing: -.0275rem
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .title-3xl-from-l {
        font-size:var(--title-size-3xl-bp-l);
        line-height: 110%;
        letter-spacing: -.04rem
    }
}

@media screen and (min-width: 1200px) {
    .title-2xl-from-l {
        font-size:var(--title-size-2xl-bp-base);
        line-height: 130%;
        letter-spacing: -.0175rem
    }
}

@media screen and (min-width: 1200px) and (min-width: 768px) {
    .title-2xl-from-l {
        font-size:var(--title-size-2xl-bp-s);
        line-height: 120%;
        letter-spacing: -.0225rem
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .title-2xl-from-l {
        font-size:var(--title-size-2xl-bp-l);
        line-height: 120%;
        letter-spacing: -.0325rem
    }
}

@media screen and (min-width: 1200px) {
    .title-xl-from-l {
        font-size:var(--title-size-xl-bp-base);
        line-height: 130%;
        letter-spacing: -.0175rem
    }
}

@media screen and (min-width: 1200px) and (min-width: 768px) {
    .title-xl-from-l {
        font-size:var(--title-size-xl-bp-s);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .title-xl-from-l {
        font-size:var(--title-size-xl-bp-l);
        line-height: 120%;
        letter-spacing: -.025rem
    }
}

@media screen and (min-width: 1200px) {
    .title-l-from-l {
        font-size:var(--title-size-l-bp-base);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}

@media screen and (min-width: 1200px) and (min-width: 768px) {
    .title-l-from-l {
        font-size:var(--title-size-l-bp-s);
        line-height: 130%;
        letter-spacing: -.01625rem
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .title-l-from-l {
        font-size:var(--title-size-l-bp-l);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 1200px) {
    .title-m-from-l {
        font-size:var(--title-size-m-bp-base);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

@media screen and (min-width: 1200px) and (min-width: 768px) {
    .title-m-from-l {
        font-size:var(--title-size-m-bp-s);
        line-height: 130%;
        letter-spacing: -.01375rem
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .title-m-from-l {
        font-size:var(--title-size-m-bp-l);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}

@media screen and (min-width: 1200px) {
    .title-s-from-l {
        font-size:var(--title-size-s-bp-base);
        line-height: 150%;
        letter-spacing: -.01rem
    }
}

@media screen and (min-width: 1200px) and (min-width: 768px) {
    .title-s-from-l {
        font-size:var(--title-size-s-bp-s);
        line-height: 150%;
        letter-spacing: -.01125rem
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .title-s-from-l {
        font-size:var(--title-size-s-bp-l);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

@media screen and (min-width: 1680px) {
    .title-3xl-from-xl {
        font-size:var(--title-size-3xl-bp-base);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 1680px) and (min-width: 768px) {
    .title-3xl-from-xl {
        font-size:var(--title-size-3xl-bp-s);
        line-height: 120%;
        letter-spacing: -.0275rem
    }
}

@media screen and (min-width: 1680px) and (min-width: 1200px) {
    .title-3xl-from-xl {
        font-size:var(--title-size-3xl-bp-l);
        line-height: 110%;
        letter-spacing: -.04rem
    }
}

@media screen and (min-width: 1680px) {
    .title-2xl-from-xl {
        font-size:var(--title-size-2xl-bp-base);
        line-height: 130%;
        letter-spacing: -.0175rem
    }
}

@media screen and (min-width: 1680px) and (min-width: 768px) {
    .title-2xl-from-xl {
        font-size:var(--title-size-2xl-bp-s);
        line-height: 120%;
        letter-spacing: -.0225rem
    }
}

@media screen and (min-width: 1680px) and (min-width: 1200px) {
    .title-2xl-from-xl {
        font-size:var(--title-size-2xl-bp-l);
        line-height: 120%;
        letter-spacing: -.0325rem
    }
}

@media screen and (min-width: 1680px) {
    .title-xl-from-xl {
        font-size:var(--title-size-xl-bp-base);
        line-height: 130%;
        letter-spacing: -.0175rem
    }
}

@media screen and (min-width: 1680px) and (min-width: 768px) {
    .title-xl-from-xl {
        font-size:var(--title-size-xl-bp-s);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 1680px) and (min-width: 1200px) {
    .title-xl-from-xl {
        font-size:var(--title-size-xl-bp-l);
        line-height: 120%;
        letter-spacing: -.025rem
    }
}

@media screen and (min-width: 1680px) {
    .title-l-from-xl {
        font-size:var(--title-size-l-bp-base);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}

@media screen and (min-width: 1680px) and (min-width: 768px) {
    .title-l-from-xl {
        font-size:var(--title-size-l-bp-s);
        line-height: 130%;
        letter-spacing: -.01625rem
    }
}

@media screen and (min-width: 1680px) and (min-width: 1200px) {
    .title-l-from-xl {
        font-size:var(--title-size-l-bp-l);
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

@media screen and (min-width: 1680px) {
    .title-m-from-xl {
        font-size:var(--title-size-m-bp-base);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

@media screen and (min-width: 1680px) and (min-width: 768px) {
    .title-m-from-xl {
        font-size:var(--title-size-m-bp-s);
        line-height: 130%;
        letter-spacing: -.01375rem
    }
}

@media screen and (min-width: 1680px) and (min-width: 1200px) {
    .title-m-from-xl {
        font-size:var(--title-size-m-bp-l);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}

@media screen and (min-width: 1680px) {
    .title-s-from-xl {
        font-size:var(--title-size-s-bp-base);
        line-height: 150%;
        letter-spacing: -.01rem
    }
}

@media screen and (min-width: 1680px) and (min-width: 768px) {
    .title-s-from-xl {
        font-size:var(--title-size-s-bp-s);
        line-height: 150%;
        letter-spacing: -.01125rem
    }
}

@media screen and (min-width: 1680px) and (min-width: 1200px) {
    .title-s-from-xl {
        font-size:var(--title-size-s-bp-l);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

.text-l-bold {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem
}

.text-l-book {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem
}

.text-m-bold {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem
}

.text-m-book {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem
}

.text-s-bold {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-s-bp-base);
    line-height: 1.2135rem
}

.text-s-book {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-s-bp-base);
    line-height: 1.2135rem
}

@media screen and (min-width: 375px) {
    .text-l-from-2xs {
        font-size:var(--text-size-l-bp-base);
        line-height: 1.618rem
    }
}

@media screen and (min-width: 375px) {
    .text-m-from-2xs {
        font-size:var(--text-size-m-bp-base);
        line-height: 1.41575rem
    }
}

@media screen and (min-width: 375px) {
    .text-s-from-2xs {
        font-size:var(--text-size-s-bp-base);
        line-height: 1.2135rem
    }
}

@media screen and (min-width: 576px) {
    .text-l-from-xs {
        font-size:var(--text-size-l-bp-base);
        line-height: 1.618rem
    }
}

@media screen and (min-width: 576px) {
    .text-m-from-xs {
        font-size:var(--text-size-m-bp-base);
        line-height: 1.41575rem
    }
}

@media screen and (min-width: 576px) {
    .text-s-from-xs {
        font-size:var(--text-size-s-bp-base);
        line-height: 1.2135rem
    }
}

@media screen and (min-width: 768px) {
    .text-l-from-s {
        font-size:var(--text-size-l-bp-base);
        line-height: 1.618rem
    }
}

@media screen and (min-width: 768px) {
    .text-m-from-s {
        font-size:var(--text-size-m-bp-base);
        line-height: 1.41575rem
    }
}

@media screen and (min-width: 768px) {
    .text-s-from-s {
        font-size:var(--text-size-s-bp-base);
        line-height: 1.2135rem
    }
}

@media screen and (min-width: 992px) {
    .text-l-from-m {
        font-size:var(--text-size-l-bp-base);
        line-height: 1.618rem
    }
}

@media screen and (min-width: 992px) {
    .text-m-from-m {
        font-size:var(--text-size-m-bp-base);
        line-height: 1.41575rem
    }
}

@media screen and (min-width: 992px) {
    .text-s-from-m {
        font-size:var(--text-size-s-bp-base);
        line-height: 1.2135rem
    }
}

@media screen and (min-width: 1200px) {
    .text-l-from-l {
        font-size:var(--text-size-l-bp-base);
        line-height: 1.618rem
    }
}

@media screen and (min-width: 1200px) {
    .text-m-from-l {
        font-size:var(--text-size-m-bp-base);
        line-height: 1.41575rem
    }
}

@media screen and (min-width: 1200px) {
    .text-s-from-l {
        font-size:var(--text-size-s-bp-base);
        line-height: 1.2135rem
    }
}

@media screen and (min-width: 1680px) {
    .text-l-from-xl {
        font-size:var(--text-size-l-bp-base);
        line-height: 1.618rem
    }
}

@media screen and (min-width: 1680px) {
    .text-m-from-xl {
        font-size:var(--text-size-m-bp-base);
        line-height: 1.41575rem
    }
}

@media screen and (min-width: 1680px) {
    .text-s-from-xl {
        font-size:var(--text-size-s-bp-base);
        line-height: 1.2135rem
    }
}

.form-show-grid {
    color: var(--color-neutral-light)
}

.form-show-grid .grid {
    margin-bottom: var(--spacing-2xl)
}

.form-show-grid .form,.form-show-grid .form fieldset,.form-show-grid .grid,.form-show-grid .grid__row,.form-show-grid .grid__row__column {
    padding: var(--spacing-xs);
    border-radius: var(--radius-2xs);
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-s-bp-base);
    line-height: 1.2135rem;
    position: relative
}

@media screen and (min-width: 992px) {
    .form-show-grid .form,.form-show-grid .form fieldset,.form-show-grid .grid,.form-show-grid .grid__row,.form-show-grid .grid__row__column {
        padding:var(--spacing-xs)
    }
}

.form-show-grid .form:before,.form-show-grid .form fieldset:before,.form-show-grid .grid:before,.form-show-grid .grid__row:before,.form-show-grid .grid__row__column:before {
    color: var(--color-neutral-base);
    left: var(--spacing-xs);
    position: absolute;
    top: var(--spacing-4xs)
}

.form-show-grid .form,.form-show-grid .form fieldset,.form-show-grid .grid {
    background-color: #0094ff1a;
    border: .0625rem dashed #0094ff
}

.form-show-grid .grid__row,.form-show-grid .grid__row__column {
    background-color: #0094ff4d;
    color: var(--color-neutral-base)
}

.form-show-grid .form-item {
    background-color: #0094ff
}

.sbdocs>hr {
    display: none
}

.alt-wrapper {
    border-radius: var(--radius-2xs);
    background-color: var(--color-neutral-base);
    display: flex;
    padding: var(--spacing-2xs)
}

.doc-list {
    margin-bottom: var(--spacing-m);
    list-style-type: none;
    margin-top: 0;
    padding-left: var(--spacing-m)
}

@media screen and (min-width: 992px) {
    .doc-list {
        margin-bottom:var(--spacing-l)
    }
}

.doc-list:last-child {
    margin-bottom: 0
}

.doc-list__item {
    margin-bottom: var(--spacing-3xs)
}

.doc-list__item:last-child {
    margin-bottom: 0
}

.full-width {
    width: 100%
}

html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
main{
    display:block
}
h1{
    font-size:2em;
    margin:.67em 0
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
[hidden],template{
    display:none
}
:root{
    --color-action-base:#007a92;
    --color-action-base-opacity-20:rgba(0,122,146,.2);
    --color-action-dark:#005465;
    --color-action-light:#e5f2f4;
    --color-alert-base:#ffdc50;
    --color-alert-dark:#ffc010;
    --color-alert-light:#fff8dc;
    --color-brand-base:#8334c2;
    --color-brand-base-opacity-40:rgba(131,52,194,.4);
    --color-brand-dark:#5b2488;
    --color-brand-light:#f2eaf8;
    --color-error-base:#df1654;
    --color-error-base-opacity-20:rgba(223,22,84,.2);
    --color-error-dark:#b21143;
    --color-error-dark-opacity-20:rgba(178,17,67,.2);
    --color-error-light:#fbe7ed;
    --color-neutral-25:#595d6a;
    --color-neutral-50:#90939d;
    --color-neutral-75:#c7c9cd;
    --color-neutral-85:#dddee1;
    --color-neutral-95:#f3f4f4;
    --color-neutral-95-opacity-15:hsla(180,4%,95%,.15);
    --color-neutral-base:#21283b;
    --color-neutral-base-opacity-0:rgba(33,40,59,0);
    --color-neutral-base-opacity-5:rgba(33,40,59,.05);
    --color-neutral-base-opacity-15:rgba(33,40,59,.15);
    --color-neutral-base-opacity-40:rgba(33,40,59,.4);
    --color-neutral-base-opacity-50:rgba(33,40,59,.5);
    --color-neutral-base-opacity-80:rgba(33,40,59,.8);
    --color-neutral-light:#fff;
    --color-neutral-light-opacity-5:hsla(0,0%,100%,.05);
    --color-neutral-light-opacity-15:hsla(0,0%,100%,.15);
    --color-neutral-light-opacity-40:hsla(0,0%,100%,.4);
    --color-neutral-light-opacity-75:hsla(0,0%,100%,.75);
    --color-success-base:#1d8147;
    --color-success-dark:#145a31;
    --color-success-light:#e8f2ec;
    --gradient-action:linear-gradient(45deg,#007a92,#07a5b5);
    --gradient-brand:linear-gradient(45deg,#5b2488,#8334c2);
    --gradient-neutral:linear-gradient(45deg,#21283b,#595d6a);
    --gradient-error:linear-gradient(45deg,#b21143,#df1654);
    --elevation-size-s:0 4px 12px -2px;
    --elevation-size-m:0 16px 32px -4px;
    --elevation-size-l:0 32px 64px -8px;
    --elevation-color-action-15:rgba(0,122,146,.15);
    --elevation-color-action-40:rgba(0,122,146,.4);
    --elevation-color-alert-15:rgba(255,220,80,.15);
    --elevation-color-brand-15:rgba(131,52,194,.15);
    --elevation-color-brand-40:rgba(131,52,194,.4);
    --elevation-color-error-15:rgba(223,22,84,.15);
    --elevation-color-error-40:rgba(223,22,84,.4);
    --elevation-color-neutral-15:rgba(89,93,106,.15);
    --elevation-color-neutral-40:rgba(89,93,106,.4);
    --elevation-color-success-15:rgba(29,129,71,.15);
    --radius-6xl:7.5rem;
    --radius-5xl:5rem;
    --radius-4xl:3.5rem;
    --radius-3xl:2.5rem;
    --radius-2xl:2rem;
    --radius-xl:1.5rem;
    --radius-l:1.25rem;
    --radius-m:1rem;
    --radius-s:0.75rem;
    --radius-xs:0.5rem;
    --radius-2xs:0.25rem;
    --spacing-0:0rem;
    --spacing-5xl:7.5rem;
    --spacing-4xl:5rem;
    --spacing-3xl:3.75rem;
    --spacing-2xl:2.5rem;
    --spacing-xl:2rem;
    --spacing-l:1.5rem;
    --spacing-m:1.25rem;
    --spacing-s:1rem;
    --spacing-xs:0.75rem;
    --spacing-2xs:0.5rem;
    --spacing-3xs:0.25rem;
    --spacing-4xs:0.125rem;
    --title-size-3xl-bp-base:2rem;
    --title-size-3xl-bp-s:2.75rem;
    --title-size-3xl-bp-l:4rem;
    --title-size-2xl-bp-base:1.75rem;
    --title-size-2xl-bp-s:2.25rem;
    --title-size-2xl-bp-l:3.25rem;
    --title-size-xl-bp-base:1.75rem;
    --title-size-xl-bp-s:2rem;
    --title-size-xl-bp-l:2.5rem;
    --title-size-l-bp-base:1.5rem;
    --title-size-l-bp-s:1.625rem;
    --title-size-l-bp-l:2rem;
    --title-size-m-bp-base:1.25rem;
    --title-size-m-bp-s:1.375rem;
    --title-size-m-bp-l:1.5rem;
    --title-size-s-bp-base:1rem;
    --title-size-s-bp-s:1.125rem;
    --title-size-s-bp-l:1.25rem;
    --text-size-l-bp-base:1rem;
    --text-size-m-bp-base:0.875rem;
    --text-size-s-bp-base:0.75rem;
    --font-weight-bold:700;
    --font-weight-book:400
}
.sr-only:not(:focus):not(:active){
    clip:rect(0 0 0 0);
    -webkit-clip-path:inset(50%);
    clip-path:inset(50%);
    height:1px;
    overflow:hidden;
    position:absolute;
    white-space:nowrap;
    width:1px
}
@keyframes loadingIcon{
    0%{
        transform:translate(-50%,-50%) rotate(0deg)
    }
    to{
        transform:translate(-50%,-50%) rotate(1turn)
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes slideInFromBottom{
    0%{
        transform:translateY(100%)
    }
    to{
        transform:translateY(0)
    }
}
@keyframes slideOutFromBottom{
    0%{
        transform:translateY(0)
    }
    to{
        transform:translateY(100%)
    }
}
@keyframes spin{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(1turn)
    }
}
button,fieldset,input,input[type=submit],optgroup,select,textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:none;
    border:none;
    margin:0;
    outline:none;
    padding:0
}
@supports(-webkit-hyphens:none){
    button,fieldset,input,input[type=submit],optgroup,select,textarea{
        outline:none
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        button,fieldset,input,input[type=submit],optgroup,select,textarea{
            outline:none
        }
    }
}
input:focus-visible:not([type=radio],[type=checkbox]),input:focus:not([type=radio],[type=checkbox]),select:focus-visible:not([type=radio],[type=checkbox]),select:focus:not([type=radio],[type=checkbox]),textarea:focus-visible:not([type=radio],[type=checkbox]),textarea:focus:not([type=radio],[type=checkbox]){
    outline:none
}
input:disabled,input[disabled],input[type=submit]:disabled,input[type=submit][disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled]{
    color:var(--color-neutral-75);
    pointer-events:none
}
::-ms-clear,input[type=password]::-ms-reveal,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{
    display:none
}
input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{
    border:none;
    border-radius:.375rem 0 0 .375rem;
    -webkit-text-fill-color:var(--color-neutral-base)
}
input::-webkit-date-and-time-value{
    text-align:left
}
::placeholder{
    color:var(--color-neutral-50);
    opacity:1;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
::-webkit-resizer{
    background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_254_81187)'%3E%3Crect x='14.6064' y='10.364' width='6' height='2' rx='1' transform='rotate(135 14.6064 10.364)' fill='%2390939d'/%3E%3Crect x='13.8994' y='5.41431' width='12' height='2' rx='1' transform='rotate(135 13.8994 5.41431)' fill='%2390939d'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_254_81187'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-color:transparent;
    background-size:contain;
    border:none;
    box-shadow:none;
    outline:none
}
.scroll-locked{
    overflow:hidden;
    padding-right:.625rem;
    touch-action:none
}
*,:after,:before{
    box-sizing:inherit;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
html{
    font-weight:var(--font-weight-book);
    font-family:CircularXXWeb,Arial,sans-serif;
    font-feature-settings:"ss08" on,none;
    font-size:16px;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-variant-ligatures:none;
    line-height:1.625rem;
    text-rendering:optimizeLegibility;
    box-sizing:border-box;
    color:var(--color-neutral-base);
    overflow-x:hidden
}
a{
    color:inherit;
    text-decoration:none
}
h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    margin:0
}
p{
    margin:0
}
strong{
    font-weight:var(--font-weight-bold)
}
img{
    max-width:100%
}
img,svg{
    display:block
}
svg{
    fill:currentColor;
    height:inherit;
    width:auto
}
[data-theme=light]{
    --accordion-background-alt:initial;
    --accordion-border-hover-alt:initial;
    --accordion-color-action-hover-alt:initial;
    --accordion-color-alt:initial;
    --accordion-color-hover-alt:initial;
    --accordion-focus-alt:initial;
    --accordion-icon-alt:initial;
    --accordion-outline-border-alt:initial
}
[data-theme=alt]{
    --accordion-background-alt:var(--color-neutral-light-opacity-15);
    --accordion-border-hover-alt:var(--color-neutral-light-opacity-15);
    --accordion-color-action-hover-alt:var(--color-neutral-light-opacity-15);
    --accordion-color-alt:var(--color-neutral-light);
    --accordion-color-hover-alt:var(--color-neutral-light);
    --accordion-focus-alt:var(--color-neutral-light);
    --accordion-icon-alt:var(--color-neutral-light);
    --accordion-outline-border-alt:transparent
}
.accordion{
    display:grid;
    grid-auto-flow:row;
    grid-row-gap:var(--spacing-xs);
    row-gap:var(--spacing-xs)
}
.accordion-item{
    --accordion-background:var(--color-neutral-95);
    --accordion-color:var(--color-neutral-base);
    border-radius:var(--radius-m);
    background-color:var(--accordion-background-alt,var(--accordion-background))
}
.accordion-item--light,.accordion-item--outline{
    --accordion-background:var(--color-neutral-light)
}
.accordion-item--outline{
    --accordion-outline-border:var(--color-neutral-85);
    position:relative
}
.accordion-item--outline:before{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    border-radius:var(--radius-m);
    border:.125rem solid var(--accordion-outline-border-alt,var(--accordion-outline-border));
    content:"";
    pointer-events:none
}
.accordion-item__header{
    --accordion-color-hover:var(--color-action-base);
    --accordion-focus:var(--color-action-base);
    border-radius:var(--radius-m);
    padding:var(--spacing-xs) var(--spacing-s);
    outline-color:var(--accordion-focus-alt,var(--accordion-focus));
    align-items:center;
    border:.125rem solid transparent;
    color:var(--accordion-color-alt,var(--accordion-color));
    cursor:pointer;
    display:flex;
    position:relative;
    transition-duration:.2s;
    transition-property:border-color,outline;
    transition-timing-function:cubic-bezier(.2,.07,.38,1);
    width:100%;
    will-change:border-color,outline;
    z-index:1
}
@media screen and (min-width:576px){
    .accordion-item__header{
        padding:var(--spacing-s) var(--spacing-m)
    }
}
.accordion-item__header:focus-visible{
    outline:var(--accordion-focus-alt,var(--accordion-focus)) solid .125rem;
    outline-offset:.125rem
}
@supports(-webkit-hyphens:none){
    .accordion-item__header:focus,.accordion-item__header:focus-within{
        outline:none;
        position:relative
    }
    .accordion-item__header:focus-within:before,.accordion-item__header:focus:before{
        border-radius:var(--radius-l);
        bottom:-.375rem;
        left:-.375rem;
        position:absolute;
        right:-.375rem;
        top:-.375rem;
        border:.125rem solid var(--accordion-focus-alt,var(--accordion-focus));
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .accordion-item__header:focus,.accordion-item__header:focus-within{
            outline:none;
            position:relative
        }
        .accordion-item__header:focus-within:before,.accordion-item__header:focus:before{
            border-radius:var(--radius-l);
            bottom:-.375rem;
            left:-.375rem;
            position:absolute;
            right:-.375rem;
            top:-.375rem;
            border:.125rem solid var(--accordion-focus-alt,var(--accordion-focus));
            content:""
        }
    }
}
.accordion-item__header:hover{
    --accordion-border-hover:var(--color-neutral-85);
    border-color:var(--accordion-border-hover-alt,var(--accordion-border-hover));
    color:var(--accordion-color-hover-alt,var(--accordion-color-hover))
}
.accordion-item--outline .accordion-item__header:hover{
    --accordion-border-hover:var(--color-neutral-75)
}
.accordion-item__header__addon{
    --accordion-icon:var(--color-brand-base);
    color:var(--accordion-icon-alt,var(--accordion-icon));
    flex:0 0 fit-content;
    margin-right:var(--spacing-xs)
}
.accordion-item__header__addon .illustration{
    height:3rem;
    width:3rem
}
.accordion-item__header__content-wrapper{
    flex:1 1;
    text-align:left
}
.accordion-item__header__title{
    font-weight:var(--font-weight-bold);
    font-size:var(--text-size-l-bp-base);
    line-height:1.618rem;
    display:block;
    transition:color .2s cubic-bezier(.2,.07,.38,1)
}
.accordion-item__header__subtitle{
    font-weight:var(--font-weight-book);
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem;
    display:block;
    transition:color .2s cubic-bezier(.2,.07,.38,1)
}
.accordion-item__header__action-wrapper{
    --accordion-color:var(--color-action-base);
    font-weight:var(--font-weight-bold);
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem;
    align-items:center;
    color:var(--accordion-color-alt,var(--accordion-color));
    grid-column-gap:var(--spacing-2xs);
    column-gap:var(--spacing-2xs);
    display:grid;
    grid-auto-flow:column;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.accordion-item__header__action-icon{
    border-radius:50%;
    padding:var(--spacing-3xs);
    transition-duration:.2s;
    transition-property:background-color,transform;
    transition-timing-function:cubic-bezier(.2,.07,.38,1);
    will-change:background-color,transform
}
.accordion-item__header:hover .accordion-item__header__action-icon{
    --accordion-color-action-hover:var(--color-neutral-light);
    background-color:var(--accordion-color-action-hover-alt,var(--accordion-color-action-hover))
}
.accordion-item--light .accordion-item__header:hover .accordion-item__header__action-icon,.accordion-item--outline .accordion-item__header:hover .accordion-item__header__action-icon{
    --accordion-color-action-hover:var(--color-action-light)
}
.accordion-item__header__action-icon--open{
    transform:rotate(180deg)
}
.accordion-item__panel{
    display:grid;
    grid-template-rows:0fr;
    overflow:hidden;
    transition-duration:.2s;
    transition-property:grid-template-rows,visibility;
    transition-timing-function:cubic-bezier(.2,.07,.38,1);
    visibility:hidden
}
.accordion-item__panel--open{
    grid-template-rows:1fr;
    visibility:visible
}
.accordion-item__panel__inner-wrapper{
    --accordion-color:var(--color-neutral-25);
    border-radius:0 0 var(--radius-m) var(--radius-m);
    padding:0 var(--spacing-s);
    font-weight:var(--font-weight-book);
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem;
    color:var(--accordion-color-alt,var(--accordion-color));
    min-height:0;
    opacity:0;
    transform:translateY(-1.25rem);
    transition-duration:.3s;
    transition-property:opacity,transform,padding;
    transition-timing-function:cubic-bezier(.2,.07,.38,1);
    will-change:opacity,transform,padding
}
@media screen and (min-width:576px){
    .accordion-item__panel__inner-wrapper{
        padding:0 var(--spacing-m)
    }
}
.accordion-item__panel--open .accordion-item__panel__inner-wrapper{
    padding:var(--spacing-3xs) var(--spacing-s) var(--spacing-s);
    opacity:1;
    transform:translateY(0)
}
@media screen and (min-width:576px){
    .accordion-item__panel--open .accordion-item__panel__inner-wrapper{
        padding:var(--spacing-2xs) var(--spacing-m) var(--spacing-m)
    }
}
[data-theme=light]{
    --badge-background-alt:initial;
    --badge-color-alt:initial;
    --badge-brand-background-alt:initial;
    --badge-brand-color-alt:initial;
    --badge-action-background-alt:initial;
    --badge-action-color-alt:initial;
    --badge-alert-background-alt:initial;
    --badge-alert-color-alt:initial;
    --badge-success-background-alt:initial;
    --badge-success-color-alt:initial;
    --badge-error-background-alt:initial;
    --badge-error-color-alt:initial
}
[data-theme=alt]{
    --badge-background-alt:var(--color-neutral-light);
    --badge-color-alt:var(--color-neutral-base);
    --badge-brand-color-alt:var(--color-brand-base);
    --badge-action-color-alt:var(--color-action-base);
    --badge-alert-color-alt:var(--color-neutral-25);
    --badge-success-color-alt:var(--color-success-base);
    --badge-error-color-alt:var(--color-error-base)
}
.badge{
    --badge-color:var(--color-neutral-base);
    --badge-background:var(--color-neutral-95);
    --badge-brand-color:var(--color-brand-dark);
    --badge-action-color:var(--color-action-dark);
    --badge-alert-color:var(--color-neutral-base);
    --badge-success-color:var(--color-success-dark);
    --badge-error-color:var(--color-error-dark);
    border-radius:var(--radius-xs);
    font-weight:var(--font-weight-bold);
    font-size:var(--text-size-s-bp-base);
    line-height:1.2135rem;
    background-color:var(--badge-background-alt,var(--badge-background));
    color:var(--badge-color-alt,var(--badge-color));
    display:inline-block;
    padding:var(--spacing-4xs) var(--spacing-2xs);
    position:relative;
    width:-moz-fit-content;
    width:fit-content
}
.badge--brand{
    --badge-background:var(--color-brand-light);
    color:var(--badge-brand-color-alt,var(--badge-brand-color))
}
.badge--action{
    --badge-background:var(--color-action-light);
    color:var(--badge-action-color-alt,var(--badge-action-color))
}
.badge--alert{
    --badge-background:var(--color-alert-light);
    color:var(--badge-alert-color-alt,var(--badge-alert-color))
}
.badge--success{
    --badge-background:var(--color-success-light);
    color:var(--badge-success-color-alt,var(--badge-success-color))
}
.badge--error{
    --badge-background:var(--color-error-light);
    color:var(--badge-error-color-alt,var(--badge-error-color))
}
.badge--neutral-gradient{
    background:var(--gradient-neutral);
    color:var(--color-neutral-light)
}
.badge--brand-gradient{
    background:var(--gradient-brand);
    color:var(--color-neutral-light)
}
.badge--ghost{
    background-color:var(--color-neutral-light-opacity-15);
    color:var(--color-neutral-light)
}
.badge--ribbon{
    border-top-left-radius:0;
    border-top-right-radius:0;
    margin:0 .5rem
}
.badge--ribbon:before{
    left:-.5rem;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_7844_198820' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='8' height='8'%3E%3Cg clip-path='url(%23clip0_7844_198820)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H8H16V8C20.4183 8 24 11.5817 24 16C24 20.4183 20.4183 24 16 24C11.5817 24 8 20.4183 8 16V8C8 3.58172 4.41828 0 0 0Z' fill='%2321283B'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask0_7844_198820)'%3E%3Crect width='12' height='8' transform='matrix(-1 0 0 1 8 0)' fill='blue'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7844_198820'%3E%3Crect width='8' height='8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_7844_198820' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='8' height='8'%3E%3Cg clip-path='url(%23clip0_7844_198820)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H8H16V8C20.4183 8 24 11.5817 24 16C24 20.4183 20.4183 24 16 24C11.5817 24 8 20.4183 8 16V8C8 3.58172 4.41828 0 0 0Z' fill='%2321283B'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask0_7844_198820)'%3E%3Crect width='12' height='8' transform='matrix(-1 0 0 1 8 0)' fill='blue'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7844_198820'%3E%3Crect width='8' height='8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    -webkit-mask-position:top left;
    mask-position:top left
}
.badge--ribbon:after,.badge--ribbon:before{
    background:inherit;
    content:"";
    height:.5rem;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    position:absolute;
    top:0;
    width:.5rem
}
.badge--ribbon:after{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_7844_198839' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='8' height='8'%3E%3Cg clip-path='url(%23clip0_7844_198839)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H0H-8V8C-12.4183 8 -16 11.5817 -16 16C-16 20.4183 -12.4183 24 -8 24C-3.58172 24 0 20.4183 0 16V8C0 3.58172 3.58172 0 8 0Z' fill='%2321283B'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask0_7844_198839)'%3E%3Crect width='12' height='8' fill='green'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7844_198839'%3E%3Crect width='8' height='8' fill='white' transform='matrix(-1 0 0 1 8 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_7844_198839' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='8' height='8'%3E%3Cg clip-path='url(%23clip0_7844_198839)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H0H-8V8C-12.4183 8 -16 11.5817 -16 16C-16 20.4183 -12.4183 24 -8 24C-3.58172 24 0 20.4183 0 16V8C0 3.58172 3.58172 0 8 0Z' fill='%2321283B'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask0_7844_198839)'%3E%3Crect width='12' height='8' fill='green'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7844_198839'%3E%3Crect width='8' height='8' fill='white' transform='matrix(-1 0 0 1 8 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    -webkit-mask-position:top right;
    mask-position:top right;
    right:-.5rem
}
.badge--ribbon.badge--neutral-gradient:before{
    background:var(--color-neutral-base)
}
.badge--ribbon.badge--neutral-gradient:after{
    background:var(--color-neutral-25)
}
.badge--ribbon.badge--brand-gradient:before{
    background:var(--color-brand-dark)
}
.badge--ribbon.badge--brand-gradient:after{
    background:var(--color-brand-base)
}
[data-theme=light]{
    --button-card-border-alt:initial;
    --button-card-focus-alt:initial
}
[data-theme=alt]{
    --button-card-border-alt:transparent;
    --button-card-focus-alt:var(--color-neutral-light)
}
.button-card{
    --button-card-border:var(--color-neutral-85);
    --button-card-focus:var(--color-action-base);
    border-radius:var(--radius-m);
    outline-color:var(--button-card-focus-alt,var(--button-card-focus));
    align-items:center;
    background-color:var(--color-neutral-light);
    border:.125rem solid var(--button-card-border-alt,var(--button-card-border));
    cursor:pointer;
    display:inline-flex;
    justify-content:flex-start;
    min-height:4.375rem;
    min-width:11.25rem;
    text-align:start;
    transition-duration:.2s;
    transition-property:border-color,outline,transform;
    transition-timing-function:cubic-bezier(.2,.07,.38,1);
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    will-change:border-color,outline,transform
}
.button-card:focus-visible{
    outline:var(--button-card-focus-alt,var(--button-card-focus)) solid .125rem;
    outline-offset:.125rem
}
@supports(-webkit-hyphens:none){
    .button-card:focus,.button-card:focus-within{
        outline:none;
        position:relative
    }
    .button-card:focus-within:before,.button-card:focus:before{
        border-radius:var(--radius-l);
        bottom:-.375rem;
        left:-.375rem;
        position:absolute;
        right:-.375rem;
        top:-.375rem;
        border:.125rem solid var(--button-card-focus-alt,var(--button-card-focus));
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .button-card:focus,.button-card:focus-within{
            outline:none;
            position:relative
        }
        .button-card:focus-within:before,.button-card:focus:before{
            border-radius:var(--radius-l);
            bottom:-.375rem;
            left:-.375rem;
            position:absolute;
            right:-.375rem;
            top:-.375rem;
            border:.125rem solid var(--button-card-focus-alt,var(--button-card-focus));
            content:""
        }
    }
}
.button-card:hover:not(:disabled,[disabled]){
    --button-card-border:var(--color-action-base)
}
.button-card:active:not(:disabled,[disabled]){
    transform:scale(.97)
}
.button-card:disabled,.button-card[disabled]{
    background-color:var(--color-neutral-85);
    color:var(--color-neutral-50);
    cursor:not-allowed
}
.button-card--loading{
    color:transparent;
    pointer-events:none;
    position:relative
}
.button-card--full-width{
    width:100%
}
.button-card__icon{
    align-items:center;
    display:flex;
    grid-area:icon;
    height:4.125rem;
    justify-content:center;
    padding:0 var(--spacing-s);
    position:relative;
    transition:opacity .2s cubic-bezier(.2,.07,.38,1);
    will-change:opacity
}
.button-card:disabled .button-card__icon,.button-card[disabled] .button-card__icon{
    color:var(--color-neutral-50)
}
.button-card--alt[disabled] .button-card__icon,.button-card__icon .button-card--alt:disabled{
    color:var(--color-neutral-light-opacity-75)
}
.button-card--loading .button-card__icon .icon{
    opacity:0
}
.button-card--loading .button-card__icon:after{
    animation:loadingIcon .8s linear infinite,fadeIn .2s cubic-bezier(.2,.07,.38,1);
    border-radius:50%;
    border:.1875rem solid var(--color-action-light);
    border-top-color:var(--color-action-base);
    content:"";
    height:1.625rem;
    left:50%;
    position:absolute;
    top:50%;
    width:1.625rem
}
.button-card__icon .icon{
    color:var(--color-action-base)
}
.button-card__wrapper{
    align-items:flex-start;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:var(--spacing-xs) var(--spacing-m) var(--spacing-xs) 0
}
.button-card__title{
    font-weight:var(--font-weight-bold);
    font-size:var(--text-size-l-bp-base);
    line-height:1.618rem;
    color:var(--color-neutral-base);
    transition:color .2s cubic-bezier(.2,.07,.38,1);
    will-change:color
}
.button-card:disabled .button-card__title,.button-card[disabled] .button-card__title{
    color:var(--color-neutral-50)
}
.button-card--alt[disabled] .button-card__title,.button-card__title .button-card--alt:disabled{
    color:var(--color-neutral-light-opacity-75)
}
.button-card:hover:not(:disabled,[disabled]) .button-card__title,.button-card__subtitle{
    color:var(--color-action-base)
}
.button-card__subtitle{
    font-weight:var(--font-weight-book);
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem
}
.button-card:disabled .button-card__subtitle,.button-card[disabled] .button-card__subtitle{
    color:var(--color-neutral-50)
}
.button-card--alt[disabled] .button-card__subtitle,.button-card__subtitle .button-card--alt:disabled{
    color:var(--color-neutral-light-opacity-75)
}
[data-theme=light]{
    --button-filled-background-alt:initial;
    --button-filled-color-alt:initial;
    --button-filled-color-hover-alt:initial;
    --button-filled-loading-border-alt:initial;
    --button-filled-loading-fill-alt:initial;
    --button-ghost-background-alt:initial;
    --button-ghost-color-alt:initial;
    --button-outlined-background-hover-alt:initial;
    --button-outlined-border-alt:initial;
    --button-outlined-border-hover-alt:initial;
    --button-outlined-color-alt:initial;
    --button-outlined-loading-border-alt:initial;
    --button-outlined-loading-fill-alt:initial;
    --button-tertiary-border-alt:initial;
    --button-focus-alt:initial
}
[data-theme=alt]{
    --button-filled-background-alt:var(--color-neutral-light);
    --button-filled-color-alt:var(--color-neutral-base);
    --button-filled-color-hover-alt:var(--color-action-base);
    --button-filled-loading-border-alt:var(--color-action-base);
    --button-filled-loading-fill-alt:var(--color-action-light);
    --button-ghost-background-alt:var(--color-neutral-light-opacity-15);
    --button-ghost-color-alt:var(--color-neutral-light);
    --button-outlined-background-hover-alt:var(--color-neutral-light-opacity-15);
    --button-outlined-border-alt:var(--color-neutral-light);
    --button-outlined-border-hover-alt:var(--color-neutral-light);
    --button-outlined-color-alt:var(--color-neutral-light);
    --button-outlined-loading-border-alt:var(--color-neutral-light);
    --button-outlined-loading-fill-alt:var(--color-neutral-light-opacity-15);
    --button-tertiary-border-alt:var(--color-neutral-light-opacity-40);
    --button-focus-alt:var(--color-neutral-light)
}
.button{
    --button-filled-background:var(--color-neutral-50);
    --button-filled-color-hover:var(--color-neutral-light);
    --button-filled-color:var(--color-neutral-light);
    --button-filled-loading-border:var(--color-neutral-light);
    --button-filled-loading-fill:var(--color-neutral-light-opacity-15);
    --button-ghost-background:var(--color-action-light);
    --button-ghost-color:var(--color-action-base);
    --button-outlined-background-hover:var(--color-neutral-light-opacity-15);
    --button-outlined-border-hover:var(--color-action-base);
    --button-outlined-border:var(--color-action-base);
    --button-outlined-color:var(--color-action-base);
    --button-outlined-loading-border:var(--color-action-base);
    --button-outlined-loading-fill:var(--color-action-light);
    --button-tertiary-border:var(--color-neutral-85);
    --button-focus:var(--color-action-base);
    cursor:pointer;
    display:inline-flex;
    grid-auto-flow:column;
    justify-content:center;
    place-items:center;
    position:relative;
    transition-duration:.2s;
    transition-property:background,border-color,box-shadow,color,outline,transform;
    transition-timing-function:cubic-bezier(.2,.07,.38,1);
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    width:-moz-fit-content;
    width:fit-content;
    will-change:background,border-color,box-shadow,color,outline,transform
}
.button:active:not(:disabled,[disabled]){
    transform:scale(.97)
}
.button:disabled,.button[disabled]{
    color:var(--color-neutral-50);
    cursor:not-allowed
}
.button .icon{
    transition:color .2s cubic-bezier(.2,.07,.38,1);
    will-change:color
}
.button--xl{
    font-weight:var(--font-weight-bold);
    font-size:var(--text-size-l-bp-base);
    line-height:1.618rem;
    height:3.5rem
}
.button--xl:before,.button--xl:not(.button--ghost){
    border-radius:var(--radius-l)
}
.button--xl:where(.button--xl):before{
    border-radius:var(--radius-l)
}
.button--xl:not(.button--ghost){
    padding:0 var(--spacing-l)
}
.button--xl:not(.button--ghost).button--min-width{
    min-width:13.75rem
}
.button--xl.button--ghost{
    border-radius:1.75rem;
    padding:0 var(--spacing-l)
}
.button--xl.button--ghost:first-child{
    margin-left:calc(var(--spacing-l)*-1)
}
.button--xl.button--ghost:last-child{
    margin-right:calc(var(--spacing-l)*-1)
}
.button--xl.button--append-icon .icon{
    margin-left:var(--spacing-2xs)
}
.button--xl.button--prepend-icon .icon{
    margin-right:var(--spacing-2xs)
}
.button--xl.button--icon-only{
    min-width:auto;
    padding:0;
    width:3.5rem
}
.button--xl.button--loading:after{
    height:1.25rem;
    width:1.25rem
}
.button--l{
    font-weight:var(--font-weight-bold);
    font-size:var(--text-size-l-bp-base);
    line-height:1.618rem;
    height:3rem
}
.button--l:before,.button--l:not(.button--ghost){
    border-radius:var(--radius-2xl)
}
.button--l:where(.button--xl):before{
    border-radius:var(--radius-l)
}
.button--l:not(.button--ghost){
    padding:0 var(--spacing-l)
}
.button--l:not(.button--ghost).button--min-width{
    min-width:10rem
}
.button--l.button--ghost{
    border-radius:1.5rem;
    padding:0 var(--spacing-s)
}
.button--l.button--ghost:first-child{
    margin-left:calc(var(--spacing-s)*-1)
}
.button--l.button--ghost:last-child{
    margin-right:calc(var(--spacing-s)*-1)
}
.button--l.button--append-icon .icon{
    margin-left:var(--spacing-2xs)
}
.button--l.button--prepend-icon .icon{
    margin-right:var(--spacing-2xs)
}
.button--l.button--icon-only{
    min-width:auto;
    padding:0;
    width:3rem
}
.button--l.button--loading:after{
    height:1.25rem;
    width:1.25rem
}
.button--m{
    font-weight:var(--font-weight-bold);
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem;
    height:2.25rem
}
.button--m:before,.button--m:not(.button--ghost){
    border-radius:var(--radius-2xl)
}
.button--m:where(.button--xl):before{
    border-radius:var(--radius-l)
}
.button--m:not(.button--ghost){
    padding:0 var(--spacing-s)
}
.button--m:not(.button--ghost).button--min-width{
    min-width:7.5rem
}
.button--m.button--ghost{
    border-radius:1.125rem;
    padding:0 var(--spacing-xs)
}
.button--m.button--ghost:first-child{
    margin-left:calc(var(--spacing-xs)*-1)
}
.button--m.button--ghost:last-child{
    margin-right:calc(var(--spacing-xs)*-1)
}
.button--m.button--append-icon .icon{
    margin-left:var(--spacing-3xs)
}
.button--m.button--prepend-icon .icon{
    margin-right:var(--spacing-3xs)
}
.button--m.button--icon-only{
    min-width:auto;
    padding:0;
    width:2.25rem
}
.button--m.button--loading:after{
    height:1.25rem;
    width:1.25rem
}
.button--s{
    font-weight:var(--font-weight-bold);
    font-size:var(--text-size-s-bp-base);
    line-height:1.2135rem;
    height:1.75rem
}
.button--s:before,.button--s:not(.button--ghost){
    border-radius:var(--radius-2xl)
}
.button--s:where(.button--xl):before{
    border-radius:var(--radius-l)
}
.button--s:not(.button--ghost){
    padding:0 var(--spacing-xs)
}
.button--s:not(.button--ghost).button--min-width{
    min-width:5rem
}
.button--s.button--ghost{
    border-radius:.875rem;
    padding:0 var(--spacing-2xs)
}
.button--s.button--ghost:first-child{
    margin-left:calc(var(--spacing-2xs)*-1)
}
.button--s.button--ghost:last-child{
    margin-right:calc(var(--spacing-2xs)*-1)
}
.button--s.button--append-icon .icon{
    margin-left:var(--spacing-3xs)
}
.button--s.button--prepend-icon .icon{
    margin-right:var(--spacing-3xs)
}
.button--s.button--icon-only{
    min-width:auto;
    padding:0;
    width:1.75rem
}
.button--s.button--loading:after{
    height:1rem;
    width:1rem
}
.button--primary{
    --button-filled-background:linear-gradient(45deg,var(--color-action-base) 50%,#07a5b5);
    outline-color:var(--button-focus-alt,var(--button-focus));
    background:var(--button-filled-background-alt,var(--button-filled-background)) 100% 0;
    background-size:200%;
    color:var(--button-filled-color-alt,var(--button-filled-color))
}
.button--primary:focus-visible{
    outline:var(--button-focus-alt,var(--button-focus)) solid .125rem;
    outline-offset:.125rem
}
@supports(-webkit-hyphens:none){
    .button--primary:focus,.button--primary:focus-within{
        outline:none;
        position:relative
    }
    .button--primary:focus-within:before,.button--primary:focus:before{
        bottom:-.25rem;
        left:-.25rem;
        position:absolute;
        right:-.25rem;
        top:-.25rem;
        border:.125rem solid var(--button-focus-alt,var(--button-focus));
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .button--primary:focus,.button--primary:focus-within{
            outline:none;
            position:relative
        }
        .button--primary:focus-within:before,.button--primary:focus:before{
            bottom:-.25rem;
            left:-.25rem;
            position:absolute;
            right:-.25rem;
            top:-.25rem;
            border:.125rem solid var(--button-focus-alt,var(--button-focus));
            content:""
        }
    }
}
.button--primary:hover:not(:disabled,[disabled],.button--loading){
    background-position:0 100%;
    color:var(--button-filled-color-hover-alt,var(--button-filled-color-hover))
}
.button--primary:disabled,.button--primary[disabled]{
    background:var(--color-neutral-95)
}
.button--primary.button--shadow{
    box-shadow:var(--elevation-size-m) var(--elevation-color-action-40)
}
.button--primary.button--shadow:active,.button--primary.button--shadow:focus,.button--primary.button--shadow:hover{
    box-shadow:var(--elevation-size-s) var(--elevation-color-action-40)
}
.button--primary.button--shadow:disabled,.button--primary.button--shadow[disabled]{
    box-shadow:none
}
.button--primary.button--loading:after{
    border:.125rem solid var(--button-filled-loading-fill-alt,var(--button-filled-loading-fill));
    border-top-color:var(--button-filled-loading-border-alt,var(--button-filled-loading-border))
}
.button--brand,.button--primary .icon{
    color:var(--button-filled-color-alt,var(--button-filled-color))
}
.button--brand{
    --button-filled-background:linear-gradient(45deg,var(--color-brand-dark) 50%,var(--color-brand-base));
    outline-color:var(--button-focus-alt,var(--button-focus));
    background:var(--button-filled-background-alt,var(--button-filled-background)) 100% 0;
    background-size:200%
}
.button--brand:focus-visible{
    outline:var(--button-focus-alt,var(--button-focus)) solid .125rem;
    outline-offset:.125rem
}
@supports(-webkit-hyphens:none){
    .button--brand:focus,.button--brand:focus-within{
        outline:none;
        position:relative
    }
    .button--brand:focus-within:before,.button--brand:focus:before{
        bottom:-.25rem;
        left:-.25rem;
        position:absolute;
        right:-.25rem;
        top:-.25rem;
        border:.125rem solid var(--button-focus-alt,var(--button-focus));
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .button--brand:focus,.button--brand:focus-within{
            outline:none;
            position:relative
        }
        .button--brand:focus-within:before,.button--brand:focus:before{
            bottom:-.25rem;
            left:-.25rem;
            position:absolute;
            right:-.25rem;
            top:-.25rem;
            border:.125rem solid var(--button-focus-alt,var(--button-focus));
            content:""
        }
    }
}
.button--brand:hover:not(:disabled,[disabled],.button--loading){
    background-position:0 100%;
    color:var(--button-filled-color-hover-alt,var(--button-filled-color-hover))
}
.button--brand:disabled,.button--brand[disabled]{
    background:var(--color-neutral-95)
}
.button--brand.button--shadow{
    box-shadow:var(--elevation-size-m) var(--elevation-color-brand-40)
}
.button--brand.button--shadow:active,.button--brand.button--shadow:focus,.button--brand.button--shadow:hover{
    box-shadow:var(--elevation-size-s) var(--elevation-color-brand-40)
}
.button--brand.button--shadow:disabled,.button--brand.button--shadow[disabled]{
    box-shadow:none
}
.button--brand.button--loading:after{
    border:.125rem solid var(--button-filled-loading-fill-alt,var(--button-filled-loading-fill));
    border-top-color:var(--button-filled-loading-border-alt,var(--button-filled-loading-border))
}
.button--brand .icon,.button--danger{
    color:var(--button-filled-color-alt,var(--button-filled-color))
}
.button--danger{
    --button-filled-background-alt:linear-gradient(45deg,var(--color-error-dark) 50%,var(--color-error-base));
    --button-filled-color-alt:var(--button--filled-color);
    --button-filled-color-hover-alt:var(--button--filled-color-hover);
    --button-filled-background:linear-gradient(45deg,var(--color-error-dark) 50%,var(--color-error-base));
    outline-color:var(--button-focus-alt,var(--button-focus));
    background:var(--button-filled-background-alt,var(--button-filled-background)) 100% 0;
    background-size:200%
}
.button--danger:focus-visible{
    outline:var(--button-focus-alt,var(--button-focus)) solid .125rem;
    outline-offset:.125rem
}
@supports(-webkit-hyphens:none){
    .button--danger:focus,.button--danger:focus-within{
        outline:none;
        position:relative
    }
    .button--danger:focus-within:before,.button--danger:focus:before{
        bottom:-.25rem;
        left:-.25rem;
        position:absolute;
        right:-.25rem;
        top:-.25rem;
        border:.125rem solid var(--button-focus-alt,var(--button-focus));
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .button--danger:focus,.button--danger:focus-within{
            outline:none;
            position:relative
        }
        .button--danger:focus-within:before,.button--danger:focus:before{
            bottom:-.25rem;
            left:-.25rem;
            position:absolute;
            right:-.25rem;
            top:-.25rem;
            border:.125rem solid var(--button-focus-alt,var(--button-focus));
            content:""
        }
    }
}
.button--danger:hover:not(:disabled,[disabled],.button--loading){
    background-position:0 100%;
    color:var(--button-filled-color-hover-alt,var(--button-filled-color-hover))
}
.button--danger:disabled,.button--danger[disabled]{
    background:var(--color-neutral-95)
}
.button--danger.button--shadow{
    box-shadow:var(--elevation-size-m) var(--elevation-color-error-40)
}
.button--danger.button--shadow:active,.button--danger.button--shadow:focus,.button--danger.button--shadow:hover{
    box-shadow:var(--elevation-size-s) var(--elevation-color-error-40)
}
.button--danger.button--shadow:disabled,.button--danger.button--shadow[disabled]{
    box-shadow:none
}
.button--danger.button--loading:after{
    border:.125rem solid var(--button-filled-loading-fill-alt,var(--button-filled-loading-fill));
    border-top-color:var(--button-filled-loading-border-alt,var(--button-filled-loading-border))
}
.button--danger .icon{
    color:var(--button-filled-color-alt,var(--button-filled-color))
}
.button--secondary{
    outline-color:var(--button-focus-alt,var(--button-focus));
    border:.125rem solid var(--button-outlined-border-alt,var(--button-outlined-border));
    color:var(--button-outlined-color-alt,var(--button-outlined-color))
}
.button--secondary:focus-visible{
    outline:var(--button-focus-alt,var(--button-focus)) solid .125rem;
    outline-offset:.125rem
}
@supports(-webkit-hyphens:none){
    .button--secondary:focus,.button--secondary:focus-within{
        outline:none;
        position:relative
    }
    .button--secondary:focus-within:before,.button--secondary:focus:before{
        bottom:-.375rem;
        left:-.375rem;
        position:absolute;
        right:-.375rem;
        top:-.375rem;
        border:.125rem solid var(--button-focus-alt,var(--button-focus));
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .button--secondary:focus,.button--secondary:focus-within{
            outline:none;
            position:relative
        }
        .button--secondary:focus-within:before,.button--secondary:focus:before{
            bottom:-.375rem;
            left:-.375rem;
            position:absolute;
            right:-.375rem;
            top:-.375rem;
            border:.125rem solid var(--button-focus-alt,var(--button-focus));
            content:""
        }
    }
}
.button--secondary:hover{
    box-shadow:var(--elevation-size-s) var(--elevation-color-action-15);
    background:var(--button-outlined-background-hover-alt,var(--button-outlined-background-hover));
    border-color:var(--button-outlined-border-hover-alt,var(--button-outlined-border-hover))
}
.button--secondary:disabled,.button--secondary[disabled]{
    background:var(--color-neutral-95);
    border-color:transparent;
    box-shadow:none
}
.button--secondary.button--loading:after{
    border:.125rem solid var(--button-outlined-loading-fill-alt,var(--button-outlined-loading-fill));
    border-top-color:var(--button-outlined-loading-border-alt,var(--button-outlined-loading-border))
}
.button--secondary .icon,.button--tertiary{
    color:var(--button-outlined-color-alt,var(--button-outlined-color))
}
.button--tertiary{
    outline-color:var(--button-focus-alt,var(--button-focus));
    border:.125rem solid var(--button-tertiary-border-alt,var(--button-tertiary-border))
}
.button--tertiary:focus-visible{
    outline:var(--button-focus-alt,var(--button-focus)) solid .125rem;
    outline-offset:.125rem
}
@supports(-webkit-hyphens:none){
    .button--tertiary:focus,.button--tertiary:focus-within{
        outline:none;
        position:relative
    }
    .button--tertiary:focus-within:before,.button--tertiary:focus:before{
        bottom:-.375rem;
        left:-.375rem;
        position:absolute;
        right:-.375rem;
        top:-.375rem;
        border:.125rem solid var(--button-focus-alt,var(--button-focus));
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .button--tertiary:focus,.button--tertiary:focus-within{
            outline:none;
            position:relative
        }
        .button--tertiary:focus-within:before,.button--tertiary:focus:before{
            bottom:-.375rem;
            left:-.375rem;
            position:absolute;
            right:-.375rem;
            top:-.375rem;
            border:.125rem solid var(--button-focus-alt,var(--button-focus));
            content:""
        }
    }
}
.button--tertiary:hover{
    box-shadow:var(--elevation-size-s) var(--elevation-color-action-15);
    background:var(--button-outlined-background-hover-alt,var(--button-outlined-background-hover));
    border-color:var(--button-outlined-border-hover-alt,var(--button-outlined-border-hover))
}
.button--tertiary:disabled,.button--tertiary[disabled]{
    background:var(--color-neutral-95);
    border-color:transparent;
    box-shadow:none
}
.button--tertiary.button--loading:after{
    border:.125rem solid var(--button-outlined-loading-fill-alt,var(--button-outlined-loading-fill));
    border-top-color:var(--button-outlined-loading-border-alt,var(--button-outlined-loading-border))
}
.button--tertiary .icon{
    color:var(--button-outlined-color-alt,var(--button-outlined-color))
}
.button--ghost{
    outline-color:var(--button-focus-alt,var(--button-focus));
    color:var(--button-ghost-color-alt,var(--button-ghost-color))
}
.button--ghost:focus-visible{
    outline:var(--button-focus-alt,var(--button-focus)) solid .125rem;
    outline-offset:.125rem
}
@supports(-webkit-hyphens:none){
    .button--ghost:focus,.button--ghost:focus-within{
        outline:none;
        position:relative
    }
    .button--ghost:focus-within:before,.button--ghost:focus:before{
        border-radius:var(--radius-2xs);
        bottom:-.25rem;
        left:-.25rem;
        position:absolute;
        right:-.25rem;
        top:-.25rem;
        border:.125rem solid var(--button-focus-alt,var(--button-focus));
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .button--ghost:focus,.button--ghost:focus-within{
            outline:none;
            position:relative
        }
        .button--ghost:focus-within:before,.button--ghost:focus:before{
            border-radius:var(--radius-2xs);
            bottom:-.25rem;
            left:-.25rem;
            position:absolute;
            right:-.25rem;
            top:-.25rem;
            border:.125rem solid var(--button-focus-alt,var(--button-focus));
            content:""
        }
    }
}
.button--ghost:hover:not(:disabled,[disabled]){
    background-color:var(--button-ghost-background-alt,var(--button-ghost-background))
}
.button.button--full-width{
    width:100%
}
.button--loading{
    pointer-events:none;
    position:relative
}
.button--loading,.button--loading .icon{
    color:transparent
}
.button--loading:after{
    animation:loadingIcon .8s linear infinite,fadeIn .2s cubic-bezier(.2,.07,.38,1);
    border-radius:50%;
    border:.1875rem solid var(--color-action-light);
    border-top-color:var(--color-action-base);
    content:"";
    height:1.625rem;
    left:50%;
    position:absolute;
    top:50%;
    width:1.625rem
}

[data-theme=light]{
    --divider-border-color-alt:initial;
    --divider-text-color-alt:initial
}
[data-theme=alt]{
    --divider-border-color-alt:var(--color-neutral-light-opacity-15);
    --divider-text-color-alt:var(--color-neutral-light-opacity-75)
}
.divider{
    --divider-border-color:var(--color-neutral-85);
    --divider-text-color:var(--color-neutral-25);
    --divider-border-width:0.0625rem;
    border:0;
    border-color:var(--divider-border-color-alt,var(--divider-border-color));
    border-style:solid;
    color:var(--divider-text-color-alt,var(--divider-text-color));
    margin:0
}
.divider--neutral95{
    --divider-border-color:var(--color-neutral-95)
}
.divider--horizontal{
    height:auto;
    width:100%
}
.divider--horizontal:not(.divider--label){
    border-bottom-width:var(--divider-border-width)
}
.divider--border-m{
    --divider-border-width:0.125rem
}
.divider--vertical{
    align-self:stretch;
    border-right-width:var(--divider-border-width);
    flex-shrink:0;
    height:auto
}
.divider--label{
    display:flex
}
.divider--label:after,.divider--label:before{
    align-self:center;
    border-top:var(--divider-border-width) solid var(--divider-border-color-alt,var(--divider-border-color));
    content:"";
    flex-grow:1
}
.divider__label{
    max-width:80%;
    padding:0 var(--spacing-2xs);
    text-align:center
}
.divider--horizontal.divider--margin-0{
    margin-bottom:0;
    margin-top:0
}
.divider--horizontal.divider--margin-5xl{
    margin-bottom:var(--spacing-5xl);
    margin-top:var(--spacing-5xl)
}
.divider--horizontal.divider--margin-4xl{
    margin-bottom:var(--spacing-4xl);
    margin-top:var(--spacing-4xl)
}
.divider--horizontal.divider--margin-3xl{
    margin-bottom:var(--spacing-3xl);
    margin-top:var(--spacing-3xl)
}
.divider--horizontal.divider--margin-2xl{
    margin-bottom:var(--spacing-2xl);
    margin-top:var(--spacing-2xl)
}
.divider--horizontal.divider--margin-xl{
    margin-bottom:var(--spacing-xl);
    margin-top:var(--spacing-xl)
}
.divider--horizontal.divider--margin-l{
    margin-bottom:var(--spacing-l);
    margin-top:var(--spacing-l)
}
.divider--horizontal.divider--margin-m{
    margin-bottom:var(--spacing-m);
    margin-top:var(--spacing-m)
}
.divider--horizontal.divider--margin-s{
    margin-bottom:var(--spacing-s);
    margin-top:var(--spacing-s)
}
.divider--horizontal.divider--margin-xs{
    margin-bottom:var(--spacing-xs);
    margin-top:var(--spacing-xs)
}
.divider--horizontal.divider--margin-2xs{
    margin-bottom:var(--spacing-2xs);
    margin-top:var(--spacing-2xs)
}
.divider--horizontal.divider--margin-3xs{
    margin-bottom:var(--spacing-3xs);
    margin-top:var(--spacing-3xs)
}
.divider--horizontal.divider--margin-4xs{
    margin-bottom:var(--spacing-4xs);
    margin-top:var(--spacing-4xs)
}
.divider--vertical.divider--margin-0{
    margin-left:0;
    margin-right:0
}
.divider--vertical.divider--margin-5xl{
    margin-left:var(--spacing-5xl);
    margin-right:var(--spacing-5xl)
}
.divider--vertical.divider--margin-4xl{
    margin-left:var(--spacing-4xl);
    margin-right:var(--spacing-4xl)
}
.divider--vertical.divider--margin-3xl{
    margin-left:var(--spacing-3xl);
    margin-right:var(--spacing-3xl)
}
.divider--vertical.divider--margin-2xl{
    margin-left:var(--spacing-2xl);
    margin-right:var(--spacing-2xl)
}
.divider--vertical.divider--margin-xl{
    margin-left:var(--spacing-xl);
    margin-right:var(--spacing-xl)
}
.divider--vertical.divider--margin-l{
    margin-left:var(--spacing-l);
    margin-right:var(--spacing-l)
}
.divider--vertical.divider--margin-m{
    margin-left:var(--spacing-m);
    margin-right:var(--spacing-m)
}
.divider--vertical.divider--margin-s{
    margin-left:var(--spacing-s);
    margin-right:var(--spacing-s)
}
.divider--vertical.divider--margin-xs{
    margin-left:var(--spacing-xs);
    margin-right:var(--spacing-xs)
}
.divider--vertical.divider--margin-2xs{
    margin-left:var(--spacing-2xs);
    margin-right:var(--spacing-2xs)
}
.divider--vertical.divider--margin-3xs{
    margin-left:var(--spacing-3xs);
    margin-right:var(--spacing-3xs)
}
.divider--vertical.divider--margin-4xs{
    margin-left:var(--spacing-4xs);
    margin-right:var(--spacing-4xs)
}
@media screen and (min-width:375px){
    .divider--horizontal.divider--margin-0-from-2xs{
        margin-bottom:0;
        margin-top:0
    }
    .divider--vertical.divider--margin-0-from-2xs{
        margin-left:0;
        margin-right:0
    }
    .divider--horizontal.divider--margin-5xl-from-2xs{
        margin-bottom:var(--spacing-5xl);
        margin-top:var(--spacing-5xl)
    }
    .divider--vertical.divider--margin-5xl-from-2xs{
        margin-left:var(--spacing-5xl);
        margin-right:var(--spacing-5xl)
    }
    .divider--horizontal.divider--margin-4xl-from-2xs{
        margin-bottom:var(--spacing-4xl);
        margin-top:var(--spacing-4xl)
    }
    .divider--vertical.divider--margin-4xl-from-2xs{
        margin-left:var(--spacing-4xl);
        margin-right:var(--spacing-4xl)
    }
    .divider--horizontal.divider--margin-3xl-from-2xs{
        margin-bottom:var(--spacing-3xl);
        margin-top:var(--spacing-3xl)
    }
    .divider--vertical.divider--margin-3xl-from-2xs{
        margin-left:var(--spacing-3xl);
        margin-right:var(--spacing-3xl)
    }
    .divider--horizontal.divider--margin-2xl-from-2xs{
        margin-bottom:var(--spacing-2xl);
        margin-top:var(--spacing-2xl)
    }
    .divider--vertical.divider--margin-2xl-from-2xs{
        margin-left:var(--spacing-2xl);
        margin-right:var(--spacing-2xl)
    }
    .divider--horizontal.divider--margin-xl-from-2xs{
        margin-bottom:var(--spacing-xl);
        margin-top:var(--spacing-xl)
    }
    .divider--vertical.divider--margin-xl-from-2xs{
        margin-left:var(--spacing-xl);
        margin-right:var(--spacing-xl)
    }
    .divider--horizontal.divider--margin-l-from-2xs{
        margin-bottom:var(--spacing-l);
        margin-top:var(--spacing-l)
    }
    .divider--vertical.divider--margin-l-from-2xs{
        margin-left:var(--spacing-l);
        margin-right:var(--spacing-l)
    }
    .divider--horizontal.divider--margin-m-from-2xs{
        margin-bottom:var(--spacing-m);
        margin-top:var(--spacing-m)
    }
    .divider--vertical.divider--margin-m-from-2xs{
        margin-left:var(--spacing-m);
        margin-right:var(--spacing-m)
    }
    .divider--horizontal.divider--margin-s-from-2xs{
        margin-bottom:var(--spacing-s);
        margin-top:var(--spacing-s)
    }
    .divider--vertical.divider--margin-s-from-2xs{
        margin-left:var(--spacing-s);
        margin-right:var(--spacing-s)
    }
    .divider--horizontal.divider--margin-xs-from-2xs{
        margin-bottom:var(--spacing-xs);
        margin-top:var(--spacing-xs)
    }
    .divider--vertical.divider--margin-xs-from-2xs{
        margin-left:var(--spacing-xs);
        margin-right:var(--spacing-xs)
    }
    .divider--horizontal.divider--margin-2xs-from-2xs{
        margin-bottom:var(--spacing-2xs);
        margin-top:var(--spacing-2xs)
    }
    .divider--vertical.divider--margin-2xs-from-2xs{
        margin-left:var(--spacing-2xs);
        margin-right:var(--spacing-2xs)
    }
    .divider--horizontal.divider--margin-3xs-from-2xs{
        margin-bottom:var(--spacing-3xs);
        margin-top:var(--spacing-3xs)
    }
    .divider--vertical.divider--margin-3xs-from-2xs{
        margin-left:var(--spacing-3xs);
        margin-right:var(--spacing-3xs)
    }
    .divider--horizontal.divider--margin-4xs-from-2xs{
        margin-bottom:var(--spacing-4xs);
        margin-top:var(--spacing-4xs)
    }
    .divider--vertical.divider--margin-4xs-from-2xs{
        margin-left:var(--spacing-4xs);
        margin-right:var(--spacing-4xs)
    }
}
@media screen and (min-width:576px){
    .divider--horizontal.divider--margin-0-from-xs{
        margin-bottom:0;
        margin-top:0
    }
    .divider--vertical.divider--margin-0-from-xs{
        margin-left:0;
        margin-right:0
    }
    .divider--horizontal.divider--margin-5xl-from-xs{
        margin-bottom:var(--spacing-5xl);
        margin-top:var(--spacing-5xl)
    }
    .divider--vertical.divider--margin-5xl-from-xs{
        margin-left:var(--spacing-5xl);
        margin-right:var(--spacing-5xl)
    }
    .divider--horizontal.divider--margin-4xl-from-xs{
        margin-bottom:var(--spacing-4xl);
        margin-top:var(--spacing-4xl)
    }
    .divider--vertical.divider--margin-4xl-from-xs{
        margin-left:var(--spacing-4xl);
        margin-right:var(--spacing-4xl)
    }
    .divider--horizontal.divider--margin-3xl-from-xs{
        margin-bottom:var(--spacing-3xl);
        margin-top:var(--spacing-3xl)
    }
    .divider--vertical.divider--margin-3xl-from-xs{
        margin-left:var(--spacing-3xl);
        margin-right:var(--spacing-3xl)
    }
    .divider--horizontal.divider--margin-2xl-from-xs{
        margin-bottom:var(--spacing-2xl);
        margin-top:var(--spacing-2xl)
    }
    .divider--vertical.divider--margin-2xl-from-xs{
        margin-left:var(--spacing-2xl);
        margin-right:var(--spacing-2xl)
    }
    .divider--horizontal.divider--margin-xl-from-xs{
        margin-bottom:var(--spacing-xl);
        margin-top:var(--spacing-xl)
    }
    .divider--vertical.divider--margin-xl-from-xs{
        margin-left:var(--spacing-xl);
        margin-right:var(--spacing-xl)
    }
    .divider--horizontal.divider--margin-l-from-xs{
        margin-bottom:var(--spacing-l);
        margin-top:var(--spacing-l)
    }
    .divider--vertical.divider--margin-l-from-xs{
        margin-left:var(--spacing-l);
        margin-right:var(--spacing-l)
    }
    .divider--horizontal.divider--margin-m-from-xs{
        margin-bottom:var(--spacing-m);
        margin-top:var(--spacing-m)
    }
    .divider--vertical.divider--margin-m-from-xs{
        margin-left:var(--spacing-m);
        margin-right:var(--spacing-m)
    }
    .divider--horizontal.divider--margin-s-from-xs{
        margin-bottom:var(--spacing-s);
        margin-top:var(--spacing-s)
    }
    .divider--vertical.divider--margin-s-from-xs{
        margin-left:var(--spacing-s);
        margin-right:var(--spacing-s)
    }
    .divider--horizontal.divider--margin-xs-from-xs{
        margin-bottom:var(--spacing-xs);
        margin-top:var(--spacing-xs)
    }
    .divider--vertical.divider--margin-xs-from-xs{
        margin-left:var(--spacing-xs);
        margin-right:var(--spacing-xs)
    }
    .divider--horizontal.divider--margin-2xs-from-xs{
        margin-bottom:var(--spacing-2xs);
        margin-top:var(--spacing-2xs)
    }
    .divider--vertical.divider--margin-2xs-from-xs{
        margin-left:var(--spacing-2xs);
        margin-right:var(--spacing-2xs)
    }
    .divider--horizontal.divider--margin-3xs-from-xs{
        margin-bottom:var(--spacing-3xs);
        margin-top:var(--spacing-3xs)
    }
    .divider--vertical.divider--margin-3xs-from-xs{
        margin-left:var(--spacing-3xs);
        margin-right:var(--spacing-3xs)
    }
    .divider--horizontal.divider--margin-4xs-from-xs{
        margin-bottom:var(--spacing-4xs);
        margin-top:var(--spacing-4xs)
    }
    .divider--vertical.divider--margin-4xs-from-xs{
        margin-left:var(--spacing-4xs);
        margin-right:var(--spacing-4xs)
    }
}
@media screen and (min-width:768px){
    .divider--horizontal.divider--margin-0-from-s{
        margin-bottom:0;
        margin-top:0
    }
    .divider--vertical.divider--margin-0-from-s{
        margin-left:0;
        margin-right:0
    }
    .divider--horizontal.divider--margin-5xl-from-s{
        margin-bottom:var(--spacing-5xl);
        margin-top:var(--spacing-5xl)
    }
    .divider--vertical.divider--margin-5xl-from-s{
        margin-left:var(--spacing-5xl);
        margin-right:var(--spacing-5xl)
    }
    .divider--horizontal.divider--margin-4xl-from-s{
        margin-bottom:var(--spacing-4xl);
        margin-top:var(--spacing-4xl)
    }
    .divider--vertical.divider--margin-4xl-from-s{
        margin-left:var(--spacing-4xl);
        margin-right:var(--spacing-4xl)
    }
    .divider--horizontal.divider--margin-3xl-from-s{
        margin-bottom:var(--spacing-3xl);
        margin-top:var(--spacing-3xl)
    }
    .divider--vertical.divider--margin-3xl-from-s{
        margin-left:var(--spacing-3xl);
        margin-right:var(--spacing-3xl)
    }
    .divider--horizontal.divider--margin-2xl-from-s{
        margin-bottom:var(--spacing-2xl);
        margin-top:var(--spacing-2xl)
    }
    .divider--vertical.divider--margin-2xl-from-s{
        margin-left:var(--spacing-2xl);
        margin-right:var(--spacing-2xl)
    }
    .divider--horizontal.divider--margin-xl-from-s{
        margin-bottom:var(--spacing-xl);
        margin-top:var(--spacing-xl)
    }
    .divider--vertical.divider--margin-xl-from-s{
        margin-left:var(--spacing-xl);
        margin-right:var(--spacing-xl)
    }
    .divider--horizontal.divider--margin-l-from-s{
        margin-bottom:var(--spacing-l);
        margin-top:var(--spacing-l)
    }
    .divider--vertical.divider--margin-l-from-s{
        margin-left:var(--spacing-l);
        margin-right:var(--spacing-l)
    }
    .divider--horizontal.divider--margin-m-from-s{
        margin-bottom:var(--spacing-m);
        margin-top:var(--spacing-m)
    }
    .divider--vertical.divider--margin-m-from-s{
        margin-left:var(--spacing-m);
        margin-right:var(--spacing-m)
    }
    .divider--horizontal.divider--margin-s-from-s{
        margin-bottom:var(--spacing-s);
        margin-top:var(--spacing-s)
    }
    .divider--vertical.divider--margin-s-from-s{
        margin-left:var(--spacing-s);
        margin-right:var(--spacing-s)
    }
    .divider--horizontal.divider--margin-xs-from-s{
        margin-bottom:var(--spacing-xs);
        margin-top:var(--spacing-xs)
    }
    .divider--vertical.divider--margin-xs-from-s{
        margin-left:var(--spacing-xs);
        margin-right:var(--spacing-xs)
    }
    .divider--horizontal.divider--margin-2xs-from-s{
        margin-bottom:var(--spacing-2xs);
        margin-top:var(--spacing-2xs)
    }
    .divider--vertical.divider--margin-2xs-from-s{
        margin-left:var(--spacing-2xs);
        margin-right:var(--spacing-2xs)
    }
    .divider--horizontal.divider--margin-3xs-from-s{
        margin-bottom:var(--spacing-3xs);
        margin-top:var(--spacing-3xs)
    }
    .divider--vertical.divider--margin-3xs-from-s{
        margin-left:var(--spacing-3xs);
        margin-right:var(--spacing-3xs)
    }
    .divider--horizontal.divider--margin-4xs-from-s{
        margin-bottom:var(--spacing-4xs);
        margin-top:var(--spacing-4xs)
    }
    .divider--vertical.divider--margin-4xs-from-s{
        margin-left:var(--spacing-4xs);
        margin-right:var(--spacing-4xs)
    }
}
@media screen and (min-width:992px){
    .divider--horizontal.divider--margin-0-from-m{
        margin-bottom:0;
        margin-top:0
    }
    .divider--vertical.divider--margin-0-from-m{
        margin-left:0;
        margin-right:0
    }
    .divider--horizontal.divider--margin-5xl-from-m{
        margin-bottom:var(--spacing-5xl);
        margin-top:var(--spacing-5xl)
    }
    .divider--vertical.divider--margin-5xl-from-m{
        margin-left:var(--spacing-5xl);
        margin-right:var(--spacing-5xl)
    }
    .divider--horizontal.divider--margin-4xl-from-m{
        margin-bottom:var(--spacing-4xl);
        margin-top:var(--spacing-4xl)
    }
    .divider--vertical.divider--margin-4xl-from-m{
        margin-left:var(--spacing-4xl);
        margin-right:var(--spacing-4xl)
    }
    .divider--horizontal.divider--margin-3xl-from-m{
        margin-bottom:var(--spacing-3xl);
        margin-top:var(--spacing-3xl)
    }
    .divider--vertical.divider--margin-3xl-from-m{
        margin-left:var(--spacing-3xl);
        margin-right:var(--spacing-3xl)
    }
    .divider--horizontal.divider--margin-2xl-from-m{
        margin-bottom:var(--spacing-2xl);
        margin-top:var(--spacing-2xl)
    }
    .divider--vertical.divider--margin-2xl-from-m{
        margin-left:var(--spacing-2xl);
        margin-right:var(--spacing-2xl)
    }
    .divider--horizontal.divider--margin-xl-from-m{
        margin-bottom:var(--spacing-xl);
        margin-top:var(--spacing-xl)
    }
    .divider--vertical.divider--margin-xl-from-m{
        margin-left:var(--spacing-xl);
        margin-right:var(--spacing-xl)
    }
    .divider--horizontal.divider--margin-l-from-m{
        margin-bottom:var(--spacing-l);
        margin-top:var(--spacing-l)
    }
    .divider--vertical.divider--margin-l-from-m{
        margin-left:var(--spacing-l);
        margin-right:var(--spacing-l)
    }
    .divider--horizontal.divider--margin-m-from-m{
        margin-bottom:var(--spacing-m);
        margin-top:var(--spacing-m)
    }
    .divider--vertical.divider--margin-m-from-m{
        margin-left:var(--spacing-m);
        margin-right:var(--spacing-m)
    }
    .divider--horizontal.divider--margin-s-from-m{
        margin-bottom:var(--spacing-s);
        margin-top:var(--spacing-s)
    }
    .divider--vertical.divider--margin-s-from-m{
        margin-left:var(--spacing-s);
        margin-right:var(--spacing-s)
    }
    .divider--horizontal.divider--margin-xs-from-m{
        margin-bottom:var(--spacing-xs);
        margin-top:var(--spacing-xs)
    }
    .divider--vertical.divider--margin-xs-from-m{
        margin-left:var(--spacing-xs);
        margin-right:var(--spacing-xs)
    }
    .divider--horizontal.divider--margin-2xs-from-m{
        margin-bottom:var(--spacing-2xs);
        margin-top:var(--spacing-2xs)
    }
    .divider--vertical.divider--margin-2xs-from-m{
        margin-left:var(--spacing-2xs);
        margin-right:var(--spacing-2xs)
    }
    .divider--horizontal.divider--margin-3xs-from-m{
        margin-bottom:var(--spacing-3xs);
        margin-top:var(--spacing-3xs)
    }
    .divider--vertical.divider--margin-3xs-from-m{
        margin-left:var(--spacing-3xs);
        margin-right:var(--spacing-3xs)
    }
    .divider--horizontal.divider--margin-4xs-from-m{
        margin-bottom:var(--spacing-4xs);
        margin-top:var(--spacing-4xs)
    }
    .divider--vertical.divider--margin-4xs-from-m{
        margin-left:var(--spacing-4xs);
        margin-right:var(--spacing-4xs)
    }
}
@media screen and (min-width:1200px){
    .divider--horizontal.divider--margin-0-from-l{
        margin-bottom:0;
        margin-top:0
    }
    .divider--vertical.divider--margin-0-from-l{
        margin-left:0;
        margin-right:0
    }
    .divider--horizontal.divider--margin-5xl-from-l{
        margin-bottom:var(--spacing-5xl);
        margin-top:var(--spacing-5xl)
    }
    .divider--vertical.divider--margin-5xl-from-l{
        margin-left:var(--spacing-5xl);
        margin-right:var(--spacing-5xl)
    }
    .divider--horizontal.divider--margin-4xl-from-l{
        margin-bottom:var(--spacing-4xl);
        margin-top:var(--spacing-4xl)
    }
    .divider--vertical.divider--margin-4xl-from-l{
        margin-left:var(--spacing-4xl);
        margin-right:var(--spacing-4xl)
    }
    .divider--horizontal.divider--margin-3xl-from-l{
        margin-bottom:var(--spacing-3xl);
        margin-top:var(--spacing-3xl)
    }
    .divider--vertical.divider--margin-3xl-from-l{
        margin-left:var(--spacing-3xl);
        margin-right:var(--spacing-3xl)
    }
    .divider--horizontal.divider--margin-2xl-from-l{
        margin-bottom:var(--spacing-2xl);
        margin-top:var(--spacing-2xl)
    }
    .divider--vertical.divider--margin-2xl-from-l{
        margin-left:var(--spacing-2xl);
        margin-right:var(--spacing-2xl)
    }
    .divider--horizontal.divider--margin-xl-from-l{
        margin-bottom:var(--spacing-xl);
        margin-top:var(--spacing-xl)
    }
    .divider--vertical.divider--margin-xl-from-l{
        margin-left:var(--spacing-xl);
        margin-right:var(--spacing-xl)
    }
    .divider--horizontal.divider--margin-l-from-l{
        margin-bottom:var(--spacing-l);
        margin-top:var(--spacing-l)
    }
    .divider--vertical.divider--margin-l-from-l{
        margin-left:var(--spacing-l);
        margin-right:var(--spacing-l)
    }
    .divider--horizontal.divider--margin-m-from-l{
        margin-bottom:var(--spacing-m);
        margin-top:var(--spacing-m)
    }
    .divider--vertical.divider--margin-m-from-l{
        margin-left:var(--spacing-m);
        margin-right:var(--spacing-m)
    }
    .divider--horizontal.divider--margin-s-from-l{
        margin-bottom:var(--spacing-s);
        margin-top:var(--spacing-s)
    }
    .divider--vertical.divider--margin-s-from-l{
        margin-left:var(--spacing-s);
        margin-right:var(--spacing-s)
    }
    .divider--horizontal.divider--margin-xs-from-l{
        margin-bottom:var(--spacing-xs);
        margin-top:var(--spacing-xs)
    }
    .divider--vertical.divider--margin-xs-from-l{
        margin-left:var(--spacing-xs);
        margin-right:var(--spacing-xs)
    }
    .divider--horizontal.divider--margin-2xs-from-l{
        margin-bottom:var(--spacing-2xs);
        margin-top:var(--spacing-2xs)
    }
    .divider--vertical.divider--margin-2xs-from-l{
        margin-left:var(--spacing-2xs);
        margin-right:var(--spacing-2xs)
    }
    .divider--horizontal.divider--margin-3xs-from-l{
        margin-bottom:var(--spacing-3xs);
        margin-top:var(--spacing-3xs)
    }
    .divider--vertical.divider--margin-3xs-from-l{
        margin-left:var(--spacing-3xs);
        margin-right:var(--spacing-3xs)
    }
    .divider--horizontal.divider--margin-4xs-from-l{
        margin-bottom:var(--spacing-4xs);
        margin-top:var(--spacing-4xs)
    }
    .divider--vertical.divider--margin-4xs-from-l{
        margin-left:var(--spacing-4xs);
        margin-right:var(--spacing-4xs)
    }
}
@media screen and (min-width:1680px){
    .divider--horizontal.divider--margin-0-from-xl{
        margin-bottom:0;
        margin-top:0
    }
    .divider--vertical.divider--margin-0-from-xl{
        margin-left:0;
        margin-right:0
    }
    .divider--horizontal.divider--margin-5xl-from-xl{
        margin-bottom:var(--spacing-5xl);
        margin-top:var(--spacing-5xl)
    }
    .divider--vertical.divider--margin-5xl-from-xl{
        margin-left:var(--spacing-5xl);
        margin-right:var(--spacing-5xl)
    }
    .divider--horizontal.divider--margin-4xl-from-xl{
        margin-bottom:var(--spacing-4xl);
        margin-top:var(--spacing-4xl)
    }
    .divider--vertical.divider--margin-4xl-from-xl{
        margin-left:var(--spacing-4xl);
        margin-right:var(--spacing-4xl)
    }
    .divider--horizontal.divider--margin-3xl-from-xl{
        margin-bottom:var(--spacing-3xl);
        margin-top:var(--spacing-3xl)
    }
    .divider--vertical.divider--margin-3xl-from-xl{
        margin-left:var(--spacing-3xl);
        margin-right:var(--spacing-3xl)
    }
    .divider--horizontal.divider--margin-2xl-from-xl{
        margin-bottom:var(--spacing-2xl);
        margin-top:var(--spacing-2xl)
    }
    .divider--vertical.divider--margin-2xl-from-xl{
        margin-left:var(--spacing-2xl);
        margin-right:var(--spacing-2xl)
    }
    .divider--horizontal.divider--margin-xl-from-xl{
        margin-bottom:var(--spacing-xl);
        margin-top:var(--spacing-xl)
    }
    .divider--vertical.divider--margin-xl-from-xl{
        margin-left:var(--spacing-xl);
        margin-right:var(--spacing-xl)
    }
    .divider--horizontal.divider--margin-l-from-xl{
        margin-bottom:var(--spacing-l);
        margin-top:var(--spacing-l)
    }
    .divider--vertical.divider--margin-l-from-xl{
        margin-left:var(--spacing-l);
        margin-right:var(--spacing-l)
    }
    .divider--horizontal.divider--margin-m-from-xl{
        margin-bottom:var(--spacing-m);
        margin-top:var(--spacing-m)
    }
    .divider--vertical.divider--margin-m-from-xl{
        margin-left:var(--spacing-m);
        margin-right:var(--spacing-m)
    }
    .divider--horizontal.divider--margin-s-from-xl{
        margin-bottom:var(--spacing-s);
        margin-top:var(--spacing-s)
    }
    .divider--vertical.divider--margin-s-from-xl{
        margin-left:var(--spacing-s);
        margin-right:var(--spacing-s)
    }
    .divider--horizontal.divider--margin-xs-from-xl{
        margin-bottom:var(--spacing-xs);
        margin-top:var(--spacing-xs)
    }
    .divider--vertical.divider--margin-xs-from-xl{
        margin-left:var(--spacing-xs);
        margin-right:var(--spacing-xs)
    }
    .divider--horizontal.divider--margin-2xs-from-xl{
        margin-bottom:var(--spacing-2xs);
        margin-top:var(--spacing-2xs)
    }
    .divider--vertical.divider--margin-2xs-from-xl{
        margin-left:var(--spacing-2xs);
        margin-right:var(--spacing-2xs)
    }
    .divider--horizontal.divider--margin-3xs-from-xl{
        margin-bottom:var(--spacing-3xs);
        margin-top:var(--spacing-3xs)
    }
    .divider--vertical.divider--margin-3xs-from-xl{
        margin-left:var(--spacing-3xs);
        margin-right:var(--spacing-3xs)
    }
    .divider--horizontal.divider--margin-4xs-from-xl{
        margin-bottom:var(--spacing-4xs);
        margin-top:var(--spacing-4xs)
    }
    .divider--vertical.divider--margin-4xs-from-xl{
        margin-left:var(--spacing-4xs);
        margin-right:var(--spacing-4xs)
    }
}
.dropdown-menu-wrapper{
    position:relative;
    width:-moz-fit-content;
    width:fit-content
}
.dropdown-menu-wrapper .button--ghost:first-child{
    margin:0
}
.dropdown-menu{
    border-radius:var(--radius-m);
    box-shadow:var(--elevation-size-m) var(--elevation-color-neutral-15);
    background-color:var(--color-neutral-light);
    border:.125rem solid var(--color-neutral-85);
    display:grid;
    grid-gap:var(--spacing-4xs);
    gap:var(--spacing-4xs);
    margin:0;
    max-width:16.25rem;
    min-width:8.75rem;
    opacity:0;
    padding:var(--spacing-xs);
    pointer-events:none;
    position:absolute;
    transition-duration:75ms;
    transition-property:transform,opacity;
    transition-timing-function:cubic-bezier(.2,.07,1,1);
    width:max-content;
    z-index:90
}
.dropdown-menu .dropdown-menu__item-wrapper{
    list-style-type:none
}
.dropdown-menu-wrapper--visible-on-hover .dropdown-menu:before{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    content:"";
    transform:scale(1.15);
    z-index:-1
}
.dropdown-menu--top-left{
    left:0;
    bottom:calc(100% + var(--spacing-2xs));
    transform:scale(.8,.5);
    transform-origin:bottom left
}
.dropdown-menu--top-center{
    left:50%;
    bottom:calc(100% + var(--spacing-2xs));
    transform:translateX(-50%) scale(.8,.5);
    transform-origin:bottom center
}
.dropdown-menu--top-right{
    right:0;
    bottom:calc(100% + var(--spacing-2xs));
    transform:scale(.8,.5);
    transform-origin:bottom right
}
.dropdown-menu--bottom-left{
    left:0;
    top:calc(100% + var(--spacing-2xs));
    transform:scale(.8,.5);
    transform-origin:top left
}
.dropdown-menu--bottom-center{
    left:50%;
    top:calc(100% + var(--spacing-2xs));
    transform:translateX(-50%) scale(.8,.5);
    transform-origin:top center
}
.dropdown-menu--bottom-right{
    right:0;
    top:calc(100% + var(--spacing-2xs));
    transform:scale(.8,.5);
    transform-origin:top right
}
.dropdown-menu--open,.dropdown-menu-wrapper--visible-on-hover:hover .dropdown-menu{
    opacity:1;
    pointer-events:all;
    transform:scale(1);
    transition-timing-function:cubic-bezier(0,0,.38,1)
}
.dropdown-menu--open.dropdown-menu--bottom-center,.dropdown-menu--open.dropdown-menu--top-center,.dropdown-menu-wrapper--visible-on-hover:hover .dropdown-menu.dropdown-menu--bottom-center,.dropdown-menu-wrapper--visible-on-hover:hover .dropdown-menu.dropdown-menu--top-center{
    transform:translateX(-50%) scale(1)
}
.dropdown-menu__item{
    border-radius:var(--radius-xs);
    font-weight:var(--font-weight-book);
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem;
    color:var(--color-neutral-base);
    align-items:center;
    background-color:var(--color-neutral-light);
    grid-column-gap:var(--spacing-xs);
    column-gap:var(--spacing-xs);
    display:grid;
    grid-auto-flow:column;
    justify-content:left;
    padding:var(--spacing-xs);
    text-align:left;
    transition-duration:.2s;
    transition-property:background-color,color;
    transition-timing-function:cubic-bezier(.2,.07,.38,1);
    width:100%
}
.dropdown-menu__item:hover{
    background-color:var(--color-neutral-95);
    color:var(--color-action-base);
    cursor:pointer
}
.dropdown-menu__item:focus-visible{
    outline-color:var(--color-action-base);
    color:var(--color-action-base)
}
.dropdown-menu__item:focus-visible:focus-visible{
    outline:var(--color-action-base) solid .125rem;
    outline-offset:-.125rem
}
@supports(-webkit-hyphens:none){
    .dropdown-menu__item:focus-visible:focus,.dropdown-menu__item:focus-visible:focus-within{
        outline:none;
        position:relative
    }
    .dropdown-menu__item:focus-visible:focus-within:before,.dropdown-menu__item:focus-visible:focus:before{
        bottom:.125rem;
        left:.125rem;
        position:absolute;
        right:.125rem;
        top:.125rem;
        border:.125rem solid var(--color-action-base);
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .dropdown-menu__item:focus-visible:focus,.dropdown-menu__item:focus-visible:focus-within{
            outline:none;
            position:relative
        }
        .dropdown-menu__item:focus-visible:focus-within:before,.dropdown-menu__item:focus-visible:focus:before{
            bottom:.125rem;
            left:.125rem;
            position:absolute;
            right:.125rem;
            top:.125rem;
            border:.125rem solid var(--color-action-base);
            content:""
        }
    }
}
.dropdown-menu__item:active{
    background-color:var(--color-neutral-95);
    color:var(--color-action-dark)
}
.dropdown-menu__item:disabled,.dropdown-menu__item[disabled]{
    background-color:var(--color-neutral-light);
    color:var(--color-neutral-75);
    cursor:not-allowed
}
.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]){
    color:var(--color-error-base)
}
.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):hover{
    background-color:var(--color-error-light);
    color:var(--color-error-base)
}
.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible{
    outline-color:var(--color-error-base);
    color:var(--color-error-base)
}
.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus-visible{
    outline:var(--color-error-base) solid .125rem;
    outline-offset:-.125rem
}
@supports(-webkit-hyphens:none){
    .dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus,.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus-within{
        outline:none;
        position:relative
    }
    .dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus-within:before,.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus:before{
        bottom:.125rem;
        left:.125rem;
        position:absolute;
        right:.125rem;
        top:.125rem;
        border:.125rem solid var(--color-error-base);
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus,.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus-within{
            outline:none;
            position:relative
        }
        .dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus-within:before,.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):focus-visible:focus:before{
            bottom:.125rem;
            left:.125rem;
            position:absolute;
            right:.125rem;
            top:.125rem;
            border:.125rem solid var(--color-error-base);
            content:""
        }
    }
}
.dropdown-menu__item--danger:not(.dropdown-menu__item--selected,:disabled,[disabled]):active{
    background-color:var(--color-error-light);
    color:var(--color-error-dark)
}
.dropdown-menu__item--selected:not(:disabled,[disabled]),.dropdown-menu__item--selected:not(:disabled,[disabled]):hover{
    font-weight:var(--font-weight-bold);
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem;
    color:var(--color-action-base);
    background-color:var(--color-action-light)
}
.dropdown-menu__item--selected:not(:disabled,[disabled]):active{
    color:var(--color-action-dark)
}
.dropdown-menu__trigger .icon{
    transition:transform .2s cubic-bezier(.2,.07,.38,1)
}
.dropdown-menu-wrapper--visible-on-hover:hover .dropdown-menu__trigger .icon,.dropdown-menu__trigger[aria-expanded=true] .icon{
    transform:rotate(180deg)
}
.grid{
    display:grid;
    justify-items:center;
    grid-row-gap:var(--spacing-m);
    row-gap:var(--spacing-m);
    width:100%
}
.grid--gap-0{
    row-gap:0
}
.grid--gap-5xl{
    row-gap:var(--spacing-5xl)
}
.grid--gap-4xl{
    row-gap:var(--spacing-4xl)
}
.grid--gap-3xl{
    row-gap:var(--spacing-3xl)
}
.grid--gap-2xl{
    row-gap:var(--spacing-2xl)
}
.grid--gap-xl{
    row-gap:var(--spacing-xl)
}
.grid--gap-l{
    row-gap:var(--spacing-l)
}
.grid--gap-m{
    row-gap:var(--spacing-m)
}
.grid--gap-s{
    row-gap:var(--spacing-s)
}
.grid--gap-xs{
    row-gap:var(--spacing-xs)
}
.grid--gap-2xs{
    row-gap:var(--spacing-2xs)
}
.grid--gap-3xs{
    row-gap:var(--spacing-3xs)
}
.grid--gap-4xs{
    row-gap:var(--spacing-4xs)
}
@media screen and (min-width:375px){
    .grid--gap-0-from-2xs{
        row-gap:0
    }
    .grid--gap-5xl-from-2xs{
        row-gap:var(--spacing-5xl)
    }
    .grid--gap-4xl-from-2xs{
        row-gap:var(--spacing-4xl)
    }
    .grid--gap-3xl-from-2xs{
        row-gap:var(--spacing-3xl)
    }
    .grid--gap-2xl-from-2xs{
        row-gap:var(--spacing-2xl)
    }
    .grid--gap-xl-from-2xs{
        row-gap:var(--spacing-xl)
    }
    .grid--gap-l-from-2xs{
        row-gap:var(--spacing-l)
    }
    .grid--gap-m-from-2xs{
        row-gap:var(--spacing-m)
    }
    .grid--gap-s-from-2xs{
        row-gap:var(--spacing-s)
    }
    .grid--gap-xs-from-2xs{
        row-gap:var(--spacing-xs)
    }
    .grid--gap-2xs-from-2xs{
        row-gap:var(--spacing-2xs)
    }
    .grid--gap-3xs-from-2xs{
        row-gap:var(--spacing-3xs)
    }
    .grid--gap-4xs-from-2xs{
        row-gap:var(--spacing-4xs)
    }
}
@media screen and (min-width:576px){
    .grid--gap-0-from-xs{
        row-gap:0
    }
    .grid--gap-5xl-from-xs{
        row-gap:var(--spacing-5xl)
    }
    .grid--gap-4xl-from-xs{
        row-gap:var(--spacing-4xl)
    }
    .grid--gap-3xl-from-xs{
        row-gap:var(--spacing-3xl)
    }
    .grid--gap-2xl-from-xs{
        row-gap:var(--spacing-2xl)
    }
    .grid--gap-xl-from-xs{
        row-gap:var(--spacing-xl)
    }
    .grid--gap-l-from-xs{
        row-gap:var(--spacing-l)
    }
    .grid--gap-m-from-xs{
        row-gap:var(--spacing-m)
    }
    .grid--gap-s-from-xs{
        row-gap:var(--spacing-s)
    }
    .grid--gap-xs-from-xs{
        row-gap:var(--spacing-xs)
    }
    .grid--gap-2xs-from-xs{
        row-gap:var(--spacing-2xs)
    }
    .grid--gap-3xs-from-xs{
        row-gap:var(--spacing-3xs)
    }
    .grid--gap-4xs-from-xs{
        row-gap:var(--spacing-4xs)
    }
}
@media screen and (min-width:768px){
    .grid--gap-0-from-s{
        row-gap:0
    }
    .grid--gap-5xl-from-s{
        row-gap:var(--spacing-5xl)
    }
    .grid--gap-4xl-from-s{
        row-gap:var(--spacing-4xl)
    }
    .grid--gap-3xl-from-s{
        row-gap:var(--spacing-3xl)
    }
    .grid--gap-2xl-from-s{
        row-gap:var(--spacing-2xl)
    }
    .grid--gap-xl-from-s{
        row-gap:var(--spacing-xl)
    }
    .grid--gap-l-from-s{
        row-gap:var(--spacing-l)
    }
    .grid--gap-m-from-s{
        row-gap:var(--spacing-m)
    }
    .grid--gap-s-from-s{
        row-gap:var(--spacing-s)
    }
    .grid--gap-xs-from-s{
        row-gap:var(--spacing-xs)
    }
    .grid--gap-2xs-from-s{
        row-gap:var(--spacing-2xs)
    }
    .grid--gap-3xs-from-s{
        row-gap:var(--spacing-3xs)
    }
    .grid--gap-4xs-from-s{
        row-gap:var(--spacing-4xs)
    }
}
@media screen and (min-width:992px){
    .grid--gap-0-from-m{
        row-gap:0
    }
    .grid--gap-5xl-from-m{
        row-gap:var(--spacing-5xl)
    }
    .grid--gap-4xl-from-m{
        row-gap:var(--spacing-4xl)
    }
    .grid--gap-3xl-from-m{
        row-gap:var(--spacing-3xl)
    }
    .grid--gap-2xl-from-m{
        row-gap:var(--spacing-2xl)
    }
    .grid--gap-xl-from-m{
        row-gap:var(--spacing-xl)
    }
    .grid--gap-l-from-m{
        row-gap:var(--spacing-l)
    }
    .grid--gap-m-from-m{
        row-gap:var(--spacing-m)
    }
    .grid--gap-s-from-m{
        row-gap:var(--spacing-s)
    }
    .grid--gap-xs-from-m{
        row-gap:var(--spacing-xs)
    }
    .grid--gap-2xs-from-m{
        row-gap:var(--spacing-2xs)
    }
    .grid--gap-3xs-from-m{
        row-gap:var(--spacing-3xs)
    }
    .grid--gap-4xs-from-m{
        row-gap:var(--spacing-4xs)
    }
}
@media screen and (min-width:1200px){
    .grid--gap-0-from-l{
        row-gap:0
    }
    .grid--gap-5xl-from-l{
        row-gap:var(--spacing-5xl)
    }
    .grid--gap-4xl-from-l{
        row-gap:var(--spacing-4xl)
    }
    .grid--gap-3xl-from-l{
        row-gap:var(--spacing-3xl)
    }
    .grid--gap-2xl-from-l{
        row-gap:var(--spacing-2xl)
    }
    .grid--gap-xl-from-l{
        row-gap:var(--spacing-xl)
    }
    .grid--gap-l-from-l{
        row-gap:var(--spacing-l)
    }
    .grid--gap-m-from-l{
        row-gap:var(--spacing-m)
    }
    .grid--gap-s-from-l{
        row-gap:var(--spacing-s)
    }
    .grid--gap-xs-from-l{
        row-gap:var(--spacing-xs)
    }
    .grid--gap-2xs-from-l{
        row-gap:var(--spacing-2xs)
    }
    .grid--gap-3xs-from-l{
        row-gap:var(--spacing-3xs)
    }
    .grid--gap-4xs-from-l{
        row-gap:var(--spacing-4xs)
    }
}
@media screen and (min-width:1680px){
    .grid--gap-0-from-xl{
        row-gap:0
    }
    .grid--gap-5xl-from-xl{
        row-gap:var(--spacing-5xl)
    }
    .grid--gap-4xl-from-xl{
        row-gap:var(--spacing-4xl)
    }
    .grid--gap-3xl-from-xl{
        row-gap:var(--spacing-3xl)
    }
    .grid--gap-2xl-from-xl{
        row-gap:var(--spacing-2xl)
    }
    .grid--gap-xl-from-xl{
        row-gap:var(--spacing-xl)
    }
    .grid--gap-l-from-xl{
        row-gap:var(--spacing-l)
    }
    .grid--gap-m-from-xl{
        row-gap:var(--spacing-m)
    }
    .grid--gap-s-from-xl{
        row-gap:var(--spacing-s)
    }
    .grid--gap-xs-from-xl{
        row-gap:var(--spacing-xs)
    }
    .grid--gap-2xs-from-xl{
        row-gap:var(--spacing-2xs)
    }
    .grid--gap-3xs-from-xl{
        row-gap:var(--spacing-3xs)
    }
    .grid--gap-4xs-from-xl{
        row-gap:var(--spacing-4xs)
    }
}
.grid--full-height{
    height:100%
}
.grid__row{
    display:grid;
    grid-gap:var(--spacing-l);
    gap:var(--spacing-l);
    grid-auto-columns:1fr;
    grid-auto-flow:column;
    max-width:100%;
    width:100%
}
.grid__row--m{
    margin:0 auto;
    width:100%;
    max-width:calc(100vw - (2.5rem))
}
@media screen and (min-width:576px){
    .grid__row--m{
        max-width:min(100vw - 2.5rem,720px)
    }
}
@media screen and (min-width:768px){
    .grid__row--m{
        grid-template-columns:unset
    }
}
.grid__row--s{
    margin:0 auto;
    width:100%;
    max-width:calc(100vw - (2.5rem))
}
@media screen and (min-width:576px){
    .grid__row--s{
        max-width:min(100vw - 2.5rem,360px)
    }
}
@media screen and (min-width:768px){
    .grid__row--s{
        grid-template-columns:unset
    }
}
.grid__row--gap-0{
    gap:0
}
.grid__row--gap-5xl{
    gap:var(--spacing-5xl)
}
.grid__row--gap-4xl{
    gap:var(--spacing-4xl)
}
.grid__row--gap-3xl{
    gap:var(--spacing-3xl)
}
.grid__row--gap-2xl{
    gap:var(--spacing-2xl)
}
.grid__row--gap-xl{
    gap:var(--spacing-xl)
}
.grid__row--gap-l{
    gap:var(--spacing-l)
}
.grid__row--gap-m{
    gap:var(--spacing-m)
}
.grid__row--gap-s{
    gap:var(--spacing-s)
}
.grid__row--gap-xs{
    gap:var(--spacing-xs)
}
.grid__row--gap-2xs{
    gap:var(--spacing-2xs)
}
.grid__row--gap-3xs{
    gap:var(--spacing-3xs)
}
.grid__row--gap-4xs{
    gap:var(--spacing-4xs)
}
.grid__row--from-2xs{
    grid-auto-flow:row
}
@media screen and (min-width:375px){
    .grid__row--from-2xs{
        grid-auto-flow:column
    }
    .grid__row--gap-0-from-2xs{
        gap:0
    }
    .grid__row--gap-5xl-from-2xs{
        gap:var(--spacing-5xl)
    }
    .grid__row--gap-4xl-from-2xs{
        gap:var(--spacing-4xl)
    }
    .grid__row--gap-3xl-from-2xs{
        gap:var(--spacing-3xl)
    }
    .grid__row--gap-2xl-from-2xs{
        gap:var(--spacing-2xl)
    }
    .grid__row--gap-xl-from-2xs{
        gap:var(--spacing-xl)
    }
    .grid__row--gap-l-from-2xs{
        gap:var(--spacing-l)
    }
    .grid__row--gap-m-from-2xs{
        gap:var(--spacing-m)
    }
    .grid__row--gap-s-from-2xs{
        gap:var(--spacing-s)
    }
    .grid__row--gap-xs-from-2xs{
        gap:var(--spacing-xs)
    }
    .grid__row--gap-2xs-from-2xs{
        gap:var(--spacing-2xs)
    }
    .grid__row--gap-3xs-from-2xs{
        gap:var(--spacing-3xs)
    }
    .grid__row--gap-4xs-from-2xs{
        gap:var(--spacing-4xs)
    }
}
.grid__row--from-xs{
    grid-auto-flow:row
}
@media screen and (min-width:576px){
    .grid__row--from-xs{
        grid-auto-flow:column
    }
    .grid__row--gap-0-from-xs{
        gap:0
    }
    .grid__row--gap-5xl-from-xs{
        gap:var(--spacing-5xl)
    }
    .grid__row--gap-4xl-from-xs{
        gap:var(--spacing-4xl)
    }
    .grid__row--gap-3xl-from-xs{
        gap:var(--spacing-3xl)
    }
    .grid__row--gap-2xl-from-xs{
        gap:var(--spacing-2xl)
    }
    .grid__row--gap-xl-from-xs{
        gap:var(--spacing-xl)
    }
    .grid__row--gap-l-from-xs{
        gap:var(--spacing-l)
    }
    .grid__row--gap-m-from-xs{
        gap:var(--spacing-m)
    }
    .grid__row--gap-s-from-xs{
        gap:var(--spacing-s)
    }
    .grid__row--gap-xs-from-xs{
        gap:var(--spacing-xs)
    }
    .grid__row--gap-2xs-from-xs{
        gap:var(--spacing-2xs)
    }
    .grid__row--gap-3xs-from-xs{
        gap:var(--spacing-3xs)
    }
    .grid__row--gap-4xs-from-xs{
        gap:var(--spacing-4xs)
    }
}
.grid__row--from-s{
    grid-auto-flow:row
}
@media screen and (min-width:768px){
    .grid__row--from-s{
        grid-auto-flow:column
    }
    .grid__row--gap-0-from-s{
        gap:0
    }
    .grid__row--gap-5xl-from-s{
        gap:var(--spacing-5xl)
    }
    .grid__row--gap-4xl-from-s{
        gap:var(--spacing-4xl)
    }
    .grid__row--gap-3xl-from-s{
        gap:var(--spacing-3xl)
    }
    .grid__row--gap-2xl-from-s{
        gap:var(--spacing-2xl)
    }
    .grid__row--gap-xl-from-s{
        gap:var(--spacing-xl)
    }
    .grid__row--gap-l-from-s{
        gap:var(--spacing-l)
    }
    .grid__row--gap-m-from-s{
        gap:var(--spacing-m)
    }
    .grid__row--gap-s-from-s{
        gap:var(--spacing-s)
    }
    .grid__row--gap-xs-from-s{
        gap:var(--spacing-xs)
    }
    .grid__row--gap-2xs-from-s{
        gap:var(--spacing-2xs)
    }
    .grid__row--gap-3xs-from-s{
        gap:var(--spacing-3xs)
    }
    .grid__row--gap-4xs-from-s{
        gap:var(--spacing-4xs)
    }
}
.grid__row--from-m{
    grid-auto-flow:row
}
@media screen and (min-width:992px){
    .grid__row--from-m{
        grid-auto-flow:column
    }
    .grid__row--gap-0-from-m{
        gap:0
    }
    .grid__row--gap-5xl-from-m{
        gap:var(--spacing-5xl)
    }
    .grid__row--gap-4xl-from-m{
        gap:var(--spacing-4xl)
    }
    .grid__row--gap-3xl-from-m{
        gap:var(--spacing-3xl)
    }
    .grid__row--gap-2xl-from-m{
        gap:var(--spacing-2xl)
    }
    .grid__row--gap-xl-from-m{
        gap:var(--spacing-xl)
    }
    .grid__row--gap-l-from-m{
        gap:var(--spacing-l)
    }
    .grid__row--gap-m-from-m{
        gap:var(--spacing-m)
    }
    .grid__row--gap-s-from-m{
        gap:var(--spacing-s)
    }
    .grid__row--gap-xs-from-m{
        gap:var(--spacing-xs)
    }
    .grid__row--gap-2xs-from-m{
        gap:var(--spacing-2xs)
    }
    .grid__row--gap-3xs-from-m{
        gap:var(--spacing-3xs)
    }
    .grid__row--gap-4xs-from-m{
        gap:var(--spacing-4xs)
    }
}
.grid__row--from-l{
    grid-auto-flow:row
}
@media screen and (min-width:1200px){
    .grid__row--from-l{
        grid-auto-flow:column
    }
    .grid__row--gap-0-from-l{
        gap:0
    }
    .grid__row--gap-5xl-from-l{
        gap:var(--spacing-5xl)
    }
    .grid__row--gap-4xl-from-l{
        gap:var(--spacing-4xl)
    }
    .grid__row--gap-3xl-from-l{
        gap:var(--spacing-3xl)
    }
    .grid__row--gap-2xl-from-l{
        gap:var(--spacing-2xl)
    }
    .grid__row--gap-xl-from-l{
        gap:var(--spacing-xl)
    }
    .grid__row--gap-l-from-l{
        gap:var(--spacing-l)
    }
    .grid__row--gap-m-from-l{
        gap:var(--spacing-m)
    }
    .grid__row--gap-s-from-l{
        gap:var(--spacing-s)
    }
    .grid__row--gap-xs-from-l{
        gap:var(--spacing-xs)
    }
    .grid__row--gap-2xs-from-l{
        gap:var(--spacing-2xs)
    }
    .grid__row--gap-3xs-from-l{
        gap:var(--spacing-3xs)
    }
    .grid__row--gap-4xs-from-l{
        gap:var(--spacing-4xs)
    }
}
.grid__row--from-xl{
    grid-auto-flow:row
}
@media screen and (min-width:1680px){
    .grid__row--from-xl{
        grid-auto-flow:column
    }
    .grid__row--gap-0-from-xl{
        gap:0
    }
    .grid__row--gap-5xl-from-xl{
        gap:var(--spacing-5xl)
    }
    .grid__row--gap-4xl-from-xl{
        gap:var(--spacing-4xl)
    }
    .grid__row--gap-3xl-from-xl{
        gap:var(--spacing-3xl)
    }
    .grid__row--gap-2xl-from-xl{
        gap:var(--spacing-2xl)
    }
    .grid__row--gap-xl-from-xl{
        gap:var(--spacing-xl)
    }
    .grid__row--gap-l-from-xl{
        gap:var(--spacing-l)
    }
    .grid__row--gap-m-from-xl{
        gap:var(--spacing-m)
    }
    .grid__row--gap-s-from-xl{
        gap:var(--spacing-s)
    }
    .grid__row--gap-xs-from-xl{
        gap:var(--spacing-xs)
    }
    .grid__row--gap-2xs-from-xl{
        gap:var(--spacing-2xs)
    }
    .grid__row--gap-3xs-from-xl{
        gap:var(--spacing-3xs)
    }
    .grid__row--gap-4xs-from-xl{
        gap:var(--spacing-4xs)
    }
}
.grid__row__column{
    grid-column:auto;
    word-break:break-word
}
.grid__row__column--span-1{
    grid-column:auto/span 1
}
.grid__row__column--span-2{
    grid-column:auto/span 2
}
.grid__row__column--span-3{
    grid-column:auto/span 3
}
.grid__row__column--span-4{
    grid-column:auto/span 4
}
.grid__row__column--span-5{
    grid-column:auto/span 5
}
.grid__row__column--span-6{
    grid-column:auto/span 6
}
.grid__row__column--span-7{
    grid-column:auto/span 7
}
.grid__row__column--span-8{
    grid-column:auto/span 8
}
.grid__row__column--span-9{
    grid-column:auto/span 9
}
.grid__row__column--span-10{
    grid-column:auto/span 10
}
.grid__row__column--span-11{
    grid-column:auto/span 11
}
.grid__row__column--span-12{
    grid-column:auto/span 12
}
.grid__row__column--order-0{
    order:0
}
.grid__row__column--order-1{
    order:1
}
.grid__row__column--order-2{
    order:2
}
.grid__row__column--order-3{
    order:3
}
.grid__row__column--order-4{
    order:4
}
.grid__row__column--order-5{
    order:5
}
.grid__row__column--order-6{
    order:6
}
.grid__row__column--order-7{
    order:7
}
.grid__row__column--order-8{
    order:8
}
.grid__row__column--order-9{
    order:9
}
.grid__row__column--order-10{
    order:10
}
.grid__row__column--order-11{
    order:11
}
.grid__row__column--order-12{
    order:12
}
@media screen and (min-width:375px){
    .grid__row__column--span-1-from-2xs{
        grid-column:auto/span 1
    }
    .grid__row__column--span-2-from-2xs{
        grid-column:auto/span 2
    }
    .grid__row__column--span-3-from-2xs{
        grid-column:auto/span 3
    }
    .grid__row__column--span-4-from-2xs{
        grid-column:auto/span 4
    }
    .grid__row__column--span-5-from-2xs{
        grid-column:auto/span 5
    }
    .grid__row__column--span-6-from-2xs{
        grid-column:auto/span 6
    }
    .grid__row__column--span-7-from-2xs{
        grid-column:auto/span 7
    }
    .grid__row__column--span-8-from-2xs{
        grid-column:auto/span 8
    }
    .grid__row__column--span-9-from-2xs{
        grid-column:auto/span 9
    }
    .grid__row__column--span-10-from-2xs{
        grid-column:auto/span 10
    }
    .grid__row__column--span-11-from-2xs{
        grid-column:auto/span 11
    }
    .grid__row__column--span-12-from-2xs{
        grid-column:auto/span 12
    }
    .grid__row__column--order-0-from-2xs{
        order:0
    }
    .grid__row__column--order-1-from-2xs{
        order:1
    }
    .grid__row__column--order-2-from-2xs{
        order:2
    }
    .grid__row__column--order-3-from-2xs{
        order:3
    }
    .grid__row__column--order-4-from-2xs{
        order:4
    }
    .grid__row__column--order-5-from-2xs{
        order:5
    }
    .grid__row__column--order-6-from-2xs{
        order:6
    }
    .grid__row__column--order-7-from-2xs{
        order:7
    }
    .grid__row__column--order-8-from-2xs{
        order:8
    }
    .grid__row__column--order-9-from-2xs{
        order:9
    }
    .grid__row__column--order-10-from-2xs{
        order:10
    }
    .grid__row__column--order-11-from-2xs{
        order:11
    }
    .grid__row__column--order-12-from-2xs{
        order:12
    }
}
@media screen and (min-width:576px){
    .grid__row__column--span-1-from-xs{
        grid-column:auto/span 1
    }
    .grid__row__column--span-2-from-xs{
        grid-column:auto/span 2
    }
    .grid__row__column--span-3-from-xs{
        grid-column:auto/span 3
    }
    .grid__row__column--span-4-from-xs{
        grid-column:auto/span 4
    }
    .grid__row__column--span-5-from-xs{
        grid-column:auto/span 5
    }
    .grid__row__column--span-6-from-xs{
        grid-column:auto/span 6
    }
    .grid__row__column--span-7-from-xs{
        grid-column:auto/span 7
    }
    .grid__row__column--span-8-from-xs{
        grid-column:auto/span 8
    }
    .grid__row__column--span-9-from-xs{
        grid-column:auto/span 9
    }
    .grid__row__column--span-10-from-xs{
        grid-column:auto/span 10
    }
    .grid__row__column--span-11-from-xs{
        grid-column:auto/span 11
    }
    .grid__row__column--span-12-from-xs{
        grid-column:auto/span 12
    }
    .grid__row__column--order-0-from-xs{
        order:0
    }
    .grid__row__column--order-1-from-xs{
        order:1
    }
    .grid__row__column--order-2-from-xs{
        order:2
    }
    .grid__row__column--order-3-from-xs{
        order:3
    }
    .grid__row__column--order-4-from-xs{
        order:4
    }
    .grid__row__column--order-5-from-xs{
        order:5
    }
    .grid__row__column--order-6-from-xs{
        order:6
    }
    .grid__row__column--order-7-from-xs{
        order:7
    }
    .grid__row__column--order-8-from-xs{
        order:8
    }
    .grid__row__column--order-9-from-xs{
        order:9
    }
    .grid__row__column--order-10-from-xs{
        order:10
    }
    .grid__row__column--order-11-from-xs{
        order:11
    }
    .grid__row__column--order-12-from-xs{
        order:12
    }
}
@media screen and (min-width:768px){
    .grid__row__column--span-1-from-s{
        grid-column:auto/span 1
    }
    .grid__row__column--span-2-from-s{
        grid-column:auto/span 2
    }
    .grid__row__column--span-3-from-s{
        grid-column:auto/span 3
    }
    .grid__row__column--span-4-from-s{
        grid-column:auto/span 4
    }
    .grid__row__column--span-5-from-s{
        grid-column:auto/span 5
    }
    .grid__row__column--span-6-from-s{
        grid-column:auto/span 6
    }
    .grid__row__column--span-7-from-s{
        grid-column:auto/span 7
    }
    .grid__row__column--span-8-from-s{
        grid-column:auto/span 8
    }
    .grid__row__column--span-9-from-s{
        grid-column:auto/span 9
    }
    .grid__row__column--span-10-from-s{
        grid-column:auto/span 10
    }
    .grid__row__column--span-11-from-s{
        grid-column:auto/span 11
    }
    .grid__row__column--span-12-from-s{
        grid-column:auto/span 12
    }
    .grid__row__column--order-0-from-s{
        order:0
    }
    .grid__row__column--order-1-from-s{
        order:1
    }
    .grid__row__column--order-2-from-s{
        order:2
    }
    .grid__row__column--order-3-from-s{
        order:3
    }
    .grid__row__column--order-4-from-s{
        order:4
    }
    .grid__row__column--order-5-from-s{
        order:5
    }
    .grid__row__column--order-6-from-s{
        order:6
    }
    .grid__row__column--order-7-from-s{
        order:7
    }
    .grid__row__column--order-8-from-s{
        order:8
    }
    .grid__row__column--order-9-from-s{
        order:9
    }
    .grid__row__column--order-10-from-s{
        order:10
    }
    .grid__row__column--order-11-from-s{
        order:11
    }
    .grid__row__column--order-12-from-s{
        order:12
    }
}
@media screen and (min-width:992px){
    .grid__row__column--span-1-from-m{
        grid-column:auto/span 1
    }
    .grid__row__column--span-2-from-m{
        grid-column:auto/span 2
    }
    .grid__row__column--span-3-from-m{
        grid-column:auto/span 3
    }
    .grid__row__column--span-4-from-m{
        grid-column:auto/span 4
    }
    .grid__row__column--span-5-from-m{
        grid-column:auto/span 5
    }
    .grid__row__column--span-6-from-m{
        grid-column:auto/span 6
    }
    .grid__row__column--span-7-from-m{
        grid-column:auto/span 7
    }
    .grid__row__column--span-8-from-m{
        grid-column:auto/span 8
    }
    .grid__row__column--span-9-from-m{
        grid-column:auto/span 9
    }
    .grid__row__column--span-10-from-m{
        grid-column:auto/span 10
    }
    .grid__row__column--span-11-from-m{
        grid-column:auto/span 11
    }
    .grid__row__column--span-12-from-m{
        grid-column:auto/span 12
    }
    .grid__row__column--order-0-from-m{
        order:0
    }
    .grid__row__column--order-1-from-m{
        order:1
    }
    .grid__row__column--order-2-from-m{
        order:2
    }
    .grid__row__column--order-3-from-m{
        order:3
    }
    .grid__row__column--order-4-from-m{
        order:4
    }
    .grid__row__column--order-5-from-m{
        order:5
    }
    .grid__row__column--order-6-from-m{
        order:6
    }
    .grid__row__column--order-7-from-m{
        order:7
    }
    .grid__row__column--order-8-from-m{
        order:8
    }
    .grid__row__column--order-9-from-m{
        order:9
    }
    .grid__row__column--order-10-from-m{
        order:10
    }
    .grid__row__column--order-11-from-m{
        order:11
    }
    .grid__row__column--order-12-from-m{
        order:12
    }
}
@media screen and (min-width:1200px){
    .grid__row__column--span-1-from-l{
        grid-column:auto/span 1
    }
    .grid__row__column--span-2-from-l{
        grid-column:auto/span 2
    }
    .grid__row__column--span-3-from-l{
        grid-column:auto/span 3
    }
    .grid__row__column--span-4-from-l{
        grid-column:auto/span 4
    }
    .grid__row__column--span-5-from-l{
        grid-column:auto/span 5
    }
    .grid__row__column--span-6-from-l{
        grid-column:auto/span 6
    }
    .grid__row__column--span-7-from-l{
        grid-column:auto/span 7
    }
    .grid__row__column--span-8-from-l{
        grid-column:auto/span 8
    }
    .grid__row__column--span-9-from-l{
        grid-column:auto/span 9
    }
    .grid__row__column--span-10-from-l{
        grid-column:auto/span 10
    }
    .grid__row__column--span-11-from-l{
        grid-column:auto/span 11
    }
    .grid__row__column--span-12-from-l{
        grid-column:auto/span 12
    }
    .grid__row__column--order-0-from-l{
        order:0
    }
    .grid__row__column--order-1-from-l{
        order:1
    }
    .grid__row__column--order-2-from-l{
        order:2
    }
    .grid__row__column--order-3-from-l{
        order:3
    }
    .grid__row__column--order-4-from-l{
        order:4
    }
    .grid__row__column--order-5-from-l{
        order:5
    }
    .grid__row__column--order-6-from-l{
        order:6
    }
    .grid__row__column--order-7-from-l{
        order:7
    }
    .grid__row__column--order-8-from-l{
        order:8
    }
    .grid__row__column--order-9-from-l{
        order:9
    }
    .grid__row__column--order-10-from-l{
        order:10
    }
    .grid__row__column--order-11-from-l{
        order:11
    }
    .grid__row__column--order-12-from-l{
        order:12
    }
}
@media screen and (min-width:1680px){
    .grid__row__column--span-1-from-xl{
        grid-column:auto/span 1
    }
    .grid__row__column--span-2-from-xl{
        grid-column:auto/span 2
    }
    .grid__row__column--span-3-from-xl{
        grid-column:auto/span 3
    }
    .grid__row__column--span-4-from-xl{
        grid-column:auto/span 4
    }
    .grid__row__column--span-5-from-xl{
        grid-column:auto/span 5
    }
    .grid__row__column--span-6-from-xl{
        grid-column:auto/span 6
    }
    .grid__row__column--span-7-from-xl{
        grid-column:auto/span 7
    }
    .grid__row__column--span-8-from-xl{
        grid-column:auto/span 8
    }
    .grid__row__column--span-9-from-xl{
        grid-column:auto/span 9
    }
    .grid__row__column--span-10-from-xl{
        grid-column:auto/span 10
    }
    .grid__row__column--span-11-from-xl{
        grid-column:auto/span 11
    }
    .grid__row__column--span-12-from-xl{
        grid-column:auto/span 12
    }
    .grid__row__column--order-0-from-xl{
        order:0
    }
    .grid__row__column--order-1-from-xl{
        order:1
    }
    .grid__row__column--order-2-from-xl{
        order:2
    }
    .grid__row__column--order-3-from-xl{
        order:3
    }
    .grid__row__column--order-4-from-xl{
        order:4
    }
    .grid__row__column--order-5-from-xl{
        order:5
    }
    .grid__row__column--order-6-from-xl{
        order:6
    }
    .grid__row__column--order-7-from-xl{
        order:7
    }
    .grid__row__column--order-8-from-xl{
        order:8
    }
    .grid__row__column--order-9-from-xl{
        order:9
    }
    .grid__row__column--order-10-from-xl{
        order:10
    }
    .grid__row__column--order-11-from-xl{
        order:11
    }
    .grid__row__column--order-12-from-xl{
        order:12
    }
}
[data-theme=light]{
    --icon-background-alt:initial;
    --icon-boxed-color-alt:initial;
    --icon-color-alt:initial;
    --icon-brand-background-alt:initial;
    --icon-brand-color-alt:initial;
    --icon-alert-background-alt:initial;
    --icon-alert-color-alt:initial;
    --icon-success-background-alt:initial;
    --icon-success-color-alt:initial;
    --icon-error-background-alt:initial;
    --icon-error-color-alt:initial
}
[data-theme=alt]{
    --icon-background-alt:var(--color-neutral-light);
    --icon-boxed-color-alt:var(--color-neutral-base);
    --icon-color-alt:var(--color-neutral-light);
    --icon-brand-color-alt:var(--color-brand-base);
    --icon-alert-color-alt:var(--color-neutral-25);
    --icon-success-color-alt:var(--color-success-base);
    --icon-error-color-alt:var(--color-error-base)
}
.icon{
    --icon-background:initial;
    --icon-boxed-color:var(--color-neutral-25);
    --icon-color:initial;
    --icon-brand-color:var(--color-brand-base);
    --icon-alert-color:var(--color-neutral-25);
    --icon-success-color:var(--color-success-base);
    --icon-error-color:var(--color-error-base);
    color:var(--icon-color-alt,var(--icon-color));
    display:block
}
.icon--boxed{
    --icon-background:var(--color-neutral-95);
    border-radius:var(--radius-m);
    box-sizing:content-box;
    color:var(--icon-boxed-color-alt,var(--icon-boxed-color));
    display:flex;
    place-items:center
}
.icon--boxed,.icon--boxed.icon--brand{
    background-color:var(--icon-background-alt,var(--icon-background))
}
.icon--boxed.icon--brand{
    --icon-background:var(--color-brand-light);
    color:var(--icon-brand-color-alt,var(--icon-brand-color))
}
.icon--boxed.icon--alert{
    --icon-background:var(--color-alert-light);
    color:var(--icon-alert-color-alt,var(--icon-alert-color))
}
.icon--boxed.icon--alert,.icon--boxed.icon--success{
    background-color:var(--icon-background-alt,var(--icon-background))
}
.icon--boxed.icon--success{
    --icon-background:var(--color-success-light);
    color:var(--icon-success-color-alt,var(--icon-success-color))
}
.icon--boxed.icon--error{
    --icon-background:var(--color-error-light);
    background-color:var(--icon-background-alt,var(--icon-background));
    color:var(--icon-error-color-alt,var(--icon-error-color))
}
.icon--size-s{
    height:1rem;
    width:1rem
}
.icon--size-s.icon--boxed{
    padding:var(--spacing-xs)
}
.icon--size-m{
    height:1.25rem;
    width:1.25rem
}
.icon--size-m.icon--boxed{
    padding:var(--spacing-s)
}
.icon--size-l{
    height:1.5rem;
    width:1.5rem
}
.icon--size-l.icon--boxed{
    padding:var(--spacing-m)
}
.illustration{
    height:-moz-fit-content;
    height:fit-content
}
[data-theme=light]{
    --link-color-alt:initial
}
[data-theme=alt]{
    --link-color-alt:var(--color-neutral-light)
}
.link{
    --link-color:var(--color-action-base);
    --color:var(--link-color-alt,var(--link-color));
    font-weight:var(--font-weight-bold);
    background-image:linear-gradient(to right,var(--color) 0,var(--color) 33%,transparent 33%,transparent 66%,var(--color) 66%,var(--color) 100%);
    outline-color:var(--color);
    color:var(--color);
    background-position:100% 100%;
    background-repeat:no-repeat;
    background-size:300% .0625rem;
    border-radius:.0625rem;
    cursor:pointer;
    display:inline;
    text-decoration:none;
    transition:background-position .5s cubic-bezier(.2,.07,.38,1);
    width:-moz-fit-content;
    width:fit-content;
    will-change:background-position
}
.link:focus-visible{
    outline:var(--color) solid .125rem;
    outline-offset:.125rem
}
@supports(-webkit-hyphens:none){
    .link:focus,.link:focus-within{
        outline:none;
        position:relative
    }
    .link:focus-within:before,.link:focus:before{
        bottom:-.25rem;
        left:-.25rem;
        position:absolute;
        right:-.25rem;
        top:-.25rem;
        border:.125rem solid var(--color);
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .link:focus,.link:focus-within{
            outline:none;
            position:relative
        }
        .link:focus-within:before,.link:focus:before{
            bottom:-.25rem;
            left:-.25rem;
            position:absolute;
            right:-.25rem;
            top:-.25rem;
            border:.125rem solid var(--color);
            content:""
        }
    }
}
.link:hover{
    background-position:0 100%
}
[data-theme=light]{
    --list-addon-alt:initial;
    --list-addon-icon-alt:initial;
    --list-divider-alt:initial;
    --list-text-alt:initial;
    --list-title-alt:initial
}
[data-theme=alt]{
    --list-addon-alt:var(--color-neutral-light);
    --list-addon-icon-alt:var(--color-neutral-light);
    --list-divider-alt:var(--color-neutral-light-opacity-15);
    --list-text-alt:var(--color-neutral-light-opacity-75);
    --list-title-alt:var(--color-neutral-light)
}
.list{
    --list-addon:var(--color-neutral-base);
    --list-addon-icon:var(--color-brand-base);
    --list-divider:var(--color-neutral-85);
    --list-text:var(--color-neutral-25);
    --list-title:var(--color-neutral-base);
    --list-title-color:var(--list-title-alt,var(--list-title));
    --list-text-color:var(--list-text-alt,var(--list-text));
    counter-reset:list-counter;
    display:grid;
    list-style:none;
    margin:0;
    padding:0;
    grid-row-gap:var(--spacing-xs)
}
.list,.list--s{
    row-gap:var(--spacing-xs)
}
.list--s .list__item{
    column-gap:var(--spacing-2xs)
}
.list--s .list__item__addon--bullet:before{
    height:.375rem;
    transform:translateY(.0625rem);
    width:.375rem
}
.list--s .list__item__addon--icon{
    padding-top:.1875rem
}
.list--s .list__item__addon--icon .icon{
    height:16px;
    width:16px
}
.list--s .list__item__addon,.list--s .list__item__title{
    font-weight:var(--font-weight-bold);
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem
}
.list--s .list__item__text{
    font-weight:var(--font-weight-book);
    font-size:var(--text-size-s-bp-base);
    line-height:1.2135rem
}
.list--s .list__item--emphasis-text{
    --list-title-color:var(--list-text-alt,var(--list-text));
    --list-text-color:var(--list-title-alt,var(--list-title))
}
.list--s .list__item--emphasis-text .list__item__title{
    font-weight:var(--font-weight-book);
    font-size:var(--text-size-s-bp-base);
    line-height:1.2135rem
}
.list--s .list__item--emphasis-text .list__item__text{
    font-weight:var(--font-weight-bold);
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem
}
.list--inline.list--s{
    column-gap:var(--spacing-m)
}
.list--with-divider.list--inline.list--s .list__item:not(:last-child){
    padding-right:var(--spacing-m)
}
.list--m{
    row-gap:var(--spacing-s)
}
.list--m .list__item{
    column-gap:var(--spacing-xs)
}
.list--m .list__item__addon--bullet:before{
    height:.4375rem;
    transform:translateY(.0625rem);
    width:.4375rem
}
.list--m .list__item__addon--icon{
    padding-top:.1875rem
}
.list--m .list__item__addon--icon .icon{
    height:20px;
    width:20px
}
.list--m .list__item__addon,.list--m .list__item__title{
    font-weight:var(--font-weight-bold);
    font-size:var(--text-size-l-bp-base);
    line-height:1.618rem
}
.list--m .list__item__text{
    font-weight:var(--font-weight-book);
    font-size:var(--text-size-l-bp-base);
    line-height:1.618rem
}
.list--m .list__item--emphasis-text{
    --list-title-color:var(--list-text-alt,var(--list-text));
    --list-text-color:var(--list-title-alt,var(--list-title))
}
.list--m .list__item--emphasis-text .list__item__title{
    font-weight:var(--font-weight-book);
    font-size:var(--text-size-l-bp-base);
    line-height:1.618rem
}
.list--m .list__item--emphasis-text .list__item__text{
    font-weight:var(--font-weight-bold);
    font-size:var(--text-size-l-bp-base);
    line-height:1.618rem
}
.list--inline.list--m{
    column-gap:var(--spacing-l)
}
.list--with-divider.list--inline.list--m .list__item:not(:last-child){
    padding-right:var(--spacing-l)
}
.list--l{
    row-gap:var(--spacing-m)
}
.list--l .list__item{
    column-gap:var(--spacing-xs)
}
@media screen and (min-width:768px){
    .list--l .list__item{
        column-gap:var(--spacing-s)
    }
}
.list--l .list__item__addon--bullet:before{
    height:.5rem;
    transform:translateY(.25rem);
    width:.5rem
}
@media screen and (min-width:768px){
    .list--l .list__item__addon--bullet:before{
        transform:translateY(.375rem)
    }
}
@media screen and (min-width:1200px){
    .list--l .list__item__addon--bullet:before{
        transform:translateY(.5rem)
    }
}
.list--l .list__item__addon--icon{
    padding-top:.1875rem
}
@media screen and (min-width:768px)and (max-width:1199px){
    .list--l .list__item__addon--icon{
        padding-top:.125rem
    }
}
.list--l .list__item__addon--icon .icon{
    height:20px;
    width:20px
}
@media screen and (min-width:768px){
    .list--l .list__item__addon--icon .icon{
        height:1.5rem;
        width:1.5rem
    }
}
.list--l .list__item__addon,.list--l .list__item__title{
    font-size:var(--title-size-s-bp-base);
    line-height:150%;
    letter-spacing:-.01rem;
    font-weight:var(--font-weight-bold)
}
@media screen and (min-width:768px){
    .list--l .list__item__addon,.list--l .list__item__title{
        font-size:var(--title-size-s-bp-s);
        line-height:150%;
        letter-spacing:-.01125rem
    }
}
@media screen and (min-width:1200px){
    .list--l .list__item__addon,.list--l .list__item__title{
        font-size:var(--title-size-s-bp-l);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
.list--l .list__item__text{
    font-size:var(--title-size-s-bp-base);
    line-height:150%;
    letter-spacing:-.01rem;
    font-weight:var(--font-weight-book)
}
@media screen and (min-width:768px){
    .list--l .list__item__text{
        font-size:var(--title-size-s-bp-s);
        line-height:150%;
        letter-spacing:-.01125rem
    }
}
@media screen and (min-width:1200px){
    .list--l .list__item__text{
        font-size:var(--title-size-s-bp-l);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
.list--l .list__item--emphasis-text{
    --list-title-color:var(--list-text-alt,var(--list-text));
    --list-text-color:var(--list-title-alt,var(--list-title))
}
.list--l .list__item--emphasis-text .list__item__title{
    font-size:var(--text-size-l-bp-base);
    line-height:1.618rem;
    font-size:var(--title-size-s-bp-base);
    line-height:150%;
    letter-spacing:-.01rem;
    font-weight:var(--font-weight-book)
}
@media screen and (min-width:768px){
    .list--l .list__item--emphasis-text .list__item__title{
        font-size:var(--title-size-s-bp-s);
        line-height:150%;
        letter-spacing:-.01125rem
    }
}
@media screen and (min-width:1200px){
    .list--l .list__item--emphasis-text .list__item__title{
        font-size:var(--title-size-s-bp-l);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
.list--l .list__item--emphasis-text .list__item__text{
    font-size:var(--title-size-m-bp-base);
    line-height:150%;
    letter-spacing:-.0125rem;
    font-weight:var(--font-weight-bold)
}
@media screen and (min-width:768px){
    .list--l .list__item--emphasis-text .list__item__text{
        font-size:var(--title-size-m-bp-s);
        line-height:130%;
        letter-spacing:-.01375rem
    }
}
@media screen and (min-width:1200px){
    .list--l .list__item--emphasis-text .list__item__text{
        font-size:var(--title-size-m-bp-l);
        line-height:130%;
        letter-spacing:-.015rem
    }
}
@media screen and (min-width:768px){
    .list--l .list__item--emphasis-text .list__item__text{
        font-size:var(--title-size-s-bp-base);
        line-height:150%;
        letter-spacing:-.01rem;
        font-weight:var(--font-weight-bold)
    }
}
@media screen and (min-width:768px)and (min-width:768px){
    .list--l .list__item--emphasis-text .list__item__text{
        font-size:var(--title-size-s-bp-s);
        line-height:150%;
        letter-spacing:-.01125rem
    }
}
@media screen and (min-width:768px)and (min-width:1200px){
    .list--l .list__item--emphasis-text .list__item__text{
        font-size:var(--title-size-s-bp-l);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
.list--inline.list--l{
    column-gap:var(--spacing-xl)
}
.list--with-divider.list--inline.list--l .list__item:not(:last-child){
    padding-right:var(--spacing-xl)
}
.list--inline{
    display:flex;
    flex-wrap:wrap
}
.list--columns{
    --list-max-columns:3;
    --list-item-counter:1;
    --list-row-break:calc(var(--list-item-counter) / 2)
}
@media screen and (min-width:576px){
    .list--columns{
        column-gap:var(--spacing-l);
        grid-auto-flow:column;
        grid-template-columns:repeat(2,1fr);
        grid-template-rows:repeat(var(--list-row-break),1fr)
    }
}
@media screen and (min-width:1200px){
    .list--columns{
        --list-row-break:calc(var(--list-item-counter) / var(--list-max-columns));
        grid-template-columns:repeat(var(--list-max-columns),1fr);
        grid-template-rows:repeat(var(--list-row-break),1fr)
    }
}
.list__item{
    counter-increment:list-counter;
    display:grid;
    grid-gap:var(--spacing-xs);
    gap:var(--spacing-xs);
    grid-auto-flow:column;
    grid-template-columns:auto;
    margin:0;
    position:relative
}
.list--with-divider:not(.list--inline) .list__item:not(:last-child){
    border-bottom:.0625rem solid var(--list-divider-alt,var(--list-divider));
    padding-bottom:var(--spacing-s)
}
.list--with-divider:not(.list--inline).list--s .list__item:not(:last-child){
    padding-bottom:var(--spacing-xs)
}
.list--with-divider.list--inline .list__item:not(:last-child):before{
    background-color:var(--list-divider-alt,var(--list-divider));
    bottom:0;
    content:"";
    height:2rem;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:.0625rem
}
.list__item--with-addon{
    align-content:start;
    grid-template-columns:auto 1fr
}
.list__item--with-action{
    justify-content:start
}
.list__item--with-addon.list__item--with-action{
    align-content:start;
    grid-template-columns:auto 1fr auto
}
.list__item__addon--icon{
    color:var(--list-addon-icon-alt,var(--list-addon-icon))
}
.list__item__addon img{
    min-width:3rem
}
.list__item__addon--bullet:before{
    background-color:var(--list-addon-alt,var(--list-addon));
    border-radius:50%;
    content:"";
    display:block;
    margin:var(--spacing-2xs)
}
.list__item__addon--number:before{
    color:var(--list-addon-alt,var(--list-addon));
    content:counter(list-counter) ".";
    display:block;
    min-width:1.25rem;
    text-align:end
}
.list__item__wrapper{
    display:grid;
    grid-auto-flow:row;
    grid-row-gap:var(--spacing-4xs);
    row-gap:var(--spacing-4xs)
}
.list__item--inline .list__item__wrapper{
    column-gap:var(--spacing-2xs);
    grid-auto-flow:column
}
.list__item__title{
    align-items:center;
    color:var(--list-title-color)
}
.list__item__text{
    color:var(--list-text-color);
    margin:0
}
dl.list .list__item--with-action .list__item__text{
    align-items:center;
    justify-self:start
}
dl.list .list__item--with-action .list__item__text,dl.list .list__item__title{
    display:grid;
    grid-gap:var(--spacing-xs);
    gap:var(--spacing-xs);
    grid-auto-flow:column
}
dl.list .list__item__title{
    justify-content:start
}
dl.list--item-block .list__item--with-addon{
    grid-template-columns:none
}
dl.list--item-inline .list__item{
    grid-template-columns:auto 1fr
}
dl.list--item-inline .list__item.list__item--with-action .list__item__text{
    justify-self:right
}
dl.list--item-inline .list__item__text{
    text-align:right
}
.message{
    border-radius:var(--radius-s);
    grid-column-gap:var(--spacing-xs);
    column-gap:var(--spacing-xs);
    padding:var(--spacing-xs) var(--spacing-s);
    align-items:center;
    background-color:var(--color-neutral-95);
    display:grid;
    grid-template-columns:min-content auto;
    width:100%
}
@media screen and (min-width:576px){
    .message{
        column-gap:var(--spacing-s);
        padding:var(--spacing-s)
    }
}
.message--brand.message--background-tint,.message--brand.message--with-background-color{
    background-color:var(--color-brand-light)
}
.message--brand.message--background-neutral{
    background-color:var(--color-neutral-95)
}
.message--brand.message--background-neutral-light{
    background-color:var(--color-neutral-light)
}
.message--brand .message__icon{
    color:var(--color-brand-base)
}
.message--alert.message--background-tint,.message--alert.message--with-background-color{
    background-color:var(--color-alert-light)
}
.message--alert.message--background-neutral{
    background-color:var(--color-neutral-95)
}
.message--alert.message--background-neutral-light{
    background-color:var(--color-neutral-light)
}
.message--alert .message__icon{
    color:var(--color-neutral-25)
}
.message--success.message--background-tint,.message--success.message--with-background-color{
    background-color:var(--color-success-light)
}
.message--success.message--background-neutral{
    background-color:var(--color-neutral-95)
}
.message--success.message--background-neutral-light{
    background-color:var(--color-neutral-light)
}
.message--success .message__icon{
    color:var(--color-success-base)
}
.message--error.message--background-tint,.message--error.message--with-background-color{
    background-color:var(--color-error-light)
}
.message--error.message--background-neutral{
    background-color:var(--color-neutral-95)
}
.message--error.message--background-neutral-light{
    background-color:var(--color-neutral-light)
}
.message--error .message__icon{
    color:var(--color-error-base)
}
.message--neutral.message--background-neutral,.message--neutral.message--background-tint,.message--neutral.message--with-background-color{
    background-color:var(--color-neutral-95)
}
.message--neutral.message--background-neutral-light{
    background-color:var(--color-neutral-light)
}
.message--neutral .message__icon{
    color:var(--color-neutral-base)
}
.message--ghost{
    background-color:transparent;
    padding:0
}
.message--ghost .message__icon{
    padding-top:.0625rem
}
.message.message--dismissable{
    grid-template-columns:min-content auto min-content
}
.message__content-wrapper{
    display:grid;
    grid-gap:var(--spacing-4xs);
    gap:var(--spacing-4xs)
}
.message__title{
    font-weight:var(--font-weight-bold);
    color:var(--color-neutral-base)
}
.message__text,.message__title{
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem
}
.message__text{
    font-weight:var(--font-weight-book);
    color:var(--color-neutral-25)
}
.message__close{
    outline-color:var(--color-neutral-base);
    align-self:start;
    border-radius:50%;
    cursor:pointer;
    padding:var(--spacing-3xs);
    transition:background-color .2s cubic-bezier(.2,.07,.38,1)
}
.message__close:focus-visible{
    outline:var(--color-neutral-base) solid .125rem;
    outline-offset:-.125rem
}
@supports(-webkit-hyphens:none){
    .message__close:focus,.message__close:focus-within{
        outline:none;
        position:relative
    }
    .message__close:focus-within:before,.message__close:focus:before{
        border-radius:var(--radius-m);
        bottom:0;
        left:0;
        position:absolute;
        right:0;
        top:0;
        border:.125rem solid var(--color-neutral-base);
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .message__close:focus,.message__close:focus-within{
            outline:none;
            position:relative
        }
        .message__close:focus-within:before,.message__close:focus:before{
            border-radius:var(--radius-m);
            bottom:0;
            left:0;
            position:absolute;
            right:0;
            top:0;
            border:.125rem solid var(--color-neutral-base);
            content:""
        }
    }
}
.message__close:hover{
    background-color:var(--color-neutral-light)
}
.message__icon{
    color:var(--color-neutral-25)
}
.modal-backdrop{
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    top:0;
    -ms-overflow-style:none;
    overflow-y:scroll;
    scrollbar-width:none;
    align-items:end;
    animation:fadeIn .2s cubic-bezier(0,0,.38,1) forwards;
    background-color:var(--color-neutral-base-opacity-50);
    display:grid;
    grid-template-rows:0 [modal] auto;
    justify-items:center;
    will-change:opacity,visibility;
    z-index:100
}
.modal-backdrop::-webkit-scrollbar{
    display:none
}
@media screen and (min-width:576px){
    .modal-backdrop{
        align-items:start
    }
}
.modal-backdrop--closing{
    animation:fadeOut .2s cubic-bezier(0,0,.38,1) forwards
}
.modal-backdrop--with-transition{
    animation:none;
    opacity:0;
    pointer-events:none;
    transition-duration:.2s;
    transition-property:opacity,visibility;
    transition-timing-function:cubic-bezier(0,0,.38,1);
    visibility:hidden
}
.modal-backdrop--with-transition.modal-backdrop--show{
    opacity:1;
    pointer-events:all;
    visibility:visible
}
.modal-close{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0
}
@media screen and (min-width:576px){
    .modal-close{
        height:100vh;
        position:-webkit-sticky;
        position:sticky;
        width:100vw
    }
}
.modal{
    animation-fill-mode:forwards;
    animation-timing-function:cubic-bezier(0,0,.38,1);
    display:grid
}
@media screen and (min-width:1px)and (max-width:575px){
    .modal{
        bottom:0;
        left:0;
        position:fixed;
        right:0;
        top:auto;
        -ms-overflow-style:none;
        overflow-y:scroll;
        scrollbar-width:none;
        border-radius:var(--radius-m) var(--radius-m) 0 0;
        animation-duration:.3s;
        animation-name:slideInFromBottom,fadeIn;
        background-color:var(--color-neutral-light);
        grid-auto-rows:min-content;
        height:min-content;
        max-height:calc(100% - var(--spacing-2xl));
        max-height:calc(100dvh - var(--spacing-2xl));
        min-height:8.75rem;
        width:100%;
        will-change:opacity,transform
    }
    .modal::-webkit-scrollbar{
        display:none
    }
}
@media screen and (min-width:576px){
    .modal{
        border-radius:var(--radius-xl);
        animation-duration:.2s;
        animation-name:modalEnter;
        background-color:var(--color-neutral-light);
        grid-row-start:modal;
        height:min-content;
        margin:5rem 0;
        min-height:8.75rem;
        width:100%;
        will-change:opacity,transform
    }
}
@media screen and (min-width:1px)and (max-width:575px){
    .modal-backdrop--closing .modal{
        animation-name:slideOutFromBottom,fadeOut
    }
}
@media screen and (min-width:576px){
    .modal-backdrop--closing .modal{
        animation-name:modalExit
    }
}
.modal-backdrop--with-transition .modal{
    animation:none
}
@media screen and (min-width:1px)and (max-width:575px){
    .modal-backdrop--with-transition .modal{
        transform:translateY(100%);
        transition-duration:.3s;
        transition-property:opacity,transform;
        transition-timing-function:cubic-bezier(0,0,.38,1)
    }
}
@media screen and (min-width:576px){
    .modal-backdrop--with-transition .modal{
        opacity:0;
        transform:scale(.9) translateY(10%);
        transition-duration:.2s;
        transition-property:opacity,transform;
        transition-timing-function:cubic-bezier(0,0,.38,1)
    }
}
.modal-backdrop--with-transition.modal-backdrop--show .modal{
    transform:translateY(0)
}
@media screen and (min-width:576px){
    .modal-backdrop--with-transition.modal-backdrop--show .modal{
        opacity:1;
        transform:scale(1) translateY(0)
    }
    .modal--m,.modal--s{
        max-width:31.25rem
    }
}
@media screen and (min-width:992px){
    .modal--m{
        max-width:50rem
    }
}
@media screen and (min-width:576px){
    .modal--l{
        max-width:31.25rem
    }
}
@media screen and (min-width:992px){
    .modal--l{
        max-width:50rem
    }
}
@media screen and (min-width:1200px){
    .modal--l{
        max-width:62.5rem
    }
}
@media screen and (min-width:576px){
    .modal--center{
        place-self:center
    }
}
.modal__header{
    border-radius:var(--radius-xl) var(--radius-xl) 0 0;
    grid-column-gap:var(--spacing-xs);
    column-gap:var(--spacing-xs);
    padding:var(--spacing-m) var(--spacing-m) var(--spacing-xs);
    background:var(--color-neutral-light);
    display:grid;
    grid-template-columns:auto max-content;
    height:-moz-fit-content;
    height:fit-content;
    z-index:1
}
@media screen and (min-width:576px){
    .modal__header{
        column-gap:var(--spacing-s);
        padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-s)
    }
}
@media screen and (min-width:1px)and (max-width:575px){
    .modal__header{
        bottom:0;
        left:0;
        position:-webkit-sticky;
        position:sticky;
        right:0;
        top:0
    }
}
.modal__header__wrapper{
    align-items:center;
    grid-column-gap:var(--spacing-s);
    column-gap:var(--spacing-s);
    display:grid;
    grid-template-areas:"badge badge";
    justify-content:start;
    justify-items:start;
    grid-row-gap:var(--spacing-2xs);
    row-gap:var(--spacing-2xs)
}
.modal__header__badge{
    grid-area:badge
}
.modal__header__title{
    font-size:var(--title-size-s-bp-base);
    line-height:150%;
    letter-spacing:-.01rem;
    color:var(--color-neutral-base);
    font-weight:var(--font-weight-bold)
}
@media screen and (min-width:768px){
    .modal__header__title{
        font-size:var(--title-size-s-bp-s);
        line-height:150%;
        letter-spacing:-.01125rem
    }
}
@media screen and (min-width:1200px){
    .modal__header__title{
        font-size:var(--title-size-s-bp-l);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
.modal__content{
    padding:var(--spacing-3xs) var(--spacing-m) var(--spacing-xs)
}
@media screen and (min-width:576px){
    .modal__content{
        padding:var(--spacing-3xs) var(--spacing-xl) var(--spacing-xs)
    }
}
.modal__content:last-child{
    padding-bottom:var(--spacing-m)
}
@media screen and (min-width:576px){
    .modal__content:last-child{
        padding-bottom:var(--spacing-xl)
    }
}
.modal__footer{
    padding:var(--spacing-m);
    grid-gap:var(--spacing-xs);
    gap:var(--spacing-xs);
    align-items:center;
    background:var(--color-neutral-light);
    display:grid;
    grid-auto-flow:column;
    z-index:1
}
@media screen and (min-width:576px){
    .modal__footer{
        padding:var(--spacing-m) var(--spacing-xl) var(--spacing-xl);
        gap:var(--spacing-s)
    }
}
@media screen and (min-width:1px)and (max-width:575px){
    .modal__footer{
        bottom:0;
        left:0;
        position:-webkit-sticky;
        position:sticky;
        right:0;
        top:0
    }
}
@media screen and (min-width:576px){
    .modal__footer{
        border-radius:0 0 var(--radius-xl) var(--radius-xl)
    }
}
.modal__footer--alt{
    background-color:var(--color-neutral-base);
    color:var(--color-neutral-light)
}
.modal__footer__text{
    flex:1 1
}
.modal__footer__buttons{
    align-items:center;
    display:grid;
    grid-gap:var(--spacing-xs);
    gap:var(--spacing-xs);
    grid-auto-flow:column;
    height:-moz-fit-content;
    height:fit-content;
    justify-content:flex-end;
    width:100%
}
@media screen and (min-width:576px){
    .modal__footer__buttons{
        gap:var(--spacing-s)
    }
}
@media screen and (min-width:1px)and (max-width:575px){
    .modal__footer__buttons--full-width{
        grid-auto-flow:row;
        grid-template-columns:1fr
    }
    .modal__footer__buttons--full-width .button{
        width:auto
    }
    .modal__footer__buttons--full-width .button.button--ghost{
        margin:0
    }
    .modal__footer__buttons--full-width .button:first-child:not(:only-child){
        grid-row:end
    }
}
@media screen and (min-width:576px){
    .modal__footer--sticky,.modal__header--sticky{
        bottom:calc(var(--spacing-xs)*-1);
        left:0;
        position:-webkit-sticky;
        position:sticky;
        right:0;
        top:calc(var(--spacing-xs)*-1)
    }
}
.modal__footer--custom,.modal__header__wrapper--custom{
    align-items:unset;
    gap:unset;
    grid-template-areas:none;
    justify-content:unset;
    justify-items:unset
}
@keyframes modalEnter{
    0%{
        opacity:0;
        transform:scale(.9) translateY(10%)
    }
    to{
        opacity:1;
        transform:scale(1) translateY(0)
    }
}
@keyframes modalExit{
    0%{
        opacity:1;
        transform:scale(1) translateY(0)
    }
    to{
        opacity:0;
        transform:scale(.9) translateY(10%)
    }
}
.navigation__list{
    display:grid;
    grid-gap:var(--spacing-3xs);
    gap:var(--spacing-3xs);
    list-style-type:none;
    margin:0;
    padding:0
}
@media screen and (min-width:992px){
    .navigation__list{
        grid-auto-flow:column;
        justify-content:center
    }
}
.navigation__item{
    border-radius:var(--radius-m);
    position:relative;
    transition:background .2s ease
}
@media screen and (min-width:992px){
    .navigation__item{
        border-radius:0
    }
}
.navigation__item .navigation__button .icon{
    transition:transform .2s cubic-bezier(.2,.07,.38,1)
}
.navigation__item .navigation__button[aria-expanded=true] .icon{
    transform:rotate(180deg)
}
.navigation__item .navigation__button,.navigation__item .navigation__link{
    color:var(--color-neutral-base)
}
@media screen and (min-width:992px){
    .navigation__item .navigation__button,.navigation__item .navigation__link{
        text-wrap:nowrap;
        white-space:nowrap
    }
}
.navigation__item .navigation__button:hover,.navigation__item .navigation__link:hover{
    background:var(--color-neutral-95);
    color:var(--color-action-dark)
}
.navigation__item .navigation__button:active,.navigation__item .navigation__link:active{
    background:var(--color-neutral-85);
    color:var(--color-action-dark)
}
@media screen and (min-width:1px)and (max-width:991px){
    .navigation__item .navigation__button,.navigation__item .navigation__link{
        border-radius:var(--radius-s);
        font-size:var(--title-size-l-bp-base);
        line-height:130%;
        letter-spacing:-.015rem;
        font-weight:var(--font-weight-bold);
        display:flex;
        height:auto;
        justify-content:flex-start;
        line-height:1.625;
        padding:var(--spacing-2xs) var(--spacing-s);
        text-align:left;
        width:100%
    }
}
@media screen and (min-width:1px)and (max-width:991px)and (min-width:768px){
    .navigation__item .navigation__button,.navigation__item .navigation__link{
        font-size:var(--title-size-l-bp-s);
        line-height:130%;
        letter-spacing:-.01625rem
    }
}
@media screen and (min-width:1px)and (max-width:991px)and (min-width:1200px){
    .navigation__item .navigation__button,.navigation__item .navigation__link{
        font-size:var(--title-size-l-bp-l);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:1px)and (max-width:991px){
    .navigation__item .navigation__button:hover,.navigation__item .navigation__link:hover{
        background:none
    }
    .navigation__item .navigation__button:active,.navigation__item .navigation__link:active{
        background:var(--color-neutral-85)
    }
    .navigation__item .navigation__button .icon,.navigation__item .navigation__link .icon{
        height:1.5rem;
        margin-right:0;
        width:1.5rem
    }
    .navigation__item .navigation__button.navigation__button .icon,.navigation__item .navigation__link.navigation__button .icon{
        margin-left:auto
    }
}
@media screen and (min-width:992px){
    .navigation__item .navigation__button,.navigation__item .navigation__link{
        padding:var(--spacing-s)
    }
}
.navigation__item .navigation__button.navigation__button--selected,.navigation__item .navigation__button[aria-current],.navigation__item .navigation__link.navigation__button--selected,.navigation__item .navigation__link[aria-current]{
    font-weight:700
}
@media screen and (min-width:1px)and (max-width:991px){
    .navigation__item .navigation__button.navigation__button--selected,.navigation__item .navigation__button[aria-current],.navigation__item .navigation__link.navigation__button--selected,.navigation__item .navigation__link[aria-current]{
        background:none;
        color:var(--color-action-base)
    }
    .navigation__item .navigation__button.navigation__button--selected:before,.navigation__item .navigation__button[aria-current]:before,.navigation__item .navigation__link.navigation__button--selected:before,.navigation__item .navigation__link[aria-current]:before{
        border-radius:0 var(--radius-l) var(--radius-l) 0;
        background:var(--color-action-base);
        bottom:var(--spacing-2xs);
        content:"";
        left:0;
        position:absolute;
        top:var(--spacing-2xs);
        width:.3125rem
    }
}
@media screen and (min-width:992px){
    .navigation__item .navigation__button.navigation__button--selected,.navigation__item .navigation__button[aria-current],.navigation__item .navigation__link.navigation__button--selected,.navigation__item .navigation__link[aria-current]{
        font-weight:var(--font-weight-bold);
        font-size:var(--text-size-m-bp-base);
        line-height:1.41575rem;
        color:var(--color-action-dark);
        background-color:var(--color-action-light);
        position:relative
    }
}
.navigation__item .navigation__button:first-child,.navigation__item .navigation__button:last-child,.navigation__item .navigation__link:first-child,.navigation__item .navigation__link:last-child{
    margin:0
}
.navigation__item--open{
    margin-bottom:calc(-1*var(--spacing-xs));
    padding-bottom:var(--spacing-xs)
}
.navigation__item__dropdown{
    display:grid;
    grid-gap:var(--spacing-4xs);
    gap:var(--spacing-4xs);
    list-style-type:none;
    margin:0;
    padding:0;
    transform-origin:top center
}
@media screen and (min-width:992px){
    .navigation__item__dropdown{
        background-color:var(--color-neutral-light);
        border:.125rem solid var(--color-neutral-85);
        left:50%;
        margin-top:var(--spacing-2xs);
        max-width:16.25rem;
        min-width:8.75rem;
        padding:var(--spacing-xs);
        position:absolute;
        width:max-content;
        z-index:90;
        border-radius:var(--radius-m);
        box-shadow:var(--elevation-size-m) var(--elevation-color-neutral-15)
    }
    .navigation__item__dropdown:before{
        content:"";
        height:var(--spacing-2xs);
        margin-top:calc(-1*(var(--spacing-xs) + var(--spacing-2xs) + .125rem))
    }
}
.navigation__item__dropdown.navigation__item__dropdown--open{
    display:grid
}
.navigation__item__dropdown .navigation__link{
    border-radius:var(--radius-xs);
    font-weight:var(--font-weight-book);
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem;
    color:var(--color-neutral-base);
    align-items:center;
    grid-column-gap:var(--spacing-xs);
    column-gap:var(--spacing-xs);
    display:grid;
    grid-auto-flow:column;
    height:min-content;
    justify-content:left;
    padding:var(--spacing-xs);
    text-align:left;
    transition-duration:.2s;
    transition-property:background-color,color;
    transition-timing-function:cubic-bezier(.2,.07,.38,1);
    width:100%
}
@media screen and (min-width:992px){
    .navigation__item__dropdown .navigation__link{
        background-color:var(--color-neutral-light)
    }
}
.navigation__item__dropdown .navigation__link:focus-visible{
    outline-color:var(--color-action-base)
}
.navigation__item__dropdown .navigation__link:focus-visible:focus-visible{
    outline:var(--color-action-base) solid .125rem;
    outline-offset:-.125rem
}
@supports(-webkit-hyphens:none){
    .navigation__item__dropdown .navigation__link:focus-visible:focus,.navigation__item__dropdown .navigation__link:focus-visible:focus-within{
        outline:none;
        position:relative
    }
    .navigation__item__dropdown .navigation__link:focus-visible:focus-within:before,.navigation__item__dropdown .navigation__link:focus-visible:focus:before{
        bottom:.125rem;
        left:.125rem;
        position:absolute;
        right:.125rem;
        top:.125rem;
        border:.125rem solid var(--color-action-base);
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .navigation__item__dropdown .navigation__link:focus-visible:focus,.navigation__item__dropdown .navigation__link:focus-visible:focus-within{
            outline:none;
            position:relative
        }
        .navigation__item__dropdown .navigation__link:focus-visible:focus-within:before,.navigation__item__dropdown .navigation__link:focus-visible:focus:before{
            bottom:.125rem;
            left:.125rem;
            position:absolute;
            right:.125rem;
            top:.125rem;
            border:.125rem solid var(--color-action-base);
            content:""
        }
    }
}
@media screen and (min-width:1px)and (max-width:991px){
    .navigation__item__dropdown .navigation__link:focus-visible{
        color:var(--color-action-base)
    }
}
.navigation__item__dropdown .navigation__button,.navigation__item__dropdown .navigation__link{
    display:flex;
    transition-duration:.2s;
    transition-property:background,border-color,box-shadow,color,outline,transform;
    transition-timing-function:cubic-bezier(.2,.07,.38,1)
}
@media screen and (min-width:1px)and (max-width:991px){
    .navigation__item__dropdown .navigation__button,.navigation__item__dropdown .navigation__link{
        font-weight:var(--font-weight-book);
        font-size:var(--text-size-l-bp-base);
        line-height:1.618rem;
        color:var(--color-neutral-base);
        padding:var(--spacing-2xs) var(--spacing-s)
    }
    .navigation__item__dropdown .navigation__button:active,.navigation__item__dropdown .navigation__link:active{
        background:var(--color-brand-light)
    }
}
.navigation__item--open .navigation__button{
    background:var(--color-neutral-95);
    color:var(--color-action-dark)
}
.table{
    border-radius:var(--radius-m);
    background:linear-gradient(to right,var(--color-neutral-light) 30%,var(--color-neutral-base-opacity-0)),linear-gradient(to right,var(--color-neutral-base-opacity-0),var(--color-neutral-light) 70%) 0 100%,radial-gradient(farthest-side at 0 50%,var(--color-neutral-base-opacity-40),var(--color-neutral-base-opacity-0)),radial-gradient(farthest-side at 100% 50%,var(--color-neutral-base-opacity-40),var(--color-neutral-base-opacity-0)) 100% 0;
    background-attachment:local,local,scroll,scroll;
    background-position:0 0,100%,0 0,100%;
    background-repeat:no-repeat;
    background-size:1.75rem 100%,1.75rem 100%,.75rem 100%,.75rem 100%;
    overflow:auto;
    position:relative
}
.table--with-border{
    border:.0625rem solid var(--color-neutral-base-opacity-15)
}
.table :where(th,td){
    padding:var(--spacing-xs) var(--spacing-s)
}
.table th{
    font-weight:var(--font-weight-bold);
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem;
    white-space:nowrap
}
.table td{
    background-color:var(--color-neutral-light-opacity-5);
    color:var(--color-neutral-25)
}
.table--s :where(th,td){
    padding:var(--spacing-2xs) var(--spacing-xs)
}
.table--with-sticky-head{
    max-height:70vh
}
.table--with-sticky-head thead{
    border-radius:var(--radius-m);
    box-shadow:0 .5rem .5rem -.5rem var(--color-neutral-base-opacity-40)
}
.table--with-sticky-head th,.table--with-sticky-head thead{
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:2
}
.table--with-sticky-head:not([class*=table--with-header]) th{
    background-color:var(--color-neutral-light-opacity-5)
}
.table--with-sticky-col th:first-child:before{
    content:"";
    position:absolute
}
.table--with-sticky-col :where(th:first-child,td:first-child){
    border-right:.0625rem solid var(--color-neutral-base-opacity-15);
    left:0;
    position:-webkit-sticky;
    position:sticky;
    z-index:1
}
.table--with-sticky-col :is(th:first-child,td:first-child){
    background-color:var(--color-neutral-light)
}
.table--with-sticky-col.table--with-header-neutral-95 th:first-child{
    background-color:var(--color-neutral-95)
}
.table--with-sticky-col.table--with-header-neutral-base th:first-child{
    background-color:var(--color-neutral-base)
}
.table--with-sticky-head.table--with-sticky-col th:first-child{
    z-index:3
}
.table--with-row-border :where(tr:only-of-type,tr:not(:last-child)) :where(th,td){
    border-bottom:.0625rem solid var(--color-neutral-base-opacity-15)
}
.table--with-col-border :where(th:not(:last-child),td:not(:last-child)){
    border-right:.0625rem solid var(--color-neutral-base-opacity-15)
}
.table--with-header-neutral-95 th{
    background-color:var(--color-neutral-95)
}
.table--with-header-neutral-base th{
    background-color:var(--color-neutral-base);
    color:var(--color-neutral-light)
}
.table--with-header-neutral-base.table--with-col-border th:not(:last-child){
    border-right-color:var(--color-neutral-25)
}
.table--with-stripes:not([class*=table--with-header]) tr:nth-child(odd) td,.table--with-stripes[class*=table--with-header] tr:nth-child(2n) td{
    background-color:var(--color-neutral-base-opacity-5)
}
.table--with-sticky-col.table--with-stripes:not([class*=table--with-header]) tr:nth-child(odd) td:first-child,.table--with-sticky-col.table--with-stripes[class*=table--with-header] tr:nth-child(2n) td:first-child{
    background-color:var(--color-neutral-95)
}
.table--with-sticky-col.table--with-stripes:not([class*=table--with-header]) tr:nth-child(2n) td:first-child,.table--with-sticky-col.table--with-stripes[class*=table--with-header] tr:nth-child(odd) td:first-child{
    background-color:var(--color-neutral-light)
}
.table--with-stripes:not(.table--with-row-border,.table--with-sticky-col,.table--with-border) :where(th:first-child,td:first-child){
    border-radius:var(--radius-s) 0 0 var(--radius-s)
}
.table--with-stripes:not(.table--with-row-border,.table--with-sticky-col,.table--with-border) :where(th:last-child,td:last-child){
    border-radius:0 var(--radius-s) var(--radius-s) 0
}
.table__wrapper{
    border-radius:var(--radius-m);
    font-weight:var(--font-weight-book);
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem;
    color:var(--color-neutral-base);
    border-spacing:0;
    text-align:left;
    vertical-align:top;
    white-space:nowrap;
    width:100%
}
[data-theme=light]{
    --tabs-border-alt:initial;
    --tabs-focus-alt:initial;
    --tabs-text-alt:initial;
    --tabs-title-alt:initial;
    --tabs-title-hover-alt:initial;
    --tabs-title-disabled-alt:initial;
    --tabs-pill-selected-alt:initial;
    --tabs-addon-alt:initial;
    --tabs-icon-alt:initial;
    --tabs-icon-hover-alt:initial;
    --tabs-icon-selected-alt:initial;
    --tabs-line-hover-alt:initial;
    --tabs-line-selected-alt:initial
}
[data-theme=alt]{
    --tabs-border-alt:var(--color-neutral-light-opacity-15);
    --tabs-focus-alt:var(--color-neutral-light);
    --tabs-text-alt:var(--color-neutral-light);
    --tabs-title-alt:var(--color-neutral-light-opacity-75);
    --tabs-title-hover-alt:var(--color-neutral-light);
    --tabs-title-disabled-alt:var(--color-neutral-light-opacity-40);
    --tabs-pill-selected-alt:var(--color-neutral-light-opacity-15);
    --tabs-addon-alt:var(--color-neutral-light-opacity-75);
    --tabs-icon-alt:var(--color-neutral-light-opacity-75);
    --tabs-icon-hover-alt:var(--color-neutral-light);
    --tabs-icon-selected-alt:var(--color-neutral-light);
    --tabs-line-hover-alt:var(--color-neutral-light-opacity-40);
    --tabs-line-selected-alt:var(--color-neutral-light)
}
.tabs__tablist-wrapper{
    --tabs-border:var(--color-neutral-85);
    --tabs-focus:var(--color-action-base);
    --tabs-text:var(--color-neutral-base);
    --tabs-title:var(--color-neutral-25);
    --tabs-title-hover:var(--color-neutral-base);
    --tabs-title-disabled:var(--color-neutral-50);
    --tabs-pill-selected:var(--color-brand-light);
    --tabs-addon:var(--color-brand-base);
    --tabs-icon:var(--color-neutral-25);
    --tabs-icon-hover:var(--color-neutral-base);
    --tabs-icon-selected:var(--color-brand-base);
    --tabs-line-hover:var(--color-brand-base-opacity-40);
    --tabs-line-selected:var(--color-brand-base)
}
@media screen and (min-width:1px)and (max-width:575px){
    .tabs__tablist-wrapper{
        -ms-overflow-style:none;
        overflow-y:scroll;
        scrollbar-width:none;
        margin:-.4375rem calc(-1*var(--offset, 1.25rem));
        overflow-x:scroll;
        padding:.4375rem var(--offset,1.25rem);
        scroll-behavior:smooth;
        scroll-snap-type:x mandatory;
        width:calc(100% + 2*var(--offset, 1.25rem))
    }
    .tabs__tablist-wrapper::-webkit-scrollbar{
        display:none
    }
}
.tabs__tablist{
    align-items:end;
    grid-column-gap:var(--spacing-xl);
    column-gap:var(--spacing-xl);
    display:grid;
    grid-auto-columns:max-content;
    grid-auto-flow:column;
    justify-items:left;
    min-width:100%;
    position:relative;
    width:-moz-fit-content;
    width:fit-content
}
.tabs__tablist--with-border{
    border-bottom:.0625rem solid var(--tabs-border-alt,var(--tabs-border))
}
.tabs__tablist--with-pills{
    column-gap:var(--spacing-3xs)
}
.tabs__tab-panel:not([hidden]){
    animation:fadeIn .3s cubic-bezier(0,0,.38,1) forwards;
    color:var(--tabs-text-alt,var(--tabs-text))
}
.tab{
    border-radius:var(--radius-xs);
    outline-color:var(--tabs-focus-alt,var(--tabs-focus));
    font-weight:var(--font-weight-bold);
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem;
    align-items:end;
    color:var(--tabs-title-alt,var(--tabs-title));
    grid-column-gap:var(--spacing-2xs);
    column-gap:var(--spacing-2xs);
    cursor:pointer;
    display:grid;
    grid-auto-flow:column;
    transition:color .2s cubic-bezier(.2,.07,.38,1)
}
.tab:focus-visible{
    outline:var(--tabs-focus-alt,var(--tabs-focus)) solid .125rem;
    outline-offset:.25rem
}
@supports(-webkit-hyphens:none){
    .tab:focus,.tab:focus-within{
        outline:none;
        position:relative
    }
    .tab:focus-within:before,.tab:focus:before{
        border-radius:var(--radius-xs);
        bottom:-.375rem;
        left:-.375rem;
        position:absolute;
        right:-.375rem;
        top:-.375rem;
        border:.125rem solid var(--tabs-focus-alt,var(--tabs-focus));
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .tab:focus,.tab:focus-within{
            outline:none;
            position:relative
        }
        .tab:focus-within:before,.tab:focus:before{
            border-radius:var(--radius-xs);
            bottom:-.375rem;
            left:-.375rem;
            position:absolute;
            right:-.375rem;
            top:-.375rem;
            border:.125rem solid var(--tabs-focus-alt,var(--tabs-focus));
            content:""
        }
    }
}
@media screen and (min-width:1px)and (max-width:575px){
    .tab{
        scroll-snap-align:center
    }
}
.tab:focus:not(:disabled,[disabled]),.tab:hover:not(:disabled,[disabled]),.tab[aria-selected=true]{
    color:var(--tabs-title-hover-alt,var(--tabs-title-hover))
}
.tab:not(.tab--pills){
    margin-bottom:calc(var(--spacing-xs) + .1875rem);
    position:relative
}
.tab:disabled,.tab[disabled]{
    color:var(--tabs-title-disabled-alt,var(--tabs-title-disabled));
    cursor:not-allowed
}
.tab--pills{
    border-radius:var(--radius-s);
    outline-color:var(--tabs-focus-alt,var(--tabs-focus));
    align-items:center;
    height:3rem;
    padding:0 var(--spacing-s);
    transition-property:background-color,color
}
.tab--pills:focus-visible{
    outline:var(--tabs-focus-alt,var(--tabs-focus)) solid .125rem;
    outline-offset:.125rem
}
@supports(-webkit-hyphens:none){
    .tab--pills:focus,.tab--pills:focus-within{
        outline:none;
        position:relative
    }
    .tab--pills:focus-within:before,.tab--pills:focus:before{
        border-radius:var(--radius-m);
        bottom:-.25rem;
        left:-.25rem;
        position:absolute;
        right:-.25rem;
        top:-.25rem;
        border:.125rem solid var(--tabs-focus-alt,var(--tabs-focus));
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .tab--pills:focus,.tab--pills:focus-within{
            outline:none;
            position:relative
        }
        .tab--pills:focus-within:before,.tab--pills:focus:before{
            border-radius:var(--radius-m);
            bottom:-.25rem;
            left:-.25rem;
            position:absolute;
            right:-.25rem;
            top:-.25rem;
            border:.125rem solid var(--tabs-focus-alt,var(--tabs-focus));
            content:""
        }
    }
}
.tab--pills[aria-selected=true]{
    background-color:var(--tabs-pill-selected-alt,var(--tabs-pill-selected))
}
.tab__addon{
    font-weight:var(--font-weight-book);
    font-size:var(--text-size-s-bp-base);
    line-height:1.2135rem;
    color:var(--tabs-addon-alt,var(--tabs-addon))
}
.tab:disabled .tab__addon,.tab[disabled] .tab__addon{
    color:var(--color-neutral-50)
}
.tab__icon{
    align-self:center;
    color:var(--tabs-icon-alt,var(--tabs-icon))
}
.tab:hover .tab__icon{
    color:var(--tabs-icon-hover-alt,var(--tabs-icon-hover))
}
.tab[aria-selected=true] .tab__icon{
    color:var(--tabs-icon-selected-alt,var(--tabs-icon-selected))
}
.tab__line{
    background-color:transparent;
    border-radius:.25rem;
    height:.1875rem;
    position:absolute;
    top:calc(100% + var(--spacing-xs) + .0625rem);
    transform-origin:left;
    transition:background-color .2s cubic-bezier(.2,.07,.38,1);
    width:100%
}
.tab:focus:not(:disabled,[disabled]) .tab__line,.tab:hover:not(:disabled,[disabled]) .tab__line{
    background-color:var(--tabs-line-hover-alt,var(--tabs-line-hover))
}
.tab[aria-selected=true] .tab__line,.tab[aria-selected=true]:focus .tab__line,.tab[aria-selected=true]:hover .tab__line{
    background-color:var(--tabs-line-selected-alt,var(--tabs-line-selected))
}
.tab[aria-selected=true] .tab__line--animated{
    animation:animateLine var(--duration,7s) linear forwards;
    will-change:transform,border-radius
}
@keyframes animateLine{
    0%{
        border-radius:5rem/.25rem;
        transform:scaleX(0)
    }
    20%{
        border-radius:1.25rem/.25rem;
        transform:scaleX(.2)
    }
    to{
        border-radius:.25rem;
        transform:scaleX(1)
    }
}
.bg-action-base{
    background-color:var(--color-action-base)
}
.bg-action-base-opacity-20{
    background-color:var(--color-action-base-opacity-20)
}
.bg-action-dark{
    background-color:var(--color-action-dark)
}
.bg-action-light{
    background-color:var(--color-action-light)
}
.bg-alert-base{
    background-color:var(--color-alert-base)
}
.bg-alert-dark{
    background-color:var(--color-alert-dark)
}
.bg-alert-light{
    background-color:var(--color-alert-light)
}
.bg-brand-base{
    background-color:var(--color-brand-base)
}
.bg-brand-base-opacity-40{
    background-color:var(--color-brand-base-opacity-40)
}
.bg-brand-dark{
    background-color:var(--color-brand-dark)
}
.bg-brand-light{
    background-color:var(--color-brand-light)
}
.bg-error-base{
    background-color:var(--color-error-base)
}
.bg-error-base-opacity-20{
    background-color:var(--color-error-base-opacity-20)
}
.bg-error-dark{
    background-color:var(--color-error-dark)
}
.bg-error-dark-opacity-20{
    background-color:var(--color-error-dark-opacity-20)
}
.bg-error-light{
    background-color:var(--color-error-light)
}
.bg-neutral-25{
    background-color:var(--color-neutral-25)
}
.bg-neutral-50{
    background-color:var(--color-neutral-50)
}
.bg-neutral-75{
    background-color:var(--color-neutral-75)
}
.bg-neutral-85{
    background-color:var(--color-neutral-85)
}
.bg-neutral-95{
    background-color:var(--color-neutral-95)
}
.bg-neutral-95-opacity-15{
    background-color:var(--color-neutral-95-opacity-15)
}
.bg-neutral-base{
    background-color:var(--color-neutral-base)
}
.bg-neutral-base-opacity-0{
    background-color:var(--color-neutral-base-opacity-0)
}
.bg-neutral-base-opacity-5{
    background-color:var(--color-neutral-base-opacity-5)
}
.bg-neutral-base-opacity-15{
    background-color:var(--color-neutral-base-opacity-15)
}
.bg-neutral-base-opacity-40{
    background-color:var(--color-neutral-base-opacity-40)
}
.bg-neutral-base-opacity-50{
    background-color:var(--color-neutral-base-opacity-50)
}
.bg-neutral-base-opacity-80{
    background-color:var(--color-neutral-base-opacity-80)
}
.bg-neutral-light{
    background-color:var(--color-neutral-light)
}
.bg-neutral-light-opacity-5{
    background-color:var(--color-neutral-light-opacity-5)
}
.bg-neutral-light-opacity-15{
    background-color:var(--color-neutral-light-opacity-15)
}
.bg-neutral-light-opacity-40{
    background-color:var(--color-neutral-light-opacity-40)
}
.bg-neutral-light-opacity-75{
    background-color:var(--color-neutral-light-opacity-75)
}
.bg-success-base{
    background-color:var(--color-success-base)
}
.bg-success-dark{
    background-color:var(--color-success-dark)
}
.bg-success-light{
    background-color:var(--color-success-light)
}
.gradient-action{
    background:var(--gradient-action)
}
.gradient-brand{
    background:var(--gradient-brand)
}
.gradient-neutral{
    background:var(--gradient-neutral)
}
.gradient-error{
    background:var(--gradient-error)
}
.c-action-base{
    color:var(--color-action-base)
}
.c-action-base-opacity-20{
    color:var(--color-action-base-opacity-20)
}
.c-action-dark{
    color:var(--color-action-dark)
}
.c-action-light{
    color:var(--color-action-light)
}
.c-alert-base{
    color:var(--color-alert-base)
}
.c-alert-dark{
    color:var(--color-alert-dark)
}
.c-alert-light{
    color:var(--color-alert-light)
}
.c-brand-base{
    color:var(--color-brand-base)
}
.c-brand-base-opacity-40{
    color:var(--color-brand-base-opacity-40)
}
.c-brand-dark{
    color:var(--color-brand-dark)
}
.c-brand-light{
    color:var(--color-brand-light)
}
.c-error-base{
    color:var(--color-error-base)
}
.c-error-base-opacity-20{
    color:var(--color-error-base-opacity-20)
}
.c-error-dark{
    color:var(--color-error-dark)
}
.c-error-dark-opacity-20{
    color:var(--color-error-dark-opacity-20)
}
.c-error-light{
    color:var(--color-error-light)
}
.c-neutral-25{
    color:var(--color-neutral-25)
}
.c-neutral-50{
    color:var(--color-neutral-50)
}
.c-neutral-75{
    color:var(--color-neutral-75)
}
.c-neutral-85{
    color:var(--color-neutral-85)
}
.c-neutral-95{
    color:var(--color-neutral-95)
}
.c-neutral-95-opacity-15{
    color:var(--color-neutral-95-opacity-15)
}
.c-neutral-base{
    color:var(--color-neutral-base)
}
.c-neutral-base-opacity-0{
    color:var(--color-neutral-base-opacity-0)
}
.c-neutral-base-opacity-5{
    color:var(--color-neutral-base-opacity-5)
}
.c-neutral-base-opacity-15{
    color:var(--color-neutral-base-opacity-15)
}
.c-neutral-base-opacity-40{
    color:var(--color-neutral-base-opacity-40)
}
.c-neutral-base-opacity-50{
    color:var(--color-neutral-base-opacity-50)
}
.c-neutral-base-opacity-80{
    color:var(--color-neutral-base-opacity-80)
}
.c-neutral-light{
    color:var(--color-neutral-light)
}
.c-neutral-light-opacity-5{
    color:var(--color-neutral-light-opacity-5)
}
.c-neutral-light-opacity-15{
    color:var(--color-neutral-light-opacity-15)
}
.c-neutral-light-opacity-40{
    color:var(--color-neutral-light-opacity-40)
}
.c-neutral-light-opacity-75{
    color:var(--color-neutral-light-opacity-75)
}
.c-success-base{
    color:var(--color-success-base)
}
.c-success-dark{
    color:var(--color-success-dark)
}
.c-success-light{
    color:var(--color-success-light)
}
.container-responsive{
    margin:0 auto;
    width:100%;
    max-width:calc(100vw - (2.5rem))
}
@media screen and (min-width:375px){
    .container-responsive{
        max-width:calc(100vw - (2.5rem))
    }
}
@media screen and (min-width:576px){
    .container-responsive{
        max-width:calc(100vw - (2.5rem))
    }
}
@media screen and (min-width:768px){
    .container-responsive{
        max-width:calc(100vw - (2.5rem))
    }
}
@media screen and (min-width:992px){
    .container-responsive{
        max-width:960px
    }
}
@media screen and (min-width:1200px){
    .container-responsive{
        max-width:1140px
    }
}
@media screen and (min-width:1680px){
    .container-responsive{
        max-width:1370px
    }
}
.container-responsive-from-2xs{
    margin:0 auto;
    width:100%
}
@media screen and (min-width:375px){
    .container-responsive-from-2xs{
        max-width:calc(100vw - (2.5rem))
    }
}
@media screen and (min-width:576px){
    .container-responsive-from-2xs{
        max-width:calc(100vw - (2.5rem))
    }
}
@media screen and (min-width:768px){
    .container-responsive-from-2xs{
        max-width:calc(100vw - (2.5rem))
    }
}
@media screen and (min-width:992px){
    .container-responsive-from-2xs{
        max-width:960px
    }
}
@media screen and (min-width:1200px){
    .container-responsive-from-2xs{
        max-width:1140px
    }
}
@media screen and (min-width:1680px){
    .container-responsive-from-2xs{
        max-width:1370px
    }
}
.container-responsive-from-xs{
    margin:0 auto;
    width:100%
}
@media screen and (min-width:576px){
    .container-responsive-from-xs{
        max-width:calc(100vw - (2.5rem))
    }
}
@media screen and (min-width:768px){
    .container-responsive-from-xs{
        max-width:calc(100vw - (2.5rem))
    }
}
@media screen and (min-width:992px){
    .container-responsive-from-xs{
        max-width:960px
    }
}
@media screen and (min-width:1200px){
    .container-responsive-from-xs{
        max-width:1140px
    }
}
@media screen and (min-width:1680px){
    .container-responsive-from-xs{
        max-width:1370px
    }
}
.container-responsive-from-s{
    margin:0 auto;
    width:100%
}
@media screen and (min-width:768px){
    .container-responsive-from-s{
        max-width:calc(100vw - (2.5rem))
    }
}
@media screen and (min-width:992px){
    .container-responsive-from-s{
        max-width:960px
    }
}
@media screen and (min-width:1200px){
    .container-responsive-from-s{
        max-width:1140px
    }
}
@media screen and (min-width:1680px){
    .container-responsive-from-s{
        max-width:1370px
    }
}
.container-responsive-from-m{
    margin:0 auto;
    width:100%
}
@media screen and (min-width:992px){
    .container-responsive-from-m{
        max-width:960px
    }
}
@media screen and (min-width:1200px){
    .container-responsive-from-m{
        max-width:1140px
    }
}
@media screen and (min-width:1680px){
    .container-responsive-from-m{
        max-width:1370px
    }
}
.container-responsive-from-l{
    margin:0 auto;
    width:100%
}
@media screen and (min-width:1200px){
    .container-responsive-from-l{
        max-width:1140px
    }
}
@media screen and (min-width:1680px){
    .container-responsive-from-l{
        max-width:1370px
    }
}
.container-responsive-from-xl{
    margin:0 auto;
    width:100%
}
@media screen and (min-width:1680px){
    .container-responsive-from-xl{
        max-width:1370px
    }
}
.container-s{
    margin:0 auto;
    width:100%;
    max-width:calc(100vw - (2.5rem))
}
@media screen and (min-width:576px){
    .container-s{
        max-width:min(100vw - 2.5rem,360px)
    }
}
.container-m{
    margin:0 auto;
    width:100%;
    max-width:calc(100vw - (2.5rem))
}
@media screen and (min-width:576px){
    .container-m{
        max-width:min(100vw - 2.5rem,720px)
    }
}
.elevation-s-action-15{
    box-shadow:var(--elevation-size-s) var(--elevation-color-action-15)
}
.elevation-s-action-40{
    box-shadow:var(--elevation-size-s) var(--elevation-color-action-40)
}
.elevation-s-alert-15{
    box-shadow:var(--elevation-size-s) var(--elevation-color-alert-15)
}
.elevation-s-brand-15{
    box-shadow:var(--elevation-size-s) var(--elevation-color-brand-15)
}
.elevation-s-brand-40{
    box-shadow:var(--elevation-size-s) var(--elevation-color-brand-40)
}
.elevation-s-error-15{
    box-shadow:var(--elevation-size-s) var(--elevation-color-error-15)
}
.elevation-s-error-40{
    box-shadow:var(--elevation-size-s) var(--elevation-color-error-40)
}
.elevation-s-neutral-15{
    box-shadow:var(--elevation-size-s) var(--elevation-color-neutral-15)
}
.elevation-s-neutral-40{
    box-shadow:var(--elevation-size-s) var(--elevation-color-neutral-40)
}
.elevation-s-success-15{
    box-shadow:var(--elevation-size-s) var(--elevation-color-success-15)
}
.elevation-m-action-15{
    box-shadow:var(--elevation-size-m) var(--elevation-color-action-15)
}
.elevation-m-action-40{
    box-shadow:var(--elevation-size-m) var(--elevation-color-action-40)
}
.elevation-m-alert-15{
    box-shadow:var(--elevation-size-m) var(--elevation-color-alert-15)
}
.elevation-m-brand-15{
    box-shadow:var(--elevation-size-m) var(--elevation-color-brand-15)
}
.elevation-m-brand-40{
    box-shadow:var(--elevation-size-m) var(--elevation-color-brand-40)
}
.elevation-m-error-15{
    box-shadow:var(--elevation-size-m) var(--elevation-color-error-15)
}
.elevation-m-error-40{
    box-shadow:var(--elevation-size-m) var(--elevation-color-error-40)
}
.elevation-m-neutral-15{
    box-shadow:var(--elevation-size-m) var(--elevation-color-neutral-15)
}
.elevation-m-neutral-40{
    box-shadow:var(--elevation-size-m) var(--elevation-color-neutral-40)
}
.elevation-m-success-15{
    box-shadow:var(--elevation-size-m) var(--elevation-color-success-15)
}
.elevation-l-action-15{
    box-shadow:var(--elevation-size-l) var(--elevation-color-action-15)
}
.elevation-l-action-40{
    box-shadow:var(--elevation-size-l) var(--elevation-color-action-40)
}
.elevation-l-alert-15{
    box-shadow:var(--elevation-size-l) var(--elevation-color-alert-15)
}
.elevation-l-brand-15{
    box-shadow:var(--elevation-size-l) var(--elevation-color-brand-15)
}
.elevation-l-brand-40{
    box-shadow:var(--elevation-size-l) var(--elevation-color-brand-40)
}
.elevation-l-error-15{
    box-shadow:var(--elevation-size-l) var(--elevation-color-error-15)
}
.elevation-l-error-40{
    box-shadow:var(--elevation-size-l) var(--elevation-color-error-40)
}
.elevation-l-neutral-15{
    box-shadow:var(--elevation-size-l) var(--elevation-color-neutral-15)
}
.elevation-l-neutral-40{
    box-shadow:var(--elevation-size-l) var(--elevation-color-neutral-40)
}
.elevation-l-success-15{
    box-shadow:var(--elevation-size-l) var(--elevation-color-success-15)
}
.hide{
    display:none
}
@media screen and (min-width:375px){
    .hide-from-2xs{
        display:none
    }
}
@media screen and (min-width:375px)and (max-width:575px){
    .hide-on-2xs{
        display:none
    }
}
@media screen and (min-width:576px){
    .hide-from-xs{
        display:none
    }
}
@media screen and (min-width:576px)and (max-width:767px){
    .hide-on-xs{
        display:none
    }
}
@media screen and (min-width:768px){
    .hide-from-s{
        display:none
    }
}
@media screen and (min-width:768px)and (max-width:991px){
    .hide-on-s{
        display:none
    }
}
@media screen and (min-width:992px){
    .hide-from-m{
        display:none
    }
}
@media screen and (min-width:992px)and (max-width:1199px){
    .hide-on-m{
        display:none
    }
}
@media screen and (min-width:1200px){
    .hide-from-l{
        display:none
    }
}
@media screen and (min-width:1200px)and (max-width:1679px){
    .hide-on-l{
        display:none
    }
}
@media screen and (min-width:1680px){
    .hide-from-xl,.hide-on-xl{
        display:none
    }
}
.align-content-center{
    align-content:center
}
.align-content-flex-end{
    align-content:flex-end
}
.align-content-flex-start{
    align-content:flex-start
}
.align-content-space-around{
    align-content:space-around
}
.align-content-space-between{
    align-content:space-between
}
.align-content-space-evenly{
    align-content:space-evenly
}
.align-items-baseline{
    align-items:baseline
}
.align-items-center{
    align-items:center
}
.align-items-flex-end{
    align-items:flex-end
}
.align-items-flex-start{
    align-items:flex-start
}
.align-items-stretch{
    align-items:stretch
}
.align-self-auto{
    align-self:auto
}
.align-self-baseline{
    align-self:baseline
}
.align-self-center{
    align-self:center
}
.align-self-flex-end{
    align-self:flex-end
}
.align-self-flex-start{
    align-self:flex-start
}
.align-self-stretch{
    align-self:stretch
}
.display-block{
    display:block
}
.display-flex{
    display:flex
}
.display-grid{
    display:grid
}
.display-inline{
    display:inline
}
.display-inline-block{
    display:inline-block
}
.display-inline-flex{
    display:inline-flex
}
.display-inline-grid{
    display:inline-grid
}
.display-none{
    display:none
}
.flex-direction-column{
    flex-direction:column
}
.flex-direction-column-reverse{
    flex-direction:column-reverse
}
.flex-direction-row{
    flex-direction:row
}
.flex-direction-row-reverse{
    flex-direction:row-reverse
}
.grid-auto-flow-column{
    grid-auto-flow:column
}
.grid-auto-flow-column-dense{
    grid-auto-flow:column-dense
}
.grid-auto-flow-dense{
    grid-auto-flow:dense
}
.grid-auto-flow-row{
    grid-auto-flow:row
}
.grid-auto-flow-row-dense{
    grid-auto-flow:row-dense
}
.justify-content-center{
    justify-content:center
}
.justify-content-flex-end{
    justify-content:flex-end
}
.justify-content-flex-start{
    justify-content:flex-start
}
.justify-content-space-around{
    justify-content:space-around
}
.justify-content-space-between{
    justify-content:space-between
}
.justify-content-space-evenly{
    justify-content:space-evenly
}
.justify-items-center{
    justify-items:center
}
.justify-items-end{
    justify-items:end
}
.justify-items-start{
    justify-items:start
}
.justify-items-stretch{
    justify-items:stretch
}
.justify-self-auto{
    justify-self:auto
}
.justify-self-center{
    justify-self:center
}
.justify-self-end{
    justify-self:end
}
.justify-self-start{
    justify-self:start
}
.justify-self-stretch{
    justify-self:stretch
}
.position-absolute{
    position:absolute
}
.position-fixed{
    position:fixed
}
.position-relative{
    position:relative
}
.position-static{
    position:static
}
.position-sticky{
    position:-webkit-sticky;
    position:sticky
}
.radius-6xl{
    border-radius:var(--radius-6xl)
}
.radius-5xl{
    border-radius:var(--radius-5xl)
}
.radius-4xl{
    border-radius:var(--radius-4xl)
}
.radius-3xl{
    border-radius:var(--radius-3xl)
}
.radius-2xl{
    border-radius:var(--radius-2xl)
}
.radius-xl{
    border-radius:var(--radius-xl)
}
.radius-l{
    border-radius:var(--radius-l)
}
.radius-m{
    border-radius:var(--radius-m)
}
.radius-s{
    border-radius:var(--radius-s)
}
.radius-xs{
    border-radius:var(--radius-xs)
}
.radius-2xs{
    border-radius:var(--radius-2xs)
}
.padding-0{
    padding:0
}
.margin-0{
    margin:0
}
.padding-5xl{
    padding:var(--spacing-5xl)
}
.margin-5xl{
    margin:var(--spacing-5xl)
}
.padding-4xl{
    padding:var(--spacing-4xl)
}
.margin-4xl{
    margin:var(--spacing-4xl)
}
.padding-3xl{
    padding:var(--spacing-3xl)
}
.margin-3xl{
    margin:var(--spacing-3xl)
}
.padding-2xl{
    padding:var(--spacing-2xl)
}
.margin-2xl{
    margin:var(--spacing-2xl)
}
.padding-xl{
    padding:var(--spacing-xl)
}
.margin-xl{
    margin:var(--spacing-xl)
}
.padding-l{
    padding:var(--spacing-l)
}
.margin-l{
    margin:var(--spacing-l)
}
.padding-m{
    padding:var(--spacing-m)
}
.margin-m{
    margin:var(--spacing-m)
}
.padding-s{
    padding:var(--spacing-s)
}
.margin-s{
    margin:var(--spacing-s)
}
.padding-xs{
    padding:var(--spacing-xs)
}
.margin-xs{
    margin:var(--spacing-xs)
}
.padding-2xs{
    padding:var(--spacing-2xs)
}
.margin-2xs{
    margin:var(--spacing-2xs)
}
.padding-3xs{
    padding:var(--spacing-3xs)
}
.margin-3xs{
    margin:var(--spacing-3xs)
}
.padding-4xs{
    padding:var(--spacing-4xs)
}
.margin-4xs{
    margin:var(--spacing-4xs)
}
.padding-h-0{
    padding-left:0;
    padding-right:0
}
.padding-v-0{
    padding-bottom:0;
    padding-top:0
}
.margin-h-0{
    margin-left:0;
    margin-right:0
}
.margin-v-0{
    margin-bottom:0;
    margin-top:0
}
.padding-h-5xl{
    padding-left:var(--spacing-5xl);
    padding-right:var(--spacing-5xl)
}
.padding-v-5xl{
    padding-bottom:var(--spacing-5xl);
    padding-top:var(--spacing-5xl)
}
.margin-h-5xl{
    margin-left:var(--spacing-5xl);
    margin-right:var(--spacing-5xl)
}
.margin-v-5xl{
    margin-bottom:var(--spacing-5xl);
    margin-top:var(--spacing-5xl)
}
.padding-h-4xl{
    padding-left:var(--spacing-4xl);
    padding-right:var(--spacing-4xl)
}
.padding-v-4xl{
    padding-bottom:var(--spacing-4xl);
    padding-top:var(--spacing-4xl)
}
.margin-h-4xl{
    margin-left:var(--spacing-4xl);
    margin-right:var(--spacing-4xl)
}
.margin-v-4xl{
    margin-bottom:var(--spacing-4xl);
    margin-top:var(--spacing-4xl)
}
.padding-h-3xl{
    padding-left:var(--spacing-3xl);
    padding-right:var(--spacing-3xl)
}
.padding-v-3xl{
    padding-bottom:var(--spacing-3xl);
    padding-top:var(--spacing-3xl)
}
.margin-h-3xl{
    margin-left:var(--spacing-3xl);
    margin-right:var(--spacing-3xl)
}
.margin-v-3xl{
    margin-bottom:var(--spacing-3xl);
    margin-top:var(--spacing-3xl)
}
.padding-h-2xl{
    padding-left:var(--spacing-2xl);
    padding-right:var(--spacing-2xl)
}
.padding-v-2xl{
    padding-bottom:var(--spacing-2xl);
    padding-top:var(--spacing-2xl)
}
.margin-h-2xl{
    margin-left:var(--spacing-2xl);
    margin-right:var(--spacing-2xl)
}
.margin-v-2xl{
    margin-bottom:var(--spacing-2xl);
    margin-top:var(--spacing-2xl)
}
.padding-h-xl{
    padding-left:var(--spacing-xl);
    padding-right:var(--spacing-xl)
}
.padding-v-xl{
    padding-bottom:var(--spacing-xl);
    padding-top:var(--spacing-xl)
}
.margin-h-xl{
    margin-left:var(--spacing-xl);
    margin-right:var(--spacing-xl)
}
.margin-v-xl{
    margin-bottom:var(--spacing-xl);
    margin-top:var(--spacing-xl)
}
.padding-h-l{
    padding-left:var(--spacing-l);
    padding-right:var(--spacing-l)
}
.padding-v-l{
    padding-bottom:var(--spacing-l);
    padding-top:var(--spacing-l)
}
.margin-h-l{
    margin-left:var(--spacing-l);
    margin-right:var(--spacing-l)
}
.margin-v-l{
    margin-bottom:var(--spacing-l);
    margin-top:var(--spacing-l)
}
.padding-h-m{
    padding-left:var(--spacing-m);
    padding-right:var(--spacing-m)
}
.padding-v-m{
    padding-bottom:var(--spacing-m);
    padding-top:var(--spacing-m)
}
.margin-h-m{
    margin-left:var(--spacing-m);
    margin-right:var(--spacing-m)
}
.margin-v-m{
    margin-bottom:var(--spacing-m);
    margin-top:var(--spacing-m)
}
.padding-h-s{
    padding-left:var(--spacing-s);
    padding-right:var(--spacing-s)
}
.padding-v-s{
    padding-bottom:var(--spacing-s);
    padding-top:var(--spacing-s)
}
.margin-h-s{
    margin-left:var(--spacing-s);
    margin-right:var(--spacing-s)
}
.margin-v-s{
    margin-bottom:var(--spacing-s);
    margin-top:var(--spacing-s)
}
.padding-h-xs{
    padding-left:var(--spacing-xs);
    padding-right:var(--spacing-xs)
}
.padding-v-xs{
    padding-bottom:var(--spacing-xs);
    padding-top:var(--spacing-xs)
}
.margin-h-xs{
    margin-left:var(--spacing-xs);
    margin-right:var(--spacing-xs)
}
.margin-v-xs{
    margin-bottom:var(--spacing-xs);
    margin-top:var(--spacing-xs)
}
.padding-h-2xs{
    padding-left:var(--spacing-2xs);
    padding-right:var(--spacing-2xs)
}
.padding-v-2xs{
    padding-bottom:var(--spacing-2xs);
    padding-top:var(--spacing-2xs)
}
.margin-h-2xs{
    margin-left:var(--spacing-2xs);
    margin-right:var(--spacing-2xs)
}
.margin-v-2xs{
    margin-bottom:var(--spacing-2xs);
    margin-top:var(--spacing-2xs)
}
.padding-h-3xs{
    padding-left:var(--spacing-3xs);
    padding-right:var(--spacing-3xs)
}
.padding-v-3xs{
    padding-bottom:var(--spacing-3xs);
    padding-top:var(--spacing-3xs)
}
.margin-h-3xs{
    margin-left:var(--spacing-3xs);
    margin-right:var(--spacing-3xs)
}
.margin-v-3xs{
    margin-bottom:var(--spacing-3xs);
    margin-top:var(--spacing-3xs)
}
.padding-h-4xs{
    padding-left:var(--spacing-4xs);
    padding-right:var(--spacing-4xs)
}
.padding-v-4xs{
    padding-bottom:var(--spacing-4xs);
    padding-top:var(--spacing-4xs)
}
.margin-h-4xs{
    margin-left:var(--spacing-4xs);
    margin-right:var(--spacing-4xs)
}
.margin-v-4xs{
    margin-bottom:var(--spacing-4xs);
    margin-top:var(--spacing-4xs)
}
.padding-t-0{
    padding-top:0
}
.margin-t-0{
    margin-top:0
}
.padding-b-0{
    padding-bottom:0
}
.margin-b-0{
    margin-bottom:0
}
.padding-l-0{
    padding-left:0
}
.margin-l-0{
    margin-left:0
}
.padding-r-0{
    padding-right:0
}
.margin-r-0{
    margin-right:0
}
.padding-t-5xl{
    padding-top:var(--spacing-5xl)
}
.margin-t-5xl{
    margin-top:var(--spacing-5xl)
}
.padding-b-5xl{
    padding-bottom:var(--spacing-5xl)
}
.margin-b-5xl{
    margin-bottom:var(--spacing-5xl)
}
.padding-l-5xl{
    padding-left:var(--spacing-5xl)
}
.margin-l-5xl{
    margin-left:var(--spacing-5xl)
}
.padding-r-5xl{
    padding-right:var(--spacing-5xl)
}
.margin-r-5xl{
    margin-right:var(--spacing-5xl)
}
.padding-t-4xl{
    padding-top:var(--spacing-4xl)
}
.margin-t-4xl{
    margin-top:var(--spacing-4xl)
}
.padding-b-4xl{
    padding-bottom:var(--spacing-4xl)
}
.margin-b-4xl{
    margin-bottom:var(--spacing-4xl)
}
.padding-l-4xl{
    padding-left:var(--spacing-4xl)
}
.margin-l-4xl{
    margin-left:var(--spacing-4xl)
}
.padding-r-4xl{
    padding-right:var(--spacing-4xl)
}
.margin-r-4xl{
    margin-right:var(--spacing-4xl)
}
.padding-t-3xl{
    padding-top:var(--spacing-3xl)
}
.margin-t-3xl{
    margin-top:var(--spacing-3xl)
}
.padding-b-3xl{
    padding-bottom:var(--spacing-3xl)
}
.margin-b-3xl{
    margin-bottom:var(--spacing-3xl)
}
.padding-l-3xl{
    padding-left:var(--spacing-3xl)
}
.margin-l-3xl{
    margin-left:var(--spacing-3xl)
}
.padding-r-3xl{
    padding-right:var(--spacing-3xl)
}
.margin-r-3xl{
    margin-right:var(--spacing-3xl)
}
.padding-t-2xl{
    padding-top:var(--spacing-2xl)
}
.margin-t-2xl{
    margin-top:var(--spacing-2xl)
}
.padding-b-2xl{
    padding-bottom:var(--spacing-2xl)
}
.margin-b-2xl{
    margin-bottom:var(--spacing-2xl)
}
.padding-l-2xl{
    padding-left:var(--spacing-2xl)
}
.margin-l-2xl{
    margin-left:var(--spacing-2xl)
}
.padding-r-2xl{
    padding-right:var(--spacing-2xl)
}
.margin-r-2xl{
    margin-right:var(--spacing-2xl)
}
.padding-t-xl{
    padding-top:var(--spacing-xl)
}
.margin-t-xl{
    margin-top:var(--spacing-xl)
}
.padding-b-xl{
    padding-bottom:var(--spacing-xl)
}
.margin-b-xl{
    margin-bottom:var(--spacing-xl)
}
.padding-l-xl{
    padding-left:var(--spacing-xl)
}
.margin-l-xl{
    margin-left:var(--spacing-xl)
}
.padding-r-xl{
    padding-right:var(--spacing-xl)
}
.margin-r-xl{
    margin-right:var(--spacing-xl)
}
.padding-t-l{
    padding-top:var(--spacing-l)
}
.margin-t-l{
    margin-top:var(--spacing-l)
}
.padding-b-l{
    padding-bottom:var(--spacing-l)
}
.margin-b-l{
    margin-bottom:var(--spacing-l)
}
.padding-l-l{
    padding-left:var(--spacing-l)
}
.margin-l-l{
    margin-left:var(--spacing-l)
}
.padding-r-l{
    padding-right:var(--spacing-l)
}
.margin-r-l{
    margin-right:var(--spacing-l)
}
.padding-t-m{
    padding-top:var(--spacing-m)
}
.margin-t-m{
    margin-top:var(--spacing-m)
}
.padding-b-m{
    padding-bottom:var(--spacing-m)
}
.margin-b-m{
    margin-bottom:var(--spacing-m)
}
.padding-l-m{
    padding-left:var(--spacing-m)
}
.margin-l-m{
    margin-left:var(--spacing-m)
}
.padding-r-m{
    padding-right:var(--spacing-m)
}
.margin-r-m{
    margin-right:var(--spacing-m)
}
.padding-t-s{
    padding-top:var(--spacing-s)
}
.margin-t-s{
    margin-top:var(--spacing-s)
}
.padding-b-s{
    padding-bottom:var(--spacing-s)
}
.margin-b-s{
    margin-bottom:var(--spacing-s)
}
.padding-l-s{
    padding-left:var(--spacing-s)
}
.margin-l-s{
    margin-left:var(--spacing-s)
}
.padding-r-s{
    padding-right:var(--spacing-s)
}
.margin-r-s{
    margin-right:var(--spacing-s)
}
.padding-t-xs{
    padding-top:var(--spacing-xs)
}
.margin-t-xs{
    margin-top:var(--spacing-xs)
}
.padding-b-xs{
    padding-bottom:var(--spacing-xs)
}
.margin-b-xs{
    margin-bottom:var(--spacing-xs)
}
.padding-l-xs{
    padding-left:var(--spacing-xs)
}
.margin-l-xs{
    margin-left:var(--spacing-xs)
}
.padding-r-xs{
    padding-right:var(--spacing-xs)
}
.margin-r-xs{
    margin-right:var(--spacing-xs)
}
.padding-t-2xs{
    padding-top:var(--spacing-2xs)
}
.margin-t-2xs{
    margin-top:var(--spacing-2xs)
}
.padding-b-2xs{
    padding-bottom:var(--spacing-2xs)
}
.margin-b-2xs{
    margin-bottom:var(--spacing-2xs)
}
.padding-l-2xs{
    padding-left:var(--spacing-2xs)
}
.margin-l-2xs{
    margin-left:var(--spacing-2xs)
}
.padding-r-2xs{
    padding-right:var(--spacing-2xs)
}
.margin-r-2xs{
    margin-right:var(--spacing-2xs)
}
.padding-t-3xs{
    padding-top:var(--spacing-3xs)
}
.margin-t-3xs{
    margin-top:var(--spacing-3xs)
}
.padding-b-3xs{
    padding-bottom:var(--spacing-3xs)
}
.margin-b-3xs{
    margin-bottom:var(--spacing-3xs)
}
.padding-l-3xs{
    padding-left:var(--spacing-3xs)
}
.margin-l-3xs{
    margin-left:var(--spacing-3xs)
}
.padding-r-3xs{
    padding-right:var(--spacing-3xs)
}
.margin-r-3xs{
    margin-right:var(--spacing-3xs)
}
.padding-t-4xs{
    padding-top:var(--spacing-4xs)
}
.margin-t-4xs{
    margin-top:var(--spacing-4xs)
}
.padding-b-4xs{
    padding-bottom:var(--spacing-4xs)
}
.margin-b-4xs{
    margin-bottom:var(--spacing-4xs)
}
.padding-l-4xs{
    padding-left:var(--spacing-4xs)
}
.margin-l-4xs{
    margin-left:var(--spacing-4xs)
}
.padding-r-4xs{
    padding-right:var(--spacing-4xs)
}
.margin-r-4xs{
    margin-right:var(--spacing-4xs)
}
.space-h-0,.space-h-0:last-child{
    margin-right:0
}
.space-v-0,.space-v-0:last-child{
    margin-bottom:0
}
.gap-0{
    gap:0
}
.row-gap-0{
    row-gap:0
}
.column-gap-0{
    column-gap:0
}
.space-h-5xl{
    margin-right:var(--spacing-5xl)
}
.space-h-5xl:last-child{
    margin-right:0
}
.space-v-5xl{
    margin-bottom:var(--spacing-5xl)
}
.space-v-5xl:last-child{
    margin-bottom:0
}
.gap-5xl{
    gap:var(--spacing-5xl)
}
.row-gap-5xl{
    row-gap:var(--spacing-5xl)
}
.column-gap-5xl{
    column-gap:var(--spacing-5xl)
}
.space-h-4xl{
    margin-right:var(--spacing-4xl)
}
.space-h-4xl:last-child{
    margin-right:0
}
.space-v-4xl{
    margin-bottom:var(--spacing-4xl)
}
.space-v-4xl:last-child{
    margin-bottom:0
}
.gap-4xl{
    gap:var(--spacing-4xl)
}
.row-gap-4xl{
    row-gap:var(--spacing-4xl)
}
.column-gap-4xl{
    column-gap:var(--spacing-4xl)
}
.space-h-3xl{
    margin-right:var(--spacing-3xl)
}
.space-h-3xl:last-child{
    margin-right:0
}
.space-v-3xl{
    margin-bottom:var(--spacing-3xl)
}
.space-v-3xl:last-child{
    margin-bottom:0
}
.gap-3xl{
    gap:var(--spacing-3xl)
}
.row-gap-3xl{
    row-gap:var(--spacing-3xl)
}
.column-gap-3xl{
    column-gap:var(--spacing-3xl)
}
.space-h-2xl{
    margin-right:var(--spacing-2xl)
}
.space-h-2xl:last-child{
    margin-right:0
}
.space-v-2xl{
    margin-bottom:var(--spacing-2xl)
}
.space-v-2xl:last-child{
    margin-bottom:0
}
.gap-2xl{
    gap:var(--spacing-2xl)
}
.row-gap-2xl{
    row-gap:var(--spacing-2xl)
}
.column-gap-2xl{
    column-gap:var(--spacing-2xl)
}
.space-h-xl{
    margin-right:var(--spacing-xl)
}
.space-h-xl:last-child{
    margin-right:0
}
.space-v-xl{
    margin-bottom:var(--spacing-xl)
}
.space-v-xl:last-child{
    margin-bottom:0
}
.gap-xl{
    gap:var(--spacing-xl)
}
.row-gap-xl{
    row-gap:var(--spacing-xl)
}
.column-gap-xl{
    column-gap:var(--spacing-xl)
}
.space-h-l{
    margin-right:var(--spacing-l)
}
.space-h-l:last-child{
    margin-right:0
}
.space-v-l{
    margin-bottom:var(--spacing-l)
}
.space-v-l:last-child{
    margin-bottom:0
}
.gap-l{
    gap:var(--spacing-l)
}
.row-gap-l{
    row-gap:var(--spacing-l)
}
.column-gap-l{
    column-gap:var(--spacing-l)
}
.space-h-m{
    margin-right:var(--spacing-m)
}
.space-h-m:last-child{
    margin-right:0
}
.space-v-m{
    margin-bottom:var(--spacing-m)
}
.space-v-m:last-child{
    margin-bottom:0
}
.gap-m{
    gap:var(--spacing-m)
}
.row-gap-m{
    row-gap:var(--spacing-m)
}
.column-gap-m{
    column-gap:var(--spacing-m)
}
.space-h-s{
    margin-right:var(--spacing-s)
}
.space-h-s:last-child{
    margin-right:0
}
.space-v-s{
    margin-bottom:var(--spacing-s)
}
.space-v-s:last-child{
    margin-bottom:0
}
.gap-s{
    gap:var(--spacing-s)
}
.row-gap-s{
    row-gap:var(--spacing-s)
}
.column-gap-s{
    column-gap:var(--spacing-s)
}
.space-h-xs{
    margin-right:var(--spacing-xs)
}
.space-h-xs:last-child{
    margin-right:0
}
.space-v-xs{
    margin-bottom:var(--spacing-xs)
}
.space-v-xs:last-child{
    margin-bottom:0
}
.gap-xs{
    gap:var(--spacing-xs)
}
.row-gap-xs{
    row-gap:var(--spacing-xs)
}
.column-gap-xs{
    column-gap:var(--spacing-xs)
}
.space-h-2xs{
    margin-right:var(--spacing-2xs)
}
.space-h-2xs:last-child{
    margin-right:0
}
.space-v-2xs{
    margin-bottom:var(--spacing-2xs)
}
.space-v-2xs:last-child{
    margin-bottom:0
}
.gap-2xs{
    gap:var(--spacing-2xs)
}
.row-gap-2xs{
    row-gap:var(--spacing-2xs)
}
.column-gap-2xs{
    column-gap:var(--spacing-2xs)
}
.space-h-3xs{
    margin-right:var(--spacing-3xs)
}
.space-h-3xs:last-child{
    margin-right:0
}
.space-v-3xs{
    margin-bottom:var(--spacing-3xs)
}
.space-v-3xs:last-child{
    margin-bottom:0
}
.gap-3xs{
    gap:var(--spacing-3xs)
}
.row-gap-3xs{
    row-gap:var(--spacing-3xs)
}
.column-gap-3xs{
    column-gap:var(--spacing-3xs)
}
.space-h-4xs{
    margin-right:var(--spacing-4xs)
}
.space-h-4xs:last-child{
    margin-right:0
}
.space-v-4xs{
    margin-bottom:var(--spacing-4xs)
}
.space-v-4xs:last-child{
    margin-bottom:0
}
.gap-4xs{
    gap:var(--spacing-4xs)
}
.row-gap-4xs{
    row-gap:var(--spacing-4xs)
}
.column-gap-4xs{
    column-gap:var(--spacing-4xs)
}
.title-3xl-bold{
    font-size:var(--title-size-3xl-bp-base);
    line-height:120%;
    letter-spacing:-.02rem;
    font-weight:var(--font-weight-bold)
}
@media screen and (min-width:768px){
    .title-3xl-bold{
        font-size:var(--title-size-3xl-bp-s);
        line-height:120%;
        letter-spacing:-.0275rem
    }
}
@media screen and (min-width:1200px){
    .title-3xl-bold{
        font-size:var(--title-size-3xl-bp-l);
        line-height:110%;
        letter-spacing:-.04rem
    }
}
.title-3xl-book{
    font-size:var(--title-size-3xl-bp-base);
    line-height:120%;
    letter-spacing:-.02rem;
    font-weight:var(--font-weight-book)
}
@media screen and (min-width:768px){
    .title-3xl-book{
        font-size:var(--title-size-3xl-bp-s);
        line-height:120%;
        letter-spacing:-.0275rem
    }
}
@media screen and (min-width:1200px){
    .title-3xl-book{
        font-size:var(--title-size-3xl-bp-l);
        line-height:110%;
        letter-spacing:-.04rem
    }
}
.title-2xl-bold{
    font-size:var(--title-size-2xl-bp-base);
    line-height:130%;
    letter-spacing:-.0175rem;
    font-weight:var(--font-weight-bold)
}
@media screen and (min-width:768px){
    .title-2xl-bold{
        font-size:var(--title-size-2xl-bp-s);
        line-height:120%;
        letter-spacing:-.0225rem
    }
}
@media screen and (min-width:1200px){
    .title-2xl-bold{
        font-size:var(--title-size-2xl-bp-l);
        line-height:120%;
        letter-spacing:-.0325rem
    }
}
.title-2xl-book{
    font-size:var(--title-size-2xl-bp-base);
    line-height:130%;
    letter-spacing:-.0175rem;
    font-weight:var(--font-weight-book)
}
@media screen and (min-width:768px){
    .title-2xl-book{
        font-size:var(--title-size-2xl-bp-s);
        line-height:120%;
        letter-spacing:-.0225rem
    }
}
@media screen and (min-width:1200px){
    .title-2xl-book{
        font-size:var(--title-size-2xl-bp-l);
        line-height:120%;
        letter-spacing:-.0325rem
    }
}
.title-xl-bold{
    font-size:var(--title-size-xl-bp-base);
    line-height:130%;
    letter-spacing:-.0175rem;
    font-weight:var(--font-weight-bold)
}
@media screen and (min-width:768px){
    .title-xl-bold{
        font-size:var(--title-size-xl-bp-s);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:1200px){
    .title-xl-bold{
        font-size:var(--title-size-xl-bp-l);
        line-height:120%;
        letter-spacing:-.025rem
    }
}
.title-xl-book{
    font-size:var(--title-size-xl-bp-base);
    line-height:130%;
    letter-spacing:-.0175rem;
    font-weight:var(--font-weight-book)
}
@media screen and (min-width:768px){
    .title-xl-book{
        font-size:var(--title-size-xl-bp-s);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:1200px){
    .title-xl-book{
        font-size:var(--title-size-xl-bp-l);
        line-height:120%;
        letter-spacing:-.025rem
    }
}
.title-l-bold{
    font-size:var(--title-size-l-bp-base);
    line-height:130%;
    letter-spacing:-.015rem;
    font-weight:var(--font-weight-bold)
}
@media screen and (min-width:768px){
    .title-l-bold{
        font-size:var(--title-size-l-bp-s);
        line-height:130%;
        letter-spacing:-.01625rem
    }
}
@media screen and (min-width:1200px){
    .title-l-bold{
        font-size:var(--title-size-l-bp-l);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
.title-l-book{
    font-size:var(--title-size-l-bp-base);
    line-height:130%;
    letter-spacing:-.015rem;
    font-weight:var(--font-weight-book)
}
@media screen and (min-width:768px){
    .title-l-book{
        font-size:var(--title-size-l-bp-s);
        line-height:130%;
        letter-spacing:-.01625rem
    }
}
@media screen and (min-width:1200px){
    .title-l-book{
        font-size:var(--title-size-l-bp-l);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
.title-m-bold{
    font-size:var(--title-size-m-bp-base);
    line-height:150%;
    letter-spacing:-.0125rem;
    font-weight:var(--font-weight-bold)
}
@media screen and (min-width:768px){
    .title-m-bold{
        font-size:var(--title-size-m-bp-s);
        line-height:130%;
        letter-spacing:-.01375rem
    }
}
@media screen and (min-width:1200px){
    .title-m-bold{
        font-size:var(--title-size-m-bp-l);
        line-height:130%;
        letter-spacing:-.015rem
    }
}
.title-m-book{
    font-size:var(--title-size-m-bp-base);
    line-height:150%;
    letter-spacing:-.0125rem;
    font-weight:var(--font-weight-book)
}
@media screen and (min-width:768px){
    .title-m-book{
        font-size:var(--title-size-m-bp-s);
        line-height:130%;
        letter-spacing:-.01375rem
    }
}
@media screen and (min-width:1200px){
    .title-m-book{
        font-size:var(--title-size-m-bp-l);
        line-height:130%;
        letter-spacing:-.015rem
    }
}
.title-s-bold{
    font-size:var(--title-size-s-bp-base);
    line-height:150%;
    letter-spacing:-.01rem;
    font-weight:var(--font-weight-bold)
}
@media screen and (min-width:768px){
    .title-s-bold{
        font-size:var(--title-size-s-bp-s);
        line-height:150%;
        letter-spacing:-.01125rem
    }
}
@media screen and (min-width:1200px){
    .title-s-bold{
        font-size:var(--title-size-s-bp-l);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
.title-s-book{
    font-size:var(--title-size-s-bp-base);
    line-height:150%;
    letter-spacing:-.01rem;
    font-weight:var(--font-weight-book)
}
@media screen and (min-width:768px){
    .title-s-book{
        font-size:var(--title-size-s-bp-s);
        line-height:150%;
        letter-spacing:-.01125rem
    }
}
@media screen and (min-width:1200px){
    .title-s-book{
        font-size:var(--title-size-s-bp-l);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
@media screen and (min-width:375px){
    .title-3xl-from-2xs{
        font-size:var(--title-size-3xl-bp-base);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:375px)and (min-width:768px){
    .title-3xl-from-2xs{
        font-size:var(--title-size-3xl-bp-s);
        line-height:120%;
        letter-spacing:-.0275rem
    }
}
@media screen and (min-width:375px)and (min-width:1200px){
    .title-3xl-from-2xs{
        font-size:var(--title-size-3xl-bp-l);
        line-height:110%;
        letter-spacing:-.04rem
    }
}
@media screen and (min-width:375px){
    .title-2xl-from-2xs{
        font-size:var(--title-size-2xl-bp-base);
        line-height:130%;
        letter-spacing:-.0175rem
    }
}
@media screen and (min-width:375px)and (min-width:768px){
    .title-2xl-from-2xs{
        font-size:var(--title-size-2xl-bp-s);
        line-height:120%;
        letter-spacing:-.0225rem
    }
}
@media screen and (min-width:375px)and (min-width:1200px){
    .title-2xl-from-2xs{
        font-size:var(--title-size-2xl-bp-l);
        line-height:120%;
        letter-spacing:-.0325rem
    }
}
@media screen and (min-width:375px){
    .title-xl-from-2xs{
        font-size:var(--title-size-xl-bp-base);
        line-height:130%;
        letter-spacing:-.0175rem
    }
}
@media screen and (min-width:375px)and (min-width:768px){
    .title-xl-from-2xs{
        font-size:var(--title-size-xl-bp-s);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:375px)and (min-width:1200px){
    .title-xl-from-2xs{
        font-size:var(--title-size-xl-bp-l);
        line-height:120%;
        letter-spacing:-.025rem
    }
}
@media screen and (min-width:375px){
    .title-l-from-2xs{
        font-size:var(--title-size-l-bp-base);
        line-height:130%;
        letter-spacing:-.015rem
    }
}
@media screen and (min-width:375px)and (min-width:768px){
    .title-l-from-2xs{
        font-size:var(--title-size-l-bp-s);
        line-height:130%;
        letter-spacing:-.01625rem
    }
}
@media screen and (min-width:375px)and (min-width:1200px){
    .title-l-from-2xs{
        font-size:var(--title-size-l-bp-l);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:375px){
    .title-m-from-2xs{
        font-size:var(--title-size-m-bp-base);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
@media screen and (min-width:375px)and (min-width:768px){
    .title-m-from-2xs{
        font-size:var(--title-size-m-bp-s);
        line-height:130%;
        letter-spacing:-.01375rem
    }
}
@media screen and (min-width:375px)and (min-width:1200px){
    .title-m-from-2xs{
        font-size:var(--title-size-m-bp-l);
        line-height:130%;
        letter-spacing:-.015rem
    }
}
@media screen and (min-width:375px){
    .title-s-from-2xs{
        font-size:var(--title-size-s-bp-base);
        line-height:150%;
        letter-spacing:-.01rem
    }
}
@media screen and (min-width:375px)and (min-width:768px){
    .title-s-from-2xs{
        font-size:var(--title-size-s-bp-s);
        line-height:150%;
        letter-spacing:-.01125rem
    }
}
@media screen and (min-width:375px)and (min-width:1200px){
    .title-s-from-2xs{
        font-size:var(--title-size-s-bp-l);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
@media screen and (min-width:576px){
    .title-3xl-from-xs{
        font-size:var(--title-size-3xl-bp-base);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:576px)and (min-width:768px){
    .title-3xl-from-xs{
        font-size:var(--title-size-3xl-bp-s);
        line-height:120%;
        letter-spacing:-.0275rem
    }
}
@media screen and (min-width:576px)and (min-width:1200px){
    .title-3xl-from-xs{
        font-size:var(--title-size-3xl-bp-l);
        line-height:110%;
        letter-spacing:-.04rem
    }
}
@media screen and (min-width:576px){
    .title-2xl-from-xs{
        font-size:var(--title-size-2xl-bp-base);
        line-height:130%;
        letter-spacing:-.0175rem
    }
}
@media screen and (min-width:576px)and (min-width:768px){
    .title-2xl-from-xs{
        font-size:var(--title-size-2xl-bp-s);
        line-height:120%;
        letter-spacing:-.0225rem
    }
}
@media screen and (min-width:576px)and (min-width:1200px){
    .title-2xl-from-xs{
        font-size:var(--title-size-2xl-bp-l);
        line-height:120%;
        letter-spacing:-.0325rem
    }
}
@media screen and (min-width:576px){
    .title-xl-from-xs{
        font-size:var(--title-size-xl-bp-base);
        line-height:130%;
        letter-spacing:-.0175rem
    }
}
@media screen and (min-width:576px)and (min-width:768px){
    .title-xl-from-xs{
        font-size:var(--title-size-xl-bp-s);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:576px)and (min-width:1200px){
    .title-xl-from-xs{
        font-size:var(--title-size-xl-bp-l);
        line-height:120%;
        letter-spacing:-.025rem
    }
}
@media screen and (min-width:576px){
    .title-l-from-xs{
        font-size:var(--title-size-l-bp-base);
        line-height:130%;
        letter-spacing:-.015rem
    }
}
@media screen and (min-width:576px)and (min-width:768px){
    .title-l-from-xs{
        font-size:var(--title-size-l-bp-s);
        line-height:130%;
        letter-spacing:-.01625rem
    }
}
@media screen and (min-width:576px)and (min-width:1200px){
    .title-l-from-xs{
        font-size:var(--title-size-l-bp-l);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:576px){
    .title-m-from-xs{
        font-size:var(--title-size-m-bp-base);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
@media screen and (min-width:576px)and (min-width:768px){
    .title-m-from-xs{
        font-size:var(--title-size-m-bp-s);
        line-height:130%;
        letter-spacing:-.01375rem
    }
}
@media screen and (min-width:576px)and (min-width:1200px){
    .title-m-from-xs{
        font-size:var(--title-size-m-bp-l);
        line-height:130%;
        letter-spacing:-.015rem
    }
}
@media screen and (min-width:576px){
    .title-s-from-xs{
        font-size:var(--title-size-s-bp-base);
        line-height:150%;
        letter-spacing:-.01rem
    }
}
@media screen and (min-width:576px)and (min-width:768px){
    .title-s-from-xs{
        font-size:var(--title-size-s-bp-s);
        line-height:150%;
        letter-spacing:-.01125rem
    }
}
@media screen and (min-width:576px)and (min-width:1200px){
    .title-s-from-xs{
        font-size:var(--title-size-s-bp-l);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
@media screen and (min-width:768px){
    .title-3xl-from-s{
        font-size:var(--title-size-3xl-bp-base);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:768px)and (min-width:768px){
    .title-3xl-from-s{
        font-size:var(--title-size-3xl-bp-s);
        line-height:120%;
        letter-spacing:-.0275rem
    }
}
@media screen and (min-width:768px)and (min-width:1200px){
    .title-3xl-from-s{
        font-size:var(--title-size-3xl-bp-l);
        line-height:110%;
        letter-spacing:-.04rem
    }
}
@media screen and (min-width:768px){
    .title-2xl-from-s{
        font-size:var(--title-size-2xl-bp-base);
        line-height:130%;
        letter-spacing:-.0175rem
    }
}
@media screen and (min-width:768px)and (min-width:768px){
    .title-2xl-from-s{
        font-size:var(--title-size-2xl-bp-s);
        line-height:120%;
        letter-spacing:-.0225rem
    }
}
@media screen and (min-width:768px)and (min-width:1200px){
    .title-2xl-from-s{
        font-size:var(--title-size-2xl-bp-l);
        line-height:120%;
        letter-spacing:-.0325rem
    }
}
@media screen and (min-width:768px){
    .title-xl-from-s{
        font-size:var(--title-size-xl-bp-base);
        line-height:130%;
        letter-spacing:-.0175rem
    }
}
@media screen and (min-width:768px)and (min-width:768px){
    .title-xl-from-s{
        font-size:var(--title-size-xl-bp-s);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:768px)and (min-width:1200px){
    .title-xl-from-s{
        font-size:var(--title-size-xl-bp-l);
        line-height:120%;
        letter-spacing:-.025rem
    }
}
@media screen and (min-width:768px){
    .title-l-from-s{
        font-size:var(--title-size-l-bp-base);
        line-height:130%;
        letter-spacing:-.015rem
    }
}
@media screen and (min-width:768px)and (min-width:768px){
    .title-l-from-s{
        font-size:var(--title-size-l-bp-s);
        line-height:130%;
        letter-spacing:-.01625rem
    }
}
@media screen and (min-width:768px)and (min-width:1200px){
    .title-l-from-s{
        font-size:var(--title-size-l-bp-l);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:768px){
    .title-m-from-s{
        font-size:var(--title-size-m-bp-base);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
@media screen and (min-width:768px)and (min-width:768px){
    .title-m-from-s{
        font-size:var(--title-size-m-bp-s);
        line-height:130%;
        letter-spacing:-.01375rem
    }
}
@media screen and (min-width:768px)and (min-width:1200px){
    .title-m-from-s{
        font-size:var(--title-size-m-bp-l);
        line-height:130%;
        letter-spacing:-.015rem
    }
}
@media screen and (min-width:768px){
    .title-s-from-s{
        font-size:var(--title-size-s-bp-base);
        line-height:150%;
        letter-spacing:-.01rem
    }
}
@media screen and (min-width:768px)and (min-width:768px){
    .title-s-from-s{
        font-size:var(--title-size-s-bp-s);
        line-height:150%;
        letter-spacing:-.01125rem
    }
}
@media screen and (min-width:768px)and (min-width:1200px){
    .title-s-from-s{
        font-size:var(--title-size-s-bp-l);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
@media screen and (min-width:992px){
    .title-3xl-from-m{
        font-size:var(--title-size-3xl-bp-base);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:992px)and (min-width:768px){
    .title-3xl-from-m{
        font-size:var(--title-size-3xl-bp-s);
        line-height:120%;
        letter-spacing:-.0275rem
    }
}
@media screen and (min-width:992px)and (min-width:1200px){
    .title-3xl-from-m{
        font-size:var(--title-size-3xl-bp-l);
        line-height:110%;
        letter-spacing:-.04rem
    }
}
@media screen and (min-width:992px){
    .title-2xl-from-m{
        font-size:var(--title-size-2xl-bp-base);
        line-height:130%;
        letter-spacing:-.0175rem
    }
}
@media screen and (min-width:992px)and (min-width:768px){
    .title-2xl-from-m{
        font-size:var(--title-size-2xl-bp-s);
        line-height:120%;
        letter-spacing:-.0225rem
    }
}
@media screen and (min-width:992px)and (min-width:1200px){
    .title-2xl-from-m{
        font-size:var(--title-size-2xl-bp-l);
        line-height:120%;
        letter-spacing:-.0325rem
    }
}
@media screen and (min-width:992px){
    .title-xl-from-m{
        font-size:var(--title-size-xl-bp-base);
        line-height:130%;
        letter-spacing:-.0175rem
    }
}
@media screen and (min-width:992px)and (min-width:768px){
    .title-xl-from-m{
        font-size:var(--title-size-xl-bp-s);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:992px)and (min-width:1200px){
    .title-xl-from-m{
        font-size:var(--title-size-xl-bp-l);
        line-height:120%;
        letter-spacing:-.025rem
    }
}
@media screen and (min-width:992px){
    .title-l-from-m{
        font-size:var(--title-size-l-bp-base);
        line-height:130%;
        letter-spacing:-.015rem
    }
}
@media screen and (min-width:992px)and (min-width:768px){
    .title-l-from-m{
        font-size:var(--title-size-l-bp-s);
        line-height:130%;
        letter-spacing:-.01625rem
    }
}
@media screen and (min-width:992px)and (min-width:1200px){
    .title-l-from-m{
        font-size:var(--title-size-l-bp-l);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:992px){
    .title-m-from-m{
        font-size:var(--title-size-m-bp-base);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
@media screen and (min-width:992px)and (min-width:768px){
    .title-m-from-m{
        font-size:var(--title-size-m-bp-s);
        line-height:130%;
        letter-spacing:-.01375rem
    }
}
@media screen and (min-width:992px)and (min-width:1200px){
    .title-m-from-m{
        font-size:var(--title-size-m-bp-l);
        line-height:130%;
        letter-spacing:-.015rem
    }
}
@media screen and (min-width:992px){
    .title-s-from-m{
        font-size:var(--title-size-s-bp-base);
        line-height:150%;
        letter-spacing:-.01rem
    }
}
@media screen and (min-width:992px)and (min-width:768px){
    .title-s-from-m{
        font-size:var(--title-size-s-bp-s);
        line-height:150%;
        letter-spacing:-.01125rem
    }
}
@media screen and (min-width:992px)and (min-width:1200px){
    .title-s-from-m{
        font-size:var(--title-size-s-bp-l);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
@media screen and (min-width:1200px){
    .title-3xl-from-l{
        font-size:var(--title-size-3xl-bp-base);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:1200px)and (min-width:768px){
    .title-3xl-from-l{
        font-size:var(--title-size-3xl-bp-s);
        line-height:120%;
        letter-spacing:-.0275rem
    }
}
@media screen and (min-width:1200px)and (min-width:1200px){
    .title-3xl-from-l{
        font-size:var(--title-size-3xl-bp-l);
        line-height:110%;
        letter-spacing:-.04rem
    }
}
@media screen and (min-width:1200px){
    .title-2xl-from-l{
        font-size:var(--title-size-2xl-bp-base);
        line-height:130%;
        letter-spacing:-.0175rem
    }
}
@media screen and (min-width:1200px)and (min-width:768px){
    .title-2xl-from-l{
        font-size:var(--title-size-2xl-bp-s);
        line-height:120%;
        letter-spacing:-.0225rem
    }
}
@media screen and (min-width:1200px)and (min-width:1200px){
    .title-2xl-from-l{
        font-size:var(--title-size-2xl-bp-l);
        line-height:120%;
        letter-spacing:-.0325rem
    }
}
@media screen and (min-width:1200px){
    .title-xl-from-l{
        font-size:var(--title-size-xl-bp-base);
        line-height:130%;
        letter-spacing:-.0175rem
    }
}
@media screen and (min-width:1200px)and (min-width:768px){
    .title-xl-from-l{
        font-size:var(--title-size-xl-bp-s);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:1200px)and (min-width:1200px){
    .title-xl-from-l{
        font-size:var(--title-size-xl-bp-l);
        line-height:120%;
        letter-spacing:-.025rem
    }
}
@media screen and (min-width:1200px){
    .title-l-from-l{
        font-size:var(--title-size-l-bp-base);
        line-height:130%;
        letter-spacing:-.015rem
    }
}
@media screen and (min-width:1200px)and (min-width:768px){
    .title-l-from-l{
        font-size:var(--title-size-l-bp-s);
        line-height:130%;
        letter-spacing:-.01625rem
    }
}
@media screen and (min-width:1200px)and (min-width:1200px){
    .title-l-from-l{
        font-size:var(--title-size-l-bp-l);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:1200px){
    .title-m-from-l{
        font-size:var(--title-size-m-bp-base);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
@media screen and (min-width:1200px)and (min-width:768px){
    .title-m-from-l{
        font-size:var(--title-size-m-bp-s);
        line-height:130%;
        letter-spacing:-.01375rem
    }
}
@media screen and (min-width:1200px)and (min-width:1200px){
    .title-m-from-l{
        font-size:var(--title-size-m-bp-l);
        line-height:130%;
        letter-spacing:-.015rem
    }
}
@media screen and (min-width:1200px){
    .title-s-from-l{
        font-size:var(--title-size-s-bp-base);
        line-height:150%;
        letter-spacing:-.01rem
    }
}
@media screen and (min-width:1200px)and (min-width:768px){
    .title-s-from-l{
        font-size:var(--title-size-s-bp-s);
        line-height:150%;
        letter-spacing:-.01125rem
    }
}
@media screen and (min-width:1200px)and (min-width:1200px){
    .title-s-from-l{
        font-size:var(--title-size-s-bp-l);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
@media screen and (min-width:1680px){
    .title-3xl-from-xl{
        font-size:var(--title-size-3xl-bp-base);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:1680px)and (min-width:768px){
    .title-3xl-from-xl{
        font-size:var(--title-size-3xl-bp-s);
        line-height:120%;
        letter-spacing:-.0275rem
    }
}
@media screen and (min-width:1680px)and (min-width:1200px){
    .title-3xl-from-xl{
        font-size:var(--title-size-3xl-bp-l);
        line-height:110%;
        letter-spacing:-.04rem
    }
}
@media screen and (min-width:1680px){
    .title-2xl-from-xl{
        font-size:var(--title-size-2xl-bp-base);
        line-height:130%;
        letter-spacing:-.0175rem
    }
}
@media screen and (min-width:1680px)and (min-width:768px){
    .title-2xl-from-xl{
        font-size:var(--title-size-2xl-bp-s);
        line-height:120%;
        letter-spacing:-.0225rem
    }
}
@media screen and (min-width:1680px)and (min-width:1200px){
    .title-2xl-from-xl{
        font-size:var(--title-size-2xl-bp-l);
        line-height:120%;
        letter-spacing:-.0325rem
    }
}
@media screen and (min-width:1680px){
    .title-xl-from-xl{
        font-size:var(--title-size-xl-bp-base);
        line-height:130%;
        letter-spacing:-.0175rem
    }
}
@media screen and (min-width:1680px)and (min-width:768px){
    .title-xl-from-xl{
        font-size:var(--title-size-xl-bp-s);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:1680px)and (min-width:1200px){
    .title-xl-from-xl{
        font-size:var(--title-size-xl-bp-l);
        line-height:120%;
        letter-spacing:-.025rem
    }
}
@media screen and (min-width:1680px){
    .title-l-from-xl{
        font-size:var(--title-size-l-bp-base);
        line-height:130%;
        letter-spacing:-.015rem
    }
}
@media screen and (min-width:1680px)and (min-width:768px){
    .title-l-from-xl{
        font-size:var(--title-size-l-bp-s);
        line-height:130%;
        letter-spacing:-.01625rem
    }
}
@media screen and (min-width:1680px)and (min-width:1200px){
    .title-l-from-xl{
        font-size:var(--title-size-l-bp-l);
        line-height:120%;
        letter-spacing:-.02rem
    }
}
@media screen and (min-width:1680px){
    .title-m-from-xl{
        font-size:var(--title-size-m-bp-base);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
@media screen and (min-width:1680px)and (min-width:768px){
    .title-m-from-xl{
        font-size:var(--title-size-m-bp-s);
        line-height:130%;
        letter-spacing:-.01375rem
    }
}
@media screen and (min-width:1680px)and (min-width:1200px){
    .title-m-from-xl{
        font-size:var(--title-size-m-bp-l);
        line-height:130%;
        letter-spacing:-.015rem
    }
}
@media screen and (min-width:1680px){
    .title-s-from-xl{
        font-size:var(--title-size-s-bp-base);
        line-height:150%;
        letter-spacing:-.01rem
    }
}
@media screen and (min-width:1680px)and (min-width:768px){
    .title-s-from-xl{
        font-size:var(--title-size-s-bp-s);
        line-height:150%;
        letter-spacing:-.01125rem
    }
}
@media screen and (min-width:1680px)and (min-width:1200px){
    .title-s-from-xl{
        font-size:var(--title-size-s-bp-l);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
.text-l-bold{
    font-weight:var(--font-weight-bold)
}
.text-l-bold,.text-l-book{
    font-size:var(--text-size-l-bp-base);
    line-height:1.618rem
}
.text-l-book{
    font-weight:var(--font-weight-book)
}
.text-m-bold{
    font-weight:var(--font-weight-bold)
}
.text-m-bold,.text-m-book{
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem
}
.text-m-book{
    font-weight:var(--font-weight-book)
}
.text-s-bold{
    font-weight:var(--font-weight-bold)
}
.text-s-bold,.text-s-book{
    font-size:var(--text-size-s-bp-base);
    line-height:1.2135rem
}
.text-s-book{
    font-weight:var(--font-weight-book)
}
@media screen and (min-width:375px){
    .text-l-from-2xs{
        font-size:var(--text-size-l-bp-base);
        line-height:1.618rem
    }
    .text-m-from-2xs{
        font-size:var(--text-size-m-bp-base);
        line-height:1.41575rem
    }
    .text-s-from-2xs{
        font-size:var(--text-size-s-bp-base);
        line-height:1.2135rem
    }
}
@media screen and (min-width:576px){
    .text-l-from-xs{
        font-size:var(--text-size-l-bp-base);
        line-height:1.618rem
    }
    .text-m-from-xs{
        font-size:var(--text-size-m-bp-base);
        line-height:1.41575rem
    }
    .text-s-from-xs{
        font-size:var(--text-size-s-bp-base);
        line-height:1.2135rem
    }
}
@media screen and (min-width:768px){
    .text-l-from-s{
        font-size:var(--text-size-l-bp-base);
        line-height:1.618rem
    }
    .text-m-from-s{
        font-size:var(--text-size-m-bp-base);
        line-height:1.41575rem
    }
    .text-s-from-s{
        font-size:var(--text-size-s-bp-base);
        line-height:1.2135rem
    }
}
@media screen and (min-width:992px){
    .text-l-from-m{
        font-size:var(--text-size-l-bp-base);
        line-height:1.618rem
    }
    .text-m-from-m{
        font-size:var(--text-size-m-bp-base);
        line-height:1.41575rem
    }
    .text-s-from-m{
        font-size:var(--text-size-s-bp-base);
        line-height:1.2135rem
    }
}
@media screen and (min-width:1200px){
    .text-l-from-l{
        font-size:var(--text-size-l-bp-base);
        line-height:1.618rem
    }
    .text-m-from-l{
        font-size:var(--text-size-m-bp-base);
        line-height:1.41575rem
    }
    .text-s-from-l{
        font-size:var(--text-size-s-bp-base);
        line-height:1.2135rem
    }
}
@media screen and (min-width:1680px){
    .text-l-from-xl{
        font-size:var(--text-size-l-bp-base);
        line-height:1.618rem
    }
    .text-m-from-xl{
        font-size:var(--text-size-m-bp-base);
        line-height:1.41575rem
    }
    .text-s-from-xl{
        font-size:var(--text-size-s-bp-base);
        line-height:1.2135rem
    }
}
[data-theme=light]{
    --highlight-color-alt:initial
}
[data-theme=alt]{
    --highlight-color-alt:pyxis.color(neutralLight)
}
.highlighted-text{
    --highlight-color:var(--color-brand-base);
    font-weight:var(--font-weight-bold);
    color:var(--highlight-color-alt,var(--highlight-color))
}
.zP4AL{
    border-radius:0;
    padding:var(--spacing-2xs) max((100vw - 110rem)/2,var(--spacing-4xl));
    transition-duration:.3s;
    transition-property:background-color,color
}
.zP4AL .message__close{
    color:var(--color-action-base)
}
@media screen and (min-width:992px)and (max-width:1199px){
    .zP4AL{
        padding-left:var(--spacing-xl);
        padding-right:var(--spacing-xl)
    }
}
@media screen and (min-width:1px)and (max-width:991px){
    .zP4AL{
        padding:var(--spacing-2xs) var(--spacing-m) var(--spacing-2xs) var(--spacing-m)
    }
}
.lbMbZ.message--neutral{
    background-color:var(--color-brand-base)
}
.EK-vJ.message--error,.lbMbZ .message__close,.lbMbZ .message__icon,.lbMbZ .message__text,.lbMbZ.message--neutral{
    color:var(--color-neutral-light)
}
.EK-vJ.message--error{
    background-color:var(--color-error-base)
}
.EK-vJ .message__close,.EK-vJ .message__icon,.EK-vJ .message__text{
    color:var(--color-neutral-light)
}
._6naZN{
    display:flex;
    flex-direction:column;
    gap:var(--spacing-xs);
    height:100%;
    justify-content:space-between;
    margin:0
}
._9wMOG{
    -webkit-box-orient:vertical;
    display:-webkit-box;
    -webkit-line-clamp:3;
    overflow:hidden;
    overflow-wrap:anywhere
}
.cjbsa{
    display:inline-block;
    font-style:normal;
    text-transform:lowercase
}
.cjbsa:first-line{
    text-transform:capitalize
}
[data-theme=light]{
    --cardgroup-title-alt:initial
}
[data-theme=alt]{
    --cardgroup-title-alt:var(--color-neutral-light)
}
.DbQG5{
    --cardgroup-title:var(--color-neutral-base);
    display:grid;
    grid-gap:var(--spacing-l);
    gap:var(--spacing-l)
}
@media screen and (min-width:992px){
    .DbQG5{
        gap:var(--spacing-xl)
    }
}
._8pNwo{
    gap:var(--spacing-xl)
}
.JWCBu{
    color:var(--cardgroup-title-alt,var(--cardgroup-title))
}
.-f4mk{
    --max-columns:4;
    display:grid;
    grid-gap:var(--spacing-s);
    gap:var(--spacing-s)
}
@media screen and (min-width:768px){
    .-f4mk{
        gap:var(--spacing-l)
    }
}
@media screen and (min-width:992px){
    .-f4mk{
        grid-template-columns:repeat(var(--max-columns),1fr)
    }
}
.HaUdW{
    gap:var(--spacing-m)
}
@media screen and (min-width:768px){
    .HaUdW{
        gap:var(--spacing-xl)
    }
}
._9jx7q{
    grid-template-columns:repeat(auto-fit,minmax(calc(31.25rem + var(--spacing-s)),1fr))
}
@media screen and (min-width:768px){
    ._9jx7q{
        grid-template-columns:repeat(auto-fit,minmax(calc(31.25rem + var(--spacing-l)),1fr))
    }
}
._9jx7q.HaUdW{
    grid-template-columns:repeat(auto-fit,minmax(calc(31.25rem + var(--spacing-m)),1fr))
}
@media screen and (min-width:768px){
    ._9jx7q.HaUdW{
        grid-template-columns:repeat(auto-fit,minmax(calc(31.25rem + var(--spacing-xl)),1fr))
    }
}
.Kw2mg{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(15.625rem,1fr));
    grid-gap:var(--spacing-s);
    gap:var(--spacing-s)
}
@media screen and (min-width:768px){
    .Kw2mg{
        gap:var(--spacing-l)
    }
}
.Kw2mg>:only-child{
    max-width:calc(50% - var(--spacing-l)/2)
}
.JMWlU{
    padding:0
}
@media screen and (min-width:992px){
    .JMWlU{
        padding:0 var(--spacing-3xl)
    }
}
@media screen and (min-width:1200px){
    .JMWlU{
        padding:0 var(--spacing-4xl)
    }
}
@media screen and (min-width:992px){
    .JMWlU{
        border-radius:var(--radius-4xl);
        margin-left:auto;
        margin-right:auto;
        width:auto
    }
}
.EGlUx{
    display:grid;
    grid-gap:var(--spacing-m);
    gap:var(--spacing-m)
}
@media screen and (min-width:992px){
    .EGlUx{
        column-gap:var(--spacing-l);
        grid-template-areas:"header slider slider" "header . buttons";
        grid-template-columns:repeat(3,1fr);
        grid-template-rows:repeat(2,auto)
    }
}
@media screen and (min-width:1680px){
    .EGlUx{
        grid-template-areas:"header slider slider slider" "header . . buttons";
        grid-template-columns:repeat(4,1fr)
    }
}
@media screen and (min-width:992px){
    .y9gps{
        grid-template-areas:"header" "slider" "buttons";
        grid-template-columns:1fr
    }
}
.e4Ozy{
    align-content:flex-start;
    display:grid;
    grid-gap:var(--spacing-s);
    gap:var(--spacing-s);
    justify-items:flex-start
}
@media screen and (min-width:992px){
    .e4Ozy{
        grid-area:header
    }
}
.nwyXF{
    grid-column-gap:var(--spacing-m);
    column-gap:var(--spacing-m);
    display:grid;
    grid-auto-columns:calc(100% - var(--spacing-2xl));
    grid-auto-flow:column;
    left:0;
    list-style:none;
    margin:0 calc(-1*var(--spacing-m));
    -webkit-overflow-scrolling:touch;
    overflow-x:scroll;
    overflow-y:hidden;
    padding:0 var(--spacing-m);
    position:relative;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    width:calc(100% + var(--spacing-m)*2)
}
@media screen and (min-width:576px){
    .nwyXF{
        grid-auto-columns:calc((100% - var(--spacing-2xl) - var(--spacing-m))/2)
    }
}
@media screen and (min-width:992px){
    .nwyXF{
        grid-area:slider;
        grid-auto-columns:calc((100% - var(--spacing-m))/2);
        margin:0;
        padding:0;
        width:100%
    }
}
@media screen and (min-width:1680px){
    .nwyXF{
        grid-auto-columns:calc((100% - var(--spacing-m)*2)/3)
    }
}
@media screen and (min-width:992px){
    .y9gps .nwyXF{
        grid-auto-columns:calc((100% - var(--spacing-m)*2)/3)
    }
}
@media screen and (min-width:1680px){
    .y9gps .nwyXF{
        grid-auto-columns:calc((100% - var(--spacing-m)*3)/4)
    }
}
.ntCNf{
    display:flex;
    scroll-snap-align:center;
    width:100%
}
.ntCNf .card{
    height:100%
}
@media screen and (min-width:992px){
    .ntCNf{
        scroll-snap-align:start
    }
}
.unubA{
    display:flex;
    gap:var(--spacing-2xs)
}
@media screen and (min-width:768px){
    .unubA{
        justify-content:flex-end
    }
}
@media screen and (min-width:992px){
    .unubA{
        grid-area:buttons
    }
}
[data-theme=light]{
    --carousel-highlighted-alt:initial
}
[data-theme=alt]{
    --carousel-highlighted-alt:var(--color-neutral-light)
}
.v-kU7{
    --carousel-highlighted:var(--color-brand-base);
    margin:0 auto;
    width:100%;
    padding:0;
    max-width:110rem
}
@media screen and (min-width:1px)and (max-width:374px){
    .v-kU7{
        max-width:calc(100vw - 2.5rem)
    }
}
@media screen and (min-width:375px)and (max-width:575px){
    .v-kU7{
        max-width:calc(100vw - 2.5rem)
    }
}
@media screen and (min-width:576px)and (max-width:767px){
    .v-kU7{
        max-width:calc(100vw - 2.5rem)
    }
}
@media screen and (min-width:768px)and (max-width:991px){
    .v-kU7{
        max-width:calc(100vw - 2.5rem)
    }
}
@media screen and (min-width:992px){
    .v-kU7{
        padding:0 var(--spacing-3xl)
    }
}
@media screen and (min-width:1200px){
    .v-kU7{
        padding:0 var(--spacing-4xl)
    }
}
@media screen and (min-width:992px){
    .v-kU7{
        border-radius:var(--radius-4xl);
        margin-left:auto;
        margin-right:auto;
        width:auto
    }
}
@media screen and (min-width:768px)and (max-width:991px){
    .v-kU7{
        border-radius:var(--radius-3xl)
    }
}
@media screen and (min-width:992px){
    .v-kU7{
        border-radius:var(--radius-4xl)
    }
}
.v-kU7 .highlighted-text{
    color:var(--carousel-highlighted-alt,var(--carousel-highlighted))
}
.tq1xZ{
    padding:0
}
@media screen and (min-width:768px){
    .tq1xZ{
        background:var(--color-neutral-95);
        padding:var(--spacing-xl)
    }
}
@media screen and (min-width:992px){
    .tq1xZ{
        padding:var(--spacing-3xl)
    }
}
@media screen and (min-width:1200px){
    .tq1xZ{
        padding:var(--spacing-4xl)
    }
}
@media screen and (min-width:1px)and (max-width:767px){
    .tq1xZ .carousel-section__item{
        background:var(--color-neutral-95);
        border:none
    }
}
.BM7MR{
    padding:0
}
@media screen and (min-width:768px){
    .BM7MR{
        background:var(--color-neutral-base);
        padding:var(--spacing-xl)
    }
}
@media screen and (min-width:992px){
    .BM7MR{
        padding:var(--spacing-3xl)
    }
}
@media screen and (min-width:1200px){
    .BM7MR{
        padding:var(--spacing-4xl)
    }
}
@media screen and (min-width:1px)and (max-width:767px){
    .BM7MR .carousel-section__item{
        background:var(--color-neutral-base);
        border:none
    }
}
.kTLmF{
    padding:0
}
@media screen and (min-width:768px){
    .kTLmF{
        background:var(--gradient-brand);
        padding:var(--spacing-xl)
    }
}
@media screen and (min-width:992px){
    .kTLmF{
        padding:var(--spacing-3xl)
    }
}
@media screen and (min-width:1200px){
    .kTLmF{
        padding:var(--spacing-4xl)
    }
}
@media screen and (min-width:1px)and (max-width:767px){
    .kTLmF .carousel-section__item{
        background:var(--gradient-brand);
        border:none
    }
}
[data-theme=light]{
    --carousel-eyebrown-alt:initial;
    --carousel-title-alt:initial;
    --carousel-body-alt:initial
}
[data-theme=alt]{
    --carousel-eyebrown-alt:var(--color-neutral-85);
    --carousel-title-alt:var(--color-neutral-light);
    --carousel-body-alt:var(--color-neutral-85)
}
.carousel-section__item{
    --carousel-eyebrown:var(--color-neutral-25);
    --carousel-title:var(--color-neutral-base);
    --carousel-body:var(--color-neutral-25)
}
@media screen and (min-width:1px)and (max-width:767px){
    .carousel-section__item{
        border-radius:var(--radius-2xl);
        border:.125rem solid var(--color-neutral-85);
        max-width:25rem;
        min-width:16rem;
        padding:var(--spacing-l);
        scroll-snap-align:center;
        width:calc(100vw - 4*var(--spacing-m))
    }
}
@media screen and (min-width:768px){
    .carousel-section__item{
        padding-top:var(--spacing-2xl)
    }
}
._7Tmuc{
    grid-auto-rows:max-content auto
}
@media screen and (min-width:768px){
    ._7Tmuc{
        align-items:center
    }
}
._7AwfR{
    display:grid;
    grid-gap:var(--spacing-l);
    gap:var(--spacing-l);
    grid-auto-rows:1fr min-content
}
@media screen and (min-width:768px){
    ._7AwfR{
        align-items:center;
        grid-auto-rows:min-content
    }
}
._64UQv{
    margin-bottom:var(--spacing-3xs);
    color:var(--carousel-eyebrown-alt,var(--carousel-eyebrown))
}
@media screen and (min-width:768px){
    ._64UQv{
        margin-bottom:var(--spacing-xs)
    }
}
.FzdW1{
    margin-bottom:var(--spacing-2xs);
    color:var(--carousel-title-alt,var(--carousel-title))
}
@media screen and (min-width:768px){
    .FzdW1{
        margin-bottom:var(--spacing-m)
    }
}
.lSTxA{
    color:var(--carousel-body-alt,var(--carousel-body))
}
.CudCS .link{
    font-size:var(--title-size-s-bp-base);
    line-height:150%;
    letter-spacing:-.01rem;
    font-weight:var(--font-weight-bold)
}
@media screen and (min-width:768px){
    .CudCS .link{
        font-size:var(--title-size-s-bp-s);
        line-height:150%;
        letter-spacing:-.01125rem
    }
}
@media screen and (min-width:1200px){
    .CudCS .link{
        font-size:var(--title-size-s-bp-l);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
.Rr6t6{
    grid-gap:var(--spacing-m);
    gap:var(--spacing-m);
    display:grid
}
@media screen and (min-width:992px){
    .Rr6t6{
        gap:var(--spacing-xl)
    }
}
.ntFCx{
    align-self:center;
    grid-column-gap:var(--spacing-m);
    column-gap:var(--spacing-m);
    display:grid;
    grid-auto-flow:column;
    left:0;
    margin:0 calc(-1*(var(--spacing-m)));
    -webkit-overflow-scrolling:touch;
    overflow-x:scroll;
    overflow-y:hidden;
    position:relative;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    scrollbar-width:none
}
.ntFCx:after,.ntFCx:before{
    content:"";
    height:1px;
    margin-left:-1px;
    width:1px
}
.-YLZt{
    display:grid;
    grid-gap:var(--spacing-2xs);
    gap:var(--spacing-2xs);
    grid-auto-flow:column;
    justify-self:flex-start
}
@media screen and (min-width:768px){
    .-YLZt{
        justify-self:flex-end
    }
}
[data-theme=light]{
    --contactbox-text-alt:initial
}
[data-theme=alt]{
    --contactbox-text-alt:var(--color-neutral-light)
}
.fhnVr{
    --contactbox-text:var(--color-neutral-25);
    align-items:center;
    cursor:pointer;
    display:flex;
    font-style:normal;
    gap:var(--spacing-s);
    position:relative;
    width:-moz-fit-content;
    width:fit-content
}
.xsNcB:after{
    inset:0;
    position:absolute;
    content:""
}
.sT8EY{
    color:var(--contactbox-text-alt,var(--contactbox-text))
}
[data-theme=light]{
    --disclaimer-text-alt:initial
}
[data-theme=alt]{
    --disclaimer-text-alt:var(--color-neutral-85)
}
._6vcJu{
    --disclaimer-text:var(--color-neutral-25);
    color:var(--disclaimer-text-alt,var(--disclaimer-text))
}
.K4vdS{
    display:flex;
    gap:var(--spacing-xs)
}
.smP7p{
    padding-top:var(--spacing-3xl);
    background-color:var(--color-neutral-base);
    margin-top:calc(-1*var(--spacing-3xl))
}
@media screen and (min-width:768px){
    .smP7p{
        padding-top:var(--spacing-4xl)
    }
}
@media screen and (min-width:1200px){
    .smP7p{
        padding-top:var(--spacing-5xl)
    }
}
@media screen and (min-width:768px){
    .smP7p{
        margin-top:calc(-1*var(--spacing-4xl))
    }
}
@media screen and (min-width:1200px){
    .smP7p{
        margin-top:calc(-1*var(--spacing-5xl))
    }
}
.QnpIx{
    margin:0 auto;
    width:100%;
    padding:var(--spacing-xl) var(--spacing-m) 0 var(--spacing-m);
}
@media screen and (min-width:768px){
    .QnpIx{
        max-width:calc(100vw - 2.5rem)
    }
}
@media screen and (min-width:992px){
    .QnpIx{
        max-width:960px;
        padding:var(--spacing-xl) 0 0 0;
    }
}
@media screen and (min-width:1200px){
    .QnpIx{
        max-width:1140px
    }
}
@media screen and (min-width:1680px){
    .QnpIx{
        max-width:1370px
    }
}
@media screen and (min-width:768px){
    .QnpIx{
        padding-top:var(--spacing-4xl);
    }
}
.KNQJn{
    display:grid;
    grid-gap:var(--spacing-4xl);
    gap:var(--spacing-4xl);
    grid-template-columns:1fr 1fr
}
.gjEa-{
    align-content:flex-start;
    display:grid;
    grid-gap:0 var(--spacing-m);
    grid-template-rows:auto;
    order:1;
    padding:0 var(--spacing-m);
    max-width: 1420px;
    margin: auto;
    padding-bottom: var(--spacing-xl);
}
.MGNBs{
    border-color:var(--color-neutral-light-opacity-15);
    margin:var(--spacing-l) auto
}
@media screen and (min-width:768px){
    .MGNBs{
        margin:var(--spacing-3xl) auto;
        width:100%
    }
}
.wQq5-{
    padding:0 var(--spacing-3xs);
    color:var(--color-neutral-light-opacity-75);
    display:grid;
    grid-column-gap:var(--spacing-xl);
    grid-template-columns:repeat(auto-fit,minmax(6.25rem,1fr));
    order:2
}
@media screen and (min-width:768px){
    .wQq5-{
        padding:0
    }
}
.wQq5- .navigation__item__dropdown{
    padding:0 var(--spacing-s);
    margin-top:var(--spacing-4xs)
}
@media screen and (min-width:768px){
    .wQq5- .navigation__item__dropdown{
        padding:0
    }
}
.wQq5- .navigation__item__dropdown>:last-child{
    padding-bottom:0
}
.wQq5- .navigation__list{
    gap:var(--spacing-3xs)
}
@media screen and (min-width:992px){
    .wQq5- .navigation__list{
        gap:var(--spacing-m)
    }
}
.wQq5- .navigation__item--open{
    background-color:var(--color-neutral-light-opacity-15);
    margin-bottom:0;
    padding-bottom:var(--spacing-2xs)
}
.ClS93{
    --color-action-dark:var(--color-action-light);
    --color-neutral-75:var(--color-neutral-75);
    --color-neutral-85:var(--color-neutral-85);
    --color-neutral-95:var(--color-neutral-95);
    --color-neutral-base:var(--color-neutral-light)
}
.ClS93 .navigation__item__dropdown{
    padding:0
}
.ClS93 .navigation__link{
    font-weight:var(--font-weight-book);
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem;
    color:var(--color-neutral-light);
    column-gap:var(--spacing-3xs);
    color:var(--color-neutral-light-opacity-75);
    text-wrap:wrap
}
@media screen and (min-width:992px){
    .ClS93 .navigation__link{
        column-gap:var(--spacing-2xs)
    }
}
.ClS93 .navigation__link:active{
    background:transparent;
    color:var(--color-neutral-light-opacity-75)
}
.ClS93 .navigation__link .icon{
    fill:var(--color-neutral-light-opacity-75);
    height:1.25rem;
    margin-right:0;
    min-height:1.25rem;
    min-width:1.25rem;
    width:1.25rem
}
.ClS93 .navigation__link:hover{
    color:var(--color-neutral-light)
}
.ClS93 .navigation__link:hover .icon{
    fill:var(--color-neutral-light)
}
.ClS93 .navigation__link:focus-visible{
    outline-color:var(--color-neutral-light);
    --color-action-base:var(--color-neutral-light)
}
.ClS93 .navigation__link:focus-visible:focus-visible{
    outline:var(--color-neutral-light) solid .125rem;
    outline-offset:-.125rem
}
@supports(-webkit-hyphens:none){
    .ClS93 .navigation__link:focus-visible:focus,.ClS93 .navigation__link:focus-visible:focus-within{
        outline:none;
        position:relative
    }
    .ClS93 .navigation__link:focus-visible:focus-within:before,.ClS93 .navigation__link:focus-visible:focus:before{
        inset:.125rem;
        position:absolute;
        border:.125rem solid var(--color-neutral-light);
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .ClS93 .navigation__link:focus-visible:focus,.ClS93 .navigation__link:focus-visible:focus-within{
            outline:none;
            position:relative
        }
        .ClS93 .navigation__link:focus-visible:focus-within:before,.ClS93 .navigation__link:focus-visible:focus:before{
            inset:.125rem;
            position:absolute;
            border:.125rem solid var(--color-neutral-light);
            content:""
        }
    }
}
.ClS93 .navigation__button{
    font-size:var(--title-size-s-bp-base);
    line-height:150%;
    letter-spacing:-.01rem;
    color:var(--color-neutral-light);
    font-weight:var(--font-weight-bold);
    padding-bottom:var(--spacing-xs);
    padding-top:var(--spacing-xs)
}
@media screen and (min-width:768px){
    .ClS93 .navigation__button{
        font-size:var(--title-size-s-bp-s);
        line-height:150%;
        letter-spacing:-.01125rem
    }
}
@media screen and (min-width:1200px){
    .ClS93 .navigation__button{
        font-size:var(--title-size-s-bp-l);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
.ClS93 .navigation__button:active{
    color:var(--color-neutral-light-opacity-75);
    transform:scale(1)
}
.ClS93 .navigation__button:hover{
    background-color:var(--color-neutral-light-opacity-15);
    color:var(--color-neutral-light)
}
.ClS93 .navigation__button:focus-visible{
    outline-color:var(--color-neutral-light)
}
.ClS93 .navigation__button:focus-visible:focus-visible{
    outline:var(--color-neutral-light) solid .125rem;
    outline-offset:-.125rem
}
@supports(-webkit-hyphens:none){
    .ClS93 .navigation__button:focus-visible:focus,.ClS93 .navigation__button:focus-visible:focus-within{
        outline:none;
        position:relative
    }
    .ClS93 .navigation__button:focus-visible:focus-within:before,.ClS93 .navigation__button:focus-visible:focus:before{
        inset:.125rem;
        position:absolute;
        border:.125rem solid var(--color-neutral-light);
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .ClS93 .navigation__button:focus-visible:focus,.ClS93 .navigation__button:focus-visible:focus-within{
            outline:none;
            position:relative
        }
        .ClS93 .navigation__button:focus-visible:focus-within:before,.ClS93 .navigation__button:focus-visible:focus:before{
            inset:.125rem;
            position:absolute;
            border:.125rem solid var(--color-neutral-light);
            content:""
        }
    }
}
._2cuLT{
    font-size:var(--title-size-s-bp-base);
    line-height:150%;
    letter-spacing:-.01rem;
    color:var(--color-neutral-light);
    font-weight:var(--font-weight-bold);
    padding-bottom:var(--spacing-2xs)
}
@media screen and (min-width:768px){
    ._2cuLT{
        font-size:var(--title-size-s-bp-s);
        line-height:150%;
        letter-spacing:-.01125rem
    }
}
@media screen and (min-width:1200px){
    ._2cuLT{
        font-size:var(--title-size-s-bp-l);
        line-height:150%;
        letter-spacing:-.0125rem
    }
}
.te0ww{
    margin-bottom:0
}
@media screen and (min-width:768px){
    .te0ww{
        margin-bottom:var(--spacing-l);
        align-items:center;
        display:flex;
        flex-flow:row wrap;
        gap:var(--spacing-l) var(--spacing-xl);
        justify-content:space-between
    }
}
.NoUD5{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:var(--spacing-xs);
    margin-bottom:var(--spacing-l);
    column-gap:var(--spacing-2xs);
    align-items:center;
    justify-content:space-between
}
@media screen and (min-width:768px){
    .NoUD5{
        margin-bottom:0;
        column-gap:var(--spacing-2xl)
    }
}
.rQHjg{
    display:inline-block;
    height:2.8125rem
}
.rQHjg img,.rQHjg svg{
    max-height:100%;
    object-fit:contain;
    object-position:left
}
.LQeS2{
    align-items:flex-start;
    flex-flow:column wrap;
    justify-content:center
}
.qvYhu{
    margin:var(--spacing-xs) 0 var(--spacing-l)
}
.qvYhu svg{
    fill:none
}
.XaQat{
    margin-left:var(--spacing-xs);
    margin-right:var(--spacing-xs)
}
.XaQat,.w3enw{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:var(--spacing-xs)
}
.w3enw{
    margin-bottom:var(--spacing-l);
    list-style:none;
    -webkit-margin-before:0;
    margin-block-start:0;
    -webkit-margin-end:0;
    margin-inline-end:0;
    -webkit-margin-start:0;
    margin-inline-start:0;
    -webkit-padding-start:0;
    padding-inline-start:0
}
@media screen and (min-width:768px){
    .w3enw{
        margin-bottom:0
    }
}
.w3enw img{
    height:1.875rem;
    width:2.75rem
}
._1083M,.nHFA8{
    font-weight:var(--font-weight-book);
    font-size:var(--text-size-s-bp-base);
    line-height:1.2135rem;
    color:var(--color-neutral-light-opacity-75)
}
.nHFA8{
    min-width:40.3125rem
}
.R2yup{
    grid-column:span 2
}
.vH66D{
    font-weight:var(--font-weight-book);
    font-size:var(--text-size-s-bp-base);
    line-height:1.2135rem;
    color:var(--color-neutral-light-opacity-75)
}
.Rx2B0,.vH66D{
    max-width:40.3125rem
}
.Rx2B0{
    display:grid;
    grid-column-gap:var(--spacing-xl);
    grid-template-columns:repeat(auto-fit,minmax(6.25rem,1fr))
}
.HCmzw{
    display:grid;
    grid-gap:var(--spacing-3xs);
    grid-template-columns:1fr;
    margin-bottom:0;
    margin-top:0;
    font-weight:var(--font-weight-book);
    font-size:var(--text-size-m-bp-base);
    line-height:1.41575rem;
    color:var(--color-neutral-light-opacity-75);
    padding:0 var(--spacing-s)
}
@media screen and (min-width:768px){
    .HCmzw{
        padding:0
    }
}
.R2yup .HCmzw{
    align-content:flex-start;
    align-items:center;
    grid-auto-flow:column;
    grid-template-columns:repeat(var(--num-columns),1fr)
}
.uHHqm{
    padding:0;
    list-style:none;
    text-decoration:none
}
@media screen and (min-width:992px){
    .uHHqm{
        padding:var(--spacing-2xs) 0
    }
}
.uHHqm>.navigation__link[tabindex="-1"]{
    pointer-events:none;
    touch-action:none
}
.uHHqm>.navigation__link{
    background-image:none;
    color:var(--color-neutral-light-opacity-75)
}
@media screen and (min-width:992px){
    .uHHqm>.navigation__link{
        font-weight:var(--font-weight-book);
        font-size:var(--text-size-m-bp-base);
        line-height:1.41575rem;
        height:unset;
        padding:0
    }
}
.uHHqm>a:hover{
    color:var(--color-neutral-light)
}
.R2yup .uHHqm{
    grid-row:auto
}
.lYsj9{
    grid-column:1
}
.VjhQ3{
    grid-column:2
}
.vx5wm{
    grid-column:3
}
.IpF1Z{
    grid-column:4
}
.msgtp{
    grid-column:5
}
.OMOPE{
    grid-column:6
}
.v-oXM{
    grid-column:7
}
.m5prd{
    grid-column:8
}
.S3HC6{
    grid-column:9
}
.vBKAM{
    grid-column:10
}
.qxHtx{
    inset:0;
    position:-webkit-sticky;
    position:sticky;
    background-color:var(--color-neutral-light);
    padding-bottom:3.75rem;
    z-index:200
}
@media screen and (min-width:992px){
    .qxHtx{
        padding-bottom:5rem
    }
}
@media screen and (min-width:1px)and (max-width:991px){
    .qxHtx{
        max-height:3.75rem;
        overflow:hidden
    }
}
.zPhpW{
    bottom:unset;
    left:50%;
    position:absolute;
    right:unset;
    top:0;
    opacity:0;
    transform:translate(-50%,-100%);
    transition-duration:.2s;
    transition-property:opacity,transform;
    transition-timing-function:cubic-bezier(0,0,.38,1)
}
.zPhpW:focus{
    opacity:1;
    transform:translate(-50%);
    z-index:1
}
._2smQR .navigation__link,._2smQR .navigation__link:hover{
    color:var(--color-error-base)
}
._2smQR .navigation__link:focus-visible{
    outline-color:var(--color-error-base);
    color:var(--color-error-base)
}
._2smQR .navigation__link:focus-visible:focus-visible{
    outline:var(--color-error-base) solid .125rem;
    outline-offset:-.125rem
}
@supports(-webkit-hyphens:none){
    ._2smQR .navigation__link:focus-visible:focus,._2smQR .navigation__link:focus-visible:focus-within{
        outline:none;
        position:relative
    }
    ._2smQR .navigation__link:focus-visible:focus-within:before,._2smQR .navigation__link:focus-visible:focus:before{
        inset:.125rem;
        position:absolute;
        border:.125rem solid var(--color-error-base);
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        ._2smQR .navigation__link:focus-visible:focus,._2smQR .navigation__link:focus-visible:focus-within{
            outline:none;
            position:relative
        }
        ._2smQR .navigation__link:focus-visible:focus-within:before,._2smQR .navigation__link:focus-visible:focus:before{
            inset:.125rem;
            position:absolute;
            border:.125rem solid var(--color-error-base);
            content:""
        }
    }
}
._2smQR .navigation__link:active{
    color:var(--color-error-dark)
}
.uUbdS{
    display:grid;
    justify-items:flex-end;
    padding:0 var(--spacing-xs) var(--spacing-2xs)
}
.FMdHf{
    color:var(--color-neutral-base)
}
@media screen and (min-width:992px){
    .FMdHf{
        color:var(--color-action-base)
    }
}
.po-Nr{
    width:100%
}
@media screen and (min-width:992px){
    .po-Nr{
        background-color:var(--color-neutral-95)
    }
}
.B8UWa{
    padding:0;
    display:flex;
    margin:0 auto;
    transition:margin-top .3s ease
}
@media screen and (min-width:992px){
    .B8UWa{
        padding:0 var(--spacing-xl)
    }
}
@media screen and (min-width:1200px){
    .B8UWa{
        padding:0 var(--spacing-4xl)
    }
}
@media screen and (min-width:1px)and (max-width:991px){
    .B8UWa{
        padding:0 var(--spacing-m)
    }
}
@media screen and (min-width:992px){
    .B8UWa{
        height:2rem;
        justify-content:right;
        padding:0 max((100vw - 110rem)/2,var(--spacing-4xl))
    }
}
.nxMEo{
    margin-top:-2rem
}
.fGhWI{
    grid-column-gap:var(--spacing-l);
    column-gap:var(--spacing-l);
    display:grid;
    grid-auto-flow:row;
    list-style-type:none;
    margin:0;
    padding:0;
    grid-row-gap:var(--spacing-2xs);
    row-gap:var(--spacing-2xs)
}
@media screen and (min-width:992px){
    .fGhWI{
        grid-auto-flow:column
    }
}
._33--o{
    color:var(--color-neutral-25);
    line-height:1;
    margin:0
}
._---GH{
    align-items:center;
    display:flex;
    flex-direction:row;
    gap:var(--spacing-3xs);
    padding:0 var(--spacing-s)
}
._---GH:hover:not(:disabled,[disabled]){
    --button-ghost-background:var(--color-neutral-95)
}
.dropdown-menu-wrapper:not(.dropdown-menu-wrapper--open) ._---GH,.hYgg0{
    --button-ghost-color:var(--color-neutral-base)
}
.hYgg0{
    align-items:center;
    display:flex;
    flex-direction:row;
    gap:var(--spacing-3xs);
    padding:0 var(--spacing-s)
}
.hYgg0:hover:not(:disabled,[disabled]){
    --button-ghost-background:var(--color-neutral-95)
}
.W5ivh{
    font-weight:var(--font-weight-bold);
    font-size:var(--text-size-s-bp-base);
    line-height:1.2135rem;
    color:var(--color-neutral-base);
    background-color:var(--color-neutral-95);
    border-radius:50%;
    height:1.5rem;
    justify-content:center;
    line-height:1.25rem;
    text-transform:uppercase;
    width:1.5rem
}
.FrD-c,.W5ivh{
    align-items:center;
    display:flex
}
.FrD-c{
    padding:0;
    background-color:var(--color-neutral-light);
    border-bottom:1px solid var(--color-neutral-85);
    column-gap:var(--spacing-2xs);
    height:5rem;
    justify-content:flex-end;
    left:50%;
    padding:0 max((100vw - 110rem)/2,var(--spacing-4xl));
    position:absolute;
    transform:translate(-50%);
    width:100%
}
@media screen and (min-width:992px){
    .FrD-c{
        padding:0 var(--spacing-xl)
    }
}
@media screen and (min-width:1200px){
    .FrD-c{
        padding:0 var(--spacing-4xl);
        display:grid;
        grid-template-columns:repeat(3,1fr);
        height:5rem;
        padding:0 max((100vw - 110rem)/2,var(--spacing-4xl))
    }
}
.LUaHk{
    border-radius:var(--radius-2xs);
    outline-color:var(--color-action-base);
    height:2.8125rem;
    margin-right:auto
}
.LUaHk:focus-visible{
    outline:var(--color-action-base) solid .125rem;
    outline-offset:.125rem
}
@supports(-webkit-hyphens:none){
    .LUaHk:focus,.LUaHk:focus-within{
        outline:none;
        position:relative
    }
    .LUaHk:focus-within:before,.LUaHk:focus:before{
        border-radius:var(--radius-2xs);
        inset:-.25rem;
        position:absolute;
        border:.125rem solid var(--color-action-base);
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .LUaHk:focus,.LUaHk:focus-within{
            outline:none;
            position:relative
        }
        .LUaHk:focus-within:before,.LUaHk:focus:before{
            border-radius:var(--radius-2xs);
            inset:-.25rem;
            position:absolute;
            border:.125rem solid var(--color-action-base);
            content:""
        }
    }
}
.LUaHk img,.LUaHk svg{
    max-height:100%;
    object-fit:contain;
    object-position:left
}
.bOlsY{
    display:grid
}
@media screen and (min-width:992px){
    .bOlsY{
        justify-items:center
    }
}
.qBlFn{
    grid-column-gap:var(--spacing-3xs);
    column-gap:var(--spacing-3xs);
    display:grid;
    grid-auto-flow:column;
    list-style:none;
    margin:0;
    padding:0
}
.Hfp9d{
    color:var(--color-neutral-base);
    display:flex
}
.Hfp9d,.bQ2VZ{
    align-items:center
}
.bQ2VZ{
    grid-gap:0;
    gap:0;
    display:grid;
    grid-auto-columns:max-content;
    grid-auto-flow:column;
    justify-content:flex-end
}
@media screen and (min-width:992px){
    .bQ2VZ{
        gap:var(--spacing-2xs)
    }
}
@media screen and (min-width:1200px){
    .bQ2VZ{
        gap:var(--spacing-3xs)
    }
}
@property --header-cta-gradient-start{
    inherits:false;
    initial-value:#fff;
    syntax:"<color>"
}
@property --header-cta-gradient-end{
    inherits:false;
    initial-value:#fff;
    syntax:"<color>"
}
.spdNJ{
    --header-cta-gradient-start:var(--color-neutral-light);
    --header-cta-gradient-end:var(--color-neutral-light)
}
.spdNJ.button--ghost{
    --button-ghost-color:var(--color-neutral-base);
    padding:0 var(--spacing-s)
}
.spdNJ.button--ghost:is(:first-child,:last-child){
    margin:0
}
@supports(background:paint(something)){
    .spdNJ{
        background:linear-gradient(45deg,var(--header-cta-gradient-start) 50%,var(--header-cta-gradient-end)) 100% 0;
        background-size:200%;
        transition-duration:.2s;
        transition-property:--header-cta-gradient-start,--header-cta-gradient-end,color;
        transition-timing-function:cubic-bezier(.2,.07,.38,1)
    }
    .spdNJ:hover:not(:disabled,[disabled],.button--primary){
        --header-cta-gradient-start:var(--color-neutral-95);
        --header-cta-gradient-end:var(--color-neutral-95)
    }
    .spdNJ.button--primary{
        --header-cta-gradient-start:var(--color-action-base);
        --header-cta-gradient-end:#07a5b5
    }
    .spdNJ:hover{
        background-position:0 100%
    }
}
.mhr-9{
    --button-ghost-background:var(--color-neutral-95);
    align-items:center;
    color:var(--color-neutral-base);
    display:flex;
    flex-direction:row;
    padding:0 var(--spacing-s)
}
.XVBOo{
    flex-direction:column;
    left:0;
    overflow-y:scroll;
    position:fixed;
    right:0
}
.JTZ74,.XVBOo{
    background-color:var(--color-neutral-light);
    display:flex;
    top:0
}
.JTZ74{
    align-items:center;
    gap:var(--spacing-m);
    height:3.75rem;
    justify-content:flex-end;
    padding:0 var(--spacing-xs);
    position:-webkit-sticky;
    position:sticky
}
.AApYO{
    border-radius:var(--radius-2xs);
    outline-color:var(--color-action-base);
    height:2.125rem;
    margin-left:var(--spacing-xs);
    margin-right:auto;
    width:auto
}
.AApYO:focus-visible{
    outline:var(--color-action-base) solid .125rem;
    outline-offset:.125rem
}
@supports(-webkit-hyphens:none){
    .AApYO:focus,.AApYO:focus-within{
        outline:none;
        position:relative
    }
    .AApYO:focus-within:before,.AApYO:focus:before{
        border-radius:var(--radius-2xs);
        inset:-.25rem;
        position:absolute;
        border:.125rem solid var(--color-action-base);
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .AApYO:focus,.AApYO:focus-within{
            outline:none;
            position:relative
        }
        .AApYO:focus-within:before,.AApYO:focus:before{
            border-radius:var(--radius-2xs);
            inset:-.25rem;
            position:absolute;
            border:.125rem solid var(--color-action-base);
            content:""
        }
    }
}
.AApYO img,.AApYO svg{
    max-height:100%;
    object-fit:contain;
    object-position:left
}
.MSutB{
    display:flex;
    flex-direction:row;
    gap:var(--spacing-3xs)
}
.BLyZC{
    outline-color:var(--color-action-base);
    border-radius:var(--spacing-m);
    color:var(--color-neutral-base);
    margin:0;
    padding:var(--spacing-2xs)
}
.BLyZC:focus-visible{
    outline:var(--color-action-base) solid .125rem;
    outline-offset:-.125rem
}
@supports(-webkit-hyphens:none){
    .BLyZC:focus,.BLyZC:focus-within{
        outline:none;
        position:relative
    }
    .BLyZC:focus-within:before,.BLyZC:focus:before{
        border-radius:var(--radius-l);
        inset:0;
        position:absolute;
        border:.125rem solid var(--color-action-base);
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .BLyZC:focus,.BLyZC:focus-within{
            outline:none;
            position:relative
        }
        .BLyZC:focus-within:before,.BLyZC:focus:before{
            border-radius:var(--radius-l);
            inset:0;
            position:absolute;
            border:.125rem solid var(--color-action-base);
            content:""
        }
    }
}
.BLyZC:active{
    background-color:var(--color-neutral-95);
    transition:all .3s ease-in-out
}
@media screen and (min-width:1px)and (max-width:991px){
    .BLyZC:focus-visible{
        color:var(--color-action-base)
    }
}
.mbY9S{
    background-color:var(--color-neutral-light);
    display:flex;
    flex-direction:column;
    height:calc(var(--header-mobile-height) - 3.75rem);
    --header-mobile-height-dvh:100dvh;
    --header-mobile-height:var(--header-mobile-height-dvh,87.5vh)
}
._7iPFN{
    margin:var(--spacing-m) var(--spacing-s);
    width:auto
}
.dzpxJ{
    background-color:var(--color-neutral-light);
    bottom:0;
    margin-top:auto;
    padding:var(--spacing-m);
    position:-webkit-sticky;
    position:sticky;
    width:100%
}
.xondg{
    align-items:center;
    display:flex;
    height:2.5rem;
    justify-content:center;
    width:2.5rem
}
.sZ7TO,.xondg{
    position:relative
}
.sZ7TO{
    background-color:var(--color-neutral-base);
    border-radius:.0625rem;
    height:.125rem;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.2,.07,.38,1);
    width:1.25rem;
    transition-property:transform,width
}
.xondg:focus-visible .sZ7TO{
    background-color:var(--color-action-base)
}
.sZ7TO:after,.sZ7TO:before{
    background-color:var(--color-neutral-base);
    border-radius:.0625rem;
    height:.125rem;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.2,.07,.38,1);
    width:1.25rem;
    content:"";
    left:0;
    position:absolute
}
.xondg:focus-visible .sZ7TO:after,.xondg:focus-visible .sZ7TO:before{
    background-color:var(--color-action-base)
}
.sZ7TO:before{
    top:-.375rem;
    transition-property:transform,top
}
.sZ7TO:after{
    top:.375rem;
    transition-property:transform,opacity
}
.gJcpo{
    transform:rotate(45deg)
}
.gJcpo:before{
    top:0;
    transform:rotate(-90deg)
}
.gJcpo:after{
    opacity:0;
    transform:rotate(0)
}
@keyframes aAeCM{
    0%{
        opacity:0;
        transform:scale(1.2,1.5)
    }
    43%,to{
        opacity:.33;
        transform:scale(1)
    }
}
.DAXBl{
    background-color:var(--color-neutral-light)
}
.VGqPf{
    --background-img:url("data:image/svg+xml,%3Csvg width='1008' height='1008' viewBox='0 0 1008 1008' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1066_23667)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M813.887 73.5602C772.453 136.539 687.809 154.004 624.83 112.57L-603.224 -695.381C-666.203 -736.815 -683.668 -821.459 -642.233 -884.438C-600.799 -947.417 -516.155 -964.882 -453.176 -923.448L774.878 -115.497C837.857 -74.0627 855.322 10.5812 813.887 73.5602Z' fill='%23E8F2EC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M622.84 111.235C560.598 68.7009 544.622 -16.2367 587.156 -78.4785L983.04 -657.793C1025.57 -720.035 1110.51 -736.011 1172.75 -693.477C1235 -650.943 1250.97 -566.006 1208.44 -503.764L812.554 75.5506C770.02 137.792 685.082 153.769 622.84 111.235Z' fill='%23E8F2EC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M120.314 626.434C185.601 664.127 207.97 747.609 170.276 812.896L-564.724 2085.95C-602.417 2151.24 -685.899 2173.61 -751.186 2135.92C-816.473 2098.22 -838.842 2014.74 -801.149 1949.45L-66.1486 676.396C-28.4551 611.109 55.027 588.74 120.314 626.434Z' fill='%23E8F2EC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M169.06 814.961C130.226 879.576 46.3639 900.476 -18.2512 861.642L-619.655 500.196C-684.27 461.362 -705.17 377.5 -666.336 312.885C-627.502 248.27 -543.64 227.37 -479.025 266.204L122.379 627.65C186.994 666.484 207.894 750.346 169.06 814.961Z' fill='%23E8F2EC'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1066_23667'%3E%3Crect width='1008' height='1008' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    display:grid;
    margin-bottom:calc(-1*var(--spacing-2xl));
    position:relative;
    z-index:0
}
@media screen and (min-width:1px)and (max-width:991px){
    .VGqPf{
        min-height:25rem;
        padding-bottom:var(--spacing-3xl);
        padding-top:var(--spacing-l)
    }
}
@media screen and (min-width:992px){
    .VGqPf{
        height:max(36.25rem,100vh - 5rem);
        margin-bottom:-3.5rem;
        padding:0 var(--spacing-xl)
    }
    .VGqPf.-aGK-{
        height:max(36.25rem,100vh - 7rem)
    }
}
@media screen and (min-width:1200px){
    .VGqPf{
        background-image:var(--background-img);
        background-position:0;
        background-repeat:no-repeat;
        background-size:contain;
        height:max(42.5rem,100vh - 5rem + 7.5rem - 5rem);
        margin-bottom:-7.5rem
    }
    .VGqPf.-aGK-{
        height:max(42.5rem,100vh - 7rem + 7.5rem - 5rem)
    }
}
@media screen and (min-width:1680px){
    .VGqPf{
        height:max(50rem,100vh - 5rem + 7.5rem - 5rem)
    }
    .VGqPf .-aGK-{
        height:max(50rem,100vh - 7rem + 7.5rem - 5rem)
    }
}
.HjKme{
    padding:var(--spacing-l) var(--spacing-m) var(--spacing-2xl)
}
@media screen and (min-width:768px){
    .HjKme{
        padding:var(--spacing-xl) 0
    }
}
@media screen and (min-width:768px)and (min-width:1200px){
    .HjKme{
        padding:var(--spacing-3xl) 0
    }
}
@media screen and (min-width:768px)and (min-width:1680px){
    .HjKme{
        padding:var(--spacing-4xl) 0
    }
}
.hoCay{
    display:grid
}
@media screen and (min-width:992px){
    .hoCay{
        margin:0 auto;
        width:100%;
        max-width:calc(100vw - 2.5rem);
        align-items:center
    }
}
@media screen and (min-width:992px)and (min-width:375px){
    .hoCay{
        max-width:calc(100vw - 2.5rem)
    }
}
@media screen and (min-width:992px)and (min-width:576px){
    .hoCay{
        max-width:calc(100vw - 2.5rem)
    }
}
@media screen and (min-width:992px)and (min-width:768px){
    .hoCay{
        max-width:calc(100vw - 2.5rem)
    }
}
@media screen and (min-width:992px)and (min-width:992px){
    .hoCay{
        max-width:960px
    }
}
@media screen and (min-width:992px)and (min-width:1200px){
    .hoCay{
        max-width:1140px
    }
}
@media screen and (min-width:992px)and (min-width:1680px){
    .hoCay{
        max-width:1370px
    }
}
.VGqPf .hoCay{
    gap:var(--spacing-xl);
    position:relative
}
@media screen and (min-width:992px){
    .VGqPf .hoCay{
        gap:var(--spacing-2xl);
        grid-template-columns:minmax(34.375rem,1fr) 1fr
    }
}
.HjKme .hoCay{
    gap:var(--spacing-xl)
}
@media screen and (min-width:992px){
    .HjKme .hoCay{
        gap:var(--spacing-2xl)
    }
}
@media screen and (min-width:1200px){
    .HjKme .hoCay{
        gap:var(--spacing-3xl)
    }
}
@media screen and (min-width:1680px){
    .HjKme .hoCay{
        gap:var(--spacing-4xl)
    }
}
@media screen and (min-width:992px){
    .HjKme .hoCay{
        grid-auto-columns:1fr;
        grid-auto-flow:column
    }
}
._38pFD{
    display:grid
}
@media screen and (min-width:1px)and (max-width:991px){
    .VGqPf ._38pFD{
        align-items:center;
        min-height:13.75rem;
        padding:var(--spacing-5xl) var(--spacing-m);
    }
}
@media screen and (min-width:992px){
    .VGqPf ._38pFD{
        margin-bottom:3.5rem;
        padding: var(--spacing-3xl) 0;
    }
}
@media screen and (min-width:1200px){
    .VGqPf ._38pFD{
        margin-bottom:7.5rem
    }
}
.DFMBh{
    grid-row-gap:var(--spacing-l);
    row-gap:var(--spacing-l);
    display:grid
}
@media screen and (min-width:992px){
    .DFMBh{
        row-gap:var(--spacing-xl)
    }
}
@media screen and (min-width:1px)and (max-width:991px){
    .DFMBh{
        justify-items:center
    }
}
.pBAN-{
    grid-row-gap:var(--spacing-2xs);
    row-gap:var(--spacing-2xs);
    display:grid
}
@media screen and (min-width:992px){
    .pBAN-{
        row-gap:var(--spacing-xs)
    }
}
@media screen and (min-width:1px)and (max-width:991px){
    .pBAN-{
        justify-items:center;
        max-width:32.5rem;
        text-align:center
    }
}
.wLrZr{
    color:var(--color-neutral-25)
}
.k9ji3{
    max-width:37.5rem;
    text-wrap:balance
}
.w9ToS{
    max-width:31.875rem;
    padding-top:var(--spacing-2xs)
}
._6D-UQ{
    margin-top:var(--spacing-l);
    width:min(26.25rem,100%)
}
@media screen and (min-width:1px)and (max-width:991px){
    ._6D-UQ{
        justify-self:center
    }
    .VGqPf ._6D-UQ{
        bottom:var(--spacing-xs);
        left:0;
        position:absolute;
        right:0;
        top:auto;
        padding:0 var(--spacing-m);
        width:100%;
        z-index:1
    }
}
.u8H6V{
    display:grid;
    grid-gap:var(--spacing-l);
    gap:var(--spacing-l);
    justify-items:center
}
@media screen and (min-width:992px){
    .u8H6V{
        grid-auto-flow:column;
        justify-content:left
    }
}
._9GzGU{
    gap:var(--spacing-xs);
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
@media screen and (min-width:992px){
    ._9GzGU{
        gap:var(--spacing-s)
    }
}
._9GzGU :where(.button--primary){
    position:relative;
    transform-style:preserve-3d
}
._9GzGU :where(.button--primary):before{
    inset:0;
    position:absolute;
    animation:aAeCM 2.3s cubic-bezier(0,0,.38,1) infinite both;
    animation-direction:reverse;
    background-color:var(--color-action-base);
    border-radius:var(--radius-l);
    content:"";
    opacity:.33;
    transform:translateZ(-1px);
    will-change:opacity,transform;
    z-index:-1
}
@media screen and (min-width:1px)and (max-width:767px){
    ._9GzGU{
        flex-direction:column
    }
    ._9GzGU .button{
        width:auto
    }
}
.w4pt5{
    justify-self:center
}
.w4pt5:has(.MoR-5:empty){
    display:none
}
.VGqPf .w4pt5{
    height:100%;
    position:relative;
    width:100%
}
@media screen and (min-width:1px)and (max-width:991px){
    .VGqPf .w4pt5 img,.VGqPf .w4pt5 svg{
        height:100%;
        object-fit:cover;
        object-position:top center;
        width:100%
    }
}
.HjKme .w4pt5{
    max-width:27.5rem
}
.HjKme .w4pt5 img,.HjKme .w4pt5 svg{
    height:auto
}
@media screen and (min-width:992px){
    .HjKme .w4pt5{
        justify-self:flex-end;
        max-width:25rem
    }
}
@media screen and (min-width:1200px){
    .HjKme .w4pt5{
        max-width:34.375rem
    }
}
@media screen and (min-width:992px){
    .MoR-5{
        inset:0 auto 0 0;
        position:absolute;
        width:calc(50vw - var(--spacing-xl)/2);
        z-index:0
    }
    .MoR-5 img,.MoR-5 svg{
        height:100%;
        max-width:none;
        object-fit:cover;
        object-position:left center;
        width:100%
    }
}
@keyframes eMeOZ{
    0%{
        opacity:0;
        transform:scale(1.2,1.5)
    }
    43%,to{
        opacity:.33;
        transform:scale(1)
    }
}
.GSnXr{
    display:flex;
    width:100%
}
@media screen and (min-width:992px){
    .GSnXr{
        box-shadow:var(--elevation-size-s) var(--elevation-color-neutral-15);
        border-radius:var(--radius-2xl);
        gap:var(--spacing-s);
        max-width:35rem;
        padding:var(--spacing-xs)
    }
}
.l4anP{
    display:flex;
    flex:1 1;
    gap:var(--spacing-2xs)
}
@media screen and (min-width:1px)and (max-width:991px){
    .l4anP{
        display:none
    }
}
.U5qN1{
    display:grid
}
@media screen and (min-width:1px)and (max-width:991px){
    .U5qN1{
        display:none
    }
}
.gB-7t{
    align-items:center;
    cursor:pointer;
    display:flex;
    height:3.5rem;
    justify-content:center;
    min-width:3rem;
    overflow:hidden;
    padding:0 var(--spacing-xs)
}
.Q-Uil,.gB-7t{
    grid-area:1/-1
}
.Q-Uil{
    outline-color:var(--color-action-base);
    border-radius:var(--radius-l);
    transition:background-color .3s cubic-bezier(.2,.07,.38,1)
}
.Q-Uil:focus-visible{
    outline:var(--color-action-base) solid .125rem;
    outline-offset:.125rem
}
@supports(-webkit-hyphens:none){
    .Q-Uil:focus,.Q-Uil:focus-within{
        outline:none;
        position:relative
    }
    .Q-Uil:focus-within:before,.Q-Uil:focus:before{
        inset:-.25rem;
        position:absolute;
        border:.125rem solid var(--color-action-base);
        content:""
    }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
    @supports(-webkit-appearance:none) and (stroke-color:transparent){
        .Q-Uil:focus,.Q-Uil:focus-within{
            outline:none;
            position:relative
        }
        .Q-Uil:focus-within:before,.Q-Uil:focus:before{
            inset:-.25rem;
            position:absolute;
            border:.125rem solid var(--color-action-base);
            content:""
        }
    }
}
.Q-Uil:hover{
    background:var(--color-neutral-95)
}
._5BlH6,._5BlH6:hover{
    background:var(--color-brand-light)
}
._5S0cR{
    margin-left:var(--spacing-2xs);
    white-space:nowrap
}
.fUiiQ{
    position:relative
}
.fUiiQ:before{
    inset:0;
    position:absolute;
    animation:eMeOZ 2.3s cubic-bezier(0,0,.38,1) infinite both;
    animation-direction:reverse;
    background-color:var(--color-action-base);
    border-radius:var(--radius-l);
    content:"";
    opacity:.33;
    transform:translateZ(-1px);
    will-change:opacity,transform;
    z-index:-1
}
.QdT4B{
    display:none
}
@media screen and (min-width:992px){
    .QdT4B{
        align-items:center;
        display:grid;
        grid-gap:var(--spacing-2xs);
        gap:var(--spacing-2xs);
        grid-template-columns:auto 1fr;
        margin:0
    }
    ._3GKnI{
        font-weight:var(--font-weight-bold);
        font-size:var(--text-size-m-bp-base);
        line-height:1.41575rem
    }
    ._3GKnI,.u3J5C{
        margin:0
    }
}
.al96s .divider__label{
    font-weight:var(--font-weight-book);
    font-size:var(--text-size-s-bp-base);
    line-height:1.2135rem
}
._1DBr3{
    display:grid;
    grid-gap:var(--spacing-3xs);
    gap:var(--spacing-3xs);
    grid-auto-flow:row
}
@media screen and (min-width:992px){
    ._1DBr3{
        justify-items:flex-end
    }
    .QtUrN{
        align-items:flex-start;
        display:block;
        grid-area:-1/1;
        opacity:0;
        transform:translateY(-20px);
        transition-duration:.3s;
        transition-property:opacity,transform;
        transition-timing-function:cubic-bezier(0,0,.38,1)
    }
    .QtUrN.lUM0v{
        transition-timing-function:cubic-bezier(.2,.07,1,1)
    }
    .EmMRR,.QtUrN.lUM0v{
        opacity:1;
        transform:translateY(0)
    }
    .EmMRR{
        display:grid;
        grid-gap:var(--spacing-2xs);
        gap:var(--spacing-2xs);
        grid-area:-1/1;
        justify-items:flex-start;
        justify-self:flex-start;
        transition-duration:.3s;
        transition-property:opacity,transform;
        transition-timing-function:cubic-bezier(.2,.07,1,1)
    }
    .EmMRR.Z9k-M{
        opacity:0;
        transform:translateY(20px);
        transition-timing-function:cubic-bezier(0,0,.38,1)
    }
}
.O0pqi{
    z-index:199
}
@media screen and (min-width:1px)and (max-width:991px){
    .O0pqi{
        bottom:0;
        left:0;
        position:fixed;
        right:0;
        top:unset;
        display:grid
    }
}
@media screen and (min-width:992px){
    .O0pqi{
        position:-webkit-sticky;
        position:sticky;
        top:-.0625rem
    }
    .HMzBS{
        margin-bottom:-2.1875rem
    }
    .rOb2a{
        z-index:201
    }
}
._7xeum{
    padding:0;
    grid-column-gap:var(--spacing-m);
    column-gap:var(--spacing-m);
    align-items:center;
    background-color:var(--color-neutral-base);
    border-top:.0625rem solid var(--color-neutral-light-opacity-15);
    color:var(--color-neutral-light);
    display:grid;
    grid-template-columns:1fr 1fr;
    justify-items:center
}
@media screen and (min-width:992px){
    ._7xeum{
        padding:var(--spacing-m) var(--spacing-xl)
    }
}
@media screen and (min-width:1200px){
    ._7xeum{
        padding:var(--spacing-m) var(--spacing-4xl)
    }
}
@media screen and (min-width:992px){
    ._7xeum{
        column-gap:var(--spacing-3xl)
    }
}
@media screen and (min-width:1px)and (max-width:991px){
    ._7xeum{
        grid-area:1/-1;
        padding:var(--spacing-m)
    }
}
@media screen and (min-width:992px){
    ._7xeum{
        grid-template-columns:1fr auto 1fr
    }
    ._9hf-8{
        align-items:center;
        display:grid;
        justify-self:flex-start
    }
}
._4kR0q{
    display:grid;
    grid-gap:var(--spacing-2xs);
    gap:var(--spacing-2xs);
    justify-items:flex-end;
    justify-self:flex-end
}
.D19Z2{
    color:var(--color-neutral-light-opacity-75)
}
._872tc{
    grid-gap:var(--spacing-3xl);
    gap:var(--spacing-3xl);
    align-items:center;
    display:grid;
    grid-auto-flow:column
}
@media screen and (min-width:1px)and (max-width:991px){
    ._872tc{
        justify-self:flex-start
    }
}
@media screen and (min-width:1200px){
    ._872tc{
        gap:var(--spacing-4xl)
    }
}
@media screen and (min-width:1px)and (max-width:991px){
    .-Avg6{
        grid-area:1/-1;
        justify-self:flex-end
    }
    .-Avg6.button--s.button--ghost{
        margin:var(--spacing-3xs)
    }
}
.WUlMT{
    border-radius:var(--radius-2xl);
    margin:0 auto;
    width:100%;
    padding:0;
    background-color:var(--color-neutral-light);
    max-width:110rem
}
@media screen and (min-width:1px)and (max-width:374px){
    .WUlMT{
        max-width:calc(100vw - 2.5rem)
    }
}
@media screen and (min-width:375px)and (max-width:575px){
    .WUlMT{
        max-width:calc(100vw - 2.5rem)
    }
}
@media screen and (min-width:576px)and (max-width:767px){
    .WUlMT{
        max-width:calc(100vw - 2.5rem)
    }
}
@media screen and (min-width:768px)and (max-width:991px){
    .WUlMT{
        max-width:calc(100vw - 2.5rem)
    }
}
@media screen and (min-width:992px){
    .WUlMT{
        padding:0 var(--spacing-3xl)
    }
}
@media screen and (min-width:1200px){
    .WUlMT{
        padding:0 var(--spacing-4xl)
    }
}
@media screen and (min-width:992px){
    .WUlMT{
        border-radius:var(--radius-4xl);
        margin-left:auto;
        margin-right:auto;
        width:auto
    }
}
@media screen and (min-width:1200px){
    .WUlMT{
        border-radius:var(--radius-5xl)
    }
}
.bpCJB{
    padding:var(--spacing-m);
    background-color:var(--color-neutral-95)
}
@media screen and (min-width:768px){
    .bpCJB{
        padding:var(--spacing-xl)
    }
}
@media screen and (min-width:992px){
    .bpCJB{
        padding:var(--spacing-3xl)
    }
}
@media screen and (min-width:1200px){
    .bpCJB{
        padding:var(--spacing-4xl)
    }
}
.Mm9pu{
    padding:var(--spacing-m);
    background-color:var(--color-neutral-base)
}
@media screen and (min-width:768px){
    .Mm9pu{
        padding:var(--spacing-xl)
    }
}
@media screen and (min-width:992px){
    .Mm9pu{
        padding:var(--spacing-3xl)
    }
}
@media screen and (min-width:1200px){
    .Mm9pu{
        padding:var(--spacing-4xl)
    }
}
._09g58{
    padding:var(--spacing-m);
    background:var(--gradient-brand)
}
@media screen and (min-width:768px){
    ._09g58{
        padding:var(--spacing-xl)
    }
}
@media screen and (min-width:992px){
    ._09g58{
        padding:var(--spacing-3xl)
    }
}
@media screen and (min-width:1200px){
    ._09g58{
        padding:var(--spacing-4xl)
    }
}
@media screen and (min-width:992px){
    .ybyGW{
        overflow:hidden
    }
    .ybyGW,.ybyGW .wWyW1{
        position:relative
    }
}
.ybyGW .g5nF0:only-child{
    width:50%
}
@media screen and (min-width:1px)and (max-width:991px){
    .ybyGW .g5nF0:only-child{
        width:100%
    }
    .oc7Vh{
        display:none
    }
}
@media screen and (min-width:992px){
    .oc7Vh{
        align-items:center;
        bottom:0;
        display:flex;
        left:0;
        position:absolute;
        top:0;
        width:50%
    }
    .bRbpa{
        left:unset;
        right:0
    }
}
.wWyW1{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    margin:0 auto;
    grid-row-gap:var(--spacing-m);
    row-gap:var(--spacing-m)
}
@media screen and (min-width:992px){
    .wWyW1{
        max-width:960px
    }
}
@media screen and (min-width:1200px){
    .wWyW1{
        max-width:1140px
    }
}
@media screen and (min-width:1680px){
    .wWyW1{
        max-width:1370px
    }
}
@media screen and (min-width:768px){
    .wWyW1{
        row-gap:var(--spacing-xl)
    }
}
@media screen and (min-width:992px){
    .wWyW1{
        row-gap:var(--spacing-2xl)
    }
}
@media screen and (min-width:1200px){
    .wWyW1{
        row-gap:var(--spacing-3xl)
    }
}
.JC1Hv{
    align-items:center;
    display:grid;
    grid-row-gap:var(--spacing-m);
    row-gap:var(--spacing-m);
    grid-column-gap:var(--spacing-m);
    column-gap:var(--spacing-m)
}
@media screen and (min-width:768px){
    .JC1Hv{
        grid-auto-columns:1fr;
        grid-auto-flow:column;
        row-gap:var(--spacing-xl);
        column-gap:var(--spacing-xl)
    }
}
@media screen and (min-width:992px){
    .JC1Hv{
        column-gap:var(--spacing-2xl)
    }
}
@media screen and (min-width:1200px){
    .JC1Hv{
        column-gap:var(--spacing-4xl)
    }
}
@media screen and (min-width:1px)and (max-width:767px){
    .QeCiL{
        grid-auto-flow:dense
    }
}
.g5nF0{
    grid-row-gap:var(--spacing-m);
    row-gap:var(--spacing-m);
    display:grid
}
@media screen and (min-width:768px){
    .g5nF0{
        row-gap:var(--spacing-xl)
    }
}
@media screen and (min-width:1px)and (max-width:767px){
    .QeCiL .g5nF0:first-child{
        grid-row-start:2
    }
}
.g5nF0 img,.g5nF0 picture,.g5nF0 svg{
    justify-self:center;
    max-width:min(100%,31.25rem)
}
[data-theme=light]{
    --steplist-title-alt:initial;
    --steplist-body-alt:initial;
    --steplist-bullet-bg-alt:initial;
    --steplist-bullet-text-alt:initial
}
[data-theme=alt]{
    --steplist-title-alt:var(--color-neutral-light);
    --steplist-body-alt:var(--color-neutral-light);
    --steplist-bullet-bg-alt:var(--color-neutral-light);
    --steplist-bullet-text-alt:var(--color-neutral-base)
}
.Gh6k5{
    --steplist-title:var(--color-neutral-base);
    --steplist-body:var(--color-neutral-25);
    --steplist-bullet-bg:var(--color-brand-base);
    --steplist-bullet-text:var(--color-neutral-light);
    grid-gap:var(--spacing-xl);
    grid-auto-flow:row
}
.Gh6k5,.vq772{
    display:grid;
    gap:var(--spacing-xl)
}
.vq772{
    grid-gap:var(--spacing-xl);
    margin:0;
    padding:0
}
@media screen and (min-width:1200px){
    .vq772{
        gap:var(--spacing-4xl)
    }
}
@media screen and (min-width:768px){
    .vq772{
        grid-auto-flow:column
    }
}
.Bc9yy{
    align-items:flex-start;
    display:grid;
    grid-template-rows:min-content auto min-content;
    list-style-type:none
}
.RVvHZ{
    max-width:8.75rem;
    position:relative
}
@media screen and (min-width:768px){
    .RVvHZ{
        max-width:15rem
    }
}
@media screen and (min-width:1200px){
    .RVvHZ{
        max-width:16.25rem
    }
}
.nkYf8{
    border-radius:var(--radius-2xl);
    align-items:center;
    background:var(--steplist-bullet-bg-alt,var(--steplist-bullet-bg));
    bottom:0;
    color:var(--steplist-bullet-text-alt,var(--steplist-bullet-text));
    display:flex;
    height:2rem;
    justify-content:center;
    position:absolute;
    width:2rem
}
@media screen and (min-width:768px){
    .nkYf8{
        height:2.5rem;
        width:2.5rem
    }
}
.aaPcL{
    margin-top:var(--spacing-xs);
    grid-row-gap:var(--spacing-3xs);
    row-gap:var(--spacing-3xs);
    display:grid
}
@media screen and (min-width:768px){
    .aaPcL{
        margin-top:var(--spacing-s)
    }
}
@media screen and (min-width:1200px){
    .aaPcL{
        margin-top:var(--spacing-m)
    }
}
@media screen and (min-width:768px){
    .aaPcL{
        row-gap:var(--spacing-2xs)
    }
}
.uoFPn{
    color:var(--steplist-title-alt,var(--steplist-title))
}
.Gsw4Z{
    color:var(--steplist-body-alt,var(--steplist-body))
}
._1MfDP{
    margin-top:var(--spacing-m)
}
[data-theme=light]{
    --textblock-eyebrow-alt:initial;
    --textblock-title-alt:initial;
    --textblock-body-alt:initial
}
[data-theme=alt]{
    --textblock-eyebrow-alt:var(--color-neutral-85);
    --textblock-title-alt:var(--color-neutral-light);
    --textblock-body-alt:var(--color-neutral-85)
}
.etENP{
    --textblock-eyebrow:var(--color-neutral-25);
    --textblock-color:var(--color-neutral-base);
    --textblock-body:var(--color-neutral-25);
    display:grid;
    max-width:42.5rem
}
.UsxVS{
    justify-items:center;
    margin:0 auto;
    text-align:center
}
._1gK9D{
    grid-row-gap:var(--spacing-2xs);
    row-gap:var(--spacing-2xs);
    display:grid;
    flex-wrap:wrap
}
@media screen and (min-width:1200px){
    ._1gK9D{
        row-gap:var(--spacing-xs)
    }
}
.UDc2M ._1gK9D{
    row-gap:var(--spacing-2xs)
}
@media screen and (min-width:1200px){
    .UDc2M ._1gK9D{
        row-gap:var(--spacing-m)
    }
}
.sjP9L{
    margin-bottom:var(--spacing-xs)
}
@media screen and (min-width:1200px){
    .sjP9L{
        margin-bottom:var(--spacing-s)
    }
}
.UDc2M .sjP9L{
    margin-bottom:var(--spacing-m)
}
.sjP9L:empty{
    display:none
}
._8Ue74{
    color:var(--textblock-eyebrow-alt,var(--textblock-eyebrow))
}
.UDc2M ._8Ue74,._8Ue74{
    margin-bottom:var(--spacing-3xs)
}
@media screen and (min-width:1200px){
    .UDc2M ._8Ue74{
        margin-bottom:var(--spacing-xs)
    }
}
.-ISzy{
    color:var(--textblock-title-alt,var(--textblock-title));
    row-gap:var(--spacing-3xs)
}
@media screen and (min-width:1200px){
    .UDc2M .-ISzy{
        row-gap:var(--spacing-xs)
    }
}
.PibqY{
    color:var(--textblock-body-alt,var(--textblock-body))
}
.evgR7{
    margin-top:var(--spacing-xs);
    display:flex
}
@media screen and (min-width:1200px){
    .evgR7{
        margin-top:var(--spacing-s)
    }
}
.UDc2M .evgR7{
    margin-top:var(--spacing-s)
}
@media screen and (min-width:1200px){
    .UDc2M .evgR7{
        margin-top:var(--spacing-m)
    }
}
._91--l{
    align-items:center;
    column-gap:var(--spacing-l);
    display:flex;
    flex-wrap:wrap;
    padding-top:var(--spacing-l);
    row-gap:var(--spacing-xs)
}
._91--l .button+.button{
    margin-left:calc(var(--spacing-xs) - var(--spacing-l))
}
.rqtrS .card__header__title{
    -webkit-box-orient:vertical;
    display:-webkit-box;
    -webkit-line-clamp:2;
    overflow:hidden
}
.hZ5-F{
    row-gap:var(--spacing-xs)
}
.SMf9D{
    -webkit-box-orient:vertical;
    display:-webkit-box;
    -webkit-line-clamp:3;
    overflow:hidden;
    overflow-wrap:anywhere
}
.zVoKa{
    display:flex;
    flex-direction:column;
    gap:var(--spacing-xs);
    height:100%;
    justify-content:space-between;
    margin:0
}
.qaa-p{
    display:inline-block;
    font-style:normal;
    text-transform:lowercase
}
.qaa-p:first-line{
    text-transform:capitalize
}
._4-MSM{
    display:grid;
    grid-gap:var(--spacing-s);
    gap:var(--spacing-s)
}
.vUA3F{
    height:2.5rem
}
.Hmvb6{
    height:2.3125rem
}
.m2zGK{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:var(--spacing-xs)
}
.xlg1y{
    align-self:center;
    height:1.25rem
}
@media screen and (min-width:1px)and (max-width:991px){
    div:has(iframe[title="Message from company"]){
        bottom:calc(max(var(--rtq-visible, 0), var(--is-header-open, 0))*6rem + 2*1.25rem + 3.5rem)!important;
        margin-right:.125rem;
        transition-delay:.2s;
        transition-duration:.3s
    }
    main+footer{
        padding-bottom:6rem
    }
    iframe[id=launcher]{
        bottom:calc(max(var(--rtq-visible, 0), var(--is-header-open, 0))*6rem + 1.25rem)!important;
        right:1.25rem!important;
        transform:scale(.875)!important;
        transition-delay:.2s;
        transition-duration:.3s
    }
}
h1,h2,h3,h4,h5,h6{
    font-weight:inherit
}
.margin-bottom-l:not(:last-child){
    margin-bottom:var(--spacing-3xl)
}
@media screen and (min-width:768px){
    .margin-bottom-l:not(:last-child){
        margin-bottom:var(--spacing-4xl)
    }
}
@media screen and (min-width:1200px){
    .margin-bottom-l:not(:last-child){
        margin-bottom:var(--spacing-5xl)
    }
}
.margin-bottom-m:not(:last-child){
    margin-bottom:var(--spacing-2xl)
}
@media screen and (min-width:768px){
    .margin-bottom-m:not(:last-child){
        margin-bottom:var(--spacing-3xl)
    }
}
@media screen and (min-width:1200px){
    .margin-bottom-m:not(:last-child){
        margin-bottom:var(--spacing-4xl)
    }
}
.margin-bottom-s:not(:last-child){
    margin-bottom:var(--spacing-xl)
}
@media screen and (min-width:768px){
    .margin-bottom-s:not(:last-child){
        margin-bottom:var(--spacing-2xl)
    }
}
@media screen and (min-width:1200px){
    .margin-bottom-s:not(:last-child){
        margin-bottom:var(--spacing-3xl)
    }
}
img{
    height:auto
}
.text-cms p:not(:last-child){
    margin-bottom:var(--spacing-xs)
}
.text-cms ol:not(:last-child),.text-cms ul:not(:last-child){
    margin:0 0 var(--spacing-xs) 0
}
.text-cms ol:last-child,.text-cms ul:last-child{
    margin:0
}
@media screen and (min-width:992px){
    .mobile-only{
        display:none !important
    }
}
@media screen and (min-width:1px)and (max-width:991px){
    .desktop-only{
        display:none !important
    }
}

/* HEADER STYLE */



.mobile-nav {
    position: fixed;
    z-index: 100;
}

.mobile-nav .navigation__item__dropdown {
    opacity: 0;
    height: 0px;
    transition-property: opacity transform;
    transition-duration: .2s;
    transition-timing-function: linear;
}

.mobile-nav .navigation__item__dropdown .navigation__item {
    opacity: 0;
}

.mobile-nav .navigation__item:focus-within .button svg {
    transform: rotate(180deg)
}

.mobile-nav .navigation__item:focus-within .navigation__item__dropdown {
    opacity: 1;
    height: auto;
}

.mobile-nav .navigation__item:focus-within .navigation__item__dropdown .navigation__item{
    opacity: 1;
}


.desktop-nav{
    display: none;
    inset: 0;
    position: -webkit-sticky;
    position: sticky;
    background-color: var(--color-neutral-light);
    padding-bottom: 3.75rem;
    z-index: 200;
    height: 112px;
}

.desktop-nav .navigation__item__dropdown {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%) scale(0.8) translateZ(0px);
    transition-property: opacity transform;
    transition-duration: .2s;
    transition-timing-function: linear;
}

.desktop-nav .navigation__item__dropdown .navigation__item {
    opacity: 0;
    transition-property: opacity;
    transition-duration: .2s;
    transition-timing-function: linear;
}

/* rotate chevron icon */
.desktop-nav .navigation__item:hover > button svg {
    transform: rotate(180deg)
}

/* show submenu */
.desktop-nav .navigation__item:hover .navigation__item__dropdown {
    opacity: 1;
    pointer-events: all;
    transform: translateX(-50%) scale(1) translateZ(0px)
}

.desktop-nav .navigation__item:hover .navigation__item__dropdown .navigation__item {
    opacity: 1;
}

.text-align-center {
    text-align: center;
}
.zd-card-links {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m);;
}

.hp-shotcuts {
    display: flex;
    gap: var(--spacing-xs);
    flex-wrap: wrap;
}
.search {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 3rem;
    height: 3rem;
    padding: 0 var(--spacing-s);
    width: 100%;
}
.search input {
    width: 100%;
}

.FallbackError_inline-error__b4bma {
    background: repeating-linear-gradient(-45deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 10px,hsla(0,0%,100%,.25) 10px,hsla(0,0%,100%,.25) 20px),var(--color-error-light);
    border: 2px solid var(--color-error-base);
    margin: 30px;
    overflow: auto;
    padding: 30px;
    position: relative
}

.FallbackError_inline-error__b4bma h2 {
    align-items: center;
    display: grid;
    grid-gap: 8px;
    gap: 8px;
    grid-template-columns: auto 1fr;
    left: 0;
    position: -webkit-sticky;
    position: sticky
}

.FallbackError_inline-error__b4bma code,.FallbackError_inline-error__b4bma pre {
    color: var(--color-neutral-base);
    font-size: 13px;
    line-height: 1.3
}

.FallbackError_inline-error__b4bma pre {
    background: hsla(0,0%,100%,.4);
    padding: var(--spacing-xs)
}

.List_hide-child-if-empty__EHKck .list__item__addon:empty {
    display: none
}

.Card_card__buttons__azinc {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-xs)
}

.Modal_modal__tPiGm {
    display: grid;
    grid-gap: var(--spacing-xl);
    gap: var(--spacing-xl)
}

.Modal_modal__buttons__evH6G {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.Modal_modal-backdrop__faogS {
    z-index: 1000
}

.Modules_modules__J1Dzn {
    background-color: var(--color-neutral-light);
    padding: var(--spacing-l) 0;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 768px) {
    .Modules_modules__J1Dzn {
        padding:var(--spacing-l) 0
    }
}

@media screen and (min-width: 992px) {
    .Modules_modules__J1Dzn {
        padding:var(--spacing-xl)
    }
}

@media screen and (min-width: 1200px) {
    .Modules_modules__J1Dzn {
        padding:var(--spacing-4xl)
    }
}

.Modules_modules--with-shadow__dXIbk {
    border-radius: var(--radius-4xl);
    box-shadow: 0 -.75rem 6.25rem 0 rgba(0,0,0,.16)
}

@media screen and (min-width: 992px) {
    .Modules_modules--with-shadow__dXIbk {
        border-radius:var(--radius-5xl);
        box-shadow: 0 -2rem 12.5rem 0 rgba(0,0,0,.1)
    }
}

@media screen and (min-width: 1200px) {
    .Modules_modules--with-shadow__dXIbk {
        border-radius:var(--radius-6xl)
    }
}


@media screen and (min-width: 992px) {
    .desktop-nav{
        display: block;
    }
    .mobile-nav {
        display: none;
    }
  }

.link {
    background: none;
}

.preguntas-card-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.preguntas-card-title img {
    display: inline;
}

.icon--boxed.icon--brand {
    background-color: var(--icon-background);
}

.custom-mobile-nav {
    overflow-y: hidden;
}

.custom-mobile-nav .mbY9S {
    display: none;
}


.custom-mobile-nav.header__container--open .mbY9S {
    display: flex;
}

.button-card--badge-ribbon .badge--ribbon {
    position: absolute;
    top: -1px;
    right: 16px;
}

/* BREADCRUMBS STYLE It's here for now, but it should be up */
.breadcrumbs-row {
    margin-bottom: var(--spacing-xl)
}

.breadcrumbs {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.breadcrumbs li a {
    color: var(--color-action-base);
    font-weight: var(--font-weight-bold);
    text-decoration: underline;
}

.breadcrumbs li {
    color: var(--color-neutral-base)
}

.breadcrumbs li + li::before {
    content: "/";
    margin: 0 8px;
}

/* SEARCH INPUT STYLE */
.search-form-custom input[type="search"] {
    border-radius: var(--radius-xs);
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    color: var(--color-neutral-base);
    outline: transparent solid .1875rem;
    outline-offset: 0;
    transition-duration: .2s;
    transition-property: border-color, outline-color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    background-color: var(--color-neutral-light);
    border: .125rem solid var(--color-neutral-85);
    cursor: text;
    position: relative;
    width: 100%;
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    height: 3rem;
    padding: 0 var(--spacing-s);
    width: 100%;
}

.search-form-custom input[type="search"]:focus-within {
    border-color: var(--color-action-base);
    outline-color: var(--color-action-base-opacity-20);
}

.search-form-custom input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    cursor: pointer;

    height: 20px;
    width: 20px;
    background-size: cover;
    background-repeat: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24' aria-hidden='true' focusable='false' class='icon icon--size-l' data-name='icon-cross'%3E%3Cpath fill='%23007A92' d='M20.01 3.99a.996.996 0 0 0-1.41 0l-6.6 6.6-6.6-6.6A.996.996 0 1 0 3.99 5.4l6.6 6.6-6.6 6.6a.996.996 0 1 0 1.41 1.41l6.6-6.6 6.6 6.6a.996.996 0 1 0 1.41-1.41l-6.6-6.6 6.6-6.6a.996.996 0 0 0 0-1.41Z'%3E%3C/path%3E%3C/svg%3E");
}

/* HOME PAGE STYLES */
.mas-buscado-illustrations, .open-request-illustrations {
    display: none;
}

.mas-buscado-illustrations img, .open-request-illustrations img {
    width: 100%;
}

.consulta-section-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

@media screen and (min-width: 992px) {
    .mas-buscado-illustrations, .open-request-illustrations {
        display: block;
    }
}

/* NEW REQUEST BOX move it on top after all merges */
.new-request-redirection-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: var(--spacing-3xl);
}

.new-request-redirection-box  .new-request-redirection-box-title {
    font-size: var(--title-size-2xl-bp-base);
    line-height: 130%;
    letter-spacing: -.0175rem;
    font-weight: var(--font-weight-bold)
}

.new-request-redirection-box  .new-request-redirection-box-subtitle {
    font-size: var(--title-size-s-bp-base);
    line-height: 150%;
    letter-spacing: -.01rem;
    font-weight: var(--font-weight-book)
}

@media screen and (min-width: 992px) {
    .new-request-redirection-box  .new-request-redirection-box-title {
        font-size:var(--title-size-xl-bp-s);
        line-height: 130%;
        letter-spacing: -.0175rem;
    } 
}

/* PAGE CONTAINER STYLE */
.page-container {
    margin: 0 auto;
    max-width: 960px;
    padding: var(--spacing-5xl) var(--spacing-m) 0 var(--spacing-m);
}
@media screen and (min-width: 992px) {
    .page-container {
        padding: var(--spacing-3xl) 0 0 0;
    }
}

/* CATEGORY PAGE STYLES */
.category-page-content {
    margin-bottom: var(--spacing-3xl);
}

.category-page-content .article-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px;
}



/* ARTICLE PAGE STYLES */
.articole-page-container .article-content {
    margin-bottom: var(--spacing-xl)
}

.article-page-container .article-content {
    margin-bottom: var(--spacing-2xl)
}

.article-page-container .article-votes {
    max-width: 360px;
    margin-bottom: var(--spacing-3xl);
}

.article-page-container .article-votes .article-vote-pressed {
    outline-color: var(--button-focus-alt, var(--button-focus));
    border: .125rem solid var(--button-outlined-border-alt, var(--button-outlined-border));
    color: var(--button-outlined-color-alt, var(--button-outlined-color))
}

.article-page-container .article-votes .article-vote-pressed:focus-visible {
    outline: var(--button-focus-alt, var(--button-focus)) solid .125rem;
    outline-offset: .125rem
}


.article-page-container .related-articles {
    margin-bottom: var(--spacing-3xl)
}

.article-page-container .related-articles-title {
    font-size: var(--title-size-m-bp-base);
    line-height: 150%;
    letter-spacing: -.0125rem;
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--spacing-l);
}

.article-page-container .related-articles ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px;
}

.article-page-container .related-articles li a {
    --button-filled-background: var(--color-neutral-50);
    --button-filled-color-hover: var(--color-neutral-light);
    --button-filled-color: var(--color-neutral-light);
    --button-filled-loading-border: var(--color-neutral-light);
    --button-filled-loading-fill: var(--color-neutral-light-opacity-15);
    --button-ghost-background: var(--color-action-light);
    --button-ghost-color: var(--color-action-base);
    --button-outlined-background-hover: var(--color-neutral-light-opacity-15);
    --button-outlined-border-hover: var(--color-action-base);
    --button-outlined-border: var(--color-action-base);
    --button-outlined-color: var(--color-action-base);
    --button-outlined-loading-border: var(--color-action-base);
    --button-outlined-loading-fill: var(--color-action-light);
    --button-tertiary-border: var(--color-neutral-85);
    --button-focus: var(--color-action-base);
    cursor: pointer;
    display: inline-flex;
    grid-auto-flow: column;
    justify-content: center;
    place-items: center;
    position: relative;
    transition-duration: .2s;
    transition-property: background, border-color, box-shadow, color, outline, transform;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: -moz-fit-content;
    width: fit-content;
    will-change: background, border-color, box-shadow, color, outline, transform;
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    height: 2.25rem;
    outline-color: var(--button-focus-alt, var(--button-focus));
    color: var(--button-ghost-color-alt, var(--button-ghost-color));
    border-radius: 1.125rem;
    padding: 0 var(--spacing-xs);
}

.article-page-container .related-articles li a:first-child {
    margin-left: calc(var(--spacing-xs)* -1);
}

.article-page-container .related-articles li a:last-child {
    margin-left: calc(var(--spacing-xs)* -1);
}

.article-page-container .related-articles li a:hover {
    background-color: var(--button-ghost-background-alt, var(--button-ghost-background));
}


@media screen and (min-width: 768px) {
    .article-page-container .related-articles-title {
        font-size:var(--title-size-m-bp-s);
        line-height: 130%;
        letter-spacing: -.01375rem
    }
}

@media screen and (min-width: 992px) {
    .article-page-container .article-content {
        margin-bottom: var(--spacing-3xl)
    }

    .article-page-container .article-title {
        font-size:var(--title-size-xl-bp-l);
        line-height: 120%;
        letter-spacing: -.025rem;
        margin-bottom: var(--spacing-2xl)
    }
}

@media screen and (min-width: 1200px) {
    .article-page-container .related-articles-title {
        font-size:var(--title-size-m-bp-l);
        line-height: 130%;
        letter-spacing: -.015rem
    }
}
      
/* NEW REQUEST PAGE STYLE */

.new-request-page-container {
    margin: 80px auto;
    padding: var(--spacing-m);
    max-width: 960px;
}

@media screen and (min-width: 992px) {
    .new-request-page-container {
        margin: 0px auto;
        padding-top: var(--spacing-3xl);
        padding-left: 0;
        padding-right: 0;
        padding-bottom: var(--spacing-4xl);
    }
}

.new-request-page-container .new-request-form {
    max-width: 360px;
    margin: 0 auto;
}

.new-request-page-container .new-request-form .request-form {
    display: grid;
    row-gap: 20px;
}

.new-request-page-container .new-request-form .request-form .request_subject {
    margin-bottom: -20px;
}

.new-request-page-container .new-request-form .contact-explaination-section, 
.new-request-page-container .new-request-form .details-explaination-section {
    margin-bottom: 12px;
    margin-top: var(--spacing-3xl);
}

.new-request-page-container .new-request-form .form-field {
    outline: none;
    transition: none;
    background-color: var(--color-neutral-light);
    border: none;

    display: grid;
    row-gap: 8px
}

.new-request-page-container .new-request-form .form-field label {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    color: var(--color-neutral-base);
}

.new-request-page-container .new-request-form .form-field label .optional {
    display: none;
}


.new-request-page-container .new-request-form .form-field input,
.new-request-page-container .new-request-form .form-field input:not([type=checkbox]),
.new-request-page-container .new-request-form .form-field .nesty-input {
    border-radius: var(--radius-xs);
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    color: var(--color-neutral-base);
    outline: transparent solid .1875rem;
    outline-offset: 0;
    transition-duration: .2s;
    transition-property: border-color,outline-color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    background-color: var(--color-neutral-light);
    border: .125rem solid var(--color-neutral-85);
    cursor: text;
    position: relative;
    width: 100%
}

.new-request-page-container .new-request-form .form-field input[type=checkbox] {
    border-radius: var(--radius-2xs);
    outline-color: var(--color-action-base);
    border: .125rem solid var(--color-neutral-85);
    cursor: pointer;
    height: 1.25rem;
    margin-top: .0625rem;
    transition-duration: .2s;
    transition-property: background-color, border-color, box-shadow, outline-color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    width: 1.25rem;
    will-change: background-color, border-color, box-shadow, outline-color;
    position: relative;
}

.new-request-page-container .new-request-form .form-field input[type=checkbox]:checked {
    background-color: var(--color-action-base);
    border-color: var(--color-action-base);
}

.new-request-page-container .new-request-form .form-field input[type=checkbox]:checked:after {
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4413 3.02222L3.78257 8.97764L1.55872 5.94636' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.new-request-page-container .new-request-form .form-field a.nesty-input {
    display: flex;
    align-items: center;
}

.new-request-page-container .new-request-form .form-field textarea{
    border-radius: var(--radius-xs);
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    display: block;
    outline: transparent solid .1875rem;
    outline-offset: 0;
    transition-duration: .2s;
    transition-property: border-color,outline-color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    flex: 1;
    margin: 0 var(--spacing-3xs) var(--spacing-3xs) 0;
    min-height: 6.25rem;
    padding: var(--spacing-xs) var(--spacing-s) 0;
    resize: vertical;
    border: .125rem solid var(--color-neutral-85);
    cursor: text;
    width: calc(100% - var(--spacing-3xs));
}

.new-request-page-container .new-request-form .form-field input:focus-within,
.new-request-page-container .new-request-form .form-field textarea:focus-within {
    border-color: var(--color-action-base);
    outline-color: var(--color-action-base-opacity-20);
}

.new-request-page-container .new-request-form .form-field input[type='text'],
.new-request-page-container .new-request-form .form-field input[type='number'],
.new-request-page-container .new-request-form .form-field .nesty-input {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    height: 3rem;
    padding: 0 var(--spacing-s);
    width: 100%;
}

.new-request-page-container .new-request-form .form-field #request_description_hint{
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-25);
}

.new-request-page-container .new-request-form .form-field .upload-dropzone {
    border: 2px dashed var(--color-neutral-85);
    border-radius: var(--radius-xs);
    transition-duration: .2s;
    transition-property: border-color,outline-color;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    height: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.new-request-page-container .new-request-form .form-field .upload-dropzone:hover{
    border: 2px dashed var(--color-action-base);
}

.new-request-page-container .new-request-form .form-field .upload-dropzone:active,
.new-request-page-container .new-request-form .form-field .upload-dropzone:focus-within {
    border: 2px dashed var(--color-action-dark);
}

.new-request-page-container .new-request-form .form-field .upload-dropzone input[type='file'] {
    position: absolute;
}

.new-request-page-container .new-request-form .form-field .upload-dropzone span {
    color: var(--color-action-base);
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem
}

/* Only for browsers that support :has (90-95%) */
.new-request-page-container .new-request-form .form-field input:has(~ .notification.notification-error.notification-inline),
.new-request-page-container .new-request-form .form-field textarea:has(~ .notification.notification-error.notification-inline) {
    border-color: var(--color-error-base);
}

.new-request-page-container .new-request-form .form-field .notification.notification-error.notification-inline {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-error-base);
    align-items: start;
    display: grid;
    gap: var(--spacing-2xs);
    grid-auto-flow: column;
    justify-content: start;
    align-items: center;
}

.new-request-page-container .new-request-form .form-field .notification.notification-error.notification-inline::before {
    background-size: cover;
    content: "";
    display: inline-block;
    height: 1rem;
    width: 1rem;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24' aria-hidden='true' focusable='false' class='icon icon--size-s' data-name='icon-exclamation-circle'%3E%3Cpath fill='%23df1654' d='M12 2a10.02 10.02 0 0 1 10 10 10.02 10.02 0 0 1-10 10A10.02 10.02 0 0 1 2 12 10.02 10.02 0 0 1 12 2m0-2a12 12 0 1 0 0 24 12 12 0 1 0 0-24zm0 14.37c-.55 0-1-.45-1-1v-7c0-.55.45-1 1-1s1 .45 1 1v7c0 .56-.45 1-1 1z'%3E%3C/path%3E%3Ccircle fill='%23df1654' cx='12' cy='17.38' r='1.25'%3E%3C/circle%3E%3C/svg%3E");
}

.new-request-page-container .new-request-form input[type='submit'] {
    padding: 0 var(--spacing-l);
    border-radius: var(--radius-l);
    --button-filled-background: linear-gradient(45deg, var(--color-action-base) 50%, #07a5b5);
    outline-color: var(--button-focus-alt, var(--button-focus));
    background: var(--button-filled-background-alt, var(--button-filled-background)) 100% 0;
    background-size: 200%;
    color: var(--button-filled-color-alt, var(--button-filled-color));
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    height: 3.5rem;
    --button-filled-color-hover: var(--color-neutral-light);
    --button-filled-color: var(--color-neutral-light);
    --button-filled-loading-border: var(--color-neutral-light);
    --button-filled-loading-fill: var(--color-neutral-light-opacity-15);
    --button-ghost-background: var(--color-action-light);
    --button-ghost-color: var(--color-action-base);
    --button-outlined-background-hover: var(--color-neutral-light-opacity-15);
    --button-outlined-border-hover: var(--color-action-base);
    --button-outlined-border: var(--color-action-base);
    --button-outlined-color: var(--color-action-base);
    --button-outlined-loading-border: var(--color-action-base);
    --button-outlined-loading-fill: var(--color-action-light);
    --button-tertiary-border: var(--color-neutral-85);
    --button-focus: var(--color-action-base);
    cursor: pointer;
    display: inline-flex;
    grid-auto-flow: column;
    justify-content: center;
    place-items: center;
    position: relative;
    transition-duration: .2s;
    transition-property: background, border-color, box-shadow, color, outline, transform;
    transition-timing-function: cubic-bezier(.2,.07,.38,1);
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    will-change: background, border-color, box-shadow, color, outline, transform;
}

/* this allow users to show form conditions */
.new-request-page-container .new-request-form .form-field[hidden] {
    display: none;
}

/* now hint is styled only for request_description, we should style it in a generic way using the "p" element  */
.new-request-page-container .new-request-form .form-field p {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-25);
}

/* CONTACTO STYLES */

.contacto-title {
    margin-bottom: var(--spacing-2xl);
}

.contacto-content {
    display: grid;
    grid-template-columns: 1fr;
}

#chatea-nosotros {
    display: flex;
}

@media screen and (min-width: 992px) {
    .contacto-title {
        margin-bottom: var(--spacing-3xl);
    }

    .contacto-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: var(--spacing-5xl)
    }
}

/* SEARCH ROW STYLE */
.search-row {
    display: grid;
    row-gap: var(--spacing-3xl);
    margin-bottom: var(--spacing-3xl);
}
@media screen and (min-width: 992px) {
    .search-row {
        grid-template-columns: 1fr 2fr;
        column-gap: var(--spacing-xl);
        align-items: center;
        margin-bottom: var(--spacing-3xl);
    }
}

/* SEARCH RESULTS STYLES */

.search-results-page-container .search-results {
    margin-bottom: var(--spacing-3xl)
}

.search-results-page-container .search-results-list {
    display: grid;
    row-gap: var(--spacing-s)
}

.search-results-page-container .search-results-list .search-result-item em {
    font-weight: var(--font-weight-bold);
    font-style: normal;
}

.search-results-page-container .no-search-results {
    max-width: 640px;
    padding-top: var(--spacing-l)
}

@media screen and (min-width: 992px) {
    .search-results-page-container .search-row {
        grid-template-columns: 1fr 2fr;
        column-gap: var(--spacing-xl);
        align-items: center;
        margin-bottom: var(--spacing-3xl);
    }

    .search-results-page-container .search-results-list {
        grid-template-columns: 1fr 1fr;
        row-gap: var(--spacing-l);
        column-gap: var(--spacing-l);
        margin-bottom: var(--spacing-5xl)
    }

    .search-results-page-container .no-search-results {
        padding-top: 0
    }
}

/* FOOTER ROUDED ELEMENT STYLES */

.rounded-footer {
    display: block;
    background: white;
    width: 100%;
    position: relative;
    height: var(--spacing-3xl);
    border-bottom-left-radius: var(--radius-3xl);
    border-bottom-right-radius: var(--radius-3xl);
}
@media screen and (min-width: 768px) {
    .rounded-footer {
        height: var(--spacing-4xl);
        border-bottom-left-radius: var(--radius-4xl);
        border-bottom-right-radius: var(--radius-4xl);
    }
}
@media screen and (min-width: 992px) {
    .rounded-footer {
        height: var(--spacing-5xl);
        border-bottom-left-radius: var(--radius-5xl);
        border-bottom-right-radius: var(--radius-5xl);
    }
}
@media screen and (min-width: 1200px) {
    .rounded-footer {
        height: var(--spacing-5xl);
        border-bottom-left-radius: var(--radius-6xl);
        border-bottom-right-radius: var(--radius-6xl);
    }
}

/* FOOTER STYLES */
.desktop-footer .wQq5- {
	grid-template-columns: none;
}
._2cuLT {
  margin-top: var(--spacing-m);
}
@media screen and (min-width: 992px) {
    .desktop-footer .wQq5- {
        grid-template-columns: repeat(auto-fit,minmax(6.25rem,1fr));
    }
    ._2cuLT {
        margin-top: none;
    }
}

/* ARTICLES UTILITIES */
.article-content a {
    color:var(--color-action-base);
    text-decoration:underline;
}

/* OVERRIDE FOR MIGRATION */

.FrD-c {
    justify-content: flex-start;
}

body {
    font-family: CircularXXWeb,Arial,sans-serif;
}

.article-vote-up:before, .article-vote-down:before {
    content: attr(title);
    font-family: CircularXXWeb,Arial,sans-serif;
}

a:hover {
    text-decoration: none;
}

/* ITALIAN SPECIFICITIES */
.need-help-section {
    background-color: var(--color-neutral-base);
    border-radius: var(--radius-2xl);
    color: var(--color-neutral-85)
}

@media screen and (min-width: 992px) {
    .need-help-section {
        padding: var(--spacing-3xl)
    }
}

/* FOOTER */
.FooterPattern_footer__gA0OT {
    padding-top: var(--spacing-3xl);
    background-color: var(--color-neutral-base);
    margin-top: calc(-1*var(--spacing-3xl))
}

@media screen and (min-width: 768px) {
    .FooterPattern_footer__gA0OT {
        padding-top:var(--spacing-4xl)
    }
}

@media screen and (min-width: 1200px) {
    .FooterPattern_footer__gA0OT {
        padding-top:var(--spacing-5xl)
    }
}

@media screen and (min-width: 768px) {
    .FooterPattern_footer__gA0OT {
        margin-top:calc(-1*var(--spacing-4xl))
    }
}

@media screen and (min-width: 1200px) {
    .FooterPattern_footer__gA0OT {
        margin-top:calc(-1*var(--spacing-5xl))
    }
}

.FooterPattern_footer__inner-wrapper__QiMvj {
    margin: 0 auto;
    width: 100%;
    padding: var(--spacing-xl) 0
}

@media screen and (min-width: 768px) {
    .FooterPattern_footer__inner-wrapper__QiMvj {
        max-width:calc(100vw - (2.5rem))
    }
}

@media screen and (min-width: 992px) {
    .FooterPattern_footer__inner-wrapper__QiMvj {
        max-width:960px
    }
}

@media screen and (min-width: 1200px) {
    .FooterPattern_footer__inner-wrapper__QiMvj {
        max-width:1140px
    }
}

@media screen and (min-width: 1680px) {
    .FooterPattern_footer__inner-wrapper__QiMvj {
        max-width:1370px
    }
}

@media screen and (min-width: 768px) {
    .FooterPattern_footer__inner-wrapper__QiMvj {
        padding:var(--spacing-4xl) 0
    }
}

@media screen and (min-width: 992px) {
    .FooterPattern_footer__inner-wrapper--details-right__hAmRK {
        display:grid;
        grid-gap: var(--spacing-4xl);
        gap: var(--spacing-4xl);
        grid-template-columns: 1fr 1fr
    }
}

.FooterPattern_footer__container__GDKmx {
    align-content: flex-start;
    display: grid;
    grid-gap: 0 var(--spacing-m);
    grid-template-rows: auto;
    order: 1;
    padding: 0 var(--spacing-m)
}

@media screen and (min-width: 768px) {
    .FooterPattern_footer__container__GDKmx {
        padding:0
    }
}

.FooterPattern_footer__divider__Axi1l {
    border-color: var(--color-neutral-light-opacity-15);
    margin: var(--spacing-l) auto
}

@media screen and (min-width: 768px) {
    .FooterPattern_footer__divider__Axi1l {
        margin:var(--spacing-3xl) auto;
        width: 100%
    }
}

.FooterPattern_footer__nav__G8AtP {
    padding: 0 var(--spacing-3xs);
    color: var(--color-neutral-light-opacity-75);
    display: grid;
    grid-column-gap: var(--spacing-xl);
    grid-template-columns: repeat(auto-fit,minmax(6.25rem,1fr));
    order: 2
}

@media screen and (min-width: 768px) {
    .FooterPattern_footer__nav__G8AtP {
        padding:0
    }
}

.FooterPattern_footer__nav__G8AtP .navigation__item__dropdown {
    padding: 0 var(--spacing-s);
    margin-top: var(--spacing-4xs)
}

@media screen and (min-width: 768px) {
    .FooterPattern_footer__nav__G8AtP .navigation__item__dropdown {
        padding:0
    }
}

.FooterPattern_footer__nav__G8AtP .navigation__item__dropdown>:last-child {
    padding-bottom: 0
}

.FooterPattern_footer__nav__G8AtP .navigation__list {
    gap: var(--spacing-3xs)
}

@media screen and (min-width: 992px) {
    .FooterPattern_footer__nav__G8AtP .navigation__list {
        gap:var(--spacing-m)
    }
}

.FooterPattern_footer__nav__G8AtP .navigation__item--open {
    background-color: var(--color-neutral-light-opacity-15);
    margin-bottom: 0;
    padding-bottom: var(--spacing-2xs)
}

.FooterPattern_footer__nav__item__sDn5I {
    --color-action-dark: var(--color-action-light);
    --color-neutral-75: var(--color-neutral-75);
    --color-neutral-85: var(--color-neutral-85);
    --color-neutral-95: var(--color-neutral-95);
    --color-neutral-base: var(--color-neutral-light)
}

.FooterPattern_footer__nav__item__sDn5I .navigation__item__dropdown {
    padding: 0
}

.FooterPattern_footer__nav__item__sDn5I .navigation__link {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-light);
    column-gap: var(--spacing-3xs);
    color: var(--color-neutral-light-opacity-75);
    text-wrap: wrap
}

@media screen and (min-width: 992px) {
    .FooterPattern_footer__nav__item__sDn5I .navigation__link {
        column-gap:var(--spacing-2xs)
    }
}

.FooterPattern_footer__nav__item__sDn5I .navigation__link:active {
    background: transparent;
    color: var(--color-neutral-light-opacity-75)
}

.FooterPattern_footer__nav__item__sDn5I .navigation__link .icon {
    fill: var(--color-neutral-light-opacity-75);
    height: 1.25rem;
    margin-right: 0;
    min-height: 1.25rem;
    min-width: 1.25rem;
    width: 1.25rem
}

.FooterPattern_footer__nav__item__sDn5I .navigation__link:hover {
    color: var(--color-neutral-light)
}

.FooterPattern_footer__nav__item__sDn5I .navigation__link:hover .icon {
    fill: var(--color-neutral-light)
}

.FooterPattern_footer__nav__item__sDn5I .navigation__link:focus-visible {
    outline-color: var(--color-neutral-light);
    --color-action-base: var(--color-neutral-light)
}

.FooterPattern_footer__nav__item__sDn5I .navigation__link:focus-visible:focus-visible {
    outline: var(--color-neutral-light) solid .125rem;
    outline-offset: -.125rem
}

@supports(-webkit-hyphens: none) {
    .FooterPattern_footer__nav__item__sDn5I .navigation__link:focus-visible:focus,.FooterPattern_footer__nav__item__sDn5I .navigation__link:focus-visible:focus-within {
        outline:none;
        position: relative
    }

    .FooterPattern_footer__nav__item__sDn5I .navigation__link:focus-visible:focus-within:before,.FooterPattern_footer__nav__item__sDn5I .navigation__link:focus-visible:focus:before {
        bottom: .125rem;
        left: .125rem;
        position: absolute;
        right: .125rem;
        top: .125rem;
        border: .125rem solid var(--color-neutral-light);
        content: ""
    }
}

@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution:0.001dpcm) {
    @supports(-webkit-appearance:none) and (stroke-color:transparent) {
        .FooterPattern_footer__nav__item__sDn5I .navigation__link:focus-visible:focus,.FooterPattern_footer__nav__item__sDn5I .navigation__link:focus-visible:focus-within {
            outline:none;
            position: relative
        }

        .FooterPattern_footer__nav__item__sDn5I .navigation__link:focus-visible:focus-within:before,.FooterPattern_footer__nav__item__sDn5I .navigation__link:focus-visible:focus:before {
            bottom: .125rem;
            left: .125rem;
            position: absolute;
            right: .125rem;
            top: .125rem;
            border: .125rem solid var(--color-neutral-light);
            content: ""
        }
    }
}

.FooterPattern_footer__nav__item__sDn5I .navigation__button {
    font-size: var(--title-size-s-bp-base);
    line-height: 150%;
    letter-spacing: -.01rem;
    color: var(--color-neutral-light);
    font-weight: var(--font-weight-bold);
    padding-bottom: var(--spacing-xs);
    padding-top: var(--spacing-xs)
}

@media screen and (min-width: 768px) {
    .FooterPattern_footer__nav__item__sDn5I .navigation__button {
        font-size:var(--title-size-s-bp-s);
        line-height: 150%;
        letter-spacing: -.01125rem
    }
}

@media screen and (min-width: 1200px) {
    .FooterPattern_footer__nav__item__sDn5I .navigation__button {
        font-size:var(--title-size-s-bp-l);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

.FooterPattern_footer__nav__item__sDn5I .navigation__button:active {
    color: var(--color-neutral-light-opacity-75);
    transform: scale(1)
}

.FooterPattern_footer__nav__item__sDn5I .navigation__button:hover {
    background-color: var(--color-neutral-light-opacity-15);
    color: var(--color-neutral-light)
}

.FooterPattern_footer__nav__item__sDn5I .navigation__button:focus-visible {
    outline-color: var(--color-neutral-light)
}

.FooterPattern_footer__nav__item__sDn5I .navigation__button:focus-visible:focus-visible {
    outline: var(--color-neutral-light) solid .125rem;
    outline-offset: -.125rem
}

@supports(-webkit-hyphens: none) {
    .FooterPattern_footer__nav__item__sDn5I .navigation__button:focus-visible:focus,.FooterPattern_footer__nav__item__sDn5I .navigation__button:focus-visible:focus-within {
        outline:none;
        position: relative
    }

    .FooterPattern_footer__nav__item__sDn5I .navigation__button:focus-visible:focus-within:before,.FooterPattern_footer__nav__item__sDn5I .navigation__button:focus-visible:focus:before {
        bottom: .125rem;
        left: .125rem;
        position: absolute;
        right: .125rem;
        top: .125rem;
        border: .125rem solid var(--color-neutral-light);
        content: ""
    }
}

@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution:0.001dpcm) {
    @supports(-webkit-appearance:none) and (stroke-color:transparent) {
        .FooterPattern_footer__nav__item__sDn5I .navigation__button:focus-visible:focus,.FooterPattern_footer__nav__item__sDn5I .navigation__button:focus-visible:focus-within {
            outline:none;
            position: relative
        }

        .FooterPattern_footer__nav__item__sDn5I .navigation__button:focus-visible:focus-within:before,.FooterPattern_footer__nav__item__sDn5I .navigation__button:focus-visible:focus:before {
            bottom: .125rem;
            left: .125rem;
            position: absolute;
            right: .125rem;
            top: .125rem;
            border: .125rem solid var(--color-neutral-light);
            content: ""
        }
    }
}

.FooterPattern_footer__nav__item__title__cK_Tm {
    font-size: var(--title-size-s-bp-base);
    line-height: 150%;
    letter-spacing: -.01rem;
    color: var(--color-neutral-light);
    font-weight: var(--font-weight-bold);
    padding-bottom: var(--spacing-2xs);
    padding-left: var(--spacing-xs)
}

@media screen and (min-width: 768px) {
    .FooterPattern_footer__nav__item__title__cK_Tm {
        font-size:var(--title-size-s-bp-s);
        line-height: 150%;
        letter-spacing: -.01125rem
    }
}

@media screen and (min-width: 1200px) {
    .FooterPattern_footer__nav__item__title__cK_Tm {
        font-size:var(--title-size-s-bp-l);
        line-height: 150%;
        letter-spacing: -.0125rem
    }
}

.FooterPattern_footer__description__7iO1k {
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .FooterPattern_footer__description__7iO1k {
        margin-bottom:var(--spacing-l);
        align-items: center;
        display: flex;
        flex-flow: row wrap;
        gap: var(--spacing-l) var(--spacing-xl);
        justify-content: space-between
    }
}

.FooterPattern_footer__logo-socials__6jCRk {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
    margin-bottom: var(--spacing-l);
    column-gap: var(--spacing-2xs);
    align-items: center;
    justify-content: space-between
}

@media screen and (min-width: 768px) {
    .FooterPattern_footer__logo-socials__6jCRk {
        margin-bottom:0;
        column-gap: var(--spacing-2xl)
    }
}

.FooterPattern_footer__logo__3lqpK {
    display: inline-block;
    height: 2.8125rem
}

.FooterPattern_footer__logo__3lqpK img,.FooterPattern_footer__logo__3lqpK svg {
    max-height: 100%;
    object-fit: contain;
    object-position: left
}

@media screen and (min-width: 992px) {
    .FooterPattern_footer__description--details-right__A68L3 {
        align-items:flex-start;
        flex-flow: column wrap;
        justify-content: center
    }
}

.FooterPattern_footer__stores__G70n_ {
    margin: var(--spacing-xs) 0 var(--spacing-l)
}

.FooterPattern_footer__stores__G70n_ svg {
    fill: none
}

.FooterPattern_footer__social-icons__pRtGB {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs)
}

.FooterPattern_footer__payment-icons__quqAy {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
    margin-bottom: var(--spacing-l);
    list-style: none;
    -webkit-margin-before: 0;
    margin-block-start:0;-webkit-margin-end: 0;
    margin-inline-end:0;-webkit-margin-start: 0;
    margin-inline-start:0;-webkit-padding-start: 0;
    padding-inline-start:0}

@media screen and (min-width: 768px) {
    .FooterPattern_footer__payment-icons__quqAy {
        margin-bottom:0
    }
}

.FooterPattern_footer__payment-icons__quqAy img {
    height: 1.875rem;
    width: 2.75rem
}

.FooterPattern_footer__text--right-details__EP2V3,.FooterPattern_footer__text__QMqxB {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-s-bp-base);
    line-height: 1.2135rem;
    color: var(--color-neutral-light-opacity-75)
}

.FooterPattern_footer__text--right-details__EP2V3 {
    min-width: 40.3125rem
}

.FooterPattern_footer__nav__item--large__SPmgV {
    grid-column: span 2
}

.FooterPattern_footer__legal__vw76Q {
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-s-bp-base);
    line-height: 1.2135rem;
    color: var(--color-neutral-light-opacity-75);
    max-width: 40.3125rem
}

.FooterPattern_footer__nav--inline__pg_ZQ {
    display: grid;
    grid-column-gap: var(--spacing-xl);
    grid-template-columns: repeat(auto-fit,minmax(6.25rem,1fr));
    max-width: 40.3125rem
}

.FooterPattern_footer__list__BusHI {
    display: grid;
    grid-gap: var(--spacing-3xs);
    grid-template-columns: 1fr;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: var(--font-weight-book);
    font-size: var(--text-size-m-bp-base);
    line-height: 1.41575rem;
    color: var(--color-neutral-light-opacity-75);
    padding: 0 var(--spacing-s)
}

@media screen and (min-width: 768px) {
    .FooterPattern_footer__list__BusHI {
        padding:0
    }
}

.FooterPattern_footer__nav__item--large__SPmgV .FooterPattern_footer__list__BusHI {
    align-content: flex-start;
    align-items: center;
    grid-auto-flow: column;
    grid-template-columns: repeat(var(--num-columns),1fr)
}

.FooterPattern_footer__link__N0SmP {
    list-style: none;
    padding: 0;
    text-decoration: none
}

.FooterPattern_footer__link__N0SmP>.navigation__link[tabindex="-1"] {
    pointer-events: none;
    touch-action: none
}

.FooterPattern_footer__link__N0SmP>.navigation__link {
    background-image: none;
    color: var(--color-neutral-light-opacity-75)
}

@media screen and (min-width: 992px) {
    .FooterPattern_footer__link__N0SmP>.navigation__link {
        font-weight:var(--font-weight-book);
        font-size: var(--text-size-m-bp-base);
        line-height: 1.41575rem;
        border-radius: var(--spacing-xs);
        height: 2.75rem;
        justify-content: flex-start;
        padding-left: var(--spacing-xs);
        width: 100%
    }
}

.FooterPattern_footer__link__N0SmP>a:hover {
    color: var(--color-neutral-light)
}

.FooterPattern_footer__nav__item--large__SPmgV .FooterPattern_footer__link__N0SmP {
    grid-row: auto
}

.FooterPattern_footer__link__column--1__xzkz_ {
    grid-column: 1
}

.FooterPattern_footer__link__column--2__Jh5OQ {
    grid-column: 2
}

.FooterPattern_footer__link__column--3__4zrVH {
    grid-column: 3
}

.FooterPattern_footer__link__column--4__IqwBM {
    grid-column: 4
}

.FooterPattern_footer__link__column--5__JDQ5s {
    grid-column: 5
}

.FooterPattern_footer__link__column--6__JB2aZ {
    grid-column: 6
}

.FooterPattern_footer__link__column--7__dKM55 {
    grid-column: 7
}

.FooterPattern_footer__link__column--8__CcyEE {
    grid-column: 8
}

.FooterPattern_footer__link__column--9__8kS3N {
    grid-column: 9
}

.FooterPattern_footer__link__column--10__Cggvd {
    grid-column: 10
}

.AppStoreButtonsPattern_store-buttons__MkR4w {
    display: flex;
    gap: var(--spacing-xs)
}

.faq-tabs {
    margin-bottom: var(--spacing-3xl)
}

@media screen and (min-width: 992px) {
    .faq-tabs {
        margin-bottom: var(--spacing-5xl)
    }
}

/* NOT FOUND PAGE */
.not-found-page-container .intro-section {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 32px;
    margin-bottom: 40px;
}

.not-found-page-container .intro-section .intro-section__cta {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.not-found-page-container .intro-section .intro-section__cta .title {
    font-size: var(--title-size-2xl-bp-base);
    line-height: 130%;
    letter-spacing: -.0175rem;
    font-weight: var(--font-weight-bold);
    margin-bottom: 8px;
}

.not-found-page-container .intro-section .intro-section__cta .subtitle {
    font-size: var(--text-size-l-bp-base);
    line-height: 1.618rem;
    font-weight: var(--font-weight-book);
    margin-bottom: var(--spacing-l);
}

@media screen and (min-width: 992px) {
    .not-found-page-container .intro-section {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 0;
        column-gap: 60px;
        align-items: center;
        margin-bottom: 60px;
    }
    
    .not-found-page-container .intro-section .intro-section__cta {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .not-found-page-container .intro-section .intro-section__cta .title {
        font-size: var(--title-size-2xl-bp-l);
        line-height: 130%;
        letter-spacing: -.0175rem;
        font-weight: var(--font-weight-bold);
        margin-bottom: 20px;
    }
    
    .not-found-page-container .intro-section .intro-section__cta .subtitle {
        font-size: var(--title-size-s-bp-l);
        line-height: 30px;
        font-weight: var(--font-weight-book);
        margin-bottom: var(--spacing-xl);
    }
}