.hr-grid{background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-size:88px 88px;-webkit-mask-image:radial-gradient(72% 70% at 50% 46%,#000 30%,#0000 78%);mask-image:radial-gradient(72% 70% at 50% 46%,#000 30%,#0000 78%)}@keyframes hr-float{0%,to{translate:0}50%{translate:0 -12px}}.hr-wire{animation:hr-float var(--float-duration,8s) ease-in-out var(--float-delay,0s) infinite;position:absolute}.hr-sectors{background:var(--k-nuit-2,#0b1838);border:1px solid #ffffff14;border-radius:9999px;flex-wrap:wrap;justify-content:center;gap:.25rem;padding:.3rem;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.hr-sector-glider{background:var(--k-nuit-3,#182c5e);box-shadow:inset 0 1px #ffffff1a, 0 1px 2px color-mix(in srgb, var(--k-nuit,#08132f) 25.1%, transparent), 0 6px 14px -8px color-mix(in srgb, var(--k-nuit,#08132f) 40.0%, transparent)}.hr-sector:not(.hr-sector-on) .hr-sector-buddy{filter:saturate(.3)opacity(.6);transition:filter .16s}.hr-sector:hover .hr-sector-buddy{filter:none}@media (width<=56.25rem){.hr-pour{flex-direction:column;gap:.5rem;width:100%}.hr-sectors{box-shadow:none;background:0 0;border:0;border-radius:0;align-self:stretch;gap:.375rem;padding:0;display:flex}}.hr-frame:before{content:"";z-index:-1;background:linear-gradient(to bottom, var(--k-nuit,#08132f) 0 58%, transparent 100%);width:44%;height:17rem;-webkit-mask-image:linear-gradient(90deg, color-mix(in srgb, var(--k-nuit,#08132f) 0.0%, transparent) 0, var(--k-nuit,#08132f) 20%, var(--k-nuit,#08132f) 80%, color-mix(in srgb, var(--k-nuit,#08132f) 0.0%, transparent) 100%);mask-image:linear-gradient(90deg, color-mix(in srgb, var(--k-nuit,#08132f) 0.0%, transparent) 0, var(--k-nuit,#08132f) 20%, var(--k-nuit,#08132f) 80%, color-mix(in srgb, var(--k-nuit,#08132f) 0.0%, transparent) 100%);position:absolute;bottom:-5rem;left:50%;translate:-50%}.hr-shell{background:linear-gradient(var(--k-nuit-3,#182c5e) 0%, var(--k-encre,#10224e) 30%, var(--k-nuit-2,#0b1838) 100%);box-shadow:inset 0 1px #ffffff1a, 0 40px 80px -40px color-mix(in srgb, var(--k-nuit,#08132f) 80.0%, transparent);border:1px solid #ffffff12;border-radius:1.1rem;padding:1.1%;position:relative}.hr-screen{aspect-ratio:16/9;background:var(--k-nuit,#08132f);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--k-nuit,#08132f) 60%, transparent);border-radius:.85rem;position:relative;overflow:hidden}.hr-gui{--hr-gui:.78;--hr-board:.74;width:calc(100% / var(--hr-gui));height:calc(100% / var(--hr-gui));transform:scale(var(--hr-gui));transform-origin:0 0;animation:.32s ease-out both hr-swap;position:absolute;inset:0}@keyframes hr-swap{0%{opacity:.25;filter:blur(3px)}}.hr-stand{--hinge:radial-gradient(circle 1.6rem at 50% 0, transparent 99%, black 100%);width:24.7%;height:4.4rem;-webkit-mask-image:var(--hinge);mask-image:var(--hinge);background:linear-gradient(var(--k-nuit-3,#182c5e) 0%, var(--k-encre,#10224e) 30%, color-mix(in srgb, var(--k-nuit-2,#0b1838) 0.0%, transparent) 100%);display:block}@media (width>=768px){.hr-gui{--hr-board:1.22}.hr-shell{border-radius:1.5rem}.hr-stand{--hinge:radial-gradient(circle 2.4rem at 50% 0, transparent 99%, black 100%);height:7rem}}@media (width>=1146px){.hr-stand{--hinge:radial-gradient(circle 2.9rem at 50% 0, transparent 99%, black 100%);height:8.4rem}}@media (width>=1280px){.hr-gui{--hr-gui:.844}.hr-shell{border-radius:1.62rem}.hr-screen{border-radius:.92rem}.hr-stand{--hinge:radial-gradient(circle 3.14rem at 50% 0, transparent 99%, black 100%);height:9.1rem}}.hr-label{background:color-mix(in srgb, var(--k-nuit,#08132f) 61.96%, transparent);color:#ffffffe6;box-shadow:0 0 0 1px #ffffff1a, 0 2px 6px color-mix(in srgb, var(--k-nuit,#08132f) 54.9%, transparent), inset 0 1px 0 #ffffff14}@keyframes hr-bob{0%,to{transform:translateY(0)}35%{transform:translateY(-4px)}62%{transform:translateY(1.2px)}78%{transform:translateY(-.3px)}}.hr-bob{animation:1.2s cubic-bezier(.3,0,.3,1) infinite hr-bob}@keyframes hr-pool{0%,62%,to{opacity:1;transform:scale(1)}35%{opacity:.6;transform:scale(.9)}}.hr-pool{animation:1.2s cubic-bezier(.3,0,.3,1) infinite hr-pool}@keyframes hr-spin{to{rotate:360deg}}.hr-spin{animation:.8s linear infinite hr-spin}@keyframes hr-label-in{0%{opacity:0;translate:0 6px}}.hr-label-in{animation:.38s cubic-bezier(.22,1,.36,1) both hr-label-in}@keyframes hr-card-in{0%{opacity:0;translate:0 -4px}}.hr-card-in{animation:.4s cubic-bezier(.22,1,.36,1) both hr-card-in}@media (prefers-reduced-motion:reduce){.hr-wire,.hr-bob,.hr-pool,.hr-gui,.hr-label-in,.hr-card-in,.hr-spin{animation:none}}