.page-wave{position:fixed;inset:0;z-index:1000;pointer-events:none;--wave-w:34px;--wave-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 360'%3E%3Cpath d='M0 0H17C34 90 34 90 17 180S0 270 17 360H0Z'/%3E%3C/svg%3E")}.page-wave--cover,.page-wave--reveal,.page-wave--waiting{pointer-events:auto}.page-wave__layer{position:absolute;top:0;bottom:0;left:0;width:100%;transform:translateX(calc(-100% - var(--wave-w) - 4px));will-change:transform}.page-wave__layer--main{background:var(--color-slate)}.page-wave__layer--foam{background:var(--color-sage-tint)}.page-wave__layer:after,.page-wave__layer:before{content:"";position:absolute;top:0;bottom:0;width:var(--wave-w);background:inherit;-webkit-mask:var(--wave-mask) 0 0 /var(--wave-w) 360px repeat-y;mask:var(--wave-mask) 0 0 /var(--wave-w) 360px repeat-y;animation:wave-flow 2.6s linear infinite}.page-wave__layer:after{left:calc(100% - 1px)}.page-wave__layer:before{right:calc(100% - 1px);transform:scaleX(-1);animation-direction:reverse}@keyframes wave-flow{to{-webkit-mask-position:0 360px;mask-position:0 360px}}.page-wave--cover .page-wave__layer,.page-wave--waiting .page-wave__layer{transform:translateX(0);transition:transform .62s cubic-bezier(.65,0,.35,1)}.page-wave--cover .page-wave__layer--main{transition-delay:70ms}.page-wave--reveal .page-wave__layer{transform:translateX(calc(100% + var(--wave-w) + 4px));transition:transform .76s cubic-bezier(.65,0,.35,1)}.page-wave--reveal .page-wave__layer--foam{transition-delay:60ms}.page-wave--idle .page-wave__layer{transition:none}.page-wave--idle .page-wave__layer:after,.page-wave--idle .page-wave__layer:before{animation-play-state:paused}