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