.hsb-preloader{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;box-sizing:border-box;background:var(--hsb-preloader-bg,#111827);transition:opacity .3s ease;pointer-events:auto;isolation:isolate}
.hsb-preloader:before,.hsb-preloader:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.hsb-preloader:before{background-image:var(--hsb-preloader-texture,none);background-position:var(--hsb-preloader-texture-position,center center);background-repeat:var(--hsb-preloader-texture-repeat,no-repeat);background-size:var(--hsb-preloader-texture-size,cover);background-attachment:var(--hsb-preloader-texture-attachment,scroll)}
.hsb-preloader:after{background:var(--hsb-preloader-overlay,#111827);opacity:var(--hsb-preloader-overlay-opacity,0)}
.hsb-preloader[hidden]{display:none!important}
.hsb-preloader.is-leaving{opacity:0;pointer-events:none}
.hsb-preloader-content{position:relative;z-index:1;display:grid;place-items:center;width:var(--hsb-preloader-size,120px);height:var(--hsb-preloader-size,120px);contain:layout style}
.hsb-preloader-gif{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.hsb-preloader-basic{position:relative;display:block;width:62%;height:62%;box-sizing:border-box;border:4px solid rgba(255,255,255,.22);border-radius:50%}
.hsb-preloader-basic i{display:none}
.hsb-preloader-animation-ring{border-top-color:var(--hsb-preloader-accent,#5eead4);border-bottom-color:var(--hsb-preloader-secondary,#a78bfa);animation:hsb-preloader-spin 1s linear infinite}
.hsb-preloader-animation-orbit{border-color:rgba(255,255,255,.34);animation:hsb-preloader-spin 1.2s linear infinite}
.hsb-preloader-animation-orbit:before,.hsb-preloader-animation-orbit:after{content:'';position:absolute;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%}
.hsb-preloader-animation-orbit:before{top:-6px;background:var(--hsb-preloader-accent,#5eead4);box-shadow:0 0 12px var(--hsb-preloader-accent,#5eead4)}
.hsb-preloader-animation-orbit:after{bottom:-6px;background:var(--hsb-preloader-secondary,#a78bfa);box-shadow:0 0 12px var(--hsb-preloader-secondary,#a78bfa)}
.hsb-preloader-animation-dots{display:flex;align-items:center;justify-content:center;gap:9%;width:100%;height:100%;border:0;border-radius:0}
.hsb-preloader-animation-dots i{display:block;width:16%;aspect-ratio:1;border-radius:50%;background:var(--hsb-preloader-accent,#5eead4);animation:hsb-preloader-dot 1s ease-in-out infinite}
.hsb-preloader-animation-dots i:nth-child(2){background:var(--hsb-preloader-secondary,#a78bfa);animation-delay:.14s}.hsb-preloader-animation-dots i:nth-child(3){animation-delay:.28s}
.hsb-preloader-hybrid{position:relative;display:grid;place-items:center;width:100%;height:100%}
.hsb-preloader-hybrid>img{position:relative;z-index:1;display:block;max-width:68%;max-height:68%;width:auto;height:auto;object-fit:contain}
.hsb-preloader-effect{position:absolute;inset:4%;box-sizing:border-box;border:3px solid rgba(255,255,255,.3);border-radius:50%}
.hsb-preloader-effect-ring .hsb-preloader-effect{border-top-color:var(--hsb-preloader-accent,#5eead4);border-bottom-color:var(--hsb-preloader-secondary,#a78bfa);animation:hsb-preloader-spin 1.4s linear infinite}
.hsb-preloader-effect-orbit .hsb-preloader-effect{border-color:rgba(255,255,255,.32);animation:hsb-preloader-spin 1.7s linear infinite}
.hsb-preloader-effect-orbit .hsb-preloader-effect:before,.hsb-preloader-effect-orbit .hsb-preloader-effect:after{content:'';position:absolute;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%}
.hsb-preloader-effect-orbit .hsb-preloader-effect:before{top:-5px;background:var(--hsb-preloader-accent,#5eead4)}
.hsb-preloader-effect-orbit .hsb-preloader-effect:after{bottom:-5px;background:var(--hsb-preloader-secondary,#a78bfa)}
.hsb-preloader-effect-pulse .hsb-preloader-effect{border-color:var(--hsb-preloader-accent,#5eead4);box-shadow:0 0 0 5px var(--hsb-preloader-secondary,#a78bfa);animation:hsb-preloader-pulse 1.5s ease-in-out infinite}
@keyframes hsb-preloader-spin{to{transform:rotate(360deg)}}
@keyframes hsb-preloader-dot{0%,80%,100%{transform:scale(.65);opacity:.45}40%{transform:scale(1);opacity:1}}
@keyframes hsb-preloader-pulse{0%,100%{transform:scale(.78);opacity:.45}50%{transform:scale(1.08);opacity:1}}
@media(prefers-reduced-motion:reduce){.hsb-preloader-basic,.hsb-preloader-animation-dots i,.hsb-preloader-effect{animation:none!important}.hsb-preloader-animation-ring,.hsb-preloader-animation-orbit,.hsb-preloader-effect-ring,.hsb-preloader-effect-orbit{border-top-color:var(--hsb-preloader-accent,#5eead4)}}

/* Additional reference-inspired loops. All moving geometry stays inside the loader. */
.hsb-preloader-animation-ripple-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:9%;width:100%;height:100%;border:0;border-radius:0;transform:rotate(-45deg)}
.hsb-preloader-animation-ripple-grid>i{position:relative;display:block;aspect-ratio:1;border-radius:50%;background:var(--hsb-preloader-accent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);animation:hsb-preloader-ripple-dot 1.75s cubic-bezier(.45,0,.55,1) infinite}
.hsb-preloader-animation-ripple-grid>i:after{content:"";position:absolute;inset:-45%;border:1px solid color-mix(in srgb,var(--hsb-preloader-secondary) 75%,transparent);border-radius:inherit;animation:hsb-preloader-ripple-wave 1.75s ease-out infinite}
.hsb-preloader-animation-ripple-grid>i:nth-child(2n){background:var(--hsb-preloader-secondary)}
.hsb-preloader-animation-ripple-grid>i:nth-child(1){animation-delay:-.12s}.hsb-preloader-animation-ripple-grid>i:nth-child(2){animation-delay:-.24s}.hsb-preloader-animation-ripple-grid>i:nth-child(3){animation-delay:-.36s}.hsb-preloader-animation-ripple-grid>i:nth-child(4){animation-delay:-.48s}.hsb-preloader-animation-ripple-grid>i:nth-child(5){animation-delay:-.6s}.hsb-preloader-animation-ripple-grid>i:nth-child(6){animation-delay:-.72s}.hsb-preloader-animation-ripple-grid>i:nth-child(7){animation-delay:-.84s}.hsb-preloader-animation-ripple-grid>i:nth-child(8){animation-delay:-.96s}.hsb-preloader-animation-ripple-grid>i:nth-child(9){animation-delay:-1.08s}
.hsb-preloader-animation-ripple-grid>i:after{animation-delay:inherit}
@keyframes hsb-preloader-ripple-dot{0%,100%{transform:scale(.52);opacity:.52}45%,55%{transform:scale(1);opacity:1}}
@keyframes hsb-preloader-ripple-wave{0%{transform:scale(.2);opacity:.75}75%,100%{transform:scale(1.18);opacity:0}}

.hsb-preloader-animation-bubble{width:100%;height:100%;border:0;border-radius:0;overflow:visible}
.hsb-preloader-animation-bubble .hsb-bubble{position:absolute;bottom:4%;left:50%;display:block;width:14%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 31% 28%,rgba(255,255,255,.95) 0 4%,color-mix(in srgb,var(--hsb-preloader-accent) 75%,white) 16%,var(--hsb-preloader-accent) 58%,color-mix(in srgb,var(--hsb-preloader-secondary) 65%,var(--hsb-preloader-accent)) 100%);box-shadow:inset -3px -4px 8px rgba(10,20,50,.2),inset 2px 2px 5px rgba(255,255,255,.55);filter:drop-shadow(0 2px 4px rgba(0,0,0,.16));animation:hsb-preloader-bubble-rise 2.8s cubic-bezier(.22,.62,.36,1) infinite}
.hsb-preloader-animation-bubble .hsb-bubble:nth-child(1){left:10%;width:12%;animation-delay:-.3s}.hsb-preloader-animation-bubble .hsb-bubble:nth-child(2){left:26%;width:17%;animation-delay:-1.9s}.hsb-preloader-animation-bubble .hsb-bubble:nth-child(3){left:43%;width:10%;animation-delay:-.85s}.hsb-preloader-animation-bubble .hsb-bubble:nth-child(4){left:59%;width:19%;animation-delay:-2.3s}.hsb-preloader-animation-bubble .hsb-bubble:nth-child(5){left:78%;width:11%;animation-delay:-1.1s}.hsb-preloader-animation-bubble .hsb-bubble:nth-child(6){left:3%;width:8%;animation-delay:-2.55s}.hsb-preloader-animation-bubble .hsb-bubble:nth-child(7){left:69%;width:9%;animation-delay:-.45s}.hsb-preloader-animation-bubble .hsb-bubble:nth-child(8){left:35%;width:7%;animation-delay:-1.45s}
.hsb-bubble>b{position:absolute;left:50%;top:45%;display:block;width:15%;height:15%;border-radius:50%;background:radial-gradient(circle,var(--hsb-preloader-secondary),color-mix(in srgb,var(--hsb-preloader-secondary) 30%,transparent));opacity:0;transform:translate(-50%,-50%);animation:hsb-preloader-bubble-splash 2.8s ease-out infinite}
.hsb-bubble>b:nth-child(1){--splash-angle:35deg;animation-delay:inherit}.hsb-bubble>b:nth-child(2){--splash-angle:155deg;animation-delay:inherit}.hsb-bubble>b:nth-child(3){--splash-angle:275deg;animation-delay:inherit}
@keyframes hsb-preloader-bubble-rise{0%{transform:translate3d(0,14%,0) scale(.38);opacity:0}12%{opacity:1}74%{transform:translate3d(0,-250%,0) scale(1);opacity:1}86%,100%{transform:translate3d(0,-300%,0) scale(.08);opacity:0}}
@keyframes hsb-preloader-bubble-splash{0%,72%{opacity:0;transform:translate(-50%,-50%) scale(.1)}78%{opacity:.9}94%,100%{opacity:0;transform:rotate(var(--splash-angle)) translateX(2.2em) scale(.45)}}

.hsb-preloader-animation-glow-text{display:flex;align-items:center;justify-content:center;gap:.025em;width:max-content;max-width:94vw;height:auto;border:0;border-radius:0;color:var(--hsb-preloader-accent);font:700 clamp(14px,calc(var(--hsb-preloader-size,120px)*.19),46px)/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--hsb-preloader-accent) 75%,transparent)) hue-rotate(0deg);animation:hsb-preloader-neon-hue 7s linear infinite}
.hsb-glow-letter{display:inline-block;opacity:.35;text-shadow:0 0 3px currentColor,0 0 12px currentColor,0 0 24px color-mix(in srgb,var(--hsb-preloader-secondary) 70%,transparent);animation:hsb-preloader-glow-letter 1.15s ease-in-out infinite;animation-delay:calc(var(--letter-index,0)*.12s)}
@keyframes hsb-preloader-glow-letter{0%,100%{opacity:.35;transform:translateY(0) scale(.94)}50%{opacity:1;transform:translateY(-.08em) scale(1);text-shadow:0 0 4px currentColor,0 0 16px currentColor,0 0 34px var(--hsb-preloader-secondary)}}
@keyframes hsb-preloader-neon-hue{to{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--hsb-preloader-accent) 75%,transparent)) hue-rotate(360deg)}}

.hsb-preloader-animation-three-d{width:100%;height:100%;border:0;border-radius:0;overflow:visible;perspective:700px;transform-style:preserve-3d}
.hsb-preloader-animation-three-d .hsb-3d-dot{position:absolute;inset:auto;left:50%;top:50%;display:block;width:16%;height:16%;margin:0;border-radius:50%;font-size:calc(var(--hsb-preloader-size,120px)*.15);transform:translate(-50%,-50%) rotate(calc(var(--dot-index,0)*30deg)) translateY(-2.35em) rotate(calc(var(--dot-index,0)*-30deg));transform-style:preserve-3d;animation-delay:calc(var(--dot-index,0)*-.125s)}
.hsb-3d-dot:before{content:"";position:absolute;inset:2px 0 -4px;z-index:0;border-radius:50%;background:linear-gradient(180deg,#252832 0%,#090b11 100%);box-shadow:0 3px 4px rgba(0,0,0,.48)}
.hsb-3d-dot>b{position:absolute;inset:0;display:block;border:1px solid rgba(0,0,0,.48);border-radius:50%;background:linear-gradient(145deg,#5a5d67 0%,#383b45 72%,#292c35 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.22),0 1px 0 rgba(255,255,255,.06);transform:translateZ(1px)}
.hsb-3d-dot>b+b{z-index:2;background:linear-gradient(140deg,var(--hsb-preloader-accent) 0%,var(--hsb-preloader-secondary) 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.42),0 0 8px color-mix(in srgb,var(--hsb-preloader-accent) 28%,transparent);opacity:0;animation:hsb-preloader-3d-light 1.5s linear infinite;animation-delay:inherit}
.hsb-3d-label{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);color:rgba(255,255,255,.82);font:600 .53rem/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.hsb-preloader-animation-three-d .hsb-3d-dot:nth-child(1){--dot-index:0}.hsb-preloader-animation-three-d .hsb-3d-dot:nth-child(2){--dot-index:1}.hsb-preloader-animation-three-d .hsb-3d-dot:nth-child(3){--dot-index:2}.hsb-preloader-animation-three-d .hsb-3d-dot:nth-child(4){--dot-index:3}.hsb-preloader-animation-three-d .hsb-3d-dot:nth-child(5){--dot-index:4}.hsb-preloader-animation-three-d .hsb-3d-dot:nth-child(6){--dot-index:5}.hsb-preloader-animation-three-d .hsb-3d-dot:nth-child(7){--dot-index:6}.hsb-preloader-animation-three-d .hsb-3d-dot:nth-child(8){--dot-index:7}.hsb-preloader-animation-three-d .hsb-3d-dot:nth-child(9){--dot-index:8}.hsb-preloader-animation-three-d .hsb-3d-dot:nth-child(10){--dot-index:9}.hsb-preloader-animation-three-d .hsb-3d-dot:nth-child(11){--dot-index:10}.hsb-preloader-animation-three-d .hsb-3d-dot:nth-child(12){--dot-index:11}
@keyframes hsb-preloader-3d-light{0%,34%,100%{opacity:0}8%,26%{opacity:1}}


.hsb-preloader-ripple-rings{position:absolute;inset:-16%;display:grid;place-items:center;pointer-events:none}
.hsb-preloader-ripple-rings>i{position:absolute;inset:calc(var(--ring-index,0)*5%);border:2px solid color-mix(in srgb,var(--hsb-preloader-accent) 72%,white);border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.16),inset 0 0 12px color-mix(in srgb,var(--hsb-preloader-secondary) 38%,transparent);backdrop-filter:blur(5px);animation:hsb-preloader-dark-ripple 2s ease-out infinite;animation-delay:calc(var(--ring-index,0)*-.4s)}
.hsb-preloader-ripple-rings>i:nth-child(1){--ring-index:0}.hsb-preloader-ripple-rings>i:nth-child(2){--ring-index:1}.hsb-preloader-ripple-rings>i:nth-child(3){--ring-index:2}.hsb-preloader-ripple-rings>i:nth-child(4){--ring-index:3}.hsb-preloader-ripple-rings>i:nth-child(5){--ring-index:4}
@keyframes hsb-preloader-dark-ripple{0%{transform:scale(.64);opacity:.9}100%{transform:scale(1.2);opacity:0}}
.hsb-preloader-effect-dark-ripple .hsb-preloader-effect{display:none}
.hsb-preloader-logo-fill{position:absolute;z-index:1;inset:16%;display:grid;place-items:center;overflow:hidden;mask-image:var(--hsb-preloader-logo-mask);mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:var(--hsb-preloader-logo-mask);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}
.hsb-preloader-logo-fill>img{display:block;width:100%;height:100%;object-fit:contain;opacity:.35}
.hsb-preloader-logo-fill>span{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 45%,color-mix(in srgb,var(--hsb-preloader-accent) 62%,transparent) 45% 55%,var(--hsb-preloader-secondary) 55%);transform:translateY(110%);animation:hsb-preloader-logo-fill 2.2s cubic-bezier(.45,0,.55,1) infinite}
.hsb-preloader-logo-fill>span:before{content:"";position:absolute;left:-15%;top:0;width:130%;height:12%;border-radius:50%;background:var(--hsb-preloader-accent);box-shadow:0 0 14px color-mix(in srgb,var(--hsb-preloader-accent) 80%,transparent);animation:hsb-preloader-logo-wave 1.5s ease-in-out infinite alternate}
.hsb-preloader-effect-logo-fill .hsb-preloader-effect{display:none}.hsb-preloader-effect-logo-fill>.hsb-preloader-logo-image{opacity:0}
@keyframes hsb-preloader-logo-fill{0%{transform:translateY(110%)}68%,100%{transform:translateY(-110%)}}
@keyframes hsb-preloader-logo-wave{from{transform:translateX(-8%)}to{transform:translateX(8%)}}

@media(max-width:600px){.hsb-preloader-content{width:min(var(--hsb-preloader-size,120px),76vw,38vh);height:min(var(--hsb-preloader-size,120px),76vw,38vh)}.hsb-preloader-animation-glow-text{font-size:min(12vw,calc(var(--hsb-preloader-size,120px)*.19))}.hsb-preloader-animation-three-d .hsb-3d-dot{font-size:calc(var(--hsb-preloader-size,120px)*.13);transform:translate(-50%,-50%) rotate(calc(var(--dot-index,0)*30deg)) translateY(-2.2em) rotate(calc(var(--dot-index,0)*-30deg))}}
@media(prefers-reduced-motion:reduce){.hsb-preloader-animation-three-d .hsb-3d-dot:nth-child(-n+3)>b+b{opacity:1;animation:none}.hsb-preloader-animation-ripple-grid>i,.hsb-preloader-animation-ripple-grid>i:after,.hsb-preloader-animation-bubble .hsb-bubble,.hsb-bubble>b,.hsb-preloader-animation-glow-text,.hsb-glow-letter,.hsb-3d-dot>b+b,.hsb-preloader-ripple-rings>i,.hsb-preloader-logo-fill>span,.hsb-preloader-logo-fill>span:before{animation:none!important}}