.t{aspect-ratio:1;background-color:var(--ink);display:block}.mosaic .t,.geo .t{box-shadow:0 0 0 1px var(--ink)}.mosaic i,.geo i{aspect-ratio:1;display:block}.t-q0{border-top-left-radius:100%}.t-q1{border-top-right-radius:100%}.t-q2{border-bottom-right-radius:100%}.t-q3{border-bottom-left-radius:100%}.t-c{border-radius:50%}.t-h0{clip-path:circle(50% at 50% 100%)}.t-h1{clip-path:circle(50% at 0)}.t-h2{clip-path:circle(50% at 50% 0)}.t-h3{clip-path:circle(50% at 100%)}.t-d0{clip-path:polygon(0 0,100% 100%,0 100%)}.t-d1{clip-path:polygon(0 0,100% 0,100% 100%)}.t-d2{clip-path:polygon(100% 0,100% 100%,0 100%)}.t-d3{clip-path:polygon(0 0,100% 0,0 100%)}.k-to{--ink:var(--to)}.k-a{--ink:var(--p-a)}.k-b{--ink:var(--p-b)}.k-c{--ink:var(--p-c)}.k-deep{--ink:var(--p-deep)}.k-strong{--ink:var(--p-strong)}.k-paper{--ink:var(--p-paper)}.k-faint{--ink:color-mix(in oklab, var(--p-deep) 12%, var(--p-paper))}.mosaic{background-color:var(--from);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;overflow:clip}@media (width>=48rem){.mosaic{grid-template-columns:repeat(24,minmax(0,1fr))}}.on-paper{--from:var(--p-paper)}.on-mist{--from:var(--color-mist)}.on-deep{--from:var(--p-deep)}.on-a{--from:var(--p-a)}.on-b{--from:var(--p-b)}.on-c{--from:var(--p-c)}.to-paper{--to:var(--p-paper)}.to-mist{--to:var(--color-mist)}.to-deep{--to:var(--p-deep)}.to-a{--to:var(--p-a)}.to-b{--to:var(--p-b)}.to-c{--to:var(--p-c)}.geo{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.mosaic,.geo{view-timeline:--tiles block}.t{animation-name:tile-in;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--tiles;animation-range:cover calc(var(--beat) * 4%) cover calc(16% + var(--beat) * 5%)}.b0{--beat:0}.b1{--beat:1}.b2{--beat:2}.b3{--beat:3}.b4{--beat:4}.b5{--beat:5}@keyframes tile-in{0%{opacity:0;transform:rotate(-90deg)scale(.35)}}}}