.drawer{display:block}.drawer dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--color-text);overflow:hidden}.drawer dialog::backdrop{background:transparent}.drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e1d1b80;opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.drawer__panel:focus{outline:none}.drawer__panel{position:absolute;inset-block:0;inset-inline-start:0;display:flex;flex-direction:column;width:min(100%,26rem);background:var(--color-background);color:var(--color-text);box-shadow:var(--shadow-lg);overscroll-behavior:contain;transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-out)}.drawer--right .drawer__panel{inset-inline-start:auto;inset-inline-end:0;transform:translate(100%)}.drawer.is-open .drawer__scrim{opacity:1}.drawer.is-open .drawer__panel{transform:none}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);min-height:4rem;padding:0 var(--space-s) 0 var(--space-m);border-block-end:1px solid var(--color-border)}.drawer__title{font-family:var(--font-heading-family);font-size:var(--text-h4)}.drawer__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.drawer__footer{padding:var(--space-m);border-block-start:1px solid var(--color-border);background:var(--color-surface);padding-block-end:max(var(--space-m),env(safe-area-inset-bottom))}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-drawer.css.map */