.mxf{--m:#e62f8b;--v:#8a3fe0;--b:#2e3fd4;--ink:#111216;--bg:#f6f6f7;--e:cubic-bezier(.16,1,.3,1);position:relative;display:flex;flex-direction:column;border-radius:32px;background:var(--bg);overflow:hidden;isolation:isolate;color:var(--ink);box-shadow:0 0 0 1px #1112160d,0 40px 100px -40px #3c146e59;font-family:inherit}.mxf *{box-sizing:border-box}.mxf-stage{position:relative;flex:1;min-height:0;overflow:hidden}.mxf-aura{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:0;opacity:.9;pointer-events:none;background:radial-gradient(26% 22% at var(--ax,30%) var(--ay,72%),rgba(230,47,139,.2),transparent 70%),radial-gradient(30% 26% at calc(100% - var(--ax,30%)) 28%,rgba(46,63,212,.14),transparent 72%),radial-gradient(22% 20% at 62% 80%,rgba(138,63,224,.14),transparent 70%)}.mxf-shot{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;z-index:1;opacity:0;pointer-events:none}.mxf-img{position:absolute;left:0;top:0;width:100px;height:auto;max-width:none;mix-blend-mode:multiply;transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mxf-fam .mxf-img{-webkit-mask-image:radial-gradient(40% 48% at 50% 50%,#000 78%,transparent 100%);mask-image:radial-gradient(40% 48% at 50% 50%,#000 78%,transparent 100%)}.mxf-fam[data-shot=fam-k] .mxf-img{-webkit-mask-image:radial-gradient(36% 62% at 50% 50%,#000 82%,transparent 100%);mask-image:radial-gradient(36% 62% at 50% 50%,#000 82%,transparent 100%)}.mxf-screen{position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0;pointer-events:none}.mxf-ui{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:12px;background:#0b0d1d;color:#fff;font-family:inherit}.mxf-wall{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;background:radial-gradient(60% 70% at 14% 90%,var(--b),transparent 70%),radial-gradient(55% 65% at 86% 14%,var(--m),transparent 70%),radial-gradient(50% 60% at 60% 70%,var(--v),transparent 70%),#141a5a}.mxf-wall--play{background:radial-gradient(50% 60% at 20% 20%,#f09a2a,transparent 70%),radial-gradient(55% 65% at 85% 80%,var(--m),transparent 70%),radial-gradient(60% 70% at 70% 20%,var(--b),transparent 70%),#1d1240}.mxf-bar{position:absolute;left:0;right:0;top:0;height:100px;display:flex;align-items:center;gap:26px;padding:0 70px;font-size:32px}.mxf-bar span{opacity:.7}.mxf-hello{position:absolute;left:70px;top:170px;font-size:104px;line-height:1;letter-spacing:-.045em;font-weight:700}.mxf-tiles{position:absolute;left:70px;right:70px;bottom:80px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.mxf-tiles span{display:flex;flex-direction:column;justify-content:flex-end;gap:20px;height:310px;padding:36px;border-radius:40px;font-size:36px;font-weight:600;line-height:1.08;letter-spacing:-.02em;background:linear-gradient(150deg,#ffffff4d,#ffffff14);border:2px solid rgba(255,255,255,.32);box-shadow:0 30px 60px #06081e4d}.mxf-ico{display:block;width:90px;height:90px;border-radius:26px;background:#fff;position:relative}.mxf-ico:after{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border-radius:10px;background:var(--m)}.mxf-ico--doc:after{border-radius:4px;background:linear-gradient(var(--b) 0 18%,transparent 18% 38%,var(--b) 38% 56%,transparent 56% 76%,var(--b) 76%)}.mxf-ico--web:after{border-radius:50%;background:none;border:8px solid #12a7b8}.mxf-ico--star:after{top:18px;right:18px;bottom:18px;left:18px;border-radius:0;background:#f09a2a;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.mxf-tap{position:absolute;left:0;top:0;width:120px;height:120px;margin:-60px;border-radius:50%;background:#ffffff73;box-shadow:0 0 0 5px #ffffffd9;opacity:0}.mxf-map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mxf-panel{position:absolute;right:60px;top:60px;bottom:60px;width:560px;padding:50px;border-radius:40px;background:#fff;color:var(--ink);box-shadow:0 30px 80px #14183c2e;display:flex;flex-direction:column;gap:22px}.mxf-panel small{font-size:26px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--m)}.mxf-panel strong{font-size:64px;line-height:1.02;letter-spacing:-.04em;margin-bottom:12px}.mxf-panel span{display:flex;justify-content:space-between;align-items:center;padding:26px 30px;border-radius:24px;background:#f3f3f8;font-size:34px;font-weight:600}.mxf-panel span.on{background:var(--ink);color:#fff}.mxf-panel b{font-weight:600;opacity:.6}.mxf-bubbles i{position:absolute;left:0;top:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,rgba(255,255,255,.2) 45%,transparent 70%);border:3px solid rgba(255,255,255,.55)}.mxf-fingers i{position:absolute;left:0;top:0;width:130px;height:130px;margin:-65px;border-radius:50%;border:6px solid #fff;box-shadow:0 0 30px #fff9;opacity:0}.mxf-ui--tech{background:radial-gradient(70% 80% at 50% 50%,#1a1f4d,#07081a)}.mxf-ui--tech:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.06) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.06) 2px,transparent 2px);background-size:80px 80px}.mxf-dots i{position:absolute;left:0;top:0;width:54px;height:54px;margin:-27px;border-radius:50%;border:5px solid rgba(255,255,255,.9);background:radial-gradient(circle,rgba(230,47,139,.6),transparent 70%);opacity:0}.mxf-count{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;text-shadow:0 10px 60px rgba(0,0,0,.6)}.mxf-count strong{display:block;font-size:300px;line-height:.9;letter-spacing:-.06em;font-weight:700;font-variant-numeric:tabular-nums}.mxf-count span{font-size:44px;opacity:.85}.mxf-res{position:absolute;left:70px;bottom:56px;font-size:40px;font-weight:600;letter-spacing:.02em;opacity:0}.mxf-lib{position:absolute;left:70px;right:70px;top:170px;display:grid;grid-template-columns:repeat(6,1fr);gap:26px}.mxf-lib span{height:260px;border-radius:36px;background:linear-gradient(150deg,#ffffff4d,#ffffff14);border:2px solid rgba(255,255,255,.32);display:grid;place-items:center}.mxf-lib b{display:grid;place-items:center;width:130px;height:130px;border-radius:34px;font-size:34px;letter-spacing:.04em;background:linear-gradient(135deg,var(--v),var(--m))}.mxf-lib span:nth-child(2n) b{background:linear-gradient(135deg,var(--b),var(--v))}.mxf-lib span:nth-child(3n) b{background:linear-gradient(135deg,#0f9fb4,var(--b))}.mxf-detail{position:absolute;left:70px;right:70px;bottom:70px;height:330px;padding:50px 60px;border-radius:40px;background:#fafafff7;color:var(--ink);box-shadow:0 40px 90px #06081e73;opacity:0}.mxf-detail small{font-size:26px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--m)}.mxf-detail strong{display:block;margin:14px 0 26px;font-size:72px;letter-spacing:-.04em;line-height:1}.mxf-detail i{display:block;height:22px;border-radius:12px;background:#e9e9f2;margin-top:16px}.mxf-detail i:nth-of-type(2){width:80%}.mxf-detail i:nth-of-type(3){width:60%}.mxf-callouts{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.mxf-co{position:absolute;left:0;top:0;display:flex;flex-direction:column;gap:2px;padding:9px 14px 10px;border-radius:14px;background:#ffffffdb;border:1px solid rgba(17,18,22,.07);box-shadow:0 14px 34px #1112161f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:11px;color:#5d6070;white-space:nowrap;opacity:0}.mxf-co b{font-size:15px;font-weight:650;color:var(--ink);letter-spacing:-.01em}.mxf-co:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--m);box-shadow:0 0 0 5px #e62f8b2e}.mxf-co:after{content:"";position:absolute;width:var(--len,46px);height:1.5px;background:linear-gradient(90deg,var(--m),rgba(230,47,139,.15));transform-origin:0 50%}.mxf-co[data-dir=ne]:before{left:calc(-1 * var(--dx,52px) - 5px);top:calc(100% + var(--dy,30px) - 5px)}.mxf-co[data-dir=ne]:after{left:calc(-1 * var(--dx,52px));top:calc(100% + var(--dy,30px));transform:rotate(var(--ang,-30deg))}.mxf-co[data-dir=sw]:before{left:calc(100% + var(--dx,52px) - 5px);top:calc(-1 * var(--dy,30px) - 5px)}.mxf-co[data-dir=sw]:after{left:calc(100% + var(--dx,52px));top:calc(-1 * var(--dy,30px));transform:rotate(var(--ang,150deg))}.mxf-specs{position:absolute;z-index:3;right:22px;top:50%;transform:translateY(-50%);margin:0;padding:0;list-style:none;display:grid;gap:8px;pointer-events:none}.mxf-specs li{display:flex;flex-direction:column;padding:11px 16px 12px;min-width:176px;border-radius:16px;background:#ffffffe0;border:1px solid rgba(17,18,22,.07);box-shadow:0 14px 34px #1112161a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:11px;color:#5d6070;opacity:0}.mxf-specs b{font-size:17px;font-weight:650;color:var(--ink);letter-spacing:-.02em}.mxf-caps{position:absolute;left:24px;top:22px;z-index:4;pointer-events:none;max-width:min(78%,420px)}.mxf-cap{position:absolute;left:0;top:0;margin:0;width:max-content;max-width:100%;opacity:0}.mxf-cap small{display:block;font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--m);margin-bottom:6px}.mxf-cap strong{display:block;font-size:clamp(20px,2vw,28px);line-height:1.08;letter-spacing:-.035em;font-weight:650;color:var(--ink)}.mxf-wm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}.mxf-w{display:inline-block;will-change:transform}html body .mts-hero:has(.mxf) :is(.mts-hero__image,.mts-hero__video,.mxk--hero,.mts-hero__shade){display:none!important}html body .mts-hero:has(.mxf){background:#f6f6f7!important;overflow:hidden}html body .mts-hero .mxf{position:absolute!important;z-index:0;left:0;right:0;bottom:0;height:min(112vw,540px);border-radius:0;box-shadow:none;background:transparent}html body .mts-hero .mxf .mxf-stage{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%);mask-image:linear-gradient(180deg,transparent 0,#000 16%)}html body .mts-hero:has(.mxf) .mts-hero__content{position:relative;z-index:2;padding-bottom:calc(min(112vw,540px) + 8px)!important}@media(min-width:990px){html body .mts-hero:has(.mxf){min-height:min(820px,calc(100svh - 96px))!important}html body .mts-hero .mxf{top:0;height:auto}html body .mts-hero .mxf .mxf-stage{-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 47%);mask-image:linear-gradient(90deg,transparent 30%,#000 47%)}html body .mts-hero:has(.mxf) .mts-hero__content{padding-bottom:95px!important}html body .mts-hero:has(.mxf) .mts-hero__content h1{max-width:min(560px,40vw)}}.mxf-caps.mxf-caps--hero{--m:#e62f8b;--ink:#111216;position:relative;left:auto;top:auto;width:min(100%,540px);max-width:none;height:70px;margin:24px 0 0}.mxf-caps--hero .mxf-cap{left:0;top:0;width:100%}.mxf-caps--hero .mxf-cap small{font-size:11px;margin-bottom:8px}.mxf-caps--hero .mxf-cap strong{font-size:clamp(20px,1.75vw,26px);line-height:1.12;white-space:nowrap}@keyframes mxf-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}html body .mts-hero.has-mxf .mts-hero__content>*{animation:mxf-rise 1.1s cubic-bezier(.16,1,.3,1) both}html body .mts-hero.has-mxf .mts-hero__content>*:nth-child(2){animation-delay:.08s}html body .mts-hero.has-mxf .mts-hero__content>*:nth-child(3){animation-delay:.18s}html body .mts-hero.has-mxf .mts-hero__content>*:nth-child(4){animation-delay:.28s}html body .mts-hero.has-mxf .mts-hero__content>*:nth-child(5){animation-delay:.38s}html body .mts-hero.has-mxf .mts-hero__content>*:nth-child(n+6){animation-delay:.48s}html body .mts-hero.has-mxf .mts-hero__content>.mxf-caps{animation:none}@media(prefers-reduced-motion:reduce){html body .mts-hero.has-mxf .mts-hero__content>*{animation:none}}@media(max-width:989px){.mxf{border-radius:24px}.mxf-specs{right:10px;gap:5px}.mxf-specs li:nth-child(n+4){display:none}.mxf-specs li{min-width:0;padding:7px 10px 8px;border-radius:12px;font-size:9px}.mxf-specs b{font-size:13px}.mxf-co{padding:6px 9px 7px;border-radius:10px;font-size:9px}.mxf-co b{font-size:12px}.mxf-caps--hero.mxf-caps--hero{height:60px;margin-top:18px}.mxf-caps--hero .mxf-cap strong{font-size:clamp(17px,5vw,20px)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mytouchi-xp-4.css.map */