.collection__products{--duration: .6s;position:relative;display:flex;align-items:flex-start;background:var(--bg)}.collection__products .grid-outer{padding-top:var(--grid-gap-vertical);padding-bottom:var(--grid-gap-vertical)}.filters__nav{--border-width: 0px;position:sticky;top:0;z-index:11;display:flex;flex-grow:1;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.has-header-sticky .filters__nav{top:calc(var(--header-height) - var(--border-width))}.filters__nav--filter{justify-content:flex-start}.filters__nav--sort{justify-content:flex-end}.filters__nav--filter.filters__nav--sort{justify-content:space-between}.collection__sidebar{--icons: var(--text);padding:var(--inner);font-size:var(--font-body-small);overflow-y:auto;max-height:100%;min-width:var(--sidebar-width);-webkit-mask-image:linear-gradient(to top,transparent,black),linear-gradient(to left,transparent var(--scrollbar-width),black var(--scrollbar-width));-webkit-mask-size:100% 20000px;-webkit-mask-position:left bottom;mask-image:linear-gradient(to top,transparent,black),linear-gradient(to left,transparent var(--scrollbar-width),black var(--scrollbar-width));mask-size:100% 20000px;mask-position:left bottom;transition:mask-position .3s,-webkit-mask-position .3s}.collection__sidebar:hover{-webkit-mask-position:left top;mask-position:left top}.collection__sidebar .no-results{padding:var(--gap)/2 0}.collection__sidebar--has-buttons .collection__sidebar__slider:after{content:none}.collection__sidebar__slider{display:flex;flex-direction:column;z-index:1;background:var(--bg);border-width:0 1px 1px 0;border-style:solid;border-color:var(--border);visibility:hidden;overflow:hidden}@media only screen and (min-width:750px){.collection__sidebar__slider{position:sticky;top:var(--filters-nav-height);height:calc(var(--full-screen) - var(--filters-nav-height));width:0;min-width:0;margin-right:-2px;transition-property:min-width,margin,transform,visibility;transition-duration:var(--duration);transition-timing-function:cubic-bezier(.225,.64,.365,1)}}@media only screen and (max-width:749px){.collection__sidebar__slider{position:fixed;z-index:6100;top:0;height:100%;transform:translate(-100%);transition:transform var(--duration) cubic-bezier(.225,.64,.365,1),visibility var(--duration)}}@media only screen and (max-width:749px){.collection__sidebar__slider.drawer--animated{--base-animation-delay: 0ms}}@media only screen and (min-width:750px){.has-header-sticky .collection__sidebar__slider{--border-width: 0px;top:calc(var(--filters-nav-height) + var(--header-height) - var(--border-width));height:calc(var(--full-screen) - var(--filters-nav-height) + var(--border-width))}}.collection__sidebar__slider:after,.collection__sidebar__slide-out:after{content:"";display:block;position:absolute;bottom:0;left:0;right:var(--scrollbar-width);height:40px;background:linear-gradient(to bottom,rgb(var(--COLOR-BG-RGB) 0%) 0%,var(--COLOR-BG) 100%);pointer-events:none}@media only screen and (min-width:750px){.collection__sidebar__slider .collection__sidebar{padding:var(--inner) var(--inner) var(--inner) var(--outer);transform:translate(-100%);transition:transform var(--duration) cubic-bezier(.225,.64,.365,1),mask-position var(--duration),-webkit-mask-position var(--duration)}}.collection__sidebar__slider.expanded,.collection__sidebar__slide-out.expanded{visibility:visible}@media only screen and (min-width:750px){.collection__sidebar__slider.expanded .collection__sidebar{transform:translate(0)}}.collection__sidebar__slide-out.expanded{transform:translate(0)}@media only screen and (min-width:750px){.collection__sidebar__slider.expanded{transform:translateZ(0);min-width:var(--sidebar-width);margin-right:calc((var(--grid-outer) - var(--grid-gap)) * -1)}}@media only screen and (max-width:749px){.collection__sidebar__slider.expanded{transform:translateZ(0)}}@media only screen and (max-width:749px){.no-mobile-animation{opacity:0!important;visibility:hidden!important;pointer-events:none}.no-mobile-animation~.underlay{display:none}}.collection__sidebar__slide-out{position:fixed;top:0;right:100%;z-index:6100;display:flex;flex-direction:column;height:100%;width:100%;max-width:var(--DRAWER-WIDTH-MOBILE);border-left:1px solid var(--border);background:var(--bg);opacity:0;transition:opacity var(--duration) ease,transform var(--duration) ease,visibility var(--duration);overflow:hidden;visibility:hidden}@media only screen and (min-width:750px){.collection__sidebar__slide-out{max-width:var(--DRAWER-WIDTH)}}.collection__sidebar__slide-out.expanding,.collection__sidebar__slide-out.expanded{visibility:visible;opacity:1}.collection__sidebar__slide-out.expanded{transform:translate(100%)}.collection__sidebar__head{position:relative;width:100%;padding:24px calc(var(--inner) + 24px) 24px var(--inner);border-bottom:1px solid var(--border)}.collection__sidebar__head h3{font-family:var(--FONT-STACK-BODY);font-weight:var(--FONT-WEIGHT-BODY-BOLD);font-style:var(--FONT-STYLE-BODY);letter-spacing:var(--LETTER-SPACING-BODY);font-size:var(--font-body-medium);line-height:1;text-transform:uppercase;letter-spacing:.12em;margin:0 0 -3px}.collection__sidebar__buttons{position:sticky;left:0;right:var(--scrollbar-width);bottom:0;z-index:2;min-width:calc(var(--sidebar-width) - var(--scrollbar-width));padding:5px var(--inner) 15px;margin-top:auto;background:var(--bg)}.collection__sidebar__buttons:after{content:"";display:block;position:absolute;bottom:100%;left:0;right:0;height:45px;background:linear-gradient(to bottom,rgb(var(--COLOR-BG-RGB) 0%) 0%,var(--COLOR-BG) 100%);pointer-events:none}.collection__sidebar__buttons:empty{display:none}@media only screen and (min-width:750px){.collection__sidebar__slider .collection__sidebar__buttons{padding:5px 15px 15px}}.collection__sidebar__buttons .btn+.btn{margin-top:10px}.collection__sidebar__slide-out .collection__sidebar{flex-grow:1;height:auto;overflow-y:auto}.collection__products .underlay{z-index:6000;-webkit-backface-visibility:hidden;backface-visibility:hidden}.collection__active__filters{display:flex;flex-wrap:wrap;margin-bottom:10px}
/*# sourceMappingURL=/cdn/shop/t/507/assets/collection.css.map */