.fs.fh{--fh-c:16s;--fh-t:10s;--fh-dir:1;--fh-skip:calc(var(--fh-c) * -.03);--fh-sine:cubic-bezier(.37, 0, .63, 1);text-align:start;max-width:52rem;margin:2.5rem auto 0}[dir=rtl] .fs.fh{--fh-dir:-1}.fh .fh-stage{position:relative;container-type:inline-size}.fh .fh-blob.a{inset:4% 46% 34% 4%}.fh .fh-blob.b{inset:38% 6% 6% 48%}.fh .fh-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fh .fh-ring ellipse{fill:none;stroke:var(--fs-a);stroke-opacity:.35;stroke-width:1.5px;stroke-dasharray:4 7;vector-effect:non-scaling-stroke}.fh .fh-orb{position:absolute;top:50%;left:50%}.fh .fh-orb-x{display:block}.fh .fh-chip{white-space:nowrap;background:var(--fs-solid);border:1px solid var(--fs-line);box-shadow:var(--fs-float-shadow);color:var(--fs-text-2);border-radius:4px;align-items:center;gap:6px;padding:6px 11px;font:650 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-flex;translate:-50% -50%}.fh .fh-chip .fs-i{color:var(--fs-a-text);font-size:14px}.fs.fh .fh-win{z-index:3;width:58cqw;position:absolute;top:50%;left:50%;translate:-50% -50%}.fh .fh-titles{display:grid}.fh .fh-t{text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;overflow:hidden}.fh .fh-t+.fh-t{opacity:0}.fh .fh-body{grid-template-columns:50px minmax(0,1fr);height:230px;display:grid}.fh .fh-rail{border-inline-end:1px solid var(--fs-line);align-content:start;justify-items:center;gap:6px;padding:10px 0;display:grid;position:relative}.fh .fh-hl{top:10px;background:var(--fs-a-soft);border-radius:4px;width:32px;height:32px;position:absolute;inset-inline-start:9px}.fh .fh-app{width:32px;height:32px;color:var(--fs-faint);place-items:center;font-size:16px;display:grid;position:relative}.fh .fh-app:first-of-type{color:var(--fs-a-text)}.fh .fh-panes{min-width:0;position:relative;overflow:hidden}.fh .fh-pane{align-content:start;gap:8px;min-width:0;padding:12px 14px;display:grid;position:absolute;inset:0}.fh .fh-pane+.fh-pane{opacity:0}.fh .fh-head{align-items:center;gap:8px;min-width:0;min-height:26px;display:flex}.fh .fh-head>:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fh .fh-rows{gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.fh .fh-msg{border-radius:4px;align-items:center;gap:9px;min-width:0;padding:6px 8px;display:flex;overflow:hidden}.fh .fh-msg .fs-av{width:26px;height:26px}.fh .fh-new{background:var(--fs-a-soft)}.fh .fh-dot{background:var(--fs-a);border-radius:50%;flex:none;width:7px;height:7px}.fh .fh-file{background:var(--fs-solid);border:1px solid var(--fs-line);border-radius:4px;align-items:center;gap:10px;min-width:0;padding:6px 9px;display:flex;overflow:hidden}.fh .fh-file .fs-ficon{width:26px;height:26px;font-size:14px}.fh .fh-file .fs-meter{margin-top:5px}.fh .fh-fill{border-radius:inherit;background:linear-gradient(90deg, var(--fs-a), #5aa8bd);width:100%;height:100%;display:block}[dir=rtl] .fh .fh-fill{background:linear-gradient(-90deg, var(--fs-a), #5aa8bd)}.fh .fh-gfill,[dir=rtl] .fh .fh-gfill{background:linear-gradient(90deg,#f59e0b,#10b981)}.fh .fh-done{background:var(--fs-ok-soft);width:20px;height:20px;color:var(--fs-ok);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.fh .fh-cal{grid-template-rows:auto repeat(3,32px);grid-template-columns:40px repeat(5,minmax(0,1fr));gap:3px;display:grid}.fh .fh-day{grid-row:1;justify-content:center;align-items:baseline;gap:4px;padding-bottom:3px;display:flex}.fh .fh-day small{display:inline}.fh .fh-pass{display:grid}.fh .fh-pass>*{grid-area:1/1}.fh .fh-mask{opacity:0;color:var(--fs-faint)}.fh .fh-line{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.fh .fh-cursor{z-index:6;pointer-events:none;display:none;position:absolute;inset:0}.fh.fh-js .fh-cursor{display:block}.fh .fh-tip{top:0;position:absolute;inset-inline-start:0}.fh .fh-arrow{top:-3px;transform-origin:5px 3px;filter:drop-shadow(0 3px 4px #0d214259);width:24px;height:24px;position:absolute;inset-inline-start:-5px;overflow:visible}.fh .fh-arrow path{fill:#0d2142;stroke:#fff;stroke-width:1.6px;stroke-linejoin:round}[dir=rtl] .fh .fh-arrow{transform-origin:19px 3px;transform:scaleX(-1)}.fh .fh-ripple{background:var(--fs-a);opacity:0;border-radius:50%;width:34px;height:34px;position:absolute;top:-17px;left:-17px}.fs.fh .fh-float{z-index:7}.fh .fh-float.tl{top:6%;inset-inline-start:7cqw}.fh .fh-float.br{top:auto;bottom:5%;inset-inline-end:7cqw}.fh .fh-float:nth-of-type(n+2){opacity:0}.fh .fh-ctrl{z-index:8;cursor:pointer;color:#34445e;background:#ffffffd9;border:1px solid #dfe6f0;border-radius:4px;place-items:center;width:36px;height:36px;font-size:15px;transition:border-color .2s,color .2s;display:none;position:absolute;inset-block-start:0;inset-inline-end:0}.fh.fh-js .fh-ctrl{display:grid}.dark .fh .fh-ctrl{color:#c3cfdf;background:#0d2142d9;border-color:#1c2e4b}.fh .fh-ctrl:hover{color:#053d8e;border-color:#7097d0}.dark .fh .fh-ctrl:hover{color:#fff}.fh .fh-ctrl:focus-visible{outline-offset:2px;outline:2px solid #fecc00;box-shadow:0 0 0 2px #053d8e}.fh .fh-ctrl .ic-play{display:none}.fh .fh-ctrl[aria-pressed=true] .ic-play{display:block}.fh .fh-ctrl[aria-pressed=true] .ic-pause{display:none}@media (width<=639.98px){.fh .fh-stage{padding:54px 0 60px;aspect-ratio:auto!important}.fs.fh .fh-win{width:100%;position:relative;top:auto;left:auto;translate:none}.fh :is(.fh-orb,.fh-ring){display:none}.fh .fh-float{max-width:74%}.fh .fh-float.tl{top:0;inset-inline-start:0}.fh .fh-float.br{bottom:0;inset-inline-end:0}}.fh.fh-js :is(.fh-pane,.fh-t,.fh-app,.fh-float,.fh-new,.fh-dot,.fh-upload,.fh-upfill,.fh-done,.fh-drop,.fh-mask,.fh-typed,.fh-gfill,.fh-strong,.fh-passkey,.fh-bell){animation-duration:var(--fh-c);animation-iteration-count:infinite;animation-fill-mode:both;animation-delay:calc(var(--o,0s) + var(--fh-skip))}.fh.fh-js .fh-pane{animation-name:fh-pane}.fh.fh-js .fh-t{animation-name:fh-swap}.fh.fh-js .fh-app{animation-name:fh-on}.fh.fh-js .fh-float{animation-name:fh-float}.fh.fh-js .fh-new{animation-name:fh-arrive}.fh.fh-js .fh-dot{animation-name:fh-read}.fh.fh-js .fh-upload{animation-name:fh-upload}.fh.fh-js .fh-upfill{animation-name:fh-upfill}.fh.fh-js .fh-done{animation-name:fh-done}.fh.fh-js .fh-drop{animation-name:fh-drop}.fh.fh-js .fh-mask{animation-name:fh-mask}.fh.fh-js .fh-typed{animation-name:fh-type}.fh.fh-js .fh-gfill{animation-name:fh-gfill}.fh.fh-js .fh-strong{animation-name:fh-strong}.fh.fh-js .fh-passkey{animation-name:fh-passkey}.fh.fh-js .fh-bell{transform-origin:50% 10%;animation-name:fh-bell}.fh.fh-js .fh-cursor{animation:fh-move var(--fh-c) ease-in-out var(--fh-skip) infinite}.fh.fh-js .fh-arrow{animation:fh-press var(--fh-c) linear var(--fh-skip) infinite}.fh.fh-js .fh-ripple{animation:fh-ripple var(--fh-c) linear var(--fh-skip) infinite}.fh.fh-js .fh-hl{animation:fh-hl var(--fh-c) ease-in-out var(--fh-skip) infinite}.fh.fh-js .fh-sync{animation:fh-sync calc(var(--fh-c) / 4) var(--fs-ease) infinite}.fh.fh-js .fh-blob{animation:9s ease-in-out infinite alternate fh-drift}.fh.fh-js .fh-blob.b{animation-delay:-4.5s}.fh.fh-js .fh-ring ellipse{animation:2.4s linear infinite fh-march}.fh.fh-js .fh-orb{animation:fh-oy var(--fh-t) var(--fh-sine) infinite alternate both;animation-delay:var(--od)}.fh.fh-js .fh-orb-x{animation:fh-ox var(--fh-t) var(--fh-sine) infinite alternate both;animation-delay:calc(var(--od) - var(--fh-t) / 2)}.fh.fh-js .fh-chip{animation:fh-os var(--fh-t) var(--fh-sine) infinite alternate both;animation-delay:var(--od)}.fh.fh-paused *,.fh.fh-off *{animation-play-state:paused!important}@keyframes fh-pane{0%{opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);translate:0 100%}3%,25%{opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);translate:0}28%,to{opacity:1;translate:0 -100%}}@keyframes fh-swap{0%{opacity:0}1.5%,25%{opacity:1}25.8%,to{opacity:0}}@keyframes fh-on{0%,25%{color:var(--fs-a-text)}25.5%,to{color:var(--fs-faint)}}@keyframes fh-float{0%,8%{opacity:0;translate:0 10px;scale:.95}11%,21.5%{opacity:1;translate:0;scale:1}24%,to{opacity:0;translate:0 -6px;scale:.98}}@keyframes fh-arrive{0%,5%{opacity:0;background:var(--fs-a-soft);max-height:0;padding-block:0}8%,12%{opacity:1;background:var(--fs-a-soft);max-height:48px;padding-block:6px}14%,to{opacity:1;background:0 0;max-height:48px;padding-block:6px}}@keyframes fh-read{0%,12%{opacity:1;scale:1}13.5%,to{opacity:0;scale:0}}@keyframes fh-upload{0%,4.5%{opacity:0;border-width:0;max-height:0;padding-block:0}6.5%,to{opacity:1;border-width:1px;max-height:60px;padding-block:6px}}@keyframes fh-upfill{0%,6%{width:0}16%,to{width:100%}}@keyframes fh-done{0%,16%{opacity:0;scale:.4}17.5%,to{opacity:1;scale:1}}@keyframes fh-drop{0%,6%{opacity:0;box-shadow:none;translate:0 -18px;scale:.92}8.5%{opacity:1;translate:0 2px;scale:1.03}10%,11.5%{opacity:1;box-shadow:none;translate:0;scale:1}12.5%,to{opacity:1;box-shadow:0 0 0 2px var(--fs-a);translate:0;scale:1}}@keyframes fh-mask{0%,5%{opacity:1}5.5%,to{opacity:0}}@keyframes fh-type{0%,5%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(19,end)}11%,to{clip-path:inset(0)}}@keyframes fh-gfill{0%,5%{width:0}12%,to{width:100%}}@keyframes fh-strong{0%,12%{opacity:0}13.5%,to{opacity:1}}@keyframes fh-passkey{0%,15%{opacity:0;scale:.6}16.5%{opacity:1;scale:1.08}17.5%,to{opacity:1;scale:1}}@keyframes fh-bell{0%,11%{rotate:0deg}12%{rotate:16deg}13%{rotate:-13deg}14%{rotate:8deg}15%{rotate:-4deg}16%,to{rotate:0deg}}@keyframes fh-sync{0%{rotate:0deg}30%,to{rotate:360deg}}@keyframes fh-drift{0%{translate:-3% -2%}to{translate:3% 3%}}@keyframes fh-march{to{stroke-dashoffset:-22px}}@keyframes fh-oy{0%{translate:0 calc(-1 * var(--fh-ry));opacity:.7;z-index:1}to{translate:0 var(--fh-ry);opacity:1;z-index:5}}@keyframes fh-os{0%{scale:.78}to{scale:1.04}}@keyframes fh-ox{0%{translate:calc(-1 * var(--fh-rx)) 0}to{translate:var(--fh-rx) 0}}
