.starlight{display:grid;place-items:center;container-type:inline-size;padding-inline:18px}.starlight__surface{position:relative;width:min(100%,620px);display:grid;place-items:center;padding:18px 14px}.starlight__word{position:relative;z-index:1;margin:0;color:var(--starlight-fallback);font-size:clamp(1.4rem,9cqi,2.2rem);font-weight:850;line-height:1.05;text-align:center;letter-spacing:-.005em;white-space:normal;text-wrap:balance}.pattern-preview--inspector .starlight__word{font-size:clamp(2rem,11cqi,3.4rem)}@supports (((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text)){.starlight__word{background-image:var(--starlight-gradient);background-size:var(--starlight-bg-size,280% 100%);background-position:0 50%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 0 var(--starlight-glow,18px) var(--starlight-shadow)}.starlight__word--midnight{animation:starlight-midnight var(--starlight-duration,4.2s) cubic-bezier(.55,.05,.25,1) infinite}.starlight__word--orbit{animation:starlight-orbit var(--starlight-duration,3.4s) ease-in-out infinite}.starlight__word--aurora{animation:starlight-aurora var(--starlight-duration,5.4s) linear infinite}}.starlight__sparkles{position:absolute;inset:0;pointer-events:none;z-index:0}.starlight__sparkle{position:absolute;border-radius:999px;background:#ffffff;box-shadow:0 0 4px rgba(255,255,255,.85),0 0 10px rgba(165,180,252,.45);opacity:0}.starlight__sparkle--bright:after,.starlight__sparkle--bright:before{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.65) 50%,rgba(255,255,255,0))}.starlight__sparkle--bright:before{width:1px;height:16px;transform:translate(-50%,-50%)}.starlight__sparkle--bright:after{width:16px;height:1px;transform:translate(-50%,-50%)}.starlight__sparkle--1{left:8%;top:18%;width:4px;height:4px}.starlight__sparkle--2{left:22%;top:72%;width:2px;height:2px}.starlight__sparkle--3{left:38%;top:12%;width:7px;height:7px}.starlight__sparkle--4{left:52%;top:80%;width:3px;height:3px}.starlight__sparkle--5{right:32%;top:24%;width:2px;height:2px}.starlight__sparkle--6{right:18%;top:60%;width:6px;height:6px}.starlight__sparkle--7{left:62%;top:48%;width:1.5px;height:1.5px}.starlight__sparkle--8{left:6%;bottom:22%;width:3px;height:3px}.starlight__sparkle--9{right:42%;bottom:18%;width:2px;height:2px}.starlight__sparkle--10{left:32%;top:35%;width:1.5px;height:1.5px}.starlight__sparkle--11{right:8%;top:38%;width:5px;height:5px}.starlight__sparkle--12{left:75%;bottom:12%;width:1px;height:1px}.starlight--midnight .starlight__sparkle{animation:starlight-drift-peak var(--starlight-duration,4.2s) ease-in-out infinite alternate}.starlight--orbit .starlight__sparkle{animation:starlight-drift-twin var(--starlight-duration,3.4s) ease-in-out infinite}.starlight--aurora .starlight__sparkle{animation:starlight-drift-ambient 4.4s ease-in-out infinite alternate}.starlight .starlight__sparkle--1{animation-delay:0s}.starlight .starlight__sparkle--2{animation-delay:-.3s}.starlight .starlight__sparkle--3{animation-delay:-.6s}.starlight .starlight__sparkle--4{animation-delay:-.9s}.starlight .starlight__sparkle--5{animation-delay:-1.2s}.starlight .starlight__sparkle--6{animation-delay:-1.5s}.starlight .starlight__sparkle--7{animation-delay:-1.8s}.starlight .starlight__sparkle--8{animation-delay:-2.1s}.starlight .starlight__sparkle--9{animation-delay:-2.4s}.starlight .starlight__sparkle--10{animation-delay:-2.7s}.starlight .starlight__sparkle--11{animation-delay:-3s}.starlight .starlight__sparkle--12{animation-delay:-3.3s}@keyframes starlight-midnight{0%{background-position:-10% 50%;text-shadow:0 0 calc(var(--starlight-glow, 18px) * .3) var(--starlight-shadow);filter:brightness(.95)}20%{background-position:20% 50%;text-shadow:0 0 calc(var(--starlight-glow, 18px) * .7) var(--starlight-shadow);filter:brightness(1)}45%{background-position:45% 50%;text-shadow:0 0 calc(var(--starlight-glow, 18px) * 1.5) var(--starlight-shadow);filter:brightness(1.12)}55%{background-position:55% 50%;text-shadow:0 0 calc(var(--starlight-glow, 18px) * 1.5) var(--starlight-shadow);filter:brightness(1.12)}80%{background-position:80% 50%;text-shadow:0 0 calc(var(--starlight-glow, 18px) * .7) var(--starlight-shadow);filter:brightness(1)}to{background-position:110% 50%;text-shadow:0 0 calc(var(--starlight-glow, 18px) * .3) var(--starlight-shadow);filter:brightness(.95)}}@keyframes starlight-orbit{0%{background-position:0 50%;text-shadow:0 0 calc(var(--starlight-glow, 12px) * .4) var(--starlight-shadow)}14%{background-position:50% 50%;text-shadow:0 0 var(--starlight-glow,12px) var(--starlight-shadow)}22%{background-position:100% 50%;text-shadow:0 0 calc(var(--starlight-glow, 12px) * .4) var(--starlight-shadow)}30%{background-position:0 50%;text-shadow:0 0 calc(var(--starlight-glow, 12px) * .4) var(--starlight-shadow)}44%{background-position:50% 50%;text-shadow:0 0 var(--starlight-glow,12px) var(--starlight-shadow)}52%{background-position:100% 50%;text-shadow:0 0 calc(var(--starlight-glow, 12px) * .4) var(--starlight-shadow)}to{background-position:100% 50%;text-shadow:0 0 calc(var(--starlight-glow, 12px) * .4) var(--starlight-shadow)}}@keyframes starlight-aurora{0%{background-position:0 50%;filter:brightness(1);text-shadow:0 0 calc(var(--starlight-glow, 18px) * .85) var(--starlight-shadow)}50%{filter:brightness(1.08);text-shadow:0 0 calc(var(--starlight-glow, 18px) * 1.15) var(--starlight-shadow)}to{background-position:100% 50%;filter:brightness(1);text-shadow:0 0 calc(var(--starlight-glow, 18px) * .85) var(--starlight-shadow)}}@keyframes starlight-drift-peak{0%{opacity:.4;transform:translateX(-3px) scale(.9)}50%{opacity:.95;transform:translateX(0) scale(1.05)}to{opacity:.4;transform:translateX(3px) scale(.9)}}@keyframes starlight-drift-twin{0%,to{opacity:.32;transform:translateX(-3px) scale(.9)}14%{opacity:.95;transform:translateX(-1px) scale(1.04)}22%{opacity:.32;transform:translateX(0) scale(.9)}44%{opacity:.95;transform:translateX(1px) scale(1.04)}52%{opacity:.32;transform:translateX(3px) scale(.9)}}@keyframes starlight-drift-ambient{0%{opacity:.45;transform:translateX(-3px) scale(.92)}50%{opacity:.92;transform:translateX(0) scale(1.05)}to{opacity:.45;transform:translateX(3px) scale(.92)}}@media (prefers-reduced-motion:reduce){.starlight .starlight__sparkle,.starlight .starlight__word{animation:none!important}.starlight .starlight__word{background-position:50% 50%!important}.starlight .starlight__sparkle{opacity:.6!important;transform:none!important}}