/* DOM overlay on top of the lottie SVG: all type is OFL (Pretendard, Black Han Sans); every transform is set by frame(t) */
.ov { position: absolute; left: 0; top: 0; width: 1080px; height: 1920px; pointer-events: none; color: #1D3557; }
.head { position: absolute; left: 72px; top: 96px; font-family: "Pretendard Variable", Pretendard, sans-serif; }
.head b { display: block; font-size: 56px; font-weight: 800; letter-spacing: -0.02em; line-height: 64px; }
.head span { display: block; margin-top: 10px; font-size: 30px; font-weight: 600; opacity: 0.55; line-height: 38px; }

.temp { position: absolute; right: 72px; top: 78px; height: 132px; display: flex; align-items: flex-start; }
.digit { position: relative; width: 74px; height: 132px; overflow: hidden; }
.strip { position: absolute; left: 0; top: 0; width: 100%; font: 400 120px/132px "Black Han Sans", sans-serif; text-align: center; }
.strip div { height: 132px; }
.deg { font: 800 64px/80px "Pretendard Variable", Pretendard, sans-serif; color: #FF7A8A; margin-left: 4px; }

.pill { position: absolute; left: 350px; top: 1290px; width: 380px; height: 88px; border-radius: 44px; background: #1D3557;
  overflow: hidden; transform-origin: 50% 50%; }
.pill .win { position: absolute; left: 0; top: 0; width: 100%; }
.pill .win div { height: 88px; line-height: 88px; text-align: center; color: #FFF4DE;
  font: 800 40px/88px "Pretendard Variable", Pretendard, sans-serif; letter-spacing: 0.02em; }

.title { position: absolute; left: 0; top: 1318px; width: 1080px; text-align: center; white-space: nowrap;
  font: 400 112px/130px "Black Han Sans", sans-serif; }
.title span { display: inline-block; transform-origin: 50% 85%; }
.title .sp { width: 0.3em; }
.sub { position: absolute; left: 0; top: 1462px; width: 1080px; text-align: center;
  font: 600 32px/40px "Pretendard Variable", Pretendard, sans-serif; opacity: 0; }
.sub i { font-style: normal; opacity: 0.6; }