/* The panel's layout size never animates: only the visible capsule and its tabs do. */
#works .wg-filter-panel[data-disclosure-ready]{--wg-disclosure-time:380ms;width:var(--wg-disclosure-width);height:var(--wg-disclosure-height);flex:0 0 auto;overflow:hidden;scrollbar-width:none;background:#303030;clip-path:inset(0 var(--wg-disclosure-clip-right,0px) 0 0 round 999px);transition:clip-path var(--wg-disclosure-time) cubic-bezier(.16,1,.3,1);-webkit-mask-image:none;mask-image:none}
#works .wg-filter-panel[data-disclosure-ready][data-disclosure-expanded=false]{--wg-disclosure-time:560ms}
#works .wg-filter-panel[data-disclosure-ready][data-disclosure-expanded=true][data-filter-scrollable]{overflow-x:auto;overflow-y:hidden}
#works .wg-filter-panel[data-disclosure-ready]>.wg-filter{position:absolute;left:0;top:0;flex:none;width:var(--wg-filter-width);height:var(--wg-filter-height);min-width:0;transform:translate3d(var(--wg-filter-x),var(--wg-filter-y),0);transition:transform var(--wg-disclosure-time) cubic-bezier(.16,1,.3,1),opacity 170ms ease,color 220ms,background-color 220ms;opacity:1;color:#ddd}
/* Invisible rectangular cells cover the gutters without changing the painted pill. */
#works .wg-filter-panel[data-disclosure-ready]>.wg-filter::before{content:'';position:absolute;top:calc(-1 * var(--wg-filter-y));bottom:calc(-1 * var(--wg-filter-y));left:calc(-1 * var(--wg-filter-hit-left,0px));right:calc(-1 * var(--wg-filter-hit-right,0px));border-radius:0;background:transparent;pointer-events:inherit}
#works .wg-filter-panel[data-disclosure-ready]>.wg-filter[data-disclosure-hidden]::before{pointer-events:none}
#works .wg-filter-panel[data-disclosure-ready]>.wg-filter[aria-pressed=true]{color:#111}
#works .wg-filter-panel[data-disclosure-ready]>.wg-filter[data-disclosure-hidden]{opacity:0;pointer-events:none}
#works .wg-filter-panel[data-disclosure-ready]>.wg-filter-indicator[data-ready]{transition:transform var(--wg-disclosure-time) cubic-bezier(.16,1,.3,1),width var(--wg-disclosure-time) cubic-bezier(.16,1,.3,1),height 150ms ease}
#works .wg-filter-measure{position:fixed;left:-10000px;top:0;display:flex;align-items:stretch;width:max-content;visibility:hidden;pointer-events:none}
#works .wg-filter-measure>.wg-filter{position:static!important;flex:none!important;width:max-content!important;height:auto!important;transform:none!important;opacity:1!important;transition:none!important;min-width:0}
#works .wg-filter-panel[data-disclosure-ready]::-webkit-scrollbar{display:none}
@media(prefers-reduced-motion:reduce){#works .wg-filter-panel[data-disclosure-ready],#works .wg-filter-panel[data-disclosure-ready]>.wg-filter,#works .wg-filter-panel[data-disclosure-ready]>.wg-filter-indicator[data-ready]{transition:none}}