.mm-diagram{background:var(--mm-bg);border-bottom:1px solid var(--mm-line);padding-block:var(--mm-s10) var(--mm-s9);isolation:isolate}.mm-diagram__head{max-width:52ch;margin-bottom:var(--mm-s10)}.mm-diagram__lede{margin-top:var(--mm-s4)}.mm-diagram__stage{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,2.3fr) minmax(0,.95fr);gap:0 var(--mm-s5);align-items:stretch;max-width:1340px;margin-inline:auto}.mm-diagram__col{position:relative;min-height:100%}.mm-diagram__figure{margin:0;align-self:start}.mm-diagram__plate{position:relative;aspect-ratio:1536 / 1024}.mm-diagram__img{display:block;width:100%;height:100%;object-fit:contain}.mm-diagram__lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.mm-diagram__leaders path{stroke:var(--mm-line-strong);stroke-width:2;vector-effect:non-scaling-stroke}.mm-diagram__anchors circle{fill:var(--mm-accent-light);stroke:var(--mm-bg);stroke-width:2.5;vector-effect:non-scaling-stroke}.mm-diagram__mark{position:absolute;width:14px;height:14px;border:0 solid var(--mm-line);z-index:2}.mm-diagram__mark--tl{top:0;left:0;border-top-width:1px;border-left-width:1px}.mm-diagram__mark--tr{top:0;right:0;border-top-width:1px;border-right-width:1px}.mm-diagram__mark--bl{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.mm-diagram__mark--br{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}.mm-diagram__caption{margin-top:var(--mm-s4);text-align:center}.mm-diagram__callout{position:absolute;top:var(--mm-callout-y);transform:translateY(-50%);display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--mm-s3);width:100%}.mm-diagram__col--left .mm-diagram__callout{right:0;text-align:right;grid-template-columns:minmax(0,1fr) auto}.mm-diagram__col--left .mm-diagram__num{order:2}.mm-diagram__col--left .mm-diagram__text{order:1}.mm-diagram__col--right .mm-diagram__callout{left:0}.mm-diagram__num{font-family:var(--mm-mono);font-size:var(--mm-t-mono);font-weight:600;letter-spacing:.1em;color:var(--mm-accent-light);padding-top:5px}.mm-diagram__title{color:var(--mm-text);margin-bottom:var(--mm-s2)}.mm-diagram__body{margin:0;font-size:var(--mm-t-small);line-height:1.55;color:var(--mm-text-soft);text-wrap:pretty}@media(max-width:899px){.mm-diagram{padding-block:var(--mm-s9) var(--mm-s8)}.mm-diagram__head{margin-bottom:var(--mm-s8)}.mm-diagram__stage{grid-template-columns:minmax(0,1fr);gap:var(--mm-s7)}.mm-diagram__figure{order:-1}.mm-diagram__lines,.mm-diagram__mark{display:none}.mm-diagram__col{display:grid;gap:var(--mm-s6);min-height:0}.mm-diagram__callout{position:static;transform:none;top:auto;right:auto;left:auto;text-align:left;grid-template-columns:auto minmax(0,1fr);gap:var(--mm-s4);padding-top:var(--mm-s4);border-top:1px solid var(--mm-line)}.mm-diagram__col--left .mm-diagram__callout{text-align:left;grid-template-columns:auto minmax(0,1fr)}.mm-diagram__col--left .mm-diagram__num,.mm-diagram__col--left .mm-diagram__text{order:0}.mm-diagram__body{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/mm-device-diagram.css.map */
