.instantio-popup-header-html {
    display: block;
    width: 100%;
}
.instantio-popup-upsell {
    --instantio-upsell-border-color: #ef1f2f;
    --instantio-upsell-border-size: 3px;
    --instantio-upsell-background-color: #fff1f2;
    --instantio-upsell-animation-speed: 2.4s;
    width: auto;
    margin: 20px;
    padding: 20px 26px;
    border-width: var(--instantio-upsell-border-size);
    border-color: var(--instantio-upsell-border-color);
    border-radius: 8px;
    background: var(--instantio-upsell-background-color);
    box-sizing: border-box;
    transition: opacity .2s ease;
}

@property --instantio-upsell-border-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

.instantio-popup-upsell.is-border-animated {
    position: relative;
    border-color: transparent;
    isolation: isolate;
}

.instantio-popup-upsell.is-border-animated::before {
    content: '';
    position: absolute;
    z-index: 0;
    inset: calc(-1 * var(--instantio-upsell-border-size));
    padding: var(--instantio-upsell-border-size);
    border-radius: inherit;
    background: repeating-conic-gradient(
        from var(--instantio-upsell-border-angle),
        var(--instantio-upsell-border-color) 0deg 10deg,
        transparent 10deg 18deg
    );
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    animation: instantio-upsell-border-move var(--instantio-upsell-animation-speed) linear infinite;
}

@keyframes instantio-upsell-border-move {
    to {
        --instantio-upsell-border-angle: 360deg;
    }
}

@media (prefers-reduced-motion: reduce) {
    .instantio-popup-upsell.is-border-animated::before {
        animation: none;
    }
}

.instantio-popup-upsell.is-loading {
    opacity: .55;
    pointer-events: none;
}

.instantio-popup-upsell-label {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    cursor: pointer;
}

.instantio-popup-upsell-checkbox {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    margin: 0;
    accent-color: var(--instantio-upsell-border-color);
    cursor: pointer;
}

.instantio-popup-upsell-copy {
    color: #111;
    font-size: 20px;
    line-height: 1.45;
}

.instantio-popup-upsell-variable {
    display: inline;
}

.instantio-popup-upsell-variable-v3 {
    margin-left: 5px;
}

.instantio-popup-upsell-name,
.instantio-popup-upsell-price {
    font-weight: 800;
}

.instantio-popup-upsell-price .woocommerce-Price-amount {
    white-space: nowrap;
}

.instantio-popup-upsell-error {
    margin-top: 10px;
    color: #b42318;
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .instantio-popup-upsell {
        padding: 16px;
    }

    .instantio-popup-upsell-copy {
        font-size: 17px;
    }
}