.offcanvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;visibility:hidden;pointer-events:none}.offcanvas.is-open{visibility:visible;pointer-events:auto}html.offcanvas-open{overflow:hidden}.offcanvas__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#14141a66;opacity:0;transition:opacity .3s ease}.offcanvas.is-open .offcanvas__backdrop{opacity:1}.offcanvas__panel{position:absolute;top:0;right:0;bottom:0;width:min(34rem,100%);display:flex;flex-direction:column;background:var(--color-white);box-shadow:-8px 0 40px #14141a2e;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;overscroll-behavior:contain}.offcanvas.is-open .offcanvas__panel{transform:none}.offcanvas__close{position:absolute;top:1rem;right:1rem;z-index:2;appearance:none;-webkit-appearance:none;display:inline-flex;padding:.4rem;border:0;border-radius:50%;background:var(--color-white);color:var(--color-dark);cursor:pointer}.offcanvas__close:hover{background:#14141a0f}.offcanvas__body{padding:3.25rem 1.5rem 1.5rem}.offcanvas :focus-visible{outline:2px solid var(--color-link);outline-offset:2px}@media(prefers-reduced-motion:reduce){.offcanvas__panel,.offcanvas__backdrop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/offcanvas.css.map */