.dex-cockpit__copy{display:flex;flex-direction:column;gap:1.2rem}.dex-cockpit__headline{margin:0;font-weight:800;font-size:clamp(2.4rem,2.6vw,3.6rem);line-height:1.12;letter-spacing:-.03em;color:var(--c-text);text-wrap:balance}.dex-cockpit__copy .dex-cockpit__text{margin:0}.dex-cockpit--photos .dex-cockpit__show{display:flex;flex-direction:column;gap:2rem;padding-bottom:2.4rem}.dex-cockpit--photos .dex-cockpit__media{position:relative;order:-1;margin:0;overflow:hidden;aspect-ratio:16/9;border-radius:var(--dex-r-lg);box-shadow:0 40px 80px -40px #000000bf}.dex-cockpit--photos .dex-cockpit__img{width:100%;height:100%;object-fit:cover;object-position:center;border:0;border-radius:0;box-shadow:none;filter:none!important}.dex-cockpit__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,#050a1800 58%,#050a186b);box-shadow:inset 0 0 0 1px #ffffff12}@media screen and (min-width:990px){.dex-cockpit--photos.is-live .dex-cockpit__title button{font-size:clamp(2rem,1.9vw,2.6rem)}.dex-cockpit--photos.is-live .dex-cockpit__title{position:relative}.dex-cockpit--photos.is-live .dex-cockpit__title:before{content:"";position:absolute;left:0;top:-1px;width:100%;height:2px;background:linear-gradient(90deg,var(--c-accent),rgba(0,212,255,0));transform:scaleX(0);transform-origin:left;transition:transform .6s var(--dex-ease)}.dex-cockpit--photos.is-live .is-active .dex-cockpit__title:before{transform:none}.dex-cockpit--photos.is-live .dex-cockpit__show{gap:2.8rem;padding:0;align-self:start}.dex-cockpit--photos.is-live .dex-cockpit__media{aspect-ratio:16/9}.dex-cockpit--photos.is-live .dex-cockpit__img{object-position:center;transform:scale(1.06);transition:transform 1.4s var(--dex-ease)}.dex-cockpit--photos.is-live .is-active .dex-cockpit__img{transform:none}.dex-cockpit--photos.is-live .dex-cockpit__text{max-width:56ch}.dex-cockpit.is-live .dex-cockpit__copy{opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .5s var(--dex-ease),transform .5s var(--dex-ease),visibility 0s linear .5s}.dex-cockpit.is-live .is-active .dex-cockpit__copy{opacity:1;visibility:visible;transform:none;transition-delay:.08s,.08s,0s}}@media(prefers-reduced-motion:reduce){.dex-cockpit--photos.is-live .dex-cockpit__img,.dex-cockpit.is-live .dex-cockpit__copy{transform:none!important;transition:none}}.dex-all-open .dex-cockpit__copy{opacity:1!important;visibility:visible!important;transition:none!important}.dex-flow{position:relative;margin-top:clamp(3.2rem,5vw,5.6rem);--node:4.8rem}.dex-flow__steps{position:relative;z-index:1;display:grid;gap:2.4rem;margin:0;padding:0;list-style:none}.dex-flow__step{position:relative;min-width:0}.dex-flow__node{position:relative;z-index:2;display:grid;place-items:center;width:var(--node);height:var(--node);border-radius:50%;background:var(--dex-grad-deep);color:#fff;font-size:1.7rem;font-weight:800;box-shadow:0 0 0 8px var(--c-bg),0 0 26px 2px #008cff73;transition:background .5s var(--dex-ease),box-shadow .5s var(--dex-ease),color .5s var(--dex-ease)}.dex-flow__num,.dex-flow__tick{transition:opacity .35s var(--dex-ease),transform .35s var(--dex-ease)}.dex-flow__tick{position:absolute;width:2.1rem;height:2.1rem;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.5)}.dex-flow__step.is-done .dex-flow__num{opacity:0;transform:scale(.5)}.dex-flow__step.is-done .dex-flow__tick{opacity:1;transform:none}.dex-flow__card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--c-line);border-radius:var(--dex-r-lg);background:linear-gradient(180deg,#ffffff0d,#ffffff03);box-shadow:var(--c-shadow);transition:opacity .6s var(--dex-ease),transform .6s var(--dex-ease),border-color .6s var(--dex-ease),box-shadow .6s var(--dex-ease)}.dex-flow__scene{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--c-line);background:radial-gradient(90% 110% at 50% 0%,#0a63e857,#0a63e800 72%),linear-gradient(180deg,#00d4ff0d,#00d4ff00)}.dex-flow__scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(127,216,255,.2) 1px,transparent 1.5px);background-size:14px 14px;-webkit-mask-image:radial-gradient(75% 85% at 50% 45%,#000,transparent);mask-image:radial-gradient(75% 85% at 50% 45%,#000,transparent);opacity:.55}.dex-flow__body{padding:2.4rem 2.4rem 2.8rem}.dex-flow__body h3{margin:0 0 1rem;font-size:1.9rem;font-weight:800;letter-spacing:-.015em;line-height:1.25;color:var(--c-text)}.dex-flow__body p{margin:0;font-size:1.5rem;line-height:1.6;color:var(--c-text-2)}.dex-flow__track{position:absolute;z-index:0;pointer-events:none;opacity:0;transition:opacity .4s}.dex-flow.is-live .dex-flow__track,.dex-flow.is-static .dex-flow__track{opacity:1}.dex-flow__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0a63e8,#00d4ff);box-shadow:0 0 14px #00d4ff8c}.dex-flow__pulse{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #00d4ff47,0 0 24px 8px #00d4ff99;transition:opacity .3s}.dex-flow.is-static .dex-flow__pulse,.dex-flow.is-wrap .dex-flow__pulse{opacity:0}.dex-flow .is-wait .dex-flow__node{background:#0b1830;color:#e8eef880;box-shadow:0 0 0 8px var(--c-bg),inset 0 0 0 1px #7fd8ff40}.dex-flow .is-wait .dex-flow__card{opacity:.42;transform:translateY(10px)}.dex-flow .is-current .dex-flow__card{border-color:#00d4ff80;box-shadow:0 0 0 1px #00d4ff24,0 34px 70px -34px #0078ff99}.dex-flow .is-current .dex-flow__node{box-shadow:0 0 0 8px var(--c-bg),0 0 0 9px #00d4ff80,0 0 34px 6px #00a0ff99}@media screen and (min-width:1100px){.dex-flow__steps{grid-template-columns:repeat(var(--dex-n,4),minmax(0,1fr));gap:1.6rem}.dex-flow__node{margin:0 auto 2.4rem}.dex-flow__card{height:calc(100% - var(--node) - 2.4rem)}.dex-flow__track{left:var(--a,12.5%);width:var(--len,75%);top:calc(var(--node) / 2 - 1px);height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 6px,transparent 6px 12px)}.dex-flow__fill{transform-origin:left center;transform:scaleX(var(--p,0))}.dex-flow__pulse{top:1px;left:calc(var(--p,0) * 100%)}}@media screen and (max-width:1099px){.dex-flow__step{display:grid;grid-template-columns:var(--node) minmax(0,1fr);column-gap:1.6rem;align-items:start}.dex-flow__track{left:calc(var(--node) / 2 - 1px);width:2px;top:var(--a,2.4rem);height:var(--len,80%);background:repeating-linear-gradient(180deg,rgba(255,255,255,.2) 0 6px,transparent 6px 12px)}.dex-flow__fill{background:linear-gradient(180deg,#0a63e8,#00d4ff);transform-origin:center top;transform:scaleY(var(--p,0))}.dex-flow__pulse{left:1px;top:calc(var(--p,0) * 100%)}.dex-flow__body{padding:2rem 2rem 2.4rem}}.dex-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.dex-scene *{transform-box:fill-box;transform-origin:center}.dex-scene--icon{display:grid;place-items:center;color:var(--c-accent)}.dex-scene--icon .dex-icon{width:5.6rem;height:5.6rem}.dex-scene .s-panel{fill:#ffffff0b}.dex-scene .s-stroke{stroke:#00d4ff8c;stroke-width:1.5}.dex-scene .s-line{fill:none;stroke:#00d4ff99;stroke-width:2;stroke-linecap:round}.dex-scene .s-bar{fill:#7fd8ff9e}.dex-scene .s-bar--dim{fill:#e8eef829}.dex-scene .s-bar--warn{fill:#ffc266}.dex-scene .s-warn{fill:#ffc266;filter:drop-shadow(0 0 5px rgba(255,194,102,.85))}.dex-scene .s-icon{fill:none;stroke:#7fd8ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dex-scene .s-dot{fill:#7fd8ff}.dex-scene .s-ring{fill:none;stroke:#00d4ffa6;stroke-width:1.5;opacity:0}.dex-scene .s-link{fill:none;stroke:#00d4ffbf;stroke-width:1.6;stroke-dasharray:3 5;stroke-linecap:round}.dex-scene .s-card{fill:#101c33;stroke:#00d4ff73;stroke-width:1}.dex-scene .s-btn__fill{fill:#5ed39a;filter:drop-shadow(0 0 10px rgba(94,211,154,.6))}.dex-scene .s-check{fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60}.dex-scene .s-tap{fill:#ffffffd9;opacity:0}.dex-scene .s-wave{fill:none;stroke:#00d4ff80;stroke-width:2;stroke-linecap:round;opacity:.35}.dex-scene .s-scan{fill:url(#dex-scene-scan-g);opacity:0}.dex-scene .s-mag{transform-box:view-box;transform-origin:0 0}.dex-scene .s-track{fill:none;stroke:#ffffff1a;stroke-width:4}.dex-scene .s-progress{fill:none;stroke:#00d4ff;stroke-width:4;stroke-linecap:round;stroke-dasharray:340;filter:drop-shadow(0 0 6px rgba(0,212,255,.7));transform-box:view-box;transform-origin:150px 90px}.dex-scene .s-gear{opacity:0}.dex-scene .s-gear__teeth{fill:none;stroke:#7fd8ff;stroke-width:7;stroke-dasharray:4.97 4.97}.dex-scene .s-gear__hub{fill:none;stroke:#7fd8ff;stroke-width:3}.dex-scene .s-check--big{stroke-width:5;filter:drop-shadow(0 0 8px rgba(0,212,255,.7))}.dex-scene .s-try{fill:#ff8f858c}.dex-scene .s-try--3{fill:#5ed39a;filter:drop-shadow(0 0 6px rgba(94,211,154,.8))}.dex-scene .s-tries__rail{stroke:#ffffff24}.dex-scene .s-mem{fill:#00d4ff33;stroke:#00d4ff;stroke-width:1.6;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(0,212,255,.6))}@media(prefers-reduced-motion:no-preference){.dex-flow :is(.is-current,.is-wait) .dex-scene *{animation-duration:5s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:var(--dex-ease)}.dex-flow .is-wait .dex-scene *{animation-play-state:paused!important}.dex-flow :is(.is-current,.is-wait) .dex-scene--report .s-bubble{animation-name:dex-s-in}.dex-flow :is(.is-current,.is-wait) .dex-scene--report .s-dot{animation:dex-s-type 1s ease-in-out infinite both}.dex-flow :is(.is-current,.is-wait) .dex-scene--report .s-dot--2{animation-delay:.15s}.dex-flow :is(.is-current,.is-wait) .dex-scene--report .s-dot--3{animation-delay:.3s}.dex-flow :is(.is-current,.is-wait) .dex-scene--report .s-ring{animation:dex-s-ping 2.5s ease-out infinite both}.dex-flow :is(.is-current,.is-wait) .dex-scene--report .s-ring--2{animation-delay:1.25s}.dex-flow :is(.is-current,.is-wait) .dex-scene--report .s-link{animation:dex-s-links 5s var(--dex-ease) infinite both,dex-s-flow .8s linear infinite}.dex-flow :is(.is-current,.is-wait) .dex-scene--report .s-chip{animation-name:dex-s-chip}.dex-flow :is(.is-current,.is-wait) .dex-scene--report .s-chip--2{animation-name:dex-s-chip2}.dex-flow :is(.is-current,.is-wait) .dex-scene--check .s-scan{animation:dex-s-scan 2.5s linear infinite both}.dex-flow :is(.is-current,.is-wait) .dex-scene--check .s-row{animation-name:dex-s-row;transform-origin:left center}.dex-flow :is(.is-current,.is-wait) .dex-scene--check .s-row--2{animation-name:dex-s-row2}.dex-flow :is(.is-current,.is-wait) .dex-scene--check .s-row--3{animation-name:dex-s-row3}.dex-flow :is(.is-current,.is-wait) .dex-scene--check .s-row--4{animation-name:dex-s-row4}.dex-flow :is(.is-current,.is-wait) .dex-scene--check .s-warn{animation-name:dex-s-warn}.dex-flow :is(.is-current,.is-wait) .dex-scene--check .s-mag{animation-name:dex-s-mag}.dex-flow :is(.is-current,.is-wait) .dex-scene--approve .s-wave{animation:dex-s-wave 1.6s ease-out infinite both}.dex-flow :is(.is-current,.is-wait) .dex-scene--approve .s-wave--2{animation-delay:.25s}.dex-flow :is(.is-current,.is-wait) .dex-scene--approve .s-note{animation-name:dex-s-note}.dex-flow :is(.is-current,.is-wait) .dex-scene--approve .s-tap{animation-name:dex-s-tap}.dex-flow :is(.is-current,.is-wait) .dex-scene--approve .s-ring{animation-name:dex-s-ripple}.dex-flow :is(.is-current,.is-wait) .dex-scene--approve .s-btn__fill{animation-name:dex-s-btn}.dex-flow :is(.is-current,.is-wait) .dex-scene--approve .s-check{animation-name:dex-s-tick}.dex-flow :is(.is-current,.is-wait) .dex-scene--resolve .s-gear{animation-name:dex-s-gear}.dex-flow :is(.is-current,.is-wait) .dex-scene--resolve .s-gear__teeth,.dex-flow :is(.is-current,.is-wait) .dex-scene--resolve .s-gear__hub{animation:dex-s-spin 2.4s linear infinite both}.dex-flow :is(.is-current,.is-wait) .dex-scene--resolve .s-progress{animation-name:dex-s-progress}.dex-flow :is(.is-current,.is-wait) .dex-scene--resolve .s-check--big{animation-name:dex-s-bigtick}.dex-flow :is(.is-current,.is-wait) .dex-scene--resolve .s-try--1{animation-name:dex-s-try1}.dex-flow :is(.is-current,.is-wait) .dex-scene--resolve .s-try--2{animation-name:dex-s-try2}.dex-flow :is(.is-current,.is-wait) .dex-scene--resolve .s-try--3{animation-name:dex-s-try3}.dex-flow :is(.is-current,.is-wait) .dex-scene--resolve .s-mem{animation-name:dex-s-mem}}@keyframes dex-s-in{0%{opacity:0;transform:translateY(8px) scale(.92)}10%,90%{opacity:1;transform:none}to{opacity:0}}@keyframes dex-s-type{0%,to{opacity:.25;transform:none}35%{opacity:1;transform:translateY(-3px)}}@keyframes dex-s-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes dex-s-links{0%,26%{opacity:0}36%,90%{opacity:1}to{opacity:0}}@keyframes dex-s-flow{to{stroke-dashoffset:-16}}@keyframes dex-s-chip{0%,32%{opacity:0;transform:translate(-12px)}44%,90%{opacity:1;transform:none}to{opacity:0}}@keyframes dex-s-chip2{0%,40%{opacity:0;transform:translate(-12px)}52%,90%{opacity:1;transform:none}to{opacity:0}}@keyframes dex-s-scan{0%{opacity:0;transform:translateY(0)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(118px)}}@keyframes dex-s-row{0%{transform:scaleX(0)}14%,to{transform:none}}@keyframes dex-s-row2{0%,6%{transform:scaleX(0)}20%,to{transform:none}}@keyframes dex-s-row3{0%,12%{transform:scaleX(0);fill:#7fd8ff9e}26%,38%{transform:none;fill:#7fd8ff9e}46%,to{transform:none;fill:#ffc266}}@keyframes dex-s-row4{0%,18%{transform:scaleX(0)}32%,to{transform:none}}@keyframes dex-s-warn{0%,38%{opacity:0;transform:scale(.3)}48%{opacity:1;transform:scale(1.5)}58%,to{opacity:1;transform:none}}@keyframes dex-s-mag{0%{transform:translate(0)}22%{transform:translate(-112px,-70px)}36%{transform:translate(-36px,-58px)}46%,72%{transform:translate(-70px,-33px)}to{transform:translate(0)}}@keyframes dex-s-wave{0%{opacity:0}30%{opacity:.9}to{opacity:0}}@keyframes dex-s-note{0%{opacity:0;transform:translateY(-16px)}12%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes dex-s-tap{0%,36%{opacity:0;transform:scale(2.2)}46%{opacity:.9;transform:scale(1)}54%,to{opacity:0;transform:scale(.5)}}@keyframes dex-s-ripple{0%,46%{opacity:0;transform:scale(1)}50%{opacity:.85}72%,to{opacity:0;transform:scale(1.8)}}@keyframes dex-s-btn{0%,47%{fill:#0a63e8}53%,to{fill:#5ed39a}}@keyframes dex-s-tick{0%,50%{stroke-dashoffset:60}62%,to{stroke-dashoffset:0}}@keyframes dex-s-gear{0%,60%{opacity:1}68%,to{opacity:0}}@keyframes dex-s-spin{to{transform:rotate(360deg)}}@keyframes dex-s-progress{0%{stroke-dashoffset:340}64%,to{stroke-dashoffset:0}}@keyframes dex-s-bigtick{0%,64%{stroke-dashoffset:60;opacity:0}66%{opacity:1}76%,to{stroke-dashoffset:0;opacity:1}}@keyframes dex-s-try1{0%,8%{fill:#e8eef829}14%,24%{fill:#00d4ff}30%,to{fill:#ff8f858c}}@keyframes dex-s-try2{0%,30%{fill:#e8eef829}36%,46%{fill:#00d4ff}52%,to{fill:#ff8f858c}}@keyframes dex-s-try3{0%,52%{fill:#e8eef829}58%,to{fill:#5ed39a}}@keyframes dex-s-mem{0%,70%{opacity:.25}80%,to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/dex-v16.css.map */
