.template-collection .container{background-color:var(--TRANSPARENT)}.collection__products{--duration: .6s;position:relative;display:flex;align-items:flex-start;background:var(--bg)}body.has-line-design.grid-compact .collection__products .grid,.collection__products .grid{padding-top:0}.collection__products .underlay{z-index:6000;-webkit-backface-visibility:hidden;backface-visibility:hidden}.collection__products .grid-outer{padding:var(--gutter) var(--outer)}.collection-products--item-borders .grid .product-item{border:var(--collection-product-item-border-width, 1px) solid var(--collection-product-item-border-color, var(--border))}body.grid-compact .collection-products--item-borders .grid{padding-top:var(--collection-product-item-border-width, 1px);padding-right:var(--collection-product-item-border-width, 1px)}body.grid-compact .collection-products--item-borders .grid .product-item{margin-top:calc(var(--collection-product-item-border-width, 1px) * -1);margin-right:calc(var(--collection-product-item-border-width, 1px) * -1)}.collection__nav{--border-width: 0px;--collection-nav-control-padding-block: 10px;--collection-nav-control-padding-inline: 14px;position:sticky;top:0;z-index:12;display:flex;align-items:stretch;flex-wrap:nowrap;flex-grow:1;margin:var(--collection-nav-margin-top, 0px) 0 var(--collection-nav-margin-bottom, 0px);background:var(--bg);border-top:var(--collection-nav-stroke-width, 1px) solid var(--border);border-bottom:var(--collection-nav-stroke-width, 1px) solid var(--border)}.has-header-sticky .collection__nav{top:calc(var(--header-height) - var(--border-width))}.has-header-sticky.has-line-design .collection__nav{--border-width: 1px}.collection__nav--filter,.collection__nav--sort,.collection__nav--filter.collection__nav--sort{justify-content:flex-start}.collection__nav__primary,.collection__nav__secondary{display:flex;align-items:stretch;min-width:0}.collection__nav__primary{justify-content:flex-start;flex:0 0 auto}.collection__nav__secondary{flex:0 0 auto;justify-content:flex-end;margin-left:auto;padding:0}.collection__nav .collection__nav__primary .popout,.collection__nav .collection__nav__primary .popout--sort,.collection__nav .collection__nav__primary .popout__toggle{flex:0 0 auto;width:auto!important}.collection__nav .collection__nav__primary .popout__toggle{margin:0;padding:var(--collection-nav-control-padding-block) var(--collection-nav-control-padding-inline)}.collection__nav .collection__nav__primary .popout--group .popout__toggle,.collection__nav .collection__nav__primary .popout--sort .popout__toggle{border-left:none;border-right:var(--collection-nav-stroke-width, 1px) solid var(--border)}.collection__nav .collection__nav__primary .popout--sort .popout-list{left:0;right:auto}.collection__nav .collection__nav__primary .popout--sort .popout-list--visible{width:max-content;min-width:220px}.collection__nav .collection__nav__secondary .popout__toggle{width:auto!important;text-align:inherit!important}.collection-image-toggle{--collection-image-toggle-outline-opacity: .28;--collection-image-toggle-outline-opacity-hover: .72;--collection-image-toggle-outline-opacity-active: 1;--collection-image-toggle-text-hover: #3A3935;display:flex;align-items:stretch;align-self:stretch;width:auto;height:100%}.collection-image-toggle .radio__fieldset,.collection-image-toggle__fieldset{display:flex;width:auto;height:100%;padding:0}.collection-image-toggle .radio__legend.visually-hidden{width:1px;min-width:1px;max-width:1px}.collection-image-toggle .radio__buttons,.collection-image-toggle__buttons{display:flex;align-items:stretch;gap:0;width:auto;height:100%;margin:0}.collection-image-toggle .radio__button,.collection-image-toggle__button{display:flex;flex:0 0 auto;width:auto;height:100%;margin:0;padding:0;border:0}.collection-image-toggle .radio__fieldset .radio__button label.collection-image-toggle__label.popout__toggle{display:flex;align-items:center;justify-content:center;gap:4px;width:auto!important;min-width:auto;height:100%;margin:0!important;padding:12px;position:relative;border:0!important;border-radius:0!important;background:transparent!important;color:var(--collection-image-toggle-text, #6F6C66);font-size:13px;font-weight:400;letter-spacing:0;line-height:1.2;text-transform:none;transition:color .2s ease,background-color .2s ease,opacity .12s ease}.collection-image-toggle .radio__fieldset .radio__button label.collection-image-toggle__label.popout__toggle:hover{background:var(--collection-image-toggle-bg-hover, #F7F6F2)!important;color:var(--collection-image-toggle-text-hover, #3A3935)!important}.collection-image-toggle .radio__button input:checked~.collection-image-toggle__label.popout__toggle{background:transparent!important;color:var(--collection-image-toggle-text-active, #22221F)!important}.collection-image-toggle .radio__fieldset .radio__button label.collection-image-toggle__label.popout__toggle:active{opacity:.72}.collection-image-toggle__icon{--icon-size: 14px;display:inline-flex;flex:0 0 auto;line-height:0;opacity:.78;transition:opacity .2s ease}.collection-image-toggle__icon .icon{width:var(--icon-size);height:var(--icon-size)}.collection-image-toggle .collection-image-toggle__icon .icon,.collection-image-toggle .collection-image-toggle__icon .icon *{color:currentColor;stroke:currentColor}.collection-image-toggle .icon-profile-circled path{stroke:currentColor}.collection-image-toggle__text{display:inline-flex;align-items:center;min-width:0;text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color .2s ease}.collection-image-toggle .radio__button input:checked~.popout__toggle .collection-image-toggle__icon{opacity:1}.collection-image-toggle .radio__button input:checked~.popout__toggle .collection-image-toggle__text{text-decoration-color:var(--collection-image-toggle-bg-active, #22221F)}.collection-image-toggle .radio__button input:checked~.popout__toggle .icon,.collection-image-toggle .radio__button input:checked~.popout__toggle .icon *{color:var(--collection-image-toggle-text-active, #22221F);stroke:currentColor}.collection-column-toggle{display:flex;align-items:stretch;align-self:stretch;flex:0 0 auto;width:auto;height:100%}.collection-column-toggle__button{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:38px;height:100%;margin:0;padding:12px;border:0;border-radius:0;background:transparent;appearance:none;color:var(--collection-image-toggle-text, #6F6C66);cursor:pointer;line-height:0;-webkit-appearance:none;transition:color .2s ease,background-color .2s ease,opacity .12s ease}.collection-column-toggle__button:hover{background:var(--collection-image-toggle-bg-hover, #F7F6F2);color:var(--collection-image-toggle-text-hover, #3A3935)}.collection-column-toggle__button.is-active{background:transparent;color:var(--collection-image-toggle-text-active, #22221F)}.collection-column-toggle__button:active{opacity:.72}.collection-column-toggle__icon{display:inline-flex;align-items:stretch;justify-content:center;gap:3px;width:20px;height:16px;color:currentColor;line-height:0;opacity:.78;transition:opacity .2s ease}.collection-column-toggle__icon--4{gap:4px}.collection-column-toggle__icon--8{gap:2px}.collection-column-toggle__icon span{display:block;width:1px;height:16px;background:currentColor}.collection-column-toggle__button.is-active .collection-column-toggle__icon{opacity:1}.collection__nav__divider{display:block;align-self:stretch;flex:0 0 var(--collection-nav-stroke-width, 1px);width:var(--collection-nav-stroke-width, 1px);min-width:var(--collection-nav-stroke-width, 1px);background:var(--border)}.collection-image-toggle--outline .radio__buttons{border:0}.collection-image-toggle--outline .radio__fieldset .radio__button label.popout__toggle{background:transparent;border:1px solid var(--collection-image-toggle-bg-active, #22221F);color:var(--collection-image-toggle-text, #6F6C66);opacity:var(--collection-image-toggle-outline-opacity)}.collection-image-toggle--outline .radio__fieldset .radio__button label.popout__toggle:hover{background:transparent;opacity:var(--collection-image-toggle-outline-opacity-hover)}.collection-image-toggle--outline .radio__button input:checked~.popout__toggle{background:transparent;color:var(--collection-image-toggle-text-active, #22221F);opacity:var(--collection-image-toggle-outline-opacity-active)}.collection-image-toggle--outline .radio__button input:checked~.popout__toggle .icon,.collection-image-toggle--outline .radio__button input:checked~.popout__toggle .icon *{color:var(--collection-image-toggle-text-active, #22221F);stroke:currentColor}@media only screen and (max-width:749px){.collection__nav{flex-wrap:nowrap}.collection__nav__primary{flex:1 1 auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.collection__nav__primary:has(.popout-list--visible){overflow:visible}.collection__nav__primary::-webkit-scrollbar{display:none}.collection__nav__secondary{flex:0 0 auto;justify-content:flex-end;margin-left:auto;padding:0}.collection-column-toggle,.collection__nav__divider{display:none}.collection__nav--column-toggle:not(.collection__nav--sort):not(.collection__nav--filter):not(.collection__nav--image-toggle){display:none}.collection-image-toggle{height:100%}.collection-image-toggle .radio__fieldset .radio__button label.popout__toggle{min-width:44px;font-size:12px}.collection-image-toggle .radio__fieldset .radio__button label.popout__toggle:after{content:"";position:absolute;left:50%;bottom:6px;width:18px;height:1px;background:transparent;transform:translate(-50%);transition:background-color .2s ease}.collection-image-toggle .radio__button input:checked~.popout__toggle:after{background:var(--collection-image-toggle-bg-active, #22221F)}.collection-image-toggle .radio__buttons,.collection-image-toggle__buttons{gap:0}.collection-image-toggle__icon{--icon-size: 18px}.collection-image-toggle__text{display:none}}.product-item__bg__product{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);line-height:0;opacity:0;overflow:hidden;pointer-events:none;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.product-item__bg__product{z-index:2}.collection[data-collection-image-view=product] .product-item__bg__product{opacity:1;visibility:visible}.supports-touch .collection[data-collection-image-view=product] .product-item__image--product-photo-scrollable:active .product-item__bg__product,.supports-touch .collection[data-collection-image-view=product] .product-item__image--product-photo-scrollable.is-scrolling-product-images .product-item__bg__product,.no-touch .collection[data-collection-image-view=product] .product-item__image--has-product-photo:hover .product-item__bg__product{opacity:0;visibility:hidden}.no-touch .collection hover-images .flickity-viewport{height:100%!important}.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));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;mask-size:100% 20000px;-webkit-mask-position:left bottom;mask-position:left bottom;transition:-webkit-mask-position .3s;transition:mask-position .3s;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(--gutter)/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(--collection-nav-height);height:calc(var(--full-screen) - var(--collection-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(.215,.61,.355,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(.215,.61,.355,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: 0;top:calc(var(--collection-nav-height) + var(--header-height) - var(--border-width));height:calc(var(--full-screen) - var(--collection-nav-height) + var(--border-width))}}@media only screen and (min-width:750px){.has-header-sticky.has-line-design .collection__sidebar__slider{--border-width: 1px}}.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(--gutter) var(--inner) var(--outer);transform:translate(-100%);transition:transform var(--duration) cubic-bezier(.215,.61,.355,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(--outer) - var(--gutter)) * -1)}}@media only screen and (max-width:749px){.collection__sidebar__slider.expanded{transform:translateZ(0)}}@media only screen and (min-width:750px){body.has-line-design.grid-compact .collection__sidebar__slider{margin-right:-1px}}@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}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/collections.css.map */
