.osmo-water-root{position:absolute;inset:0;pointer-events:none;z-index:0;isolation:isolate}.osmo-water-volume{position:absolute;inset:0;user-select:none}.osmo-water-sticky{position:sticky;top:0;height:100vh;overflow:hidden;user-select:none;contain:paint;isolation:isolate}.osmo-water-rays{position:absolute;inset:0;pointer-events:none;opacity:var(--osmo-submerged-rays-opacity, .4);mix-blend-mode:plus-lighter;filter:blur(18px);transform:scale(2.4);transform-origin:center;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(255,255,255,.5) 56deg,transparent 112deg,rgba(0,165,217,.4) 180deg,transparent 246deg,rgba(255,255,255,.5) 304deg,transparent 360deg);mask-image:radial-gradient(circle,#000 28%,#0000 74%);-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,1) 28%,rgba(0,0,0,0) 74%);animation:var(--osmo-submerged-rays-animation, osmo-submerged-rotate 90s linear infinite)}.osmo-water-base{position:absolute;inset:0;opacity:var(--osmo-underwater-opacity, .32);background:linear-gradient(to bottom,#ffffff0d,#00a5d905 38%,#fff0 70%)}.osmo-water-pockets{position:absolute;inset:0;pointer-events:none;opacity:var(--osmo-liquid-pockets-opacity, .12);mix-blend-mode:soft-light;background-image:radial-gradient(circle at 22% 62%,rgba(255,255,255,.22) 0%,transparent 55%),radial-gradient(circle at 68% 46%,rgba(0,165,217,.16) 0%,transparent 60%),linear-gradient(to top,rgba(255,255,255,.18),transparent 55%);background-repeat:no-repeat,no-repeat,no-repeat;background-size:auto,auto,auto;background-position:center,center,bottom;--osmo-liquid-noise-mask: var(--osmo-liquid-noise-mask-1x, none)}@supports ((mask-image: linear-gradient(black,black)) or (-webkit-mask-image: linear-gradient(black,black))){.osmo-water-pockets{mask-image:var(--osmo-liquid-noise-mask, none);-webkit-mask-image:var(--osmo-liquid-noise-mask, none);mask-repeat:repeat;-webkit-mask-repeat:repeat;mask-size:var(--osmo-liquid-pockets-mask-size, 1400px) var(--osmo-liquid-pockets-mask-size, 1400px);-webkit-mask-size:var(--osmo-liquid-pockets-mask-size, 1400px) var(--osmo-liquid-pockets-mask-size, 1400px);mask-position:0 0;-webkit-mask-position:0 0;will-change:mask-position;animation:osmoPocketsDrift var(--osmo-liquid-pockets-drift, 120s) linear infinite}}@keyframes osmoPocketsDrift{0%{mask-position:0 0;-webkit-mask-position:0 0}to{mask-position:var(--osmo-liquid-pockets-mask-size, 1400px) var(--osmo-liquid-pockets-mask-size, 1400px);-webkit-mask-position:var(--osmo-liquid-pockets-mask-size, 1400px) var(--osmo-liquid-pockets-mask-size, 1400px)}}.osmo-water-purity{position:absolute;inset:0;opacity:var(--osmo-underwater-purity-opacity, .62);background:radial-gradient(circle at 18% 16%,rgba(0,165,217,.18) 0%,transparent 55%),radial-gradient(circle at 70% 28%,rgba(255,255,255,.06) 0%,transparent 55%),radial-gradient(circle at 50% 70%,rgba(13,148,136,.1) 0%,transparent 60%),linear-gradient(to bottom,#0f172ab8,#0f172a24 62%,#0f172a00);mix-blend-mode:multiply}.osmo-caustics-root{position:absolute;inset:0;mix-blend-mode:var(--caustics-blend, var(--osmo-caustics-blend, screen));opacity:calc(var(--caustics-opacity, var(--osmo-caustics-opacity, .16)) * var(--osmo-caustics-opacity-mult, 1));transition:opacity .8s ease;will-change:opacity;--osmo-caustics-foundation-mask: var(--osmo-caustics-foundation-mask-1x, none);--osmo-caustics-refraction-mask: var(--osmo-caustics-refraction-mask-1x, none)}.osmo-caustics-breath{position:absolute;inset:0;opacity:1;animation:osmoCausticsBreath var(--osmo-caustics-breath-duration, 64s) ease-in-out infinite}.osmo-caustics-layer{position:absolute;inset:0;overflow:hidden;contain:paint;pointer-events:none}.osmo-caustics-layer[data-layer=foundation]{--duration: var(--osmo-caustics-foundation-duration, 25s);--tile-size: var(--osmo-caustics-tile-size-foundation, 680px);opacity:.7}.osmo-caustics-layer[data-layer=refraction]{--duration: var(--osmo-caustics-refraction-duration, 18s);--tile-size: var(--osmo-caustics-tile-size-refraction, 520px);opacity:calc(.5 * var(--osmo-caustics-refraction, 1));mix-blend-mode:overlay}.osmo-caustics-layer .osmo-caustics-tile{position:absolute;left:-50%;top:-50%;width:200%;height:200%;background-image:none;background-repeat:repeat;background-position:0 0;background-size:var(--tile-size, 640px);mask-repeat:repeat;-webkit-mask-repeat:repeat;mask-position:0 0;-webkit-mask-position:0 0;mask-size:var(--tile-size, 640px) var(--tile-size, 640px);-webkit-mask-size:var(--tile-size, 640px) var(--tile-size, 640px);will-change:transform,mask-position;transform-origin:50% 50%}.osmo-caustics-layer[data-layer=foundation] .osmo-caustics-tile{background-color:rgb(var(--osmo-caustics-foundation-tint-rgb, 255 255 255) / 1);mask-image:var(--osmo-caustics-foundation-mask, none);-webkit-mask-image:var(--osmo-caustics-foundation-mask, none);animation:osmoCausticsDriftFoundation var(--duration) linear infinite,osmoCausticsWobbleFoundation calc(var(--duration) * 1.5) ease-in-out infinite}.osmo-caustics-layer[data-layer=refraction] .osmo-caustics-tile{background-color:rgb(var(--osmo-caustics-refraction-tint-rgb, 255 255 255) / 1);mask-image:var(--osmo-caustics-refraction-mask, none);-webkit-mask-image:var(--osmo-caustics-refraction-mask, none);animation:osmoCausticsDriftRefraction var(--duration) linear infinite,osmoCausticsWobbleRefraction calc(var(--duration) * 1.3) ease-in-out infinite}@media(min-resolution:2dppx){.osmo-caustics-root{--osmo-caustics-foundation-mask: var( --osmo-caustics-foundation-mask-2x, var(--osmo-caustics-foundation-mask) );--osmo-caustics-refraction-mask: var( --osmo-caustics-refraction-mask-2x, var(--osmo-caustics-refraction-mask) )}.osmo-water-pockets{--osmo-liquid-noise-mask: var(--osmo-liquid-noise-mask-2x, var(--osmo-liquid-noise-mask))}}@keyframes osmoCausticsBreath{0%,to{opacity:1}45%{opacity:calc(1 - var(--osmo-caustics-breath-strength, .06))}65%{opacity:calc(1 + var(--osmo-caustics-breath-strength, .06))}}@keyframes osmoCausticsDriftFoundation{0%{mask-position:0 0;-webkit-mask-position:0 0}to{mask-position:calc(-2 * var(--tile-size)) calc(-1 * var(--tile-size));-webkit-mask-position:calc(-2 * var(--tile-size)) calc(-1 * var(--tile-size))}}@keyframes osmoCausticsWobbleFoundation{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translateZ(0) rotate(.35deg)}}@media(prefers-reduced-motion:reduce){.osmo-water-rays,.osmo-caustics-breath,.osmo-caustics-layer .osmo-caustics-tile,.osmo-water-pockets{animation:none}}:root[data-osmo-quality=preview] .osmo-water-rays{animation:none;opacity:calc(var(--osmo-submerged-rays-opacity, .16) * .7)}:root[data-osmo-quality=preview] .osmo-caustics-breath{animation:none}:root[data-osmo-quality=preview] .osmo-caustics-layer .osmo-caustics-tile{animation:none}:root[data-osmo-quality=preview] .osmo-caustics-layer[data-layer=refraction]{display:none}:root[data-osmo-quality=preview] .osmo-caustics-root{--osmo-caustics-foundation-mask: var(--osmo-caustics-foundation-mask-1x, none);--osmo-caustics-refraction-mask: var(--osmo-caustics-refraction-mask-1x, none)}:root[data-osmo-quality=preview] .osmo-water-pockets{animation:none;opacity:calc(var(--osmo-liquid-pockets-opacity, .12) * .7);--osmo-liquid-noise-mask: var(--osmo-liquid-noise-mask-1x, none)}:root[data-osmo-motion=off] .osmo-caustics-layer{animation:none}:root[data-osmo-motion=off] .osmo-water-rays{animation:none}:root[data-osmo-motion=off] .osmo-water-pockets{animation:none}:root[data-osmo-motion=off] .osmo-caustics-breath{animation:none}:root[data-osmo-motion=off] .osmo-caustics-layer .osmo-caustics-tile{animation:none}@keyframes osmoCausticsDriftRefraction{0%{mask-position:0 0;-webkit-mask-position:0 0}to{mask-position:calc(-1 * var(--tile-size)) calc(-2 * var(--tile-size));-webkit-mask-position:calc(-1 * var(--tile-size)) calc(-2 * var(--tile-size))}}@keyframes osmoCausticsWobbleRefraction{0%,to{transform:translateZ(0) rotate(-.15deg)}50%{transform:translateZ(0) rotate(.2deg)}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}