.sheet{display:flex;flex-direction:column;inset:0 0 0 50%;max-width:700px;position:relative;position:fixed;transform:translate(-50%);width:100dvw;will-change:transform height;z-index:99}.sheet-shadow{background:#00000080}.sheet-enter-active,.sheet-leave-active{transition:.2s;will-change:transform height}.sheet-enter-from,.sheet-leave-to{background:transparent}.sheet-body{--h:100dvh;position:relative;transition:var(--anim);will-change:transform height}.sheet-enter-from .sheet-body,.sheet-leave-to .sheet-body{transform:translateY(100%)}