.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.modal.is-active{opacity:1;visibility:visible}.modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal__content{position:relative;background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;transform:scale(.95) translateY(10px);transition:transform var(--transition-base);z-index:1}.modal.is-active .modal__content{transform:scale(1) translateY(0)}.modal__content--lg{max-width:900px}.modal__content--sm{max-width:480px}.modal__content--full{max-width:95vw;max-height:95vh}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--transition-fast);color:var(--color-muted-text);cursor:pointer;flex-shrink:0}.modal__close:hover{background:var(--color-bg-alt);color:var(--color-heading-text)}.modal__close svg{width:20px;height:20px}.modal__body{padding:var(--spacing-xl)}.modal__footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:flex-end}.drawer{position:fixed;top:0;right:0;width:420px;max-width:90vw;height:100vh;z-index:var(--z-drawer);background:var(--color-bg);box-shadow:var(--shadow-xl);transform:translate(100%);transition:transform var(--transition-slow);display:flex;flex-direction:column}.drawer.is-active{transform:translate(0)}.drawer--left{right:auto;left:0;transform:translate(-100%)}.drawer--left.is-active{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.drawer__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.drawer__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--transition-fast);color:var(--color-muted-text);cursor:pointer}.drawer__close:hover{background:var(--color-bg-alt);color:var(--color-heading-text)}.drawer__body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.drawer__footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);flex-shrink:0}.toast{padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);min-width:250px;max-width:400px;transition:opacity var(--transition-base),transform var(--transition-base)}.toast--success{background:#22c55e;color:#fff}.toast--error{background:var(--color-accent);color:#fff}.toast--info{background:var(--color-secondary);color:#fff}.toast--warning{background:#f59e0b;color:#fff}@media(max-width:479px){.modal__content{border-radius:var(--radius-md);margin:var(--spacing-sm)}.modal__header,.modal__body,.modal__footer{padding:var(--spacing-md)}.drawer{width:100%;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-modal.css.map */