/* Blog topics only. Preserve V13 artwork and the existing filter controller. */
.v18-filters .glass.control{opacity:.9;transform:translateY(0);transition:opacity 150ms ease,transform 150ms ease,filter 150ms ease;filter:brightness(1)}
.v18-filters .glass.control>.glass-halo{display:block;position:absolute;inset:5px 9px 7px;border-radius:inherit;pointer-events:none;z-index:-1;background:none;opacity:0;box-shadow:0 0 6px 1px #86f04aa6,0 0 16px 4px #86f04a4d,0 4px 24px 5px #44ff6326;transition:opacity 150ms ease}
.v18-filters .glass.control>.ink{color:#dcebd5;transition:color 150ms ease,text-shadow 150ms ease}
.v18-filters .glass.control>.ink::after{content:"";position:absolute;bottom:-7px;left:calc(50% - 9px);width:18px;height:2px;border-radius:2px;background:#86f04a;box-shadow:0 0 5px #86f04a80;opacity:0;transition:opacity 150ms ease}
.v18-filters .glass.control[aria-pressed=true]{opacity:1}
.v18-filters .glass.control[aria-pressed=true]>.glass-halo{opacity:.38}
.v18-filters .glass.control[aria-pressed=true]>.ink{color:#c9ffad;text-shadow:0 1px 2px #000,0 0 8px #86f04a59}
.v18-filters .glass.control[aria-pressed=true]>.ink::after{opacity:1}
@media(hover:hover){
 .v18-filters .glass.control:not(:disabled):hover{opacity:1;transform:translateY(-2px);filter:brightness(1.18)}
 .v18-filters .glass.control:not(:disabled):hover>.glass-halo{opacity:1}
 .v18-filters .glass.control:not(:disabled):hover>.ink{color:#efffe6;text-shadow:0 1px 2px #000,0 0 9px #86f04a66}
}
.v18-filters .glass.control:focus-visible{opacity:1;outline:2px solid #c9ffad;outline-offset:3px;filter:brightness(1.12)}
.v18-filters .glass.control:focus-visible>.glass-halo{opacity:.85}
.v18-filters .glass.control:not(:disabled):active{transform:translateY(0) scale(.97);filter:brightness(1.24);transition-duration:60ms}
@media(prefers-reduced-motion:reduce){
 .v18-filters .glass.control,.v18-filters .glass.control>.glass-halo,.v18-filters .glass.control>.ink,.v18-filters .glass.control>.ink::after{transition:none!important}
 .v18-filters .glass.control:not(:disabled):is(:hover,:active){transform:none}
}
body[data-motion=paused] .v18-filters .glass.control,body[data-motion=paused] .v18-filters .glass.control>.glass-halo,body[data-motion=paused] .v18-filters .glass.control>.ink,body[data-motion=paused] .v18-filters .glass.control>.ink::after{transition:none!important}
body[data-motion=paused] .v18-filters .glass.control:not(:disabled):is(:hover,:active){transform:none}
@media(forced-colors:active){
 .v18-filters .glass.control{filter:none!important;opacity:1;transform:none!important}
 .v18-filters .glass.control>.glass-halo{display:none!important}
 .v18-filters .glass.control>.ink{color:ButtonText!important;text-shadow:none!important}
 .v18-filters .glass.control[aria-pressed=true]{outline:2px solid Highlight;outline-offset:1px}
 .v18-filters .glass.control:focus-visible{outline:3px solid Highlight;outline-offset:4px}
 .v18-filters .glass.control>.ink::after{background:Highlight;box-shadow:none}
}