.birth-time-component{
  --birth-time-zodiac-size:clamp(400px,104vw,414px);
  --birth-time-zodiac-height:clamp(257.3px,66.901vw,266.35px);
  --birth-time-center-y:clamp(228.07px,59.297vw,236.23px);
  --birth-time-zodiac-wheel-size:clamp(322.8px,83.93vw,334.1px);
  --birth-time-zodiac-radius:clamp(161.4px,41.965vw,167.05px);
  --birth-time-planet-size:clamp(257.3px,66.901vw,266.35px);
  --birth-time-planet-radius:clamp(109.94px,28.585vw,113.86px);
  --birth-time-hour-size:clamp(163.74px,42.574vw,169.47px);
  --birth-time-hour-radius:clamp(71.35px,18.55vw,73.85px);
  --registration-wheel-picker-height:140px;
  --registration-wheel-row-height:40px;
  --registration-wheel-active-height:40px;
  --registration-wheel-column-padding:50px
}
.birth-time-component .astro-time-hero{position:relative;display:flex;flex:0 0 var(--birth-time-zodiac-height);width:100%;height:var(--birth-time-zodiac-height);margin:0!important;justify-content:center;overflow:visible;touch-action:pan-x}
.birth-time-component .birth-time-dial{position:relative;flex:0 0 var(--birth-time-zodiac-size);width:var(--birth-time-zodiac-size);height:var(--birth-time-zodiac-height);margin:0 auto;overflow:hidden;isolation:isolate}
.birth-time-component .birth-time-zodiac-frame,
.birth-time-component .birth-time-inner-geometry{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.birth-time-component .birth-time-zodiac-frame{z-index:1;width:100%;height:100%;object-fit:contain;image-rendering:auto}
.birth-time-component .birth-time-inner-geometry{z-index:2;overflow:visible;shape-rendering:geometricPrecision}
.birth-time-component .birth-time-zodiac-wheel{--ring-rotation:0deg;position:absolute;left:50%;top:calc(var(--birth-time-center-y) - var(--birth-time-zodiac-wheel-size) * .5);z-index:3;width:var(--birth-time-zodiac-wheel-size);height:var(--birth-time-zodiac-wheel-size);border-radius:50%;transform:translateX(-50%) rotate(var(--ring-rotation));transform-origin:50% 50%;transition:transform 720ms cubic-bezier(.22,.72,.2,1);pointer-events:none}
.birth-time-component .birth-time-zodiac-glyph{position:absolute;left:50%;top:50%;display:grid;width:21px;height:21px;margin:-10.5px 0 0 -10.5px;place-items:center;color:rgba(158,153,184,.43);opacity:.78;transform:rotate(var(--item-angle)) translateY(calc(-1 * var(--birth-time-zodiac-radius)));transform-origin:50% 50%;transition:color .3s ease,opacity .3s ease}
.birth-time-component .birth-time-zodiac-glyph :is(svg,img){display:block;width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible;object-fit:contain}
.birth-time-component .birth-time-zodiac-glyph.active{color:#f7f2ff;opacity:1}
.birth-time-component .birth-time-planet-ring{--ring-rotation:0deg;position:absolute;left:50%;top:calc(var(--birth-time-center-y) - var(--birth-time-planet-size) * .5);z-index:4;width:var(--birth-time-planet-size);height:var(--birth-time-planet-size);border-radius:50%;transform:translateX(-50%) rotate(var(--ring-rotation));transform-origin:50% 50%;transition:transform 620ms cubic-bezier(.22,.72,.2,1);pointer-events:none}
.birth-time-component .birth-time-planet-glyph{position:absolute;left:50%;top:50%;display:grid;width:17px;height:17px;margin:-8.5px 0 0 -8.5px;place-items:center;color:rgba(171,166,201,.26);opacity:.68;transform:rotate(var(--item-angle)) translateY(calc(-1 * var(--birth-time-planet-radius)));transform-origin:50% 50%;transition:color .3s ease,opacity .3s ease}
.birth-time-component .birth-time-planet-glyph svg{display:block;width:100%;height:100%;overflow:visible}
.birth-time-component .birth-time-planet-glyph.active{color:#eee9ff;opacity:1}
.birth-time-component .birth-time-ring{--ring-rotation:0deg;position:absolute;left:50%;z-index:4;border-radius:50%;transform:translateX(-50%) rotate(var(--ring-rotation));transform-origin:50% 50%;transition:transform 480ms cubic-bezier(.22,.72,.2,1);cursor:grab;touch-action:none;outline:none}
.birth-time-component .birth-time-ring:active{cursor:grabbing}
.birth-time-component .birth-time-hour-ring{top:calc(var(--birth-time-center-y) - var(--birth-time-hour-size) * .5);width:var(--birth-time-hour-size);height:var(--birth-time-hour-size)}
.birth-time-component .birth-time-ring-value{position:absolute;left:50%;top:50%;display:grid;width:18px;height:14px;margin:-7px 0 0 -9px;place-items:center;color:rgba(185,180,211,.34);font-family:"Astra Welcome Inter",Inter,system-ui,sans-serif;font-size:8px;font-weight:500;line-height:1;transform:rotate(var(--item-angle)) translateY(calc(-1 * var(--birth-time-hour-radius)));transform-origin:50% 50%;transition:color .24s ease,opacity .24s ease;font-variant-numeric:tabular-nums}
.birth-time-component .birth-time-ring-value.active{color:#fff;font-size:11px;font-weight:600;opacity:1}
.birth-time-component .birth-wheel-picker.time-wheel-picker{position:relative;display:grid;grid-template-columns:1fr 28px 1fr;flex:0 0 var(--registration-wheel-picker-height);width:100%;height:var(--registration-wheel-picker-height);min-height:var(--registration-wheel-picker-height);gap:0;margin:0;overflow:hidden}
.birth-time-component .time-wheel-picker>.birth-wheel-highlight{position:absolute;left:0;right:0;top:50%;height:var(--registration-wheel-active-height);transform:translateY(-50%);border:.5px solid rgba(178,166,242,.18);border-radius:14px;background:linear-gradient(0deg,rgba(140,128,235,.08),rgba(115,102,217,.03) 40%,rgba(64,51,166,0)),rgba(56,46,107,.2);box-shadow:inset 0 -1px 4px rgba(20,15,46,.12),inset 0 1px 6px rgba(166,153,255,.07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}
.birth-time-component .time-wheel-picker:before,
.birth-time-component .time-wheel-picker:after{content:"";position:absolute;left:0;right:0;z-index:3;height:24px;pointer-events:none}
.birth-time-component .time-wheel-picker:before{top:0;background:linear-gradient(180deg,var(--onboarding-bg,#040615),rgba(4,6,21,0))}
.birth-time-component .time-wheel-picker:after{bottom:0;background:linear-gradient(0deg,var(--onboarding-bg,#040615),rgba(4,6,21,0))}
.birth-time-component .time-wheel-picker>.birth-wheel-column{position:relative;z-index:1;min-width:0;height:var(--registration-wheel-picker-height);padding:var(--registration-wheel-column-padding) 0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);touch-action:auto;overscroll-behavior:auto}
.birth-time-component .time-wheel-picker .birth-wheel-item{height:var(--registration-wheel-row-height);padding:0;display:grid;place-items:center;color:#9b96b0;font-family:"Astra Welcome Inter",Inter,system-ui,sans-serif;font-size:15px;font-weight:400;line-height:18px;text-align:center;scroll-snap-align:center;opacity:.36;filter:none;transition:color .2s ease,transform .2s ease,opacity .2s ease,filter .2s ease}
.birth-time-component .time-wheel-picker .birth-wheel-item.near{color:#9b96b0;opacity:.62;filter:none}
.birth-time-component .time-wheel-picker .birth-wheel-item.selected{color:#f5f0e8;font-size:17px;font-weight:600;opacity:1;transform:none;filter:none}
.birth-time-component .time-wheel-picker>.time-wheel-colon{position:relative;z-index:4;display:grid;place-items:center;color:#f5f0e8;font:600 18px/1 "Astra Welcome Inter",Inter,sans-serif;opacity:1}
@media(max-height:760px){
  .birth-time-component{--birth-time-zodiac-size:clamp(360px,96vw,380px);--birth-time-zodiac-height:clamp(231.58px,61.755vw,244.45px);--birth-time-center-y:clamp(205.26px,54.736vw,216.67px);--birth-time-zodiac-wheel-size:clamp(290.53px,77.474vw,306.67px);--birth-time-zodiac-radius:clamp(145.26px,38.737vw,153.33px);--birth-time-planet-size:clamp(231.58px,61.755vw,244.45px);--birth-time-planet-radius:clamp(98.95px,26.387vw,104.44px);--birth-time-hour-size:clamp(147.37px,39.3vw,155.56px);--birth-time-hour-radius:clamp(64.21px,17.12vw,67.78px);--registration-wheel-picker-height:96px;--registration-wheel-column-padding:28px}
}
@media(prefers-reduced-motion:reduce){
  .birth-time-component :is(.birth-time-ring,.birth-time-planet-ring,.birth-time-zodiac-wheel){transition-duration:1ms}
}