.slide-out-drawer-opener{display:flex;width:100%;justify-content:center}.slide-out-drawer-opener button{font-size:1.8rem;font-family:var(--font-din);display:flex;align-items:baseline;gap:1rem}.slide-out-drawer-opener button:hover{text-decoration:underline;text-underline-offset:.3rem}.slide-out-drawer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;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;z-index:0}.slide-out-drawer__inner{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;width:100%;max-width:var(--drawer-max-width);height:100%;padding:0;background-color:var(--drawer-inner-bg);pointer-events:auto;transition:all var(--drawer-animation-duration) ease;scroll-behavior:smooth;z-index:1}.slide-out-drawer__header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;justify-items:center;padding:3rem}.slide-out-drawer__header h2{font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;font-family:Univers,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0}.slide-out-drawer__close{color:#212121;font-size:1.2rem;text-decoration:underline;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:start;gap:1rem;z-index:2;justify-self:start}.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__footer{display:flex;flex-direction:column}.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__content{--drawer-flex-gap: 2rem}}
/*# sourceMappingURL=/cdn/shop/t/252/assets/component.slide-out-drawer.css.map?v=171557615649014563791728660956 */