@layer theme,base;@layer components{.studio-scene{isolation:isolate;background:var(--paper-deep);position:relative;overflow:hidden}.studio-scene-art{position:absolute;inset:0}.studio-scene-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.studio-bar{transform-origin:100%;pointer-events:none;border-radius:999px;position:absolute;transform:scaleX(0)}.studio-scene:not([data-img]) .studio-bar{visibility:hidden}@media (prefers-reduced-motion:no-preference){.studio-scene[data-img]:not([data-played]) .studio-bar{animation:studio-bar-fill 1.2s cubic-bezier(.3, .7, .2, 1) calc(.3s + var(--d,0s)) both}@media (hover:hover) and (pointer:fine){.studio-scene[data-played]:has([data-refill]:is(:hover,:focus-visible)) .studio-bar{animation:studio-bar-fill 1s cubic-bezier(.3, .7, .2, 1) calc(var(--d,0s) * .6) both}[data-scene-scope]:has([data-refill]:is(:hover,:focus-visible)) .studio-scene[data-played] .studio-bar{animation:studio-bar-fill 1s cubic-bezier(.3, .7, .2, 1) calc(var(--d,0s) * .6) both}}}.studio-steam{pointer-events:none;filter:blur(.6px);width:100%;height:100%;display:none;position:absolute;inset:0;overflow:visible}.studio-steam path{fill:none;stroke:var(--steam-color,#fffaf2);stroke-width:var(--steam-width,8.5);stroke-linecap:round;stroke-dasharray:46 160;stroke-dashoffset:46px;opacity:0}@media (prefers-reduced-motion:no-preference){.studio-scene[data-img] .studio-steam,.studio-steam[data-steam-ready]{display:block}.studio-scene[data-img] .studio-steam path,.studio-steam[data-steam-ready] path{animation:studio-steam var(--dur-steam) cubic-bezier(.45, .05, .4, 1) calc(var(--steam-start,1.4s) + var(--i,0) * 2.1s) infinite}}}@layer utilities;@keyframes studio-bar-fill{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes studio-steam{0%{stroke-dashoffset:46px;opacity:0;transform:translateY(6px)}22%{opacity:.88}70%{opacity:.55}to{stroke-dashoffset:-100px;opacity:0;transform:translateY(-14px)}}