.fx-progress{position:fixed;inset:0 0 auto 0;height:3px;background:var(--fx-accent,currentColor);transform-origin:0 50%;transform:scaleX(0);z-index:2147483000;pointer-events:none}
.fx-fixed{clip-path:inset(0)}
.fx-fixed>.fx-fixed-bg{position:fixed;inset:0;width:100vw;height:100vh;height:100lvh;object-fit:cover;background-size:cover;background-position:center;z-index:-1;pointer-events:none;margin:0;max-width:none}
.fx-fixed>img.fx-fixed-bg,.fx-fixed>video.fx-fixed-bg{object-position:var(--fx-pos,50% 50%)}
.fx-fixed{isolation:isolate}
.fx-vpause{position:absolute;right:16px;bottom:16px;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid rgb(255 255 255/.5);background:rgb(0 0 0/.35);display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0;opacity:.75;transition:opacity .2s}
.fx-vpause:hover,.fx-vpause:focus-visible{opacity:1}
.fx-vpause span{width:4px;height:14px;background:#fff;border-radius:1px}
.fx-vpause.is-paused span:first-child{width:0;height:0;background:none;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff;border-radius:0}
.fx-vpause.is-paused span:last-child{display:none}
@media (prefers-reduced-motion:no-preference){
html[data-fx~="pages"]::view-transition-old(root){animation:.22s ease-in both fx-page-out}
html[data-fx~="pages"]::view-transition-new(root){animation:.45s cubic-bezier(.2,.7,.2,1) both fx-page-in}
html.fx-pre[data-fx~="split"] h1,html.fx-pre h1[data-fx~="split"]{opacity:0;animation:fx-show 0s .8s forwards}
.fx-r{opacity:0;translate:0 28px}
.fx-r.fx-in{opacity:1;translate:0 0;transition:opacity .7s ease var(--fx-d,0s),translate .9s cubic-bezier(.2,.7,.2,1) var(--fx-d,0s)}
.fx-c{clip-path:inset(0 0 100% 0);scale:var(--fx-s,1.08)}
.fx-c.fx-in{clip-path:inset(0 0 0 0);scale:1;transition:clip-path 1.1s cubic-bezier(.7,0,.2,1) var(--fx-d,0s),scale 1.5s cubic-bezier(.2,.7,.2,1) var(--fx-d,0s)}
.fx-w{display:inline-block;opacity:0;translate:0 .45em;filter:blur(6px)}
.fx-split.fx-in .fx-w{opacity:1;translate:0 0;filter:blur(0);transition:opacity .45s ease,translate .7s cubic-bezier(.2,.75,.15,1),filter .5s ease;transition-delay:calc(min(var(--fx-i),12)*35ms + var(--fx-d,0s))}
.fx-zoom{transition:scale .7s cubic-bezier(.2,.7,.2,1)}
a:hover .fx-zoom,figure:hover>.fx-zoom{scale:1.045}
.fx-head{transition:translate .35s ease,box-shadow .3s ease}
.fx-head.fx-hide{translate:0 -105%}
.fx-head.fx-solid.fx-scrolled{box-shadow:0 8px 28px -16px rgb(0 0 0/.4)}
[data-fx~="marquee"]{overflow:clip}
[data-fx~="marquee"]>.fx-track{display:flex;width:max-content;animation:fx-marquee var(--fx-dur,30s) linear infinite}
[data-fx~="marquee"]:hover>.fx-track{animation-play-state:paused}
[data-fx~="tilt"]{transition:transform .5s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
[data-fx~="spot"]{background-image:radial-gradient(420px circle at var(--fx-x,-999px) var(--fx-y,-999px),color-mix(in srgb,var(--fx-accent,#fff) 22%,transparent),transparent 70%)}
}
@keyframes fx-show{to{opacity:1}}
@keyframes fx-page-out{to{opacity:0;translate:0 -10px}}
@keyframes fx-page-in{from{opacity:0;translate:0 14px}}
@keyframes fx-marquee{to{transform:translateX(-50%)}}
@media print{.fx-r,.fx-c,.fx-w,html.fx-pre[data-fx~="split"] h1,html.fx-pre h1[data-fx~="split"]{opacity:1!important;translate:none!important;clip-path:none!important;scale:none!important;filter:none!important}.fx-progress{display:none}}