@property --aside-open{syntax:"<number>";inherits:false;initial-value:0}.modal-mask[data-v-5dfc9839]{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;pointer-events:none;position:fixed;z-index:9998}.modal-mask--main[data-v-5dfc9839]{top:0;right:0;bottom:0;left:0;position:absolute;z-index:50}.modal-wrapper[data-v-5dfc9839]{padding:1rem;pointer-events:auto}.modal-container[data-v-5dfc9839]{--aside-target-w:clamp(320px,36vw,520px);background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:auto 1fr auto;max-height:90vh;max-width:95vw;overflow:hidden;transition:--aside-open .3s ease}.modal-container.with-aside[data-v-5dfc9839]{grid-template-areas:"header aside" "main   aside" "footer aside";grid-template-columns:1fr calc(var(--aside-open)*var(--aside-target-w))}.modal-header[data-v-5dfc9839]{border-bottom:1px solid #e5e7eb;grid-area:header;padding:16px 20px}.modal-body[data-v-5dfc9839]{grid-area:main;min-width:0;overflow:hidden;padding:16px 20px}.modal-footer[data-v-5dfc9839]{border-top:1px solid #e5e7eb;grid-area:footer;padding:16px 20px}.modal-aside[data-v-5dfc9839]{border-left:1px solid #e5e7eb;grid-area:aside;min-width:0;overflow:hidden;padding:16px 20px;position:relative}.aside-clip[data-v-5dfc9839]{height:100%;max-width:100%;transform:translate(calc((1 - var(--aside-open))*4px));transition:opacity .3s ease,transform .3s ease;width:100%}