/* 1 progress bars, one piece under each tab */
.hb-rn,.hx-tabs{position:relative}
.sb-bar{position:absolute;left:0;right:0;top:calc(100% + 8px);height:5px;pointer-events:none}@media (max-width:640px){.sb-bar{top:calc(100% + 7.2px);height:4.5px}}
.sb-bar i{position:absolute;top:0;height:5px;border-radius:3px;background:rgba(255,255,255,.26);transition:left .35s cubic-bezier(.2,.8,.2,1),width .35s cubic-bezier(.2,.8,.2,1)}@media (max-width:640px){.sb-bar i{height:4.5px;border-radius:2.7px}}
.sb-bar i b{position:absolute;inset:0;border-radius:3px;background:#3ddc68;transform-origin:left;transform:scaleX(0)}@media (max-width:640px){.sb-bar i b{border-radius:2.7px}}
.sb-bar u{position:absolute;top:50%;left:0;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(61,220,104,.55),0 2px 6px rgba(0,0,0,.35)}@media (max-width:640px){.sb-bar u{width:11.7px;height:11.7px;margin:-5.85px 0 0 -5.85px}}
.hx-tabs .sb-bar{top:calc(100% + 9px)}@media (max-width:640px){.hx-tabs .sb-bar{top:calc(100% + 8.1px)}}
.sb-one i,.sb-one u{transition:left .35s cubic-bezier(.2,.8,.2,1)}
.sb-one{height:6px}@media (max-width:640px){.sb-one{height:5.4px}}.sb-one i{height:6px}@media (max-width:640px){.sb-one i{height:5.4px}}
@media (max-width:640px){.sb-one{height:5px}@media (max-width:640px){.sb-one{height:4.5px}}.sb-one i{height:5px}@media (max-width:640px){.sb-one i{height:4.5px}}}
.hb-sk i,.hx-tab .hx-pg{display:none!important}
@media (max-width:640px){.sb-bar{top:calc(100% + 5px);height:4px}@media (max-width:640px){.sb-bar{top:calc(100% + 4.5px);height:3.6px}}.sb-bar i{height:4px}@media (max-width:640px){.sb-bar i{height:3.6px}}.sb-bar u{width:11px;height:11px;margin:-5.5px 0 0 -5.5px}@media (max-width:640px){.sb-bar u{width:9.9px;height:9.9px;margin:-4.95px 0 0 -4.95px}}}
/* 2 the title card between sectors */
.hx-tc{position:absolute;left:12px;right:12px;bottom:12px;top:var(--tct,80px);z-index:20;display:grid;place-items:start center;border-radius:22px;
  background:rgba(1,26,11,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility 0s .35s}@media (max-width:640px){.hx-tc{left:10.8px;right:10.8px;bottom:10.8px;top:var(--tct,72px);border-radius:19.8px}}
.hx-tc.on{opacity:1;visibility:visible;transition:opacity .3s}
.hx-tc>div{display:grid;justify-items:center;gap:14px;padding:24px;margin-top:clamp(70px,20vh,200px);transform:translateY(14px) scale(.97);transition:transform .5s cubic-bezier(.2,.8,.2,1)}@media (max-width:640px){.hx-tc>div{gap:12.6px;padding:21.6px;margin-top:clamp(63px,20vh,180px);transform:translateY(12.6px) scale(.97)}}
.hx-tc.on>div{transform:none}
.hx-tc>div[hidden]{display:none}
.hx-tc i{width:64px;height:64px;border-radius:19px;display:grid;place-items:center;background:#fff;color:var(--c);box-shadow:0 14px 30px -10px rgba(0,0,0,.5)}@media (max-width:640px){.hx-tc i{width:57.6px;height:57.6px;border-radius:17.1px}}
.hx-tc b{font:800 clamp(30px,4.4vw,46px)/1.05 var(--f-display);letter-spacing:-.03em}@media (max-width:640px){.hx-tc b{font:800 clamp(27px,4.4vw,41.4px)/1.05 var(--f-display)}}
.hx-tc span{max-width:32em;font:500 clamp(15px,1.5vw,18px)/1.4 var(--f-body);color:#fff}@media (max-width:640px){.hx-tc span{font:500 clamp(14px,1.5vw,16.2px)/1.4 var(--f-body)}}