.fantom-flash-it{position:relative;background-color:var(--fantom-bg);padding:clamp(80px,12vw,160px) 0;overflow:hidden;min-height:90vh;display:flex;align-items:center;isolation:isolate}.fantom-flash-it:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at center,rgba(193,61,255,.25),transparent 70%);opacity:0;transition:opacity .8s var(--fantom-ease-standard);z-index:-1;pointer-events:none}.fantom-flash-it[data-state=on]:before{opacity:1}.fantom-flash-it__container{position:relative;width:100%;max-width:100%;padding:0 var(--fantom-gutter)}.fantom-flash-it__repeated{display:flex;flex-direction:column;gap:12px;width:100%}.fantom-flash-it__row{display:flex;justify-content:space-between;align-items:center;gap:40px;font-family:var(--fantom-font-display);font-size:clamp(4rem,14vw,13rem);font-weight:var(--fantom-fw-display);line-height:.9;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;transition:all .8s var(--fantom-ease-standard)}.fantom-flash-it[data-state=off] .fantom-flash-it__row{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.4)}.fantom-flash-it[data-state=on] .fantom-flash-it__row{-webkit-text-stroke:0;background-image:linear-gradient(90deg,#ff3d9a,#ff6a3d 17%,#ffd93d 33%,#3dffa0,#22d3ee 67%,#a855f7 83%,#ff3d9a);background-size:300% 100%;background-position:0% 50%;background-repeat:no-repeat;animation:fantom-flash-shift 7s linear infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@keyframes fantom-flash-shift{0%{background-position:0% 50%}to{background-position:200% 50%}}.fantom-flash-it__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:32px;z-index:2}.fantom-flash-it__ball{width:clamp(240px,28vw,400px);height:clamp(240px,28vw,400px);display:flex;align-items:center;justify-content:center;transition:filter .8s var(--fantom-ease-standard)}.fantom-flash-it__ball img{width:100%;height:100%;object-fit:contain}.fantom-flash-it[data-state=off] .fantom-flash-it__ball{filter:brightness(.25) saturate(.1)}.fantom-flash-it[data-state=on] .fantom-flash-it__ball{filter:brightness(1.1) saturate(1.3) drop-shadow(0 0 60px rgba(193,61,255,.8)) drop-shadow(0 0 120px rgba(255,215,0,.5)) drop-shadow(0 0 200px rgba(61,139,255,.3));animation:fantom-flash-pulse 2.5s ease-in-out infinite}@keyframes fantom-flash-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.fantom-flash-it__placeholder{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(255,61,158,.25),transparent 50%),radial-gradient(circle at 60% 60%,rgba(61,220,255,.25),transparent 50%),linear-gradient(135deg,#1a0f2a,#0a0a0a);border:2px dashed rgba(193,61,255,.5);color:#fff}.fantom-flash-it__toggle{border:none;background:transparent;padding:0;cursor:pointer}.fantom-flash-it__toggle-track{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:130px;height:60px;padding:0 14px;background-color:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:var(--fantom-radius-pill);position:relative;box-shadow:inset 0 2px 8px #0006,0 8px 24px #00000080}.fantom-flash-it__toggle-icon{position:relative;z-index:2;color:var(--fantom-text-muted);display:inline-flex;transition:color var(--fantom-duration-base) var(--fantom-ease-standard)}.fantom-flash-it__toggle-thumb{position:absolute;top:6px;left:6px;width:48px;height:48px;background:radial-gradient(circle at 30% 30%,#ffed4e,gold 60%,#e6b800);border-radius:var(--fantom-radius-pill);box-shadow:0 4px 20px #ffd70099,inset 0 2px 4px #ffffff4d;transition:transform var(--fantom-duration-base) var(--fantom-ease-emphatic);z-index:1}.fantom-flash-it[data-state=on] .fantom-flash-it__toggle-thumb{transform:translate(70px);box-shadow:0 4px 24px #c13dff99,inset 0 2px 4px #ffffff4d;background:radial-gradient(circle at 30% 30%,#e87dff,#c13dff 60%,#8b2ddd)}.fantom-flash-it[data-state=off] .fantom-flash-it__toggle-icon--off,.fantom-flash-it[data-state=on] .fantom-flash-it__toggle-icon--on{color:var(--fantom-bg)}@media(prefers-reduced-motion:reduce){.fantom-flash-it__ball,.fantom-flash-it__row,.fantom-flash-it__toggle-thumb{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/fantom-flash-it.css.map */