.m3d-intro{max-width:66ch;margin:14px 0 28px;color:var(--muted);font-size:16px;line-height:1.6}.m3d-stage{position:relative;height:520px;margin:0;overflow:hidden;background:var(--grey-1);border-radius:var(--r-l)}.m3d-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;opacity:0}.m3d-stage canvas:active{cursor:grabbing}.m3d-stage.is-ready canvas{opacity:1}.m3d-poster{position:absolute;inset:0;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;pointer-events:none}.m3d-stage.is-ready .m3d-poster{display:none}.m3d-fail{position:absolute;left:0;right:0;top:12px;margin:0;padding:0 16px;color:var(--muted-2);font-size:14px;text-align:center}.m3d-stage:not(.is-fallback) .m3d-fail{display:none}.m3d-ctrl{max-width:360px;margin:14px auto 0;color:var(--muted)}.m3d-ctrl-txt{margin:2px 0 0;font-size:12px;text-align:center}.m3d-range{display:block;width:100%;height:24px;margin:0;background:#fff0;cursor:pointer;-webkit-appearance:none;appearance:none}.m3d-range::-webkit-slider-runnable-track{height:2px;background:linear-gradient(var(--field) 0 0) center / calc(100% - 22px) 100% no-repeat}.m3d-range::-moz-range-track{height:2px;background:linear-gradient(var(--field) 0 0) center / calc(100% - 22px) 100% no-repeat}.m3d-range::-webkit-slider-thumb{width:22px;height:22px;margin-top:-10px;border:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%232f6fb0'/%3E%3Cpath d='m13.5 7.5-4.5 4.5 4.5 4.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 22px no-repeat;-webkit-appearance:none;appearance:none}.m3d-range::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%232f6fb0'/%3E%3Cpath d='m13.5 7.5-4.5 4.5 4.5 4.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 22px no-repeat}.m3d-ctrl.is-closed .m3d-range::-webkit-slider-thumb{transform:scaleX(-1)}.m3d-ctrl.is-closed .m3d-range::-moz-range-thumb{transform:scaleX(-1)}.m3d-range:focus-visible{outline:2px solid var(--blue-strong);outline-offset:3px;border-radius:2px}.m3d-calls{position:absolute;inset:0;display:flex;justify-content:space-between;opacity:0;pointer-events:none}.m3d-lines{position:absolute;inset:0;width:100%;height:100%}.m3d-lines path{fill:none;stroke:var(--navy);stroke-width:1;stroke-linejoin:round}.m3d-lines .halo{stroke:#fff;stroke-width:3;opacity:.8}.m3d-lines circle{fill:var(--navy);stroke:#fff;stroke-width:1.5}.m3d-col{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;width:220px;margin:0 12px;padding-bottom:28px}.m3d-call{padding:10px 12px;border:1px solid var(--navy);border-radius:var(--r-m);background:#fff;color:var(--muted-2);font-size:13px;line-height:1.45;pointer-events:auto;cursor:default}.m3d-call b{display:block;margin-bottom:2px;color:var(--navy);font-weight:600}.m3d-call.is-active{border-color:var(--blue-strong)}.m3d-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:0 24px;margin-top:24px;counter-reset:parte}.m3d-legend li{display:grid;grid-template-columns:22px minmax(0,1fr);align-content:start;gap:2px 10px;padding:9px 6px;border-top:1px solid var(--line);color:var(--muted-2);font-size:14px;line-height:1.45;cursor:default;transition:background .15s,color .15s}.m3d-legend li::before{counter-increment:parte;content:counter(parte);grid-row:1 / 3;width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:700;line-height:22px;text-align:center}.m3d-legend b{color:var(--navy);font-weight:600}.m3d-legend li.is-active{background:var(--grey-3);color:var(--navy)}.m3d-legend li.is-active::before{background:var(--blue-strong)}@media (min-width:901px){.m3d.has-calls .m3d-legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media (max-width:900px){.m3d-calls{display:none}.m3d-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.m3d-stage{height:360px}.m3d-legend{grid-template-columns:minmax(0,1fr)}}