.theme-transition{--tt-snow:#f6fbff;--tt-ice:#dff2fb;--tt-ice-deep:#b9e2f5;--tt-crack:#4a96c4;--tt-frost:radial-gradient(120% 90% at 50% 40%, var(--tt-snow) 0%, var(--tt-ice) 45%, var(--tt-ice-deep) 100%);z-index:90;pointer-events:none;contain:layout paint;position:fixed;inset:0;overflow:hidden}.theme-transition>*,.tt-cover>*{position:absolute}.tt-cover{animation:1ms linear .75s forwards tt-hide;inset:0}.tt-frost{background:var(--tt-frost);animation:.22s ease-in .28s both tt-fade-in;inset:0}.tt-bloom{background:radial-gradient(closest-side, var(--tt-ice) 0 55%, #dff2fb99 75%, transparent);border-radius:50%;width:110vmax;height:110vmax;margin:-55vmax 0 0 -55vmax;animation:.42s cubic-bezier(.3,.6,.4,1) both tt-bloom}.tt-fern{transform-origin:50% 0;width:26vmin;height:42vmin;margin-left:-13vmin;animation:.46s cubic-bezier(.2,.7,.4,1) both tt-fern}.tt-fern svg{fill:none;width:100%;height:100%;stroke:var(--tt-snow);stroke-width:1.6px;stroke-linecap:round;overflow:visible}.tt-cracks{fill:none;width:100%;height:100%;stroke:var(--tt-crack);stroke-width:2px;stroke-linecap:round;animation:80ms linear .76s forwards tt-hide;inset:0}.tt-cracks path{vector-effect:non-scaling-stroke;transform-box:view-box;transform-origin:50%}.tt-crack-radial{animation:.22s cubic-bezier(.2,.8,.3,1) .5s both tt-crack}.tt-crack-ring{animation:.11s linear .64s both tt-fade-in}.tt-shards{opacity:0;animation:1ms linear .75s forwards tt-show;inset:0}.tt-shard{background:linear-gradient(rgb(255 255 255/var(--tint)), rgb(255 255 255/var(--tint))), var(--tt-frost);animation:.34s cubic-bezier(.5,0,.85,.45) both tt-fall;position:absolute;inset:0}.tt-sheet{background:linear-gradient(115deg, transparent 30%, #ffffff73 38%, transparent 46%), linear-gradient(180deg, var(--tt-snow) 0%, var(--tt-ice) 50%, var(--tt-ice-deep) 100%);animation:.4s cubic-bezier(.2,.7,.3,1) both tt-sheet-in,.48s cubic-bezier(.45,0,.75,.6) .7s forwards tt-sheet-out;inset:0}.tt-sheet>*{position:absolute}.tt-fringe{width:100%;height:3vh;fill:var(--tt-ice-deep);margin-top:-1px;top:100%;left:0}.tt-drip{background:linear-gradient(90deg, var(--tt-ice-deep), var(--tt-snow) 45%, var(--tt-ice-deep));transform-origin:50% 100%;border-radius:50% 50% 0 0/22% 22% 0 0;animation:.46s cubic-bezier(.5,0,.8,.6) both tt-drip;bottom:100%}.tt-run{background:linear-gradient(#0000,#ffffffd9,#78bee1b3);border-radius:2px;width:3px;height:18vh;animation:.52s cubic-bezier(.5,0,.9,.5) both tt-run;top:0}.tt-loading{width:min(300px,80vw);animation:80ms linear .42s both tt-fade-in;top:50%;left:50%;translate:-50% -50%}.tt-loading-body{color:var(--xp-text);font:12px var(--xp-font);padding:14px 12px 8px}.tt-progress{border:1px solid var(--xp-face-shadow);background:var(--xp-cream);border-radius:3px;gap:2px;height:14px;margin:0 12px 14px;padding:1px;display:flex;overflow:hidden}.tt-progress i{background:linear-gradient(var(--xp-start-light), var(--xp-start) 60%, var(--xp-start-dark));flex:none;width:8px;animation:.6s linear .42s infinite both tt-marquee}html.theme-fade::view-transition-old(root){animation-duration:.2s}html.theme-fade::view-transition-new(root){animation-duration:.2s}@keyframes tt-hide{to{opacity:0}}@keyframes tt-show{to{opacity:1}}@keyframes tt-fade-in{0%{opacity:0}}@keyframes tt-bloom{0%{transform:scale(0)}}@keyframes tt-fern{0%{transform:rotate(var(--rot)) scale(0)}to{transform:rotate(var(--rot)) scale(1)}}@keyframes tt-crack{0%{transform:scale(0)}}@keyframes tt-fall{70%{opacity:1}to{opacity:0;transform:translate(var(--dx), 105vh) rotate(var(--rot)) scale(.9)}}@keyframes tt-sheet-in{0%{transform:translateY(-100%)}}@keyframes tt-sheet-out{0%{transform:none}to{transform:translateY(100%)}}@keyframes tt-drip{0%{transform:scaleY(0)}}@keyframes tt-run{0%{opacity:0;transform:translateY(-18vh)}30%{opacity:1}to{opacity:.6;transform:translateY(90vh)}}@keyframes tt-marquee{0%{transform:translate(-40px)}to{transform:translate(min(300px,80vw))}}