.collection-filter-bar{position:sticky;top:var(--header-visible-height, var(--header-height, 56px));z-index:6;width:100%;background-color:rgb(var(--color-armada-white));padding-bottom:var(--space-6);transition:top .15s ease-out}@media(min-width:990px){.collection-filter-bar{padding-left:0;padding-right:0}}.collection-filter-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-5) 0 0 0;max-width:100%;margin:0 auto}@media screen and (max-width:749px){.collection-filter-bar__inner{padding-inline:var(--space-7)}}@media(min-width:750px){.collection-filter-bar__inner{padding-inline:var(--space-6)}}@media(min-width:990px){.collection-filter-bar__inner{max-width:none}}.collection-filter-bar__left{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0;overflow:hidden}.collection-filter-bar__filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:4rem;padding:0 var(--space-4);background-color:rgb(var(--color-armada-white));border:1px solid rgb(var(--color-armada-light-grey));border-radius:2px;font-family:var(--font-body-family);font-size:var(--size-body-m);font-weight:500;line-height:1.4;color:rgb(var(--color-armada-black));cursor:pointer;white-space:nowrap;transition:border-color .2s ease;flex-shrink:0}.collection-filter-bar__filter-btn:hover{background-color:rgb(var(--color-armada-dust));border-color:rgb(var(--color-armada-black))}.collection-filter-bar__filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 var(--space-1);background-color:rgb(var(--color-armada-black));color:rgb(var(--color-armada-white));font-family:var(--font-body-family);font-size:var(--size-body-xs);font-weight:500;line-height:1;border-radius:2px}.collection-filter-bar__tags{display:flex;align-items:center;gap:var(--space-3);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;text-transform:none}.collection-filter-bar__tags::-webkit-scrollbar{display:none}.collection-filter-bar__tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:2px;font-family:var(--font-body-family);font-size:var(--size-body-s);font-weight:400;line-height:1.4;color:rgb(var(--color-armada-dark-grey));text-decoration:none;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.collection-filter-bar__tag:hover{background-color:rgb(var(--color-armada-white))}.collection-filter-bar__tag-remove{width:1.4rem;height:1.4rem;flex-shrink:0;color:rgb(var(--color-armada-dark-grey))}.collection-filter-bar__tag-remove path{stroke-width:1}.collection-filter-bar__tag:hover .collection-filter-bar__tag-remove{color:rgb(var(--color-armada-black))}.collection-filter-bar__right{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.collection-filter-bar__penguin{display:inline-flex;align-items:center;justify-content:center;height:4rem;padding:var(--space-0) var(--space-4);background-color:rgb(var(--color-armada-white));border:1px solid rgb(var(--color-armada-light-grey));border-radius:2px;cursor:pointer;color:rgb(var(--color-armada-med-grey));transition:border-color .2s ease,color .2s ease;flex-shrink:0}.collection-filter-bar__penguin:hover{background-color:rgb(var(--color-armada-dust));border-color:rgb(var(--color-armada-black))}.collection-filter-bar__penguin.is-active{color:rgb(var(--color-armada-night-grey))}.collection-filter-bar__penguin svg{width:2.4rem;height:3.2rem}.collection-filter-bar__sort-btn{display:inline-flex;align-items:center;gap:var(--space-3);height:4rem;padding:0 var(--space-4);background-color:rgb(var(--color-armada-white));border:1px solid rgb(var(--color-armada-light-grey));border-radius:2px;font-family:var(--font-body-family);font-size:var(--size-body-m);font-weight:500;line-height:1.4;color:rgb(var(--color-armada-black));cursor:pointer;white-space:nowrap;transition:border-color .2s ease}.collection-filter-bar__sort-btn:hover{background-color:rgb(var(--color-armada-dust));border-color:rgb(var(--color-armada-black))}.collection-filter-bar__sort-caret{width:1.8rem;height:1.8rem;flex-shrink:0;transition:transform .2s ease}@media screen and (max-width:989px){.collection-filter-bar__tags{display:none}.collection-filter-bar__filter-btn,.collection-filter-bar__sort-btn{font-size:var(--size-body-s);height:3.75rem;padding:0 var(--space-4)}.collection-filter-bar__penguin{height:3.75rem}}.collection-filter-bar__filter-btn:focus-visible,.collection-filter-bar__penguin:focus-visible,.collection-filter-bar__sort-btn:focus-visible,.collection-filter-bar__tag:focus-visible{outline:2px solid rgb(var(--color-armada-black));outline-offset:2px}@media(prefers-reduced-motion:reduce){.collection-filter-bar__filter-btn,.collection-filter-bar__tag,.collection-filter-bar__penguin,.collection-filter-bar__sort-btn,.collection-filter-bar__sort-caret,.collection-filter-bar__tag-remove,.collection-filter-bar__sort-list{transition:none;animation:none}}.collection-filter-bar__sort{position:relative}.collection-filter-bar__sort-list{position:absolute;top:calc(100% + 4px);right:0;width:max-content;min-width:20rem;max-width:calc(100vw - 2 * var(--space-7));background-color:rgb(var(--color-armada-white));border:1px solid rgb(var(--color-armada-light-grey));border-radius:2px;list-style:none;margin:0;padding:var(--space-2) 0;z-index:30;box-shadow:0 4px 16px rgb(var(--color-armada-black) / .08);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}.collection-filter-bar__sort.is-open .collection-filter-bar__sort-list{opacity:1;pointer-events:auto;transform:translateY(0)}.collection-filter-bar__sort.is-open .collection-filter-bar__sort-caret{transform:rotate(180deg)}.collection-filter-bar__sort-option{display:flex;align-items:center;gap:var(--space-3);white-space:nowrap;padding:var(--space-3) var(--space-5);font-family:var(--font-body-family);font-size:var(--size-body-m);font-weight:400;line-height:1.5;color:rgb(var(--color-armada-black));cursor:pointer;transition:background-color .15s ease}.collection-filter-bar__sort-option:hover,.collection-filter-bar__sort-option:focus{background-color:rgb(var(--color-armada-dust));outline:none}.collection-filter-bar__sort-option.is-selected{font-weight:600;color:rgb(var(--color-armada-black))}.collection-filter-bar__sort-option.is-selected:after{content:"";flex:none;width:6px;height:6px;border-radius:50%;background-color:rgb(var(--color-armada-black))}.collection-filter-bar__filter-btn[aria-expanded=true]{background-color:rgb(var(--color-armada-black));color:rgb(var(--color-armada-white))}.collection-filter-bar__filter-btn[aria-expanded=true] .collection-filter-bar__filter-count{background-color:rgb(var(--color-armada-white));color:rgb(var(--color-armada-black))}
/*# sourceMappingURL=/cdn/shop/t/21/assets/collection-filter-bar.css.map */