:root{--aside-menu-width: 85%;--aside-menu-max-width: 400px;--aside-menu-xpad: 2.2rem;--aside-menu-ypad: 2.5rem}.aside-menu{position:fixed;top:0;width:100%;height:100%;overflow:hidden;z-index:101;pointer-events:none;padding:0;display:flex;justify-content:flex-end}.shopify-section.aside-menu{padding:0}.aside-menu .menu-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.275);transition:opacity .3s ease 0ms,visibility .3s ease 0ms;opacity:0;visibility:hidden;pointer-events:auto;display:block}.aside-menu .menu-content{position:relative;height:100%;width:var(--aside-menu-width);background:rgb(255,255,255);box-shadow:0 0 4px #00000026;pointer-events:auto;will-change:transform;z-index:20;transform:none;transition:transform .15s ease 0s,opacity .15s ease 0ms,visibility .15s ease 0ms;opacity:0;visibility:hidden;max-width:var(--aside-menu-max-width);overflow-y:scroll;display:flex;flex-direction:column}.aside-menu .menu-content>.content{flex:1;display:flex;flex-direction:column;position:relative;height:100%;min-height:128px;overflow-y:auto;overflow-x:hidden}.aside-menu .menu-content>.content>:first-child{flex:1}.aside-menu.left-side{left:0;right:auto}.aside-menu.left-side .menu-content{transform:translate(-102%)}.aside-menu.right-side{right:0;left:auto}.aside-menu.right-side .menu-content{transform:translate(102%)}body.sidemenu-open-right .aside-menu .menu-overlay{opacity:1;visibility:visible}body.sidemenu-open .aside-menu .menu-content,body.sidemenu-open-right .aside-menu.right-side .menu-content,body.sidemenu-open-left .aside-menu.left-side .menu-content{transform:translate(0);opacity:1;visibility:visible}.menu-content .close-icon{display:inline-block;color:var(--header-color);line-height:1}.menu-content .close-icon svg{width:16px}.menu-content header{padding:var(--aside-menu-ypad) var(--aside-menu-xpad);display:flex;align-items:center;gap:2rem;background:#fff}.menu-content header .title{flex:1;margin:0;line-height:1.1;font-weight:400;font-size:2.2rem}.menu-content header .title span{font-size:.625em;font-weight:400;color:var(--text-color-lighter);font-family:'Lato, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif'}@media (min-width: 990px){.menu-content header .title{font-size:2.6rem}}.menu-content footer{padding:var(--aside-menu-ypad) var(--aside-menu-xpad);display:flex;flex-direction:column;border-top:1px solid var(--color-component-border-light, #eee)}
/*# sourceMappingURL=/cdn/shop/t/84/assets/component-sidemenu.css.map?v=89320558373798440131671627828 */