.collection-filter-bar__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:1.2rem 2rem}.collection-filter-bar__row--split{justify-content:space-between}.collection-filter-bar__left--desktop{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem 2rem;position:relative}.collection-filter-bar__mobile-filters-btn{display:none;align-items:center;gap:.45rem;margin:0;padding:.5rem 0;border:none;background:none;font-family:inherit;font-size:1.5rem;font-weight:500;color:rgb(var(--color-foreground));letter-spacing:.02em;cursor:pointer}.collection-filter-bar__stub{font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));letter-spacing:.02em}.collection-filter-bar__stub:after{content:" \2304";display:inline-block;margin-left:.15em;font-size:.85em;opacity:.55;transform:translateY(-.05em)}.collection-filter-bar__menu{position:relative}.collection-filter-bar__trigger{display:inline-flex;align-items:center;gap:.45rem;margin:0;padding:0;border:none;background:none;font-family:inherit;font-size:1.5rem;font-weight:700;color:rgb(var(--color-foreground));letter-spacing:.02em;cursor:pointer}.collection-filter-bar__trigger-caret{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.2rem;height:1.2rem;color:rgb(var(--color-foreground));transition:transform .2s ease}.collection-filter-bar__trigger-caret svg{display:block;width:100%;height:100%}.collection-filter-bar__trigger.is-open .collection-filter-bar__trigger-caret,.collection-filter-bar__mobile-filters-btn[aria-expanded=true] .collection-filter-bar__trigger-caret{transform:rotate(180deg)}.collection-filter-bar__panel{position:absolute;z-index:50;top:calc(100% + .8rem);left:0;min-width:min(32rem,calc(100vw - 3rem));background:rgb(var(--color-background));border:.1rem solid rgb(var(--color-foreground));border-radius:2rem;box-shadow:0 .4rem 1.6rem rgba(var(--color-foreground),.08)}.collection-filter-bar__panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1.5rem 2rem 1rem;border-bottom:1px solid black}.collection-filter-bar__selected-count,.collection-filter-bar__drawer-count{font-size:1.75rem;font-weight:500;color:rgb(var(--color-foreground))}.collection-filter-bar__reset,.collection-filter-bar__drawer-reset{margin:0;padding:0;border:none;background:none;font-family:inherit;font-size:1.25rem;font-weight:400;letter-spacing:.04em;text-decoration:underline;text-underline-offset:.2em;color:rgb(var(--color-foreground));cursor:pointer}.collection-filter-bar__options{list-style:none;margin:0;padding:.5rem 1.5rem 2rem;display:flex;flex-direction:column;gap:1rem}.collection-filter-bar__option{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}.collection-filter-bar__option-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:1.25rem;font-weight:600;color:rgb(var(--color-foreground))}.collection-filter-bar__option-shape-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.45rem;height:1.45rem;margin-left:.35rem;color:rgb(var(--color-foreground))}.collection-filter-bar__option-shape-icon .icon{display:block;width:100%;height:100%}.collection-filter-bar__option-shape-icon svg{width:100%;height:100%}.collection-filter-bar__checkbox{width:1.6rem;height:1.6rem;flex-shrink:0;accent-color:rgb(var(--color-foreground))}.collection-filter-bar__option-badge{display:inline-block;padding:.25rem 1.25rem;font-size:1rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;border-radius:10rem;line-height:1.2;border:1px solid black}.collection-filter-bar__option-badge--outline{color:rgba(var(--color-foreground),.65);background-color:transparent;border:.1rem solid rgba(var(--color-foreground),.35);font-weight:600}.collection-filter-bar__drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;pointer-events:none}.collection-filter-bar__drawer.is-open{pointer-events:auto}.collection-filter-bar__drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.35);opacity:0;transition:opacity .25s ease}.collection-filter-bar__drawer.is-open .collection-filter-bar__drawer-backdrop{opacity:1}.collection-filter-bar__drawer-panel{position:absolute;top:0;left:0;bottom:0;width:min(36rem,92vw);max-width:100%;background:#fff9f6;box-shadow:.4rem 0 2.4rem rgba(var(--color-foreground),.12);display:flex;flex-direction:column;transform:translate3d(-100%,0,0);transition:transform .3s cubic-bezier(.4,0,.2,1);outline:none}.collection-filter-bar__drawer.is-open .collection-filter-bar__drawer-panel{transform:translateZ(0)}.collection-filter-bar__drawer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#d9d9d9;padding:1.6rem 1.75rem 1.2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1);flex-shrink:0;margin-top:6rem}.collection-filter-bar__drawer-title{margin:0;font-size:1.8rem;font-weight:500;color:rgb(var(--color-foreground))}.collection-filter-bar__drawer-close{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;margin:0;padding:0;border:none;background:transparent;font-size:3.3rem;line-height:1;color:rgb(var(--color-foreground));cursor:pointer;border-radius:.4rem}.collection-filter-bar__drawer-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.75rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08);flex-shrink:0}.collection-filter-bar__drawer-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.collection-filter-bar__accordion{border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.collection-filter-bar__accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:1.75rem 2.5rem 1.75rem 1.6rem;border:none;background:none;font-family:inherit;font-size:1.75rem;font-weight:500;text-align:left;color:rgb(var(--color-foreground));cursor:pointer}.collection-filter-bar__accordion-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.4rem;height:2.4rem;color:rgb(var(--color-foreground));transform:rotate(0);transform-origin:center center;transition:transform .2s ease}.collection-filter-bar__accordion-icon svg{display:block;width:100%;height:100%}.collection-filter-bar__accordion-trigger.is-open .collection-filter-bar__accordion-icon{transform:rotate(-90deg)}.collection-filter-bar__accordion-panel{padding:0 1.6rem 1.4rem}.collection-filter-bar__accordion-panel[hidden]{display:none!important}.collection-filter-bar__segment{display:inline-flex;align-items:center;flex-wrap:wrap;padding:.35rem;gap:.2rem;background-color:rgba(var(--color-foreground),.08);border-radius:10rem}.collection-filter-bar__pill{-webkit-appearance:none;appearance:none;margin:0;border:none;background:transparent;color:rgb(var(--color-foreground));font-family:inherit;font-size:1.4rem;font-weight:500;line-height:1.2;padding:.55rem 1.35rem;border-radius:10rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.collection-filter-bar__pill.is-active{background-color:#cfefff;color:rgb(var(--color-foreground))}.collection-filter-bar__pill:focus-visible,.collection-filter-bar__trigger:focus-visible,.collection-filter-bar__reset:focus-visible,.collection-filter-bar__drawer-reset:focus-visible,.collection-filter-bar__drawer-close:focus-visible,.collection-filter-bar__accordion-trigger:focus-visible,.collection-filter-bar__mobile-filters-btn:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.35);outline-offset:.2rem}.collection-filter-bar__empty{margin:1.2rem 0 0;text-align:center;font-size:1.4rem}.collection-filter-bar .hidden,.collection-filter-bar-hidden{display:none!important}html.collection-filter-bar-drawer-open{overflow:hidden}@media screen and (max-width:749px){.collection-filter-bar__left--desktop{display:none!important}.collection-filter-bar__mobile-filters-btn{display:inline-flex}.collection-filter-bar__row--split{justify-content:space-between}.collection-filter-bar__row{flex-wrap:nowrap;gap:.8rem 1rem}.collection-filter-bar__segment{flex-shrink:0;margin-left:auto}.collection-filter-bar__pill{font-size:1.2rem;padding:.5rem .9rem}.collection-filter-bar__options{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/114/assets/component-collection-filter-bar.css.map */