:root{--safe-area-inset-top: 0px;--safe-area-inset-right: 0px;--safe-area-inset-bottom: 0px;--safe-area-inset-left: 0px}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-right: env(safe-area-inset-right);--safe-area-inset-bottom: env(safe-area-inset-bottom);--safe-area-inset-left: env(safe-area-inset-left)}}:root:active-view-transition-type(slide-left)::view-transition-old(screen){animation:.33s cubic-bezier(.4,0,.2,1) both slide-out-left}:root:active-view-transition-type(slide-left)::view-transition-new(screen){animation:.33s cubic-bezier(.4,0,.2,1) both slide-in-left;box-shadow:-10px 0 20px #0000004d}:root:active-view-transition-type(slide-left) [view-transition-name]:not([view-transition-name=screen]){view-transition-name:none!important}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-10%)}}@keyframes slide-in-left{0%{transform:translate(100%)}to{transform:translate(0)}}:root:active-view-transition-type(slide-right)::view-transition-old(screen){z-index:1;animation:.33s cubic-bezier(.4,0,.2,1) both slide-out-right;box-shadow:-10px 0 20px #0000004d}:root:active-view-transition-type(slide-right)::view-transition-new(screen){z-index:0;animation:.33s cubic-bezier(.4,0,.2,1) both slide-in-right}:root:active-view-transition-type(slide-right) [view-transition-name]:not([view-transition-name=screen]){view-transition-name:none!important}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-in-right{0%{transform:translate(-10%)}to{transform:translate(0)}}:root:active-view-transition-type(warp)::view-transition-old(view){animation:.33s ease-out both warp-out}:root:active-view-transition-type(warp)::view-transition-new(view){animation:.33s ease-out both warp-in}:root:active-view-transition-type(warp) [view-transition-name]:not([view-transition-name=view]){view-transition-name:none!important}@keyframes warp-out{0%{filter:blur(0) brightness(1);opacity:1;transform:scale(1) rotate(0)}to{filter:blur(15px) brightness(1.8);opacity:0;transform:scale(1.1) rotate(90deg)}}@keyframes warp-in{0%{filter:blur(15px) brightness(1.8);opacity:0;transform:scale(.9) rotate(-45deg)}to{filter:blur(0) brightness(1);opacity:1;transform:scale(1) rotate(0)}}