@property --sky-top{syntax:"<color>";inherits:true;initial-value:#8fd3f0}@property --sky-mid{syntax:"<color>";inherits:true;initial-value:#cdebf7}@property --sky-bot{syntax:"<color>";inherits:true;initial-value:#fdf9f2}.dv{--sky-top:#8fd3f0;--sky-mid:#cdebf7;--sky-bot:#fdf9f2;position:relative;isolation:isolate;transition:--sky-top .9s ease,--sky-mid .9s ease,--sky-bot .9s ease;background:linear-gradient(180deg,var(--sky-top) 0,var(--sky-mid) 46%,var(--sky-bot) 100%)}.dv[data-city=bogota]{--sky-top:#9db6e6;--sky-mid:#d6e0f5;--sky-bot:#fdf9f2}.dv[data-city=medellin]{--sky-top:#86dcc4;--sky-mid:#d2f1e2;--sky-bot:#fdf9f2}.dv[data-city=san-andres]{--sky-top:#55d0e4;--sky-mid:#bdeff2;--sky-bot:#fff1d6}.dv-sky{overflow:hidden;pointer-events:none;z-index:0}.dv-layer,.dv-sky{position:absolute;inset:0}.dv-layer{translate:calc(var(--mx, 0) * var(--depth, 0) * 1px + var(--fly, 0) * var(--depth, 0) * .55vw) calc(var(--my, 0) * var(--depth, 0) * 1px);transition:translate 1.4s cubic-bezier(.2,.7,.3,1)}.dv-cloud{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:auto;color:#fff;opacity:var(--o,.9);animation:dv-drift var(--dur,120s) ease-in-out infinite alternate;animation-delay:var(--delay,0s);will-change:translate}@keyframes dv-drift{0%{translate:calc(var(--amp, 6vw) * -1) 0}to{translate:var(--amp,6vw) 0}}.dv-float{animation:dv-bob var(--bob,7s) ease-in-out infinite alternate;animation-delay:var(--bob-delay,0s)}@keyframes dv-bob{0%{translate:0 0}to{translate:0 calc(var(--bob-amp, 9px) * -1)}}.dv-layer{--fly:0}.dv[data-fly="1"] .dv-layer{--fly:1}.dv[data-motion=off] .dv-cloud,.dv[data-motion=off] .dv-float{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.dv[data-motion=on] .dv-cloud{animation-duration:var(--dur,120s)!important;animation-iteration-count:infinite!important}.dv[data-motion=on] .dv-float{animation-duration:var(--bob,7s)!important;animation-iteration-count:infinite!important}.dv-float{--bob-amp:4px}.dv-layer{translate:none!important;transition:none!important}}