.mm-regular-demo{--mm-mint:#b8f4d1;display:block;background:var(--mm-bg);color:var(--mm-text);font-family:MM Inter,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.5;padding:72px 24px;color-scheme:dark;isolation:isolate}.mm-regular-demo *{box-sizing:border-box}.mm-regular-demo [hidden]{display:none!important}.mm-regular-demo h2,.mm-regular-demo h3,.mm-regular-demo h4,.mm-regular-demo p{font:inherit;margin:0;color:inherit;letter-spacing:normal;text-transform:none}.mm-regular-demo button{font:inherit;letter-spacing:normal;text-transform:none;min-height:0;min-width:0;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:none;background:none;color:inherit;border:0;border-radius:0;line-height:1.4}.mm-regular-demo button:before,.mm-regular-demo button:after{content:none}.mm-regular-demo button:focus-visible,.mm-regular-demo a:focus-visible{outline:2px solid var(--mm-mint);outline-offset:4px}.mm-regular-demo button:disabled{cursor:default}.mm-regular-demo svg{display:block}.mm-regular-demo .mm-wrap{max-width:var(--mm-width,1320px);margin:0 auto}.mm-regular-demo .mm-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;margin-bottom:32px}.mm-regular-demo .mm-eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:650;color:var(--mm-mint);margin-bottom:16px}.mm-regular-demo .mm-eyebrow i{width:7px;height:7px;border-radius:50%;background:currentColor}.mm-regular-demo h2{font-size:clamp(34px,4.1vw,52px);line-height:1.08;letter-spacing:-.045em;font-weight:650;max-width:580px;text-wrap:balance}.mm-regular-demo .mm-intro-copy{color:var(--mm-muted);font-size:16px;max-width:430px;line-height:1.7;margin-bottom:4px}.mm-regular-demo .mm-app{border:1px solid #ffffff20;border-radius:var(--mm-radius,16px);overflow:hidden;background:var(--mm-panel,#272a2e);box-shadow:0 25px 70px #0003}.mm-regular-demo .mm-controls{border:0;min-width:0;padding:0;margin:0;display:block}.mm-regular-demo .mm-appbar{padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--mm-border);background:#292c2e}.mm-regular-demo .mm-brand{display:flex;align-items:center;gap:14px;min-width:0}.mm-regular-demo .mm-brand svg{width:99px;height:24px;color:#e9eeea}.mm-regular-demo .mm-brand span{font-size:11px;color:#aeb6b4;border-left:1px solid #ffffff25;padding-left:14px;white-space:nowrap}.mm-regular-demo .mm-environment{display:flex;gap:4px;padding:4px;border-radius:9px;background:#191c1d}.mm-regular-demo .mm-environment button{padding:8px 12px;font-size:11px;border-radius:6px;color:#acb5b1;white-space:nowrap}.mm-regular-demo .mm-environment button[aria-pressed=true]{background:#404746;color:#fff}.mm-regular-demo .mm-device-picker{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 28px;border-bottom:1px solid var(--mm-border);background:#232629}.mm-regular-demo .mm-device-picker h3{font-size:12px;font-weight:600;white-space:nowrap}.mm-regular-demo .mm-device-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:650px;width:100%}.mm-regular-demo .mm-device-choices button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;border-radius:9px;padding:11px 13px;background:#ffffff03;color:#b6bdba;transition:border-color .15s,background .15s}.mm-regular-demo .mm-device-choices button:hover{background:#ffffff09;border-color:#ffffff25}.mm-regular-demo .mm-device-choices button[aria-pressed=true]{background:#ffffff0b;border-color:#d4ddd875;color:#f4f7f5}.mm-regular-demo .mm-device-choices strong{display:block;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}.mm-regular-demo .mm-device-choices small{display:block;font-size:9px;color:#98a39d;margin-top:2px;line-height:1.5}.mm-regular-demo .mm-device-choice-icon{position:relative;flex:0 0 24px;width:24px;height:24px;border:1.5px solid currentColor;opacity:.8}.mm-regular-demo .mm-device-choice-icon--original{border-radius:50%;box-shadow:inset 0 0 0 3px #232629,inset 0 0 0 4px #a4afa8}.mm-regular-demo .mm-device-choice-icon--mini{height:16px;border-radius:3px}.mm-regular-demo .mm-device-choice-icon--mini:before{content:"";position:absolute;top:3px;right:0;bottom:3px;left:4px;border:1px solid currentColor;border-right:0;border-radius:1px 0 0 1px}.mm-regular-demo .mm-device-choice-icon--mutesync{border-radius:6px}.mm-regular-demo .mm-device-choice-icon--mutesync:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid currentColor;border-radius:2px}.mm-regular-demo .mm-main{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;padding:32px;align-items:center}.mm-regular-demo .mm-screen{min-width:0;background:#151819;border:1px solid #ffffff1c;border-radius:13px;box-shadow:0 14px 25px #0002;overflow:hidden}.mm-regular-demo .mm-screenbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;font-size:11px;color:#a5aeaa}.mm-regular-demo .mm-screenbar strong{color:#e4eae7;font-size:12px;font-weight:550}.mm-regular-demo .mm-screenbar span{font-size:10px;white-space:nowrap}.mm-regular-demo .mm-scene{position:relative;aspect-ratio:1.45;margin:0 9px;overflow:hidden;border-radius:7px;background:#222a27}.mm-regular-demo .mm-tiles{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;position:absolute;top:0;right:0;bottom:0;left:0}.mm-regular-demo .mm-tile{position:relative;overflow:hidden;border-radius:6px;border:2px solid transparent;min-width:0;min-height:0;background:#374844}.mm-regular-demo .mm-person{width:100%;height:100%;object-fit:cover}.mm-regular-demo .mm-tile:after{content:"";position:absolute;top:60%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#0005);pointer-events:none}.mm-regular-demo .mm-tile-name{position:absolute;left:10px;bottom:8px;font-size:10px;color:#fff;z-index:1;line-height:1.2}.mm-regular-demo .mm-you[data-live=true]{border-color:#8bdcb1}.mm-regular-demo .mm-you[data-live=false]{border-color:#ffffff20}.mm-regular-demo .mm-mic-badge{position:absolute;right:7px;bottom:6px;z-index:1;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#2b3930;color:#b8f4d1}.mm-regular-demo .mm-you[data-live=false] .mm-mic-badge{background:#a13037;color:#fff}.mm-regular-demo .mm-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mm-regular-demo .mm-mic-badge .mm-icon{width:15px;height:15px}.mm-regular-demo .mm-idle{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at top,#34453d,#222a27 75%);padding:20px}.mm-regular-demo .mm-idle-emblem{width:64px;height:64px;border:1px solid #b8f4d12b;border-radius:50%;display:grid;place-items:center;color:var(--mm-mint);margin-bottom:15px;background:#b8f4d10a}.mm-regular-demo .mm-idle-emblem svg{width:27px;height:27px}.mm-regular-demo .mm-idle h3{font-size:24px;font-weight:550;letter-spacing:-.025em;margin-bottom:8px}.mm-regular-demo .mm-idle p{font-size:12px;color:#adbeb3;max-width:255px}.mm-regular-demo .mm-call-footer{padding:13px 16px;display:flex;align-items:center;gap:12px;min-height:72px}.mm-regular-demo .mm-toolbar-mic{width:40px;height:40px;border:1px solid #68766e;border-radius:12px;display:grid;place-items:center;background:#344b40;color:#c8f8dd;flex-shrink:0}.mm-regular-demo .mm-toolbar-mic[aria-pressed=true]{background:#a33037;border-color:#c7444d;color:#fff}.mm-regular-demo .mm-call-state{flex:1;min-width:0}.mm-regular-demo .mm-call-state strong{display:block;font-size:12px;color:#f0f4f1;font-weight:550}.mm-regular-demo .mm-call-state span{display:block;font-size:10px;color:#a6b1ab;margin-top:2px}.mm-regular-demo .mm-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:28px;min-width:37px}.mm-regular-demo .mm-wave i{width:3px;height:5px;border-radius:3px;background:#b8f4d1;animation:mm-regular-wave 1s ease-in-out infinite alternate;transform-origin:center}.mm-regular-demo .mm-wave i:nth-child(2){animation-delay:-.6s;height:13px}.mm-regular-demo .mm-wave i:nth-child(3){animation-delay:-.3s;height:20px}.mm-regular-demo .mm-wave i:nth-child(4){animation-delay:-.7s;height:9px}.mm-regular-demo .mm-wave[data-live=false] i{animation:none;height:3px;background:#a5adaa}.mm-regular-demo .mm-device-column{text-align:center;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.mm-regular-demo .mm-device-label{color:#a5b4ac;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.mm-regular-demo .mm-stage{--mm-light:#ff0000;--mm-level:1;position:relative;width:min(100%,306px);height:304px;margin:0 auto;isolation:isolate}.mm-regular-demo .mm-cable{position:absolute;left:calc(50% - 6px);width:12px;top:7px;height:69px;border-radius:6px 6px 0 0;background:linear-gradient(90deg,#313536,#6f7577 38%,#44494b 72%,#272c2e);box-shadow:2px 0 3px #0004;z-index:0}.mm-regular-demo .mm-cable:after{content:"";position:absolute;left:-6px;bottom:-5px;width:24px;height:30px;border:1px solid #777c7a;border-radius:5px 5px 2px 2px;background:linear-gradient(90deg,#3a4142,#777e7e 40%,#4a5051)}.mm-regular-demo .mm-ground{position:absolute;left:4%;right:4%;top:81%;height:15%;border-radius:50%;background:#0008;filter:blur(12px)}.mm-regular-demo .mm-halo{position:absolute;left:9%;top:20%;width:82%;height:76%;border-radius:50%;background:var(--mm-light);filter:blur(28px);opacity:calc(var(--mm-level) * .48);pointer-events:none}.mm-regular-demo .mm-puck{position:absolute;left:calc(50% - 117px);top:68px;width:234px;height:234px;border-radius:50%;padding:0;background:linear-gradient(160deg,#545c58,#222928);border:1px solid #848b84;box-shadow:0 5px #858b81,0 9px #303632,0 15px 18px #0006;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overflow:visible}.mm-regular-demo .mm-rim{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;background:var(--mm-light);opacity:var(--mm-level);box-shadow:0 0 8px var(--mm-light),0 5px 18px var(--mm-light);pointer-events:none}.mm-regular-demo .mm-lens{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 1px 3px #fff9,inset 0 -2px 3px #0005;pointer-events:none}.mm-regular-demo .mm-steel{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;border:1px solid #f0f2ecca;background:repeating-linear-gradient(0deg,#fff0,#fff2 .6px,#26352c21 1.1px,#fff0 1.8px,#fff1 2.6px),linear-gradient(165deg,#727d78,#c9cec3 20%,#8d9991 38%,#e4e7dc 62%,#b3bdb2 82%,#7c8981);box-shadow:0 0 0 1px #29332c99,inset 0 1px 3px #fff7,0 3px 4px #0004;display:grid;place-items:center;overflow:hidden;pointer-events:none}.mm-regular-demo .mm-steel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 35%,#fff2 50%,transparent 67%);pointer-events:none}.mm-regular-demo .mm-engraving{width:62%;height:auto;color:#546356;opacity:.68;filter:drop-shadow(0 1px 0 #f4ffed75);pointer-events:none}.mm-regular-demo .mm-puck[data-held=true] .mm-steel{filter:brightness(1.07)}.mm-regular-demo .mm-touch-ring{position:absolute;top:29px;right:29px;bottom:29px;left:29px;border:1px solid #ffffff8c;border-radius:50%;opacity:0;transform:scale(.92);transition:opacity .12s,transform .2s;pointer-events:none}.mm-regular-demo .mm-puck[data-held=true] .mm-touch-ring{opacity:.7;transform:scale(1)}.mm-regular-demo .mm-stage[data-effect=pulse] .mm-rim{animation:mm-regular-led 1.8s ease-in-out infinite}.mm-regular-demo .mm-stage[data-effect=pulse] .mm-halo{animation:mm-regular-halo 1.8s ease-in-out infinite}.mm-regular-demo .mm-original-hardware{display:contents}.mm-regular-demo .mm-mini-hardware,.mm-regular-demo .mm-sync-hardware{display:none;pointer-events:none}.mm-regular-demo[data-selected-device=mini] .mm-original-hardware,.mm-regular-demo[data-selected-device=mutesync] .mm-original-hardware{display:none}.mm-regular-demo[data-selected-device=mini] .mm-mini-hardware,.mm-regular-demo[data-selected-device=mutesync] .mm-sync-hardware{display:block}.mm-regular-demo[data-selected-device=mini] .mm-puck,.mm-regular-demo[data-selected-device=mutesync] .mm-puck{background:none;border-color:transparent;box-shadow:none;border-radius:30px}.mm-regular-demo[data-selected-device=mini] .mm-cable{display:none}.mm-regular-demo[data-selected-device=mini] .mm-ground{left:41%;right:16%;top:68%;height:4%;border-radius:12px}.mm-regular-demo[data-selected-device=mini] .mm-halo{left:42%;top:44%;width:42%;height:26%;border-radius:12px;filter:blur(17px)}.mm-regular-demo .mm-mini-hardware{position:absolute;inset:4px 0 auto;width:234px;height:auto}.mm-regular-demo .mm-mini-model{display:block;width:100%;height:auto;overflow:visible}.mm-regular-demo .mm-mini-light{color:var(--mm-light);opacity:var(--mm-level)}.mm-regular-demo[data-selected-device=mini] .mm-puck[data-held=true] .mm-mini-touch-surface{filter:brightness(1.08)}.mm-regular-demo[data-selected-device=mutesync] .mm-cable{width:11px;left:calc(50% - 5.5px);top:0;height:89px;background:linear-gradient(90deg,#777d7e,#d7dcda 40%,#aab1ae 78%,#777e7c)}.mm-regular-demo[data-selected-device=mutesync] .mm-cable:after{width:24px;left:-6.5px;height:28px;bottom:-8px;border-color:#bac1bd;background:linear-gradient(90deg,#9ba49f,#e2e6e2 45%,#a4ada7)}.mm-regular-demo[data-selected-device=mutesync] .mm-ground{left:12%;right:12%;top:86%;height:10%;border-radius:25px}.mm-regular-demo[data-selected-device=mutesync] .mm-halo{left:12%;top:27%;width:76%;height:68%;border-radius:40px;filter:blur(28px)}.mm-regular-demo .mm-sync-hardware{position:absolute;top:14px;right:11px;bottom:8px;left:11px}.mm-regular-demo .mm-sync-shell{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:37px;background:linear-gradient(150deg,#909b94,#b9c2ba 40%,#78867c);box-shadow:0 5px #9ca69d,0 9px #4c5a50,0 14px 18px #0006}.mm-regular-demo .mm-sync-light{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:37px;background:var(--mm-light);opacity:var(--mm-level);box-shadow:inset 0 0 18px #fff6,0 0 12px var(--mm-light),0 8px 26px var(--mm-light)}.mm-regular-demo .mm-sync-lens{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:37px;background:radial-gradient(ellipse at 40% 30%,#fff3,transparent 75%);box-shadow:inset 0 2px 2px #ffffff78,inset 0 -4px 4px #4d5f493b;border:1px solid #ffffff38}.mm-regular-demo .mm-sync-key{position:absolute;left:calc(50% - 34px);top:calc(50% - 35px);width:68px;height:68px;border-radius:10px;background:linear-gradient(150deg,#303438,#15191c 80%);border:1px solid #4f5657;box-shadow:0 2px #0a0d0e,0 5px 3px #17251b9c,inset 0 1px 1px #ffffff2b;display:grid;place-items:center;transition:transform .08s,box-shadow .08s}.mm-regular-demo .mm-sync-key svg{width:38px;height:40px;fill:#919fa8;filter:drop-shadow(0 1px 0 #12191c)}.mm-regular-demo[data-selected-device=mutesync] .mm-puck[data-held=true] .mm-sync-key{transform:translateY(3px);box-shadow:0 1px #0a0d0e,0 2px 2px #17251b9c,inset 0 1px 1px #ffffff1f}.mm-regular-demo .mm-stage[data-effect=pulse] .mm-mini-light,.mm-regular-demo .mm-stage[data-effect=pulse] .mm-sync-light{animation:mm-regular-led 1.8s ease-in-out infinite}.mm-regular-demo .mm-device-details{min-height:104px;padding-top:16px;max-width:320px;margin:0 auto}.mm-regular-demo .mm-device-details p{font-size:11px;color:#aab4ae;line-height:1.6;max-width:310px;margin:0 auto 7px}.mm-regular-demo .mm-device-details a{font-size:11px;font-weight:550;line-height:1.6;color:#d9e2dc;text-decoration:underline;text-underline-offset:3px}.mm-regular-demo .mm-device-details a span{margin-left:5px}.mm-regular-demo .mm-device-detail-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.mm-regular-demo .mm-device-status{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:19px auto 0;font-size:12px;font-weight:550}.mm-regular-demo .mm-state-dot{width:7px;height:7px;border-radius:50%;background:#ef727c}.mm-regular-demo[data-microphone=live] .mm-state-dot{background:#a8edc4}.mm-regular-demo .mm-touch-hint{font-size:12px;color:#aab4ae;margin-top:7px;min-height:36px}.mm-regular-demo .mm-touch-hint span{display:block;font-size:10px;color:#86928c;margin-top:2px}.mm-regular-demo .mm-modes{padding:25px 28px;border-top:1px solid var(--mm-border);background:#292d2f}.mm-regular-demo .mm-section-label{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:13px}.mm-regular-demo .mm-section-label h3{font-size:13px;font-weight:600}.mm-regular-demo .mm-section-label p{font-size:11px;color:#aeb8b1}.mm-regular-demo .mm-mode-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.mm-regular-demo .mm-mode{padding:12px 14px;border:1px solid #ffffff1c;border-radius:10px;text-align:left;position:relative;background:#242829;transition:background .15s,border-color .15s}.mm-regular-demo .mm-mode:hover{border-color:#ffffff5c}.mm-regular-demo .mm-mode[aria-pressed=true]{border-color:#b8f4d1a8;background:#b8f4d10e}.mm-regular-demo .mm-mode strong{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:550;line-height:1.6}.mm-regular-demo .mm-mode strong i{width:6px;height:6px;border-radius:50%;border:1px solid #7a8d80;flex-shrink:0}.mm-regular-demo .mm-mode[aria-pressed=true] strong i{background:var(--mm-mint);border-color:var(--mm-mint)}.mm-regular-demo .mm-mode span{display:block;color:#a9b4ac;font-size:10px;margin-top:5px}.mm-regular-demo .mm-mode-explanation{font-size:12px;color:#c4cec7;margin-top:13px;min-height:18px}.mm-regular-demo .mm-colors{padding:23px 28px 25px;border-top:1px solid var(--mm-border)}.mm-regular-demo .mm-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mm-regular-demo .mm-color-group{min-width:0;padding:14px 15px;border:1px solid #ffffff18;border-radius:11px;background:#1e2223}.mm-regular-demo .mm-color-group[data-active=true]{border-color:#b8f4d14f}.mm-regular-demo .mm-color-group h4{display:flex;align-items:center;justify-content:space-between;color:#d5ddd8;font-size:11px;font-weight:600;margin-bottom:10px}.mm-regular-demo .mm-color-group h4 span{font-size:9px;letter-spacing:.06em;font-weight:500;text-transform:uppercase;color:#b8f4d1;visibility:hidden}.mm-regular-demo .mm-color-group[data-active=true] h4 span{visibility:visible}.mm-regular-demo .mm-color-row{display:grid;grid-template-columns:67px 1fr auto;align-items:center;gap:9px;padding:6px 0}.mm-regular-demo .mm-color-label{font-size:10px;color:#b6c0b9;line-height:1.4}.mm-regular-demo .mm-color-label span{display:block;font-size:9px;color:#81968a}.mm-regular-demo .mm-swatches{display:flex;align-items:center;gap:3px;min-width:0}.mm-regular-demo .mm-swatch{display:grid;place-items:center;width:24px;height:28px;border:1px solid transparent;border-radius:5px;padding:3px;flex-shrink:0}.mm-regular-demo .mm-swatch i{width:14px;height:14px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #ffffff26;position:relative}.mm-regular-demo .mm-swatch[data-color="#000000"] i:after{content:"";position:absolute;top:6px;left:1px;width:12px;height:1px;background:#b9c3bd;transform:rotate(-45deg)}.mm-regular-demo .mm-swatch[aria-pressed=true]{border-color:#dfe9e2;background:#ffffff10}.mm-regular-demo .mm-swatch:hover{background:#ffffff12}.mm-regular-demo .mm-effects{display:flex;gap:2px}.mm-regular-demo .mm-effects button{font-size:9px;line-height:1.4;padding:6px 5px;border:1px solid transparent;border-radius:5px;color:#aebcb2}.mm-regular-demo .mm-effects button[aria-pressed=true]{background:#b8f4d114;color:#d9f9e5;border-color:#b8f4d155}.mm-regular-demo .mm-effects button:disabled{opacity:.3}.mm-regular-demo .mm-bottom{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:15px 28px;border-top:1px solid var(--mm-border);background:#212426}.mm-regular-demo .mm-feedback{font-size:11px;line-height:1.5;color:#c1cdc5;min-height:17px}.mm-regular-demo .mm-reset{font-size:11px;text-decoration:underline;text-underline-offset:3px;color:#adb9b1;white-space:nowrap;padding:6px 0}.mm-regular-demo .mm-disclaimer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;color:#98a79d;font-size:11px}.mm-regular-demo .mm-disclaimer span:last-child{white-space:nowrap}.mm-regular-demo .mm-noscript{padding:14px;color:#ddd;font-size:13px}.mm-regular-demo .mm-noscript p+p{margin-top:8px}.mm-regular-demo .mm-noscript a{color:inherit;text-decoration:underline;text-underline-offset:3px}@keyframes mm-regular-wave{to{transform:scaleY(.35)}}@keyframes mm-regular-led{0%,to{opacity:var(--mm-level)}50%{opacity:calc(var(--mm-level) * .3)}}@keyframes mm-regular-halo{0%,to{opacity:calc(var(--mm-level) * .48)}50%{opacity:calc(var(--mm-level) * .13)}}@media(min-width:801px)and (max-width:1120px){.mm-regular-demo .mm-color-row{grid-template-columns:62px 1fr}.mm-regular-demo .mm-effects{grid-column:2}.mm-regular-demo .mm-swatches{gap:5px}.mm-regular-demo .mm-main{gap:20px;padding:24px}.mm-regular-demo .mm-mode{padding:11px}}@media(max-width:800px){.mm-regular-demo{padding:48px 18px}.mm-regular-demo .mm-intro{grid-template-columns:1fr;gap:17px}.mm-regular-demo .mm-intro-copy{max-width:560px;font-size:15px}.mm-regular-demo .mm-appbar{padding:16px 20px;flex-wrap:wrap;gap:14px}.mm-regular-demo .mm-main{grid-template-columns:1fr;gap:26px;padding:22px}.mm-regular-demo .mm-screen{width:100%;max-width:560px;margin:0 auto}.mm-regular-demo .mm-device-column{grid-row:1}.mm-regular-demo .mm-stage{height:290px}.mm-regular-demo .mm-device-status{margin-top:25px}.mm-regular-demo .mm-touch-hint{min-height:0}.mm-regular-demo .mm-modes,.mm-regular-demo .mm-colors{padding:21px}.mm-regular-demo .mm-mode-list{grid-template-columns:1fr 1fr}.mm-regular-demo .mm-color-grid{grid-template-columns:1fr;gap:12px}.mm-regular-demo .mm-color-row{grid-template-columns:70px 1fr auto}.mm-regular-demo .mm-swatch{width:27px;height:30px}.mm-regular-demo .mm-swatch i{width:16px;height:16px}.mm-regular-demo .mm-swatch[data-color="#000000"] i:after{top:7px;left:2px}.mm-regular-demo .mm-effects button{font-size:10px;padding:6px}.mm-regular-demo .mm-section-label{align-items:flex-start;gap:8px;flex-direction:column}.mm-regular-demo .mm-bottom{padding:14px 21px}.mm-regular-demo .mm-disclaimer{align-items:flex-start;flex-direction:column;gap:6px}.mm-regular-demo .mm-device-label{font-size:10px}}@media(max-width:540px){.mm-regular-demo .mm-appbar{justify-content:center}.mm-regular-demo .mm-brand{width:100%;justify-content:center}.mm-regular-demo .mm-environment{width:100%}.mm-regular-demo .mm-environment button{flex:1;padding:9px 4px}.mm-regular-demo .mm-color-row{grid-template-columns:62px 1fr;gap:3px 6px}.mm-regular-demo .mm-swatches{gap:0}.mm-regular-demo .mm-swatch{width:24px;height:30px}.mm-regular-demo .mm-effects{grid-column:2;gap:3px}.mm-regular-demo .mm-color-row+.mm-color-row{border-top:1px solid #ffffff0c;margin-top:5px;padding-top:10px}.mm-regular-demo .mm-mode-explanation{min-height:36px}.mm-regular-demo .mm-bottom{align-items:flex-start}.mm-regular-demo .mm-screenbar span{font-size:9px}.mm-regular-demo .mm-screenbar strong{font-size:11px}.mm-regular-demo .mm-idle h3{font-size:21px}.mm-regular-demo .mm-idle-emblem{width:45px;height:45px;margin-bottom:10px}.mm-regular-demo .mm-call-footer{padding:11px}.mm-regular-demo .mm-scene{aspect-ratio:1.26}}@media(max-width:370px){.mm-regular-demo{padding:40px 10px}.mm-regular-demo .mm-main{padding:18px 12px}.mm-regular-demo .mm-modes,.mm-regular-demo .mm-colors{padding:17px 12px}.mm-regular-demo .mm-color-group{padding:12px 8px}.mm-regular-demo .mm-color-row{grid-template-columns:57px 1fr;gap:5px}.mm-regular-demo .mm-swatch{width:23px}.mm-regular-demo .mm-mode{padding:10px}.mm-regular-demo .mm-mode strong{font-size:11px}.mm-regular-demo .mm-mode span{font-size:9px}.mm-regular-demo .mm-bottom{padding:13px;gap:10px}}@media(prefers-reduced-motion:reduce){.mm-regular-demo *,.mm-regular-demo *:before,.mm-regular-demo *:after{animation:none!important;transition:none!important}}.mm-regular-demo .mm-colors>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;color:var(--mm-text);font-size:15px;font-weight:600}.mm-regular-demo .mm-colors>summary::-webkit-details-marker{display:none}.mm-regular-demo .mm-colors>summary:after{content:"+";font-size:23px;font-weight:400}.mm-regular-demo .mm-colors[open]>summary:after{content:"\2212"}.mm-regular-demo .mm-colors>summary:focus-visible{outline:2px solid var(--mm-mint);outline-offset:6px}.mm-regular-demo .mm-color-summary{display:block;margin-top:5px;font-size:12px;font-weight:400;line-height:1.6;color:var(--mm-muted)}.mm-regular-demo .mm-colors[open] .mm-color-grid{margin-top:22px}@media(max-width:1000px){.mm-regular-demo .mm-device-picker{display:block}.mm-regular-demo .mm-device-picker h3{margin-bottom:12px}.mm-regular-demo .mm-device-choices{max-width:none}}@media(max-width:540px){.mm-regular-demo .mm-device-picker{padding:18px 20px}.mm-regular-demo .mm-device-choices{gap:5px}.mm-regular-demo .mm-device-choices button{padding:12px 6px;flex-direction:column;align-items:center;gap:10px;text-align:center}.mm-regular-demo .mm-device-choices strong{font-size:10px}.mm-regular-demo .mm-device-choices small{font-size:8px;min-height:24px}.mm-regular-demo .mm-device-choice-icon--mini{margin-block:5px}.mm-regular-demo .mm-device-details{min-height:104px}}@media(max-width:370px){.mm-regular-demo .mm-device-picker{padding:16px 12px}.mm-regular-demo .mm-device-choices strong{font-size:9px}.mm-regular-demo .mm-device-choices small{font-size:8px}.mm-regular-demo .mm-device-choices button{padding-inline:4px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/mm-demo-original.css.map */