@property --sky-tint-strong{syntax:"<color>";inherits:false;initial-value:rgb(96,118,239)}@property --sky-tint-mid{syntax:"<color>";inherits:false;initial-value:rgb(120,143,246)}@property --sky-tint-band{syntax:"<color>";inherits:false;initial-value:#c7d2fb}@property --sky-tint-wash{syntax:"<color>";inherits:false;initial-value:rgb(238,241,254)}@property --sky-mask-mid-alpha{syntax:"<number>";inherits:false;initial-value:.55}@property --sky-mask-floor-alpha{syntax:"<number>";inherits:false;initial-value:0}.sky-unit-product-mask{--sky-mask-mid-alpha:0.55;--sky-mask-floor-alpha:0;transition:--sky-mask-mid-alpha .72s cubic-bezier(.22,1,.36,1),--sky-mask-floor-alpha .72s cubic-bezier(.22,1,.36,1)}@property --sky-dome-y{syntax:"<percentage>";inherits:false;initial-value:128%}@property --sky-dome-alpha{syntax:"<number>";inherits:false;initial-value:.92}@property --sky-wall-y{syntax:"<percentage>";inherits:false;initial-value:92%}@property --sky-lift-y{syntax:"<percentage>";inherits:false;initial-value:120%}.sky-ramp-morph{position:absolute;inset:0;z-index:1;--sky-dome-y:128%;--sky-dome-alpha:0.84;--sky-wall-y:92%;--sky-lift-y:106%;background:radial-gradient(55% 95% at -8% var(--sky-wall-y),color-mix(in srgb,var(--sky-tint-strong) 72%,transparent) 0,color-mix(in srgb,var(--sky-tint-mid) 35%,transparent) 34%,color-mix(in srgb,var(--sky-tint-mid) 0%,transparent) 62%),radial-gradient(55% 95% at 108% var(--sky-wall-y),color-mix(in srgb,var(--sky-tint-strong) 72%,transparent) 0,color-mix(in srgb,var(--sky-tint-mid) 35%,transparent) 34%,color-mix(in srgb,var(--sky-tint-mid) 0%,transparent) 62%),radial-gradient(78% 120% at 50% var(--sky-dome-y),rgba(255,255,255,var(--sky-dome-alpha)) 0,rgba(255,255,255,.55) 30%,rgba(255,255,255,0) 52%),radial-gradient(220% 150% at 50% var(--sky-lift-y),var(--sky-tint-strong) 0,var(--sky-tint-mid) 16%,var(--sky-tint-band) 30%,var(--sky-tint-wash) 42%,rgba(255,255,255,0) 54%),linear-gradient(180deg,var(--color-n-0) 0,var(--color-n-0) 100%);transition:--sky-dome-y 1.25s cubic-bezier(.4,.02,.2,1),--sky-dome-alpha 1.25s cubic-bezier(.4,.02,.2,1),--sky-wall-y 1.25s cubic-bezier(.4,.02,.2,1),--sky-lift-y 1.25s cubic-bezier(.4,.02,.2,1),--sky-tint-strong .85s ease,--sky-tint-mid .85s ease,--sky-tint-band .85s ease,--sky-tint-wash .85s ease}.sky-ramp-morph:after{content:"";position:absolute;inset:0;background:none;opacity:0;pointer-events:none;transition:opacity .65s ease}:root[data-theme=light] .sky-ramp-morph:after{background:radial-gradient(80% 68% at 80% 10%,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 70%),radial-gradient(72% 72% at 12% 35%,rgba(17,83,174,.12) 0,rgba(17,83,174,0) 72%),linear-gradient(180deg,#347fd2,#3b99e4 50%,#66c6f2);top:0;opacity:1;-webkit-mask-image:linear-gradient(180deg,transparent 26%,rgba(0,0,0,.03) 34%,rgba(0,0,0,.12) 42%,rgba(0,0,0,.32) 52%,rgba(0,0,0,.62) 63%,rgba(0,0,0,.86) 74%,#000 86%);mask-image:linear-gradient(180deg,transparent 26%,rgba(0,0,0,.03) 34%,rgba(0,0,0,.12) 42%,rgba(0,0,0,.32) 52%,rgba(0,0,0,.62) 63%,rgba(0,0,0,.86) 74%,#000 86%)}:root[data-theme=light] .sky-ramp-morph[data-receded=true]:after{opacity:0}.sky-ramp-morph[data-receded=true]{--sky-dome-y:-30%;--sky-dome-alpha:0.96;--sky-wall-y:2%;--sky-lift-y:-22%}:root[data-theme=dark] .sky-ramp-morph{background:radial-gradient(55% 95% at -8% var(--sky-wall-y),rgba(86,86,90,.5) 0,rgba(48,48,52,.28) 34%,rgba(48,48,52,0) 62%),radial-gradient(55% 95% at 108% var(--sky-wall-y),rgba(86,86,90,.5) 0,rgba(48,48,52,.28) 34%,rgba(48,48,52,0) 62%),radial-gradient(78% 120% at 50% var(--sky-dome-y),rgba(5,5,7,var(--sky-dome-alpha)) 0,rgba(5,5,7,.55) 30%,rgba(5,5,7,0) 52%),radial-gradient(135% 62% at 50% var(--sky-lift-y),rgb(46,46,48) 0,rgb(38,38,40) 30%,rgb(27,27,29) 54%,rgba(27,27,29,.5) 70%,rgba(27,27,29,0) 84%),linear-gradient(180deg,rgb(2,2,4) 0,rgb(2,2,4) 100%)}@media (max-width:820px){.sky-ramp-morph{transition:--sky-dome-y 1.9s cubic-bezier(.16,1,.3,1),--sky-dome-alpha 1.9s cubic-bezier(.16,1,.3,1),--sky-wall-y 1.9s cubic-bezier(.16,1,.3,1),--sky-lift-y 1.9s cubic-bezier(.16,1,.3,1)}.sky-ramp-morph[data-receded=true]{transition:--sky-dome-y 1.5s cubic-bezier(.4,.02,.2,1),--sky-dome-alpha 1.5s cubic-bezier(.4,.02,.2,1),--sky-wall-y 1.5s cubic-bezier(.4,.02,.2,1),--sky-lift-y 1.5s cubic-bezier(.4,.02,.2,1)}}@media (prefers-reduced-motion:reduce){.sky-ramp-morph,.sky-ramp-morph:after{transition:none}}