drawer-component.Drawer{position:fixed;display:grid;grid-template-rows:auto 1fr auto;background:var(--Drawer-bg, #fff);color:var(--Drawer-color, currentColor);z-index:50;transition:transform .35s ease;will-change:transform}drawer-component.Drawer[aria-hidden=true]{display:none}.Drawer__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid var(--Drawer-border, rgba(0, 0, 0, .08));background:inherit}.Drawer__title{margin:0;flex:1 1 auto}.Drawer__close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;background:transparent;border:0;cursor:pointer;color:inherit}.Drawer__close svg{width:1.25rem;height:1.25rem}.Drawer__body{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:1.5rem 2rem;min-height:0}.Drawer__footer{padding:1.5rem 2rem;border-top:1px solid var(--Drawer-border, rgba(0, 0, 0, .08));background:inherit}.Drawer--right{top:0;right:0;width:min(100%,420px);height:100dvh;transform:translate(100%)}.Drawer--right.is-open{transform:translate(0)}.Drawer--left{top:0;left:0;width:min(100%,420px);height:100dvh;transform:translate(-100%)}.Drawer--left.is-open{transform:translate(0)}.Drawer--top{top:0;left:0;right:0;width:100%;height:min(60dvh,32rem);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;transform:translateY(-100%)}.Drawer--top.is-open{transform:translateY(0)}.Drawer--bottom{bottom:0;left:0;right:0;width:100%;height:min(60dvh,32rem);border-top-left-radius:1rem;border-top-right-radius:1rem;transform:translateY(100%)}.Drawer--bottom.is-open{transform:translateY(0)}.Drawer--mobile-bottom{left:0;right:0;bottom:0;width:100%;max-height:90dvh;border-top-left-radius:1rem;border-top-right-radius:1rem;transform:translateY(100%)}.Drawer--mobile-bottom.is-open{transform:translateY(0)}@media(min-width:768px){.Drawer--mobile-bottom{top:0;right:0;left:auto;bottom:auto;width:min(100%,420px);height:100dvh;max-height:none;border-radius:0;transform:translate(100%)}.Drawer--mobile-bottom.is-open{transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/component-drawer.css.map */