:root {
    --ysc-edge-gap: 16px;
    --ysc-mobile-gap: 8px;
}

iframe.ysc-secure-chatbots-frame {
    max-width: 100vw !important;
    max-height: 100dvh !important;
}

iframe.ysc-secure-chatbots-frame.ysc-is-consent-hidden {
    display: none !important;
}

@media (min-width: 769px) {
    iframe.ysc-secure-chatbots-frame[data-view="closed"] {
        right: max(var(--ysc-edge-gap), env(safe-area-inset-right)) !important;
        bottom: max(var(--ysc-edge-gap), env(safe-area-inset-bottom)) !important;
    }

    iframe.ysc-secure-chatbots-frame[data-view="open"] {
        width: min(440px, calc(100vw - (2 * var(--ysc-edge-gap)))) !important;
        height: min(792px, calc(100dvh - (2 * var(--ysc-edge-gap)))) !important;
        right: max(var(--ysc-edge-gap), env(safe-area-inset-right)) !important;
        bottom: max(var(--ysc-edge-gap), env(safe-area-inset-bottom)) !important;
    }
}

@media (max-width: 768px) {
    iframe.ysc-secure-chatbots-frame[data-view="closed"] {
        right: max(12px, env(safe-area-inset-right)) !important;
        bottom: max(12px, env(safe-area-inset-bottom)) !important;
    }

    iframe.ysc-secure-chatbots-frame[data-view="open"] {
        top: max(var(--ysc-mobile-gap), env(safe-area-inset-top)) !important;
        right: max(var(--ysc-mobile-gap), env(safe-area-inset-right)) !important;
        bottom: max(var(--ysc-mobile-gap), env(safe-area-inset-bottom)) !important;
        left: max(var(--ysc-mobile-gap), env(safe-area-inset-left)) !important;
        width: calc(100vw - max(var(--ysc-mobile-gap), env(safe-area-inset-left)) - max(var(--ysc-mobile-gap), env(safe-area-inset-right))) !important;
        height: calc(100dvh - max(var(--ysc-mobile-gap), env(safe-area-inset-top)) - max(var(--ysc-mobile-gap), env(safe-area-inset-bottom))) !important;
        max-width: none !important;
        max-height: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    iframe.ysc-secure-chatbots-frame {
        scroll-behavior: auto !important;
    }
}