.sticky__filters{position:-webkit-sticky;position:sticky;top:0;background-color:var(--theme-color-reverse);z-index:1;transition-property:top}@media screen and (min-width: 768px){.sticky__filters{z-index:98}}.collection-filters{display:block;padding:18px 14px}@media screen and (min-width: 768px){.collection-filters{padding:20px 48px}}.collection-filters__header{display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 768px){.collection-filters__header{justify-content:flex-end}.collection-filters__header:has(.collection-filters__title){justify-content:space-between}}.template-collection:has(.collection-hero-banner-std) .collection-filters__title{display:inline}.collection-filters__title{margin:0;display:inline-block}.collection-filter-drawer__sort-container{display:block}.collection-filters__button-group{display:flex;gap:20px;align-items:stretch}.collection-filters__filter-button{display:flex;align-items:center;gap:6px}.collection-filters__filter-button svg{transform:rotateY(-180deg)}.collection-filters__filter-button--desktop{display:none}.collection-filters__filter-button svg circle:nth-of-type(1){transform:translate(1rem,.65rem);transition:transform .3s cubic-bezier(.49,.03,.13,.99),stroke .3s cubic-bezier(.49,.03,.13,.99)}.collection-filters__filter-button svg circle:nth-of-type(2){transform:translate(.4rem);transition:transform .3s cubic-bezier(.49,.03,.13,.99),stroke .3s cubic-bezier(.49,.03,.13,.99)}.collection-filters__filter-button.is-show svg circle:nth-of-type(1),.collection-filters__filter-button:hover svg circle:nth-of-type(1){transform:translate(.45rem,.65rem)}.collection-filters__filter-button.is-show svg circle:nth-of-type(2),.collection-filters__filter-button:hover svg circle:nth-of-type(2){transform:translate(.8rem)}.collection-filters__filter-button svg path{transition:transform .3s cubic-bezier(.49,.03,.13,.99),stroke .3s cubic-bezier(.49,.03,.13,.99)}.collection-filters__filter-button svg path:nth-of-type(1){transform:translate(-.1rem)}.collection-filters__filter-button.is-show svg path:nth-of-type(1),.collection-filters__filter-button:hover svg path:nth-of-type(1){transform:translate(-.6rem)}.collection-filters__filter-button svg path:nth-of-type(2){transform:translate(1.4rem)}.collection-filters__filter-button.is-show svg path:nth-of-type(2),.collection-filters__filter-button:hover svg path:nth-of-type(2){transform:translate(.9rem)}.collection-filters__filter-button svg path:nth-of-type(3){transform:translate(.1rem)}.collection-filters__filter-button.is-show svg path:nth-of-type(3),.collection-filters__filter-button:hover svg path:nth-of-type(3){transform:translate(.5rem)}.collection-filters__filter-button svg path:nth-of-type(4){transform:translate(-1.4rem)}.collection-filters__filter-button.is-show svg path:nth-of-type(4),.collection-filters__filter-button:hover svg path:nth-of-type(4){transform:translate(-1rem)}@media screen and (min-width: 768px){.collection-filters__filter-button--desktop{display:flex}.collection-filters__filter-button--mobile{display:none}}.collection-filters__filter-button,.collection-filters__filter-button:hover,.collection-filters__filter-button:focus:not(:focus-visible),.collection-filters__filter-button:focus-visible{border:none;padding:0;background:transparent}.collection-filters__filter-button.is-show .show-label,.collection-filters__filter-button:not(.is-show) .hide-label{display:none}.collection-filters__sort-wrapper{display:none}@media screen and (min-width: 768px){.collection-filters__sort-wrapper{display:block}}.collection-filters__sort-dropdown{display:block;position:relative}.collection-filters__sort-dropdown-button{display:flex;align-items:center;gap:4px}.collection-filters__sort-dropdown[open] .collection-filters__sort-dropdown-button svg{transform:rotate(180deg)}.collection-filters__sort-dropdown:not([open]) .collection-filters__sort-dropdown-list{display:none}.collection-filters__sort-dropdown-list{position:absolute;top:calc(100% + 8px);right:0;width:200px;background-color:var(--theme-color-reverse);border:1px solid var(--theme-color-button-outlines);border-radius:5px;padding:25px 18px;display:flex;flex-direction:column;gap:10px;z-index:10}.collection-filters__sort-dropdown-item-label{display:flex;align-items:center;margin:0;cursor:pointer}.collection-filters__sort-dropdown-item-radio:checked+.collection-filters__sort-dropdown-item-label{border:1px solid var(--theme-color-button-outlines);padding:6px 10px}.collection-filters__sort-dropdown-item-radio+.collection-filters__sort-dropdown-item-label:before{content:unset}.collection-filters__sort-dropdown-item-check{margin-left:auto;visibility:hidden}.collection-filters__sort-dropdown-item-radio:checked+.collection-filters__sort-dropdown-item-label .collection-filters__sort-dropdown-item-check{visibility:visible}.collection-filter-drawer{position:fixed;top:0;left:0;bottom:0;height:100%;max-width:500px;width:100%;z-index:100}.collection-filter-drawer:not([open]){transition:opacity .25s ease,visibility .25s ease;visibility:hidden;opacity:0}@media screen and (min-width: 990px){.collection-filter-drawer{top:var(--hh-collection-filter-bottom);height:auto;max-width:500px;display:flex;flex-direction:column;z-index:98}}.collection-filter-drawer__overlay{position:fixed;display:block;top:0;right:0;bottom:0;left:0;background:#000000b3}@media screen and (min-width: 990px){.collection-filter-drawer__overlay{display:none}}.collection-filter-drawer__panel{padding:18px 0 0 14px;display:flex;flex:1;flex-direction:column;height:100%;max-width:calc(100vw - 26px);background-color:var(--theme-color-reverse);transform:translate(-100%);transition:all var(--theme-duration-default) ease;width:100%;overflow-y:auto}.collection-filter-drawer[open] .collection-filter-drawer__panel{position:sticky;max-height:100dvh;transition:transform var(--theme-duration-long) ease;transform:translate(0)}@media screen and (min-width: 768px){.collection-filter-drawer__panel{max-width:400px;padding:0 0 0 48px}}@media screen and (min-width: 1440px){.collection-filter-drawer__panel{max-width:500px}}.collection-filter-drawer__filter-wrapper,.collection-filter-drawer__form{display:flex;flex-direction:column}.collection-filter-drawer__header{padding-top:15px;padding-bottom:30px;padding-right:14px;display:flex;align-items:center}@media screen and (min-width: 990px){.collection-filter-drawer__header{visibility:hidden;padding:0;height:0}}.collection-filter-drawer__header-clear-wrapper{margin-left:auto}.collection-filter-drawer__header-clear-button{display:none;padding:9px 33px}@media screen and (min-width: 768px){.collection-filter-drawer__header-clear-button{display:block}}.collection-filter-drawer__close-btn{position:absolute;top:10px;right:15px}@media screen and (min-width: 768px){.collection-filter-drawer__close-btn{display:none}}.collection-filter-drawer__container{padding-right:14px}@media screen and (min-width: 990px){.collection-filter-drawer__container{padding-right:48px}}.collection-filter-drawer__sort-container{position:relative;margin-bottom:30px}@media screen and (min-width: 768px){.collection-filter-drawer__sort-container{display:none}}.collection-filter-drawer__sort-label{display:block;margin-bottom:12px;padding-left:0;color:var(--theme-color-ink)}.collection-filter-drawer__sort-select-icon{position:absolute}.collection-filter-drawer__sort-select{display:flex;margin-bottom:30px;padding:6px;border:1px solid var(--theme-color-button-outlines);width:100%}.collection-filter-drawer__filter-detail{padding:30px 0;border-top:1px solid var(--theme-color-neutral)}.collection-filter-drawer__filter-summary{padding-right:2.5rem;position:relative}.collection-filter-drawer__filter-summary:before,.collection-filter-drawer__filter-summary:after{content:"";position:absolute;height:.15rem;width:1.2rem;overflow:hidden;background-color:var(--theme-color-ink);right:0;top:50%}.collection-filter-drawer__filter-summary:after{transform:rotate(0);transition:transform .25s ease}.collection-filter-drawer__filter-detail:not([open]) .collection-filter-drawer__filter-summary:after{transform:rotate(90deg)}@media screen and (min-width: 768px){.collection-filter-drawer__filter-summary:before,.collection-filter-drawer__filter-summary:after{width:1.4rem}}.collection-filter-drawer__filter-info-btn{margin-left:4px;border:none;background:none;padding:2px}.collection-filter-drawer__filter-info-btn:hover,.collection-filter-drawer__filter-info-btn:focus,.collection-filter-drawer__filter-info-btn:focus:not(:focus-visible){border:none}.collection-filter-drawer__filter-list{margin-top:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-filter-drawer__filter-checkbox-label{display:flex;align-items:center;justify-content:center;padding:18px 12px;border:1px solid var(--theme-color-button-outlines);border-radius:5px;width:100%;max-height:unset;top:unset;transform:unset;font-size:1.2rem;font-weight:500;color:var(--theme-color-ink);line-height:1;cursor:pointer}@media screen and (min-width: 768px){.collection-filter-drawer__filter-checkbox-label:hover{border-color:var(--theme-color-ink)}}.collection-filter-drawer__filter-checkbox-label--color{padding:14px 12px;flex-direction:column;gap:7px}.collection-filter-drawer__filter-checkbox:focus+.collection-filter-drawer__filter-checkbox-label:before{top:0;right:0;bottom:0;left:0;border:0!important}.collection-filter-drawer__filter-checkbox:focus-visible+.collection-filter-drawer__filter-checkbox-label:before{top:0;right:0;bottom:0;left:0;border:0!important}.collection-filter-drawer__filter-checkbox:checked+.collection-filter-drawer__filter-checkbox-label{border-color:var(--theme-color-ink)}.collection-filter-drawer__filter-checkbox:disabled+.collection-filter-drawer__filter-checkbox-label{color:var(--theme-color-neutral)}.collection-filter-drawer__filter-checkbox-color-swatch{display:block;width:15px;height:15px;background:var(--swatch);margin:0 auto;border-radius:32px}@media screen and (min-width: 768px){.collection-filters__sort-container{max-width:300px}}.collection-filter-drawer__footer{position:sticky;margin-bottom:-18px;margin-left:-15px;bottom:0;background-color:var(--theme-color-reverse, #fff);padding-left:14px;padding-right:14px;padding-bottom:14px}@media screen and (min-width: 768px){.collection-filter-drawer__footer{padding-right:48px}}.collection-filter-drawer__footer-title{margin:16px 0;text-align:center}@media screen and (min-width: 768px){.collection-filter-drawer__footer-title{display:none}}.collection-filter-drawer__footer-button-group{margin-top:16px;display:flex;gap:12px}.collection-filter-drawer__footer-button-group .button{flex:1}.collection-filter-drawer__footer-apply-button{justify-content:space-between}.collection-filter-info{position:fixed;top:0;left:0;height:100%;max-width:575px;width:100%;z-index:1250}.collection-filter-info:not([open]){transition:all .25s ease;visibility:hidden;opacity:0}.collection-filter-info__overlay{position:fixed;display:block;top:0;right:0;bottom:0;left:0;background:#000000b3}.collection-filter-info__panel{padding:30px 14px;display:flex;flex:1;flex-direction:column;height:100%;max-width:calc(100vw - 26px);background-color:var(--theme-color-reverse);transition:all .25s ease;transform:translate(-100%)}@media screen and (min-width: 768px){.collection-filter-info__panel{padding-left:48px;padding-top:55px}}.collection-filter-info[open] .collection-filter-info__panel{transition:all .25s ease;transform:translate(0)}.collection-filter-info__wrapper{max-width:430px;display:flex;flex-direction:column;height:100%}.collection-filter-info__header{margin-bottom:36px}@media screen and (min-width: 768px){.collection-filter-info__header{margin-bottom:45px}}.collection-filter-info__close-btn{position:absolute;top:10px;right:15px}.collection-filter-info__title{margin-top:0;margin-bottom:10px}@media screen and (min-width: 768px){.collection-filter-info__title{margin-bottom:20px}}.collection-filter-info__header-content{margin-bottom:10px;color:var(--theme-color-subdued)}.collection-filter-info__header-link{display:flex;align-items:center;gap:12px;font-weight:500}.collection-filter-info__header-link svg{position:relative;top:2px}.collection-filter-info__container{overflow-y:auto;overflow-x:hidden}.collection-filter-info__spec-item{border-top:1px solid var(--theme-color-neutral)}.collection-filter-info__spec-item:last-of-type{border-bottom:1px solid var(--theme-color-neutral)}.collection-filter-info__spec-details{display:block;padding:20px 0}.collection-filter-info__spec-summary{display:flex;align-items:center;color:var(--theme-color-ink);font:var(--theme-body-large-font)}.collection-filter-info__spec-summary-icon{margin-left:auto}.collection-filter-info__spec-summary-icon svg{transition:transform .25s ease}.collection-filter-info__spec-summary:not(.active) svg{transform:rotate(45deg)}.collection-filter-info__spec-summary.active svg{transform:rotate(90deg)}.collection-filter-info__spec-detail-content{padding-top:20px;color:var(--theme-color-subdued)}.collection-filters__button-spacing{padding-bottom:.2rem}
/*# sourceMappingURL=/cdn/shop/t/1373/assets/section-main-collection-filters.css.map */