.hubwrap{width:100%}.hub-box{position:relative;width:100%;max-width:880px;margin:0 auto;height:640px}.hub{position:absolute;left:0;top:0;width:880px;height:740px;transform-origin:0 0;transform:scale(var(--hs,.8))}.dp{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate3d(calc(var(--mx,0)*var(--d,0)*16px),calc(var(--my,0)*var(--d,0)*12px),0);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.dp .web{position:absolute;left:0;top:0;width:880px;height:740px;overflow:visible}.ring-o,.ring-e,.ping{position:absolute;border-radius:50%}.ring-o{border:1px dashed #21384B}.ring-e{border:1px dashed rgba(238,90,217,.5)}.ping{width:180px;height:180px;border:2px solid rgba(238,90,217,.5);animation:hping 3.2s ease-out infinite}.hx{position:absolute;opacity:.2}.pt{position:absolute;border-radius:50%;opacity:.7}.me{position:absolute;font-family:var(--mono);font-size:13px;color:#9ed3f2;opacity:.45}.epi-chip{position:absolute;translate:-50% -50%;display:flex;align-items:center;gap:9px;background:#1a1230;border:1px solid #EE5AD9;border-radius:999px;padding:9px 16px 9px 12px;font-weight:600;font-size:15px;white-space:nowrap;color:#fff;z-index:3;box-shadow:0 0 28px -6px #ee5ad98c}.epi-chip .d{width:10px;height:10px;border-radius:50%;background:#ee5ad9;box-shadow:0 0 0 4px #ee5ad940;flex:none}.hub-note{margin:10px 0 0;text-align:center;font-size:12.5px;color:#9fb3c3}@keyframes hping{0%{transform:scale(1);opacity:.6}to{transform:scale(2.1);opacity:0}}@keyframes hubDepth{0%{translate:0 calc(var(--d,0)*34px)}to{translate:0 calc(var(--d,0)*-34px)}}@keyframes hfade{0%{opacity:0}to{opacity:1}}@keyframes spinr{to{transform:rotate(-360deg)}}.spin-rev{animation:spinr 80s linear infinite}.a-fade{animation:hfade linear both}.sb1{animation-range:contain 20% contain 25%!important}.sb2{animation-range:contain 22% contain 27%!important}.sb3{animation-range:contain 24% contain 29%!important}.sb4{animation-range:contain 26% contain 31%!important}.sb5{animation-range:contain 28% contain 33%!important}.sb6{animation-range:contain 30% contain 35%!important}.sb7{animation-range:contain 32% contain 37%!important}@supports (animation-timeline:view()){.dp{animation:hubDepth linear both;animation-timeline:--sources;animation-range:contain 0% contain 100%}}@media(max-width:900px){.pin .vis-scale.hubv{display:block;height:auto;overflow:visible}.pin .vis-scale>.hubwrap{width:100%!important;max-width:none;transform:none!important;margin:0!important}.pin .hub-box{height:auto}.hub-note{font-size:11.5px;margin-top:6px}}.hub-box.phone .src-node{font-size:0;gap:0;padding:8px}.hub-box.phone .src-node .ficon{width:52px;height:52px}.hub-box.phone .src-node .ficon svg{width:26px;height:26px}.hub-box.phone .dp:nth-of-type(2){display:none}.hub-box.phone .dp:nth-of-type(4)>.src-node:nth-child(1){left:112px!important;top:50px!important}.hub-box.phone .dp:nth-of-type(4)>.src-node:nth-child(2){left:406px!important;top:44px!important}.hub-box.phone .dp:nth-of-type(4)>.src-node:nth-child(3){left:755px!important;top:50px!important}.hub-box.phone .dp:nth-of-type(4)>.src-node:nth-child(4){left:112px!important;top:300px!important}.hub-box.phone .dp:nth-of-type(4)>.src-node:nth-child(5){left:755px!important;top:165px!important}.hub-box.phone .dp:nth-of-type(4)>.src-node:nth-child(6){left:755px!important;top:300px!important}.hub-box.phone .dp:nth-of-type(4)>.src-node:nth-child(7){left:112px!important;top:540px!important}.hub-box.phone .dp:nth-of-type(4)>.src-node:nth-child(8){left:755px!important;top:540px!important}.hub-box.phone .dp:nth-of-type(4)>.src-node:nth-child(9){left:406px!important;top:646px!important}.hub-box.phone .epi-chip{font-size:23px;padding:12px 22px 12px 16px}.hub-box.phone .hx,.hub-box.phone .me,.hub-box.phone .pt{display:none}.hub-box.phone .dp{transition:none}@media(prefers-reduced-motion:reduce){.hub *,.hub{animation:none!important}.hub .pulse,.hub .ping{display:none}.dp{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/relaunch-hub.css.map */