body.has-scrolled:has([data-header-sticky]){--collection-header-offset: var(--has-scrolled-header-height, 0px)}.collection__sticky-bar{position:sticky;top:var(--collection-header-offset, 0px);z-index:5;display:flex;align-items:center;background:var(--bg)}@media only screen and (min-width:1024px){.collection__sticky-bar{z-index:3;margin-top:0}}@media only screen and (max-width:1023px){.collection__sticky-bar{justify-content:space-between}}@media only screen and (min-width:1024px){.collection--filters-disabled .collection__sticky-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.collection--sorting-disabled .collection__sticky-bar,.collection--filters-sorting-disabled .collection__sticky-bar{justify-content:space-between}.collection--breadcrumbs-disabled .collection__sticky-bar{justify-content:flex-end}@media only screen and (min-width:1024px){.collection--breadcrumbs-disabled.collection--sorting-disabled .collection__sticky-bar{height:var(--gutter)}}.collection__filters{position:fixed;top:0;left:0;right:0;z-index:2;background:var(--bg);max-height:100vh;overflow:hidden}@media only screen and (min-width:1024px){.collection__filters{position:sticky;top:calc(var(--collection-header-offset, 0px) + var(--collection-sticky-bar-height) - 1px);max-height:calc(100vh - var(--collection-header-offset, 0px) - var(--collection-sticky-bar-height));width:240px;float:left;margin-right:calc(var(--gutter) / 2)}}@media only screen and (min-width:1440px){.collection__filters{width:300px}}@media only screen and (max-width:1023px){.collection__filters{bottom:0;height:auto;max-height:none;z-index:-1;visibility:hidden;transform:translate(100%);transition:var(--drawer-transition),visibility 0s linear .4s,z-index 0s linear .4s}.collection__filters:not(.collection__filters--visible) [data-collapsible-container].is-expanded{visibility:hidden}}@media only screen and (min-width:1024px){.collection--breadcrumbs-disabled .collection__filters{top:var(--collection-header-offset, 0px);max-height:calc(100vh - var(--collection-header-offset, 0px));margin-top:calc(-1 * var(--collection-sticky-bar-height));z-index:3}}@media only screen and (max-width:1023px){.collection__filters--visible{z-index:9001;visibility:visible;transform:translate(0);transition:var(--drawer-transition),visibility 0s linear 0s,z-index 0s linear 0s}}@media only screen and (min-width:1024px){.collection--filters-disabled .collection__filters{display:none}}.collection__filters-wrapper{position:relative;background:var(--bg);display:flex;flex-direction:column;max-height:calc(var(--full-height))}@media only screen and (min-width:1024px){.collection__filters-wrapper{max-height:inherit}}.collection__filter{position:relative;display:block;width:100%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media only screen and (min-width:1024px){.collection__filter:last-of-type{padding-bottom:var(--collection-sticky-bar-height)}}.collection__sort .icon,.collection__filter__count .icon{position:absolute;top:0;right:0;width:14px;height:100%;margin:0 3px}.collection__filters__title{font-size:calc(1rem * var(--adjust-heading))}.collection__sort__label,.collection__filter__title{font-size:calc(.875rem * var(--adjust-heading))}.collection__filter__title,.collection__filters__title,.collection__sort__label{font-family:var(--FONT-STACK-HEADING);font-weight:var(--FONT-WEIGHT-HEADING-BOLD)}.collection--filters-disabled .collection__sort__label{padding-top:2px}.collection__filter__title,.collection__sort__label{position:relative;display:block;border-radius:0;padding:12px 40px 12px 0;margin:0;width:100%;text-align:left;cursor:pointer;letter-spacing:.02em}.is-expanded .collection__filter__count .icon-toggle-plus{opacity:0;transform:rotate(180deg)}.is-expanded .collection__filter__count .icon-toggle-minus{opacity:1;transform:rotate(180deg)}.is-expanded .collection__filter__count:after{opacity:0}.collection__filters-list{display:flex;justify-content:flex-start;flex-direction:column;align-items:flex-start;width:100%;height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;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;-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;transition:mask-position .3s,-webkit-mask-position .3s}.collection__filters-list:hover{-webkit-mask-position:left top}@media only screen and (max-width:1023px){.collection__filters-wrapper{height:100%;max-height:100%;min-height:0}.collection__filters-list{width:100vw;height:100%;min-height:0}}@media only screen and (min-width:1024px){.collection__filters-list{padding:0}}.collection__filters-list__inner{position:relative;width:100%;padding:0 var(--gutter-mobile);z-index:1;flex:1;height:var(--full-height);min-height:250px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}@media only screen and (min-width:1024px){.collection__filters-list__inner{width:calc(220px + 2 * var(--gutter-mobile));margin:0 calc(-1 * var(--gutter-mobile))}}@media only screen and (min-width:1440px){.collection__filters-list__inner{width:calc(270px + 2 * var(--gutter-mobile))}}.collection__filters-bottom{display:none;position:relative;z-index:5;width:100%;padding:0 var(--gutter-mobile) var(--gutter-mobile);margin-top:auto;text-align:center}.collection__filters-bottom:before{content:"";position:absolute;right:0;bottom:100%;left:0;height:25px;background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0%,var(--bg) 100%);pointer-events:none}@media only screen and (max-width:1023px){.collection__filters-bottom.is-visible{display:block}}.collection__filters__close-bottom{width:100%;text-transform:var(--BUTTON-TEXT-CAPS)}.collection__filter-tags{list-style:none;background:var(--bg);display:grid;grid-template-columns:minmax(0,100%);gap:8px;align-content:start;padding:10px 0;margin:0}.collection__filter-tags label,.collection__filter-tags span{font-size:calc(.875rem * var(--adjust-body))}.collection__filter-tags input,.collection__filter-tags .filter__input-title,.collection__filter-tags .collection__filter-tag--swatch span{font-size:calc(.75rem * var(--adjust-body))}.collection__filter-tags.collection__filter-tags--swatches{padding:10px 0 8px}.is-expanded .collection__filter-tags{visibility:visible;pointer-events:auto}.collection__sort-bar .collection__filter-tags{padding:0;gap:0}.collection__filter-tags--swatches{display:grid;gap:normal}@media only screen and (min-width:1024px){.collection__filter-tags--swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}@media only screen and (max-width:1023px){.collection__filter-tags--swatches{grid-template-columns:repeat(8,minmax(0,1fr))}}@media only screen and (max-width:767px){.collection__filter-tags--swatches{grid-template-columns:repeat(6,minmax(0,1fr))}}@media only screen and (max-width:479px){.collection__filter-tags--swatches{grid-template-columns:repeat(4,minmax(0,1fr))}}.collection__filter-tag--default .filter__button{display:block;padding-left:22px;position:relative;text-align:left}.collection__filter-tag--default .filter__button:before{content:"";position:absolute;left:0;top:0;width:16px;height:16px;margin-top:1px;color:var(--white);border-radius:var(--RADIUS-CHECKBOX);border:var(--BORDER-WIDTH) solid var(--text)}.collection__filter-tag--default .filter__input:checked~.filter__button:before,.collection__filter-tag--default.is-active .filter__button:before{background:var(--text) var(--icon-check) no-repeat center center;background-size:14px auto}.collection__filter-tag--default .filter__input:disabled~.filter__button,.collection__filter-tag--default.link--disable .filter__button{cursor:default;color:var(--disabled-grey-darken)}.collection__filter-tag--default .filter__input:disabled~.filter__button:before,.collection__filter-tag--default.link--disable .filter__button:before{background:var(--text-alpha-15);border:0}@media only screen and (max-width:479px){.collection__filter-tag--default{padding-right:0}}.collection__filter-tag--swatch{display:block;text-align:center;line-height:1.2;margin-bottom:16px;padding:0 2px;word-break:break-word}.collection__filter-tag--swatch .swatch__button{display:flex;justify-content:center;margin-bottom:4px;padding:0}.collection__filter-tag--swatch .filter__input:checked~.swatch__button--circle .swatch__label .icon,.collection__filter-tag--swatch.is-active .swatch__button--circle .swatch__label .icon{opacity:.6;visibility:visible;transition-delay:0s}.collection__filter-tag--swatch .filter__input:checked~.filter__button .swatch__label:before,.collection__filter-tag--swatch.is-active .swatch__label:before{opacity:1;visibility:visible}.collection__filter-tag--swatch .filter__input:disabled~.filter__button,.collection__filter-tag--swatch.link--disable .filter__button{cursor:default}.collection__filter-tag--swatch .filter__input:disabled~.swatch__label:after,.collection__filter-tag--swatch.link--disable .swatch__label:after{position:absolute;top:50%;left:50%;opacity:1;visibility:visible;border-color:transparent;background:var(--bg-alpha-60);content:""}.collection__filter-tag--swatch .filter__input:disabled~.swatch__label[data-swatch=white i]:after,.collection__filter-tag--swatch.link--disable .swatch__label[data-swatch=white i]:after{background-color:var(--COLOR-BLACK)}.collection__filter-tag--swatch .filter__input:disabled~.swatch__label[data-swatch=black i]:after,.collection__filter-tag--swatch.link--disable .swatch__label[data-swatch=black i]:after{background-color:var(--COLOR-WHITE)}.collection__filter-tags--swatches-rectangle .collection__filter-tag--swatch{margin-left:2px;font-size:0}.collection__filters__reset{display:none;text-decoration:underline;text-decoration-thickness:var(--BORDER-WIDTH)}.collection__filters__reset.is-visible{display:block}.collection--no-results .collection__filters__reset{display:inline-block;width:auto}.filter__button{font-size:calc(.875rem * var(--adjust-body));line-height:20px;color:inherit;cursor:pointer}.collection__sort{overflow:hidden}@media only screen and (min-width:1024px){.collection__sort{display:none}}.collection__sort-bar{position:relative}@media only screen and (max-width:1023px){.collection__sort-bar{display:none}}.collection__sort-bar .collection__sort__label{width:auto;padding-right:0;display:flex;align-items:center;font-family:var(--FONT-STACK-BODY);font-size:calc(.75rem * var(--adjust-body));font-weight:var(--FONT-WEIGHT-BODY)}.collection__sort-bar .collection__sort__label .icon{padding:0 4px;width:22px;rotate:90deg}.collection__sort-bar .collection__filter-tag{opacity:0;transform:translateY(-10px);transition:transform .2s 0s,opacity .1s 0s}.collection__sort-bar .collection__filter-tag:last-child{margin-bottom:0}.collection__sort-bar .collection__sort__option-wrapper--visible .collection__filter-tag{opacity:1;transform:translateY(0);transition:transform .2s .2s,opacity .2s .2s}.collection--breadcrumbs-disabled .collection__sort-bar{margin-left:calc(240px + var(--gutter) / 2)}@media only screen and (min-width:1440px){.collection--breadcrumbs-disabled .collection__sort-bar{margin-left:calc(300px + var(--gutter) / 2)}}.collection--breadcrumbs-disabled.collection--filters-disabled .collection__sort-bar{margin-left:0}.collection__sort__button{display:block;font-size:calc(1rem * var(--adjust-body));line-height:26px;position:relative;padding-left:18px;cursor:pointer}.collection__sort__button:before{content:"";position:absolute;top:0;left:0;width:11px;height:11px;border-radius:50%;border:1px solid var(--text);margin:7px 0}.collection__sort__button:after{content:"";position:absolute;top:0;left:0;width:5px;height:5px;border-radius:50%;background:transparent;margin:10px 3px}.collection__sort-bar .collection__sort__button{line-height:24px}.collection__sort__input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.collection__sort__input:checked~.collection__sort__button:before{background:var(--text)}.collection__sort__input:checked~.collection__sort__button:after{background:var(--bg)}.collection__sort-bar .collection__sort__option-wrapper{position:absolute;opacity:0;visibility:hidden;border:var(--BORDER-WIDTH) solid var(--text);overflow:hidden;padding:calc(var(--gutter) / 4);background:var(--bg);top:calc(50% + 16px);min-width:200px;max-width:320px;transform-origin:center top;transform:scaleY(0);transition:transform .2s .1s,opacity .2s .2s,visibility 0s .3s}.collection__sort-bar .collection__sort__option-wrapper--visible{opacity:1;visibility:visible;transform:scaleY(1);transition:transform .2s,opacity .1s 0s,visibility 0s 0s}.collection__filters__empty{margin:0;padding:10px 0}.collection__filters__buttons{padding-bottom:15px}@media only screen and (min-width:1024px){.collection__filters__buttons{width:220px}}@media only screen and (min-width:1440px){.collection__filters__buttons{width:270px}}@media only screen and (max-width:1023px){.collection__filters__buttons{max-width:calc(100vw - var(--scrollbar-width));padding:15px var(--gutter-mobile)}}.collection__filters__buttons .btn,.collection__filters__buttons .shopify-payment-button__button--unbranded{margin-top:15px;width:100%}@media only screen and (min-width:1024px){.collection__filters__buttons .collection__filters__reset.btn--secondary{display:none}}@media only screen and (max-width:1023px){.collection__filters__buttons .collection__filters__reset.btn--primary{display:none}}.collection__filters-header{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding-top:var(--inner);position:relative}@media only screen and (min-width:1024px){.collection--breadcrumbs-disabled .collection__filters-header{padding-top:0}}.collection__filters__top{display:flex;justify-content:space-between;width:100%;font-size:calc(.875rem * var(--adjust-body));margin-bottom:25px}@media only screen and (min-width:1024px){.collection--breadcrumbs-disabled .collection__filters__top{min-height:50px;align-items:center}}.collection__filters__close{display:flex;align-items:center;justify-content:center;height:16px;width:16px;margin-bottom:25px;cursor:pointer}.collection__filters__close:hover .icon{transform:rotate(90deg)}.collection__filters__close .icon{width:100%;height:100%;transition:transform .3s ease}@media only screen and (min-width:768px){.collection__filters__close{top:12px;right:12px}}@media only screen and (min-width:1024px){.collection__filters__close{display:none}}.collection__filters__toggle{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-right:-20px}@media only screen and (min-width:1024px){.collection__filters__toggle{display:none}}.collection--filters-disabled .collection__filters__toggle{justify-self:end}.collection__filters__clear{display:flex;flex-wrap:wrap;margin-bottom:15px}.collection__filters__clear:empty{margin-bottom:0}.collection__filters__line{border-width:var(--BORDER-WIDTH) 0 0;margin-top:0}.filter__active__remove{position:relative;min-width:0;width:auto;margin:0 10px 10px 0;padding:6px 32px 6px 10px;font-size:calc(.875rem * var(--adjust-body));text-align:left;background:var(--COLOR-BG-ACCENT);border-radius:var(--RADIUS)}.filter__active__remove .filter__x{position:absolute;top:0;right:0;padding:6px 10px 8px 12px;font-weight:var(--FONT-WEIGHT-BODY-BOLD)}.filter__input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.filter__price__fields{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;max-width:100%;margin:0}.filter__price__fields label{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.filter__price__field{display:flex;align-items:center;flex:1;max-width:calc(50% - 10px);border:var(--BORDER-WIDTH) solid var(--border);background:var(--input-bg);padding:5px 15px;border-radius:var(--RADIUS)}.filter__price__field span{margin-right:5px}.filter__price__input{flex:1;display:block;min-width:0;max-width:100%;width:auto;padding:0 3px;border:var(--BORDER-WIDTH) solid transparent;border-radius:0;margin:0;font-size:inherit;text-align:right}.range{position:relative;display:block;height:36px;margin:0 -6px 6px;-webkit-user-select:none;user-select:none;opacity:0}.range.is-initialized{opacity:1}.range__dot{position:absolute;z-index:2;display:block;top:3px;width:30px;height:30px;padding:7px}.range__dot:before{content:"";position:absolute;left:-3px;top:-3px;width:36px;height:36px}.range__dot span{display:block;width:100%;height:100%;background:var(--white);border:2px solid var(--black);border-radius:50%;font-size:0;cursor:pointer}.range__line{position:absolute;top:16px;left:8px;z-index:0;overflow:hidden;width:calc(100% - 16px);height:4px;border-radius:6px;background-color:var(--COLOR-BORDER-ALPHA-50)}.range__line span{display:block;height:100%;width:0%;background-color:var(--accent);font-size:0}@media only screen and (min-width:1024px){.collection--breadcrumbs-disabled:not(.collection--filters-disabled) .collection__inner{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:calc(var(--gutter) / 2);align-items:start}.collection--breadcrumbs-disabled:not(.collection--filters-disabled) .collection__sticky-bar{grid-column:2;grid-row:1}.collection--breadcrumbs-disabled:not(.collection--filters-disabled) .collection__sort-bar{margin-left:0}.collection--breadcrumbs-disabled:not(.collection--filters-disabled) .collection__filters{grid-column:1;grid-row:1 / span 2;width:100%;float:none;margin:0}.collection--breadcrumbs-disabled:not(.collection--filters-disabled) .collection__products{grid-column:2;grid-row:2;min-width:0}}@media only screen and (min-width:1440px){.collection--breadcrumbs-disabled:not(.collection--filters-disabled) .collection__inner{grid-template-columns:300px minmax(0,1fr)}}@media only screen and (max-width:767px){.collection__filters{left:auto;width:90vw}}@media only screen and (max-width:1023px){body:has(.collection__filters--visible):after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0003;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/component-collection-filters.css.map */
