:where(.one-ui-modal__backdrop){--one-ui-modal-bg:var(--one-ui-color-surface);--one-ui-modal-color:var(--one-ui-color-on-surface);--one-ui-modal-border-color:var(--one-ui-color-border);--one-ui-modal-radius:var(--one-ui-radius-lg);--one-ui-modal-shadow:var(--one-ui-shadow-xl);--one-ui-modal-padding-x:var(--one-ui-space-6);--one-ui-modal-title-size:var(--one-ui-font-size-body-lg);--one-ui-modal-subtitle-size:var(--one-ui-font-size-body-sm);--one-ui-modal-text-line-height:var(--one-ui-line-height-normal);--one-ui-modal-subtitle-color:var(--one-ui-color-on-surface-muted);--one-ui-modal-focus-color:var(--one-ui-color-info);--one-ui-modal-backdrop-color:#0006;--one-ui-modal-z-index:1000}.one-ui-modal__backdrop{background-color:var(--one-ui-modal-backdrop-color);z-index:var(--one-ui-modal-z-index);padding:var(--one-ui-space-5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.one-ui-modal__panel{background-color:var(--one-ui-modal-bg);color:var(--one-ui-modal-color);border-radius:var(--one-ui-modal-radius);box-shadow:var(--one-ui-modal-shadow);width:100%;max-height:calc(100vh - var(--one-ui-space-10));outline:none;flex-direction:column;display:flex}.one-ui-modal--sm{max-width:400px}.one-ui-modal--md{max-width:480px}.one-ui-modal--lg{max-width:560px}.one-ui-modal--xl{max-width:768px}.one-ui-modal__head{padding:var(--one-ui-space-5) var(--one-ui-modal-padding-x) var(--one-ui-space-4);border-bottom:1px solid var(--one-ui-modal-border-color);justify-content:space-between;align-items:flex-start;gap:var(--one-ui-space-3);flex-shrink:0;display:flex}.one-ui-modal__head-text{gap:var(--one-ui-space-1);flex-direction:column;min-width:0;display:flex}.one-ui-modal__title{font-size:var(--one-ui-modal-title-size);font-weight:var(--one-ui-font-weight-semibold);color:var(--one-ui-modal-color)}.one-ui-modal__subtitle,.one-ui-modal__title{line-height:var(--one-ui-modal-text-line-height);margin:0}.one-ui-modal__subtitle{font-size:var(--one-ui-modal-subtitle-size);color:var(--one-ui-modal-subtitle-color)}.one-ui-modal__close-btn{flex-shrink:0;margin-block-start:calc(var(--one-ui-space-0-5)*-1);margin-inline-end:calc(var(--one-ui-space-1-5)*-1)}.one-ui-modal__body{padding:var(--one-ui-space-5) var(--one-ui-modal-padding-x);gap:var(--one-ui-space-3);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.one-ui-modal__actions{justify-content:flex-end;gap:var(--one-ui-space-2);padding:var(--one-ui-space-3) var(--one-ui-modal-padding-x) var(--one-ui-space-5);border-top:1px solid var(--one-ui-modal-border-color);flex-shrink:0;display:flex}.one-ui-modal-enter-active,.one-ui-modal-leave-active{transition:opacity var(--one-ui-motion-duration-fast) var(--one-ui-motion-ease-out)}.one-ui-modal-enter-active .one-ui-modal__panel,.one-ui-modal-leave-active .one-ui-modal__panel{transition:transform var(--one-ui-motion-duration-fast) var(--one-ui-motion-ease-out),opacity var(--one-ui-motion-duration-fast) var(--one-ui-motion-ease-out)}.one-ui-modal-enter-from,.one-ui-modal-leave-to{opacity:0}.one-ui-modal-enter-from .one-ui-modal__panel,.one-ui-modal-leave-to .one-ui-modal__panel{opacity:0;transform:translateY(8px)}@media (prefers-reduced-motion:reduce){.one-ui-modal-enter-active,.one-ui-modal-enter-active .one-ui-modal__panel,.one-ui-modal-leave-active,.one-ui-modal-leave-active .one-ui-modal__panel{transition:none}}