.oest-info-popup {
    --oest-popup-background: #102748;
    --oest-popup-media-background: #143a67;
    --oest-popup-accent: #ed1c24;
    --oest-popup-text: #ffffff;
    --oest-popup-check: #64d7c7;
}

html.oest-info-popup-is-open,
html.oest-info-popup-is-open body {
    overflow: hidden;
}

.oest-info-popup__dialog,
.oest-info-popup__dialog *,
.oest-info-popup__dialog *::before,
.oest-info-popup__dialog *::after {
    box-sizing: border-box;
}

.oest-info-popup__dialog {
    position: fixed;
    top: 50%;
    left: 50%;

    width: min(950px, calc(100vw - 80px));
    height: auto;
    min-height: 550px;
    max-width: 950px;
    max-height: calc(100dvh - 80px);

    margin: 0;
    padding: 0;

    transform: translate(-50%, -50%);

    border: 0 !important;
    outline: 0 !important;
    border-radius: 0;

    background: transparent;
    color: var(--oest-popup-text);

    overflow: visible;

    box-shadow: none !important;
}

.oest-info-popup__dialog:focus,
.oest-info-popup__dialog:focus-visible,
.oest-info-popup__dialog:active {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.oest-info-popup__layout {
    position: relative;

    box-shadow:
            0 12px 24px rgb(0 0 0 / 15%),
            0 30px 80px rgb(0 0 0 / 28%);
}

.oest-info-popup__dialog::backdrop {
    background: rgb(22 34 46 / 58%);
}

.oest-info-popup__layout {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 550px;
    background: var(--oest-popup-background);
    overflow: visible;
}

.oest-info-popup__layout--has-image {
    display: grid;
    grid-template-columns: 54% 46%;
    align-items: stretch;
}

.oest-info-popup__content {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    min-width: 0;
    width: 100%;
    height: auto;
    min-height: 550px;
    padding: 42px 48px 30px;
    background: var(--oest-popup-background);
    color: var(--oest-popup-text);
    overflow: hidden;
}

.oest-info-popup__logo {
    display: block !important;
    width: 330px !important;
    height: 83px !important;
    min-width: 330px !important;
    min-height: 83px !important;
    max-width: 100% !important;
    max-height: 83px !important;
    flex: 0 0 83px !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    object-fit: contain;
    object-position: left center;
}

/*.oest-info-popup__title {*/
/*    margin: 0 0 26px !important;*/
/*    padding: 0 !important;*/
/*    border: 0 !important;*/
/*    background: transparent !important;*/
/*    color: #fff !important;*/
/*    font-size: clamp(36px, 3.5vw, 80px) !important;*/
/*    font-style: italic;*/
/*    font-weight: 800 !important;*/
/*    line-height: 88% !important;*/
/*    letter-spacing: -1px !important;*/
/*    text-transform: none !important;*/
/*}*/

.oest-info-popup__title {
    margin: 0 0 26px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
    line-height: 88% !important;
    letter-spacing: -1px !important;
    text-transform: none !important;
}

.oest-info-popup[data-popup-header-size="small"] .oest-info-popup__title {
    font-size: clamp(28px, 2.2vw, 40px) !important;
}

.oest-info-popup[data-popup-header-size="medium"] .oest-info-popup__title {
    font-size: clamp(34px, 2.8vw, 52px) !important;
}

.oest-info-popup[data-popup-header-size="large"] .oest-info-popup__title {
    font-size: clamp(36px, 3.5vw, 68px) !important;
}

.oest-info-popup[data-popup-header-size="xlarge"] .oest-info-popup__title {
    font-size: clamp(42px, 4vw, 80px) !important;
}

.oest-info-popup[data-popup-header-size="auto"] h1.oest-info-popup__title {
    font-size: clamp(42px, 4vw, 80px) !important;
}

.oest-info-popup[data-popup-header-size="auto"] h2.oest-info-popup__title {
    font-size: clamp(36px, 3.5vw, 68px) !important;
}

.oest-info-popup[data-popup-header-size="auto"] h3.oest-info-popup__title {
    font-size: clamp(34px, 2.8vw, 52px) !important;
}

.oest-info-popup[data-popup-header-size="auto"] h4.oest-info-popup__title {
    font-size: clamp(30px, 2.4vw, 44px) !important;
}

.oest-info-popup[data-popup-header-size="auto"] h5.oest-info-popup__title {
    font-size: clamp(27px, 2vw, 38px) !important;
}

.oest-info-popup[data-popup-header-size="auto"] h6.oest-info-popup__title {
    font-size: clamp(24px, 1.8vw, 34px) !important;
}

.oest-info-popup[data-popup-header-weight="400"] .oest-info-popup__title {
    font-weight: 400 !important;
}

.oest-info-popup[data-popup-header-weight="600"] .oest-info-popup__title {
    font-weight: 600 !important;
}

.oest-info-popup[data-popup-header-weight="700"] .oest-info-popup__title {
    font-weight: 700 !important;
}

.oest-info-popup[data-popup-header-weight="800"] .oest-info-popup__title {
    font-weight: 800 !important;
}

.oest-info-popup[data-popup-header-italic="0"] .oest-info-popup__title {
    font-style: normal !important;
}

.oest-info-popup[data-popup-header-italic="1"] .oest-info-popup__title {
    font-style: italic !important;
}

.oest-info-popup__copy {
    width: 100%;
    max-width: 460px;
    margin: 0;
    padding: 0;
    color: #fff !important;
    font-size: .95rem;
    font-weight: 400;
    line-height: 1.55;
}

.oest-info-popup__copy > :first-child {
    margin-top: 0 !important;
}

.oest-info-popup__copy > :last-child {
    margin-bottom: 0 !important;
}

.oest-info-popup__copy p {
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: transparent !important;
    color: #fff !important;
    font: inherit;
}

.oest-info-popup__copy ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px 26px !important;
    width: 100% !important;
    margin: 20px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    list-style: none !important;
}

.oest-info-popup__copy ul li {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 0 0 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff !important;
    font-size: .86rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    list-style: none !important;
}

.oest-info-popup__copy ul li::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: auto;
    height: auto;
    content: "✓";
    border: 0 !important;
    background: transparent !important;
    color: var(--oest-popup-check) !important;
    font-size: .95rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.oest-info-popup__copy ul li p {
    display: inline;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: inherit !important;
}

.oest-info-popup__copy table {
    width: 100% !important;
    margin: 20px 0 0 !important;
    border: 0 !important;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
    color: #fff !important;
}

.oest-info-popup__copy table,
.oest-info-popup__copy table tbody,
.oest-info-popup__copy table tr {
    border: 0 !important;
    background: transparent !important;
}

.oest-info-popup__copy table td {
    position: relative !important;
    width: 50% !important;
    margin: 0 !important;
    padding: 5px 12px 5px 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff !important;
    font-size: .86rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    vertical-align: top !important;
}

.oest-info-popup__copy table td::before {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    content: "✓";
    background: transparent !important;
    color: var(--oest-popup-check) !important;
    font-size: .75rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    transform: rotate(10deg);
}

.oest-info-popup__copy table td p {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #fff !important;
}

.oest-info-popup__copy table *,
.oest-info-popup__copy table tr:nth-child(odd),
.oest-info-popup__copy table tr:nth-child(even),
.oest-info-popup__copy table td:nth-child(odd),
.oest-info-popup__copy table td:nth-child(even) {
    border-color: transparent !important;
    background-color: transparent !important;
}

.oest-info-popup__actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    align-items: center;
    gap: 26px;
    margin-top: auto;
    padding-top: 22px;
}

.oest-info-popup__cta,
.oest-info-popup__dismiss {
    box-sizing: border-box;
    min-height: 52px;
    margin: 0;
    border: 0;
    border-radius: 0;
    font: inherit;
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}

.oest-info-popup__cta {
    display: inline-flex !important;
    flex: 0 0 auto;
    min-width: 210px;
    align-items: center;
    justify-content: center;
    padding: 14px 24px !important;
    border: 0 !important;
    background: var(--oest-popup-accent) !important;
    color: #fff !important;
    text-align: center;
    text-decoration: none !important;
    transition:
            background-color 150ms ease,
            transform 150ms ease;
}

.oest-info-popup__cta,
.oest-info-popup__cta *,
.oest-info-popup__cta:link,
.oest-info-popup__cta:visited,
.oest-info-popup__cta:hover,
.oest-info-popup__cta:active,
.oest-info-popup__cta:focus {
    color: #fff !important;
}

.oest-info-popup__cta:hover {
    background: #d91925 !important;
    color: #fff !important;
    text-decoration: none !important;
}

.oest-info-popup__cta:active {
    transform: translateY(1px);
}

.oest-info-popup__dismiss {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    background: transparent !important;
    color: #fff !important;
    white-space: nowrap;
    text-decoration: none;
}

.oest-info-popup__dismiss:hover,
.oest-info-popup__dismiss:focus {
    background: transparent !important;
    color: #fff !important;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.oest-info-popup__cta:focus,
.oest-info-popup__cta:focus-visible {
    outline: none !important;
    box-shadow: none !important;

    background: #d91925 !important;
    color: #fff !important;
}

.oest-info-popup__dismiss:focus,
.oest-info-popup__dismiss:focus-visible {
    outline: none !important;
    box-shadow: none !important;

    background: transparent !important;
    color: #fff !important;

    text-decoration: underline;
    text-underline-offset: 4px;
}

.oest-info-popup__media {
    position: relative;
    z-index: 2;
    display: block;
    align-self: stretch;
    min-width: 0;
    width: 100%;
    height: auto;
    min-height: 550px;
    margin: 0;
    padding: 0;
    background: var(--oest-popup-media-background);
    overflow: visible;
}

.oest-info-popup__image {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    object-fit: cover;
    object-position: center center;
}

.oest-info-popup__bubble {
    position: absolute;
    z-index: 6;
    display: block;
    background: #fff;
    pointer-events: none;
    will-change: transform, border-radius;
    border-radius: 58% 42% 46% 54% / 41% 55% 45% 59%;
    animation:
            oest-popup-blob-float 12s ease-in-out infinite,
            oest-popup-blob-morph 16s ease-in-out infinite;
}

.oest-info-popup__bubble::after {
    content: "";
    position: absolute;
    top: 18%;
    left: 18%;
    width: 28%;
    height: 22%;
    border-radius: 50%;
    background: rgb(255 255 255 / 42%);
    filter: blur(1px);
    transform: rotate(-18deg);
}

.oest-info-popup__bubble--large {
    top: -34px;
    right: -42px;
    width: 176px;
    height: 168px;
    border-radius: 62% 38% 55% 45% / 42% 61% 39% 58%;
    animation-duration: 9s, 13s;
    animation-delay: 0s, -2s;
}

.oest-info-popup__bubble--small {
    right: -26px;
    bottom: 18px;
    width: 98px;
    height: 92px;
    border-radius: 44% 56% 52% 48% / 58% 38% 62% 42%;
    animation-duration: 7.2s, 10s;
    animation-delay: -1.4s, -3s;
}

.oest-info-popup__dialog {
    --oest-popup-appearance-duration: 1000ms;
}

@media (prefers-reduced-motion: no-preference) {
    .oest-info-popup__dialog[open][data-appearance-effect="fade"] {
        animation:
                oest-popup-appearance-fade
                var(--oest-popup-appearance-duration)
                ease
                both;
    }

    .oest-info-popup__dialog[open][data-appearance-effect="top"] {
        animation:
                oest-popup-appearance-top
                var(--oest-popup-appearance-duration)
                cubic-bezier(.22, 1, .36, 1)
                both;
    }

    .oest-info-popup__dialog[open][data-appearance-effect="bottom"] {
        animation:
                oest-popup-appearance-bottom
                var(--oest-popup-appearance-duration)
                cubic-bezier(.22, 1, .36, 1)
                both;
    }

    @keyframes oest-popup-appearance-fade {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes oest-popup-appearance-top {
        from {
            opacity: 0.5;
            transform:
                    translate(
                            -50%,
                            calc(-50% - 100px)
                    );
        }

        to {
            opacity: 1;
            transform: translate(-50%, -50%);
        }
    }

    @keyframes oest-popup-appearance-bottom {
        from {
            opacity: 0.5;
            transform:
                    translate(
                            -50%,
                            calc(-50% + 100px)
                    );
        }

        to {
            opacity: 1;
            transform: translate(-50%, -50%);
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    .oest-info-popup__dialog[open] {
        animation: none !important;
    }
}

@keyframes oest-popup-blob-float {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }

    25% {
        transform: translate3d(-4px, 3px, 0) rotate(1deg);
    }

    50% {
        transform: translate3d(3px, -4px, 0) rotate(-1deg);
    }

    75% {
        transform: translate3d(-2px, 2px, 0) rotate(.6deg);
    }

    100% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
}

@keyframes oest-popup-blob-morph {
    0% {
        border-radius: 58% 42% 46% 54% / 41% 55% 45% 59%;
    }

    25% {
        border-radius: 49% 51% 58% 42% / 55% 39% 61% 45%;
    }

    50% {
        border-radius: 62% 38% 52% 48% / 47% 60% 40% 53%;
    }

    75% {
        border-radius: 43% 57% 47% 53% / 60% 42% 58% 40%;
    }

    100% {
        border-radius: 58% 42% 46% 54% / 41% 55% 45% 59%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .oest-info-popup__bubble {
        animation: none;
    }
}

.oest-info-popup__layout:not(
    .oest-info-popup__layout--has-image
) .oest-info-popup__content {
    max-width: 720px;
}

@media (max-width: 980px) {
    .oest-info-popup__content {
        padding-right: 38px;
        padding-left: 38px;
    }

    .oest-info-popup__logo {
        width: 250px !important;
    }

    .oest-info-popup__title {
        /*font-size: clamp(*/
        /*        3rem,*/
        /*        6vw,*/
        /*        3.9rem*/
        /*) !important;*/
    }

    .oest-info-popup__copy {
        font-size: .92rem;
    }

    .oest-info-popup__copy ul {
        gap: 8px 18px !important;
    }
}

@media (max-width: 820px) {
    .oest-info-popup__dialog {
        width: min(540px, calc(100vw - 20px));
        max-width: 540px;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        overflow: visible !important;

        box-shadow:
                0 8px 30px rgb(0 0 0 / 22%);
    }

    .oest-info-popup__layout,
    .oest-info-popup__layout--has-image {
        position: relative;
        display: block;

        width: 100%;
        height: auto;
        min-height: 0;

        background: var(--oest-popup-background);

        overflow: visible;
        isolation: isolate;
    }

    .oest-info-popup__media {
        position: absolute;
        inset: 0;
        z-index: 1;

        display: block;

        width: 100%;
        height: 100%;
        min-height: 0;

        margin: 0;
        padding: 0;

        background: var(--oest-popup-media-background);

        overflow: visible;
    }

    .oest-info-popup__media::after {
        position: absolute;
        inset: 0;
        z-index: 2;

        content: "";

        background:
                linear-gradient(
                        180deg,
                        rgb(16 39 72 / 66%) 0%,
                        rgb(16 39 72 / 80%) 30%,
                        rgb(16 39 72 / 92%) 62%,
                        rgb(16 39 72 / 97%) 100%
                );

        pointer-events: none;
    }

    .oest-info-popup__image {
        position: absolute;
        inset: 0;
        z-index: 1;

        display: block;

        width: 100%;
        height: 100%;

        max-width: none;
        max-height: none;

        margin: 0;
        padding: 0;

        object-fit: cover;
        object-position: 46% center;
    }

    .oest-info-popup__bubble {
        z-index: 3;
    }

    .oest-info-popup__bubble--large {
        top: 14px;
        right: -18px;

        width: 94px;
        height: 90px;
    }

    .oest-info-popup__bubble--small {
        right: -10px;
        bottom: 14px;

        width: 54px;
        height: 50px;
    }

    .oest-info-popup__content {
        position: relative;
        z-index: 4;

        display: flex;
        flex-direction: column;

        width: 100%;
        height: auto !important;
        min-height: 0 !important;

        gap: 18px;

        padding: 58px 28px;

        background: transparent;
        overflow: visible;
    }

    .oest-info-popup__logo {
        width: 270px !important;
        height: 56px !important;

        min-width: 0 !important;
        min-height: 56px !important;

        max-width: 88% !important;
        max-height: 56px !important;

        flex: 0 0 56px !important;

        margin: 0 !important;

        object-fit: contain;
        object-position: left center;
    }

    .oest-info-popup__title {
        margin: 0 !important;

        line-height: .94 !important;
        letter-spacing: -.5px !important;
    }

    .oest-info-popup[data-popup-header-size="small"]
    .oest-info-popup__title {
        font-size: clamp(25px, 6vw, 32px) !important;
    }

    .oest-info-popup[data-popup-header-size="medium"]
    .oest-info-popup__title {
        font-size: clamp(29px, 7vw, 38px) !important;
    }

    .oest-info-popup[data-popup-header-size="large"]
    .oest-info-popup__title {
        font-size: clamp(33px, 8vw, 44px) !important;
    }

    .oest-info-popup[data-popup-header-size="xlarge"]
    .oest-info-popup__title {
        font-size: clamp(37px, 9vw, 50px) !important;
    }

    .oest-info-popup[data-popup-header-size="auto"]
    h1.oest-info-popup__title {
        font-size: clamp(37px, 9vw, 50px) !important;
    }

    .oest-info-popup[data-popup-header-size="auto"]
    h2.oest-info-popup__title {
        font-size: clamp(33px, 8vw, 44px) !important;
    }

    .oest-info-popup[data-popup-header-size="auto"]
    h3.oest-info-popup__title {
        font-size: clamp(29px, 7vw, 38px) !important;
    }

    .oest-info-popup[data-popup-header-size="auto"]
    h4.oest-info-popup__title,
    .oest-info-popup[data-popup-header-size="auto"]
    h5.oest-info-popup__title,
    .oest-info-popup[data-popup-header-size="auto"]
    h6.oest-info-popup__title {
        font-size: clamp(25px, 6vw, 32px) !important;
    }

    .oest-info-popup__copy {
        width: 100%;
        max-width: none;

        margin: 0;

        font-size: .86rem;
        line-height: 1.5;
    }

    .oest-info-popup__copy p {
        margin: 0 0 10px !important;
    }

    .oest-info-popup__copy > :last-child {
        margin-bottom: 0 !important;
    }

    .oest-info-popup__copy table {
        width: 100% !important;

        margin-top: 12px !important;
    }

    .oest-info-popup__copy table td {
        padding: 4px 8px 4px 18px !important;

        font-size: .78rem !important;
    }

    .oest-info-popup__copy ul {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 7px 16px !important;

        margin-top: 12px !important;
    }

    .oest-info-popup__copy ul li {
        font-size: .78rem !important;
    }

    .oest-info-popup__actions {
        display: flex;

        flex-direction: row;
        flex-wrap: wrap;

        align-items: center;

        gap: 10px 20px;

        margin: 0;
        padding: 0;
    }

    .oest-info-popup__cta {
        min-width: 185px;
        min-height: 46px;

        padding: 11px 18px !important;

        font-size: .84rem;
    }

    .oest-info-popup__dismiss {
        min-height: 46px;

        font-size: .84rem;
    }
}


@media (max-width: 430px) {
    .oest-info-popup__dialog {
        width: calc(100vw - 14px);
        max-width: calc(100vw - 14px);

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        overflow: visible !important;
    }

    .oest-info-popup__layout,
    .oest-info-popup__layout--has-image {
        height: auto;
        min-height: 0;
    }

    .oest-info-popup__media::after {
        background:
                linear-gradient(
                        180deg,
                        rgb(16 39 72 / 68%) 0%,
                        rgb(16 39 72 / 82%) 32%,
                        rgb(16 39 72 / 93%) 64%,
                        rgb(16 39 72 / 98%) 100%
                );
    }

    .oest-info-popup__image {
        object-position: 44% center;
    }

    .oest-info-popup__content {
        height: auto !important;
        min-height: 0 !important;

        gap: 15px;

        padding: 54px 18px 52px;
    }

    .oest-info-popup__logo {
        width: 220px !important;
        height: 46px !important;

        min-width: 0 !important;
        min-height: 46px !important;

        max-width: 85% !important;
        max-height: 46px !important;

        flex: 0 0 46px !important;

        margin: 0 !important;
    }

    .oest-info-popup__title {
        margin: 0 !important;

        line-height: .95 !important;
    }

    .oest-info-popup[data-popup-header-size="small"]
    .oest-info-popup__title {
        font-size: 24px !important;
    }

    .oest-info-popup[data-popup-header-size="medium"]
    .oest-info-popup__title {
        font-size: 28px !important;
    }

    .oest-info-popup[data-popup-header-size="large"]
    .oest-info-popup__title {
        font-size: 32px !important;
    }

    .oest-info-popup[data-popup-header-size="xlarge"]
    .oest-info-popup__title {
        font-size: 36px !important;
    }

    .oest-info-popup[data-popup-header-size="auto"]
    h1.oest-info-popup__title {
        font-size: 36px !important;
    }

    .oest-info-popup[data-popup-header-size="auto"]
    h2.oest-info-popup__title {
        font-size: 32px !important;
    }

    .oest-info-popup[data-popup-header-size="auto"]
    h3.oest-info-popup__title {
        font-size: 28px !important;
    }

    .oest-info-popup[data-popup-header-size="auto"]
    h4.oest-info-popup__title,
    .oest-info-popup[data-popup-header-size="auto"]
    h5.oest-info-popup__title,
    .oest-info-popup[data-popup-header-size="auto"]
    h6.oest-info-popup__title {
        font-size: 24px !important;
    }

    .oest-info-popup__copy {
        font-size: .8rem;
        line-height: 1.45;
    }

    .oest-info-popup__copy figure {
        margin: 1em 30px;
    }

    .oest-info-popup__copy p {
        margin-bottom: 8px !important;
    }

    .oest-info-popup__copy table {
        display: table !important;

        width: 100% !important;

        margin-top: 10px !important;
    }

    .oest-info-popup__copy table tbody {
        display: table-row-group !important;
    }

    .oest-info-popup__copy table tr {
        display: table-row !important;
    }

    .oest-info-popup__copy table td {
        display: table-cell !important;

        width: 50% !important;

        padding: 3px 5px 3px 16px !important;

        font-size: .71rem !important;
    }

    .oest-info-popup__copy table td::before {
        top: 3px;

        font-size: .68rem !important;
    }

    .oest-info-popup__copy ul {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 6px 10px !important;

        margin-top: 10px !important;
    }

    .oest-info-popup__copy ul li {
        padding-left: 16px !important;

        font-size: .71rem !important;
    }

    .oest-info-popup__actions {
        flex-direction: column;

        align-items: stretch;

        gap: 6px;

        margin: 0;
        padding: 0;
    }

    .oest-info-popup__cta {
        width: 100%;

        min-width: 0;
        min-height: 44px;

        padding: 10px 12px !important;

        font-size: .78rem;
    }

    .oest-info-popup__dismiss {
        width: 100%;

        min-height: 32px;

        padding: 4px 0;

        font-size: .78rem;
    }

    .oest-info-popup__bubble--large {
        top: 10px;
        right: -14px;

        width: 70px;
        height: 66px;
    }

    .oest-info-popup__bubble--small {
        right: -8px;
        bottom: 10px;

        width: 40px;
        height: 38px;
    }
}


/*
 * Sicherheitsnetz für sehr niedrige Smartphones:
 * Nur wenn der echte Inhalt höher als der Viewport wird,
 * darf der Dialog scrollen.
 */
@media (max-width: 430px) and (max-height: 560px) {
    .oest-info-popup__dialog {
        max-height: calc(100dvh - 12px) !important;

        overflow-x: visible !important;
        overflow-y: auto !important;
    }

    .oest-info-popup__content {
        gap: 10px;

        padding: 14px 16px;
    }

    .oest-info-popup__logo {
        width: 185px !important;
        height: 36px !important;

        min-height: 36px !important;
        max-height: 36px !important;

        flex-basis: 36px !important;
    }

    .oest-info-popup__title {
        line-height: .95 !important;
    }

    .oest-info-popup[data-popup-header-size="large"]
    .oest-info-popup__title,
    .oest-info-popup[data-popup-header-size="auto"]
    h2.oest-info-popup__title {
        font-size: 27px !important;
    }

    .oest-info-popup[data-popup-header-size="xlarge"]
    .oest-info-popup__title,
    .oest-info-popup[data-popup-header-size="auto"]
    h1.oest-info-popup__title {
        font-size: 30px !important;
    }

    .oest-info-popup__copy {
        font-size: .74rem;
        line-height: 1.35;
    }

    .oest-info-popup__copy table,
    .oest-info-popup__copy ul {
        margin-top: 7px !important;
    }

    .oest-info-popup__actions {
        gap: 3px;
    }

    .oest-info-popup__cta {
        min-height: 38px;
    }

    .oest-info-popup__dismiss {
        min-height: 27px;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .oest-info-popup__dialog[open] {
        animation: oest-info-popup-in 180ms ease-out;
    }

    @keyframes oest-info-popup-in {
        from {
            opacity: 0;
            transform: translateY(8px) scale(.992);
        }

        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }
}

.oest-info-popup__cta-label {
    display: inline;
    white-space: normal;
}

.oest-info-popup .reg {
    display: inline-block;
    margin: 0 .2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    line-height: 1;
    vertical-align: .01em;
    transform: scale(1.35);
    transform-origin: center;
}