@-webkit-keyframes invert-filter-bg{to{background-color:#fff}}@keyframes invert-filter-bg{to{background-color:#fff}}.pin-filter-container{--width-shrink:calc(var(--page-gap) + 20px);--margin-left:-0.5208333333vw;grid-column:1/8;margin-bottom:30px;margin-left:0}@media (max-width:63.999em){.pin-filter-container{z-index:10}}@media (min-width:64em){.pin-filter-container{margin-bottom:2.8645833333vw;margin-left:var(--margin-left);z-index:500}}body.filter-white .pin-filter-container.is-active{-webkit-animation:invert-filter-bg 0s .1s forwards;animation:invert-filter-bg 0s .1s forwards}.filter{--padding:5px;--gap-item:calc((25px - var(--padding) * 2) / 2);--icon-size:16px;--duration:var(--trans-dur-fast);--ease:ease-in;--base-gap:5.3333333333vw;--base-page-gap:5.3333333333vw;--base-page-gap-negative:calc(var(--base-page-gap) * -1);margin:0;padding:0;list-style:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;grid-auto-flow:column;align-items:center;justify-content:start;grid-gap:10px;gap:10px;margin-left:0;transition:background-color var(--duration);z-index:500}@media (min-width:64em){.filter{--base-gap:1.0416666667vw;--base-page-gap:5.2083333333vw;position:relative;height:40px;padding:.5208333333vw calc(.78125vw - var(--gap-item)) .5208333333vw .78125vw}}@media (max-width:63.999em){.filter{width:calc(100% + var(--base-page-gap) * 2);margin:0 var(--base-page-gap-negative);padding:15px var(--base-page-gap);background-color:#fff;overflow:auto}}.filter::-webkit-scrollbar{display:none}@media (max-width:63.999em){.works-dialog .filter{background-color:var(--c-black)}}.works-dialog .simplebar .filter{overflow:inherit}.works-dialog .simplebar{background-color:var(--c-black);z-index:5}@media (max-width:63.999em){.works-dialog .simplebar{position:sticky;top:-25px}}@media (min-width:64em){body:not(.os-mac) .filter{min-height:46px;height:2.3958333333vw;padding:.625vw calc(.78125vw - var(--gap-item)) .5208333333vw .78125vw}}.filter__collapse{--size:calc(var(--icon-size) * 3.6);position:absolute;top:0;left:calc(var(--size)/ 4);z-index:5;width:var(--size);height:100%;font-size:0;transform:scaleX(0)}.filter.is-pinned .filter__collapse{transform:scaleX(1)}.filter.is-pinned.is-active .filter__collapse{transform-origin:0 50%;transform:scaleX(.4)}.filter__collapse:focus{outline:0}@media (hover:hover){.filter__collapse:hover{outline:0}}.filter.is-pinned .filter__collapse:focus~.filter__icon{color:var(--c-red)}@media (hover:hover){.filter.is-pinned .filter__collapse:hover~.filter__icon{color:var(--c-red)}}.filter__group{margin:0 0 0 calc(var(--padding) * -1);padding:0;border:0;display:grid;grid-auto-flow:column;grid-gap:var(--gap-item);gap:var(--gap-item);transform:translateY(1px);transition-property:transform}@media (min-width:64em){.filter__group{margin-left:0}}.filter.is-pinned:not(.is-active) .filter__group{position:absolute;transition-delay:var(--duration);transform:scaleX(0) translateY(-1px)}.filter__icon{display:none;position:relative;align-items:center;color:var(--c-dark-grey);fill:none;will-change:width}@media (min-width:64em){.filter__icon{display:flex}}.filter.is-pinned .filter__icon{width:auto}body.filter-white .filter.is-pinned .filter__icon{color:#fff}body.filter-white .filter.is-pinned.is-active .filter__icon{color:var(--c-dark-grey)}.filter.is-pinned.is-active .filter__icon{color:#fff}.filter__icon svg{width:var(--icon-size);stroke:currentColor;transform-origin:55% 40%;transition-property:transform,stroke;transition-duration:var(--duration);transition-timing-function:var(--ease);transform:rotate(0)}@media screen and (max-width:90em){.filter__icon svg{height:auto}}body.os-mac .filter__icon svg{transform-origin:58% 42%;transform:rotate(0) translateY(1px)}.filter.is-pinned:not(.is-active) .filter__icon svg{transform:rotate(-90deg)}.filter__icon .icon-text{--pos-x:-10px;font-size:14px;line-height:1em;position:absolute;left:100%;margin-left:13px;color:var(--c-dark-grey);opacity:0;transform:translate3d(var(--pos-x),0,0);transition-property:transform,opacity,color;transition-duration:0s;transition-timing-function:var(--ease)}.filter.is-pinned .filter__icon .icon-text{--pos-x:0;--delay:var(--duration);opacity:1;transition:transform var(--trans-dur-faster) var(--delay) var(--ease),opacity var(--trans-dur-faster) var(--delay) var(--ease)}body.filter-white .filter.is-pinned .filter__icon .icon-text{color:#fff}body.filter-white .filter.is-pinned.is-active .filter__icon .icon-text{color:var(--c-dark-grey)}.filter.is-pinned.is-active .filter__icon .icon-text{--pos-x:-10px;opacity:0;transition:none}.filter__radio-wrapper{--duration:0s;position:relative;display:inline-block;transition-property:transform,opacity;transition-duration:var(--duration);transition-timing-function:var(--ease)}.filter.is-pinned:not(.is-active) .filter__radio-wrapper{opacity:0;transform:translateX(-10px)}.filter.is-pinned.is-active .filter__radio-wrapper{--duration:var(--trans-dur-fast)}.filter__radio{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.filter__item{font-size:16px;line-height:1.25em;position:relative;padding:var(--padding);font-weight:600;text-transform:uppercase;opacity:.5;cursor:pointer;transition-property:opacity,color;transition-duration:var(--trans-dur-faster);transition-timing-function:ease-in}@media screen and (max-width:60em){.filter__item{font-size:22px;transition-duration:0s}}.filter__item::after{content:"";position:absolute;bottom:calc(var(--padding) * 1.2);left:50%;width:calc(100% - var(--padding) * 2);height:1px;background-color:currentColor;transform-origin:0 50%;transform:translateX(-50%) scale(0);transition:transform var(--trans-dur-faster) ease-in}@media screen and (max-width:60em){.filter__item::after{bottom:calc(var(--padding) * 1.5);height:2px}}@media (hover:hover){.filter__item:hover::after{transform:translateX(-50%) scale(1)}}.filter__radio:checked+.filter__item{color:var(--c-red)!important;opacity:1}.filter__radio:checked+.filter__item::after{transform:translateX(-50%) scale(1)}.filter.is-pinned.is-active .filter__item{color:#fff}body.filter-white .filter.is-pinned.is-active .filter__item{color:var(--c-dark-grey)}