.arrow-button:before,.arrow-button:after{content:"";background-color:var(--tds-color-neutrals-gray);width:8px;height:2px;transition:transform .2s;position:absolute;right:5px}.arrow-button:before{top:50%;transform:translateY(-50%)rotate(45deg)}.arrow-button:after{top:50%;right:0%;transform:translateY(-50%)rotate(-45deg)}.arrow-button.open:before{transform:translateY(-50%)rotate(-45deg)}.arrow-button.open:after{transform:translateY(-50%)rotate(45deg)}.filter-buttons-container{position:relative}.filter-buttons-container button{color:inherit;background-color:inherit;cursor:pointer;font-family:var(--font-alegreya-sans-light),sans-serif;text-underline-offset:4px;border:none;padding-right:20px;font-size:18px;text-decoration-color:#0000;transition:color .3s,text-decoration-color .3s,outline-offset .3s;position:relative}.filter-buttons-container button:hover{text-decoration:underline}.filter-buttons-container .dropdown{z-index:1;background-color:var(--background-color);border:1px solid var(--tds-color-neutrals-gray);border-radius:20px;min-width:220px;margin-top:6px;padding:24px 32px;font-size:18px;position:absolute;right:0}.filter-buttons-container .dropdown .dropdown-option{text-align:start;cursor:pointer;margin-bottom:8px;padding:5px 0;line-height:20px;display:block}.filter-buttons-container .dropdown .dropdown-option.selected{color:var(--tds-color-primary-base);font-weight:600}
.filter-container{flex-wrap:wrap;justify-content:space-between;margin-bottom:10px;display:flex}.filter-container .filter-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-container .filter-buttons input{clip-path:rect(0 0 0 0);width:1px;height:1px;margin:0;position:absolute}.filter-container .filter-buttons span{color:var(--tds-color-filter-button-border);font-size:18px;font-weight:500}.filter-container .filter-buttons span:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.filter-container .filter-buttons .filter-button{border:1px solid var(--tds-color-filter-button-border);cursor:pointer;background-color:#0000;border-radius:60px;padding:10px 36px;font-weight:600;display:block}@media screen and (max-width:496px){.filter-container .filter-buttons .filter-button{padding:8px 30px;font-size:16px}}.filter-container .filter-buttons .filter-button.active{background-color:var(--tds-color-filter-button-bg);color:var(--tds-color-neutrals-white)}.filter-container .filter-buttons .filter-button.active:hover{color:var(--tds-color-filter-button-border)}.filter-container .filter-buttons .filter-button:hover{background-color:var(--tds-color-filter-button-hover-bg)}