.modal{background-color:#fff;background-color:transparent;border:0;max-height:calc(100vh - 40px);opacity:0;overscroll-behavior:contain;padding:20px;transform:translateY(-20px);transition:all .2s ease-in-out}.modal[data-state=fade]{opacity:0;transform:translateY(20px)}.modal[data-state=open]{opacity:1;transform:translateY(0)}.modal[data-state=close]{opacity:0;transform:translateY(-20px)}.modal::backdrop{background-color:transparent;cursor:pointer;transition:all .2s ease-in-out}.modal[data-state=open]::backdrop{backdrop-filter:blur(3px);background-color:rgba(0,0,0,.4)}.modal__wrapper{background-color:#fff;border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.6);padding:10px}.modal__close{-webkit-appearance:none;appearance:none;background:#000;border:2px solid #fff;border-radius:50%;box-shadow:0 0 4px 2px rgba(0,0,0,.6);color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;margin:0;padding:5px;place-items:center;position:absolute;right:8px;top:8px;width:22px;z-index:2}.modal__inner{background-color:#fff;border-radius:9px;box-shadow:0 0 20px rgba(0,0,0,.4);max-width:560px;padding:clamp(0px,2vw,20px)}.modal__content{max-height:calc(100vh - 140px);overflow:auto}.modal__video{aspect-ratio:16/9;vertical-align:top;width:min(850px,90vw)}