::view-transition{pointer-events:none}::view-transition-group(*){animation-duration:var(--transition-duration,.3s);animation-timing-function:var(--transition-easing,ease-in-out)}::view-transition-old(*){animation-duration:var(--transition-duration,.3s);animation-timing-function:var(--transition-easing,ease-in-out)}::view-transition-new(*){animation-duration:var(--transition-duration,.3s);animation-timing-function:var(--transition-easing,ease-in-out)}[data-transition=default] ::view-transition-old(root){animation:.3s ease-in-out fade-out}[data-transition=default] ::view-transition-new(root){animation:.3s ease-in-out fade-in}[data-transition=hero-morph] ::view-transition-old(root){animation:.6s cubic-bezier(.4,0,.2,1) hero-morph-out}[data-transition=hero-morph] ::view-transition-new(root){animation:.6s cubic-bezier(.4,0,.2,1) hero-morph-in}[data-transition=hero-morph] ::view-transition-group(hero){animation:.6s cubic-bezier(.4,0,.2,1) hero-move}[data-transition=slide-up] ::view-transition-old(root){animation:.4s cubic-bezier(.4,0,.2,1) slide-out-down}[data-transition=slide-up] ::view-transition-new(root){animation:.4s cubic-bezier(.4,0,.2,1) slide-in-up}[data-transition=slide-down] ::view-transition-old(root){animation:.4s cubic-bezier(.4,0,.2,1) slide-out-up}[data-transition=slide-down] ::view-transition-new(root){animation:.4s cubic-bezier(.4,0,.2,1) slide-in-down}[data-transition=fade] ::view-transition-old(root){animation:.25s ease-in-out fade-out}[data-transition=fade] ::view-transition-new(root){animation:.25s ease-in-out fade-in}[data-transition=demo-special] ::view-transition-old(root){animation:.8s cubic-bezier(.16,1,.3,1) demo-out}[data-transition=demo-special] ::view-transition-new(root){animation:.8s cubic-bezier(.16,1,.3,1) demo-in}[data-transition=modal] ::view-transition-old(root){animation:.3s cubic-bezier(.4,0,.2,1) modal-out}[data-transition=modal] ::view-transition-new(root){animation:.3s cubic-bezier(.4,0,.2,1) modal-in}::view-transition-group(persistent-canvas){animation:none}::view-transition-old(persistent-canvas){mix-blend-mode:normal;animation:none}::view-transition-new(persistent-canvas){mix-blend-mode:normal;animation:none}::view-transition-group(hero){animation:hero-move var(--transition-duration,.6s)var(--transition-easing,cubic-bezier(.4,0,.2,1))}::view-transition-group(hero-image){animation:hero-move var(--transition-duration,.6s)var(--transition-easing,cubic-bezier(.4,0,.2,1))}::view-transition-group(hero-title){animation:hero-move var(--transition-duration,.6s)var(--transition-easing,cubic-bezier(.4,0,.2,1))}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes hero-morph-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes hero-morph-in{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes hero-move{0%{transform:var(--vt-from-transform,none)}to{transform:var(--vt-to-transform,none)}}@keyframes slide-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-out{0%{opacity:1;filter:blur();transform:scale(1)translateZ(0)}to{opacity:0;filter:blur(10px);transform:scale(.9)translateZ(-100px)}}@keyframes demo-in{0%{opacity:0;filter:blur(10px);transform:scale(1.1)translateZ(100px)}to{opacity:1;filter:blur();transform:scale(1)translateZ(0)}}@keyframes modal-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}