drawer-component.Drawer{position:fixed;display:grid;grid-template-rows:auto 1fr auto;background:var(--Drawer-bg, var(--background_color, #fff));color:var(--Drawer-color, var(--primary_text, currentColor));z-index:50;transition:transform var(--drawer-transition-duration, .3s) var(--drawer-transition-easing, cubic-bezier(.33, 1, .68, 1));will-change:transform}.Drawer[data-drawer-animate=false]{transition:none}drawer-component.Drawer[aria-hidden=true]{pointer-events:none}drawer-component.Drawer.is-open{pointer-events:auto}.Drawer__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem 1rem;background:inherit}.Drawer__title{margin:0;flex:1 1 auto;text-transform:uppercase}.Drawer__close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;position:relative;width:1.25rem;height:1.25rem;padding:0;background:transparent;border:0;cursor:pointer;color:var(--primary_text)}.Drawer__close:before{content:"";position:absolute;top:50%;left:50%;width:2.75rem;height:2.75rem;transform:translate(-50%,-50%)}.Drawer__close svg{width:1.25rem;height:1.25rem}.Drawer__close svg path{fill:currentColor}.Drawer__body{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:0rem 1rem 1.25rem;min-height:0;margin-top:1.25rem}.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:calc(100% - 60px);max-width:315px;height:100dvh;transform:translate(100%)}.Drawer--right.is-open{transform:translate(0)}.Drawer--left{top:0;left:0;width:calc(100% - 60px);max-width:315px;height:100dvh;transform:translate(-100%)}.Drawer--left.is-open{transform:translate(0)}.Drawer--top{top:0;left:0;width:100%;max-height:min(100dvh,28rem);transform:translateY(-100%)}.Drawer--top.is-open{transform:translateY(0)}.Drawer--bottom{left:0;right:0;bottom:0;width:100%;max-height:min(100dvh,28rem);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 screen and (min-width:1025px){.Drawer--right,.Drawer--left{max-width:496px}.Drawer--mobile-bottom{top:0;right:0;left:auto;bottom:auto;width:calc(100% - 60px);max-width:496px;height:100dvh;max-height:none;border-radius:0;transform:translate(100%)}.Drawer--mobile-bottom.is-open{transform:translate(0)}.Drawer__body{padding:0 1.5rem 1.25rem}.Drawer__header{padding:1.25rem 1.5rem;gap:1.5rem}}@media(prefers-reduced-motion:reduce){drawer-component.Drawer{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-drawer.css.map */