offcanvas-menu.offcanvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none;visibility:hidden}offcanvas-menu.offcanvas.is-open{pointer-events:auto;visibility:visible}.offcanvas__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--offcanvas-backdrop);opacity:0;will-change:opacity}.offcanvas__panel-wrapper{position:absolute;top:0;left:0;bottom:0;width:var(--offcanvas-width);max-width:100%;background:var(--offcanvas-bg);color:var(--offcanvas-fg);display:flex;flex-direction:column;overflow:hidden;will-change:transform;box-shadow:4px 0 24px #0000001f}.offcanvas__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:var(--offcanvas-header-height);padding:0 12px 0 20px;border-bottom:1px solid var(--offcanvas-border)}.offcanvas__header-title{font-size:.9rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.offcanvas__close,.offcanvas__back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:8px;margin:-8px;cursor:pointer;color:inherit;font:inherit;line-height:1}.offcanvas__back:focus-visible,.offcanvas__link:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.offcanvas__close:focus-visible,.offcanvas__close:focus{outline:none}.offcanvas__panels{position:relative;flex:1 1 auto;overflow:hidden}.offcanvas__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--offcanvas-bg);will-change:transform;visibility:hidden}.offcanvas__panel--root,.offcanvas__panel.is-active{visibility:visible}.offcanvas__sticky-header{flex:0 0 auto;position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;height:var(--offcanvas-sticky-header-height);padding:0 20px;background:var(--offcanvas-header-bg)}.offcanvas__panel-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offcanvas__scroll-area{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.offcanvas__list{list-style:none;margin:0;padding:8px 0}.offcanvas__link{display:flex;align-items:center;gap:14px;width:100%;padding:8px 20px;background:none;border:none;text-align:left;text-decoration:none;color:inherit;font:inherit;font-size:.95rem;cursor:pointer}.offcanvas__link--parent{justify-content:space-between}.offcanvas__link--parent .offcanvas__item-title{flex:1 1 auto}.offcanvas__link--view-all svg{width:var(--offcanvas-image-size);height:var(--offcanvas-image-size)}.offcanvas__item-image{padding:5px;flex:0 0 auto;width:var(--offcanvas-image-size);height:var(--offcanvas-image-size);border-radius:6px;overflow:hidden;border:1px solid var(--color-border)}.offcanvas__item-image img{display:block;width:100%;height:100%;object-fit:contain}.offcanvas__item-image--placeholder{visibility:hidden}.offcanvas__item-icon{flex:0 0 auto;display:inline-flex;color:var(--offcanvas-icon-color)}[data-offcanvas-trigger=default]{width:var(--offcanvas-trigger-size);height:var(--offcanvas-trigger-size)}[data-offcanvas-trigger=default] svg{width:100%;height:100%}@media(min-width:480px){:root{--offcanvas-width: 400px}}@media(min-width:768px){:root{--offcanvas-width: 420px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/offcanvas-menu.css.map */