html {
    --color__royal-blue: oklch(0.62 0.2025 267.56);
    --color__midnight: oklch(0.25 0.0503 240.88);
    --color__midnight--interaction: oklch(0.17 0.0261 235.17);
    --color__sky: oklch(0.78 0.109 270.51);
    --color__sky--interaction: oklch(0.72 0.1425 269.36);
    --color__olive: oklch(0.82 0.1061 114.46);
    --color__olive--interaction: oklch(0.92 0.1138 114.35);
    --color__lemon: oklch(0.96 0.1753 115.45);
    --color__lemon--interaction: oklch(0.94 0.2089 112.13);
    --color__white: oklch(1 0 0);
    --color__off-white: oklch(0.97 0.0066 106.52);
    --color__gray-1: oklch(0.93 0.0107 106.61);
    --color__gray-2: oklch(0.87 0.0095 106.59);
    --color__default-action: var(--color__lemon);
    --color__default-interaction: var(--color__lemon--interaction);
    --color__error: oklch(0.58 0.2144 29.54);
    --color__overline: var(--color__midnight);
    --color__headline: var(--color__royal-blue);
    --color__text: var(--color__midnight);
    --color__background: var(--color__white);
    --color__interaction: var(--color__gray-1);
    --color__image-overlay: color-mix(in srgb,var(--color__midnight) 50%,transparent);
    background-color: var(--color__background);
    --font__regular: 400 1.125rem/1.5 "Neue Haas Unica Pro",sans-serif;
    --font__bold: 700 1.125rem/1.5 "Neue Haas Unica Pro",sans-serif;
    --font__highlight: 700 1.125rem/1.5 "PP Neue Corp Compact",sans-serif
}

@font-face {
    font-display: fallback;
    font-family: Neue Haas Unica Pro;
    font-style: normal;
    font-weight: 400;
    /*! /* webpackIgnore: true */ src: url(fonts/neue-haas-unica-pro-regular.woff2) format("woff2");
    unicode-range: u+000-5ff,u+20ac
}

@font-face {
    font-display: fallback;
    font-family: Neue Haas Unica Pro;
    font-style: normal;
    font-weight: 700;
    /*! /* webpackIgnore: true */ src: url(fonts/neue-haas-unica-pro-heavy.woff2) format("woff2");
    unicode-range: u+000-5ff,u+20ac
}

@font-face {
    font-display: fallback;
    font-family: PP Neue Corp Compact;
    font-style: normal;
    font-weight: 700;
    /*! /* webpackIgnore: true */ src: url(fonts/pp-neue-corp-compact-ultrabold.woff2) format("woff2");
    unicode-range: u+000-5ff,u+20ac
}

html {
    --default__transition-timing-function: ease;
    --default__transition-duration: 333ms;
    --default__transition-timing: var(--default__transition-timing-function) var(--default__transition-duration);
    --default__outline: 3px solid currentColor;
    --number-of-columns: 6;

    @media (min-width:calc(1252rem / 16)) {
        --number-of-columns:12
    }
}

html {
    --space__base: 1rem;
    --space__fluid-base: clamp(1rem,0.5rem + 1.25vw,2rem);
    --space__fluid-base--slow: clamp(1rem,0.8rem + 0.5vw,1.4rem);
    --space__fluid-edge: clamp(1.25rem,-0.125rem + 3.4375vw,4rem);
    --space__gap: calc(var(--space__fluid-base--slow)*1.96429);
    --space__between-elements: calc(var(--space__fluid-base--slow)*3.75);
    --space__typography: calc(var(--space__fluid-base--slow)*2.14286)
}

.visually-hidden:not(:focus):not(:active) {
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    clip: rect(0 0 0 0);
    clip-path: inset(100%)
}

.background {
    background: none var(--color__background);
    color: var(--color__text);
    &::-moz-selection

{
    background-color: var(--color__text);
    color: var(--color__background)
}

&::selection {
    background-color: var(--color__text);
    color: var(--color__background)
}

}

.background--white {
    --color__overline: var(--color__midnight);
    --color__headline: var(--color__royal-blue);
    --color__text: var(--color__midnight);
    --color__background: var(--color__white);
    --color__interaction: var(--color__gray-1);
    --color__image-overlay: color-mix(in srgb,var(--color__midnight) 50%,transparent)
}

.background--off-white {
    --color__overline: var(--color__midnight);
    --color__headline: var(--color__royal-blue);
    --color__text: var(--color__midnight);
    --color__background: var(--color__off-white);
    --color__interaction: var(--color__gray-2);
    --color__image-overlay: color-mix(in srgb,var(--color__midnight) 50%,transparent)
}

.background--gray-1 {
    --color__overline: var(--color__midnight);
    --color__headline: var(--color__midnight);
    --color__text: var(--color__midnight);
    --color__background: var(--color__gray-1);
    --color__interaction: var(--color__gray-2);
    --color__image-overlay: color-mix(in srgb,var(--color__gray-1) 25%,transparent)
}

.background--gray-2 {
    --color__overline: var(--color__midnight);
    --color__headline: var(--color__midnight);
    --color__text: var(--color__midnight);
    --color__background: var(--color__gray-2);
    --color__interaction: var(--color__gray-1);
    --color__image-overlay: color-mix(in srgb,var(--color__gray-1) 25%,transparent)
}

.background--olive {
    --color__overline: var(--color__midnight);
    --color__headline: var(--color__midnight);
    --color__text: var(--color__midnight);
    --color__background: var(--color__olive);
    --color__interaction: var(--color__olive--interaction);
    --color__image-overlay: color-mix(in srgb,var(--color__gray-1) 25%,transparent)
}

.background--sky {
    --color__overline: var(--color__midnight);
    --color__headline: var(--color__midnight);
    --color__text: var(--color__midnight);
    --color__background: var(--color__sky);
    --color__interaction: var(--color__sky--interaction);
    --color__image-overlay: color-mix(in srgb,var(--color__gray-1) 25%,transparent)
}

.background--lemon {
    --color__overline: var(--color__midnight);
    --color__headline: var(--color__midnight);
    --color__text: var(--color__midnight);
    --color__default-action: var(--color__gray-2);
    --color__default-interaction: var(--color__gray-1);
    --color__background: var(--color__lemon);
    --color__interaction: var(--color__lemon--interaction);
    --color__image-overlay: color-mix(in srgb,var(--color__gray-1) 25%,transparent)
}

.background--midnight {
    --color__overline: var(--color__lemon);
    --color__headline: var(--color__royal-blue);
    --color__text: var(--color__white);
    --color__background: var(--color__midnight);
    --color__interaction: var(--color__midnight--interaction);
    --color__image-overlay: color-mix(in srgb,var(--color__midnight) 50%,transparent)
}

.background--blue {
    --color__overline: var(--color__white);
    --color__headline: var(--color__white);
    --color__text: var(--color__white);
    --color__background: var(--color__royal-blue);
    --color__interaction: var(--color__midnight);
    --color__image-overlay: color-mix(in srgb,var(--color__midnight) 50%,transparent)
}

.overline {
    color: var(--color__overline);
    display: block;
    font: var(--font__bold);
    font-size: .875rem;
    -webkit-hyphens: auto;
    hyphens: auto;
    letter-spacing: .2rem;
    margin-block-end: var(--space__typography);
    text-transform: uppercase;
    &:last-child

{
    margin-block-end: 0
}

@media (min-width:calc(801rem / 16)) {
    font-size:1rem
}

}

.headline, h1, h2, h3, h4 {
    color: var(--color__headline);
    display: block;
    font: var(--font__highlight);
    line-height: 1;
    margin-block-end: var(--space__typography);
    text-transform: uppercase;
    text-wrap: balance;
    &:last-child

{
    margin-block-end: 0
}

}

.headline--10 {
    font-size: clamp(3rem,.8666rem + 5.3333vw,9rem);
    -webkit-hyphens: auto;
    hyphens: auto;
    letter-spacing: -.03rem;

    @media (min-width:calc(801rem / 16)) {
        letter-spacing:-.09rem
    }
}

.headline--20, h1 {
    font-size: clamp(2.75rem,1rem + 4.375vw,6.25rem);

    @media (min-width:calc(801rem / 16)) {
        letter-spacing:-.0625rem
    }
}

.headline--30, h2 {
    font-size: clamp(2.5rem,.875rem + 4.0625vw,5.75rem);

    @media (min-width:calc(801rem / 16)) {
        letter-spacing:-.0575rem
    }
}

.headline--40, h3 {
    font-size: clamp(2.25rem,1.125rem + 2.8125vw,4.5rem);
    letter-spacing: 0
}

.headline--50, h4 {
    font-size: clamp(1.6rem,1.275rem + .8125vw,2.25rem);
    letter-spacing: 0
}

.paragraph, p {
    color: var(--color__text);
    font: var(--font__regular);
    margin-block-end: var(--space__typography);
    max-width: 70ch;
    text-wrap: pretty;
    &:has(+:is(ul,ol))

{
    margin-block-end: 1rem
}

&:last-child {
    margin-block-end: 0
}

}

.paragraph--huge {
    font-size: clamp(1.5rem,.875rem + 1.5625vw,2.75rem);
    line-height: 1.3
}

.paragraph--large {
    font-size: clamp(1.25rem,1rem + .625vw,1.75rem);
    line-height: 1.4
}

.paragraph--small {
    font-size: 1rem
}

.list, ol, ul {
    color: var(--color__text);
    font: var(--font__regular);
    margin-block-end: var(--space__typography);
    padding-inline-start: 1.5em;
    &:last-child

{
    margin-block-end: 0
}

}

.list--visually-untouched {
    color: inherit;
    font: inherit;
    list-style: none;
    margin-block-end: 0;
    padding-inline-start: 0
}

.anchor, label a, li a, p a {
    background: none;
    color: var(--color__text);
    font: var(--font__bold);
    padding: 0;
    text-decoration: underline;
    text-decoration-thickness: .1rem;
    text-underline-offset: .25rem;
    width: -moz-fit-content;
    width: fit-content;
    &:focus-visible

{
    outline: var(--default__outline);
    outline-offset: .15em
}

&:has(.anchor__label) {
    text-decoration: none;

    @media (min-width:calc(801rem / 16)) {
        background:none
    }
}

@media (min-width:calc(801rem / 16)) {
    background:linear-gradient(90deg,currentColor,currentColor) no-repeat 100% 100%;background-size:100% .1em;text-decoration:none
}

}

@media (hover:hover) and (min-width:calc(801rem / 16)) {
    .anchor, label a, li a, p a {
        transition: background-size var(--default__transition-timing);
        &:hover

{
    background-size: 100% .15em
}

}

.anchor:hover .anchor__label {
    background-size: 100% .15em
}

}

.anchor {
    &:has(svg:not(.navigation-panel__close-icon))

{
    align-items: center;
    display: inline-flex;
    gap: 1rem
}

}

.anchor--uppercase {
    text-transform: uppercase
}

.anchor__icon {
    width: 1em
}

.anchor__label {
    text-decoration: underline;

    @media (min-width:calc(801rem / 16)) {
        background:linear-gradient(90deg,currentColor,currentColor) no-repeat 100% 100%;background-size:100% .1em;text-decoration:none
    }
}

p a {
    font-size: inherit;
    line-height: inherit
}

.button, button {
    align-items: center;
    border: none;
    color: var(--color__text);
    cursor: pointer;
    display: flex;
    font: var(--font__highlight);
    font-size: 1.125rem;
    gap: .5rem;
    isolation: isolate;
    justify-content: center;
    line-height: 1;
    overflow: hidden;
    padding: 1.94rem;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content;
    &:not(.background,.anchor)

{
    background-color: var(--color__default-action)
}

&:focus-visible {
    outline: var(--default__outline);
    outline-offset: -3px
}

&:disabled {
    background-color: var(--color__gray-1);
    color: color-mix(in srgb,var(--color__text) 50%,transparent);
    cursor: not-allowed
}

svg {
    width: 1.4rem
}

}

button.anchor {
    display: inline;
    text-transform: none
}

div.button {
    cursor: auto
}

@media (hover:hover) {
    .button:not(:disabled), button:not(:disabled,.anchor,[style]) {
        &:before

{
    background-color: var(--color__interaction);
    content: "";
    inset: 0;
    position: absolute;
    transition: translate var(--default__transition-timing);
    translate: 0 101%;
    z-index: -1
}

&:not(.background):before {
    background-color: var(--color__default-interaction)
}

&:hover:before {
    translate: 0
}

}

div.button:before {
    display: none
}

}

.button--icon-reversed {
    svg

{
    rotate: 180deg
}

}

.button--full {
    width: 100%
}

.button--centered {
    margin-inline: auto
}

.button--inactive {
    background-color: var(--color__off-white);
    &.background--midnight

{
    --color__interaction: var(--color__default-interaction);
    color: var(--color__midnight)
}

}

.button--pill {
    border-radius: 3em;
    min-width: min(16rem,100%);
    padding: .5rem 1rem;
    &:active

{
    scale: .975
}

@media (min-width:calc(801rem / 16)) {
    padding-bottom:1em;padding-left:1em;padding-right:1em;padding-top:1em
}

}

.button--round {
    border-radius: 50%;
    height: 2.5rem;
    padding: 0;
    width: 2.5rem;
    &:active

{
    scale: .975
}

svg {
    width: 1rem
}

}

.button--with-icon {
    padding: 1.8rem
}

.button--with-icon-hover {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr auto 1fr;
    padding: 1.5rem;
    svg

{
    opacity: 0;
    translate: -10%;
    width: 2rem
}

}

.button--with-icon-hover-reversed {
    svg

{
    justify-self: end;
    rotate: 180deg;
    translate: 10%
}

}

@media (hover:hover) {
    .button--with-icon-hover:not(:disabled) {
        svg

{
    transition-duration: var(--default__transition-duration);
    transition-property: translate,opacity;
    transition-timing-function: var(--default__transition-timing-function)
}

&:hover svg {
    opacity: 1;
    translate: 0
}

}
}

@media (hover:none) {
    .button--with-icon-hover {
        gap: 0;
        svg

{
    display: none
}

}
}

.button__label {
    grid-column-start: 2;
    text-box: trim-both cap alphabetic
}

.logo-anchor {
    display: flex;
    height: 100%;
    isolation: isolate;
    overflow: hidden;
    padding-inline: var(--space__fluid-edge) calc(var(--space__fluid-edge) + .5rem);
    position: relative;
    &:before

{
    background-color: var(--color__royal-blue);
    content: "";
    inset: 0;
    position: absolute;
    transition: translate var(--default__transition-timing);
    translate: 0 100%;
    z-index: -1
}

&:hover:before {
    translate: 0
}

svg {
    width: 4.5rem
}

@media (min-width:calc(541rem / 16)) {
    svg {
        width: 7rem
    }
}

@media (min-width:calc(1252rem / 16)) {
    padding-inline-end:var(--space__gap);svg {
        width: calc((100vw - var(--space__fluid-edge)*2 - (var(--number-of-columns) - 1)*var(--space__gap))/var(--number-of-columns))
    }
}

}

.logo {
    color: var(--color__text);
    display: block;
    pointer-events: none;
    text-decoration: none;
    width: 6.8rem;
    .footer &

{
    font: var(--font__highlight);
    font-size: clamp(2.75rem,1rem + 4.375vw,6.25rem);
    height: 100%;
    pointer-events: all;
    width: auto
}

.navigation-panel & {
    font: var(--font__highlight);
    font-size: 1.125rem;
    pointer-events: all;
    width: auto
}

}

.logo__anchor {
    align-items: center;
    color: var(--color__headline);
    display: flex;
    font-size: inherit;
    isolation: isolate;
    justify-content: flex-end;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    &:before

{
    background-color: var(--color__interaction);
    content: "";
    inset: 0;
    position: absolute;
    transition: translate var(--default__transition-timing);
    translate: 0 100%;
    z-index: -1
}

&:hover:before {
    translate: 0
}

.footer & {
    height: 100%
}

.navigation-panel & {
    background: none;
    color: var(--color__text);
    &:before

{
    display: none
}

}
}

.logo__asset, .logo__copyright {
    height: 1lh;
    width: auto;
    .navigation-panel &

{
    height: 3lh
}

}

.logo__copyright {
    margin-inline-end: .2lh
}

@keyframes spinning {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loading-indicator {
    align-items: center;
    background-color: color-mix(in srgb,var(--color__midnight) 75%,transparent);
    display: none;
    flex-direction: column;
    gap: 1.25rem;
    inset: 0;
    justify-content: center;
    overscroll-behavior: contain;
    position: fixed;
    z-index: 10
}

.loading-indicator--visible {
    display: flex
}

body:has(.loading-indicator--visible) {
    overflow-y: hidden;
    pointer-events: all
}

.loading-indicator__svg {
    animation: spinning 1s ease infinite;
    width: 4.125rem
}

.loading-indicator__label {
    color: var(--color__white);
    font: var(--font__highlight);
    text-transform: uppercase
}

.form__label, label {
    color: var(--color__text);
    font: var(--font__highlight);
    text-transform: uppercase;
    &:has(+.select-container select:disabled),&:has(+:disabled)

{
    opacity: .5
}

&:has(+input[type=date]) {
    margin-inline: auto;
    max-width: min(568px,100%);
    width: 100%
}

&:has(.label__icon) {
    display: flex;
    gap: 1.5rem
}

}

.label-with-tooltip {
    align-items: center;
    display: flex;
    gap: .5rem;
    position: relative;
    &:has(.checkbox-container)

{
    align-items: flex-start
}

}

.label__icon {
    flex-shrink: 0;
    width: 1.4rem
}

input[type=date], input[type=email], input[type=tel], input[type=text] {
    background-color: var(--color__off-white);
    border: 0;
    border-radius: 0;
    color: var(--color__midnight);
    display: block;
    margin-inline: auto;
    padding: 1.65rem;
    width: 100%;
    &:focus-visible

{
    outline: var(--default__outline)
}

&:disabled {
    cursor: not-allowed;
    opacity: .5
}

.input-error + & {
    border-bottom: 3px solid var(--color__error)
}

}

input[type=date] {
    max-width: min(568px,100%)
}

input::-webkit-datetime-edit {
    display: block;
    padding: 0;
    text-transform: uppercase
}

input[type=file] {
    width: 100%
}

.checkbox-container {
    display: grid;
    font: var(--font__regular);
    font-size: 1rem;
    gap: .75rem;
    grid-template-columns: 1.75rem auto;
    margin-block-start: 1rem;
    text-transform: none;
    width: -moz-fit-content;
    width: fit-content;
    a

{
    font-size: inherit
}

}

.checkbox-container--centered {
    margin-inline: auto
}

input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid;
    border-radius: 0;
    color: currentColor;
    display: grid;
    font: inherit;
    height: 1.75rem;
    margin: 0;
    place-content: center;
    transform: translateY(-.2rem);
    width: 1.75rem;
    &:before

{
    background-color: currentColor;
    content: "";
    height: .8rem;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M3.43 24c-.42 0-.84-.13-1.2-.39a2.044 2.044 0 0 1-.45-2.85c1.79-2.45 4.54-5.54 7.3-8.53-1.31-1.61-2.6-3.24-3.92-4.91C4.11 6 3.06 4.66 1.97 3.31c-.71-.88-.57-2.16.31-2.86.87-.71 2.16-.57 2.86.31C6.24 2.12 7.3 3.47 8.35 4.8c1.19 1.5 2.36 2.98 3.54 4.43l.99-1.05c2.09-2.21 4.41-4.67 5.34-5.84.04-.89.66-1.68 1.57-1.89 1-.24 1.96.15 2.45.99.99 1.71.29 2.45-6.39 9.54-.43.46-.88.94-1.34 1.42 2.3 2.71 4.68 5.3 7.3 7.73.82.77.87 2.05.11 2.88-.77.83-2.05.87-2.88.11-2.65-2.46-5.03-5.03-7.32-7.71-2.55 2.77-5.04 5.58-6.63 7.77-.4.55-1.02.84-1.65.84Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M3.43 24c-.42 0-.84-.13-1.2-.39a2.044 2.044 0 0 1-.45-2.85c1.79-2.45 4.54-5.54 7.3-8.53-1.31-1.61-2.6-3.24-3.92-4.91C4.11 6 3.06 4.66 1.97 3.31c-.71-.88-.57-2.16.31-2.86.87-.71 2.16-.57 2.86.31C6.24 2.12 7.3 3.47 8.35 4.8c1.19 1.5 2.36 2.98 3.54 4.43l.99-1.05c2.09-2.21 4.41-4.67 5.34-5.84.04-.89.66-1.68 1.57-1.89 1-.24 1.96.15 2.45.99.99 1.71.29 2.45-6.39 9.54-.43.46-.88.94-1.34 1.42 2.3 2.71 4.68 5.3 7.3 7.73.82.77.87 2.05.11 2.88-.77.83-2.05.87-2.88.11-2.65-2.46-5.03-5.03-7.32-7.71-2.55 2.77-5.04 5.58-6.63 7.77-.4.55-1.02.84-1.65.84Z'/%3E%3C/svg%3E");
    mask-type: alpha;
    scale: 0;
    transition: scale .2s ease;
    width: .8rem
}

&:checked:before {
    scale: 1
}

&:focus-visible {
    outline: var(--default__outline);
    outline-offset: .15rem
}

}

.form__label--radio-button {
    display: grid;
    font: var(--font__regular);
    gap: .75rem;
    grid-template-columns: 1.75em auto;
    text-transform: none
}

input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: .165em solid;
    border-radius: 50%;
    color: currentColor;
    display: grid;
    font: inherit;
    height: 2rem;
    margin: 0;
    place-content: center;
    translate: 0 -.265em;
    width: 2rem;
    &:before

{
    border-radius: 50%;
    box-shadow: inset 1em 1em currentColor;
    content: "";
    height: 1em;
    scale: 0;
    transition: scale .2s var(--default__transition-timing-function);
    width: 1em
}

&:checked:before {
    scale: 1
}

&:focus-visible {
    outline: var(--default__outline);
    outline-offset: .15em
}

}

.radio-button-collection {
    align-items: center;
    border: 0;
    border-block-end: 2px solid var(--color__gray-2);
    display: flex;
    flex-direction: column;
    gap: 1rem 6rem;
    padding-block: calc(var(--space__gap) - 1.5rem) var(--space__gap);
    padding-inline: 0;

    @media (min-width:calc(1000rem / 16)) {
        flex-direction:row
    }

    .form__group:last-child &

{
    border-block-end: 0;
    padding-block-end: 0
}

}

.radio-button-collection__label-container {
    flex: 1;
    .input-error

{
    margin-block-start: .75rem
}

}

.radio-button-collection__label {
    color: var(--color__text)
}

.radio-button-collection__option-container {
    display: flex;
    flex-shrink: 0;
    gap: 3rem
}

select {
    background-color: var(--color__off-white);
    border: 0;
    border-radius: 0;
    color: var(--color__text);
    display: block;
    padding: 1.5rem;
    width: 100%;
    &:focus-visible

{
    outline: var(--default__outline)
}

&:disabled {
    cursor: not-allowed;
    opacity: .5
}

.input-error + & {
    border-bottom: 3px solid var(--color__error)
}

}

.select-container {
    position: relative;
    select

{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

svg {
    background-color: var(--color__off-white);
    inset-block-start: calc(50% - .75rem);
    inset-inline-end: 1.5rem;
    padding-inline-start: .5rem;
    pointer-events: none;
    position: absolute;
    width: 1.75rem
}

&:has(select:disabled) svg {
    opacity: .5
}

}

.range-input {
    display: flex;
    gap: 1rem
}

.range-input__max, .range-input__min {
    font: var(--font__bold);
    letter-spacing: .2rem;
    text-transform: uppercase
}

.range-input__outer {
    flex: 1
}

.range-input__inner {
    display: flex;
    flex: 1;
    isolation: isolate;
    position: relative
}

input[type=range] {
    --range-progress: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    &:focus-visible

{
    outline: none
}

&::-webkit-slider-runnable-track {
    background: linear-gradient(to right,var(--color__midnight) 0,var(--color__midnight) var(--range-progress),var(--color__gray-1) var(--range-progress),var(--color__gray-1) 100%);
    height: .25rem
}

&::-moz-range-track {
    background: linear-gradient(to right,var(--color__midnight) 0,var(--color__midnight) var(--range-progress),var(--color__gray-1) var(--range-progress),var(--color__gray-1) 100%);
    height: .25rem
}

&::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--color__midnight);
    border-radius: 50%;
    box-shadow: -100% 0 0 100% var(--color__midnight);
    height: 1.125rem;
    margin-top: -.4375rem;
    width: 1.125rem
}

&:focus-visible::-webkit-slider-thumb {
    outline: 3px solid var(--color__midnight);
    outline-offset: .125rem
}

&::-moz-range-thumb {
    background-color: var(--color__midnight);
    border: none;
    border-radius: 50%;
    height: 1.125rem;
    width: 1.125rem
}

&:focus-visible::-moz-range-thumb {
    outline: 3px solid var(--color__midnight);
    outline-offset: .125rem
}

}

.range-input__step-indicator-collection {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: space-between;
    pointer-events: none;
    position: absolute;
    z-index: -1
}

.range-input__step-indicator {
    background-color: var(--color__midnight);
    border-radius: 50%;
    height: .625rem;
    width: .625rem
}

.range-input__step-indicator--inactive {
    background-color: var(--color__gray-1)
}

.range-input__output {
    letter-spacing: .2rem;
    margin-block-start: .75rem;
    min-width: unset;
    padding-inline: 2rem;
    width: -moz-max-content;
    width: max-content
}

.input-error {
    --color__text: var(--color__error);
    align-items: center;
    color: var(--color__error);
    display: flex;
    font: var(--font__bold);
    font-size: 1rem;
    gap: .625rem;
    svg

{
    width: 1.5rem
}

}

.accordion {
    border-block-end: 1px solid var(--color__gray-2);

    @media (hover:hover) {
        transition:border-block-end-color var(--default__transition-timing);&:has(.accordion__header:hover) {
            border-block-end-color: var(--color__text)
        }
    }
}

.accordion__header {
    align-items: center;
    color: var(--color__text);
    cursor: pointer;
    display: inline-flex;
    gap: .75rem;
    justify-content: space-between;
    padding-block: 3rem;
    width: 100%;
    &:focus-visible

{
    outline: var(--default__outline)
}

}

.accordion__headline {
    color: var(--color__text);
    font: var(--font__bold);
    font-size: clamp(1.25rem,1rem + .625vw,1.75rem);
    line-height: 1.4;
    margin-block-end: 0;
    text-transform: none;
    text-box: trim-both cap alphabetic
}

.accordion__marker {
    flex-shrink: 0;
    transition: rotate var(--default__transition-timing);
    width: 1.5rem;
    .accordion[open] &

{
    rotate: -45deg
}

}

.accordion__content {
    padding-block-end: 3rem
}

@supports (interpolate-size:allow-keywords) {
    ::details-content {
        height: 0;
        overflow: clip;
        transition: height var(--default__transition-timing),content-visibility var(--default__transition-timing) allow-discrete
    }

    [open]::details-content {
        height: auto
    }
}

.anchor-collection {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 8rem
}

.anchor-collection__item {
    text-transform: uppercase
}

.button-collection {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem var(--space__gap);
    justify-content: center;
    .ce &:has(.button--full)

{
    margin-inline: calc((var(--space__fluid-edge) + var(--additional_indent) + var(--indent__start))*-1) calc((var(--space__fluid-edge) + var(--additional_indent) + var(--indent__end))*-1)
}

}

.download-collection {
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem
}

.download-collection__info {
    align-items: center;
    color: var(--color__text);
    display: flex;
    gap: .75rem;
    svg

{
    flex-shrink: 0;
    width: 1.75rem
}

}

.download-collection__info-text {
    text-box: trim-both cap alphabetic
}

.download-item__anchor {
    align-items: baseline;
    background: none;
    border-block-end: 1px solid var(--color__gray-2);
    display: flex;
    font: var(--font__highlight);
    gap: .5rem;
    padding-block: 1.75rem;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    svg

{
    align-self: center;
    flex-shrink: 0;
    margin-inline-start: auto;
    width: 1.75rem
}

}

@media (hover:hover) {
    .download-item__anchor {
        transition: border-block-end-color var(--default__transition-timing);
        &:hover

{
    border-block-end-color: var(--color__text)
}

}
}

.download-item__label-container {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.5rem
}

.download-item__label {
    text-align: left
}

.download-item__file-type {
    color: var(--color__headline);
    font: var(--font__bold);
    font-size: .75rem
}

.dialog {
    border: 0;
    height: calc(100% - 4rem);
    margin: auto;
    overscroll-behavior: contain;
    padding: 5.25rem var(--space__fluid-edge);
    width: calc(100% - var(--space__fluid-edge)*2);

    @media (min-width:calc(1252rem / 16)) {
        height:calc(100% - 10rem);padding:5.25rem calc((100% - var(--space__fluid-edge)*2 - (var(--number-of-columns) - 1)*var(--space__gap))/var(--number-of-columns) + var(--space__gap));width:calc(100% - var(--space__fluid-edge)*2 - ((100% - var(--space__fluid-edge)*2 - ((var(--number-of-columns) - 1)*var(--space__gap)))/var(--number-of-columns) + var(--space__gap))*2)
    }

    &::backdrop

{
    background-color: var(--color__midnight);
    opacity: .75
}

.form {
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
    height: 100%;
    justify-content: space-between
}

.button-collection {
    --number-of-columns: 8;
    flex-direction: row-reverse;
    gap: 0;
    margin-inline: calc(var(--space__fluid-edge)*-1);

    @media (min-width:calc(1252rem / 16)) {
        margin-inline:calc(((100% - ((var(--number-of-columns) - 1)*var(--space__gap)))/var(--number-of-columns) + var(--space__gap))*-1)
    }

    .button--full

{
    flex: 1;
    margin-inline: 0
}

}

.button--full {
    flex-shrink: 0;
    --number-of-columns: 8;
    margin-inline: calc(var(--space__fluid-edge)*-1);
    width: auto;

    @media (min-width:calc(1252rem / 16)) {
        margin-inline:calc(((100% - ((var(--number-of-columns) - 1)*var(--space__gap)))/var(--number-of-columns) + var(--space__gap))*-1)
    }
}

}

.dialog:has(.form) {
    padding-block-end: 0
}

.dialog__close {
    inset-block-start: 0;
    inset-inline-end: 0;
    position: absolute
}

.ce-form {
    &:has(.form--application),&:has(.form--contact)

{
    @media (min-width:calc(801rem / 16)) {
        --additional_indent:calc((100vw - var(--space__fluid-edge)*2 - (var(--number-of-columns) - 1)*var(--space__gap))/var(--number-of-columns) + var(--space__gap))
    }

    @media (min-width:calc(1252rem / 16)) {
        --additional_indent:calc(((100vw - 2*var(--space__fluid-edge) - ((var(--number-of-columns) - 1)*var(--space__gap)))/var(--number-of-columns) + var(--space__gap))*2)
    }
}

&:has(.ce) {
    padding: 0;
    .ce-form__header:has(*)

{
    padding-block-start: var(--space__between-elements);
    padding-inline-end: calc(var(--space__fluid-edge) + var(--additional_indent) + var(--indent__end));
    padding-inline-start: calc(var(--space__fluid-edge) + var(--additional_indent) + var(--indent__start))
}

}
}

.ce-form__header {
    text-align: center;
    &:has(*)+.ce-form__form

{
    margin-block-start: 2.75rem
}

}

.ce-form__text {
    p

{
    margin-inline: auto
}

}

.form--with-grid, .form__grid-container {
    display: grid;
    gap: 1.5rem var(--space__gap);
    grid-template-columns: 1fr;

    @media (min-width:calc(1000rem / 16)) {
        grid-template-columns:repeat(8,1fr)
    }
}

.form--newsletter-subscription {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    .form__group--email

{
    flex: 1
}

.form__group--privacy {
    flex-basis: 100%;
    margin-block-start: .75rem;
    order: 1
}

}

.form__grid-container {
    +.form__group

{
    margin-block-start: 1.5rem
}

}

.form__fieldset {
    border: 0;
    padding: 0;
    +.form__fieldset,+.form__group

{
    margin-block-start: 3rem;

    @media (min-width:calc(801rem / 16)) {
        margin-block-start:5rem
    }
}

}

.form__fieldset-description {
    margin-inline: auto;
    text-align: center;
    +.anchor-collection

{
    display: flex;
    flex-direction: column;
    gap: 1rem 2.75rem;
    margin-block: 1.75rem 2.75rem;
    text-align: center;

    @media (min-width:calc(681rem / 16)) {
        display:grid;grid-template-columns:1fr 1fr;text-align:left;.anchor-collection__item:first-child {
            text-align: right
        }
    }
}

}

.form__legend {
    margin-block-end: 2rem;
    padding: 0;
    text-align: center
}

.form__legend--with-button {
    align-items: center;
    display: flex;
    gap: 1rem;
    .button

{
    color: currentColor;
    font-size: 1em;
    svg

{
    width: .6em
}

&:before {
    display: none
}

}
}

.form__column {
    border-block-start: 1px solid var(--color__gray-2);
    margin-block-start: 2.75rem;
    padding-block-start: 2.75rem
}

.form__column, .form__row {
    display: grid;
    gap: 1.5rem var(--space__gap);
    grid-column: 1/-1;
    grid-template-columns: subgrid
}

.form__group {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    grid-column: 1/-1;
    +.form__fieldset

{
    margin-block-start: 3rem;

    @media (min-width:calc(801rem / 16)) {
        margin-block-start:5rem
    }
}

}

.form__group--actions {
    flex-direction: row-reverse;
    gap: 0;
    margin-block-start: 2.75rem
}

.form__group--anchor {
    .anchor

{
    align-self: center
}

}

@media (min-width:calc(1000rem / 16)) {
    .form__group--span-4, .form__row .form__group {
        grid-column: span 4
    }

    .form__group--span-2 {
        grid-column: span 2
    }

    .form__group--span-3, .form__row .form__group--house-number, .form__row .form__group--postal-code {
        grid-column: span 3
    }

    .form__group--span-5, .form__row .form__group--city, .form__row .form__group--street {
        grid-column: span 5
    }
}

.footer {
    >.l-grid-container

{
    gap: 0
}

}

.footer__column-navigation {
    --number-of-columns: 6;
    padding-inline: var(--space__fluid-edge);

    @media (min-width:calc(1252rem / 16)) {
        padding-inline-end:calc(var(--space__gap)/2);.l-grid-container__item--large {
            grid-column: span 4
        }

        .l-grid-container__item--small {
            grid-column: span 2
        }
    }
}

.footer__column-newsletter {
    display: flex;
    flex-direction: column;
    gap: var(--space__between-elements);
    grid-row: span 2;
    justify-content: space-between;
    padding-block: 4rem 1.5rem;
    padding-inline: var(--space__fluid-edge);

    @media (min-width:calc(1252rem / 16)) {
        padding-inline-start:var(--space__gap)
    }
}

.footer__column-logo {
    .logo__anchor

{
    padding-block: 4rem;
    padding-inline: var(--space__fluid-edge);

    @media (min-width:calc(1252rem / 16)) {
        padding-inline-end:var(--space__gap)
    }
}

}

.footer-navigation {
    display: grid;
    gap: .5rem var(--space__gap);
    grid-template-columns: 1fr;

    @media (min-width:calc(801rem / 16)) {
        grid-template-columns:1fr 1fr
    }
}

.legal-navigation {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 4rem
}

.legal-navigation__anchor {
    line-height: 1
}

.l-flex-container {
    display: flex;
    flex-direction: column;
    gap: var(--space__typography);

    @media (min-width:calc(1252rem / 16)) {
        flex-direction:row;gap:var(--space__gap)
    }
}

.l-flex-container--centered {
    align-items: center
}

.l-flex-container--reversed {
    @media (min-width:calc(1252rem / 16)) {
        flex-direction:row-reverse
    }
}

.l-flex-container__item {
    flex: 1;
    min-width: 0
}

.l-grid-container {
    display: grid;
    gap: var(--space__typography);
    grid-template-columns: 1fr;

    @media (min-width:calc(1252rem / 16)) {
        gap:var(--space__gap);grid-template-columns:repeat(var(--number-of-columns),1fr)
    }
}

.l-grid-container--centered {
    align-items: center
}

.l-grid-container__item {
    @media (min-width:calc(1252rem / 16)) {
        grid-column:span 6
    }
}

.l-grid-container__item--small {
    @media (min-width:calc(1252rem / 16)) {
        grid-column:span 4
    }
}

.l-grid-container__item--large {
    @media (min-width:calc(1252rem / 16)) {
        grid-column:span 8
    }
}

.l-grid-container__item--inner-spacing {
    padding-block: var(--space__between-elements);

    @media (max-width:calc(1251rem / 16)) {
        &:has(+.l-grid-container__item--inner-spacing) {
            padding-block-end: var(--space__typography)
        }

        + .l-grid-container__item--inner-spacing {
            padding-block-start: 0
        }
    }
}

.tooltip {
    color: var(--color__text);
    position: relative;
    .label-with-tooltip &

{
    @media (max-width:calc(999rem / 16)) {
        position:static
    }
}

.label-with-tooltip:has(.checkbox-container) & {
    margin-block-start: 1.1rem
}

}

.tooltip-toggle {
    color: currentColor;
    font-size: inherit;
    padding: 0;
    width: auto;
    &:before

{
    display: none
}

svg {
    width: .9em
}

}

.tooltip__dialog {
    background-color: var(--color__gray-1);
    border: 0;
    inset-block-start: calc(.9em + 1rem);
    inset-inline-end: calc(var(--space__fluid-edge)*-1);
    inset-inline-start: unset;
    margin: auto;
    min-width: min(28rem,100vw - 100%);
    padding: 2rem 1.8rem 2.5rem;
    text-transform: none;
    z-index: 1;
    &:before

{
    border-color: transparent transparent var(--color__gray-1);
    border-style: solid;
    border-width: 0 .5rem .75rem;
    content: "";
    inset-block-start: -.75rem;
    inset-inline-end: calc(var(--space__fluid-edge) + .45em - .5rem);
    position: absolute
}

.paragraph, p {
    margin-block-end: 1rem
}

.label-with-tooltip & {
    @media (max-width:calc(999rem / 16)) {
        inset-block-start:100%;inset-inline-start:calc(var(--space__fluid-edge)*-1);&:before {
            display: none
        }
    }
}

}

button.tooltip__close {
    margin-block-start: 1rem;
    text-transform: uppercase
}

html {
    --space__header: 8.5rem;
    scrollbar-gutter: stable;

    @media (min-width:calc(481rem / 16)) {
        --space__header:6rem
    }
}

[id] {
    scroll-margin-block-start: var(--space__header)
}

.sales-form-header__bar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    min-height: 5rem;
    position: fixed;
    width: 100%;
    z-index: 2;

    @media (min-width:calc(481rem / 16)) {
        flex-wrap:nowrap
    }
}

.sales-form-header__logo {
    align-self: stretch
}

.sales-form-header__edit-container {
    display: flex;
    gap: 2.75rem;
    margin-inline-start: calc((100% - var(--space__fluid-edge)*2 - (var(--number-of-columns) - 1)*var(--space__gap))/var(--number-of-columns) + var(--space__gap));

    @media (max-width:calc(1400rem / 16)) {
        display:none
    }
}

.sales-form-header__edit-item {
    align-items: baseline;
    display: flex;
    gap: 1rem;
    margin-block-end: 0;
    text-decoration: none;
    svg

{
    width: .9em
}

}

.sales-form-header__edit-separator {
    background-color: var(--color__text);
    width: 2px
}

.sales-form-header__bonus {
    align-items: baseline;
    display: flex;
    gap: .25rem 1rem;
    justify-content: space-between;
    margin: .75rem .6rem;
    order: 1;
    width: 100%;

    @media (min-width:calc(481rem / 16)) {
        flex-direction:column;justify-content:flex-start;margin-block:0;margin-inline-end:auto;order:unset;width:auto
    }

    @media (min-width:calc(801rem / 16)) {
        flex-direction:row;margin-inline:auto var(--space__gap)
    }
}

.sales-form-header__bonus-label {
    margin-block-end: 0;

    @media (max-width:calc(679rem / 16)) {
        font-size:.75rem
    }
}

.sales-form-header__bonus-value {
    @media (max-width:calc(479rem / 16)) {
        font-size:1.125rem
    }
}

.sales-form-navigation {
    padding: 10.1rem var(--space__fluid-edge) 2rem;

    @media (min-width:calc(481rem / 16)) {
        padding-block:9rem 4rem
    }

    @media (min-width:calc(1252rem / 16)) {
        display:grid;gap:var(--space__gap);grid-template-columns:repeat(12,1fr)
    }
}

.sales-form-navigation__list {
    display: flex;
    grid-column: 1/-1;

    @media (min-width:calc(1252rem / 16)) {
        grid-column:4/span 6
    }
}

.sales-form-navigation__item {
    align-items: center;
    display: flex;
    flex: 1;
    &:last-child

{
    flex: 0
}

&:after {
    background-color: var(--color__off-white);
    content: "";
    flex: 1;
    height: 2px;
    width: 100%
}

@media (max-width:calc(480rem / 16)) {
    .button--round {
        font-size: .75rem;
        height: 1.5rem;
        width: 1.5rem;
        svg

{
    width: .7rem
}

}
}
}

.sales-form-navigation__item--done {
    &:after

{
    background-color: var(--color__royal-blue)
}

}

.sales-form-help {
    flex-shrink: 0;
    margin-inline-start: auto;
    min-width: calc((100% - var(--space__fluid-edge)*2 - (var(--number-of-columns) - 1)*var(--space__gap))/var(--number-of-columns) + var(--space__fluid-edge));

    @media (min-width:calc(481rem / 16)) {
        margin-inline-start:0
    }
}

.sales-form-help__toggle {
    .button__label

{
    @media (max-width:calc(480rem / 16)) {
        height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;clip:rect(0 0 0 0);clip-path:inset(100%)
    }
}

}

.sales-form-help__icon--is-closed {
    [open] &

{
    display: none
}

}

.sales-form-help__icon--is-opened {
    display: none;
    [open] &

{
    display: block
}

}

.sales-form-help__inner {
    --space__typography: 1.5rem;
    inset-block: 5rem;
    inset-inline-end: 0;
    max-width: 30rem;
    overflow: auto;
    padding: 2rem;
    position: fixed;
    width: 100%;
    .anchor-collection

{
    -moz-column-gap: 3rem;
    column-gap: 3rem
}

}

.sales-form-help__section {
    margin-block-start: var(--space__between-elements)
}

#main-content:has(.sales-form-intro) {
    min-height: 100vh
}

.sales-form-intro {
    display: grid;
    grid-template-rows: 1fr auto;
    min-height: 100vh;
    padding-block-start: 5rem;
    .l-flex-container

{
    gap: 0
}

}

.sales-form-intro__media {
    height: 100%;
    width: 100%;
    img

{
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

}

.sales-form-intro__headline {
    padding: var(--space__between-elements) var(--space__fluid-edge)
}

.sales-form-intro__text {
    padding: var(--space__between-elements) var(--space__fluid-edge);

    @media (min-width:calc(1252rem / 16)) {
        padding-inline-start:var(--space__gap)
    }
}

.sales-form-intro__button {
    min-height: 5rem
}

.sales-form-container {
    display: flex;
    flex-direction: column;
    .footer

{
    margin-block-start: auto
}

.footer__column-newsletter {
    padding-block-end: 9rem;
    padding-block-start: var(--space__between-elements)
}

.footer .l-grid-container__item--inner-spacing {
    @media (min-width:calc(1252rem / 16)) {
        padding-block-end:9rem
    }
}

}

.sales-form {
    display: grid;
    gap: var(--space__gap);
    grid-template-columns: 1fr;
    padding-inline: var(--space__fluid-edge);
    .form__group--actions

{
    inset-block-end: 0;
    inset-inline-start: 0;
    position: fixed;
    width: 100%;
    z-index: 1;
    .form__group--actions

{
    margin-block-start: 5rem
}

}

@media (min-width:calc(481rem / 16)) {
    grid-template-columns:repeat(12,1fr)
}

}

.sales-form__step {
    grid-column: 1/-1;
    padding-block-end: 11rem;

    @media (min-width:calc(1252rem / 16)) {
        grid-column:3/-3
    }

    .form__download-collection+.form__group,.form__group+.form__group

{
    margin-block-start: 1.5rem
}

.form__grid-container .form__group + .form__group {
    margin-block-start: 0
}

&:has(.sales-form-summary) {
    padding-block-end: 0
}

}

.sales-form__step--large {
    grid-column: 1/-1;

    @media (min-width:calc(1252rem / 16)) {
        grid-column:2/-2
    }
}

.sales-form__section {
    #mandatesContainer+&,+.sales-form__section

{
    border-block-start: 1px solid var(--color__headline);
    margin-block-start: var(--space__gap);
    padding-block-start: var(--space__gap)
}

+ .form__fieldset {
    margin-block-start: 3.25rem;

    @media (min-width:calc(801rem / 16)) {
        margin-block-start:5.25rem
    }
}

}

.sales-form__overline {
    margin-block-end: 2rem;
    text-align: center;

    @media (min-width:calc(481rem / 16)) {
        margin-block-end:4rem
    }
}

.sales-form__headline {
    text-align: center
}

.sales-form__headline-label {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    margin-block-end: 1.25rem;

    @media (min-width:calc(801rem / 16)) {
        margin-block-end:4rem
    }

    label,span

{
    color: inherit;
    font: inherit;
    text-align: center
}

&:has(+input[type=text],+input[type=date]) {
    margin-block-end: 1rem
}

}

.sales-form__section .form__group + .form__group {
    margin-block-start: 1.5rem
}

.form__group + .form__group:has(.sales-form__headline-label) {
    margin-block-start: 5.25rem
}

.sales-form__cover-sum--desktop {
    @media (max-width:calc(800rem / 16)) {
        display:none
    }
}

.sales-form__cover-sum--mobile {
    margin-inline: auto;
    width: min(568px,100%);

    @media (min-width:calc(801rem / 16)) {
        display:none
    }
}

.sales-form__special-radio-button-collection {
    display: block;
    .input-error

{
    justify-content: center;
    margin-block-start: 2rem
}

.radio-button-collection__option-container {
    gap: 1rem;
    justify-content: space-between;
    margin-block-start: 2rem;

    @media (min-width:calc(680rem / 16)) {
        gap:3rem;justify-content:center
    }

    .tooltip__dialog

{
    inset-block-start: 5rem;
    inset-inline-end: calc(max(18rem, 100%)*-.5 + 2rem);
    min-width: max(18rem,100%);
    &:before

{
    inset-inline-end: calc(max(18rem, 100%)*.5 - .5rem)
}

}
}

.radio-button-collection__option {
    cursor: pointer;
    display: block;
    position: relative
}

input[type=radio] {
    --radio-button-width: 2.35rem;
    background-color: var(--color__gray-1);
    border: 0;
    height: var(--radio-button-width);
    translate: 0;
    width: var(--radio-button-width);
    &:before

{
    box-shadow: inset var(--radio-button-width) var(--radio-button-width) var(--color__midnight);
    height: var(--radio-button-width);
    width: var(--radio-button-width)
}

&:checked + .radio-button-collection__value {
    color: var(--color__off-white);
    opacity: 1
}

@media (min-width:calc(680rem / 16)) {
    --radio-button-width:4rem
}

}

.radio-button-collection__value {
    align-items: center;
    display: flex;
    font: var(--font__bold);
    font-size: 1rem;
    inset: 0;
    justify-content: center;
    opacity: .5;
    position: absolute;

    @media (min-width:calc(680rem / 16)) {
        font-size:1.6rem
    }
}

.radio-button-collection__value-inner {
    text-box: trim-both cap alphabetic
}

}

.sales-form-summary {
    .accordion__content

{
    display: flex;
    flex-direction: column;
    gap: var(--space__gap);

    @media (min-width:calc(1000rem / 16)) {
        align-items:flex-end;flex-direction:row;justify-content:space-between
    }
}

}

.sales-form-summary-list {
    color: var(--color__text);
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1.5rem
}

.sales-form-summary-list__overline {
    font: var(--font__bold)
}

.sales-form-summary-list__inner {
    display: grid;
    gap: 1.5rem .75rem;
    grid-template-columns: 1fr;
    +.sales-form-summary-list__overline

{
    margin-block-start: 1.5rem
}

@media (min-width:calc(801rem / 16)) {
    grid-template-columns:repeat(2,1fr)
}

}

.sales-form-summary-list__item--full {
    grid-column: 1/-1
}

.sales-form-summary-list__item--question {
    display: flex;
    flex-direction: column;
    gap: .25rem .75rem;
    grid-column: 1/-1;

    @media (min-width:calc(801rem / 16)) {
        align-items:flex-end;flex-direction:row;justify-content:space-between
    }
}

.sales-form-summary-list__term {
    font: var(--font__highlight);
    text-transform: uppercase;
    .sales-form-summary-list__item--question &

{
    font: var(--font__regular);
    text-transform: none
}

}

.sales-form-summary-list__value {
    @media (min-width:calc(801rem / 16)) {
        margin-block-start:1rem
    }

    .sales-form-summary-list__item--question &

{
    font: var(--font__bold)
}

}

*, :after, :before {
    box-sizing: border-box
}

* {
    margin: 0
}

body, html {
    height: 100%
}

body {
    -webkit-font-smoothing: antialiased;
    font: var(--font__regular)
}

canvas, img, picture, svg, video {
    display: block;
    height: auto;
    width: 100%
}

input, select, textarea {
    font: inherit
}

h1, h2, h3, h4, h5, h6, p {
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    word-break: break-word
}

a {
    overflow-wrap: anywhere;
    word-break: break-word
}

em, strong {
    font: var(--font__bold);
    font-size: inherit;
    font-synthesis: none;
    line-height: inherit
}

html {
    scroll-behavior: smooth
}

@supports (interpolate-size:allow-keywords) {
    html {
        interpolate-size: allow-keywords
    }
}

* {
    -webkit-tap-highlight-color: transparent
}

.layout-grid {
    display: flex;
    gap: var(--space__gap);
    inset: 0;
    padding: 0 var(--space__fluid-edge);
    pointer-events: none;
    position: fixed;
    z-index: 10
}

.layout-grid__column {
    background-color: #ff1493;
    flex: 1;
    opacity: .2
}

@media (max-width:calc(1251rem / 16)) {
    .layout-grid__column--10, .layout-grid__column--11, .layout-grid__column--12, .layout-grid__column--7, .layout-grid__column--8, .layout-grid__column--9 {
        display: none
    }
}