.filter{--fh:46px;--mw:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;width:var(--mw);height:var(--fh);background-color:#fff;border-radius:2em;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}@media(min-width:768px){.filter{--mw:300px}}.filter:after{content:"";position:absolute;pointer-events:none;border-radius:inherit;inset:0;border:1px solid #522f8b}.filter--expanded .filter__btn-clear,.filter--expanded .filter__btn-expand,.filter--expanded .filter__label{z-index:30}.filter--expanded .filter__options{max-height:340px;z-index:20}.filter:focus-within{-webkit-box-shadow:0 0 12px 1px rgba(128,0,128,.25);box-shadow:0 0 12px 1px rgba(128,0,128,.25)}.filter:focus-within .filter__label,.filter__label:hover{background-color:#f0f0f0}[aria-expanded=true]~.filter__btn-expand svg{-webkit-transform:translate3d(-50%,-50%,0) rotate(180deg);transform:translate3d(-50%,-50%,0) rotate(180deg)}.filter__label{position:absolute;inset:.35rem;text-indent:1rem;text-align:left;border-radius:1rem;-webkit-box-shadow:none;box-shadow:none;background:none;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;outline:none;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.filter__btn-clear{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;top:calc(50% - 8px);right:40px;height:16px;aspect-ratio:1/1;text-align:center;cursor:pointer;border-radius:9em}.filter__btn-clear>*{position:relative;top:-.3rem;font-size:24px;line-height:1;margin:auto}.filter__btn-clear:focus-visible{outline:2px dashed currentColor}.filter__btn-expand{-ms-flex-preferred-size:20px;flex-basis:20px;-ms-flex-item-align:center;align-self:center;margin-right:.25em;margin-left:auto;cursor:pointer}.filter__btn-expand .link{padding-top:0}.filter__btn-clear,.filter__btn-expand,.filter__label{z-index:15}.filter__options{overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;-ms-flex-preferred-size:100%;flex-basis:100%;max-height:0;left:0;right:0;top:calc(var(--fh)*0.5);padding:calc(var(--fh)*0.25 - 1px) 15px;z-index:10;background:#fff;border-left:1px solid #522f8b;border-right:1px solid #522f8b;border-bottom:1px solid #522f8b;border-bottom-left-radius:20px;border-bottom-right-radius:20px;-webkit-transition:max-height .5s var(--timing);transition:max-height .5s var(--timing)}.filter__options>:first-child{margin-top:15px}.filter__options>:last-child{margin-bottom:5px}.filter--expanded .filter__option{opacity:1;-webkit-transition:opacity .2s;transition:opacity .2s}.filter--expanded .filter__option:first-of-type{-webkit-transition-duration:.1s;transition-duration:.1s}.filter--expanded .filter__option:nth-of-type(2){-webkit-transition-duration:.2s;transition-duration:.2s}.filter--expanded .filter__option:nth-of-type(3){-webkit-transition-duration:.3s;transition-duration:.3s}.filter--expanded .filter__option:nth-of-type(4){-webkit-transition-duration:.4s;transition-duration:.4s}.filter--expanded .filter__option:nth-of-type(5){-webkit-transition-duration:.5s;transition-duration:.5s}.filter--expanded .filter__option:nth-of-type(6){-webkit-transition-duration:.6s;transition-duration:.6s}.filter--expanded .filter__option:nth-of-type(7){-webkit-transition-duration:.7s;transition-duration:.7s}.filter--expanded .filter__option:nth-of-type(8){-webkit-transition-duration:.8s;transition-duration:.8s}.filter--expanded .filter__option:nth-of-type(9){-webkit-transition-duration:.9s;transition-duration:.9s}.filter--expanded .filter__option:nth-of-type(10){-webkit-transition-duration:1s;transition-duration:1s}.filter--expanded .filter__option:nth-of-type(11){-webkit-transition-duration:1.1s;transition-duration:1.1s}.filter--expanded .filter__option:nth-of-type(12){-webkit-transition-duration:1.2s;transition-duration:1.2s}.filter--expanded .filter__option:nth-of-type(13){-webkit-transition-duration:1.3s;transition-duration:1.3s}.filter--expanded .filter__option:nth-of-type(14){-webkit-transition-duration:1.4s;transition-duration:1.4s}.filter--expanded .filter__option:nth-of-type(15){-webkit-transition-duration:1.5s;transition-duration:1.5s}.filter--expanded .filter__option:nth-of-type(16){-webkit-transition-duration:1.6s;transition-duration:1.6s}.filter--expanded .filter__option:nth-of-type(17){-webkit-transition-duration:1.7s;transition-duration:1.7s}.filter--expanded .filter__option:nth-of-type(18){-webkit-transition-duration:1.8s;transition-duration:1.8s}.filter--expanded .filter__option:nth-of-type(19){-webkit-transition-duration:1.9s;transition-duration:1.9s}.filter--expanded .filter__option:nth-of-type(20){-webkit-transition-duration:2s;transition-duration:2s}.filter__option{opacity:0;cursor:pointer}.filter__option:hover,.filter__option[aria-selected=true]{color:var(--purple)}.filter__option:hover .filter__color-label,.filter__option[aria-selected=true] .filter__color-label{width:10px}.filter__option:focus-visible{outline:2px dashed currentColor;outline-offset:.1rem}.filter__option .filter__color-label{border-radius:9em;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:width .2s;transition:width .2s;-webkit-transform-origin:left;transform-origin:left;display:inline-block;width:3px;height:10px;margin-right:10px}