@charset "UTF-8";.sidebar:not(.sidebar--static){position:fixed;top:0;left:0;z-index:var(--z-index-fixed-element, 10);width:100%;height:100%;visibility:hidden;transition:visibility 0s .3s}.sidebar:not(.sidebar--static):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),0);transition:background-color .3s;z-index:1}.sidebar:not(.sidebar--static) .sidebar__panel{position:absolute;top:100%;left:50%;z-index:2;opacity:0;width:100%;max-width:300px;min-height:400px;-webkit-overflow-scrolling:touch;transform:translate(-50%,-50%);transition:.3s;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);background-color:var(--color-cream-light);color:var(--color-black)}.sidebar:not(.sidebar--static).sidebar--is-visible{visibility:visible;transition:none}.sidebar:not(.sidebar--static).sidebar--is-visible:after{background-color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.7)}.sidebar:not(.sidebar--static).sidebar--is-visible .sidebar__panel{transform:translate(-50%,-50%);top:50%;opacity:1}.sidebar__header{position:sticky;top:0}.sidebar__close-btn{--size: 32px;width:var(--size);height:var(--size);position:absolute;top:0;right:0;transform:translate(50%,-50%);display:flex;border-radius:50%;background-color:var(--color-black);box-shadow:var(--inner-glow),var(--shadow-sm);transition:.2s;flex-shrink:0;cursor:pointer}.sidebar__close-btn .icon{display:block;margin:auto}.sidebar__close-btn:hover{background-color:var(--color-black);box-shadow:var(--inner-glow),var(--shadow-md)}.sidebar--static,html:not(.js) .sidebar{flex-shrink:0;flex-grow:1}.sidebar--static .sidebar__header,html:not(.js) .sidebar .sidebar__header{display:none}.sidebar--sticky-on-desktop{position:sticky;top:var(--space-sm);max-height:calc(100vh - var(--space-sm));overflow:auto;-webkit-overflow-scrolling:touch}.js .sidebar{opacity:0}.js .sidebar--loaded{opacity:1}html:not(.js) .sidebar{position:static}[class*=sidebar--static]:before{display:none}.sidebar--static\@xs:before{content:"mobile"}@media (min-width: 32rem){.sidebar--static\@xs:before{content:"static"}}.sidebar--static\@sm:before{content:"mobile"}@media (min-width: 48rem){.sidebar--static\@sm:before{content:"static"}}.sidebar--static\@md:before{content:"mobile"}@media (min-width: 64rem){.sidebar--static\@md:before{content:"static"}}.sidebar--static\@lg:before{content:"mobile"}@media (min-width: 80rem){.sidebar--static\@lg:before{content:"static"}}.sidebar--static\@xl:before{content:"mobile"}@media (min-width: 90rem){.sidebar--static\@xl:before{content:"static"}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/section-responsive-sidebar.css.map */