.sea.svelte-11bgzuu{height:var(--sea-h,4rem);margin-top:var(--sea-overlap,0);pointer-events:none;position:relative;overflow:hidden}.sea.svelte-11bgzuu:before,.sea.svelte-11bgzuu:after{content:"";position:absolute;inset:0}.down.svelte-11bgzuu:before{background:linear-gradient(to bottom, transparent, var(--color-sea-4) 28%, var(--color-sea-3) 52%, var(--color-sea-2) 72%, var(--color-sea-1) 88%, var(--color-bg))}.up.svelte-11bgzuu:before{background:linear-gradient(to top, transparent, var(--color-sea-4) 28%, var(--color-sea-3) 52%, var(--color-sea-2) 72%, var(--color-sea-1) 88%, var(--color-bg))}.sea.svelte-11bgzuu:after{background:var(--color-sea-foam)}.down.svelte-11bgzuu:after{-webkit-mask:var(--texture-ripple-h) 0 0 / var(--texture-ripple-tile) 100% repeat-x, linear-gradient(to bottom, transparent 32%, black 58%, black 80%, transparent 98%);mask:var(--texture-ripple-h) 0 0 / var(--texture-ripple-tile) 100% repeat-x, linear-gradient(to bottom, transparent 32%, black 58%, black 80%, transparent 98%);-webkit-mask-composite:source-in;mask-composite:intersect}.up.svelte-11bgzuu:after{-webkit-mask:var(--texture-ripple-h) calc(var(--texture-ripple-tile) / 2) 0 / var(--texture-ripple-tile) 100% repeat-x, linear-gradient(to top, transparent 8%, black 40%, black 70%, transparent 96%);mask:var(--texture-ripple-h) calc(var(--texture-ripple-tile) / 2) 0 / var(--texture-ripple-tile) 100% repeat-x, linear-gradient(to top, transparent 8%, black 40%, black 70%, transparent 96%);-webkit-mask-composite:source-in;mask-composite:intersect}@media (prefers-reduced-motion:no-preference){.down.svelte-11bgzuu:after{animation:svelte-11bgzuu-drift var(--duration-drift) linear infinite}.up.svelte-11bgzuu:after{animation:svelte-11bgzuu-drift-back var(--duration-drift) linear infinite}}@keyframes svelte-11bgzuu-drift{0%{-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0}to{-webkit-mask-position:calc(-1 * var(--texture-ripple-tile)) 0, 0 0;mask-position:calc(-1 * var(--texture-ripple-tile)) 0, 0 0}}@keyframes svelte-11bgzuu-drift-back{0%{-webkit-mask-position:calc(var(--texture-ripple-tile) / -2) 0, 0 0;mask-position:calc(var(--texture-ripple-tile) / -2) 0, 0 0}to{-webkit-mask-position:calc(var(--texture-ripple-tile) / 2) 0, 0 0;mask-position:calc(var(--texture-ripple-tile) / 2) 0, 0 0}}
