.studio-orb-play{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid;position:relative}span.studio-orb-play{cursor:inherit}.studio-orb-play.is-sm{width:32px;height:32px}.studio-orb-play.is-md{width:36px;height:36px}.studio-orb-play.is-lg{width:96px;height:96px}.studio-orb-play:disabled{opacity:.45;cursor:not-allowed}.studio-orb-frame{box-sizing:border-box;pointer-events:none;background:#e5e7eb;border-radius:999px;padding:2px;position:absolute;inset:0;box-shadow:inset 0 2px 8px #0000001a}:root:not([data-appearance=light]) .studio-orb-frame{background:color-mix(in srgb, var(--mos-surface,#111c2f) 85%, #fff 15%);box-shadow:inset 0 2px 8px #00000080}.studio-orb-well{background:var(--mos-bg,#020617);border-radius:999px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #0000004d}[data-appearance=light] .studio-orb-frame{background:#e5e7eb;box-shadow:inset 0 2px 8px #0000001a}[data-appearance=light] .studio-orb-well{background:#fff;box-shadow:inset 0 0 12px #0000000d}.studio-orb-canvas{z-index:1;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.studio-orb-canvas canvas{width:100%!important;height:100%!important;display:block!important}.studio-orb-fallback,.studio-orb-mark{border-radius:inherit;background:0 0;position:absolute;inset:0;overflow:hidden}.studio-orb-aura{z-index:2;border-radius:inherit;pointer-events:none;animation-name:studio-orb-aura;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 52%,#000 68% 100%);mask:radial-gradient(circle,#0000 52%,#000 68% 100%)}.studio-orb-aura-a{background:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--orb-c1,#cadcfc) 80%, transparent) 36deg, transparent 110deg, transparent 180deg, color-mix(in srgb, var(--orb-c2,#a0b9d1) 75%, transparent) 230deg, transparent 320deg);opacity:.9;animation-duration:var(--orb-a,5s);animation-delay:var(--orb-da,0s)}.studio-orb-aura-b{background:conic-gradient(from 80deg, transparent 0deg, #ffffff8c 24deg, transparent 80deg, color-mix(in srgb, var(--orb-c1,#cadcfc) 50%, transparent) 200deg, transparent 280deg);opacity:.7;animation-duration:var(--orb-b,7.5s);animation-delay:var(--orb-db,-1.5s);animation-direction:reverse}.studio-orb-mark.is-flip .studio-orb-aura-a{animation-direction:reverse}.studio-orb-mark.is-flip .studio-orb-aura-b{animation-direction:normal}.studio-orb-core{z-index:1;border-radius:inherit;background:radial-gradient(circle at 40% 34%, color-mix(in srgb, var(--orb-c1,#cadcfc) 70%, #fff) 0%, var(--orb-c1,#cadcfc) 32%, var(--orb-c2,#a0b9d1) 100%);animation:studio-orb-core var(--orb-b,7.5s) ease-in-out infinite;animation-delay:var(--orb-db,-1.5s);position:absolute;inset:10%;overflow:hidden}.studio-orb-glass{border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 34% 28%,#ffffff80 0%,#0000 42%);position:absolute;inset:0}@keyframes studio-orb-aura{0%{transform:rotate(0)scale(.78)}18%{transform:rotate(28deg)scale(.88)}42%{transform:rotate(210deg)scale(1)}68%{transform:rotate(248deg)scale(.84)}to{transform:rotate(360deg)scale(.78)}}@keyframes studio-orb-core{0%,to{transform:scale(.94)}50%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.studio-orb-aura,.studio-orb-core{animation:none}}.studio-orb-mark.is-eq .studio-orb-aura,.studio-orb-mark.is-eq .studio-orb-core{animation:none}.studio-orb-mark.is-eq .studio-orb-aura-a{transform:rotate(var(--orb-angle,0deg)) scale(var(--orb-eq,1))}.studio-orb-mark.is-eq .studio-orb-aura-b{transform:rotate(calc(var(--orb-angle,0deg) * -.7)) scale(var(--orb-eq,1))}.studio-orb-mark.is-eq .studio-orb-core{transform:scale(var(--orb-eq,1))}.studio-orb-play-glyph{z-index:2;color:#fff;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 2px #0f172a73);place-items:center;width:100%;height:100%;transition:opacity .15s;display:grid;position:relative}.studio-orb-play:hover .studio-orb-play-glyph,.studio-orb-play:focus-visible .studio-orb-play-glyph,.studio-orb-play-glyph.is-visible{opacity:1}.studio-orb-play-glyph svg{margin-left:1px}.studio-orb-play-spinner{border:1.5px solid #fff6;border-top-color:#fff;border-radius:999px;width:34%;height:34%;animation:.7s linear infinite studio-orb-play-spin}@keyframes studio-orb-play-spin{to{transform:rotate(360deg)}}