.transition-wave{position:fixed;inset:0;z-index:10000;overflow:hidden;overflow:clip;contain:paint;isolation:isolate;pointer-events:auto;touch-action:none}
.transition-water{position:absolute;left:-30%;top:-30%;width:160%;height:160%;background:#082740;transform:translate3d(70vw,145vh,0) rotate(-10deg);will-change:transform;backface-visibility:hidden}
.transition-crest{position:absolute;left:0;bottom:calc(100% - var(--crest-overlap));width:var(--crest-width);height:var(--crest-height);max-width:none;overflow:hidden;mask-image:linear-gradient(to bottom,#000 65%,transparent 100%)}
.transition-crest:last-child{bottom:auto;top:calc(100% - var(--crest-overlap));transform:rotate(180deg)}
.wave-arriving::after{content:"";position:fixed;inset:0;z-index:9999;background:#082740}
html.wave-leaving{cursor:progress}
html.wave-leaving .event-copy .button{background:#082740}
@media(max-width:600px){
 .transition-water{left:-24px;top:-100px;width:calc(100% + 48px);height:calc(var(--wave-scene-height) + 200px);transform:translate3d(0,calc(var(--wave-scene-height) + 260px),0)}
}
@media(prefers-reduced-motion:reduce){.transition-wave,.wave-arriving::after{display:none}}