@view-transition{navigation:auto}::view-transition-group(page-content){animation-duration:1s;animation-timing-function:ease-out}main{view-transition-name:page-content}.anim-left,.anim-right,.anim-up,.anim-down,.anim-blur{--tf:cubic-bezier(.2, .8, .2, 1);will-change:opacity, filter, transform;animation-duration:1s;animation-timing-function:cubic-bezier(.2,.8,.2,1);transition:var(--default-ease), opacity 1s var(--tf), filter 1s var(--tf), transform 1s var(--tf)!important}@keyframes fadeOut{0%{opacity:1}to{opacity:0!important;filter:blur(16px)brightness(.5)!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-30px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeLeft{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes blurIn{0%{opacity:0;filter:blur(20px)brightness(30%)}to{opacity:1;filter:blur()brightness()}}.anim-left{opacity:0}.anim-left.in-view{opacity:1;animation:1s cubic-bezier(.2,.8,.2,1) backwards fadeRight}.anim-left.out-view{opacity:0;animation:1s cubic-bezier(.2,.8,.2,1) fadeRight}.anim-right{opacity:0;animation:1s cubic-bezier(.2,.8,.2,1) fadeLeft}.anim-right.in-view{opacity:1;animation:1s cubic-bezier(.2,.8,.2,1) backwards fadeLeft}.anim-up{opacity:0}.anim-up.in-view{opacity:1;animation:1s cubic-bezier(.2,.8,.2,1) backwards fadeUp}.anim-up.out-view{opacity:0;animation:1s cubic-bezier(.2,.8,.2,1) fadeUp}.anim-down{opacity:0}.anim-down.in-view{opacity:1;animation:1s cubic-bezier(.2,.8,.2,1) backwards fadeDown}.anim-down.out-view{opacity:0;animation:1s cubic-bezier(.2,.8,.2,1) fadeDown}.anim-blur{opacity:0;filter:blur(20px)brightness(30%);transition:all 1s}.anim-blur.in-view{opacity:1;filter:blur()brightness()}