.collection-filterbar{--collection-filter-accent: #4e7354;--collection-filter-accent-dark: #31523a;--collection-filter-surface: #f4e7ea;--collection-filter-line: rgba(49, 82, 58, .2);margin:0 0 clamp(1.2rem,2vw,1.8rem);padding:0 0 .8rem}.collection-filterbar .facets-container-drawer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:1rem;width:100%;padding:0}.collection-filterbar .mobile-facets__wrapper{flex:0 0 auto;margin:0 0 0 auto}.collection-filterbar .mobile-facets__open-wrapper{display:block;position:relative;width:4.4rem;height:4.4rem;border:.1rem solid var(--collection-filter-accent);border-radius:1.1rem;background:var(--collection-filter-accent);box-shadow:0 .4rem 1.2rem #23412c24;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.collection-filterbar .mobile-facets__open{justify-content:center;width:4.4rem;height:4.4rem;min-height:4.4rem;padding:0;color:#fffaf8;font-size:1.45rem;font-weight:650;letter-spacing:.01em;line-height:1.2}.collection-filterbar .mobile-facets__open .svg-wrapper{width:2rem;height:2rem}.collection-filterbar .mobile-facets__open-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.collection-filterbar .mobile-facets__open>*+*{margin-left:0}.collection-filterbar .mobile-facets__open line,.collection-filterbar .mobile-facets__open circle{stroke:currentColor}.collection-filterbar .mobile-facets__open:hover{color:#fffaf8}.collection-filterbar .mobile-facets__open-wrapper:hover{border-color:var(--collection-filter-accent-dark);background:var(--collection-filter-accent-dark);box-shadow:0 .6rem 1.6rem #23412c2e;transform:translateY(-.05rem)}.collection-filterbar .mobile-facets__open-wrapper:focus-visible{outline:.2rem solid var(--collection-filter-accent-dark);outline-offset:.3rem;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem var(--collection-filter-accent-dark)}.mobile-facets__active-count{position:absolute;top:-.6rem;right:-.6rem;display:inline-grid;place-items:center;min-width:1.9rem;height:1.9rem;margin:0;padding:0 .45rem;border:.15rem solid rgb(var(--color-background));border-radius:999px;background:#f1dce1;color:var(--collection-filter-accent-dark, #31523a);font-size:1rem;font-weight:750;line-height:1}.collection-filterbar .facets-pill{flex-basis:100%;width:100%}.collection-filterbar .active-facets{display:grid;flex:1 0 100%;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;width:100%;margin:.9rem 0 0}.collection-filterbar .active-facets__scroll{display:flex;grid-column:1;grid-row:1;gap:.6rem;min-width:0;padding:.2rem 0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:auto;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.collection-filterbar .active-facets__scroll::-webkit-scrollbar{display:none;width:0;height:0}.collection-filterbar .active-facets__scroll facet-remove{flex:0 0 auto}.collection-filterbar .active-facets__scroll:focus-visible{outline:.2rem solid var(--collection-filter-accent-dark);outline-offset:.2rem}.collection-filterbar .active-facets__button,.collection-filterbar .active-facets__button-remove{margin:0;padding:0}.collection-filterbar .active-facets__button{display:flex;align-items:center;min-height:4.4rem}.collection-filterbar .active-facets__button-inner{min-height:3.4rem;padding:.55rem 1rem;border:.1rem solid rgba(49,82,58,.26);border-radius:999px;background:#ffffff80;box-shadow:none;color:var(--collection-filter-accent-dark);font-size:1.2rem;font-weight:600;white-space:nowrap}.collection-filterbar .active-facets__button:hover .active-facets__button-inner{border-color:#31523a99;background:#ffffffc7;box-shadow:none}.collection-filterbar .active-facets__button-remove{display:flex;align-items:center;min-height:4.4rem;color:var(--collection-filter-accent-dark);font-size:1.2rem;text-underline-offset:.3rem}.collection-filterbar .active-facets__button-wrapper{grid-column:2;grid-row:1;align-self:center;justify-self:end;min-height:4.4rem;margin:0;padding:0}.collection-filterbar .mobile-facets__inner{width:min(44rem,calc(100% - 1.2rem));max-width:44rem;border:0;border-radius:1.6rem 0 0 1.6rem;background:var(--collection-filter-surface);box-shadow:-1.2rem 0 4rem #1f30242e;filter:none}.collection-filterbar .mobile-facets__header{min-height:7.6rem;align-items:center;padding:1.8rem 5.8rem 1.8rem 2.2rem;border-bottom-color:var(--collection-filter-line);background:var(--collection-filter-surface);text-align:left}.collection-filterbar .mobile-facets__heading{color:var(--collection-filter-accent-dark);font-size:2.2rem;font-weight:650;letter-spacing:-.01em}.collection-filterbar .mobile-facets__main{padding-top:0;background:var(--collection-filter-surface)}.collection-filterbar .mobile-facets__details{border-bottom:.1rem solid var(--collection-filter-line)}.collection-filterbar .mobile-facets__details--sort{padding:1.8rem 2.2rem;background:#ffffff57}.collection-filterbar .mobile-facets__details--sort .mobile-facets__summary{padding:0}.collection-filterbar .mobile-facets__sort{display:grid;grid-template-columns:1fr;gap:.8rem}.collection-filterbar .mobile-facets__sort label{color:var(--collection-filter-accent-dark);font-size:1.25rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.collection-filterbar .mobile-facets__sort .select{width:100%}.collection-filterbar .mobile-facets__sort .select__select{width:100%;min-height:4.8rem;margin:0;padding:0 4rem 0 1.4rem;border:.1rem solid rgba(49,82,58,.34);border-radius:.9rem;background:#ffffffa3;color:var(--collection-filter-accent-dark);font-size:1.45rem}.collection-filterbar .mobile-facets__sort .select>.svg-wrapper{top:50%;right:1.4rem;transform:translateY(-50%);pointer-events:none}.collection-filterbar .mobile-facets__summary{min-height:5.8rem;padding:1.7rem 2.2rem;color:var(--collection-filter-accent-dark);font-size:1.5rem;font-weight:650}.collection-filterbar details>.mobile-facets__summary:hover{background:#4e735414}.collection-filterbar .mobile-facets__submenu{background:var(--collection-filter-surface)}.collection-filterbar .mobile-facets--compact .mobile-facets__inner{z-index:1;overflow:hidden}.collection-filterbar .mobile-facets--compact{background:transparent}.collection-filterbar .mobile-facets__wrapper--compact .disclosure-has-popup[open]>summary:before{display:none;content:none;pointer-events:none}.collection-filterbar .mobile-facets__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:rgba(var(--color-foreground),.5);cursor:default;opacity:0;pointer-events:auto;transition:opacity var(--duration-default) ease}.collection-filterbar details.menu-opening .mobile-facets__backdrop{opacity:1}.collection-filterbar .mobile-facets--compact .mobile-facets__main{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.collection-filterbar .mobile-facets--compact details:not([open])[data-mobile-facet-accordion]>.mobile-facets__submenu--inline{display:none}.collection-filterbar .mobile-facets--compact details[open][data-mobile-facet-accordion]>.mobile-facets__submenu--inline{position:static;inset:auto;z-index:auto;display:block;width:100%;transform:none;visibility:visible;transition:none}.collection-filterbar .mobile-facets--compact [data-mobile-facet-accordion][open]>.mobile-facets__summary{background:#4e735414}.collection-filterbar .mobile-facets--compact .mobile-facets__submenu--inline .mobile-facets__list{max-height:none;padding-block:.4rem .8rem;overflow:visible}.collection-filterbar .mobile-facets--compact .mobile-facets__and-helptext{margin:1.2rem 1.8rem .4rem;color:#31523ac7;font-size:1.25rem}.collection-filterbar .mobile-facets--compact .mobile-facets__submenu--inline .mobile-facets__info{margin-block:1.2rem}.collection-filterbar .mobile-facets--compact .mobile-facets__submenu--inline .facets__price{padding:0 2.2rem 1.8rem}.collection-filterbar .mobile-facets__label{min-height:4.8rem;align-items:center;padding:1.2rem 2.2rem;color:var(--collection-filter-accent-dark);font-size:1.45rem}.collection-filterbar .mobile-facets__label:hover,.collection-filterbar .mobile-facets__label.active{background:#4e73541a}.collection-filterbar .mobile-facets__footer{gap:1rem;padding:1.6rem 2.2rem max(1.6rem,env(safe-area-inset-bottom));border-top-color:var(--collection-filter-line);background:var(--collection-filter-surface)}.collection-filterbar .mobile-facets__footer>*+*{margin-left:0}.collection-filterbar .mobile-facets--compact .mobile-facets__footer .button{--color-button: 78, 115, 84;--color-button-text: 255, 250, 248;min-height:4.8rem;border:0;border-radius:1rem;background:var(--collection-filter-accent);box-shadow:none;color:#fffaf8}.collection-filterbar .mobile-facets--compact .mobile-facets__footer .button:before,.collection-filterbar .mobile-facets--compact .mobile-facets__footer .button:after{content:none;box-shadow:none}.collection-filterbar .mobile-facets--compact .mobile-facets__footer .button:not([disabled]):hover{background:var(--collection-filter-accent-dark);color:#fffaf8}.collection-filterbar .mobile-facets--compact .mobile-facets__footer .button:focus-visible{outline:.2rem solid var(--collection-filter-accent-dark);outline-offset:.2rem;box-shadow:none}.collection-filterbar .mobile-facets--compact .mobile-facets__footer .button:focus:not(:focus-visible){outline:0;box-shadow:none}.collection-filterbar .mobile-facets__clear{color:var(--collection-filter-accent-dark);font-weight:600;text-underline-offset:.3rem}.collection-filterbar .mobile-facets__footer>:only-child{width:100%}.collection-filterbar .mobile-facets__close:focus-visible,.collection-filterbar .mobile-facets__summary:focus-visible,.collection-filterbar .mobile-facets__label:focus-within,.collection-filterbar .active-facets__button:focus-visible .active-facets__button-inner,.collection-filterbar .active-facets__button-remove:focus-visible{outline:.2rem solid var(--collection-filter-accent-dark);outline-offset:.2rem}@media screen and (max-width:989px){.collection-filterbar .mobile-facets--compact{display:flex;align-items:flex-start;justify-content:flex-end;box-sizing:border-box;padding-block:max(1.2rem,env(safe-area-inset-top)) max(1.2rem,env(safe-area-inset-bottom))}.collection-filterbar .mobile-facets--compact .mobile-facets__inner{height:min(78dvh,64rem);max-height:calc(100dvh - 2.4rem);border-radius:1.6rem 0 0 1.6rem}.collection-filterbar .mobile-facets__wrapper--compact .mobile-facets__close{top:1rem;right:1rem}.collection-filterbar .mobile-facets--compact .mobile-facets__header{min-height:6.4rem;padding:1.3rem 5.6rem 1.3rem 1.8rem}.collection-filterbar .mobile-facets--compact .mobile-facets__heading{font-size:1.85rem}.collection-filterbar .mobile-facets--compact .mobile-facets__details--sort{padding:1.4rem 1.8rem}.collection-filterbar .mobile-facets--compact .mobile-facets__summary{min-height:5.2rem;padding:1.4rem 1.8rem}.collection-filterbar .mobile-facets--compact .mobile-facets__label{min-height:4.4rem;padding:1rem 1.8rem}.collection-filterbar .mobile-facets--compact .mobile-facets__footer{padding:1.2rem 1.8rem max(1.2rem,env(safe-area-inset-bottom))}}@media screen and (min-width:750px)and (max-width:989px){.collection-filterbar .mobile-facets--compact .mobile-facets__inner{width:min(34rem,calc(100vw - 4.8rem));max-width:34rem}}@media screen and (max-width:749px){.collection-filterbar{margin-bottom:1.2rem;padding-bottom:.8rem}.collection-filterbar .facets-container-drawer{align-items:center;justify-content:flex-end}.collection-filterbar .mobile-facets__open-wrapper{margin-left:auto}.collection-filterbar .mobile-facets:not(.mobile-facets--compact) .mobile-facets__inner{width:calc(100% - .8rem);border-radius:1.4rem 0 0 1.4rem}.collection-filterbar .mobile-facets--compact .mobile-facets__inner{width:min(75vw,32rem,calc(100vw - 4.8rem - env(safe-area-inset-left) - env(safe-area-inset-right)));max-width:32rem;margin-right:env(safe-area-inset-right)}.collection-filterbar .mobile-facets--compact .mobile-facets__sort .select,.collection-filterbar .mobile-facets--compact .mobile-facets__sort .select__select,.collection-filterbar .mobile-facets--compact .facets__price .field,.collection-filterbar .mobile-facets--compact .facets__price .field__input,.collection-filterbar .mobile-facets--compact .mobile-facets__footer>*{min-width:0}.collection-filterbar .mobile-facets--compact .facets__price .field+.field-currency{margin-left:.8rem}.collection-filterbar .mobile-facets--compact .mobile-facets__footer .button{min-width:0;padding-inline:1rem}.collection-filterbar .active-facets{margin-top:.6rem}.collection-filterbar .active-facets__button-inner{min-height:3.2rem;padding:.45rem .9rem;font-size:1.15rem}}@media screen and (max-width:359px){.collection-filterbar .mobile-facets--compact .mobile-facets__inner{width:min(84vw,27rem,calc(100vw - 2.4rem - env(safe-area-inset-left) - env(safe-area-inset-right)));max-width:27rem}}@media(prefers-reduced-motion:reduce){.collection-filterbar .mobile-facets__open-wrapper,.collection-filterbar .mobile-facets--compact .mobile-facets__inner,.collection-filterbar .mobile-facets__backdrop{transition:none}}@media(forced-colors:active){.collection-filterbar .mobile-facets__open-wrapper,.collection-filterbar .mobile-facets__active-count,.collection-filterbar .active-facets__button-inner,.collection-filterbar .mobile-facets__sort .select__select{border:.1rem solid ButtonText}.collection-filterbar .mobile-facets--compact .mobile-facets__footer .button{border:.1rem solid ButtonText;background:ButtonFace;color:ButtonText}.collection-filterbar .mobile-facets--compact .mobile-facets__footer .button:focus-visible{outline-color:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-collection-filterbar.css.map */