.fx-htu{--fx-black: #0a0a0a;--fx-blue: #00aaff;--fx-cyan: #00cfff;--fx-charcoal: #1a1a1a;--fx-white: #ffffff;--htu-black: var(--fx-black);--htu-blue: var(--fx-blue);--htu-cyan: var(--fx-cyan);--htu-charcoal: var(--fx-charcoal);--htu-white: var(--fx-white);--htu-muted: rgba(255, 255, 255, .68);--htu-border: rgba(0, 207, 255, .2);--htu-ease: cubic-bezier(.22, 1, .36, 1);--htu-shell-bg: linear-gradient(180deg, rgba(26, 26, 26, .95) 0%, rgba(10, 10, 10, .95) 100%);--htu-shell-shadow: 0 0 0 1px rgba(0, 170, 255, .04) inset, 0 24px 60px rgba(0, 0, 0, .32);position:relative;isolation:isolate;padding:clamp(5.25rem,9vw,7rem) 0 clamp(2.5rem,5vw,3.5rem);color:var(--htu-white);font-family:var(--fx-font-ui, "Space Grotesk", system-ui, sans-serif);background:transparent;overflow:hidden}.fx-htu *,.fx-htu *:before,.fx-htu *:after{box-sizing:border-box}.fx-htu__inner{width:min(1280px,95vw);margin:0 auto;position:relative;z-index:1}.fx-htu__shell{border-radius:18px;border:1px solid var(--htu-border);background:var(--htu-shell-bg);box-shadow:var(--htu-shell-shadow)}.fx-htu__header{text-align:center;margin-bottom:clamp(2rem,4.5vw,3rem)}.fx-htu__eyebrow{margin:0 0 .75rem;font-size:var(--fx-type-eyebrow, .875rem);font-weight:var(--fx-weight-bold, 700);letter-spacing:var(--fx-type-eyebrow-track, .28em);text-transform:uppercase;color:var(--htu-cyan)}.fx-htu__title{margin:0 0 .75rem;font-family:var(--fx-font-display, "Anton", Impact, sans-serif);font-weight:400;font-size:var(--fx-type-display, clamp(2.5rem, 6vw, 4.25rem));letter-spacing:var(--fx-tracking-tight, -.015em);line-height:var(--fx-leading-none, 1.02);text-transform:uppercase;color:#fff}.fx-htu__subtitle{margin:0 auto;max-width:520px;font-size:var(--fx-type-body-sm, 1.05rem);font-weight:var(--fx-weight-regular, 400);line-height:1.5;color:var(--htu-muted)}.fx-htu__stage{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:1.15rem;align-items:stretch}.fx-htu__rail{position:relative;display:flex;flex-direction:column;gap:.55rem;min-width:0;padding:.85rem;height:100%}.fx-htu__rail:before{content:"";position:absolute;left:calc(1.4rem + 20px);top:calc(.85rem + .7rem + 20px);bottom:calc(.85rem + .7rem + 20px);width:2px;background:linear-gradient(180deg,#00cfff73,#00aaff24 55%,#00cfff4d);border-radius:2px;pointer-events:none;z-index:0}.fx-htu__step{position:relative;z-index:1;display:grid!important;grid-template-columns:44px minmax(0,1fr) 48px;column-gap:.75rem;align-items:center;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;margin:0!important;padding:.75rem .7rem .75rem .6rem!important;border:1px solid rgba(0,207,255,.14)!important;border-radius:14px!important;background:#0a0a0a73!important;color:#fff!important;font:inherit!important;text-align:start!important;text-transform:none!important;letter-spacing:normal!important;line-height:1.3!important;cursor:pointer;appearance:none!important;-webkit-appearance:none!important;box-shadow:none!important;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s var(--htu-ease)}.fx-htu__step:hover{border-color:#00cfff6b!important;background:#00aaff14!important;box-shadow:0 0 22px #00aaff1f!important;transform:translateY(-1px)}.fx-htu__step.is-active{border-color:#00cfff8c!important;background:linear-gradient(100deg,#00aaff29,#0a0a0a8c 62%)!important;box-shadow:0 0 0 1px #00cfff1a,0 0 24px #00aaff24!important;transform:none}.fx-htu__step-num{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:.82rem;font-weight:800;letter-spacing:.02em;color:var(--htu-cyan);border:1px solid rgba(0,207,255,.35);background:#00aaff1a;box-shadow:0 0 14px #00cfff1a}.fx-htu__step.is-active .fx-htu__step-num{color:#0a0a0a;background:linear-gradient(145deg,#00cfff,#0af);border-color:transparent;box-shadow:0 0 0 3px #00cfff29,0 0 18px #00cfff66}.fx-htu__step-copy{min-width:0;overflow:hidden}.fx-htu__step-title{display:block;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;line-height:1.25;margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-htu__step.is-active .fx-htu__step-title{color:var(--htu-cyan)}.fx-htu__step-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.72rem;line-height:1.35;color:var(--htu-muted)}.fx-htu__step-thumb{width:48px;height:64px;border-radius:10px;overflow:hidden;border:1px solid rgba(0,207,255,.16);background:#0a0a0a99;flex-shrink:0}.fx-htu__step-thumb img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.fx-htu__detail-wrap{min-width:0;display:flex;flex-direction:column;gap:.9rem;height:100%}.fx-htu__detail{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);grid-template-rows:auto;align-items:center;min-height:0;flex:1;overflow:hidden;gap:.5rem}.fx-htu__detail-body{display:none!important;grid-column:1;grid-row:1;flex-direction:column;justify-content:center;gap:.85rem;padding:clamp(1.35rem,3vw,2.25rem);min-width:0;z-index:2}.fx-htu__detail-body.is-active{display:flex!important}.fx-htu__detail-media{position:relative;grid-column:2;grid-row:1;align-self:center;justify-self:center;width:min(100%,360px);aspect-ratio:2 / 3;min-height:0;height:auto;max-height:min(68vh,560px);margin:1rem 1.1rem 1rem .25rem;border-radius:16px;border:1px solid rgba(0,207,255,.18);background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(0,170,255,.12) 0%,transparent 65%),#00000080;overflow:hidden;box-shadow:0 16px 42px #0006,0 0 24px #00aaff1a}.fx-htu__detail-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center center;opacity:0;transition:opacity .4s ease;display:block}.fx-htu__detail-media img.is-active{opacity:1;z-index:1}.fx-htu__detail-media:after{content:none}.fx-htu__detail-kicker{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--htu-cyan)}.fx-htu__detail-title{margin:0;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(1.7rem,3.2vw,2.45rem);letter-spacing:.02em;line-height:1.05;text-transform:uppercase;color:#fff}.fx-htu__detail-title:after{content:"";display:block;width:44px;height:3px;margin-top:.65rem;border-radius:2px;background:linear-gradient(90deg,#00cfff,#0af);box-shadow:0 0 12px #00cfff8c}.fx-htu__detail-text{margin:0;font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.65;color:var(--htu-muted);max-width:36ch}.fx-htu__checks{list-style:none;margin:.2rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.fx-htu__checks li{display:flex;align-items:flex-start;gap:.65rem;margin:0;padding:.65rem .8rem;border-radius:12px;border:1px solid rgba(0,207,255,.14);background:#0a0a0a6b;font-size:.9rem;line-height:1.4;color:#ffffffe6;transition:border-color .2s ease,background .2s ease}.fx-htu__checks li:hover{border-color:#00cfff4d;background:#00aaff0f}.fx-htu__check-icon{width:20px;height:20px;border-radius:50%;flex-shrink:0;margin-top:.05rem;display:grid;place-items:center;border:1px solid rgba(0,207,255,.4);color:var(--htu-cyan);background:#00aaff1a}.fx-htu__check-icon svg{width:10px;height:10px;display:block}.fx-htu__controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .95rem;border-radius:14px;border:1px solid var(--htu-border);background:var(--htu-shell-bg);box-shadow:var(--htu-shell-shadow)}.fx-htu__dots{position:relative;display:flex;align-items:center;justify-content:space-between;flex:1;max-width:240px;height:18px}.fx-htu__dots:before{content:"";position:absolute;left:2px;right:2px;top:50%;height:2px;transform:translateY(-50%);background:#ffffff1f;border-radius:2px}.fx-htu__dots:after{content:"";position:absolute;left:2px;top:50%;height:2px;width:var(--htu-progress, 0%);transform:translateY(-50%);background:linear-gradient(90deg,#00cfff,#0af);box-shadow:0 0 10px #00cfff80;border-radius:2px;transition:width .35s var(--htu-ease)}.fx-htu__dot{position:relative;z-index:1;width:10px;height:10px;flex-shrink:0;padding:0;border:none;border-radius:50%;background:#1a1a1a;box-shadow:0 0 0 2px #ffffff38;cursor:pointer;-webkit-appearance:none;appearance:none}.fx-htu__dot.is-active{background:#00cfff;box-shadow:0 0 0 3px #00cfff40,0 0 14px #00cfff99}.fx-htu__arrows{display:flex;gap:.5rem}.fx-htu__arrow{width:42px;height:42px;border-radius:12px;border:1px solid rgba(0,207,255,.35);background:#0a0a0a80;color:var(--htu-cyan);display:grid;place-items:center;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.fx-htu__arrow:hover:not(:disabled){background:#00aaff1f;border-color:#00cfff;box-shadow:0 0 18px #00cfff38}.fx-htu__arrow:disabled{opacity:.35;cursor:default}.fx-htu__arrow svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shopify-section.section-fx-how-to-use{background:transparent}.fx-htu__detail-body.is-active{animation:fx-htu-panel-in .45s cubic-bezier(.22,1,.36,1) both}.fx-htu__detail-media img{transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.fx-htu__detail-media img.is-active{transform:scale(1)}.fx-htu__detail-media img:not(.is-active){transform:scale(1.04)}.fx-htu.is-autoplay .fx-htu__dot.is-active{width:28px;border-radius:999px;background:#00cfff2e;box-shadow:0 0 0 2px #00cfff59;overflow:hidden;transition:width .25s ease}.fx-htu.is-autoplay .fx-htu__dot.is-active:after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;border-radius:inherit;background:linear-gradient(90deg,#00cfff,#0af);pointer-events:none;animation:fx-htu-dot-fill var(--htu-autoplay-ms, 4s) linear forwards}@keyframes fx-htu-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fx-htu-dot-fill{0%{width:0%}to{width:100%}}@media(max-width:989px){.fx-htu{padding-bottom:2rem}.fx-htu__stage{grid-template-columns:1fr}.fx-htu__rail{display:none!important}.fx-htu__rail:before{display:none}.fx-htu__dot,.fx-htu.is-autoplay .fx-htu__dot.is-active{width:10px!important;height:10px!important;min-width:10px!important;min-height:10px!important;border-radius:50%!important}.fx-htu.is-autoplay .fx-htu__dot.is-active{background:#00cfff!important;box-shadow:0 0 0 3px #00cfff40,0 0 14px #00cfff99!important}.fx-htu.is-autoplay .fx-htu__dot.is-active:after{display:none!important}.fx-htu__detail{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0}.fx-htu__detail-media{grid-column:1;grid-row:1;width:min(100%,320px);justify-self:center;margin:.85rem auto 0;max-height:min(58vh,480px);aspect-ratio:2 / 3;border-left:none}.fx-htu__detail-body.is-active{grid-column:1;grid-row:2;min-height:0;padding:1.15rem 1.1rem 1.25rem}.fx-htu__detail-text{max-width:none}.fx-htu__detail-wrap{scroll-margin-top:0;width:100%}.fx-htu__controls{justify-content:center}}@media(max-width:560px){.fx-htu__detail-media{width:min(100%,280px);margin:.75rem auto 0;max-height:min(52vh,420px);aspect-ratio:2 / 3}.fx-htu__controls{padding:.65rem .75rem}}body:has([data-fx-htu]) .shopify-section-group-footer-group [class*=feature-]{background-color:transparent!important;background-image:none!important;border:none!important}body:has([data-fx-htu]) .shopify-section-group-footer-group .wrapper-box{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;border:1px solid rgba(0,207,255,.18)!important;border-radius:18px!important;overflow:hidden!important;background:linear-gradient(180deg,#1a1a1a94,#0a0a0ac7)!important;box-shadow:0 0 0 1px #00aaff0a inset,0 24px 60px #00000047!important;max-width:min(1280px,95vw)!important;margin:0 auto 1.5rem!important}body:has([data-fx-htu]) .shopify-section-group-footer-group .box{background:transparent!important;border:none!important;border-right:1px solid rgba(0,207,255,.12)!important;border-radius:0!important;box-shadow:none!important;padding:1.15rem 1.1rem!important;transform:none!important}body:has([data-fx-htu]) .shopify-section-group-footer-group .box:last-child{border-right:none!important}body:has([data-fx-htu]) .shopify-section-group-footer-group .box__title,body:has([data-fx-htu]) .shopify-section-group-footer-group .box__title *{color:#fff!important;font-size:.95rem!important;font-weight:700!important}body:has([data-fx-htu]) .shopify-section-group-footer-group .box__description,body:has([data-fx-htu]) .shopify-section-group-footer-group .box__description *{color:#ffffffa6!important;font-size:.8rem!important}body:has([data-fx-htu]) .shopify-section-group-footer-group .box__image img,body:has([data-fx-htu]) .shopify-section-group-footer-group .box__image svg{filter:none!important;color:#00cfff!important}@media(max-width:989px){body:has([data-fx-htu]) .shopify-section-group-footer-group .wrapper-box{grid-template-columns:1fr 1fr!important}body:has([data-fx-htu]) .shopify-section-group-footer-group .box{border-right:1px solid rgba(0,207,255,.12)!important;border-bottom:1px solid rgba(0,207,255,.12)!important}body:has([data-fx-htu]) .shopify-section-group-footer-group .box:nth-child(2n){border-right:none!important}body:has([data-fx-htu]) .shopify-section-group-footer-group .box:nth-last-child(-n+2){border-bottom:none!important}}@media(prefers-reduced-motion:reduce){.fx-htu__step,.fx-htu__detail-media img,.fx-htu__dots:after,.fx-htu__detail-body.is-active{transition:none;animation:none}.fx-htu.is-autoplay .fx-htu__dot.is-active:after{animation:none}}html[dir=rtl] .fx-htu__step{text-align:right!important}html[dir=rtl] .fx-htu__rail:before{left:auto;right:calc(1.4rem + 20px)}html[dir=rtl] .fx-htu__detail-media{margin:1rem 0 1rem 1rem}html[dir=rtl] .fx-htu__dots:before,html[dir=rtl] .fx-htu__dots:after{left:auto;right:2px}html[dir=rtl] .fx-htu__arrow svg{transform:scaleX(-1)}@media(max-width:989px){html[dir=rtl] .fx-htu__detail-media{margin:.85rem .85rem 0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/fx-how-to-use.css.map */