@scope ([svui]) {
    /* SVUI Popup widget */
    [sv-ui="popup"] {
        position: fixed;
        z-index: var(--sv-popup-z-index, 1000);
        inset: 0;
        display: none;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: var(--sv-popup-padding, 1.5rem);
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        background: var(--sv-popup-backdrop, rgba(0, 0, 0, 0.64));
        -webkit-overflow-scrolling: touch;
    }

    [sv-ui="popup"][sv-state="open"] {
        display: block;
    }

    [sv-ui="popup"] > [sv-role="dialog"] {
        position: relative;
        box-sizing: border-box;
        width: min(100%, var(--sv-popup-max-width, 48rem));
        min-width: 0;
        margin-inline: auto;
        background: var(--sv-popup-background, #ffffff);
    }

    [sv-popup-open],
    [sv-popup-close],
    [sv-ui="popup"] [sv-role="close"] {
        cursor: pointer;
    }

}