:root{--bg-color:#ffffff;--text-color:#0a0a0a}html.dark{--bg-color:#0b0b0d;--text-color:#e5e7eb}body,html{background:var(--bg-color);color:var(--text-color)}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}html[data-transition]::view-transition-new(root){z-index:1}html[data-transition]::view-transition-old(root){z-index:0}:root{--vt-duration:1.2s;--vt-ease:cubic-bezier(0.22,1,0.36,1)}@keyframes diag-in-tl-br{0%{transform:translate(-100%,-100%)}to{transform:translate(0)}}@keyframes diag-out-tl-br{0%{transform:translate(0)}to{transform:translate(100%,100%)}}html[data-transition=diagonal-sweep-tl-br]::view-transition-new(root){animation:diag-in-tl-br var(--vt-duration) var(--vt-ease) both}html[data-transition=diagonal-sweep-tl-br]::view-transition-old(root){animation:diag-out-tl-br var(--vt-duration) var(--vt-ease) both}@keyframes diag-in-tr-bl{0%{transform:translate(100%,-100%)}to{transform:translate(0)}}@keyframes diag-out-tr-bl{0%{transform:translate(0)}to{transform:translate(-100%,100%)}}html[data-transition=diagonal-sweep-tr-bl]::view-transition-new(root){animation:diag-in-tr-bl var(--vt-duration) var(--vt-ease) both}html[data-transition=diagonal-sweep-tr-bl]::view-transition-old(root){animation:diag-out-tr-bl var(--vt-duration) var(--vt-ease) both}@keyframes diag-in-bl-tr{0%{transform:translate(-100%,100%)}to{transform:translate(0)}}@keyframes diag-out-bl-tr{0%{transform:translate(0)}to{transform:translate(100%,-100%)}}html[data-transition=diagonal-sweep-bl-tr]::view-transition-new(root){animation:diag-in-bl-tr var(--vt-duration) var(--vt-ease) both}html[data-transition=diagonal-sweep-bl-tr]::view-transition-old(root){animation:diag-out-bl-tr var(--vt-duration) var(--vt-ease) both}@keyframes diag-in-br-tl{0%{transform:translate(100%,100%)}to{transform:translate(0)}}@keyframes diag-out-br-tl{0%{transform:translate(0)}to{transform:translate(-100%,-100%)}}html[data-transition=diagonal-sweep-br-tl]::view-transition-new(root){animation:diag-in-br-tl var(--vt-duration) var(--vt-ease) both}html[data-transition=diagonal-sweep-br-tl]::view-transition-old(root){animation:diag-out-br-tl var(--vt-duration) var(--vt-ease) both}@keyframes scale-in-tl{0%{transform-origin:0 0;transform:scale(.2)}to{transform-origin:0 0;transform:scale(1)}}@keyframes scale-in-tr{0%{transform-origin:100% 0;transform:scale(.2)}to{transform-origin:100% 0;transform:scale(1)}}@keyframes scale-in-bl{0%{transform-origin:0 100%;transform:scale(.2)}to{transform-origin:0 100%;transform:scale(1)}}@keyframes scale-in-br{0%{transform-origin:100% 100%;transform:scale(.2)}to{transform-origin:100% 100%;transform:scale(1)}}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(1.05);opacity:0}}html[data-transition=corner-reveal-tl]::view-transition-new(root){animation:scale-in-tl var(--vt-duration) var(--vt-ease) both}html[data-transition=corner-reveal-tl]::view-transition-old(root){animation:scale-out-center var(--vt-duration) ease both}html[data-transition=corner-reveal-tr]::view-transition-new(root){animation:scale-in-tr var(--vt-duration) var(--vt-ease) both}html[data-transition=corner-reveal-tr]::view-transition-old(root){animation:scale-out-center var(--vt-duration) ease both}html[data-transition=corner-reveal-bl]::view-transition-new(root){animation:scale-in-bl var(--vt-duration) var(--vt-ease) both}html[data-transition=corner-reveal-bl]::view-transition-old(root){animation:scale-out-center var(--vt-duration) ease both}html[data-transition=corner-reveal-br]::view-transition-new(root){animation:scale-in-br var(--vt-duration) var(--vt-ease) both}html[data-transition=corner-reveal-br]::view-transition-old(root){animation:scale-out-center var(--vt-duration) ease both}@keyframes wipe-new-left{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes wipe-old-left{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}html[data-transition=wipe-left]::view-transition-new(root){animation:wipe-new-left var(--vt-duration) var(--vt-ease) both}html[data-transition=wipe-left]::view-transition-old(root){animation:wipe-old-left var(--vt-duration) var(--vt-ease) both}@keyframes wipe-new-right{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes wipe-old-right{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}html[data-transition=wipe-right]::view-transition-new(root){animation:wipe-new-right var(--vt-duration) var(--vt-ease) both}html[data-transition=wipe-right]::view-transition-old(root){animation:wipe-old-right var(--vt-duration) var(--vt-ease) both}@keyframes wipe-new-down{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes wipe-old-down{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}html[data-transition=wipe-down]::view-transition-new(root){animation:wipe-new-down var(--vt-duration) var(--vt-ease) both}html[data-transition=wipe-down]::view-transition-old(root){animation:wipe-old-down var(--vt-duration) var(--vt-ease) both}@keyframes wipe-new-up{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes wipe-old-up{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(100% 0 0 0)}}html[data-transition=wipe-up]::view-transition-new(root){animation:wipe-new-up var(--vt-duration) var(--vt-ease) both}html[data-transition=wipe-up]::view-transition-old(root){animation:wipe-old-up var(--vt-duration) var(--vt-ease) both}@keyframes wipe-new-center-out-h{0%{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0 0 0 0)}}@keyframes wipe-old-center-out-h{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 50% 0 50%)}}html[data-transition=wipe-center-out-h]::view-transition-new(root){animation:wipe-new-center-out-h var(--vt-duration) var(--vt-ease) both}html[data-transition=wipe-center-out-h]::view-transition-old(root){animation:wipe-old-center-out-h var(--vt-duration) var(--vt-ease) both}@keyframes wipe-new-edges-in-h{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 50% 0 50%);opacity:0}}@keyframes wipe-old-edges-in-h{0%{clip-path:inset(0 50% 0 50%);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}html[data-transition=wipe-edges-in-h]::view-transition-new(root){animation:wipe-old-edges-in-h var(--vt-duration) var(--vt-ease) reverse both}html[data-transition=wipe-edges-in-h]::view-transition-old(root){animation:wipe-new-edges-in-h var(--vt-duration) var(--vt-ease) both}@keyframes wipe-new-center-out-v{0%{clip-path:inset(50% 0 50% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes wipe-old-center-out-v{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(50% 0 50% 0)}}html[data-transition=wipe-center-out-v]::view-transition-new(root){animation:wipe-new-center-out-v var(--vt-duration) var(--vt-ease) both}html[data-transition=wipe-center-out-v]::view-transition-old(root){animation:wipe-old-center-out-v var(--vt-duration) var(--vt-ease) both}@keyframes wipe-new-edges-in-v{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(50% 0 50% 0);opacity:0}}@keyframes wipe-old-edges-in-v{0%{clip-path:inset(50% 0 50% 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}html[data-transition=wipe-edges-in-v]::view-transition-new(root){animation:wipe-old-edges-in-v var(--vt-duration) var(--vt-ease) reverse both}html[data-transition=wipe-edges-in-v]::view-transition-old(root){animation:wipe-new-edges-in-v var(--vt-duration) var(--vt-ease) both}@keyframes circle-expand-center-in{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(150% at 50% 50%)}}@keyframes circle-expand-center-out{0%{clip-path:circle(150% at 50% 50%)}to{clip-path:circle(0 at 50% 50%)}}html[data-transition=circle-expand-center]::view-transition-new(root){animation:circle-expand-center-in var(--vt-duration) var(--vt-ease) both}html[data-transition=circle-expand-center]::view-transition-old(root){animation:circle-expand-center-out var(--vt-duration) var(--vt-ease) both}@keyframes circle-shrink-center-in{0%{clip-path:circle(150% at 50% 50%)}to{clip-path:circle(0 at 50% 50%)}}@keyframes circle-shrink-center-out{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(150% at 50% 50%)}}html[data-transition=circle-shrink-center]::view-transition-new(root){animation:circle-shrink-center-out var(--vt-duration) var(--vt-ease) both}html[data-transition=circle-shrink-center]::view-transition-old(root){animation:circle-shrink-center-in var(--vt-duration) var(--vt-ease) both}@keyframes circle-expand-tl-in{0%{clip-path:circle(0 at 0 0)}to{clip-path:circle(200% at 0 0)}}@keyframes circle-expand-tl-out{0%{clip-path:circle(200% at 0 0)}to{clip-path:circle(0 at 0 0)}}html[data-transition=circle-expand-top-left]::view-transition-new(root){animation:circle-expand-tl-in var(--vt-duration) var(--vt-ease) both}html[data-transition=circle-expand-top-left]::view-transition-old(root){animation:circle-expand-tl-out var(--vt-duration) var(--vt-ease) both}@keyframes circle-expand-br-in{0%{clip-path:circle(0 at 100% 100%)}to{clip-path:circle(200% at 100% 100%)}}@keyframes circle-expand-br-out{0%{clip-path:circle(200% at 100% 100%)}to{clip-path:circle(0 at 100% 100%)}}html[data-transition=circle-expand-bottom-right]::view-transition-new(root){animation:circle-expand-br-in var(--vt-duration) var(--vt-ease) both}html[data-transition=circle-expand-bottom-right]::view-transition-old(root){animation:circle-expand-br-out var(--vt-duration) var(--vt-ease) both}@keyframes slide-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-in-up{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-in-down{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-slight{0%{opacity:1}to{opacity:.6}}html[data-transition=slide-over-left]::view-transition-new(root){animation:slide-in-left var(--vt-duration) var(--vt-ease) both;z-index:2}html[data-transition=slide-over-left]::view-transition-old(root){animation:fade-slight var(--vt-duration) linear both}html[data-transition=slide-over-right]::view-transition-new(root){animation:slide-in-right var(--vt-duration) var(--vt-ease) both;z-index:2}html[data-transition=slide-over-right]::view-transition-old(root){animation:fade-slight var(--vt-duration) linear both}html[data-transition=slide-over-up]::view-transition-new(root){animation:slide-in-up var(--vt-duration) var(--vt-ease) both;z-index:2}html[data-transition=slide-over-up]::view-transition-old(root){animation:fade-slight var(--vt-duration) linear both}html[data-transition=slide-over-down]::view-transition-new(root){animation:slide-in-down var(--vt-duration) var(--vt-ease) both;z-index:2}html[data-transition=slide-over-down]::view-transition-old(root){animation:fade-slight var(--vt-duration) linear both}@keyframes push-old-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes push-new-left{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes push-old-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes push-new-right{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes push-old-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes push-new-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes push-old-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes push-new-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}html[data-transition=slide-push-left]::view-transition-old(root){animation:push-old-left var(--vt-duration) var(--vt-ease) both;z-index:2}html[data-transition=slide-push-left]::view-transition-new(root){animation:push-new-left var(--vt-duration) var(--vt-ease) both;z-index:1}html[data-transition=slide-push-right]::view-transition-old(root){animation:push-old-right var(--vt-duration) var(--vt-ease) both;z-index:2}html[data-transition=slide-push-right]::view-transition-new(root){animation:push-new-right var(--vt-duration) var(--vt-ease) both;z-index:1}html[data-transition=slide-push-up]::view-transition-old(root){animation:push-old-up var(--vt-duration) var(--vt-ease) both;z-index:2}html[data-transition=slide-push-up]::view-transition-new(root){animation:push-new-up var(--vt-duration) var(--vt-ease) both;z-index:1}html[data-transition=slide-push-down]::view-transition-old(root){animation:push-old-down var(--vt-duration) var(--vt-ease) both;z-index:2}html[data-transition=slide-push-down]::view-transition-new(root){animation:push-new-down var(--vt-duration) var(--vt-ease) both;z-index:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}html[data-transition=fade-blend]::view-transition-new(root){animation:fade-in var(--vt-duration) ease both}html[data-transition=fade-blend]::view-transition-old(root){animation:fade-out var(--vt-duration) ease both}@keyframes fade-to-black{0%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes fade-from-black{0%{opacity:0}50%{opacity:0}to{opacity:1}}html[data-transition=fade-through-black]::view-transition-old(root){animation:fade-to-black var(--vt-duration) ease both}html[data-transition=fade-through-black]::view-transition-new(root){animation:fade-from-black var(--vt-duration) ease both;background:var(--bg-color)}@keyframes split-v-new{0%{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0 0 0 0)}}@keyframes split-v-old{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 50% 0 50%)}}html[data-transition=split-vertical]::view-transition-new(root){animation:split-v-new var(--vt-duration) var(--vt-ease) both}html[data-transition=split-vertical]::view-transition-old(root){animation:split-v-old var(--vt-duration) var(--vt-ease) both}@keyframes split-h-new{0%{clip-path:inset(50% 0 50% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes split-h-old{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(50% 0 50% 0)}}html[data-transition=split-horizontal]::view-transition-new(root){animation:split-h-new var(--vt-duration) var(--vt-ease) both}html[data-transition=split-horizontal]::view-transition-old(root){animation:split-h-old var(--vt-duration) var(--vt-ease) both}@keyframes split-diag-tl-br-new{0%{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes split-diag-tl-br-old{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}}html[data-transition=split-diagonal-tl-br]::view-transition-new(root){animation:split-diag-tl-br-new var(--vt-duration) var(--vt-ease) both}html[data-transition=split-diagonal-tl-br]::view-transition-old(root){animation:split-diag-tl-br-old var(--vt-duration) var(--vt-ease) both}@keyframes split-diag-tr-bl-new{0%{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes split-diag-tr-bl-old{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}}html[data-transition=split-diagonal-tr-bl]::view-transition-new(root){animation:split-diag-tr-bl-new var(--vt-duration) var(--vt-ease) both}html[data-transition=split-diagonal-tr-bl]::view-transition-old(root){animation:split-diag-tr-bl-old var(--vt-duration) var(--vt-ease) both}@keyframes zigzag-h-new{0%{clip-path:polygon(0 0,10% 0,8% 15%,16% 30%,12% 45%,18% 60%,12% 75%,20% 90%,0 100%)}to{clip-path:polygon(100% 0,100% 0,92% 15%,84% 30%,88% 45%,82% 60%,88% 75%,80% 90%,100% 100%)}}@keyframes zigzag-h-old{0%{clip-path:polygon(0 0,100% 0,92% 15%,84% 30%,88% 45%,82% 60%,88% 75%,80% 90%,0 100%)}to{clip-path:polygon(0 0,10% 0,8% 15%,16% 30%,12% 45%,18% 60%,12% 75%,20% 90%,0 100%)}}html[data-transition=zigzag-horizontal]::view-transition-new(root){animation:zigzag-h-new var(--vt-duration) var(--vt-ease) both}html[data-transition=zigzag-horizontal]::view-transition-old(root){animation:zigzag-h-old var(--vt-duration) var(--vt-ease) both}@keyframes zigzag-v-new{0%{clip-path:polygon(0 0,100% 0,85% 8%,70% 16%,85% 24%,70% 32%,85% 40%,100% 50%,100% 0)}to{clip-path:polygon(0 100%,100% 100%,85% 92%,70% 84%,85% 76%,70% 68%,85% 60%,100% 50%,100% 100%)}}@keyframes zigzag-v-old{0%{clip-path:polygon(0 0,100% 0,100% 100%,85% 92%,70% 84%,85% 76%,70% 68%,85% 60%,100% 50%)}to{clip-path:polygon(0 0,100% 0,85% 8%,70% 16%,85% 24%,70% 32%,85% 40%,100% 50%,100% 0)}}html[data-transition=zigzag-vertical]::view-transition-new(root){animation:zigzag-v-new var(--vt-duration) var(--vt-ease) both}html[data-transition=zigzag-vertical]::view-transition-old(root){animation:zigzag-v-old var(--vt-duration) var(--vt-ease) both}