.page{flex-flow:column wrap;place-content:center;gap:1.2vmax;width:100%;height:100vh;display:flex}.page video{z-index:-1;object-fit:cover;width:100%;height:100vh;position:fixed}.page .button-show-or-not{background-color:#0002;border:.1vmax solid #0003;border-radius:50%;flex-wrap:wrap;place-content:center;width:1.4vmax;height:1.4vmax;margin-inline:auto;padding:1vmax;display:flex}.page .button-show-or-not:active{opacity:.5}.page .rectangle{background-image:linear-gradient(to bottom right,orange,#0ff);width:18vmax;height:7vmax;position:relative}.page .rectangle.rectangle-gradient{background-image:linear-gradient(to bottom right,orange,#0ff)}.page .rectangle.rectangle-hidden{opacity:0}::view-transition-new(.slide-in-left){animation-name:slideInLeft;animation-duration:.5s;animation-timing-function:ease-in-out}::view-transition-old(.slide-out-right){animation-name:slideOutRight;animation-duration:.5s;animation-timing-function:ease-in-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0%)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0%)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(100%)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(-100%)}}