.hairtones-filters{display:flex;align-items:flex-start;justify-content:center;gap:40px;padding:28px 0 43px}.hairtones-filter-group{display:flex;flex-direction:column;gap:13px;min-width:0}.hairtones-filter-group:nth-child(1){margin-right:143px}.hairtones-filter-group__title{margin:0;font-family:Mont,sans-serif;font-size:16px;font-weight:600;font-style:normal;line-height:119%;text-transform:uppercase;color:rgb(var(--color-foreground));text-rendering:optimizeLegibility}.hairtones-filter-row{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.hairtones-filter-row::-webkit-scrollbar{display:none}.hairtones-filter-btn{background:none;border:none;padding:0;cursor:pointer;flex-shrink:0;outline:none}.hairtones-filter-circle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;overflow:hidden;outline:1px solid transparent;outline-offset:1px;transition:outline-color .15s ease,border-color .15s ease,box-shadow .5s ease-out;background-color:rgba(var(--color-foreground),.06)}.hairtones-filter-btn:hover .hairtones-filter-circle,.hairtones-filter-btn--active .hairtones-filter-circle{box-shadow:0 0 0 1px #fff,0 0 4px 2px #35353566;outline:1px solid white}.hairtones-filter-circle--all{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;font-weight:700;font-style:normal;line-height:100%;letter-spacing:0;text-align:center;text-transform:uppercase;color:rgb(var(--color-foreground));background:linear-gradient(#e8e8e887,#8484846e);background-clip:padding-box}.hairtones-filter-circle img{width:100%;height:100%;object-fit:cover;display:block}.hairtones-filter-color{display:block;width:100%;height:100%}.hairtones-empty-state{text-align:center;padding:60px 20px;width:100%}.hairtones-empty-state p{font-size:1.4rem;color:rgba(var(--color-foreground),.5)}@media screen and (max-width:989px){.hairtones-filters{gap:24px;padding:20px 12px 24px}.hairtones-filter-group__title{font-size:.9rem}.hairtones-filter-circle{width:34px;height:34px}}@media screen and (max-width:749px){.hairtones-filters{flex-direction:column;gap:17px;padding:10px 12px 24px}.hairtones-filter-group{gap:8px}.hairtones-filter-group{width:100%}.hairtones-filter-group__title{font-size:11px;font-weight:600;line-height:1.19;letter-spacing:0}.hairtones-filter-circle{width:15px;height:15px}.hairtones-filter-circle--all{font-size:.55rem}.hairtones-filter-row{gap:3px}}#product-grid.grid--2-col-tablet-down .grid__item{width:100%;max-width:100%;min-width:0}
/*# sourceMappingURL=/cdn/shop/t/34/assets/component-hairtones-filters.css.map */