.studioStarfield{--studio-star-gutter:max(0px, calc((100vw - var(--studio-frame-width,1280px)) / 2));pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 8% 92%,#0000);mask-image:linear-gradient(#0000,#000 8% 92%,#0000)}.studioStarfieldGutter{width:var(--studio-star-gutter);position:absolute;top:0;bottom:0;overflow:hidden}.studioStarfieldGutter--left{left:0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000)}.studioStarfieldGutter--right{right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18px);mask-image:linear-gradient(90deg,#0000,#000 18px)}.studioStarfield--loader{--studio-star-gutter:50%;opacity:.7;-webkit-mask-image:radial-gradient(at 50% 48%,#0003,#00000073 28%,#000 72%);mask-image:radial-gradient(at 50% 48%,#0003,#00000073 28%,#000 72%)}.studioStarfield--loader .studioStarfieldGutter{-webkit-mask-image:none;mask-image:none}.studioStarfieldLayer{width:100%;height:200%;animation:studioStarfieldDrift var(--studio-star-duration) linear infinite;position:absolute;top:0;left:0}.studioStarfieldTile{width:100%;height:50%;position:relative}.studioStarfieldLayer--far{--studio-star-size:1px;--studio-star-duration:60s;opacity:.45;animation-delay:-19s}.studioStarfieldLayer--mid{--studio-star-size:1.5px;--studio-star-duration:42s;opacity:.65;animation-delay:-43s}.studioStarfieldLayer--near{--studio-star-size:2px;--studio-star-duration:28s;opacity:.9;animation-delay:-11s}.studioStarfieldGutter--right .studioStarfieldLayer--far{animation-delay:-67s}.studioStarfieldGutter--right .studioStarfieldLayer--mid{animation-delay:-23s}.studioStarfieldGutter--right .studioStarfieldLayer--near{animation-delay:-49s}.studioStarfieldDot{background:var(--paper);width:var(--studio-star-size);height:var(--studio-star-size);border-radius:50%;position:absolute}.studioStarfieldDot--blue{background:var(--cyan)}.studioStarfieldDot--beacon{animation:9s ease-in-out infinite studioStarfieldTwinkle}.studioStarfieldDot--beacon:nth-child(2){animation-duration:13s;animation-delay:-4s}.studioStarfieldGutter--right .studioStarfieldDot--beacon{animation-duration:11s;animation-delay:-7s}.studioStarfieldGutter--right .studioStarfieldDot--beacon:nth-child(2){animation-duration:7s;animation-delay:-2s}.studioStarfieldConstellations{width:100%;height:100%;color:var(--cyan);position:absolute;inset:0}.studioStarfieldConstellationLine{opacity:.16;stroke-width:.6px;stroke-linecap:round;stroke:currentColor}.studioStarfieldConstellationStar{opacity:.48;fill:currentColor}.studioStarfieldComet{--studio-comet-start-x:-72px;--studio-comet-start-y:-45px;--studio-comet-end-x:72px;--studio-comet-end-y:45px;--studio-comet-angle:32deg;opacity:0;transform-origin:100%;background:linear-gradient(90deg, transparent, var(--cyan));width:64px;height:1px;animation:28s linear -24s infinite studioStarfieldComet;position:absolute;top:14%;left:18%}.studioStarfieldGutter--right .studioStarfieldComet{--studio-comet-start-x:72px;--studio-comet-end-x:-72px;--studio-comet-angle:148deg;animation:43s linear -27s infinite studioStarfieldCometRight;top:53%;left:57%}@keyframes studioStarfieldDrift{0%{transform:translate(0,0)}to{transform:translateY(-50%)}}@keyframes studioStarfieldTwinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.45)}}@keyframes studioStarfieldComet{0%{opacity:0;transform:translate3d(var(--studio-comet-start-x), var(--studio-comet-start-y), 0) rotate(var(--studio-comet-angle))}.4%{opacity:.8}3.2%,to{opacity:0;transform:translate3d(var(--studio-comet-end-x), var(--studio-comet-end-y), 0) rotate(var(--studio-comet-angle))}}@keyframes studioStarfieldCometRight{0%{opacity:0;transform:translate3d(var(--studio-comet-start-x), var(--studio-comet-start-y), 0) rotate(var(--studio-comet-angle))}.25%{opacity:.8}2.1%,to{opacity:0;transform:translate3d(var(--studio-comet-end-x), var(--studio-comet-end-y), 0) rotate(var(--studio-comet-angle))}}@media (width<=1279px){.studioStarfield:not(.studioStarfield--loader){display:none}}@media (prefers-reduced-motion:reduce){.studioStarfieldLayer,.studioStarfieldDot--beacon{animation:none;transform:none}.studioStarfieldComet{animation:none;display:none}}