.sx[data-sx] .sun__stage{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:#0B3A66}
.sx[data-sx] .sun__media{position:absolute;inset:0;will-change:transform}
.sx[data-sx] .sun__media > img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;max-width:none}
.sx[data-sx] .sun__night{position:absolute;inset:0;background:#0B1E3A;mix-blend-mode:multiply;opacity:0;pointer-events:none}
.sx[data-sx] .sun__warm{position:absolute;inset:0;background:#FFB21E;mix-blend-mode:soft-light;opacity:.22;pointer-events:none}
.sx[data-sx] .sun__shade{position:absolute;inset:0;background:linear-gradient(90deg, rgba(5,20,40,.55) 0%, rgba(5,20,40,0) 50%), linear-gradient(0deg, rgba(5,7,11,.92) 0%, rgba(5,7,11,.4) 28%, rgba(5,7,11,0) 50%);pointer-events:none}
.sx[data-sx] .sun__text{position:absolute;left:0;right:0;top:clamp(calc(2*var(--u)),9vh,calc(6*var(--u)))}
.sx[data-sx] .sun__text .h2{max-width:9ch;text-shadow:0 2px 24px rgba(0,0,0,.3)}
.sx[data-sx] .sun__text .lede{margin-top:calc(1.25*var(--u));max-width:calc(28*var(--u));color:#EAF3FB}
.sx[data-sx] .sun__link{display:inline-flex;align-items:center;gap:calc(.5*var(--u));margin-top:calc(1.4*var(--u));color:#fff;font-weight:600;font-size:calc(.9375*var(--u));text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:.3em;transition:text-decoration-color .25s}
.sx[data-sx] .sun__link:hover{text-decoration-color:var(--sun)}
.sx[data-sx] .sun__link .ico{width:calc(1*var(--u));height:calc(1*var(--u));transition:transform .3s var(--ease)}
.sx[data-sx] .sun__link:hover .ico{transform:translateX(3px)}
.sx[data-sx] .sun__bottom{position:absolute;left:0;right:0;bottom:clamp(calc(1.75*var(--u)),6vh,calc(3.5*var(--u)))}
.sx[data-sx] .sun__charge{--c:1}
.sx[data-sx] .sun__row{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(1.5*var(--u))}
.sx[data-sx] .sun__label{color:#C9D2DC;font-size:calc(.875*var(--u))}
.sx[data-sx] .sun__pct{margin-top:calc(.2*var(--u));font-weight:300;font-size:clamp(calc(3.5*var(--u)), calc(2*var(--u)) + 4vw, calc(6*var(--u)));line-height:.9;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.sx[data-sx] .sun__pct small{margin-left:.04em;font-size:.42em;letter-spacing:0;vertical-align:.95em}
.sx[data-sx] .sun__meta{display:grid;justify-items:end;gap:calc(.35*var(--u));padding-bottom:calc(.5*var(--u));text-align:right}
.sx[data-sx] .sun__meta [data-sun-state]{font-weight:600;font-size:clamp(calc(1*var(--u)),calc(.92*var(--u)) + .35vw,calc(1.25*var(--u)))}
.sx[data-sx] .sun__time{display:inline-flex;align-items:center;gap:calc(.4*var(--u));color:#C9D2DC;font-size:calc(.875*var(--u));font-variant-numeric:tabular-nums}
.sx[data-sx] .sun__time .ico{width:calc(1*var(--u));height:calc(1*var(--u));color:var(--sun)}
.sx[data-sx] .sun__bar{position:relative;height:3px;margin-top:calc(1.5*var(--u));border-radius:2px;background:rgba(255,255,255,.2)}
.sx[data-sx] .sun__fill{position:absolute;inset:0;border-radius:inherit;background:var(--sun);transform:scaleX(var(--c));transform-origin:left}
.sx[data-sx] .sun__tip{position:absolute;top:50%;left:calc(calc(1*var(--u)) + var(--c) * (100% - calc(2*var(--u))));display:grid;place-items:center;width:calc(2*var(--u));height:calc(2*var(--u));margin:calc(-1*var(--u)) 0 0 calc(-1*var(--u));border-radius:50%;background:var(--sun);color:#1A1203;box-shadow:0 4px 12px rgba(0,0,0,.45)}
.sx[data-sx] .sun__tip .ico{width:calc(1.1*var(--u));height:calc(1.1*var(--u));stroke-width:2}
@media (max-width:900px){
  .sx[data-sx] .sun__media > img{object-position:84% 50%}
  .sx[data-sx] .sun__shade{background:linear-gradient(0deg, rgba(5,7,11,.95) 0%, rgba(5,7,11,.62) 45%, rgba(5,7,11,0) 72%)}
  .sx[data-sx] .sun__text{top:calc(1.5*var(--u))}
  .sx[data-sx] .sun__text .lede{display:none}
  .sx[data-sx] .sun__link{margin-top:calc(.9*var(--u));font-size:calc(.875*var(--u))}
  .sx[data-sx] .sun__pct{font-size:calc(3.25*var(--u))}
  .sx[data-sx] .sun__meta{padding-bottom:calc(.3*var(--u))}
  .sx[data-sx] .sun__meta [data-sun-state]{font-size:calc(.9375*var(--u))}
}