.mxs,.mxb{--mx-ink:#111216;--mx-mute:#5d6070;--mx-line:rgba(17,18,22,.09);--mx-bg:#f6f6f7;--mx-mag:#e62f8b;--mx-vio:#8a3fe0;--mx-blu:#2e3fd4;--mx-ease:cubic-bezier(.22,1,.36,1);color:var(--mx-ink);font-family:inherit}.mxs{position:relative;background:var(--mx-bg);padding-block:clamp(72px,10vw,140px) 0;overflow:clip}.mxs-wrap,.mxb-wrap{width:min(1240px,100% - 40px);margin-inline:auto}.mxs-kicker,.mxb-kicker{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mx-mute)}.mxs-title,.mxb-title{margin:0;font-size:clamp(38px,5.6vw,76px);line-height:1.02;letter-spacing:-.045em;font-weight:700;text-wrap:balance;color:var(--mx-ink);-webkit-text-fill-color:currentColor}.mxs-title em,.mxb-title em{font-style:normal;background:linear-gradient(100deg,var(--mx-blu),var(--mx-vio) 45%,var(--mx-mag));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.mxs-intro,.mxb-intro{max-width:620px;margin:22px 0 0;font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:var(--mx-mute)}.mxs-head{text-align:center}.mxs-head .mxs-intro{margin-inline:auto}.mxs-track{position:relative;height:420vh;margin-top:clamp(24px,4vw,56px)}.mxs-sticky{position:sticky;top:0;height:100vh;height:100svh;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);align-items:center;gap:clamp(20px,3vw,56px);width:min(1440px,100% - 40px);margin-inline:auto}.mxs-stage{position:relative;aspect-ratio:1600/1067;width:100%;max-height:88svh;border-radius:28px;overflow:hidden;background:var(--mx-bg);isolation:isolate}.mxs-aura{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(40% 35% at 70% 35%,rgba(230,47,139,.1),transparent 70%),radial-gradient(45% 40% at 25% 75%,rgba(138,63,224,.09),transparent 70%);z-index:0;pointer-events:none}.mxs-shot{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;z-index:1;will-change:transform,opacity;transform-origin:50% 45%}.mxs-shot img{display:block;width:100%;height:100%;object-fit:cover}.mxs-shot--top{opacity:0}.mxs-screen{position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0;z-index:2;pointer-events:none;will-change:transform}.mxs-ui{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:6px;font-family:inherit;color:#fff;background:#0b0d1d}.mxs-wall{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(60% 70% at 15% 90%,#2e3fd4,transparent 70%),radial-gradient(55% 65% at 85% 15%,#e62f8b,transparent 70%),radial-gradient(50% 60% at 60% 70%,#8a3fe0,transparent 70%),#141a5a;filter:saturate(1.05);will-change:transform}.mxs-bar{position:absolute;left:0;right:0;top:0;height:86px;display:flex;align-items:center;gap:22px;padding:0 54px;font-size:26px;background:linear-gradient(#0003,#0000);letter-spacing:-.01em}.mxs-bar b{font-weight:800}.mxs-bar span{opacity:.75;margin-left:auto}.mxs-bar i{width:14px;height:14px;border-radius:50%;background:#ff7bc4;box-shadow:0 0 22px #ff4fa8}.mxs-hello{position:absolute;left:84px;top:150px;display:grid;gap:10px}.mxs-hello strong{font-size:84px;line-height:1;letter-spacing:-.04em;font-weight:700}.mxs-hello span{font-size:30px;opacity:.78}.mxs-tiles{position:absolute;top:0;right:0;bottom:0;left:0}.mxs-tile{position:absolute;left:0;top:0;width:330px;height:270px;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:30px;border-radius:34px;background:linear-gradient(150deg,#ffffff42,#ffffff14);border:2px solid rgba(255,255,255,.3);box-shadow:0 30px 60px #06081e47;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);will-change:transform,opacity}.mxs-tile strong{font-size:38px;line-height:1.15;font-weight:650;letter-spacing:-.02em}.mxs-ico{display:block;width:74px;height:74px;border-radius:22px;background:#ffffffeb;position:relative}.mxs-ico:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:8px;background:var(--mx-mag)}.mxs-ico--docs:after{border-radius:4px;background:linear-gradient(#2e3fd4 0 18%,transparent 18% 38%,#2e3fd4 38% 56%,transparent 56% 76%,#2e3fd4 76%)}.mxs-ico--web:after{border-radius:50%;background:none;border:6px solid #12a7b8}.mxs-ico--news:after{top:16px;right:16px;bottom:16px;left:16px;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);background:#f09a2a;border-radius:0}.mxs-detail{position:absolute;left:0;top:0;width:330px;height:270px;padding:56px;border-radius:34px;background:#fafafff7;color:#111216;box-shadow:0 40px 90px #06081e66;opacity:0;overflow:hidden;will-change:transform,opacity,width,height}.mxs-detail strong{display:block;margin-top:28px;font-size:60px;line-height:1.05;letter-spacing:-.035em}.mxs-detail p{max-width:820px;margin:18px 0 0;font-size:30px;line-height:1.4;color:#4a4d5c}.mxs-lines{display:grid;gap:18px;margin-top:40px;max-width:900px}.mxs-lines i{display:block;height:22px;border-radius:11px;background:linear-gradient(90deg,#e9e9f2,#f3f2f7);transform-origin:left;transform:scaleX(var(--w,0))}.mxs-detail em{position:absolute;left:56px;bottom:44px;font-style:normal;font-size:26px;font-weight:600;color:var(--mx-vio)}.mxs-idle{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:90px;gap:22px;opacity:0;will-change:opacity}.mxs-slide{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 80% at var(--ix,30%) 70%,#e62f8b,transparent 70%),radial-gradient(60% 70% at 80% var(--iy,20%),#2e3fd4,transparent 70%),#160f3a}.mxs-idle strong{position:relative;font-size:96px;line-height:1;letter-spacing:-.045em;font-weight:750}.mxs-idle span{position:relative;display:inline-flex;align-items:center;gap:16px;font-size:30px;opacity:.88}.mxs-idle span:before{content:"";width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 0 0 calc(var(--pulse,0)*26px) rgba(255,255,255,calc(.35 - var(--pulse,0)*.35))}.mxs-touch{position:absolute;left:0;top:0;width:0;height:0;opacity:0;will-change:transform,opacity}.mxs-touch:before{content:"";position:absolute;left:-46px;top:-46px;width:92px;height:92px;border-radius:50%;background:#ffffff8c;box-shadow:0 0 0 3px #fffc,0 10px 30px #00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mxs-touch i{position:absolute;left:-46px;top:-46px;width:92px;height:92px;border-radius:50%;border:4px solid #fff;transform:scale(var(--r,1));opacity:calc(1 - (var(--r,1) - 1) / 3)}.mxs-glare{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#ffffff29,#fff0 32% 64%,#ffffff12);mix-blend-mode:screen;pointer-events:none}.mxs-files{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.mxs-files span{position:absolute;left:0;top:0;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:16px;background:#ffffffe0;border:1px solid var(--mx-line);box-shadow:0 18px 40px #11121624;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:14px;font-weight:600;white-space:nowrap;opacity:0;will-change:transform,opacity}.mxs-files b{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;font-size:11px;letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,var(--mx-vio),var(--mx-mag))}.mxs-files span[data-f="1"] b{background:linear-gradient(135deg,#2e3fd4,#8a3fe0)}.mxs-files span[data-f="2"] b{background:linear-gradient(135deg,#0f9fb4,#2e3fd4)}.mxs-files span[data-f="3"] b{background:linear-gradient(135deg,#f09a2a,#e62f8b)}.mxs-note{position:absolute;left:20px;bottom:14px;margin:0;z-index:4;font-size:12px;color:var(--mx-mute)}.mxs-steps{list-style:none;margin:0;padding:0;display:grid;gap:6px;counter-reset:s}.mxs-step{position:relative;padding:18px 20px 18px 22px;border-radius:20px;transition:background .5s var(--mx-ease)}.mxs-step button{all:unset;cursor:pointer;display:flex;align-items:baseline;gap:14px;font-size:clamp(20px,1.9vw,27px);font-weight:650;letter-spacing:-.025em;color:#a2a4b0;transition:color .4s var(--mx-ease)}.mxs-step button:focus-visible{outline:2px solid var(--mx-vio);outline-offset:6px;border-radius:6px}.mxs-num{font-size:13px;font-weight:700;letter-spacing:.12em;color:#b9bbc6;font-variant-numeric:tabular-nums}.mxs-step p{display:grid;grid-template-rows:0fr;margin:0;font-size:16px;line-height:1.55;color:var(--mx-mute);opacity:0;transition:opacity .5s var(--mx-ease),margin .5s var(--mx-ease);max-height:0;overflow:hidden}.mxs-progress{position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:2px;background:#11121614;overflow:hidden}.mxs-progress i{display:block;width:100%;height:100%;background:linear-gradient(var(--mx-vio),var(--mx-mag));transform-origin:top;transform:scaleY(var(--p,0))}.mxs-step.is-active{background:#ffffffbf;box-shadow:0 18px 50px #11121612}.mxs-step.is-active button{color:var(--mx-ink)}.mxs-step.is-active .mxs-num{color:var(--mx-mag)}.mxs-step.is-active p{opacity:1;max-height:160px;margin-top:10px}.mxs-cta{padding-block:28px 96px;text-align:center}.mxs-cta a{display:inline-flex;gap:10px;align-items:center;padding:16px 28px;border-radius:999px;background:var(--mx-ink);color:#fff;font-weight:650;text-decoration:none;transition:transform .4s var(--mx-ease),box-shadow .4s var(--mx-ease)}.mxs-cta a:hover{transform:translateY(-2px);box-shadow:0 18px 40px #e62f8b40}@media(max-width:989px){.mxs-track{height:400vh}.mxs-sticky{grid-template-columns:1fr;align-content:center;gap:14px;width:min(720px,100% - 32px)}.mxs-stage{border-radius:20px;max-height:none}.mxs-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mxs-step{padding:12px 10px 14px}.mxs-step button{flex-direction:column;gap:4px;font-size:15px}.mxs-progress{left:10px;right:10px;top:auto;bottom:0;width:auto;height:3px}.mxs-progress i{transform-origin:left;transform:scaleX(var(--p,0))}.mxs-step p{position:absolute;left:0;right:0;top:100%;font-size:15px;padding:12px 4px 0;max-height:none}.mxs-step:not(.is-active) p{visibility:hidden}.mxs-steps{position:relative;padding-bottom:110px}.mxs-step.is-active p{margin:0}.mxs-step:nth-child(2) p{left:-100%;right:-200%}.mxs-step:nth-child(1) p{right:-300%}.mxs-step:nth-child(3) p{left:-200%;right:-100%}.mxs-step:nth-child(4) p{left:-300%}.mxs-files span{font-size:11px;padding:6px 10px 6px 6px;gap:6px;border-radius:12px}.mxs-files b{width:28px;height:28px;font-size:9px;border-radius:8px}.mxs-note{font-size:10px;left:12px;bottom:8px}}@media(max-width:540px){.mxs-step button{font-size:13px}.mxs-num{font-size:11px}}.mxs.is-static .mxs-track{height:auto}.mxs.is-static .mxs-sticky{position:relative;height:auto;padding-block:20px 40px}@media(prefers-reduced-motion:reduce){.mxs-track{height:auto}.mxs-sticky{position:relative;height:auto;padding-block:20px 40px}}.mxb{background:linear-gradient(#fbfbfd,#f4f4f7);padding-block:clamp(72px,9vw,128px)}.mxb-head{text-align:center;margin-bottom:clamp(28px,4vw,48px)}.mxb-head .mxb-intro{margin-inline:auto}.mxb-tabs{display:flex;justify-content:center;gap:8px;margin:0 auto 22px;padding:6px;width:max-content;max-width:100%;border-radius:999px;background:#fffc;border:1px solid var(--mx-line);box-shadow:0 10px 30px #1112160d;overflow-x:auto}.mxb-tabs button{all:unset;cursor:pointer;display:flex;align-items:baseline;gap:8px;padding:12px 20px;border-radius:999px;white-space:nowrap;transition:background .4s var(--mx-ease),color .4s var(--mx-ease);color:var(--mx-mute)}.mxb-tabs button b{font-weight:700;color:var(--mx-ink)}.mxb-tabs button span{font-size:14px}.mxb-tabs button[aria-selected=true]{background:var(--mx-ink);color:#d9dae2}.mxb-tabs button[aria-selected=true] b{color:#fff}.mxb-tabs button:focus-visible{outline:2px solid var(--mx-vio);outline-offset:2px}.mxb-banner[hidden]{display:none!important}.mxb-banner{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:clamp(18px,3vw,48px);align-items:center;border-radius:32px;background:#f6f6f7;border:1px solid var(--mx-line);padding:clamp(10px,1.4vw,18px) clamp(18px,3vw,44px) clamp(10px,1.4vw,18px) clamp(10px,1.4vw,18px);box-shadow:0 30px 80px #1112160f;animation:mxb-in .7s var(--mx-ease)}@keyframes mxb-in{0%{opacity:0;transform:translateY(16px)}}.mxb-stage{position:relative;aspect-ratio:1600/1067;border-radius:24px;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none;background:#f6f6f7}.mxb-stage:focus-visible{box-shadow:0 0 0 3px var(--mx-vio)}.mxb-stage.is-drag{cursor:grabbing}.mxb-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(30% 34% at var(--gx,50%) var(--gy,40%),rgba(230,47,139,.13),transparent 70%);transition:opacity .4s;pointer-events:none;z-index:2;mix-blend-mode:multiply}.mxb-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.32);transform-origin:50% 48%;opacity:0;will-change:opacity,transform;pointer-events:none}.mxb-frame[data-a="1"]{opacity:1}.mxb-spots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;transition:opacity .35s var(--mx-ease)}.mxb-spots.is-off{opacity:0;pointer-events:none}.mxb-spot{all:unset;position:absolute;left:calc((var(--x) - .5) * 132% + 50%);top:calc((var(--y) - .48) * 132% + 48%);width:0;height:0;cursor:pointer}.mxb-dot{position:absolute;left:-15px;top:-15px;width:30px;height:30px;border-radius:50%;background:#ffffffeb;box-shadow:0 6px 20px #11121633,0 0 #e62f8b80;animation:mxb-ping 2.4s var(--mx-ease) infinite}.mxb-dot:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:linear-gradient(135deg,var(--mx-vio),var(--mx-mag))}@keyframes mxb-ping{0%{box-shadow:0 6px 20px #11121633,0 0 #e62f8b73}70%,to{box-shadow:0 6px 20px #11121633,0 0 0 16px #e62f8b00}}.mxb-tip{position:absolute;left:24px;top:-20px;width:max-content;max-width:240px;padding:12px 14px;border-radius:14px;background:#fffffff2;border:1px solid var(--mx-line);box-shadow:0 18px 40px #11121624;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:13px;line-height:1.45;color:var(--mx-mute);opacity:0;transform:translateY(6px) scale(.97);transform-origin:left top;transition:opacity .3s var(--mx-ease),transform .3s var(--mx-ease);pointer-events:none}.mxb-tip b{display:block;font-size:15px;color:var(--mx-ink);margin-bottom:2px}.mxb-spot.is-left .mxb-tip{left:auto;right:24px;transform-origin:right top}.mxb-spot:hover .mxb-tip,.mxb-spot:focus-visible .mxb-tip,.mxb-spot[aria-expanded=true] .mxb-tip{opacity:1;transform:none}.mxb-spot:focus-visible .mxb-dot{outline:2px solid var(--mx-vio);outline-offset:3px}.mxb-hint{position:absolute;right:16px;top:16px;z-index:3;display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;background:#111216c7;color:#fff;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .5s var(--mx-ease);pointer-events:none}.mxb-hint i{width:28px;height:14px;position:relative}.mxb-hint i:before,.mxb-hint i:after{content:"";position:absolute;top:3px;width:8px;height:8px;border:2px solid #fff;border-width:2px 2px 0 0}.mxb-hint i:before{left:2px;transform:rotate(-135deg)}.mxb-hint i:after{right:2px;transform:rotate(45deg)}.mxb-stage.is-touched .mxb-hint{opacity:0}.mxb-range{position:absolute;left:24px;right:24px;bottom:6px;z-index:4;opacity:0;height:24px;cursor:pointer}.mxb-range:focus-visible{opacity:1}.mxb-model{margin:0;font-size:clamp(30px,3.4vw,48px);font-weight:700;letter-spacing:-.04em;line-height:1.05}.mxb-model em{font-style:normal;background:linear-gradient(100deg,var(--mx-blu),var(--mx-vio) 45%,var(--mx-mag));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.mxb-specs{display:grid;gap:0;margin:22px 0 0}.mxb-specs div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--mx-line)}.mxb-specs dt{font-size:13px;color:var(--mx-mute)}.mxb-specs dd{white-space:nowrap;margin:0;font-weight:650;font-variant-numeric:tabular-nums;text-align:right}.mxb-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.mxb-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:999px;background:var(--mx-ink);color:#fff!important;font-weight:650;text-decoration:none;transition:transform .35s var(--mx-ease),box-shadow .35s var(--mx-ease)}.mxb-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px #e62f8b3d}.mxb-btn--ghost{background:#fff;color:var(--mx-ink)!important;border:1px solid var(--mx-line)}.mxb-note{margin:18px 0 0;font-size:12px;line-height:1.5;color:#8b8d99}@media(max-width:899px){.mxb-banner{grid-template-columns:1fr;padding:10px 10px 24px;border-radius:24px}.mxb-info{padding:4px 12px}.mxb-tabs button span{display:none}.mxb-tip{max-width:190px;font-size:12px}.mxb-specs dt{font-size:12px}.mxb-dot{left:-12px;top:-12px;width:24px;height:24px}.mxb-dot:after{top:8px;right:8px;bottom:8px;left:8px}}@media(prefers-reduced-motion:reduce){.mxb-banner,.mxb-dot{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mytouchi-xp.css.map */