.filter-row{flex-wrap:nowrap;align-items:stretch;gap:.1rem;margin-bottom:.1rem;display:flex}.filter-option-active{background:var(--secondary-color);color:var(--primary-color)}.filter-option:hover{opacity:.85}input.filter-label-input{background:var(--primary-color);width:100%;color:var(--secondary-color);border-radius:.5rem;flex-shrink:0;min-width:8.4rem;margin:0;padding:.2rem;font-size:.8em}.filter-container{letter-spacing:clamp(0rem,.1vw,.1rem);flex-direction:column;gap:.4rem;display:flex}.filter-criteria{flex-direction:column;display:flex}.filter-label{justify-content:end;align-items:center;width:auto;min-width:8rem;padding:.2rem;font-size:.6em;font-weight:700;display:flex}.filter-content{flex-direction:row;gap:.1rem;width:100%;display:flex}.filter-option{border:.1rem solid var(--action-color);cursor:pointer;text-align:center;color:var(--secondary-color);letter-spacing:normal;border-radius:.5rem;flex:1;justify-content:center;align-items:center;padding:.1rem;font-size:.8em;line-height:1em;transition:background-color 1s;display:flex}.filter-criteria .filter-option{background:var(--action-gradient);border-radius:8px}.filter-criteria .filter-option-active{background:var(--secondary-gradient);color:var(--primary-color)}input.filter-label-input{max-width:3rem;margin:0;padding:0;font-size:.7em}.filter-option-active{background-color:var(--secondary-color);color:var(--primary-color)}.filter-option:hover{color:var(--secondary-color);border-color:var(--secondary-color);background:var(--action-gradient)}@media only screen and (width<=767px){.filter-row{flex-direction:column}.filter-label{justify-content:start}}