@property --dex-ph-a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes dex-ph-edge{to{--dex-ph-a:360deg}}.dex-phoneband--x{position:relative;overflow:hidden;isolation:isolate}.dex-phoneband--x .dex-phoneband__inner{z-index:2}.dex-phoneband--x:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.55;background-image:radial-gradient(rgba(127,216,255,.2) 1px,transparent 1.3px);background-size:2.8rem 2.8rem;-webkit-mask-image:radial-gradient(ellipse 62% 58% at 50% 55%,#000 0%,rgba(0,0,0,.35) 55%,transparent 82%);mask-image:radial-gradient(ellipse 62% 58% at 50% 55%,#000 0%,rgba(0,0,0,.35) 55%,transparent 82%)}.dex-phoneband--x:after{content:"";position:absolute;top:-25%;right:-15%;bottom:-25%;left:-15%;z-index:0;pointer-events:none;background:radial-gradient(38% 30% at 22% 30%,#0a63e838,#0a63e800 70%),radial-gradient(34% 28% at 80% 72%,#00d4ff21,#00d4ff00 70%);animation:dex-st-aurora 26s ease-in-out infinite alternate}@keyframes dex-st-aurora{0%{transform:translate3d(-4%,-3%,0) rotate(-3deg)}to{transform:translate3d(4%,3%,0) rotate(3deg)}}.dex-stage{position:relative;display:grid;place-items:center;isolation:isolate;animation:dex-st-float 8s ease-in-out infinite}@keyframes dex-st-float{0%,to{transform:translateY(-.5rem)}50%{transform:translateY(.6rem)}}.dex-stage .dex-phone{grid-column:auto}.dex-stage__fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.dex-stage__glow{position:absolute;left:50%;top:50%;width:64rem;height:64rem;margin:-32rem 0 0 -32rem;border-radius:50%;background:radial-gradient(circle,#0086fd80,#0a63e833 34%,#0a63e800 66%);translate:calc(var(--dex-mx,0) * 2.4rem) calc(var(--dex-my,0) * 2rem);transition:translate 1s cubic-bezier(.2,.7,.2,1);animation:dex-st-breathe 7s ease-in-out infinite}@keyframes dex-st-breathe{0%,to{scale:1;opacity:.85}50%{scale:1.1;opacity:1}}.dex-stage__rings i{position:absolute;left:50%;top:50%;width:66rem;height:66rem;margin:-33rem 0 0 -33rem;border-radius:50%;border:1px solid rgba(127,216,255,.26);box-shadow:0 0 30px #00a0ff1f inset;opacity:0;animation:dex-st-ring 7.5s cubic-bezier(.25,.6,.35,1) infinite}.dex-stage__rings i:nth-child(2){animation-delay:2.5s}.dex-stage__rings i:nth-child(3){animation-delay:5s}@keyframes dex-st-ring{0%{transform:scale(.42);opacity:0}14%{opacity:.85}to{transform:scale(1.12);opacity:0}}.dex-stage__floor{position:absolute;left:50%;bottom:-4.2rem;width:46rem;height:7rem;margin-left:-23rem;border-radius:50%;background:radial-gradient(closest-side,#000000d9,#0000)}.dex-stage__floor:after{content:"";position:absolute;left:18%;right:18%;top:46%;height:2px;border-radius:2px;background:linear-gradient(90deg,#00d4ff00,#00d4ffb3,#00d4ff00);filter:blur(1px);opacity:.7}.dex-phoneband--x .dex-phone{border:1px solid rgba(170,200,240,.3);background:linear-gradient(145deg,#3e5074,#172238 20%,#0b1222 52%,#1b2844 82%,#33456a);box-shadow:inset 0 0 0 1.5px #ffffff0f,inset 0 2px 1px #fff3,inset 0 -2px 2px #00000080,0 70px 120px -46px #000000f2,0 0 150px -30px #0086fda6;transform:perspective(1600px) rotateY(calc(var(--dex-mx,0) * 8deg)) rotateX(calc(var(--dex-my,0) * -6deg));transition:transform .9s cubic-bezier(.2,.7,.2,1)}.dex-phoneband--x .dex-phone:before,.dex-phoneband--x .dex-phone:after{content:"";position:absolute;width:3px;border-radius:2px;pointer-events:none;background:linear-gradient(90deg,#55688f,#1e2a44)}.dex-phoneband--x .dex-phone:before{left:-4px;top:17%;height:4.8rem;border-radius:2px 0 0 2px;box-shadow:0 7rem #2c3a5b}.dex-phoneband--x .dex-phone:after{right:-4px;top:25%;height:8rem;border-radius:0 2px 2px 0;background:linear-gradient(270deg,#55688f,#1e2a44)}.dex-phone__edge{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:3;border-radius:4.5rem;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--dex-ph-a),rgba(0,212,255,0) 0deg,rgba(0,212,255,0) 225deg,#00D4FF 295deg,#7FE3FF 318deg,#0A63E8 342deg,rgba(0,212,255,0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:dex-ph-edge 5.5s linear infinite}.dex-phoneband--x .dex-phone__screen{position:relative;padding-top:4rem;box-shadow:inset 0 0 0 1px #0a14261a,inset 0 0 30px #0a142612}.dex-phone__island{position:absolute;top:1rem;left:50%;width:9.6rem;height:2.6rem;margin-left:-4.8rem;border-radius:999px;background:#04070d;box-shadow:inset 0 0 0 1px #ffffff0d}.dex-phone__island:after{content:"";position:absolute;right:.9rem;top:50%;width:.9rem;height:.9rem;margin-top:-.45rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2d4a7a,#0b1630 55%,#04070d)}.dex-phone__glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#fff0 34%,#ffffff6b,#fff0 58%) no-repeat;background-size:260% 100%;background-position:calc(50% + var(--dex-mx,0) * 40%) 0;opacity:.55;mix-blend-mode:soft-light;transition:background-position .9s cubic-bezier(.2,.7,.2,1)}.dex-phoneband--x .dex-msg.dex-d2{overflow:hidden}.dex-phoneband--x .dex-msg.dex-d2:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:translate(-110%);background:linear-gradient(100deg,#0a63e800 20%,#0a63e824 48%,#00d4ff38 52%,#0a63e800 80%)}.dex-phoneband--x .dex-phone.is-in .dex-d2:after{animation:dex-ph-scan 1.3s ease-in-out 1.4s both}@keyframes dex-ph-scan{0%{transform:translate(-110%)}to{transform:translate(110%)}}.dex-phoneband--x .dex-msg__btns{position:relative}.dex-phoneband--x .dex-msg__btns:before{content:"";position:absolute;left:calc(25% - .2rem);top:50%;z-index:3;width:3.8rem;height:3.8rem;margin:-1.9rem 0 0 -1.9rem;border-radius:50%;pointer-events:none;opacity:0;background:#0a142629;border:2px solid rgba(255,255,255,.9);box-shadow:0 6px 16px #0a142659}.dex-phoneband--x .dex-phone.is-in .dex-msg__btns:before{animation:dex-ph-touch 1.1s cubic-bezier(.3,.7,.3,1) 2.4s both}@keyframes dex-ph-touch{0%{opacity:0;transform:translate(1.8rem,2.4rem) scale(1.25)}35%{opacity:1;transform:none}52%{transform:scale(.82)}70%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(.9)}}.dex-phoneband--x .dex-mini--yes{position:relative;overflow:hidden;isolation:isolate}.dex-phoneband--x .dex-mini--yes:after{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:2rem;height:2rem;margin:-1rem 0 0 -1rem;border-radius:50%;background:#ffffff8c;opacity:0;transform:scale(0)}.dex-phoneband--x .dex-phone.is-in .dex-mini--yes{animation:dex-ph-press .5s ease 2.78s both}.dex-phoneband--x .dex-phone.is-in .dex-mini--yes:after{animation:dex-ph-ripple .9s ease-out 2.8s both}@keyframes dex-ph-press{0%{transform:none}35%{transform:scale(.93)}to{transform:none;box-shadow:0 0 0 4px #0a63e82e,0 10px 22px -8px #0a63e8b3}}@keyframes dex-ph-ripple{0%{opacity:.75;transform:scale(0)}to{opacity:0;transform:scale(10)}}.dex-phoneband--x .dex-phone.is-in .dex-msg.dex-d4{animation:dexIn .6s var(--dex-ease) forwards,dex-ph-ok 2s ease-out forwards}@keyframes dex-ph-ok{0%{box-shadow:0 0 #0b6b3a73,0 10px 24px -14px #0a14264d}to{box-shadow:0 0 0 16px #0b6b3a00,0 10px 24px -14px #0a14264d}}.dex-phoneband--x .dex-phone.is-in .dex-d4 .dex-icon{animation:dex-ph-pop .6s cubic-bezier(.2,.9,.3,1.5) 3.45s both}@keyframes dex-ph-pop{0%{transform:scale(.3) rotate(-25deg);opacity:0}to{transform:none;opacity:1}}.dex-phoneband--x .dex-phone.is-out .dex-msg{animation:dex-ph-out .45s ease forwards!important;animation-delay:0s!important}@keyframes dex-ph-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.dex-phoneband--x .dex-phone__floats li{gap:1.1rem;padding:.7rem 1.9rem .7rem .7rem;border:1px solid transparent;color:#fff;font-size:1.4rem;font-weight:700;background:linear-gradient(180deg,#162646f0,#0a1426f0) padding-box,linear-gradient(150deg,#7fd8ff99,#7fd8ff14 55%,#7fd8ff59) border-box;box-shadow:0 20px 40px -22px #000000f2,0 0 26px -8px #00a0ff59;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:dex-fl-bob 6.5s ease-in-out infinite}.dex-phoneband--x .dex-phone__floats li:nth-child(2){animation-delay:-2.2s}.dex-phoneband--x .dex-phone__floats li:nth-child(3){animation-delay:-4.4s}@keyframes dex-fl-bob{0%,to{translate:0 -.25rem}50%{translate:0 .3rem}}.dex-phoneband--x .dex-phone__floats .dex-icon{box-sizing:content-box;width:1.8rem;height:1.8rem;padding:.75rem;border-radius:1.2rem;color:#fff;background:linear-gradient(135deg,#00c2ff,#0046f7);box-shadow:inset 0 1px #ffffff59,0 0 18px #00a0ff8c}@media screen and (min-width:990px){.dex-stage{grid-column:2;grid-row:1}.dex-phoneband--x .dex-phone__floats li:after{height:2px;margin-top:-1px;background-repeat:no-repeat;background-size:38% 100%,100% 100%;animation:dex-fl-flow 2.6s linear infinite}.dex-phoneband--x .dex-phone__floats li:nth-child(odd):after{background-image:linear-gradient(90deg,#7fe3ff00,#bff1ff,#7fe3ff00),linear-gradient(90deg,#ffffff1f,#00d4ff8c)}.dex-phoneband--x .dex-phone__floats li:nth-child(2n):after{background-image:linear-gradient(90deg,#7fe3ff00,#bff1ff,#7fe3ff00),linear-gradient(270deg,#ffffff1f,#00d4ff8c);animation-direction:reverse}.dex-phoneband--x .dex-phone__floats li:nth-child(2):after{animation-delay:-.9s}.dex-phoneband--x .dex-phone__floats li:nth-child(3):after{animation-delay:-1.7s}.dex-phoneband--x .dex-phone__floats li:before{width:8px;height:8px;top:calc(50% - 4px);background:#bff1ff;box-shadow:0 0 0 3px #00d4ff40,0 0 14px #00d4ff;animation:dex-fl-dot 2.6s ease-in-out infinite}}@keyframes dex-fl-flow{0%{background-position:-80% 0,0 0}to{background-position:180% 0,0 0}}@keyframes dex-fl-dot{0%,to{box-shadow:0 0 0 3px #00d4ff40,0 0 14px #00d4ff}50%{box-shadow:0 0 0 6px #00d4ff14,0 0 22px #00d4ff}}.dex-phoneband--x .dex-pb__chip{position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent;background:linear-gradient(180deg,#1e325ab3,#0c162ac7) padding-box,linear-gradient(180deg,#7fd8ff5c,#7fd8ff0f) border-box;box-shadow:0 12px 26px -16px #000000f2;transition:color .5s ease,transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s ease}.dex-phoneband--x .dex-pb__chip:before{transition:background-color .5s ease,box-shadow .5s ease}.dex-phoneband--x .dex-pb__chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(100deg,#fff0 25%,#ffffff47,#fff0 75%) no-repeat -160% 0 / 60% 100%,linear-gradient(180deg,#00aaff57,#0046f738);box-shadow:inset 0 0 0 1px #00d4ffcc;transition:opacity .6s ease}.dex-phoneband--x .dex-pb__chip.is-fix{color:#fff;transform:scale(1.05);box-shadow:0 0 30px -4px #0af9,0 12px 26px -16px #000000f2}.dex-phoneband--x .dex-pb__chip.is-fix:after{opacity:1;animation:dex-pb-sweep 1s ease-out .15s both}.dex-phoneband--x .dex-pb__chip.is-fix:before{background-color:#00a8ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");box-shadow:0 0 0 3px #00d4ff38,0 0 18px #00beffe6;animation:dex-pb-tick .55s cubic-bezier(.2,.9,.3,1.5) both}@keyframes dex-pb-sweep{0%{background-position:-160% 0,0 0}to{background-position:260% 0,0 0}}@keyframes dex-pb-tick{0%{transform:scale(.4) rotate(-30deg)}to{transform:none}}@media screen and (min-width:990px){.dex-phoneband--x .dex-pb__row{--dex-z:1.4;translate:calc(var(--dex-mx,0) * var(--dex-z) * -1.6rem) calc(var(--dex-my,0) * var(--dex-z) * -.6rem);transition:translate 1s cubic-bezier(.2,.7,.2,1)}.dex-phoneband--x .dex-pb__row:nth-child(1),.dex-phoneband--x .dex-pb__row:nth-child(4){--dex-z:2.4;opacity:1}.dex-phoneband--x .dex-pb__row:nth-child(1) .dex-pb__chip,.dex-phoneband--x .dex-pb__row:nth-child(4) .dex-pb__chip{font-size:1.65rem;padding:1.15rem 2.2rem 1.15rem 1.15rem}.dex-phoneband--x .dex-pb__row:nth-child(1) .dex-pb__chip:before,.dex-phoneband--x .dex-pb__row:nth-child(4) .dex-pb__chip:before{width:2.6rem;height:2.6rem;background-size:1.45rem}.dex-phoneband--x .dex-pb__row:nth-child(2),.dex-phoneband--x .dex-pb__row:nth-child(3){opacity:.8}.dex-phoneband--x .dex-pb__row:nth-child(5){--dex-z:.7}}.dex-phoneband--x .dex-pb__title{position:relative;border-color:#7fd8ff33}.dex-phoneband--x .dex-pb__title:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--dex-ph-a),rgba(0,212,255,0) 0deg,rgba(0,212,255,0) 210deg,#00D4FF 290deg,#9BE3FF 315deg,#0A63E8 340deg,rgba(0,212,255,0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:dex-ph-edge 4.5s linear infinite}.dex-pb__num{display:inline-block;min-width:2ch;text-align:center;font-variant-numeric:tabular-nums;font-weight:800}.dex-pb__num,.dex-pb__brand{background:linear-gradient(120deg,#9be3ff,#00c2ff 40%,#3d8bff);-webkit-background-clip:text;background-clip:text;color:transparent}@media screen and (max-width:989px){.dex-stage__glow{width:44rem;height:44rem;margin:-22rem 0 0 -22rem}.dex-stage__rings i{width:46rem;height:46rem;margin:-23rem 0 0 -23rem}.dex-stage__floor{width:34rem;margin-left:-17rem;bottom:-3.4rem}.dex-phoneband--x .dex-phone__floats{position:relative;z-index:2;margin-top:1.6rem}.dex-phoneband--x .dex-phone__floats li{font-size:1.3rem;padding:.55rem 1.5rem .55rem .55rem;animation:none}.dex-phoneband--x .dex-phone__floats .dex-icon{width:1.6rem;height:1.6rem;padding:.6rem;border-radius:1rem}}.dex-js .dex-phoneband--x:not(.is-vis):after,.dex-js .dex-phoneband--x:not(.is-vis) .dex-stage,.dex-js .dex-phoneband--x:not(.is-vis) .dex-stage__glow,.dex-js .dex-phoneband--x:not(.is-vis) .dex-stage__rings i,.dex-js .dex-phoneband--x:not(.is-vis) .dex-phone__edge,.dex-js .dex-phoneband--x:not(.is-vis) .dex-pb__title:after,.dex-js .dex-phoneband--x:not(.is-vis) .dex-phone__floats li,.dex-js .dex-phoneband--x:not(.is-vis) .dex-phone__floats li:after,.dex-js .dex-phoneband--x:not(.is-vis) .dex-phone__floats li:before{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.dex-phoneband--x:after,.dex-stage,.dex-stage__glow,.dex-stage__rings i,.dex-phone__edge,.dex-phoneband--x .dex-pb__title:after,.dex-phoneband--x .dex-phone__floats li,.dex-phoneband--x .dex-phone__floats li:after,.dex-phoneband--x .dex-phone__floats li:before,.dex-phoneband--x .dex-msg__btns:before,.dex-phoneband--x .dex-mini--yes,.dex-phoneband--x .dex-mini--yes:after,.dex-phoneband--x .dex-d2:after{animation:none!important}.dex-phoneband--x .dex-phone.is-in .dex-msg.dex-d4,.dex-phoneband--x .dex-phone.is-in .dex-d4 .dex-icon{animation:none!important}.dex-stage__rings{display:none}.dex-phoneband--x .dex-phone{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/dex-v31.css.map */