.h-modal[data-v-8523bd8f]{pointer-events:none;position:absolute;inset:0}.h-modal__panel[data-v-8523bd8f]{--h-overlay-footer-gap:12px;background:var(--h0n-ui-color-surface);border-radius:var(--h0n-ui-radius-xl);box-shadow:var(--h0n-ui-shadow);color:var(--h0n-ui-color-text);pointer-events:auto;flex-direction:column;width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);display:flex;position:absolute;overflow:hidden}.h-modal--center[data-v-8523bd8f]{place-items:center;display:grid}.h-modal--center .h-modal__panel[data-v-8523bd8f]{position:relative}.h-modal--right .h-modal__panel[data-v-8523bd8f]{border-radius:var(--h0n-ui-radius-xxl) 0 0 var(--h0n-ui-radius-xxl);width:min(520px,100vw - 24px);max-width:calc(100vw - 24px);height:100%;max-height:100dvh;top:0;bottom:0;right:0}.h-modal--left .h-modal__panel[data-v-8523bd8f]{border-radius:0 var(--h0n-ui-radius-xxl) var(--h0n-ui-radius-xxl) 0;width:min(520px,100vw - 24px);max-width:calc(100vw - 24px);height:100%;max-height:100dvh;top:0;bottom:0;left:0}.h-modal--top .h-modal__panel[data-v-8523bd8f],.h-modal--bottom .h-modal__panel[data-v-8523bd8f]{width:100%;max-width:100vw;height:auto;max-height:min(560px,100dvh - 24px);left:0;right:0}.h-modal--top .h-modal__panel[data-v-8523bd8f]{border-radius:0 0 var(--h0n-ui-radius-xxl) var(--h0n-ui-radius-xxl);top:0}.h-modal--bottom .h-modal__panel[data-v-8523bd8f]{border-radius:var(--h0n-ui-radius-xxl) var(--h0n-ui-radius-xxl) 0 0;bottom:0}.h-overlay-enter-active .h-modal__panel,.h-overlay-leave-active .h-modal__panel{transition:opacity var(--h0n-ui-duration-normal) ease, transform var(--h0n-ui-duration-normal) ease}.h-overlay-enter-from .h-modal__panel,.h-overlay-leave-to .h-modal__panel{opacity:0}.h-overlay-enter-from .h-modal--center .h-modal__panel,.h-overlay-leave-to .h-modal--center .h-modal__panel{transform:translateY(12px)scale(.98)}.h-overlay-enter-from .h-modal--right .h-modal__panel,.h-overlay-leave-to .h-modal--right .h-modal__panel{transform:translate(100%)}.h-overlay-enter-from .h-modal--left .h-modal__panel,.h-overlay-leave-to .h-modal--left .h-modal__panel{transform:translate(-100%)}.h-overlay-enter-from .h-modal--top .h-modal__panel,.h-overlay-leave-to .h-modal--top .h-modal__panel{transform:translateY(-100%)}.h-overlay-enter-from .h-modal--bottom .h-modal__panel,.h-overlay-leave-to .h-modal--bottom .h-modal__panel{transform:translateY(100%)}