.ft-modes__tabs{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:10px;justify-content:center}.ft-modes__tab{padding:14px 34px;font-weight:900;font-size:20px;letter-spacing:2px;color:#7dfbff;background:linear-gradient(90deg,#003c47,#005a6b);border:3px solid #00eaff;border-radius:8px;box-shadow:0 0 10px #00eaff88,0 0 24px #00eaff66,inset 0 0 12px #00eaff33;cursor:pointer;transition:.25s ease;text-transform:uppercase;position:relative;height:100%;display:flex;justify-content:center;align-items:center;gap:1rem}.ft-modes__tab .modes_img{width:40px;height:40px}.ft-modes__tab--active.ft-modes__tab .modes_img{background:var(--ft-red);padding:.2rem;border-radius:inherit}.ft-modes__copy{height:225.8px}.ft-modes__tab:hover{box-shadow:0 0 14px #00eaffcc,0 0 34px #00eaffaa,inset 0 0 16px #00eaff55;transform:translateY(-2px)}.ft-modes__tab--active{background:linear-gradient(90deg,var(--neon),var(--accent));color:#001018}.ft-modes__tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ft-modes__panel{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:4rem 0}.stock-class{color:#fff;box-shadow:none;border:3px solid #5e5e5e;background:#000}@media (max-width: 920px){.ft-modes__tabs{grid-template-columns:1fr;position:relative}.ft-modes__tab .modes_img{position:absolute}.ft-modes__tab:nth-of-type(1) .modes_img{right:24%}.ft-modes__tab:nth-of-type(3) .modes_img{right:12%}.ft-modes__tab:nth-of-type(4) .modes_img{right:6%}.ft-modes__tab:nth-of-type(5) .modes_img{right:2%}.stock-class{width:100%}.ft-modes__copy{height:auto}.ft-modes__tab{padding:7px 14px;font-weight:700;font-size:19px}.ft-modes__panel{grid-template-columns:1fr;gap:24px}.ft-modes__mode-title{display:none}}.ft-modes__journey{display:grid;grid-template-columns:100px 1fr 100px;align-items:center;position:relative}.ft-modes__node{background:var(--card-purple);color:var(--text-strong);border-radius:999px;padding:10px 14px;text-align:center;box-shadow:0 0 22px #00f0ff38;font-weight:700}.ft-modes__line{position:relative;z-index:1;height:12px;background:linear-gradient(90deg,#00f0ff2e,#00f0ff38);border-radius:999px;overflow:hidden;isolation:isolate}.ft-modes__ecu-chip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ft-modes__ecu-chip img{width:100px;height:auto}.ft-modes__packet{position:absolute;top:2px;width:14px;height:8px;border-radius:8px;background:var(--neon);filter:drop-shadow(0 0 10px var(--neon));opacity:.85}.ft-modes__packet--p1{left:-180px;animation:mode-packet 2.4s linear infinite}.ft-modes__packet--p2{left:-260px;animation:mode-packet 2.8s linear .25s infinite}.ft-modes__packet--p3{left:-340px;animation:mode-packet 3.2s linear .5s infinite}@keyframes mode-packet{to{transform:translate(140%)}}.ft-modes__beam{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--neon) 45%,transparent 80%);mix-blend-mode:screen;opacity:0;transform:translate(-100%)}@keyframes beam{to{transform:translate(100%)}}.ft-modes__gauge{position:relative;width:220px;margin:8px auto 0}.ft-modes__gauge svg{display:block;width:100%;height:auto}.ft-modes__gauge-active{stroke-dasharray:157;stroke-dashoffset:157;transition:stroke-dashoffset .4s ease}.ft-modes__gauge-label{text-align:center;margin-top:6px;color:var(--text-strong);font-weight:800}.ft-modes__gauge-value{color:var(--shine)}.ft-modes__effect{font-weight:700;text-align:center;margin-top:.5rem;opacity:.9}.ft-modes__mode-title{color:var(--text-strong);margin:0 0 6px}.ft-modes__desc{margin:0 0 14px;line-height:1.6;color:var(--text-strong)}.ft-modes__levels{margin-top:10px}.ft-modes__level-label{display:block;margin-bottom:8px;color:var(--muted)}.ft-modes__level-input{width:100%;-webkit-appearance:none;appearance:none;height:8px;border-radius:999px;background:#11151533;outline:none}.ft-modes__level-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(90deg,var(--neon),var(--accent));box-shadow:0 0 18px #00f0ff59;cursor:pointer}.ft-modes__level-dots{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin:8px 0 4px}.ft-modes__level-dots span{height:6px;border-radius:999px;background:#1115152e}.ft-modes__level-readout{color:var(--text-strong);font-weight:800}.ft-modes__level-scale{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:4px;font-size:.8rem;color:var(--muted)}.ft-modes__level-scale span:nth-child(2){text-align:center}.ft-modes__level-scale span:last-child{text-align:right}.ft-modes__usps.ft-modes__usps--compact{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 0;padding:0;list-style:none}.ft-modes__usps.ft-modes__usps--compact li{background:#0e0f12;border:1px solid rgba(0,240,255,.2);border-radius:12px;padding:6px 10px}.ft-modes[data-mode=slow] .ft-modes__beam{opacity:.35;animation:beam .99s linear infinite}.ft-modes[data-mode=cruise] .ft-modes__beam{opacity:.55;animation:beam .9s linear infinite}.ft-modes[data-mode=fast] .ft-modes__beam{opacity:.8;animation:beam .65s linear infinite}.ft-modes[data-mode=sendit] .ft-modes__beam{opacity:1;animation:beam .45s linear infinite}.ft-modes[data-mode=slow] .ft-modes__packet{animation-duration:2.8s}.ft-modes[data-mode=cruise] .ft-modes__packet{animation-duration:1.8s}.ft-modes[data-mode=fast] .ft-modes__packet{animation-duration:1.2s}.ft-modes[data-mode=sendit] .ft-modes__packet{animation-duration:.8s}.ft-modes__note{text-align:center;color:var(--text-strong)}
/*# sourceMappingURL=/cdn/shop/t/69/assets/hp-ft-modes.css.map */