.DisplacementSphere_canvas__UOqq_{position:absolute;width:100vw;height:130vh;inset:0;opacity:0;overflow:hidden;transition-property:opacity;transition-duration:3s;transition-timing-function:var(--bezierFastoutSlowin);background:linear-gradient(180deg,#c5f0e8,#d2f3ec 40%,#e0f7f2 60%)}.DisplacementSphere_canvas__UOqq_[data-visible=true]{opacity:1}.DisplacementSphere_canvas__UOqq_[data-theme=dark]{background:linear-gradient(180deg,#0a1628,#0f2540 40%,#163b5c 60%)}.DisplacementSphere_layer__q8QGv{position:absolute;inset:0;width:100%;height:100%;will-change:transform;pointer-events:none}.DisplacementSphere_celestial__crgEO{position:absolute;top:8%;right:14%;width:clamp(120px,14vw,220px);height:clamp(120px,14vw,220px)}.DisplacementSphere_moonSvg__XZxMK,.DisplacementSphere_sunSvg__uFsRc{width:100%;height:100%}@keyframes DisplacementSphere_floatCloud__Gb1UR{0%{transform:translateX(0)}50%{transform:translateX(20px)}to{transform:translateX(0)}}@keyframes DisplacementSphere_floatCloudReverse__UVFYC{0%{transform:translateX(0)}50%{transform:translateX(-15px)}to{transform:translateX(0)}}.DisplacementSphere_cloud1___LiHk,.DisplacementSphere_cloud2__HN3Sq,.DisplacementSphere_cloud3__6IF5k{position:absolute;color:#ffffff}.DisplacementSphere_canvas__UOqq_[data-theme=dark] .DisplacementSphere_cloud1___LiHk,.DisplacementSphere_canvas__UOqq_[data-theme=dark] .DisplacementSphere_cloud2__HN3Sq,.DisplacementSphere_canvas__UOqq_[data-theme=dark] .DisplacementSphere_cloud3__6IF5k{color:#3b4e6b}.DisplacementSphere_cloud1___LiHk{top:15%;left:20%;width:120px;animation:DisplacementSphere_floatCloud__Gb1UR 20s ease-in-out infinite}.DisplacementSphere_cloud2__HN3Sq{top:8%;left:60%;width:180px;animation:DisplacementSphere_floatCloudReverse__UVFYC 25s ease-in-out infinite}.DisplacementSphere_cloud3__6IF5k{top:25%;left:80%;width:90px;animation:DisplacementSphere_floatCloud__Gb1UR 15s ease-in-out infinite}.DisplacementSphere_ocean__uIwCk{position:absolute;bottom:22%;left:-5%;width:110%;height:22%;background:linear-gradient(180deg,#6dc4d4,#4eb0c5 60%,#3da0b5)}.DisplacementSphere_canvas__UOqq_[data-theme=dark] .DisplacementSphere_ocean__uIwCk{background:linear-gradient(180deg,#0b2545,#0e3a6e 60%,#0c3060)}@keyframes DisplacementSphere_waveMotion__8Q8OY{0%{transform:translateX(0)}50%{transform:translateX(-3%)}to{transform:translateX(0)}}.DisplacementSphere_oceanWaves__WaltZ{position:absolute;bottom:100%;left:-2%;width:105%;height:clamp(40px,8vh,120px);color:#6dc4d4;animation:DisplacementSphere_waveMotion__8Q8OY 10s ease-in-out infinite;display:block}.DisplacementSphere_canvas__UOqq_[data-theme=dark] .DisplacementSphere_oceanWaves__WaltZ{color:#0b2545}.DisplacementSphere_sand__dADlV{position:absolute;bottom:-5%;left:-5%;width:110%;height:28%;background:#ede0b8;border-radius:50% 50% 0 0/8% 8% 0 0}.DisplacementSphere_canvas__UOqq_[data-theme=dark] .DisplacementSphere_sand__dADlV{background:#1e2636}.DisplacementSphere_backPalms__97_k1 svg,.DisplacementSphere_frontPalms__isaUt svg{position:absolute;bottom:0}.DisplacementSphere_palmFront1__SdT3D{left:-5%;height:78vh;bottom:10%!important}.DisplacementSphere_palmFront2__lf652{right:-5%;height:78vh;bottom:10%!important}@keyframes DisplacementSphere_sway__csHTB{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes DisplacementSphere_swayFlipped__AJcD1{0%,to{transform:scaleX(-1) rotate(-1deg)}50%{transform:scaleX(-1) rotate(1deg)}}.DisplacementSphere_palmFlipped__OGQU9{transform:scaleX(-1)}.DisplacementSphere_frontPalms__isaUt svg{animation:DisplacementSphere_sway__csHTB 6s ease-in-out infinite;transform-origin:bottom center}.DisplacementSphere_frontPalms__isaUt svg.DisplacementSphere_palmFlipped__OGQU9{animation-name:DisplacementSphere_swayFlipped__AJcD1}.DisplacementSphere_backPalms__97_k1 svg{animation:DisplacementSphere_sway__csHTB 8s ease-in-out infinite reverse;transform-origin:bottom center}.DisplacementSphere_backPalms__97_k1 svg.DisplacementSphere_palmFlipped__OGQU9{animation-name:DisplacementSphere_swayFlipped__AJcD1}@media (max-width:1040px){.DisplacementSphere_palmFront1__SdT3D,.DisplacementSphere_palmFront2__lf652{height:58vh}}@media (max-width:696px){.DisplacementSphere_palmFront1__SdT3D{left:-10%;height:46vh}.DisplacementSphere_palmFront2__lf652{right:-10%;height:46vh}.DisplacementSphere_celestial__crgEO{top:5%;right:10%}}