.vtc{z-index:-1;pointer-events:none;opacity:0;position:fixed;inset:0}.vtc>i{display:block;position:absolute;top:0;bottom:0}.vtc-sheet{view-transition-name:vtc-sheet;left:0;right:0}.vtc-col{width:calc(20vw + 1px)}.vtc-col:nth-child(2){view-transition-name:vtc-col-1;left:0}.vtc-col:nth-child(3){view-transition-name:vtc-col-2;left:20vw}.vtc-col:nth-child(4){view-transition-name:vtc-col-3;left:40vw}.vtc-col:nth-child(5){view-transition-name:vtc-col-4;left:60vw}.vtc-col:nth-child(6){view-transition-name:vtc-col-5;left:80vw}:root{--vtc-color:var(--look-fill,#e4572e);--vtc-in:.24s;--vtc-out:.28s;--vtc-hold:60ms;--vtc-ease-in:cubic-bezier(.7, 0, .84, 0);--vtc-ease-out:cubic-bezier(.16, 1, .3, 1)}::view-transition-old(vtc-sheet){display:none}::view-transition-new(vtc-sheet){display:none}::view-transition-group(vtc-sheet){z-index:90;animation:none}::view-transition-group(vtc-col-1){z-index:90;animation:none}::view-transition-group(vtc-col-2){z-index:90;animation:none}::view-transition-group(vtc-col-3){z-index:90;animation:none}::view-transition-group(vtc-col-4){z-index:90;animation:none}::view-transition-group(vtc-col-5){z-index:90;animation:none}::view-transition-old(vtc-col-1){display:none}::view-transition-new(vtc-col-1){display:none}::view-transition-old(vtc-col-2){display:none}::view-transition-new(vtc-col-2){display:none}::view-transition-old(vtc-col-3){display:none}::view-transition-new(vtc-col-3){display:none}::view-transition-old(vtc-col-4){display:none}::view-transition-new(vtc-col-4){display:none}::view-transition-old(vtc-col-5){display:none}::view-transition-new(vtc-col-5){display:none}html:active-view-transition-type(cover-curtain,cover-columns,cover-peel)::view-transition-group(root){animation:none}html:active-view-transition-type(cover-curtain,cover-columns,cover-peel)::view-transition-old(root){animation:none}html:active-view-transition-type(cover-curtain,cover-columns,cover-peel)::view-transition-new(root){animation:none}html:active-view-transition-type(cover-curtain,cover-columns,cover-peel)::view-transition-old(.cover-out){animation:1ms linear calc(var(--vtc-in) + var(--vtc-hold) / 2) both vtc-gone}html:active-view-transition-type(cover-curtain,cover-columns,cover-peel)::view-transition-new(.cover-in){animation:1ms linear calc(var(--vtc-in) + var(--vtc-hold) / 2) both vtc-there}@keyframes vtc-gone{to{opacity:0}}@keyframes vtc-there{0%{opacity:0}}html:active-view-transition-type(cover-curtain)::view-transition-group(vtc-sheet){background:var(--vtc-color);animation:var(--vtc-in) var(--vtc-ease-in) both vtc-drop, var(--vtc-out) var(--vtc-ease-out) calc(var(--vtc-in) + var(--vtc-hold)) forwards vtc-lift}@keyframes vtc-drop{0%{transform:translateY(-100%)}to{transform:none}}@keyframes vtc-lift{0%{transform:none}to{transform:translateY(-100%)}}html:active-view-transition-type(cover-columns){--vtc-in:.27s;--vtc-out:.27s}html:active-view-transition-type(cover-columns)::view-transition-group(vtc-col-1){background:var(--vtc-color);--d:0s;animation:calc(var(--vtc-in) - .12s) var(--vtc-ease-in) var(--d) both vtc-col-drop, calc(var(--vtc-out) - .12s) var(--vtc-ease-out) calc(var(--vtc-in) + var(--vtc-hold) + var(--d)) forwards vtc-fall}html:active-view-transition-type(cover-columns)::view-transition-group(vtc-col-2){background:var(--vtc-color);--d:0s;animation:calc(var(--vtc-in) - .12s) var(--vtc-ease-in) var(--d) both vtc-col-drop, calc(var(--vtc-out) - .12s) var(--vtc-ease-out) calc(var(--vtc-in) + var(--vtc-hold) + var(--d)) forwards vtc-fall}html:active-view-transition-type(cover-columns)::view-transition-group(vtc-col-3){background:var(--vtc-color);--d:0s;animation:calc(var(--vtc-in) - .12s) var(--vtc-ease-in) var(--d) both vtc-col-drop, calc(var(--vtc-out) - .12s) var(--vtc-ease-out) calc(var(--vtc-in) + var(--vtc-hold) + var(--d)) forwards vtc-fall}html:active-view-transition-type(cover-columns)::view-transition-group(vtc-col-4){background:var(--vtc-color);--d:0s;animation:calc(var(--vtc-in) - .12s) var(--vtc-ease-in) var(--d) both vtc-col-drop, calc(var(--vtc-out) - .12s) var(--vtc-ease-out) calc(var(--vtc-in) + var(--vtc-hold) + var(--d)) forwards vtc-fall}html:active-view-transition-type(cover-columns)::view-transition-group(vtc-col-5){background:var(--vtc-color);--d:0s;animation:calc(var(--vtc-in) - .12s) var(--vtc-ease-in) var(--d) both vtc-col-drop, calc(var(--vtc-out) - .12s) var(--vtc-ease-out) calc(var(--vtc-in) + var(--vtc-hold) + var(--d)) forwards vtc-fall}html:active-view-transition-type(cover-columns)::view-transition-group(vtc-col-2){--d:30ms}html:active-view-transition-type(cover-columns)::view-transition-group(vtc-col-3){--d:60ms}html:active-view-transition-type(cover-columns)::view-transition-group(vtc-col-4){--d:90ms}html:active-view-transition-type(cover-columns)::view-transition-group(vtc-col-5){--d:.12s}@keyframes vtc-col-drop{0%{translate:0 -100%}to{translate:0}}@keyframes vtc-fall{0%{translate:0}to{translate:0 100%}}html:active-view-transition-type(cover-peel){--vtc-in:.26s;--vtc-out:.28s}html:active-view-transition-type(cover-peel)::view-transition-group(vtc-sheet){background:var(--vtc-color);animation:var(--vtc-in) var(--vtc-ease-in) both vtc-peel-in, var(--vtc-out) var(--vtc-ease-out) calc(var(--vtc-in) + var(--vtc-hold)) forwards vtc-peel-out}@keyframes vtc-peel-in{0%{transform:translate(-50%,-50%)rotate(-100deg)translate(50%,50%)}to{transform:translate(-50%,-50%)rotate(0)translate(50%,50%)}}@keyframes vtc-peel-out{0%{transform:translate(50%,-50%)rotate(0)translate(-50%,50%)}to{transform:translate(50%,-50%)rotate(100deg)translate(-50%,50%)}}@media (prefers-reduced-motion:reduce){::view-transition-group(vtc-sheet){display:none!important}::view-transition-group(vtc-col-1){display:none!important}::view-transition-group(vtc-col-2){display:none!important}::view-transition-group(vtc-col-3){display:none!important}::view-transition-group(vtc-col-4){display:none!important}::view-transition-group(vtc-col-5){display:none!important}html::view-transition-old(.cover-out){animation:.2s both vtc-gone!important}html::view-transition-new(.cover-in){animation:.2s both vtc-there!important}}
