@property --column-one{inherits:true;initial-value:0;syntax:"<number>"}@property --column-two{inherits:true;initial-value:0;syntax:"<number>"}@property --column-three{inherits:true;initial-value:0;syntax:"<number>"}@property --column-four{inherits:true;initial-value:0;syntax:"<number>"}@property --column-five{inherits:true;initial-value:0;syntax:"<number>"}@keyframes one{0%{--column-one:100}}@keyframes two{0%{--column-two:100}}@keyframes three{0%{--column-three:100}}@keyframes four{0%{--column-four:100}}@keyframes five{0%{--column-five:100}}[data-style=slides]::view-transition-new(root){clip-path:polygon(0 100%,0 calc(var(--column-one) * 1%),20% calc(var(--column-one) * 1%),20% 100%,20% 100%,20% calc(var(--column-two) * 1%),40% calc(var(--column-two) * 1%),40% 100%,40% 100%,40% calc(var(--column-three) * 1%),60% calc(var(--column-three) * 1%),60% 100%,60% 100%,60% calc(var(--column-four) * 1%),80% calc(var(--column-four) * 1%),80% 100%,80% 100%,80% calc(var(--column-five) * 1%),100% calc(var(--column-five) * 1%),100% 100%);--speed:0.625;--columns:5;animation:one calc(var(--speed) * 1s) calc(sin((0 / 5) * 45deg) * var(--speed) * 1s),two calc(var(--speed) * 1s) calc(sin((1 / 5) * 45deg) * var(--speed) * 1s),three calc(var(--speed) * 1s) calc(sin((2 / 5) * 45deg) * var(--speed) * 1s),four calc(var(--speed) * 1s) calc(sin((3 / 5) * 45deg) * var(--speed) * 1s),five calc(var(--speed) * 1s) calc(sin((4 / 5) * 45deg) * var(--speed) * 1s);animation-fill-mode:both;animation-timing-function:linear(0 0,.0027 3.64%,.0106 7.29%,.0425 14.58%,.0957 21.87%,.1701 29.16%,.2477 35.19%,.3401 41.23%,.5982 55.18%,.7044 61.56%,.7987 68.28%,.875 75%,.9297 81.25%,.9687 87.5%,.9922 93.75%,1 100%);z-index:2}[data-style=slides]::view-transition-old(root){animation:none}[data-style=wipe]::view-transition-group(root){animation-duration:1.25s}[data-style=wipe]::view-transition-new(root){animation-name:reveal-light}[data-style=wipe]::view-transition-old(root),[data-style=wipe][data-theme=dark]::view-transition-old(root){animation:none}[data-style=wipe][data-theme=dark]::view-transition-new(root){animation-name:reveal-dark}@keyframes reveal-dark{0%{clip-path:polygon(-30% 0,-30% 0,-15% 100%,-10% 115%)}to{clip-path:polygon(-30% 0,130% 0,115% 100%,-10% 115%)}}@keyframes reveal-light{0%{clip-path:polygon(130% 0,130% 0,115% 100%,110% 115%)}to{clip-path:polygon(130% 0,-30% 0,-15% 100%,110% 115%)}}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}::view-transition-image-pair(root){isolation:auto}::view-transition-group(root){animation:none}[data-style=flip]:root{--size:45px;--line:color-mix(in lch,#fff,transparent 85%);background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) 50% 50% /var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 50% 50% /var(--size) var(--size),#1a5793}[data-style=flip]::view-transition-new(body),[data-style=flip]::view-transition-old(body){animation:pan 1s ease-in-out;backface-visibility:hidden;box-shadow:2.2px 61.3px 73.1px -2px rgba(0,0,0,.58)}[data-style=flip]::view-transition-new(body){--sr:180deg;background:canvas}[data-style=flip]::view-transition-old(body){--sr:0deg;backface-visibility:hidden}[data-style=flip] body{view-transition-name:body}@keyframes pan{0%{transform:scale(1) rotateY(var(--sr))}25%{transform:scale(.5) rotateY(var(--sr));box-shadow:1.8px 50.7px 51.4px -3.2px rgba(0,0,0,.32)}75%{transform:scale(.5) rotateY(calc(var(--sr) + 180deg));box-shadow:1.8px 50.7px 51.4px -3.2px rgba(0,0,0,.32)}to{transform:scale(1) rotateY(calc(var(--sr) + 180deg))}}[data-style=flip]:root{view-transition-name:none}