.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;background:transparent;color:var(--color-ink);overflow:hidden}.drawer::backdrop{background:var(--color-overlay);opacity:0;transition:opacity var(--duration-drawer) var(--ease)}.drawer.is-open::backdrop{opacity:1}.drawer__panel{position:absolute;display:flex;flex-direction:column;background:var(--color-white);opacity:0;transition:transform var(--duration-drawer) var(--ease),opacity var(--duration-drawer) var(--ease)}.drawer[data-side=left] .drawer__panel{inset:0 auto 0 0;width:min(var(--drawer-width-narrow),100%);transform:translate(calc(var(--shift-drawer) * -1))}.drawer[data-side=right] .drawer__panel{inset:0 0 0 auto;width:min(var(--drawer-width),100%);transform:translate(var(--shift-drawer))}.drawer[data-side=bottom] .drawer__panel{inset:auto 0 0 0;max-height:var(--sheet-max);border-radius:var(--radius-panel) var(--radius-panel) 0 0;transform:translateY(var(--shift-drawer))}@media(max-width:859px){.drawer[data-mobile=full] .drawer__panel{top:0;right:0;bottom:0;left:0;width:100%;max-height:none;border-radius:0}}@media(min-width:860px){.drawer[data-side=bottom] .drawer__panel{inset:0 0 0 auto;width:min(var(--drawer-width),100%);max-height:none;border-radius:0;transform:translate(var(--shift-drawer))}}.drawer.is-open[data-side] .drawer__panel{transform:none;opacity:1}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--header-height);padding:var(--space-3) var(--space-5);border-bottom:var(--border) solid var(--color-line)}.drawer__title{font-size:var(--text-accordion)}.drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-5)}.drawer__footer{padding:var(--space-4) var(--space-5);border-top:var(--border) solid var(--color-line)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-drawer.css.map */