.at-symbol:after{content:"@"}.filter-box-container{opacity:1;--filter-box-container-spacing:1.25rem}.filter-box-container__filter-row{display:flex;flex-wrap:wrap;gap:var(--filter-box-container-spacing);min-height:28px}.filter-box-container__grid{margin-top:var(--filter-box-container-spacing);display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;gap:var(--filter-box-container-spacing);grid-auto-flow:row}.filter-box-container .filter-box{transition:opacity .2s}.filter-box-container .filter-box:not(.active){opacity:.2}.filter-box-filter{transition:opacity .15s ease}.filter-box-filter__label{display:block;position:relative;padding:.5rem .6rem .45rem;cursor:pointer;font-size:.8rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--shade-contrast-50);background-color:var(--shade-color-50);border-radius:4px;transition:background-color .5s ease,color .5s ease}.filter-box-filter.focused>.filter-box-filter__label,.filter-box-filter__label:hover{color:var(--shade-contrast-200);background-color:var(--shade-color-200)}.filter-box-filter.disabled:not(.active){opacity:.75}.filter-box-filter.disabled:not(.active) .filter-box-filter__label{color:var(--shade-contrast-50);background-color:var(--shade-color-50)}.filter-box-filter:not(.disabled):focus-visible .filter-box-filter__label{outline:1px solid var(--shade-color-900);outline-offset:2px}.filter-box-filter:not(.disabled).active .filter-box-filter__label{background-color:var(--shade-color);color:var(--shade-contrast)}.filter-box-filter:not(.disabled).active .filter-box-filter__label:hover{background-color:var(--shade-color-900);color:var(--shade-contrast-900)}@media(min-width:481px){.filter-box-container__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:769px){.filter-box-container__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1261px){.filter-box-container__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:768px){.filter-box-container .filter-box.active{order:-1}}