.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);visibility:hidden;transition:visibility 0s linear var(--duration-base)}.drawer[open]{visibility:visible;transition-delay:0s}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);opacity:0;cursor:pointer;touch-action:none;transition:opacity var(--duration-base) var(--ease-out)}.drawer[open] .drawer__overlay{opacity:1}.drawer__panel{position:absolute;inset-block:0;inset-inline-start:0;display:flex;flex-direction:column;width:min(25rem,100vw);max-width:100%;background-color:var(--color-background);color:var(--color-text);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform var(--duration-base) var(--ease-out);padding-inline-start:var(--safe-inline-start);padding-block-end:env(safe-area-inset-bottom,0px)}.drawer--end .drawer__panel{inset-inline-start:auto;inset-inline-end:0;padding-inline:0 var(--safe-inline-end);transform:translate(-100%)}.drawer[open] .drawer__panel{transform:none}.drawer__panel:focus-visible{outline:none}.drawer__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:3.75rem;padding:var(--space-xs) var(--space-md);border-block-end:1px solid var(--color-border);touch-action:pinch-zoom}.drawer__title{display:flex;align-items:center;gap:var(--space-xs);margin:0;color:var(--color-ink);font-size:var(--text-xl);font-weight:700;line-height:var(--leading-tight)}.drawer__close{display:grid;flex-shrink:0;place-items:center;width:var(--tap-target);height:var(--tap-target);margin-inline-end:calc(-1 * var(--space-xs));padding:0;border:0;border-radius:50%;background:none;color:var(--color-ink);cursor:pointer}@media(hover:hover){.drawer__close:hover{background-color:var(--color-surface-alt)}}.drawer__body{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}@media(pointer:coarse){.drawer__body:after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:1px;height:calc(100% + 1px);pointer-events:none}}.drawer__footer{flex-shrink:0;padding:var(--space-md);border-block-start:1px solid var(--color-border);background-color:var(--color-background)}@media print{.drawer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-drawer.css.map */