body.mm-site .mm-platforms{--mm-sync-live: #78dca9;--mm-sync-muted: #ef8592;--mm-sync-led-live: #00ff00;--mm-sync-led-muted: #ff0000;display:block;position:relative;padding:clamp(40px,5vw,68px) 0;border-block:1px solid #ffffff14;background:radial-gradient(ellipse at 70% 60%,#51243121,transparent 65%),#0b0c0f;color:#f5f5f7}body.mm-site .mm-platforms>.mm-platforms__layout{display:block}body.mm-site .mm-platforms__intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:32px}body.mm-site .mm-platforms__eyebrow{margin:0 0 16px;color:#e4939a;font-size:12px;font-weight:600;letter-spacing:.09em;line-height:1.5;text-transform:uppercase}body.mm-site .mm-platforms h2{margin:0;color:#f5f5f7;font-size:clamp(30px,3.2vw,44px);font-weight:600;letter-spacing:-.045em;line-height:1.08}body.mm-site .mm-platforms__intro-copy{max-width:490px;justify-self:end}body.mm-site .mm-platforms__description{margin:0 0 12px;color:#b6b8c1;font-size:16px;line-height:1.7}body.mm-site .mm-platforms .mm-platforms__link{display:inline-flex;align-items:center;gap:14px;min-height:44px;color:#f5f5f7;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ffffff45}body.mm-site .mm-platforms__link:hover{text-decoration-color:#f28e97}body.mm-site .mm-platforms .mm-platforms__note{max-width:none;margin:20px 0 0;color:#a7adba;font-size:13px;font-weight:400;line-height:1.7;text-align:center}body.mm-site .mm-platforms :is(a,button):focus-visible{outline:2px solid #f09ca6;outline-offset:5px}body.mm-site .mm-platforms__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}body.mm-site .mm-platforms .mm-sync__instruction{margin:0 0 16px;color:#c5c9d3;font-size:14px;font-weight:400;line-height:1.6;text-align:center}body.mm-site .mm-platforms .mm-sync__trigger{-webkit-appearance:none;appearance:none;display:block;padding:0;margin:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:normal;text-transform:none;text-align:center;cursor:default;opacity:1;touch-action:manipulation}body.mm-site .mm-platforms .mm-sync__trigger:enabled{cursor:pointer}body.mm-site .mm-platforms .mm-platforms__configure{display:flex;align-items:center;justify-content:center;gap:5px;width:fit-content;max-width:100%;min-height:44px;margin:5px auto 0;color:#c8ceda;font-size:12px;font-weight:500;line-height:1.5;white-space:normal;text-align:center;text-decoration:underline;text-decoration-color:#6d7585;text-underline-offset:4px}body.mm-site .mm-platforms .mm-platforms__configure:hover{color:#fff;text-decoration-color:#f09ca6}body.mm-site .mm-platforms .mm-platforms__network{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(42px,.3fr) minmax(250px,1.4fr) minmax(64px,.4fr) minmax(250px,1.25fr);align-items:center;gap:0;position:relative;width:100%;min-width:0;padding:32px 32px 20px;border:1px solid #353942;border-radius:22px;background:radial-gradient(ellipse at 40% 20%,#2b303c66,transparent 65%),#121419}body.mm-site .mm-platforms .mm-sync__stage-label{margin:0 0 22px;color:#bdc2ce;font-size:11px;font-weight:500;letter-spacing:.06em;line-height:1.5;text-transform:uppercase;text-align:center}body.mm-site .mm-sync__device,body.mm-site .mm-sync__computer,body.mm-site .mm-sync__platform-group{position:relative;z-index:1;min-width:0}body.mm-site .mm-sync__hardware{position:relative;width:136px;height:153px;margin:0 auto}body.mm-site .mm-sync__cable{position:absolute;left:calc(50% - 4px);top:0;width:8px;height:45px;border:1px solid #656d79;border-radius:4px;background:linear-gradient(90deg,#242a32,#7c838c,#242a32)}body.mm-site .mm-platforms .mm-sync__puck{position:absolute;top:29px;right:7px;bottom:2px;left:7px;border-radius:50%;border:1px solid #a9adae;box-shadow:0 4px #464e55,0 12px 24px #0007}body.mm-site .mm-sync__state{color:var(--mm-sync-live)}body.mm-site .mm-platforms [data-sync-node][data-muted=true] .mm-sync__state{color:var(--mm-sync-muted)}body.mm-site .mm-sync__rim{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;color:var(--mm-sync-led-live);background:currentColor;box-shadow:0 0 9px currentColor,0 0 25px #00ff0080,0 0 44px #00ff0030}body.mm-site .mm-platforms [data-sync-node][data-muted=true] .mm-sync__rim{color:var(--mm-sync-led-muted);box-shadow:0 0 9px currentColor,0 0 25px #ff000080,0 0 44px #ff000040}body.mm-site .mm-platforms .mm-sync__puck:enabled:hover{box-shadow:0 4px #68717c,0 12px 24px #0007,0 0 0 7px #ffffff12}body.mm-site .mm-sync__steel{position:absolute;display:grid;place-items:center;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;border:1px solid #ced5d0;background:repeating-linear-gradient(0deg,#fff0 0,#fff3 .6px,#29352d22 1.1px,#fff0 2px),linear-gradient(155deg,#6f7a76,#c4cbc3 25%,#87938c 48%,#e0e4dc 74%,#83918a);box-shadow:inset 0 1px 3px #fff7,0 1px 3px #0008}body.mm-site .mm-sync__steel img{display:block;width:78%;height:auto;filter:grayscale(1);opacity:.6}body.mm-site .mm-sync__touch{position:absolute;top:25%;right:25%;bottom:25%;left:25%;border:2px solid #fff;border-radius:50%;opacity:0;transform:scale(.7)}body.mm-site .mm-sync__readout{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;margin-top:20px;font-size:13px;font-weight:600;line-height:1.5;text-align:center}body.mm-site .mm-sync__readout>span{grid-area:1 / 1}body.mm-site .mm-sync__off{opacity:0}body.mm-site .mm-sync__on{opacity:1}body.mm-site .mm-platforms [data-sync-node][data-muted=true] .mm-sync__on{opacity:0}body.mm-site .mm-platforms [data-sync-node][data-muted=true] :is(.mm-sync__off,.mm-sync__slash){opacity:1}body.mm-site .mm-platforms .mm-sync__laptop{position:relative;margin:0 auto;width:100%;max-width:330px;padding:0 10px 12px}body.mm-site .mm-sync__screen{display:block;position:relative;padding:11px 7px 8px;border:1px solid #8a929d;border-bottom:0;border-radius:12px 12px 3px 3px;background:#0c0e12;box-shadow:0 14px 28px #0005}body.mm-site .mm-sync__camera{position:absolute;top:4px;left:calc(50% - 1.5px);width:3px;height:3px;border-radius:50%;background:#64748b}body.mm-site .mm-sync__desktop{display:grid;place-items:center;min-height:174px;padding:14px;border:1px solid #303848;border-radius:3px;background:radial-gradient(ellipse at 15% 20%,#53698266,transparent 70%),linear-gradient(135deg,#263041,#26212e)}body.mm-site .mm-sync__window{display:block;overflow:hidden;width:100%;border:1px solid #576170;border-radius:7px;background:#1c2027;box-shadow:0 8px 22px #0004}body.mm-site .mm-sync__window-bar{display:flex;align-items:center;gap:13px;padding:8px 10px;border-bottom:1px solid #3a424d;background:#292e38;color:#e1e5ed;font-size:11px;line-height:1.5}body.mm-site .mm-sync__window-dots{display:flex;gap:4px}body.mm-site .mm-sync__window-dots i{width:4px;height:4px;border-radius:50%;background:#8892a2}body.mm-site .mm-sync__app-body{display:block;padding:15px 8px 13px;text-align:center}body.mm-site .mm-sync__mic{display:grid;place-items:center;width:43px;height:43px;margin:0 auto;border:1px solid currentColor;border-radius:50%;background:#12171e}body.mm-site .mm-sync__mic svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}body.mm-site .mm-sync__slash{opacity:0}body.mm-site .mm-sync__app-body .mm-sync__readout{margin-top:8px;font-size:13px}body.mm-site .mm-sync__app-caption{display:block;margin-top:5px;color:#b9c2d0;font-size:11px;line-height:1.5}body.mm-site .mm-sync__keyboard{position:absolute;bottom:0;left:0;width:100%;height:13px;border:1px solid #989faa;border-radius:2px 2px 40% 40%;background:linear-gradient(#a8aeb7,#5c6470);box-shadow:0 10px 15px #0005}body.mm-site .mm-sync__keyboard:after{content:"";position:absolute;top:-1px;left:38%;width:24%;height:4px;border-radius:0 0 5px 5px;background:#555d69}body.mm-site .mm-platforms .mm-sync__stage-caption{margin:17px 0 0;color:#a7adba;font-size:13px;font-weight:400;line-height:1.5;text-align:center}body.mm-site .mm-sync__bridge{display:grid;place-items:center;position:relative;min-width:0;color:#788293;font-size:24px;pointer-events:none}body.mm-site .mm-platforms[data-ready=true] .mm-sync__bridge span{visibility:hidden}body.mm-site .mm-platforms .mm-sync__connections{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}body.mm-site .mm-sync__wire{stroke:#78849a66;stroke-width:1;vector-effect:non-scaling-stroke}body.mm-site .mm-sync__signal{stroke:var(--mm-sync-live);stroke-width:3;stroke-linecap:round;stroke-dasharray:12 112;stroke-dashoffset:12;opacity:0;vector-effect:non-scaling-stroke}body.mm-site .mm-sync__signal[data-tone=muted]{stroke:var(--mm-sync-muted)}body.mm-site .mm-sync__signal[data-active=true]{animation:mm-sync-travel .65s linear both}body.mm-site .mm-sync__device[data-origin=true] .mm-sync__touch{animation:mm-sync-touch .65s ease-out both}body.mm-site .mm-sync__computer[data-origin=true] .mm-sync__screen,body.mm-site .mm-platforms .mm-sync__laptop:enabled:hover .mm-sync__screen,body.mm-site .mm-platforms .mm-sync__laptop:focus-visible .mm-sync__screen{border-color:#f09ca6}body.mm-site .mm-platforms__node[data-origin=true] .mm-platforms__tile{border-color:#f09ca6}@keyframes mm-sync-travel{0%{opacity:1;stroke-dashoffset:12}95%{opacity:1}to{opacity:0;stroke-dashoffset:-100}}@keyframes mm-sync-touch{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.6)}}body.mm-site .mm-platforms__apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}body.mm-site .mm-platforms__node{position:relative;min-width:0;padding:0;margin:0}body.mm-site .mm-platforms .mm-platforms__app{display:block;width:100%;border-radius:14px;color:#e5e6ec;text-decoration:none;white-space:normal}body.mm-site .mm-platforms__tile{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-height:74px;padding:14px 10px;border:1px solid #414651;border-radius:14px;background:linear-gradient(140deg,#282b34,#1b1e26);transition:border-color .2s ease,background-color .2s ease}body.mm-site .mm-platforms__tile img{display:block;width:34px;height:34px;object-fit:contain;filter:none;opacity:1}body.mm-site .mm-platforms__app-name{padding-right:2px;color:#e5e6ec;font-size:12px;font-weight:500;line-height:1.45;text-align:left}body.mm-site .mm-sync__platform-mic{position:absolute;display:grid;place-items:center;width:22px;height:22px;bottom:-5px;right:9px;border:1px solid #4d5764;border-radius:50%;background:#151a20}body.mm-site .mm-sync__platform-mic svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}body.mm-site .mm-platforms__app:enabled:hover .mm-platforms__tile,body.mm-site .mm-platforms__app:focus-visible .mm-platforms__tile{border-color:#ed8a9699;background:#2f303b}body.mm-site .mm-platforms .mm-sync__legend{position:relative;z-index:1;grid-column:1 / -1;display:block;width:100%;padding-top:20px;margin:20px 0 0;border-top:1px solid #333a46;color:#bdc3cf;font-size:13px;font-weight:400;line-height:1.6;text-align:center}@media(max-width:1100px)and (min-width:901px){body.mm-site .mm-platforms .mm-platforms__network{grid-template-columns:minmax(108px,.7fr) minmax(30px,.25fr) minmax(224px,1.5fr) minmax(42px,.3fr) minmax(226px,1.4fr);padding-inline:22px}body.mm-site .mm-sync__hardware{width:118px;height:137px}body.mm-site .mm-platforms__tile{grid-template-columns:28px minmax(0,1fr);padding-inline:8px;gap:6px}body.mm-site .mm-platforms__tile img{width:28px;height:28px}body.mm-site .mm-sync__desktop{padding:9px}}@media(max-width:900px){body.mm-site .mm-platforms__intro{grid-template-columns:minmax(0,1fr);gap:22px;text-align:center}body.mm-site .mm-platforms h2 br{display:none}body.mm-site .mm-platforms__intro-copy{justify-self:center}body.mm-site .mm-platforms .mm-platforms__network{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto;padding:26px 22px 22px}body.mm-site .mm-sync__device{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;gap:18px;width:100%;max-width:430px;margin-inline:auto}body.mm-site .mm-sync__device .mm-sync__stage-label{text-align:right;margin:0}body.mm-site .mm-sync__device .mm-sync__readout{text-align:left;justify-items:start;margin:0}body.mm-site .mm-sync__hardware{width:100px;height:118px}body.mm-site .mm-platforms .mm-sync__puck{top:27px;right:6px;bottom:3px;left:6px}body.mm-site .mm-sync__steel{top:6px;right:6px;bottom:6px;left:6px}body.mm-site .mm-sync__steel img{width:75%}body.mm-site .mm-sync__bridge{width:40px;height:56px;margin:10px auto}body.mm-site .mm-sync__bridge span{transform:rotate(90deg)}body.mm-site .mm-sync__device .mm-platforms__configure{grid-column:1 / -1;margin-top:0}body.mm-site .mm-sync__computer{width:100%;max-width:310px;margin:0 auto}body.mm-site .mm-platforms .mm-sync__computer .mm-sync__stage-label{margin-bottom:12px}body.mm-site .mm-sync__desktop{min-height:161px;padding:10px 16px}body.mm-site .mm-platforms .mm-sync__stage-caption{margin-top:12px}body.mm-site .mm-platforms__apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body.mm-site .mm-platforms .mm-sync__platform-group .mm-sync__stage-label{margin-bottom:14px}body.mm-site .mm-platforms__tile{grid-template-columns:minmax(0,1fr);justify-items:center;gap:7px;min-height:88px;padding:12px 6px}body.mm-site .mm-platforms__app-name{text-align:center;padding:0}body.mm-site .mm-platforms__tile img{width:32px;height:32px}body.mm-site .mm-platforms .mm-sync__legend{margin-top:18px}}@media(max-width:380px){body.mm-site .mm-platforms .mm-platforms__network{padding-inline:14px}body.mm-site .mm-sync__device{gap:12px;grid-template-columns:1fr 88px 1fr}body.mm-site .mm-sync__hardware{width:88px;height:105px}body.mm-site .mm-platforms .mm-sync__puck{top:25px;right:5px;bottom:2px;left:5px}body.mm-site .mm-platforms .mm-sync__stage-label{font-size:10px}body.mm-site .mm-platforms__apps{gap:10px 8px}}@media(prefers-reduced-motion:reduce){body.mm-site .mm-platforms *,body.mm-site .mm-platforms *:before,body.mm-site .mm-platforms *:after{animation:none!important;transition:none!important}}@media(forced-colors:active){body.mm-site .mm-sync__wire,body.mm-site .mm-sync__signal{stroke:CanvasText}body.mm-site .mm-platforms__tile,body.mm-site .mm-sync__window{border-color:CanvasText;background:Canvas}body.mm-site .mm-platforms__app-name{color:LinkText}body.mm-site .mm-sync__state{color:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/mm-meeting-platforms.css.map */