.ocean:where(.astro-CWZYVYLR){--flipped: 0deg;--scale: -1;height:100px;width:100%;position:absolute;top:100%;left:0;right:0;overflow-x:hidden;transform:scaleY(var(--scale)) rotate(var(--flipped))}.ocean:where(.astro-CWZYVYLR).up{--scale: 1;top:auto;bottom:100%}.wave:where(.astro-CWZYVYLR){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%230d0d0d'/%3E%3C/svg%3E");position:absolute;width:200%;height:100%;animation:wave 50s -3s ease-in-out infinite;opacity:.3}body.non-animated .wave:where(.astro-CWZYVYLR){animation:none}.opposite-color:where(.astro-CWZYVYLR) .wave:where(.astro-CWZYVYLR){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23f7f7f7'/%3E%3C/svg%3E")}.dark-color:where(.astro-CWZYVYLR) .wave:where(.astro-CWZYVYLR){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%231b1b1b'/%3E%3C/svg%3E")}.wave:where(.astro-CWZYVYLR):nth-of-type(2){bottom:0;animation:wave 90s ease-in-out reverse infinite;height:80%;opacity:.5}.wave:where(.astro-CWZYVYLR):nth-of-type(3){bottom:0;height:40%;animation:wave 160s -1s ease-in-out infinite;opacity:1}@keyframes wave{0%{transform:translate(0)}25%{transform:translate(-25%)}50%{transform:translate(-50%)}75%{transform:translate(-25%)}to{transform:translate(0)}}@keyframes wave-rev{0%{transform:translate(0)}25%{transform:translate(25%)}50%{transform:translate(50%)}75%{transform:translate(25%)}to{transform:translate(0)}}