.filter-section-inline{display:flex;align-items:center;gap:6px}.filter-label{font-size:11px;line-height:12px;font-weight:500;color:#1a1a1a;margin:0;flex-shrink:0;white-space:nowrap}.filter-buttons{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;flex:1;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding-bottom:2px;min-width:0}.filter-buttons::-webkit-scrollbar{display:none}@media(max-height:680px){.filter-label{display:none}.filter-section-inline{gap:0}}.filter-btn{width:60px;min-width:60px;height:40px;padding:2px;border:1px solid #E4E4E4;border-radius:8px;background:#fff;color:#1a1a1a;font-size:9px;font-weight:400;line-height:10px;opacity:1;cursor:pointer;transition:all 0s ease;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;flex-shrink:0;flex-grow:0;flex-basis:auto}.filter-btn-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%}.filter-btn-icon{display:flex;align-items:center;justify-content:center;height:12px;width:100%}.filter-btn-icon svg{height:12px;width:auto;max-width:50px;max-height:100%}.filter-btn-text{font-size:8px;line-height:10px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-btn[data-filter*=selected] .filter-btn-icon svg{height:13px!important;width:13px!important;max-width:13px}.filter-btn-wrapper{padding:2px;border-radius:10px;transition:all 0s ease}.filter-btn-wrapper.active{background:#fcdc37;padding:2px}.filter-btn.active{border:1px solid #8C8C8C;background:#fff;color:#1a1a1a;opacity:1}.filter-btn:hover:not(.active){background:#fff}@media(max-width:768px){.filter-btn:hover:not(.active){background:#fff}}.filter-row-nav{position:relative;width:100%}.filter-row-nav .filter-buttons{width:100%;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:4px}.filter-row-nav .filter-buttons::-webkit-scrollbar{display:none}.filter-row-nav .filter-btn-wrapper{flex-shrink:0}.filter-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;border:1px solid #333;background:#fffffff2;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;transition:background-color 0s ease,color 0s ease,transform 0s ease,opacity 0s ease;padding:0;z-index:10;box-shadow:0 1px 3px #00000026}.filter-nav-arrow--left{left:0}.filter-nav-arrow--right{right:0}.filter-nav-arrow:hover{background:#fff;color:#000;box-shadow:0 2px 5px #0003}.filter-nav-arrow:active{transform:translateY(-50%) scale(.95)}.filter-nav-arrow svg{width:12px;height:12px;pointer-events:none}.filter-nav-arrow--hidden{opacity:0;pointer-events:none}.filter-row-nav--pristine .filter-btn-wrapper.edge-dimmed{opacity:.5;transition:opacity 0s ease}@media(max-width:768px){.filter-nav-arrow{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/160/assets/filter-buttons.css.map */