.collection-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding-top:2rem;padding-bottom:2rem}.collection-filter-bar__row{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none}.collection-filter-bar__row li{display:flex}.collection-filter-bar__button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:4.8rem;height:4.8rem;padding:0;background:#000;border:.5px solid #fff;border-radius:8px;color:#fff;text-decoration:none;transition:box-shadow var(--duration-short) ease}.collection-filter-bar__button--text{padding:0 1.6rem;font-size:1.4rem;letter-spacing:.1rem;text-transform:uppercase}.collection-filter-bar__button img{display:block;width:32px;height:32px}.collection-filter-bar__button:hover{box-shadow:0 0 0 2px #000}.collection-filter-bar__button.is-active{box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.collection-filter-bar__button--disabled{opacity:.35;cursor:default}.collection-filter-bar__top{display:flex;flex-wrap:nowrap;align-items:center;gap:1rem;width:100%}.collection-filter-bar__top .collection-filter-bar__row{flex-shrink:0}.collection-filter-bar__sort{position:relative;margin-left:auto;flex:0 1 20rem;min-width:0}.collection-filter-bar__sort-button,.collection-filter-bar__sort-item{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;height:4.8rem;padding:0 1.6rem;background:#000;color:#fff;border:.5px solid #fff;border-radius:8px;font-size:1.4rem;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;cursor:pointer;list-style:none}.collection-filter-bar__sort-button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-filter-bar__sort-button::-webkit-details-marker{display:none}.collection-filter-bar__sort-button .icon-caret{width:1.2rem;height:1.2rem;color:#fff;flex-shrink:0}.collection-filter-bar__sort[open] .icon-caret{transform:rotate(180deg)}.collection-filter-bar__sort-list{position:absolute;top:calc(100% + .6rem);right:0;left:0;z-index:5;display:flex;flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none}.collection-filter-bar__sort-item:hover{box-shadow:0 0 0 2px #000}.collection-filter-bar__sort-item.is-active{box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.collection-filter-bar__row--metal .collection-filter-bar__button--text{width:4.8rem;min-width:4.8rem;padding:0;letter-spacing:.05rem}.collection-filter-bar__row--words .collection-filter-bar__button--text{width:auto;min-width:4.8rem;padding:0 1.6rem}@media screen and (max-width:749px){.collection-filter-bar__top .collection-filter-bar__row{gap:.6rem}.collection-filter-bar__top .collection-filter-bar__button{min-width:4rem;height:4rem}.collection-filter-bar__row--metal{gap:.6rem}.collection-filter-bar__row--metal .collection-filter-bar__button--text{width:4rem;min-width:4rem;height:4rem}.collection-filter-bar__row--words .collection-filter-bar__button--text{width:auto;min-width:4rem;padding:0 1.2rem}.collection-filter-bar__sort-button,.collection-filter-bar__sort-item{height:4rem;padding:0 1rem;font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-collection-filter-bar.css.map */