.flux-orbit{--flux-void: #02050c;--flux-panel: #1a3d6f;--flux-ink: #eef4ff;--flux-muted: #a0afc3;--flux-blue: #35c9ff;--flux-red: #ff4969;--flux-class: #ff9a4c;--flux-class-rgb: 255, 154, 76;--flux-pointer-x: 0px;--flux-pointer-y: 0px;--flux-pointer-rx: 0deg;--flux-pointer-ry: 0deg;position:relative;isolation:isolate;overflow:clip;margin-block:clamp(2.5rem,7vw,7rem);color:var(--flux-ink);background:var(--flux-void);-webkit-font-smoothing:antialiased}.flux-orbit[data-active-class=mage]{--flux-class: #bc72ff;--flux-class-rgb: 188, 114, 255}.flux-orbit[data-active-class=tank]{--flux-class: #35d8da;--flux-class-rgb: 53, 216, 218}.flux-orbit[data-active-class=assassin]{--flux-class: #70f0bd;--flux-class-rgb: 112, 240, 189}.flux-orbit[data-active-class=support]{--flux-class: #ff7dbd;--flux-class-rgb: 255, 125, 189}.flux-orbit[data-active-class=marksman]{--flux-class: #5fa7ff;--flux-class-rgb: 95, 167, 255}.flux-orbit[data-active-class=brawler]{--flux-class: #ff6b42;--flux-class-rgb: 255, 107, 66}.flux-orbit *,.flux-orbit *:before,.flux-orbit *:after{box-sizing:border-box}.flux-orbit button,.flux-orbit a{-webkit-tap-highlight-color:transparent}.flux-orbit__scroll{position:relative}.flux-orbit__stage{position:relative;width:min(100%,1600px);min-height:760px;margin-inline:auto;overflow:clip;background:radial-gradient(circle at 50% 46%,rgba(var(--flux-class-rgb),.12),transparent 30%),radial-gradient(circle at 15% 32%,rgba(32,120,255,.09),transparent 28%),linear-gradient(180deg,#07101e,#02050c 68%,#010308);box-shadow:0 0 0 1px #ffffff14,0 30px 90px #0000007a}.flux-orbit__atmosphere,.flux-orbit__atmosphere>span{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.flux-orbit__atmosphere{overflow:hidden}.flux-orbit__grid{top:48%!important;opacity:.36;background-image:linear-gradient(rgba(var(--flux-class-rgb),.15) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--flux-class-rgb),.15) 1px,transparent 1px);background-size:74px 74px;transform:perspective(500px) rotateX(68deg) scale(1.7) translateY(24%);transform-origin:center bottom;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 76%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 76%,transparent)}.flux-orbit__beam{left:50%!important;width:min(34vw,460px);transform:translate(-50%);opacity:.7;background:linear-gradient(90deg,transparent,rgba(var(--flux-class-rgb),.06),rgba(255,184,0,.09),rgba(var(--flux-class-rgb),.06),transparent);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%)}.flux-orbit__ring{top:61%!important;left:50%!important;width:min(58vw,760px);height:min(24vw,260px);border:1px solid rgba(var(--flux-class-rgb),.24);border-radius:50%;transform:translate(-50%,-50%) rotateX(64deg);box-shadow:0 0 42px rgba(var(--flux-class-rgb),.08),inset 0 0 42px rgba(var(--flux-class-rgb),.06)}.flux-orbit__ring--inner{width:min(38vw,480px);height:min(15vw,150px);border-color:#ffb8004d}.flux-orbit__crystal{inset:auto auto 7% 50%!important;width:18px;height:32px;transform:translate(-50%) rotate(45deg);border:1px solid rgba(255,227,136,.86);background:linear-gradient(135deg,#fff3b0,var(--flux-orbit-accent) 46%,#ff7b00);box-shadow:0 0 24px #ffb8009e,0 0 72px #ffb80047}.flux-orbit__chrome{position:relative;z-index:4;padding:clamp(1.4rem,3vw,2.8rem) clamp(1rem,4vw,4rem) 0}.flux-orbit__intro{display:grid;gap:.38rem;max-width:780px}.flux-orbit__intro--center{justify-items:center;margin-inline:auto;text-align:center}.flux-orbit__eyebrow{margin:0;color:var(--flux-orbit-accent);font:800 .7rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.24em;text-transform:uppercase}.flux-orbit__heading{margin:0;color:inherit;font-size:clamp(4rem,4vw,4.25rem);line-height:.95;letter-spacing:-.05em;text-wrap:balance}.flux-orbit__copy{max-width:62ch;color:var(--flux-muted);font-size:clamp(.9rem,1.25vw,1.08rem);text-wrap:pretty}.flux-orbit__copy p{margin:.2rem 0 0}.flux-orbit__classbar{display:none;align-items:center;gap:1rem;margin-top:clamp(1rem,2vw,1.6rem)}.flux-orbit.is-enhanced .flux-orbit__classbar{display:flex}.flux-orbit__class-tabs{display:flex;flex:1;gap:.35rem;overflow-x:auto;padding:2px;scrollbar-width:none}.flux-orbit__class-tabs::-webkit-scrollbar{display:none}.flux-orbit__class-tabs button{min-height:44px;padding:.58rem .85rem;border:0;border-radius:999px;color:var(--flux-muted);background:transparent;box-shadow:0 0 0 1px #ffffff14;font:800 .66rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition-property:color,background-color,box-shadow,transform;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1)}.flux-orbit__class-tabs button span{margin-left:.28rem;opacity:.52;font-variant-numeric:tabular-nums}.flux-orbit__class-tabs button:hover{color:var(--flux-ink);box-shadow:0 0 0 1px #ffffff2e}.flux-orbit__class-tabs button[aria-selected=true]{color:#03070c;background:var(--flux-class);box-shadow:0 0 26px rgba(var(--flux-class-rgb),.27)}.flux-orbit__class-tabs button:active{transform:scale(.96)}.flux-orbit__class-tabs button:focus-visible,.flux-orbit__control:focus-visible,.flux-orbit__pause:focus-visible,.flux-orbit__cta:focus-visible,.flux-orbit__dossier-close:focus-visible{outline:2px solid #ffc83d;outline-offset:3px}.flux-orbit-card__button:focus-visible{position:relative;z-index:1;border-radius:inherit;outline:0;box-shadow:inset 0 0 0 3px #ffc83d}.flux-orbit__progress{display:flex;align-items:center;gap:.55rem;color:var(--flux-muted);font:800 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;font-variant-numeric:tabular-nums}.flux-orbit__progress i{width:clamp(32px,5vw,72px);height:1px;background:linear-gradient(90deg,var(--flux-class),rgba(255,255,255,.16))}.flux-orbit__viewport{position:relative;z-index:2;min-height:500px;padding:0 clamp(.5rem,2vw,2rem) 5.5rem}.flux-orbit__class-title{display:none;position:absolute;z-index:0;top:9%;left:clamp(1rem,5vw,5rem);color:rgba(var(--flux-class-rgb),.1);text-transform:uppercase;pointer-events:none}.flux-orbit.is-enhanced .flux-orbit__class-title{display:grid}.flux-orbit__class-title span{color:rgba(var(--flux-class-rgb),.55);font:800 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em}.flux-orbit__class-title strong{font-size:clamp(4rem,11vw,11rem);line-height:.85;letter-spacing:-.08em}.flux-orbit__roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.7rem,1.5vw,1.2rem);width:min(100% - 2rem,1440px);margin:clamp(1.5rem,4vw,3rem) auto 0;padding:0;list-style:none}.flux-orbit-card{min-width:0;overflow:clip;border-radius:18px;background:radial-gradient(circle at 50% 36%,rgba(var(--flux-class-rgb),.18),transparent 58%),var(--flux-panel);box-shadow:0 0 0 1px #ffffff17,0 18px 44px #00000040}.flux-orbit-card__button{display:grid;width:100%;height:100%;min-height:44px;padding:0;border:0;color:inherit;background:transparent;text-align:left;text-decoration:none;cursor:pointer}.flux-orbit-card__aura{display:none}.flux-orbit-card__art{display:grid;aspect-ratio:1 / 1.12;place-items:center;overflow:hidden}.flux-orbit-card__image{display:block;width:100%;height:100%;object-fit:contain;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}.flux-orbit-card__meta{display:grid;gap:.22rem;padding:.8rem .9rem 1rem;box-shadow:inset 0 1px #ffffff14}.flux-orbit-card__name{color:var(--flux-ink);font-size:.92rem;letter-spacing:.055em;text-transform:uppercase}.flux-orbit-card__class{color:var(--flux-muted);font:800 .66rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.flux-orbit__controls{display:none}.flux-orbit__controls[aria-hidden=true]{visibility:hidden;opacity:0;pointer-events:none}.flux-orbit__dossier[hidden]{display:none!important}.flux-orbit__announcer{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(min-width:990px)and (pointer:fine){.flux-orbit.is-enhanced .flux-orbit__scroll{height:467svh;min-height:3900px}.flux-orbit.is-enhanced .flux-orbit__stage{position:sticky;top:clamp(16px,7svh,86px);display:grid;grid-template-rows:auto 1fr;height:82svh;min-height:620px;max-height:980px}.flux-orbit.is-enhanced .flux-orbit__viewport{min-height:0}.flux-orbit.is-enhanced .flux-orbit__roster{position:relative;display:block;width:100%;height:100%;min-height:430px;margin:0;perspective:1100px}.flux-orbit.is-enhanced .flux-orbit-card{position:absolute;top:49%;left:50%;z-index:1;width:clamp(210px,25vw,390px);overflow:visible;border-radius:0;opacity:0;background:transparent;box-shadow:none;filter:blur(10px) saturate(.6);pointer-events:none;transform:translate3d(-50%,-44%,-80px) scale(.48);transform-style:preserve-3d;transition-property:transform,opacity,filter;transition-duration:.48s,.26s,.36s;transition-timing-function:cubic-bezier(.2,0,0,1)}.flux-orbit.is-enhanced .flux-orbit-card[data-flux-orbit-slot=hidden]{display:none}.flux-orbit.is-enhanced .flux-orbit-card[data-flux-orbit-slot=previous]{z-index:2;opacity:.46;filter:blur(1.5px) saturate(.72);pointer-events:auto;transform:translate3d(calc(-50% - min(31vw,440px)),-43%,-45px) rotateY(11deg) scale(.68)}.flux-orbit.is-enhanced .flux-orbit-card[data-flux-orbit-slot=current]{z-index:4;opacity:1;filter:none;pointer-events:auto;transform:translate3d(calc(-50% + var(--flux-pointer-x)),calc(-48% + var(--flux-pointer-y)),0) rotateX(var(--flux-pointer-rx)) rotateY(var(--flux-pointer-ry)) scale(1)}.flux-orbit.is-enhanced .flux-orbit-card[data-flux-orbit-slot=next]{z-index:2;opacity:.46;filter:blur(1.5px) saturate(.72);pointer-events:auto;transform:translate3d(calc(-50% + min(31vw,440px)),-43%,-45px) rotateY(-11deg) scale(.68)}.flux-orbit.is-enhanced .flux-orbit-card__button{position:relative;display:block;text-align:center}.flux-orbit.is-enhanced .flux-orbit-card__aura{display:block;position:absolute;z-index:-1;top:18%;right:3%;bottom:8%;left:3%;border-radius:50%;opacity:0;background:radial-gradient(circle,rgba(var(--flux-class-rgb),.27),transparent 68%);filter:blur(18px);transition:opacity .22s ease-out}.flux-orbit.is-enhanced .flux-orbit-card[data-flux-orbit-slot=current] .flux-orbit-card__aura{opacity:1}.flux-orbit.is-enhanced .flux-orbit-card__art{aspect-ratio:640 / 760;overflow:visible}.flux-orbit.is-enhanced .flux-orbit-card__image{outline:0;filter:drop-shadow(0 30px 28px rgba(0,0,0,.54))}.flux-orbit.is-enhanced .flux-orbit-card__meta{justify-items:center;gap:.25rem;margin-top:-1.3rem;padding:0;box-shadow:none;text-shadow:0 2px 18px #000}.flux-orbit.is-enhanced .flux-orbit-card__name{font-size:clamp(1rem,1.8vw,1.45rem)}.flux-orbit.is-enhanced .flux-orbit-card[data-flux-orbit-slot=previous] .flux-orbit-card__meta,.flux-orbit.is-enhanced .flux-orbit-card[data-flux-orbit-slot=next] .flux-orbit-card__meta{opacity:.64}.flux-orbit.is-enhanced .flux-orbit__controls{position:absolute;z-index:8;right:clamp(1rem,4vw,4rem);bottom:2rem;display:flex;align-items:center;gap:.55rem}.flux-orbit.is-enhanced .flux-orbit__dossier{position:absolute;z-index:12;left:clamp(1rem,4vw,4rem);right:clamp(1rem,4vw,4rem);bottom:1.15rem;display:flex;align-items:center;gap:1.2rem;min-height:92px;padding:1rem 4rem 1rem 1.2rem;border-radius:18px;background:#030810e0;box-shadow:0 0 0 1px #ffffff1f,0 24px 70px #0000007a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.flux-orbit.is-enhanced:has(.flux-orbit__dossier:not([hidden])) .flux-orbit__controls{opacity:0;pointer-events:none}}.flux-orbit__control,.flux-orbit__pause,.flux-orbit__dossier-close{min-width:44px;min-height:44px;border:0;color:var(--flux-ink);background:#030810cc;box-shadow:0 0 0 1px #ffffff1f;cursor:pointer;transition-property:color,background-color,box-shadow,transform;transition-duration:.16s;transition-timing-function:ease-out}.flux-orbit__control{display:grid;border-radius:50%;place-items:center;font-size:1.05rem}.flux-orbit__control:hover,.flux-orbit__pause:hover,.flux-orbit__dossier-close:hover{color:#03070c;background:var(--flux-class);box-shadow:0 0 24px rgba(var(--flux-class-rgb),.26)}.flux-orbit__control:active,.flux-orbit__pause:active,.flux-orbit__dossier-close:active,.flux-orbit__cta:active{transform:scale(.96)}.flux-orbit__pause{padding:.7rem .9rem;border-radius:999px;font:800 .65rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.flux-orbit__position{display:flex;align-items:center;gap:.45rem;min-width:84px;margin:0;color:var(--flux-muted);font:800 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.flux-orbit__position i{width:24px;height:1px;background:#ffffff3d}.flux-orbit__dossier>div{display:grid;gap:.12rem}.flux-orbit__dossier-label{margin:0;color:var(--flux-class);font:800 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase}.flux-orbit__dossier h3{margin:0;color:inherit;font-size:clamp(1.35rem,2.4vw,2.1rem);line-height:1;letter-spacing:-.035em}.flux-orbit__dossier p:last-child{margin:.22rem 0 0;color:var(--flux-muted);font:700 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;font-variant-numeric:tabular-nums}.flux-orbit__dossier p b{margin-inline:.4rem;color:var(--flux-orbit-accent)}.flux-orbit__cta{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:.45rem;margin-left:auto;padding:.78rem 1.05rem .78rem 1.15rem;border-radius:999px;color:#03070c;background:var(--flux-orbit-accent);box-shadow:0 0 32px #ffb80038;font-weight:900;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition-property:box-shadow,transform;transition-duration:.16s;transition-timing-function:ease-out}.flux-orbit__cta:hover{box-shadow:0 0 44px #ffb80061}.flux-orbit__dossier-close{position:absolute;top:.7rem;right:.7rem;border-radius:50%;font-size:1.35rem;line-height:1}@media(max-width:989px),(pointer:coarse),(pointer:none){.flux-orbit__stage{min-height:0;padding-bottom:1.5rem}.flux-orbit__chrome{padding-inline:1rem}.flux-orbit__heading{font-size:clamp(2.15rem,10vw,4rem)}.flux-orbit.is-enhanced .flux-orbit__classbar{position:sticky;top:0;z-index:20;margin-inline:-1rem;padding:.7rem 1rem;background:#030810e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px #ffffff14}.flux-orbit__progress{display:none}.flux-orbit__viewport{min-height:0;padding:1rem 0 0}.flux-orbit.is-enhanced .flux-orbit__class-title{position:relative;top:auto;left:auto;margin:0 1rem .5rem;color:rgba(var(--flux-class-rgb),.13)}.flux-orbit__class-title strong{font-size:clamp(3.5rem,18vw,6.5rem)}.flux-orbit.is-enhanced .flux-orbit__roster{display:flex;width:100%;gap:.8rem;margin:0;padding:1rem max(1rem,calc((100vw - min(78vw,360px))/2));overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(1rem,calc((100vw - min(78vw,360px))/2));scrollbar-width:none}.flux-orbit.is-enhanced .flux-orbit__roster::-webkit-scrollbar{display:none}.flux-orbit.is-enhanced .flux-orbit-card{display:none;flex:0 0 min(78vw,360px);scroll-snap-align:center;border-radius:22px}.flux-orbit.is-enhanced .flux-orbit-card[data-flux-mobile-active=true]{display:block;opacity:.68;transform:scale(.94);transition:opacity .18s ease-out,transform .18s cubic-bezier(.2,0,0,1)}.flux-orbit.is-enhanced .flux-orbit-card[data-flux-mobile-active=true][data-flux-current=true]{opacity:1;transform:scale(1)}.flux-orbit.is-enhanced .flux-orbit-card__button{text-align:center}.flux-orbit.is-enhanced .flux-orbit-card__art{aspect-ratio:640 / 760;background:radial-gradient(circle at 50% 48%,rgba(var(--flux-class-rgb),.18),transparent 58%)}.flux-orbit.is-enhanced .flux-orbit-card__image{outline:0;filter:drop-shadow(0 22px 20px rgba(0,0,0,.44))}.flux-orbit.is-enhanced .flux-orbit-card__meta{justify-items:center}.flux-orbit.is-enhanced .flux-orbit__controls{display:flex;align-items:center;justify-content:center;gap:.55rem;margin:.6rem 1rem 0}.flux-orbit.is-enhanced .flux-orbit__pause{display:none}.flux-orbit.is-enhanced .flux-orbit__dossier{position:relative;display:grid;gap:.9rem;margin:1rem;padding:1rem 3.6rem 1rem 1rem;border-radius:18px;background:#080f1bf0;box-shadow:0 0 0 1px #ffffff1c}.flux-orbit__cta{width:100%;margin-left:0}.flux-orbit__grid{top:62%!important}.flux-orbit__ring{top:69%!important;width:94vw;height:34vw}}@media(max-width:749px){.flux-orbit:not(.is-enhanced) .flux-orbit__roster{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100% - 1rem,1440px)}.flux-orbit__copy{max-width:34ch}.flux-orbit__class-tabs button{padding-inline:.75rem}}@media(prefers-reduced-motion:reduce){.flux-orbit{--flux-pointer-x: 0px !important;--flux-pointer-y: 0px !important;--flux-pointer-rx: 0deg !important;--flux-pointer-ry: 0deg !important}.flux-orbit *,.flux-orbit *:before,.flux-orbit *:after{scroll-behavior:auto!important}.flux-orbit-card,.flux-orbit__class-tabs button,.flux-orbit__control,.flux-orbit__pause,.flux-orbit__dossier-close,.flux-orbit__cta{transition-duration:.01ms!important}.flux-orbit.is-enhanced .flux-orbit-card[data-flux-orbit-slot=previous],.flux-orbit.is-enhanced .flux-orbit-card[data-flux-orbit-slot=next]{filter:none}}@media(prefers-reduced-motion:reduce)and (min-width:990px)and (pointer:fine){.flux-orbit.is-enhanced .flux-orbit__scroll{height:auto;min-height:0}.flux-orbit.is-enhanced .flux-orbit__stage{position:relative;top:auto;height:auto;min-height:620px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/flux-champion-orbit.css.map */