.content-blocker {
    background-color: var(--content-blocker--background, var(--color--background-invert));
    block-size: -webkit-fill-available;
    block-size: -moz-available;
    block-size: stretch;
    color: var(--content-blocker--font, var(--color--font-invert));
    container-type: inline-size;
    isolation: isolate;
    padding-inline: var(--container--spacing-inline);
    position: relative
}

.content-blocker--has-bg {
    background-blend-mode: multiply;
    background-color: var(--content-blocker--background-overlay, var(--color--background-invert));
    background-image: var(--bg, none);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: var(--mode, cover)
}

.content-blocker__inner-container {
    display: grid;
    gap: var(--spacing--l) var(--spacing--xl)
}

.content-blocker__inner-container:has(.content-blocker__disclaimer) {
    max-inline-size: var(--container--width--wider)
}

.content-blocker__inner-container:has(.content-blocker__disclaimer):before {
    background: currentColor;
    content: ""
}

@container (max-inline-size: 47.9375rem) {
    .content-blocker__inner-container:has(.content-blocker__disclaimer):before {
        block-size: var(--line)
    }
}

@container (min-inline-size: 48rem) {
    .content-blocker__inner-container:has(.content-blocker__disclaimer) {
        align-items: baseline;
        grid-template-columns: 1fr var(--line) 1fr
    }

    .content-blocker__inner-container:has(.content-blocker__disclaimer):before {
        align-self: stretch;
        inline-size: var(--line)
    }
}

.content-blocker__disclaimer {
    order: -1
}

.content-blocker__body {
    display: grid
}

.content-blocker__title {
    font-size: clamp(1.1875rem, .9970238095rem + .9523809524vw, 1.4375rem);
    font-weight: 700;
    line-height: clamp(1.8125rem, 1.6220238095rem + .9523809524vw, 2.0625rem);
    text-wrap: balance
}

.content-blocker__content {
    margin-block-start: 1rem
}

.content-blocker__content>p:only-child {
    text-wrap: balance
}

.content-blocker__submit-container {
    align-items: center;
    display: flex;
    flex-wrap: wrap-reverse;
    gap: 1.5rem 2rem;
    margin-block-start: 1.5rem
}

.content-blocker__store-consent {
    flex: 1 1 auto
}

.block-flow .content-blocker__submit {
    margin: 0
}

.content-blocker__inner-container--center .content-blocker__body,
.content-blocker__inner-container--center .content-blocker__disclaimer {
    justify-items: center;
    text-align: center
}

.content-blocker__inner-container--center .content-blocker__submit-container {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center
}

.content-blocker__inner-container:not(.content-blocker__inner-container--center) .content-blocker__submit {
    order: -1
}