@keyframes wiggle{0%{transform:rotate(90deg)}10%{transform:rotate(94deg)}25%{transform:rotate(86deg)}40%{transform:rotate(94deg)}50%{transform:roate(88deg)}55%,100%{transform:rotate(90deg)}}search-filter{--font-colour: #FFFFFF;--heading-colour: #FFFFFF;display:grid;grid-gap:calc(var(--gap)*2);align-content:start;height:100vh;padding:var(--gap-y) calc(var(--gap)*2) 0;background:#131f6b;overflow-y:auto}search-filter h2{text-transform:uppercase;padding-bottom:5px;font-size:1.5em}search-filter .control h3{font-size:1.25em;line-height:1.3;font-weight:500}search-filter .control{display:grid;grid-gap:var(--gap);margin-bottom:var(--gap)}search-filter .control.categories{transition:opacity var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}search-filter .control.categories h3{margin-bottom:var(--gap)}search-filter .control.disabled{display:none}search-filter details{--content-gap: 1.5rem;padding-bottom:var(--gap);margin-bottom:var(--gap)}search-filter details:not([hidden]) .content{display:flex}search-filter details:not([open]) summary svg.plus{display:block}search-filter details:not([open]) summary svg.minus{display:none}search-filter details summary{display:flex;align-items:center;color:#df3035;text-transform:uppercase;color:#fff;justify-content:space-between;transition:color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, ),background-color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}search-filter details summary svg{width:10px;height:10px;stroke:#969695;stroke-width:1.6em;transition:stroke var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}search-filter details summary svg.plus{display:none}search-filter details summary svg.minus{display:block}search-filter details ul{flex-wrap:wrap;position:relative;margin-top:var(--gap);display:flex;grid-gap:var(--gap)}search-filter .open-trigger{display:flex;align-items:center;text-transform:uppercase;position:absolute;top:0;padding:.7rem 2rem .7rem 3rem;height:39px;background:#df3035;color:#fff;transform:translate(0, -0.5px) translateX(-100%) translateY(-100%) rotate(-90deg);transform-origin:bottom right;clip-path:polygon(0% 100%, 15px 0%, 100% 0%, 100% 100%);left:0}search-filter .open-trigger svg{width:20px;height:20px;fill:#fff;transform:rotate(90deg);margin-left:2rem}@media(hover: hover){search-filter .open-trigger:hover svg{animation:wiggle 2.5s infinite}}search-filter .close-trigger{display:none;position:absolute;top:calc(var(--gap)*2);right:calc(var(--gap)*2);width:25px;height:25px}search-filter .close-trigger svg{color:#df3035}