/* A second world: every artistic override belongs only to clay. */
:root[data-animation-design="clay"] .sg-line { stroke-width: .7; stroke: var(--dark); opacity: .6; }
:root[data-animation-design="clay"] .sg-shade { opacity: .08; }
:root[data-animation-design="clay"] .sg-light { opacity: .16; }
:root[data-animation-design="clay"] :is(.sg-arm,.sg-leg,.sg-hair path,.skit-arm,.skit-leg,.skit-hair path) { stroke-width: 4; filter: drop-shadow(.6px 1px 0 #19341466); }
:root[data-animation-design="clay"] :is(.sg-hand,.sg-foot,.skit-hand) { stroke-width: .3; filter: drop-shadow(0 1px 1px #21391466); }
:root[data-animation-design="clay"] :is(.sg-brow,.sg-smile,.skit-smile) { stroke-width: 1.8; }
:root[data-animation-design="clay"] .sg-veins path { stroke-width: 1.3; opacity: .25; }
:root[data-animation-design="clay"] .sg-breath { animation-timing-function: steps(20,end); }
:root[data-animation-design="clay"] :is(.ct-body,.ct-face,.ct-ear,.ct-chest,.ct-paw) { stroke-width: .45; stroke: #26232e; }
:root[data-animation-design="clay"] .ct-tail { stroke: #555261; stroke-width: 6.5; animation-timing-function: steps(16,end); }
:root[data-animation-design="clay"] .ct-arm { stroke: #555261; stroke-width: 6; }
:root[data-animation-design="clay"] .ct-pupil { fill: #18131d; }
:root[data-animation-design="clay"] .ct-eyes { animation-timing-function: steps(1,end); }
:root[data-animation-design="clay"] .ct-plate { fill: #c4a8ff; stroke: #8f74d9; stroke-width: 1.5; }
:root[data-animation-design="clay"] .ct-arrows { stroke: #382744; }
:root[data-animation-design="clay"] .sg-stool-top { fill: #936245; }
:root[data-animation-design="clay"] .sg-cushion { fill: #a89ad2; filter: drop-shadow(0 1px 1px #35244780); }
:root[data-animation-design="clay"] .skit-bulb { stroke-width: .7; }
:root[data-animation-design="clay"] .skit-vein { opacity: .45; }
:root[data-animation-design="clay"] .skit-shine { opacity: .25; }
:root[data-animation-design="clay"] .skit-dome { stroke: #759047; stroke-width: .7; filter: drop-shadow(0 2px 2px #10101455); }
:root[data-animation-design="clay"] .skit-stripe { stroke: #fff6d6; stroke-width: 3.5; opacity: .45; }
:root[data-animation-design="clay"] .skit-bum ellipse { stroke-width: .5; }
:root[data-animation-design="clay"] :is(.nima-body-all,.nima-leg,.nima-shadow,.nima-hair,.nima-torso,.nima-arms-shrug,.nima-cheek) { animation-timing-function: steps(4,end); }
:root[data-animation-design="clay"] .nima-say { background: #fff4d8; border-color: #b9a883; border-width: 1px; box-shadow: 1px 3px 0 #10101424; transition-timing-function: steps(3,end); }
:root[data-animation-design="clay"] .nima-say::after { background: #fff4d8; border-color: #b9a883; }
:root[data-animation-design="clay"] :is(.tv-tuft,.tv-legs-body) { stroke-width: 6; }
:root[data-animation-design="clay"] .tv-onion-body > path[fill="none"] { stroke-width: 1.2; opacity: .55; }
:root[data-animation-design="clay"] .tv-arm > path { stroke-width: 6; }
:root[data-animation-design="clay"] .tv-set { filter: drop-shadow(2px 4px 2px #10101444); }
:root[data-animation-design="clay"] .tv-pouf { filter: drop-shadow(1px 2px 1px #35244744); }
:root[data-animation-design="clay"] .tv-table rect { stroke-width: 1; }
:root[data-animation-design="clay"] .hero-bug { animation-timing-function: steps(108,end); }
:root[data-animation-design="clay"] .bug-turn { animation-timing-function: steps(108,end); }
:root[data-animation-design="clay"] .bug-fly { animation-timing-function: steps(4,end); }
:root[data-animation-design="clay"] .bug-svg { animation-timing-function: steps(30,end); }
:root[data-animation-design="clay"] .bug-wing { animation-duration: .25s; animation-timing-function: steps(2,end); stroke-width: .4; fill: #f8e8cdcc; }
:root[data-animation-design="clay"] .brand-logo { color: #ffd98a; }
:root[data-animation-design="clay"] .logo-onion path { stroke-width: 2; }
:root[data-animation-design="clay"] .logo-onion .skit-bulb { stroke-width: 0; }
:root[data-animation-design="clay"] :is(.crew-monitor-case,.crew-desk-top,.crew-keyboard,.crew-mouse,.crew-stool-seat,.crew-mic-ball,.crew-mic-handle) { stroke-width: .4; filter: drop-shadow(.6px 1px 0 #00000059); }
:root[data-animation-design="clay"] :is(.crew-desk-leg,.crew-stool-leg) { stroke-width: 4; }
:root[data-animation-design="clay"] .logo-speaker { fill: #c4a8ff; stroke: #8f74d9; }
:root[data-animation-design="clay"] :is(.logo-onion,.logo-volume,.logo-wave) { animation-timing-function: steps(6,end); }
:root[data-animation-design="clay"] .merch-astro { animation-timing-function: steps(2,end); }
:root[data-animation-design="clay"] .icq-flower { filter: drop-shadow(.3px .6px .4px #15311266); }
:root[data-animation-design="clay"] .icq-flower.is-offline { filter: grayscale(1); }
:root[data-animation-design="clay"] .rank-icon { filter: drop-shadow(0 1px .5px #10101444); }
:root[data-animation-design="clay"] .rank-badge:is(:hover,:focus-visible) .rank-icon { animation: clay-rank-pop .5s steps(6,end); }
:root[data-animation-design="clay"] .signal i { border-radius: 75% 45% 40% 40%; transform-origin: bottom; animation-timing-function: steps(5,end); background: #e0f59a; }
:root[data-animation-design="clay"] .latest-toggle::after { border-width: 4px; border-style: double; animation-timing-function: steps(12,end); }
:root[data-animation-design="clay"] .nav-slot-item { transition-timing-function: steps(3,end); }
:root[data-animation-design="clay"] .live-dot { animation-timing-function: steps(12,end); }
:root[data-animation-design="clay"] :is(.xp-window,.vista-window,.icq-window) { animation: clay-window-in .25s steps(3,end) both; }
:root[data-animation-design="clay"] :is(.radio-version-tip,.parachute-button .pb-icon,.radio-tracklist summary::before,.latest-tracklist summary::before) { transition-timing-function: steps(3,end); }
:root[data-animation-design="clay"] :is(.button,.show-card,.episode-card,.merch-sizes span,.merch-toggle span) { transition-duration: .18s; transition-timing-function: steps(3,end); }
:root[data-animation-design="clay"] .button:active { transform: scale(.97,.94); }
:root[data-animation-design="clay"] .clay-about-portrait { display: grid; place-items: center; }
.clay-fingerprint { transform-box: view-box; }
@keyframes clay-rank-pop { 25% { transform: scale(.92,1.05); } 60% { transform: scale(1.08,.94) rotate(-3deg); } }
@keyframes clay-window-in { from { opacity: 0; transform: scale(.94); } to { opacity: 1; transform: none; } }
/* This final override wins over both the old motion rules and the new artistic ones. */
@media (prefers-reduced-motion: reduce) {
  :root[data-animation-design="clay"] :is(.sg-breath,.ct-tail,.ct-eyes,.bug-wing,.bug-fly,.bug-turn,.bug-svg,.hero-bug,.merch-astro,.rank-icon,.signal i,.live-dot,.latest-toggle::after,.logo-onion,.logo-volume,.logo-wave,.xp-window,.vista-window,.icq-window,.nima-body-all,.nima-leg,.nima-shadow,.nima-hair,.nima-torso,.nima-arms-shrug,.nima-cheek) { animation: none; }
  :root[data-animation-design="clay"] :is(.button,.show-card,.episode-card,.nav-slot-item,.nima-say,.parachute-button .pb-icon,.radio-version-tip) { transition: none; }
}