.shop-drawer{position:fixed;transform:translate(100%);visibility:hidden;z-index:11;right:0;top:0;width:calc(100vw - 4rem);max-width:72rem;height:100%;padding:2rem 1rem;border-left:1px solid var(--color-grey-lighter);background-color:#fff;overflow-x:hidden;transition:transform var(--duration-default) ease,visibility var(--duration-default) ease}@media screen and (min-width: 750px){.shop-drawer{width:70%}}@media screen and (min-width: 990px){.shop-drawer{padding:5rem 10rem}}@media screen and (min-width: 1200px){.shop-drawer{width:50%;padding:5rem 10rem}}.drawer-opening{transform:translate(0);visibility:visible}.shop-drawer-close{align-items:center;background-color:transparent;border:0;color:currentColor;cursor:pointer;display:flex;height:4.4rem;width:4.4rem;justify-content:center;overflow:hidden;padding:0;position:absolute;left:1rem;top:1rem;z-index:2}.shop-drawer-close svg{height:4.4rem;width:4.4rem}.shop-drawer__title{text-align:center;font-family:var(--font-body-family);word-break:break-word;margin:5rem 0 1rem;font-size:2rem;position:relative;padding-bottom:2rem}@media screen and (min-width: 990px){.shop-drawer__title{margin:0 0 1rem;font-size:2.4rem}}.shop-drawer__title:after{content:"\25c6";color:var(--color-primary);position:absolute;bottom:0;left:0;right:0;margin:auto;width:1rem;height:1rem;z-index:2;font-size:1.6rem;line-height:1rem}.shop-drawer-underlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10;background:#0009;transition:opacity var(--duration-default) ease;opacity:0;visibility:hidden}.shop-drawer-underlay-show{opacity:1;visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-shop-drawer.css.map */