.mxc,.mxa{--x-mag:#e62f8b;--x-vio:#8a3fe0;--x-blu:#2e3fd4;--x-ink:#111216;--x-bg:#f6f6f7;--x-ease:cubic-bezier(.16,1,.3,1)}.mxc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:8px;perspective:1400px}.mxc-card{position:relative;display:flex;flex-direction:column;border-radius:28px;background:var(--x-bg);color:var(--x-ink);text-decoration:none;overflow:hidden;isolation:isolate;box-shadow:0 1px #ffffffe6 inset,0 0 0 1px #1112160f,0 24px 60px -28px #11121647;transform-style:preserve-3d;transition:box-shadow .5s var(--x-ease);opacity:0;transform:translateY(46px)}.mxc.is-in .mxc-card{opacity:1;transform:none;transition:opacity .9s var(--x-ease) calc(var(--i)*.12s),transform 1.1s var(--x-ease) calc(var(--i)*.12s),box-shadow .5s var(--x-ease)}.mxc.is-in .mxc-card.is-tilt{transition:box-shadow .5s var(--x-ease)}.mxc-card:hover{box-shadow:0 1px #ffffffe6 inset,0 0 0 1px #e62f8b2e,0 40px 80px -30px #501e7861}.mxc-card:focus-visible{outline:3px solid var(--x-mag);outline-offset:4px}.mxc-media{position:relative;display:block;aspect-ratio:5/4;overflow:hidden}.mxc-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;opacity:.45;transition:opacity .8s var(--x-ease);background:radial-gradient(38% 16% at var(--gx,50%) var(--gy,78%),rgba(230,47,139,.4),transparent 70%),radial-gradient(30% 22% at calc(100% - var(--gx,50%)) 18%,rgba(46,63,212,.22),transparent 72%);filter:blur(6px);animation:mxc-breathe 9s ease-in-out infinite alternate}.mxc-card:hover .mxc-glow{opacity:.85}@keyframes mxc-breathe{to{transform:translate3d(2%,-2%,0) scale(1.06)}}.mxc-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;clip-path:inset(100% 0 0 0)}.mxc.is-in .mxc-frame{clip-path:inset(0 0 0 0);transition:clip-path 1.25s var(--x-ease) calc(.15s + var(--i)*.12s)}.mxc-img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mxc-scan{position:absolute;left:0;right:0;height:2px;top:100%;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,var(--x-mag) 30%,#fff 50%,var(--x-vio) 70%,transparent);box-shadow:0 0 18px 2px #e62f8b8c}.mxc.is-in .mxc-scan{animation:mxc-scan 1.25s var(--x-ease) calc(.15s + var(--i)*.12s) both}@keyframes mxc-scan{0%{top:100%;opacity:1}85%{opacity:1}to{top:-2%;opacity:0}}.mxc-sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(42% 46% at var(--sx,50%) var(--sy,30%),rgba(255,255,255,.55),transparent 70%);mix-blend-mode:soft-light}.mxc-card:hover .mxc-sheen{opacity:1}.mxc-screen{position:absolute;left:0;top:0;width:960px;height:540px;transform-origin:0 0;pointer-events:none;z-index:2;opacity:0}.mxc-ui{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:6px;background:#0b0d1d;color:#fff}.mxc-wall{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;background:radial-gradient(60% 70% at 12% 92%,var(--x-blu),transparent 70%),radial-gradient(55% 65% at 88% 12%,var(--x-mag),transparent 70%),radial-gradient(50% 60% at 60% 72%,var(--x-vio),transparent 70%),#141a5a;animation:mxc-wall 14s ease-in-out infinite alternate}@keyframes mxc-wall{to{transform:translate3d(-5%,4%,0) rotate(4deg) scale(1.08)}}.mxc-bar{position:absolute;left:0;right:0;top:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:22px}.mxc-bar i{width:120px;height:10px;border-radius:9px;background:#fff6}.mxc-tiles{position:absolute;left:40px;right:40px;bottom:46px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.mxc-tiles i{height:170px;border-radius:26px;background:linear-gradient(150deg,#ffffff57,#ffffff1a);border:2px solid rgba(255,255,255,.34);transform:translateY(30px);opacity:0}.mxc-tiles i:before{content:"";display:block;width:56px;height:56px;margin:26px;border-radius:17px;background:#ffffffeb}.mxc-ui--k .mxc-tiles{grid-template-columns:repeat(2,1fr);top:110px}.mxc-ui--k .mxc-tiles i{height:auto}.mxc-ripple{position:absolute;left:var(--rx,50%);top:var(--ry,60%);width:90px;height:90px;margin:-45px;border-radius:50%;border:5px solid #fff;opacity:0}.mxc-power{position:absolute;top:0;right:0;bottom:0;left:0;background:#05060d;transform-origin:50% 50%}.mxc.is-on .mxc-card .mxc-screen{opacity:1;transition:opacity .2s calc(1.1s + var(--i)*.12s)}.mxc.is-on .mxc-power{animation:mxc-power 1s var(--x-ease) calc(1.2s + var(--i)*.12s) both}@keyframes mxc-power{0%{opacity:1;clip-path:inset(49.5% 0 49.5% 0);background:#fff}25%{opacity:1;clip-path:inset(49.5% 0 49.5% 0);background:#fff}60%{opacity:.6;clip-path:inset(0 0 0 0);background:#fff}to{opacity:0;clip-path:inset(0 0 0 0);background:#fff}}.mxc.is-on .mxc-tiles i{opacity:1;transform:none;transition:transform .8s var(--x-ease),opacity .6s}.mxc.is-on .mxc-card .mxc-tiles i:nth-child(1){transition-delay:calc(1.55s + var(--i)*.12s)}.mxc.is-on .mxc-card .mxc-tiles i:nth-child(2){transition-delay:calc(1.63s + var(--i)*.12s)}.mxc.is-on .mxc-card .mxc-tiles i:nth-child(3){transition-delay:calc(1.71s + var(--i)*.12s)}.mxc.is-on .mxc-card .mxc-tiles i:nth-child(4){transition-delay:calc(1.79s + var(--i)*.12s)}.mxc-card:hover .mxc-tiles i:nth-child(2){background:linear-gradient(150deg,#ffffffb3,#ffffff4d);transform:scale(1.04);transition-delay:0s}.mxc-card:hover .mxc-ripple{animation:mxc-ripple 1.6s ease-out .1s infinite}@keyframes mxc-ripple{0%{opacity:.95;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}.mxc-meta{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:18px 22px 20px;border-top:1px solid rgba(17,18,22,.06);background:#ffffffb8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mxc-meta strong{display:block;font-size:22px;letter-spacing:-.02em;line-height:1.1}.mxc-meta small{display:block;margin-top:4px;font-size:13px;color:#6b6e7b}.mxc-meta em{font-style:normal;font-size:12px;font-weight:600;padding:6px 10px;border-radius:99px;background:#1112160d;color:#4a4d5c;white-space:nowrap}.mxc-meta b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--x-ink);color:#fff;font-size:15px;transition:transform .5s var(--x-ease),background .3s}.mxc-card:hover .mxc-meta b{transform:rotate(45deg);background:var(--x-mag)}@media(max-width:989px){.mxc{grid-template-columns:1fr;gap:14px}.mxc-media{aspect-ratio:16/10}}@media(min-width:600px)and (max-width:989px){.mxc{grid-template-columns:repeat(3,minmax(0,1fr))}.mxc-media{aspect-ratio:4/5}.mxc-meta{grid-template-columns:1fr auto}.mxc-meta em{display:none}}.mxa{position:relative;width:100%;perspective:1600px}.mxa-stage{position:relative;aspect-ratio:3/2.25;border-radius:32px;background:var(--x-bg);overflow:hidden;isolation:isolate;transform-style:preserve-3d;box-shadow:0 0 0 1px #1112160f,0 50px 100px -50px #3c146e73;opacity:0;transform:translateY(30px) scale(.98)}.mxa.is-in .mxa-stage{opacity:1;transform:none;transition:opacity 1s var(--x-ease),transform 1.3s var(--x-ease)}.mxa-glow{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:0;opacity:0;filter:blur(8px);background:radial-gradient(30% 26% at var(--gx,18%) var(--gy,20%),rgba(230,47,139,.34),transparent 70%),radial-gradient(36% 30% at calc(100% - var(--gx,46%)) 74%,rgba(46,63,212,.24),transparent 72%),radial-gradient(28% 24% at 70% 20%,rgba(138,63,224,.28),transparent 70%)}.mxa.is-in .mxa-glow{opacity:1;transition:opacity 1.6s var(--x-ease) .6s}.mxa-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;clip-path:inset(100% 0 0 0)}.mxa.is-in .mxa-frame{clip-path:inset(0);transition:clip-path 1.4s var(--x-ease) .15s}.mxa-img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mxa-scan{position:absolute;left:0;right:0;height:2px;top:100%;z-index:4;opacity:0;background:linear-gradient(90deg,transparent,var(--x-mag) 30%,#fff 50%,var(--x-vio) 70%,transparent);box-shadow:0 0 22px 3px #e62f8b8c}.mxa.is-in .mxa-scan{animation:mxc-scan 1.4s var(--x-ease) .15s both}.mxa-screen{position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0;z-index:2;pointer-events:none}.mxa-ui{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:10px;background:#05060d;color:#fff;font-family:inherit}.mxa-wall{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;opacity:0;background:radial-gradient(60% 70% at 15% 90%,var(--x-blu),transparent 70%),radial-gradient(55% 65% at 85% 15%,var(--x-mag),transparent 70%),radial-gradient(50% 60% at 60% 70%,var(--x-vio),transparent 70%),#141a5a}.mxa-boot{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.mxa-boot b{font-size:110px;letter-spacing:-.04em;opacity:0}.mxa-line{position:absolute;left:50%;top:50%;width:100%;height:4px;margin:-2px 0 0 -50%;background:#fff;box-shadow:0 0 40px 10px #fff9;transform:scaleX(0)}.mxa-bar{position:absolute;left:0;right:0;top:0;height:96px;display:flex;align-items:center;gap:24px;padding:0 64px;font-size:30px;opacity:0}.mxa-bar span{opacity:.7}.mxa-bar time{margin-left:auto;opacity:.8;font-variant-numeric:tabular-nums}.mxa-hello{position:absolute;left:64px;top:150px;opacity:0}.mxa-hello strong{font-size:96px;line-height:1;letter-spacing:-.045em;font-weight:700}.mxa-tiles{position:absolute;top:0;right:0;bottom:0;left:0}.mxa-tile{position:absolute;left:0;top:0;width:340px;height:300px;display:flex;flex-direction:column;justify-content:flex-end;gap:18px;padding:34px;border-radius:38px;background:linear-gradient(150deg,#ffffff47,#ffffff14);border:2px solid rgba(255,255,255,.32);box-shadow:0 30px 60px #06081e4d;opacity:0}.mxa-tile strong{font-size:34px;line-height:1.08;letter-spacing:-.02em}.mxa-ico{display:block;width:84px;height:84px;border-radius:24px;background:#fffffff0;position:relative}.mxa-ico:after{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:9px;background:var(--x-mag)}.mxa-ico--docs:after{border-radius:4px;background:linear-gradient(var(--x-blu) 0 18%,transparent 18% 38%,var(--x-blu) 38% 56%,transparent 56% 76%,var(--x-blu) 76%)}.mxa-ico--web:after{border-radius:50%;background:none;border:7px solid #12a7b8}.mxa-ico--news:after{top:18px;right:18px;bottom:18px;left:18px;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);background:#f09a2a;border-radius:0}.mxa-detail{position:absolute;left:0;top:0;width:340px;height:300px;padding:64px;border-radius:38px;background:#fafafff7;color:var(--x-ink);box-shadow:0 40px 90px #06081e73;opacity:0;overflow:hidden}.mxa-detail strong{display:block;margin-top:30px;font-size:66px;line-height:1.04;letter-spacing:-.035em;white-space:nowrap}.mxa-detail p{max-width:900px;margin:20px 0 0;font-size:32px;line-height:1.4;color:#4a4d5c}.mxa-rows{display:grid;gap:18px;margin-top:40px}.mxa-rows i{display:block;height:22px;border-radius:12px;background:#e9e9f2}.mxa-rows i:nth-child(2){width:82%}.mxa-rows i:nth-child(3){width:64%}.mxa-idle{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:96px;opacity:0}.mxa-idle strong{font-size:110px;line-height:1;letter-spacing:-.05em;font-weight:750}.mxa-ripple{position:absolute;left:0;top:0;width:110px;height:110px;margin:-55px;border-radius:50%;background:#ffffff73;box-shadow:0 0 0 4px #ffffffd9,0 12px 30px #00000040;opacity:0}.mxa-power{position:absolute;top:0;right:0;bottom:0;left:0;background:#05060d;opacity:0}.mxa-chips{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.mxa-chips span{position:absolute;left:0;top:0;display:flex;align-items:center;gap:10px;padding:9px 15px 9px 9px;border-radius:16px;background:#ffffffe6;border:1px solid rgba(17,18,22,.08);box-shadow:0 18px 40px #11121629;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:14px;font-weight:600;color:var(--x-ink);white-space:nowrap;opacity:0}.mxa-chips b{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:11px;letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,var(--x-vio),var(--x-mag))}.mxa-chips span:nth-child(2) b{background:linear-gradient(135deg,var(--x-blu),var(--x-vio))}.mxa-chips span:nth-child(3) b{background:linear-gradient(135deg,#0f9fb4,var(--x-blu))}.mxa-chips span:nth-child(4) b{background:linear-gradient(135deg,#f09a2a,var(--x-mag))}.mxa-note{margin:12px 4px 0;font-size:12px;color:#8a8d99}@media(max-width:749px){.mxa-stage{border-radius:24px}.mxa-chips span{font-size:11px;padding:6px 10px 6px 6px;gap:6px;border-radius:12px}.mxa-chips b{width:28px;height:28px;font-size:9px;border-radius:8px}}.mxc.is-static .mxc-card,.mxc.is-static .mxc-frame,.mxc.is-static .mxc-tiles i,.mxa.is-static .mxa-stage,.mxa.is-static .mxa-frame{opacity:1;transform:none;clip-path:none;transition:none;animation:none}.mxc.is-static .mxc-screen{opacity:1}.mxc.is-static .mxc-power,.mxc.is-static .mxc-scan,.mxa.is-static .mxa-scan{display:none!important}.mxc.is-static .mxc-wall,.mxc.is-static .mxc-glow{animation:none}@media(prefers-reduced-motion:reduce){.mxc-card,.mxc-frame,.mxc-tiles i,.mxa-stage,.mxa-frame{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mytouchi-xp-3.css.map */