.section-collection-filter-buttons{position:sticky;top:0;z-index:20;background:rgb(var(--bg-color));transition:top .3s ease}.collection-filter-buttons{display:block;--filter-radius: var(--input-border-radius, .8rem);--filter-bg: rgb(var(--bg-color));--filter-border: rgb(var(--text-color) / .65)}.filter-buttons__row{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.filter-buttons__item{position:relative;flex:1;min-width:0}.filter-buttons__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.1rem 1.6rem;border:var(--input-border-width, 1px) solid var(--filter-border);border-radius:var(--filter-radius);background:var(--filter-bg);cursor:pointer;font-size:1.4rem;font-family:inherit;color:rgb(var(--text-color));font-weight:700;transition:border-color .2s ease;gap:.8rem;white-space:nowrap;line-height:1.2}.filter-buttons__trigger:hover,.filter-buttons__trigger--active,.filter-buttons__trigger[aria-expanded=true]{border-color:rgb(var(--text-color))}.filter-buttons__label{display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis}.filter-buttons__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 .3rem;border-radius:10rem;background:rgb(var(--text-color));color:rgb(var(--bg-color));font-size:1rem;font-weight:600;line-height:1}.filter-buttons__caret{width:1.2rem;height:1.2rem;flex-shrink:0;transition:transform .2s ease}.filter-buttons__trigger[aria-expanded=true] .filter-buttons__caret{transform:rotate(180deg)}.filter-buttons__dropdown{position:absolute;top:calc(100% + .8rem);left:0;min-width:100%;max-width:min(40rem,90vw);max-height:30rem;overflow-y:auto;padding:1.6rem;background:rgb(var(--bg-color));border:var(--input-border-width, 1px) solid rgb(var(--text-color) / .2);border-radius:var(--input-border-radius, .8rem);box-shadow:0 5px 10px #00000026;z-index:10;opacity:0;transform:translateY(-.8rem);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.filter-buttons__dropdown--open{opacity:1;transform:translateY(0);pointer-events:auto}.filter-buttons__options{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none}.filter-buttons__option{list-style:none}.filter-buttons__option--disabled{opacity:.35;pointer-events:none}.filter-buttons__option-label{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;border:1px solid rgb(var(--text-color) / .15);border-radius:9999px;background:var(--filter-bg);cursor:pointer;font-size:1.3rem;color:rgb(var(--text-color) / .8);transition:border-color .2s ease,background-color .2s ease;white-space:nowrap}.filter-buttons__option-label:hover{border-color:rgb(var(--text-color) / .5)}.filter-buttons__option-label--active{border-color:rgb(var(--text-color));border-width:1.5px;background:var(--filter-bg);font-weight:600;color:rgb(var(--text-color))}.filter-buttons__option-count{font-size:1.1rem;color:rgb(var(--text-color) / .4)}.filter-buttons__help-link{display:block;margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgb(var(--text-color) / .08);font-size:1.2rem;color:rgb(var(--text-color) / .5);text-decoration:underline;text-underline-offset:.3rem}.filter-buttons__help-link:hover{color:rgb(var(--text-color) / .8)}@media screen and (max-width:768.98px){.filter-buttons__row{flex-wrap:wrap;gap:.8rem}.filter-buttons__item{flex:0 0 calc(50% - .4rem);min-width:0}.filter-buttons__dropdown{left:auto;right:0;min-width:0;max-width:none;width:calc(200% + .8rem)}.filter-buttons__item:nth-child(odd) .filter-buttons__dropdown{left:0;right:auto}.filter-buttons__trigger{padding:1rem 1.2rem;font-size:1.3rem}.filter-buttons__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/collection-filter-buttons.css.map */