.drawer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:transparent;color:var(--color-text)}.drawer[open]{display:block}.drawer::backdrop{background:transparent}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-normal) var(--ease);cursor:pointer}.drawer__panel{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(var(--drawer-width, 28rem),100vw - 2.5rem);background:var(--gradient-background, var(--color-background));color:var(--color-text);transform:translate(100%);transition:transform var(--transition-normal) var(--ease);will-change:transform}.drawer[data-position=left] .drawer__panel{right:auto;left:0;transform:translate(-100%)}.drawer[data-position=top] .drawer__panel{bottom:auto;left:0;width:100%;max-height:min(100dvh,48rem);transform:translateY(-100%)}.drawer[data-position=bottom] .drawer__panel{top:auto;left:0;width:100%;max-height:88dvh;border-radius:var(--media-radius) var(--media-radius) 0 0;transform:translateY(100%)}.drawer[data-position=full] .drawer__panel{left:0;width:100%;transform:translate(-100%)}.drawer.is-open .drawer__overlay{opacity:1}.drawer.is-open .drawer__panel{transform:none}.drawer__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--space-s);min-height:4rem;padding:.75rem var(--drawer-padding, 1.5rem);border-bottom:var(--border-width) solid var(--color-border)}.drawer__title{font-family:var(--font-body);font-size:var(--font-size-label);font-weight:var(--font-body-weight-medium);letter-spacing:var(--letter-spacing-label);text-transform:var(--label-transform)}.drawer__close{margin-right:-.6rem}.drawer__body{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--drawer-padding, 1.5rem)}.drawer__footer{flex-shrink:0;padding:1rem var(--drawer-padding, 1.5rem) calc(1rem + env(safe-area-inset-bottom));border-top:var(--border-width) solid var(--color-border);background:var(--color-background)}@media screen and (max-width:749px){.drawer{--drawer-padding: 1.25rem}}.shopify-design-mode .drawer.is-open .drawer__overlay{opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-drawer.css.map */