.mt-demos__head{margin-bottom:8px}.mt-demos--night .mt-demo__text h3{color:var(--mt-on-night)}.mt-demos--night .mt-demo__text p,.mt-demos--night .mt-demo__points li{color:#c9d3d8}.mt-demo{display:grid;gap:28px;align-items:center;grid-template-columns:1fr;padding-block:40px}.mt-demo+.mt-demo{border-top:1px solid var(--mt-line)}.mt-demos--night .mt-demo+.mt-demo{border-top-color:#ffffff14}@media(min-width:990px){.mt-demo{grid-template-columns:1fr 1fr;gap:72px;padding-block:64px}.mt-demo:nth-child(2n) .mt-demo__media{order:2}}.mt-demo__media{position:relative;perspective:1200px;display:grid;place-items:center}.mt-demo__media:before{content:"";position:absolute;width:min(420px,92%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#0b7a6b38,#0b7a6b00 68%)}.mt-demo .mt-phone{position:relative;width:min(290px,74%);transform:rotateY(-10deg) rotateX(3deg)}.mt-demo:nth-child(2n) .mt-phone{transform:rotateY(10deg) rotateX(3deg)}.mt-demo__media:hover .mt-phone{transform:rotateY(0) rotateX(0)}.mt-demo .mt-phone__screen{background:#f4f6f5}.mt-scene{width:100%;height:100%;display:block}.mt-demo__chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mt-track);background:var(--mt-track-soft);padding:6px 12px;border-radius:999px;margin-bottom:14px}.mt-demos--night .mt-demo__chip{color:var(--mt-beacon);background:#f2a1001f}.mt-demo__text h3{font-size:clamp(26px,3.6vw,38px);line-height:1.08;font-weight:800}.mt-demo__text>p{font-size:18px;line-height:28px;color:var(--mt-muted);margin-top:14px;max-width:52ch}.mt-demo__points{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}.mt-demo__points li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.45;font-weight:500}.mt-demo__points svg{width:22px;height:22px;flex-shrink:0;color:var(--mt-track)}.mt-demos--night .mt-demo__points svg{color:var(--mt-beacon)}.mt-demos--compact .mt-demos__list{display:grid;gap:20px;grid-template-columns:1fr;margin-top:36px}@media(min-width:750px){.mt-demos--compact .mt-demos__list{grid-template-columns:repeat(3,1fr)}}.mt-demos--compact .mt-demo{grid-template-columns:1fr!important;gap:20px;padding:26px 20px;border:1px solid var(--mt-line);border-radius:var(--mt-r-md);background:var(--mt-raised);text-align:center}.mt-demos--compact .mt-demo+.mt-demo{border-top:1px solid var(--mt-line)}.mt-demos--compact .mt-demo__media{order:0!important}.mt-demos--compact .mt-phone{width:min(210px,70%);transform:none!important}.mt-demos--compact .mt-demo__text h3{font-size:22px}.mt-demos--compact .mt-demo__text>p{font-size:15px;line-height:1.55;margin-inline:auto}.mt-demos--compact .mt-demo__points{display:none}.mt-scene text{font-family:var(--mt-sans)}.mt-scene .t-bar{font-size:16px;font-weight:700;fill:#fff}.mt-scene .t-b{font-size:13px;font-weight:700;fill:#1f2a30}.mt-scene .t-s{font-size:11.5px;fill:#5a6770}.mt-scene .t-x{font-size:10px;fill:#8a96a0}.mt-scene .t-map{font-size:10px;font-weight:600;fill:#7c8a93}.mt-scene .t-w{font-size:12px;font-weight:700;fill:#fff}.mt-scene .t-big{font-family:var(--mt-display);font-size:40px;font-weight:800;fill:#1f2a30}.mt-scene .a-grow,.mt-scene .a-press,.mt-scene .a-ripple,.mt-scene .a-shake{transform-box:fill-box;transform-origin:center}.mt-scene .a-grow{transform:scale(0);opacity:0}.mt-scene .a-notif{transform:translateY(-130px)}.mt-scene .a-up{transform:translateY(330px)}.mt-scene .a-ripple{opacity:0}.mt-scene .a-live{transform:translate(70px,420px)}.mt-scene .a-fence{transform:translate(150px,278px)}.mt-scene .a-draw{stroke-dasharray:720;stroke-dashoffset:720}.mt-scene .a-bar{transform-box:fill-box;transform-origin:left center;transform:scaleX(0)}.mt-scene .a-needle{transform-box:view-box;transform-origin:140px 270px;transform:rotate(-120deg)}.mt-scene .a-arc{stroke-dasharray:377;stroke-dashoffset:377}.mt-scene .a-show,.mt-scene .a-waves{opacity:0}.mt-scene .a-st1,.mt-scene .a-st2,.mt-scene .a-st3{transform:translate(300px)}.mt-scene .a-follow{offset-rotate:0deg;offset-distance:0%}.mt-demo{--d: 7s}.mt-demo.is-in .a-grow{animation:mt-a-grow var(--d) infinite}.mt-demo.is-in .a-notif{animation:mt-a-notif var(--d) infinite}.mt-demo.is-in .a-up{animation:mt-a-up var(--d) infinite}.mt-demo.is-in .a-ripple{animation:mt-a-ripple var(--d) infinite}.mt-demo.is-in .a-ripple.r2{animation-name:mt-a-ripple2}.mt-demo.is-in .a-press{animation:mt-a-press var(--d) infinite}.mt-demo.is-in .a-live{animation:mt-a-live var(--d) infinite}.mt-demo.is-in .a-fence{animation:mt-a-fence var(--d) infinite}.mt-demo.is-in .a-draw{animation:mt-a-draw var(--d) infinite}.mt-demo.is-in .a-follow{animation:mt-a-follow var(--d) infinite}.mt-demo.is-in .a-bar{animation:mt-a-bar var(--d) infinite}.mt-demo.is-in .a-needle{animation:mt-a-needle var(--d) infinite}.mt-demo.is-in .a-arc{animation:mt-a-arc var(--d) infinite}.mt-demo.is-in .a-show{animation:mt-a-show var(--d) infinite}.mt-demo.is-in .a-shake{animation:mt-a-shake var(--d) infinite}.mt-demo.is-in .a-waves{animation:mt-a-waves var(--d) infinite}.mt-demo.is-in .a-led{animation:mt-a-led var(--d) infinite}.mt-demo.is-in .a-knob-off{animation:mt-a-knob-off var(--d) infinite}.mt-demo.is-in .a-track-off{animation:mt-a-track-off var(--d) infinite}.mt-demo.is-in .a-knob-on{animation:mt-a-knob-on var(--d) infinite}.mt-demo.is-in .a-track-on{animation:mt-a-track-on var(--d) infinite}.mt-demo.is-in .a-rows{animation:mt-a-rows var(--d) infinite}.mt-demo.is-in .a-st1{animation:mt-a-st1 var(--d) infinite}.mt-demo.is-in .a-st2{animation:mt-a-st2 var(--d) infinite}.mt-demo.is-in .a-st3{animation:mt-a-st3 var(--d) infinite}.mt-demo.is-in .a-pulse{animation:mt-a-pulse 1.6s infinite;transform-box:fill-box;transform-origin:center}@keyframes mt-a-grow{0%{transform:scale(0);opacity:0}14%,to{transform:scale(1);opacity:1}}@keyframes mt-a-notif{0%,56%{transform:translateY(-130px)}62%,92%{transform:translateY(0)}98%,to{transform:translateY(-130px)}}@keyframes mt-a-up{0%,34%{transform:translateY(330px)}42%,92%{transform:translateY(0)}99%,to{transform:translateY(330px)}}@keyframes mt-a-press{0%,8%{transform:scale(1)}12%,28%{transform:scale(.82)}32%,to{transform:scale(1)}}@keyframes mt-a-ripple{0%,10%{transform:scale(.6);opacity:0}13%{opacity:.9}34%,to{transform:scale(2.6);opacity:0}}@keyframes mt-a-ripple2{0%,18%{transform:scale(.6);opacity:0}21%{opacity:.9}42%,to{transform:scale(2.6);opacity:0}}@keyframes mt-a-live{0%{transform:translate(70px,420px)}30%{transform:translate(112px,352px)}55%{transform:translate(150px,292px)}80%{transform:translate(176px,206px)}to{transform:translate(190px,152px)}}@keyframes mt-a-fence{0%,34%{transform:translate(150px,278px)}60%,to{transform:translate(232px,372px)}}@keyframes mt-a-draw{0%{stroke-dashoffset:720}70%,to{stroke-dashoffset:0}}@keyframes mt-a-follow{0%{offset-distance:0%}70%,to{offset-distance:100%}}@keyframes mt-a-bar{0%{transform:scaleX(0)}70%,to{transform:scaleX(1)}}@keyframes mt-a-needle{0%,10%{transform:rotate(-120deg)}50%,94%{transform:rotate(45deg)}to{transform:rotate(-120deg)}}@keyframes mt-a-arc{0%,10%{stroke-dashoffset:377}50%,94%{stroke-dashoffset:107}to{stroke-dashoffset:377}}@keyframes mt-a-show{0%,48%{opacity:0}54%,94%{opacity:1}to{opacity:0}}@keyframes mt-a-shake{0%,26%{transform:none}28%{transform:rotate(-4deg) translate(-3px)}30%{transform:rotate(4deg) translate(3px)}32%{transform:rotate(-4deg)}34%{transform:rotate(4deg)}36%{transform:rotate(-3deg)}38%{transform:rotate(3deg)}40%{transform:rotate(-2deg)}42%{transform:rotate(2deg)}44%,to{transform:none}}@keyframes mt-a-waves{0%,26%{opacity:0}30%,42%{opacity:1}48%,to{opacity:0}}@keyframes mt-a-led{0%{opacity:1}8%{opacity:.2}16%{opacity:1}24%{opacity:.2}32%{opacity:1}40%{opacity:.2}46%,to{opacity:0}}@keyframes mt-a-knob-off{0%,42%{transform:translate(0)}48%,to{transform:translate(-22px)}}@keyframes mt-a-track-off{0%,42%{fill:#33c5f8}48%,to{fill:#d5dbdf}}@keyframes mt-a-knob-on{0%,14%{transform:translate(0)}20%,to{transform:translate(22px)}}@keyframes mt-a-track-on{0%,14%{fill:#d5dbdf}20%,to{fill:#33c5f8}}@keyframes mt-a-rows{0%,24%{opacity:0;transform:translateY(12px)}34%,to{opacity:1;transform:none}}@keyframes mt-a-st1{0%,6%{transform:translate(300px)}14%,92%{transform:translate(0)}to{transform:translate(300px)}}@keyframes mt-a-st2{0%,22%{transform:translate(300px)}30%,92%{transform:translate(0)}to{transform:translate(300px)}}@keyframes mt-a-st3{0%,38%{transform:translate(300px)}46%,92%{transform:translate(0)}to{transform:translate(300px)}}@keyframes mt-a-pulse{0%{transform:scale(.5);opacity:.8}to{transform:scale(2.2);opacity:0}}@media(prefers-reduced-motion:reduce){.mt-demo .mt-scene *{animation-play-state:paused!important;animation-delay:calc(var(--d) * -.76)!important}.mt-demo .mt-phone{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/maxtracker-demos.css.map */