.agl-frame{transition:flex-grow .9s cubic-bezier(.2,.7,.2,1),border-color .6s}.agl-frame[data-active]{border-color:#0000}@media (min-width:1024px){.agl-frame{flex:1 1 0}.agl-frame[data-active]{flex-grow:2.1}}.agl-ghost{opacity:.2;filter:grayscale()contrast(1.1);transition:opacity .8s;-webkit-mask-image:linear-gradient(#000 25%,#0000 80%);mask-image:linear-gradient(#000 25%,#0000 80%)}.dark .agl-ghost{opacity:.16}[data-active] .agl-ghost{opacity:0}.agl-photo{clip-path:inset(100% 0 0);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1)}.agl-photo-inner{filter:grayscale(.7);transition:transform 2s cubic-bezier(.2,.7,.2,1),filter 1.4s;transform:scale(1.18)}.agl-ink{color:var(--foreground);transition:color .7s}.agl-soft{color:var(--primary);transition:color .7s}.agl-name{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.agl-arrow{border-color:var(--border);transition:transform .6s cubic-bezier(.2,.7,.2,1),background-color .6s,border-color .6s,color .6s;transform:rotate(-45deg)}.agl-light{transform-origin:0;transform:scaleX(0)}.agl-credit{opacity:0;transition:opacity .6s}[data-active] .agl-photo{clip-path:inset(0)}[data-active] .agl-photo-inner{filter:none;transform:scale(1)}[data-active] .agl-ink{color:#fff}[data-active] .agl-soft{color:#ffffffd9}[data-active] .agl-name{transform:translate(.2em)}[data-active] .agl-arrow{color:#0b1b3a;background-color:#fff;border-color:#fff;transform:rotate(0)}[data-active] .agl-credit{opacity:1;transition-delay:.6s}[data-state=play] [data-active] .agl-light{animation:agl-progress var(--interval,10.8s) linear both}[data-held] [data-active] .agl-light{transition:transform .8s cubic-bezier(.2,.7,.2,1);animation:none;transform:scaleX(1)}[data-state=idle] .agl-rise{transform:translateY(110%)}[data-state=play] .agl-rise{animation:agl-rise 1.1s cubic-bezier(.16, .84, .3, 1) var(--d,0s) both}@media (prefers-reduced-motion:reduce){.agl-frame,.agl-photo,.agl-photo-inner,.agl-name{transition-duration:10ms}}@keyframes agl-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes agl-rise{0%{transform:translateY(110%)}to{transform:none}}
.ts-art{background-color:currentColor;width:100%;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ts-halo{opacity:0;transition:opacity .8s}.ts-scene:has(.ts-zone-ridge:hover) .ts-halo{opacity:1}.ts-halo-rays{transform-box:view-box;transform-origin:602.9px 300px}.ts-scene:has(.ts-zone-ridge:hover) .ts-shafts-0{animation:6s ease-in-out infinite alternate ts-shimmer}.ts-scene:has(.ts-zone-ridge:hover) .ts-shafts-1{animation:9s ease-in-out -4s infinite alternate ts-shimmer}.ts-scene:has(.ts-zone-ridge:hover) .ts-halo-glow{animation:5s ease-in-out infinite alternate ts-breathe}.ts-scene:has(.ts-zone-ridge:hover) .ts-halo-rays{animation:18s ease-in-out infinite alternate ts-halo-turn}:is(.ts-scene:has(.ts-zone-river:hover) .ts-flow,.ts-scene:has(.ts-zone-river[data-playing]) .ts-flow){animation:linear infinite ts-flow}.ts-ripe{opacity:0;transition:opacity .9s}.ts-scene:has(.ts-zone-fields:hover) .ts-ripe{opacity:1}@media (prefers-reduced-motion:reduce){.ts-scene *,.ts-scene :before{transition:none!important;animation:none!important}}@keyframes ts-breathe{0%{opacity:.7}to{opacity:1}}@keyframes ts-shimmer{0%{opacity:.55}to{opacity:1}}@keyframes ts-halo-turn{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}@keyframes ts-flow{to{transform:translateX(var(--gap))}}
