.slide-out-drawer-opener{display:flex;width:100%;justify-content:center}.slide-out-drawer-opener.filter-opener{justify-content:right}@media (max-width: 767px){.slide-out-drawer-opener.filter-opener{justify-content:center;width:100%;border:1px solid}.slide-out-drawer-opener.filter-opener button{align-items:center;font-size:14px;line-height:25px;width:100%;display:flex;justify-content:center}.search__product-grid .filter-drawer-opener,.main-products-grid-wrapper .filter-drawer-opener{position:sticky;top:var(--header-height);z-index:99;background:#fff;padding:10px 0}}.slide-out-drawer-opener button{font-size:1.8rem;font-family:var(--font-din);display:flex;align-items:baseline;gap:1rem;padding:0}.slide-out-drawer-opener button:hover{text-decoration:underline;text-underline-offset:.3rem}.slide-out-drawer-opener.filter-opener button{border-bottom:1px solid transparent}.slide-out-drawer-opener.filter-opener button:hover{text-decoration:none}.slide-out-drawer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:21474830001;pointer-events:none}.slide-out-drawer.open,.slide-out-drawer.closing{display:block}.slide-out-drawer.open .slide-out-drawer__inner,.slide-out-drawer.closing .slide-out-drawer__inner{transform:translate(0)}.slide-out-drawer__container{position:absolute;top:0;right:0;bottom:0;left:0}.slide-out-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--drawer-backdrop-bg);opacity:0;pointer-events:none;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);will-change:opacity,backdrop-filter;transition:opacity var(--drawer-animation-duration) ease,backdrop-filter var(--drawer-animation-duration) ease}.slide-out-drawer__inner{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;gap:2rem;width:100%;max-width:var(--drawer-max-width);height:100%;padding:var(--drawer-inner-padding-top) var(--drawer-inner-padding-right) var(--drawer-inner-padding-bottom) var(--drawer-inner-padding-left);background-color:var(--drawer-inner-bg);pointer-events:auto;transition:transform var(--drawer-animation-duration) ease;will-change:transform;scroll-behavior:smooth}.slide-out-drawer__close{font-family:var(--font-din);background:none;border:none;font-size:1.8rem;line-height:2.2rem;cursor:pointer;display:flex;align-items:start;justify-content:start;gap:1rem;z-index:2}.slide-out-drawer__close:focus-visible{outline:none}.slide-out-drawer__close:hover{text-decoration:underline;text-underline-offset:.3rem}.slide-out-drawer__close svg{display:block}.slide-out-drawer__close span{line-height:1}.slide-out-drawer__content,.slide-out-drawer__content--blocks{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;justify-content:space-between;gap:var(--drawer-flex-gap);height:100%;scroll-behavior:smooth}.slide-out-drawer__content{overflow-x:hidden;overflow-y:scroll}.slide-out-drawer__content.slide-out-drawer__content--2-col{display:grid;grid-template-columns:1fr auto;gap:2rem;height:100%}.slide-out-drawer__content .slide-out-drawer__content--heading,.slide-out-drawer__content .slide-out-drawer__content--richtext,.slide-out-drawer__content .slide-out-drawer__content--accordion{width:100%}.slide-out-drawer__content--alphabetical-navigation{display:flex;flex-direction:column;align-items:center;padding:0;margin:0 1.2rem 0 0;list-style-type:none}.slide-out-drawer__alphabetical-navigation-item{font-size:2rem;color:#dadada}.slide-out-drawer__alphabetical-navigation-item:not(.has-filters){pointer-events:none}.slide-out-drawer__alphabetical-navigation-item.has-filters{cursor:pointer;color:#000}.slide-out-drawer__alphabetical-navigation-item.has-filters:hover{text-decoration:underline;text-underline-offset:.3rem}.slide-out-drawer__content .slide-out-drawer__content--visual-filter{width:100%;max-width:calc((100% / var(--drawer-visual-filter-per-row)) - var(--drawer-flex-gap))}.slide-out-drawer__content .slide-out-drawer__content--visual-filter label{position:relative;display:inline-block;width:100%;height:100%}.slide-out-drawer__content .slide-out-drawer__content--visual-filter label.active .media-container{overflow:visible;outline:5px solid #000000}.slide-out-drawer__content .slide-out-drawer__content--visual-filter label .media-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1}.slide-out-drawer__content .slide-out-drawer__content--visual-filter label.active .media-container:before{background:rgba(var(--overlay))}.slide-out-drawer__content .slide-out-drawer__content--visual-filter label .media-container .overlay-title{display:block;position:absolute;left:50%;transform:translate(-50%);bottom:2rem;color:#fff;font-family:var(--font-din);font-size:1.6rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.8px;z-index:1;width:100%;text-align:center}.slide-out-drawer__content .slide-out-drawer__content--visual-filter label.active>h4{border-bottom:1px solid black}.slide-out-drawer__content .slide-out-drawer__content--visual-filter img{width:100%;height:var(--drawer-visual-filter-image-height);object-fit:var(--drawer-visual-filter-image-fit)}.slide-out-drawer__content .slide-out-drawer__content--visual-filter h4{font-size:1.2rem;text-align:center;word-break:break-word}.slide-out-drawer__content .slide-out-drawer__content--visual-filter a{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.slide-out-drawer[data-stick-to=right] .slide-out-drawer__inner{right:0}.slide-out-drawer[data-stick-to=left] .slide-out-drawer__inner{left:0}.slide-out-drawer[data-slide-in-from=right] .slide-out-drawer__inner{transform:translate(100vw)}.slide-out-drawer[data-slide-in-from=left] .slide-out-drawer__inner{transform:translate(-100vw)}.slide-out-drawer[data-slide-in-from=top] .slide-out-drawer__inner{transform:translateY(-100vh)}.slide-out-drawer[data-slide-in-from=bottom] .slide-out-drawer__inner{transform:translateY(100vh)}.slide-out-drawer.open .slide-out-drawer__backdrop{opacity:1;pointer-events:auto;animation:fadeIn var(--drawer-animation-duration) ease forwards,blurIn var(--drawer-animation-duration) ease forwards}.slide-out-drawer.open .slide-out-drawer__inner{transform:translate(0)}.slide-out-drawer.open[data-slide-in-from=right] .slide-out-drawer__inner{animation:slideInFromRight var(--drawer-animation-duration) ease forwards}.slide-out-drawer.open[data-slide-in-from=left] .slide-out-drawer__inner{animation:slideInFromLeft var(--drawer-animation-duration) ease forwards}.slide-out-drawer.open[data-slide-in-from=top] .slide-out-drawer__inner{animation:slideInFromTop var(--drawer-animation-duration) ease forwards}.slide-out-drawer.open[data-slide-in-from=bottom] .slide-out-drawer__inner{animation:slideInFromBottom var(--drawer-animation-duration) ease forwards}.slide-out-drawer.closing{pointer-events:none}.slide-out-drawer.closing .slide-out-drawer__backdrop{animation:fadeOut var(--drawer-animation-duration) ease forwards,blurOut var(--drawer-animation-duration) ease forwards}.slide-out-drawer.closing .slide-out-drawer__inner{transition:transform var(--drawer-animation-duration) ease}.slide-out-drawer.closing[data-slide-in-from=right] .slide-out-drawer__inner{animation:slideOutToRight var(--drawer-animation-duration) ease forwards}.slide-out-drawer.closing[data-slide-in-from=left] .slide-out-drawer__inner{animation:slideOutToLeft var(--drawer-animation-duration) ease forwards}.slide-out-drawer.closing[data-slide-in-from=top] .slide-out-drawer__inner{animation:slideOutToTop var(--drawer-animation-duration) ease forwards}.slide-out-drawer.closing[data-slide-in-from=bottom] .slide-out-drawer__inner{animation:slideOutToBottom var(--drawer-animation-duration) ease forwards}@media (min-width: 768px){.slide-out-drawer-opener button{font-size:2rem}.slide-out-drawer-opener.filter-opener button:hover{border-bottom:1px solid rgba(0,0,0,1);text-decoration:none}.slide-out-drawer__content,.slide-out-drawer__content--blocks{--drawer-flex-gap: 2rem}.slide-out-drawer__content .slide-out-drawer__content--visual-filter h4{font-size:1.534rem}}.slide-out-drawer__content{overflow-y:auto}
/*# sourceMappingURL=/cdn/shop/t/1449/assets/component-slide-out-drawer.css.map */