:root{--nav-dur:.38s;--nav-ease:cubic-bezier(.32, .72, 0, 1);view-transition-name:none}::view-transition{pointer-events:none}::view-transition-group(*){animation-duration:var(--nav-dur);animation-timing-function:var(--nav-ease)}::view-transition-group(page){overflow:clip}::view-transition-old(page){mix-blend-mode:normal}::view-transition-new(page){mix-blend-mode:normal}html[data-nav=push]::view-transition-old(page){animation:page-recede var(--nav-dur) var(--nav-ease) both}html[data-nav=push]::view-transition-new(page){animation:page-enter var(--nav-dur) var(--nav-ease) both}html[data-nav=pop]::view-transition-old(page){animation:page-leave var(--nav-dur) var(--nav-ease) both;z-index:1}html[data-nav=pop]::view-transition-new(page){animation:page-return var(--nav-dur) var(--nav-ease) both}html[data-nav=tab]::view-transition-old(page){animation:fade-out calc(var(--nav-dur) * .45) ease-out both}html[data-nav=tab]::view-transition-new(page){animation:fade-in calc(var(--nav-dur) * .6) var(--nav-ease) calc(var(--nav-dur) * .15) both}html[data-nav=none]::view-transition-group(*){animation:none}html[data-nav=none]::view-transition-old(*){animation:none}html[data-nav=none]::view-transition-new(*){animation:none}::view-transition-group(*.photo){border-radius:16px;overflow:clip}::view-transition-old(*.photo){object-fit:cover;height:100%}::view-transition-new(*.photo){object-fit:cover;height:100%}@keyframes page-recede{to{filter:brightness(.86);transform:translate(-28%)}}@keyframes page-enter{0%{transform:translate(100%)}}@keyframes page-leave{to{transform:translate(100%)}}@keyframes page-return{0%{filter:brightness(.86);transform:translate(-28%)}}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0;transform:scale(.985)}}@media (prefers-reduced-motion:reduce){html[data-nav]::view-transition-old(page){animation:.16s both fade-out}html[data-nav]::view-transition-new(page){animation:.16s both fade-in}::view-transition-group(*){animation-duration:.16s}}:root{--spring:cubic-bezier(.34, 1.56, .64, 1)}.draw path{stroke-dasharray:1;stroke-dashoffset:1px;animation:draw .38s var(--nav-ease) 60ms forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes tab-bounce{0%{transform:scale(1)}22%{transform:scale(.78)}58%{transform:scale(1.14)}80%{transform:scale(.97)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}@keyframes pop{0%{opacity:.2;transform:scale(.6)}}@keyframes shake{0%,to{transform:translate(0)}18%{transform:translate(-9px)}36%{transform:translate(8px)}54%{transform:translate(-6px)}72%{transform:translate(4px)}88%{transform:translate(-2px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.async .lbl{transition:opacity .15s, transform .22s var(--nav-ease)}.async .spin{opacity:0;border:2.5px solid;border-top-color:#0000;border-radius:50%;place-self:center;width:22px;height:22px;transition:opacity .15s;animation:.7s linear infinite spin}.async .ok{opacity:0;transition:opacity .15s, transform .3s var(--spring);justify-content:center;align-items:center;gap:8px;display:inline-flex;transform:translateY(8px)}.async .ok .draw path{animation:none}.async[data-s=pending] .lbl{opacity:0;transform:scale(.9)}.async[data-s=pending] .spin{opacity:.9}.async[data-s=done] .lbl{opacity:0}.async[data-s=done] .ok{opacity:1;transform:none}.async[data-s=done] .ok .draw path{animation:draw .38s var(--nav-ease) 60ms forwards}.async[data-s=error]{animation:.38s ease-in-out shake}.copy .swap{flex:none;width:20px;height:20px;position:relative}.copy .swap>*{transition:transform .32s var(--spring), opacity .18s;display:grid;position:absolute;inset:0}.copy .swap .b{opacity:0;transform:scale(.4)rotate(-30deg)}.copy .swap .b .draw path{animation:none}.copy.done .swap .a{opacity:0;transform:scale(.5)rotate(20deg)}.copy.done .swap .b{opacity:1;transform:none}.copy.done .swap .b .draw path{animation:draw .36s var(--nav-ease) 90ms forwards}.copy .swap-label{animation:rise-in .26s var(--nav-ease)}.cele .disc{animation:disc-in .52s var(--spring) forwards;transform:scale(0)}.cele .badge .draw path{animation-duration:.42s;animation-delay:.26s}.cele .dot{opacity:0;animation:burst .7s var(--nav-ease) .24s forwards}.cele .t1,.cele .t2,.cele .t3{opacity:0;animation:rise-in .36s var(--nav-ease) forwards}.cele .t1{animation-delay:.38s}.cele .t2{animation-delay:.45s}.cele .t3{animation-delay:.52s}@keyframes disc-in{to{transform:scale(1)}}@keyframes burst{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--x), var(--y)) scale(.4)}}@media (prefers-reduced-motion:reduce){.draw path,.async .ok .draw path,.copy .draw path{stroke-dashoffset:0;animation:none!important}.async[data-s=error],.copy .swap-label,.cele .dot{animation:none!important}.cele .disc{animation:none;transform:none}.cele .t1,.cele .t2,.cele .t3{opacity:1;animation:none}.copy .swap>*,.async .ok,.async .lbl{transition-duration:1ms}}