.sidebar-menu{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:100%;min-height:64px;padding:.75rem var(--page-margin, 20px)}.sidebar-menu__toggle{grid-column:1;justify-self:start}.sidebar-menu .header-logo{grid-column:2;justify-self:center;text-align:center}@media(max-width:767px){.sidebar-menu--floating-mobile .header-logo{grid-column:1;justify-self:start;text-align:left}}.sidebar-menu__icons{grid-column:3;justify-self:end}.sidebar-menu--page-width{max-width:var(--page-width);margin:0 auto}.sidebar-menu__toggle,.sidebar-menu__icon-button{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem;background:none;border:none;cursor:pointer;transition:opacity .2s ease-in-out;color:var(--header-text-color, inherit);padding:0;flex-shrink:0}.sidebar-menu__toggle:hover,.sidebar-menu__icon-button:hover{opacity:.7}.sidebar-menu__icons{display:flex;align-items:center;gap:1rem}.sidebar-menu__icons .header-icons__wrapper{gap:1rem}.sidebar-menu__submenu-toggle .sidebar-menu__submenu-icon{width:1rem;height:1rem;transition:transform .2s}.sidebar-menu__submenu-toggle.is-open .sidebar-menu__submenu-icon{transform:rotate(90deg)}@media(max-width:767px){.sidebar-menu__icons .header-icons__utility-item,.sidebar-menu__icons .header-icons__customer-avatar,.sidebar-menu__icons .header-icons__link[href*=account]:not(.header-icons__cart-link){display:none}}.sidebar-menu__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:40;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.sidebar-menu__overlay.is-visible{opacity:1;visibility:visible}.sidebar-menu__nav{position:fixed;top:0;left:0;height:100%;width:20rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:50;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar-menu__nav.is-visible{transform:translate(0)}.sidebar-menu__nav-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.sidebar-menu__nav-title{font-size:1.125rem;font-weight:600;color:inherit}.sidebar-menu__nav-close{background:none;border:none;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.sidebar-menu__nav-body{padding:1rem;overflow-y:auto;height:calc(100% - 130px)}.sidebar-menu__nav-list{list-style:none;padding:0;margin:0}.sidebar-menu__nav-list>*:not(:last-child){margin-bottom:.5rem}.sidebar-menu__nav-item{border-bottom:1px solid var(--color-border-muted, #f3f4f6);padding-bottom:.5rem}.sidebar-menu__nav-item-header{display:flex;align-items:center;justify-content:space-between}.sidebar-menu__nav-link{flex:1;padding:.75rem 0;font-size:1.125rem;font-weight:500;text-decoration:none;color:inherit;transition:opacity .15s ease-in-out}.sidebar-menu__nav-link:hover{opacity:.7}.sidebar-menu__submenu-toggle{padding:.5rem;border-radius:.25rem;transition:all .2s;cursor:pointer;background:none;border:none;color:inherit}.sidebar-menu__submenu-toggle:hover{background-color:#0000000d}.sidebar-menu__submenu{list-style:none;margin-left:1rem;margin-top:.5rem;overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden}.sidebar-menu__submenu>*:not(:last-child){margin-bottom:.25rem}.sidebar-menu__submenu.is-open{max-height:500px;visibility:visible}.sidebar-menu__submenu-link{display:block;padding:.5rem 0;color:inherit;text-decoration:none;transition:opacity .15s ease-in-out;opacity:.8}.sidebar-menu__submenu-link:hover{opacity:1}.sidebar-menu__nav-footer{position:absolute;bottom:0;left:0;right:0;padding:1rem;border-top:1px solid rgba(0,0,0,.1);background-color:#00000005}.sidebar-menu__nav-footer .header-icons,.sidebar-menu__nav-footer .header-icons__wrapper{flex-direction:column;align-items:flex-start;gap:1rem;width:100%}.sidebar-menu__nav-footer .header-icons__utility-item,.sidebar-menu__nav-footer .header-icons__select{width:100%}.sidebar-menu__nav-footer .header-icons__customer-avatar,.sidebar-menu__nav-footer .header-icons__link[href*=account]{flex-direction:row;width:100%;align-items:center;justify-content:flex-start}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sidebar-menu.css.map */