.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);visibility:hidden}.drawer.is-open{visibility:visible}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c151273;opacity:0;transition:opacity var(--dur-med) var(--ease-standard)}.drawer.is-open .drawer__overlay{opacity:1}.drawer__panel{position:absolute;top:0;bottom:0;right:0;width:min(420px,92vw);background:var(--color-surface);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--dur-med) var(--ease-out-soft);box-shadow:var(--shadow-lift)}.drawer.is-open .drawer__panel{transform:translate(0)}.drawer--left .drawer__panel{right:auto;left:0;transform:translate(-100%)}.drawer--left.is-open .drawer__panel{transform:translate(0)}.drawer--bottom .drawer__panel{top:auto;left:0;right:0;bottom:0;width:100%;max-height:88vh;transform:translateY(100%)}.drawer--bottom.is-open .drawer__panel{transform:translateY(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.drawer__title{font-family:var(--font-display);font-size:var(--fs-lg)}.drawer__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.drawer__close svg{width:18px;height:18px}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-md)}.drawer__footer{border-top:1px solid var(--color-border);padding:var(--space-md)}body.drawer-open-lock{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);visibility:hidden}.modal.is-open{visibility:visible}.modal .drawer__overlay{opacity:0;transition:opacity var(--dur-med)}.modal.is-open .drawer__overlay{opacity:1}.modal__panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);width:min(560px,92vw);max-height:88vh;background:var(--color-surface);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;opacity:0;transition:opacity var(--dur-med),transform var(--dur-med);box-shadow:var(--shadow-lift)}.modal.is-open .modal__panel{opacity:1;transform:translate(-50%,-50%)}.modal__close{position:absolute;top:var(--space-xs);right:var(--space-xs);width:32px;height:32px;background:var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:var(--shadow-soft)}.modal__close svg{width:14px;height:14px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/drawers.css.map */