/* Shared public modal shell. Feature CSS controls dimensions/content layout. */
.omk-modal{box-sizing:border-box}
.omk-modal::backdrop{background:rgba(8,24,16,.68);backdrop-filter:blur(3px)}
.omk-modal__close{
    appearance:none;
    position:absolute;
    z-index:20;
    top:14px;
    right:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    min-width:40px;
    min-height:40px;
    margin:0;
    padding:0;
    border:0;
    border-radius:999px;
    line-height:0;
    cursor:pointer;
}
.omk-modal__close-icon{position:relative;display:block;width:18px;height:18px;flex:0 0 18px}
.omk-modal__close-icon::before,.omk-modal__close-icon::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:20px;
    height:2px;
    border-radius:999px;
    background:currentColor;
    transform-origin:center;
}
.omk-modal__close-icon::before{transform:translate(-50%,-50%) rotate(45deg)}
.omk-modal__close-icon::after{transform:translate(-50%,-50%) rotate(-45deg)}
.omk-modal__close:focus-visible{outline:3px solid rgba(8,127,112,.28);outline-offset:2px}

/* Keep touch/wheel scrolling inside the active modal. */
dialog[data-omk-modal]{overscroll-behavior:contain}