.kind-clay{--clay-body:oklch(from var(--kind-hue,var(--muted-foreground)) .54 min(c, .17) h);color:rgb(var(--landing-white-rgb));text-shadow:0 1px 0 color-mix(in oklch, var(--clay-body) 55%, black);background:linear-gradient(to bottom, color-mix(in oklch, var(--clay-body) 86%, white), var(--clay-body) 55%, color-mix(in oklch, var(--clay-body) 90%, black));box-shadow:inset 0 1px 0 rgb(var(--landing-white-rgb) / .35), inset 0 -2px 0 color-mix(in oklch, var(--clay-body) 72%, black), 0 2px 0 color-mix(in oklch, var(--clay-body) 50%, black);border:0}.kind-clay[data-kind=post],.kind-clay[data-kind=improved]{--clay-body:oklch(from var(--brand-ink) .5 .04 h)}.medal-clay{--clay-body:var(--medal);background:linear-gradient(to bottom, color-mix(in oklch, var(--clay-body) 82%, white), var(--clay-body) 55%, color-mix(in oklch, var(--clay-body) 90%, black));box-shadow:inset 0 1px 0 rgb(var(--landing-white-rgb) / .4), inset 0 -2px 0 color-mix(in oklch, var(--clay-body) 72%, black), 0 2px 0 color-mix(in oklch, var(--clay-body) 50%, black)}:root:not(.dark) .medal-clay{text-shadow:0 1px 0 color-mix(in oklch, var(--clay-body) 55%, black)}.medal-clay[data-place=badge]{box-shadow:inset 0 1px 0 rgb(var(--landing-white-rgb) / .4), inset 0 -1.5px 0 color-mix(in oklch, var(--clay-body) 72%, black), 0 0 0 2px var(--background)}.community-pills :is([data-slot=filter-chip],.community-order){border-color:var(--button-raised-border);background:var(--button-raised-surface);box-shadow:0 2px 0 var(--button-raised-edge)}@media (any-hover:hover) and (any-pointer:fine){.community-pills :is([data-slot=filter-chip],.community-order):hover:not([data-pressed],[aria-pressed=true],:disabled){border-color:var(--button-raised-border);background:var(--button-raised-surface-hover)}}.community-pills :is([data-slot=filter-chip],.community-order):active:not(:disabled){box-shadow:0 0 0 var(--button-raised-edge);translate:0 2px}.community-pills [data-slot=filter-chip]:is([data-pressed],[aria-pressed=true]){--clay-body:oklch(from var(--brand-ink) .54 .22 h);color:rgb(var(--landing-white-rgb));text-shadow:0 1px 0 color-mix(in oklch, var(--clay-body) 55%, black);background:linear-gradient(to bottom, color-mix(in oklch, var(--clay-body) 86%, white), var(--clay-body) 55%, color-mix(in oklch, var(--clay-body) 90%, black));box-shadow:inset 0 1px 0 rgb(var(--landing-white-rgb) / .35), inset 0 -2px 0 color-mix(in oklch, var(--clay-body) 72%, black), 0 2px 0 color-mix(in oklch, var(--clay-body) 50%, black);border-color:#0000}.community-pills [data-slot=filter-chip]:is([data-pressed],[aria-pressed=true]):active{box-shadow:inset 0 1px 0 rgb(var(--landing-white-rgb) / .3), inset 0 -1px 0 color-mix(in oklch, var(--clay-body) 72%, black), 0 0 0 color-mix(in oklch, var(--clay-body) 50%, black)}.community-pills :is([data-slot=filter-chip],.community-order):focus-visible{border-color:var(--ring);box-shadow:0 2px 0 var(--button-raised-edge), 0 0 0 3px var(--focus-halo)}.community-pills [data-slot=filter-chip]:is([data-pressed],[aria-pressed=true]):focus-visible{box-shadow:inset 0 1px 0 rgb(var(--landing-white-rgb) / .35), inset 0 -2px 0 color-mix(in oklch, var(--clay-body) 72%, black), 0 2px 0 color-mix(in oklch, var(--clay-body) 50%, black), 0 0 0 4px var(--focus-halo)}@media (prefers-reduced-motion:no-preference){.community-pills :is([data-slot=filter-chip],.community-order){transition-property:background-color,border-color,color,box-shadow,translate;transition-duration:.14s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}}
