:root{--clip-value-top:0px;--clip-value-bottom:0px;--max-height:auto;--page-wrapper-title-height-old:calc(clamp(2.825rem, 2.825vw, 3.5rem));--page-wrapper-title-height-new:calc(clamp(2.825rem, 2.825vw, 3.5rem))}::view-transition-group(page-wrapper-title){clip-path:inset(0 0 0 0)}::view-transition-old(page-wrapper-title){animation:slide-old-title 1s cubic-bezier(.6,0,0,1) both}::view-transition-new(page-wrapper-title){animation:slide-new-title 1s cubic-bezier(.6,0,0,1) both}::view-transition-group(page-wrapper-title-delay){clip-path:inset(0 0 0 0)}::view-transition-old(page-wrapper-title-delay){animation:slide-old-title 1s cubic-bezier(.6,0,0,1) both}::view-transition-new(page-wrapper-title-delay){animation:slide-new-title 1s cubic-bezier(.6,0,0,1) both;animation-delay:.5s}::view-transition-old(page-content-top-new),::view-transition-old(page-content-top-old){animation:clip-out-top-old 1s cubic-bezier(.6,0,0,1) both;max-height:var(--clip-value-top);overflow:clip;object-fit:cover;object-position:top;will-change:clip-path transform;transform:translateZ(0);backface-visibility:hidden;z-index:2}::view-transition-new(page-content-top-new),::view-transition-new(page-content-top-old){animation:clip-in-top-new 1s cubic-bezier(.6,0,0,1) both;animation-delay:.5s;max-height:var(--max-height);overflow:clip;object-fit:cover;object-position:top;will-change:clip-path transform;transform:translateZ(0);backface-visibility:hidden;z-index:3}::view-transition-old(page-content-center-new),::view-transition-old(page-content-center-old){animation:fade-out 1s cubic-bezier(.6,0,0,1) both;z-index:2}::view-transition-new(page-content-center-new),::view-transition-new(page-content-center-old){animation:fade-in 1s cubic-bezier(.6,0,0,1) both;animation-delay:.5s;z-index:3}::view-transition-old(page-content-bottom-new),::view-transition-old(page-content-bottom-old){animation:clip-out-bottom-old 1s cubic-bezier(.6,0,0,1) both;z-index:2}::view-transition-new(page-content-bottom-new),::view-transition-new(page-content-bottom-old){animation:clip-in-bottom-new 1s cubic-bezier(.6,0,0,1) both;animation-delay:.5s;max-height:var(--max-height);overflow:clip;object-fit:cover;object-position:top;z-index:3}@keyframes clip-out-top-old{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(100% 0 0 0)}}@keyframes clip-in-top-new{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes clip-in-center-new{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes clip-out-bottom-old{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 var(--clip-value-bottom) 0)}}@keyframes clip-in-bottom-new{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes slide-old-title{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-new-title{0%{transform:translateY(var(--page-wrapper-title-height-old))}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}