.art .a-bg { fill: var(--surface-2); }
.art .a-p { fill: var(--primary); }
.art .a-pl { fill: var(--primary-light); }
.art .a-pd { fill: var(--primary-deep); }
.art .a-s { fill: none; stroke: var(--primary); }
.art .a-sl { fill: none; stroke: var(--primary-light); }
.art .a-t { fill: var(--text); }
.art .a-surf { fill: var(--surface-3); }
.art .a-faint { fill: none; stroke: rgb(var(--primary-rgb) / .16); }
.art .spin { transform-box: fill-box; transform-origin: center; animation: art-spin 30s linear infinite; }
.art .float { animation: art-float 5s ease-in-out infinite; }
.art .float.d2 { animation-delay: -1.6s; }
.art .float.d3 { animation-delay: -3.2s; }
.art .blink { animation: pulse 2.4s ease-in-out infinite; }
@keyframes art-spin { to { transform: rotate(360deg); } }
@keyframes art-float { 50% { transform: translateY(-7px); } }
@keyframes pulse { 50% { opacity: .35; } }
:root[data-theme='light'] .art text.a-pl, :root[data-theme='light'] .art text.a-p { fill: var(--primary-deep); }
:root[data-theme='light'] .art .a-surf { fill: #ffffff; }