.mrs-demo{background:transparent;box-sizing:border-box;overflow:hidden;padding:24px clamp(12px,3vw,60px) 32px;width:100%}.mrs-scene{display:block;height:auto;margin:0 auto;max-width:1600px;width:100%}.mrs-tiles{pointer-events:none}@media(max-width:600px){.mrs-demo{padding:28px 4px}}.mrs-lane{outline:none;pointer-events:none}.mrs-hit{cursor:default;fill:transparent;pointer-events:all}.mrs-lane image{pointer-events:none}.mrs-lift{transition:transform .8s cubic-bezier(.25,.8,.25,1)}.mrs-frost{opacity:1}.mrs-blue{opacity:0;transition:opacity .4s ease-in-out}.mrs-lane:focus-visible .mrs-lift{transform:translateY(-16px)}.mrs-lane:focus-visible .mrs-blue{opacity:1}.mrs-lane:focus-visible .mrs-hit{stroke:#a8d5ff;stroke-width:4}@media(hover:hover){.mrs-lane:hover .mrs-lift{transform:translateY(-16px)}.mrs-lane:hover .mrs-blue{opacity:1}}@media(prefers-reduced-motion:reduce){.mrs-lift{transform:none!important}.mrs-blue,.mrs-frost,.mrs-lift{transition:none}}.mrs-small-lift{transition:transform .8s cubic-bezier(.25,.8,.25,1)}.mrs-lane:focus-visible .mrs-small-lift{transform:translateY(-8px)}@media(hover:hover){.mrs-lane:hover .mrs-small-lift{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.mrs-small-lift{transform:none!important;transition:none}}.mrs-tooltip{border-radius:12px;color:#fff;font:var(--fw-btn,400) var(--fs-btn,14px)/1.6 var(--ff-btn,Inter,Arial,sans-serif);left:0;letter-spacing:var(--ls-btn,0);max-width:min(260px,calc(100vw - 24px));opacity:0;padding:9px 15px;pointer-events:none;position:absolute;text-align:center;top:0;z-index:100}.mrs-tooltip.is-visible{opacity:1}.mrs-tooltip{background:transparent;box-shadow:none;box-sizing:border-box;isolation:isolate;white-space:pre-line;width:max-content}.mrs-tooltip:after{display:none}.mrs-tooltip:before{background:rgba(0,0,0,.85);clip-path:var(--bubble-shape);content:"";inset:-7px 0;position:absolute;z-index:-1}.mrs-tooltip .mrs-bubble-outline{height:calc(100% + 14px);left:0;overflow:visible;pointer-events:none;position:absolute;top:-7px;width:100%;z-index:0}.mrs-tooltip{text-wrap:balance}.mrs-tooltip[hidden]{display:none}.mrs-demo{padding:40px 80px 32px}.mrs-scene{max-width:none;overflow:visible}.mrs-marker{pointer-events:none}.mrs-marker-body{transform-origin:0 0;transition:transform .24s ease}.mrs-lane:focus-visible .mrs-marker-body{transform:scale(1.1)}@media(hover:hover){.mrs-lane:hover .mrs-marker-body{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.mrs-marker-body{transition:none}}@media(max-width:400px){.mrs-demo{padding-inline:24px}}.mrs-lane .mrs-robot{cursor:default;pointer-events:visiblePainted}.mrs-tooltip-title{display:block;font-weight:700;text-transform:uppercase}.mrs-tooltip-description{display:block;line-height:1.4;margin-top:3px;max-width:220px}.mrs-tooltip-right{transform:translate(7px,-50%) scale(.94)}.mrs-tooltip-right.is-visible{transform:translateY(-50%) scale(1)}.mrs-tooltip-right:before{border:1px solid hsla(0,0%,100%,.3);border-radius:12px;clip-path:none;inset:0}.mrs-tooltip-right:after{background:rgba(0,0,0,.85);border-bottom:1px solid hsla(0,0%,100%,.3);border-left:1px solid hsla(0,0%,100%,.3);content:"";display:block;height:10px;left:-6px;position:absolute;top:calc(50% - 5px);transform:rotate(45deg);width:10px;z-index:-1}.mrs-tooltip-right .mrs-bubble-outline{display:none}.mrs-lane:focus-visible .mrs-marker-body,.mrs-lane:hover .mrs-marker-body,.mrs-marker-body{transform:none;transition:none}@media(prefers-reduced-motion:reduce){.mrs-tooltip{transition:none}}.mrs-float{transform:none}.mrs-lane:focus-visible .mrs-lift,.mrs-lane:hover .mrs-lift,.mrs-lift{transform:none!important;transition:none}.mrs-tooltip{transform:translate(-50%,calc(-100% + 7px)) scale(.94);transition:opacity .16s ease,transform .28s cubic-bezier(.22,1.3,.36,1)}.mrs-tooltip.is-visible{transform:translate(-50%,-100%) scale(1)}@media(prefers-reduced-motion:reduce){.mrs-tooltip{transition:none}}.mrs-lane .mrs-workflow-object{cursor:default;pointer-events:visiblePainted}.mrs-tooltip-title{text-transform:none}.mrs-tooltip-description:empty{display:none}.mrs-lane .mrs-lift,.mrs-lane .mrs-small-lift{filter:grayscale(0);transition:filter .4s ease-in-out}@media(hover:hover){.mrs-tiles:has(.mrs-lane:hover) .mrs-lane:not(:hover) .mrs-blue{opacity:0}.mrs-tiles:has(.mrs-lane:hover) .mrs-lane:not(:hover) .mrs-lift,.mrs-tiles:has(.mrs-lane:hover) .mrs-lane:not(:hover) .mrs-small-lift{filter:grayscale(1)}}.mrs-tiles:not(:has(.mrs-lane:hover)):has(.mrs-lane:focus-visible) .mrs-lane:not(:focus-visible) .mrs-blue{opacity:0}.mrs-tiles:not(:has(.mrs-lane:hover)):has(.mrs-lane:focus-visible) .mrs-lane:not(:focus-visible) .mrs-lift,.mrs-tiles:not(:has(.mrs-lane:hover)):has(.mrs-lane:focus-visible) .mrs-lane:not(:focus-visible) .mrs-small-lift{filter:grayscale(1)}@media(prefers-reduced-motion:reduce){.mrs-lane .mrs-lift,.mrs-lane .mrs-small-lift{transition:none}}.mrs-lane .mrs-small-lift{transition:filter .4s ease-in-out,transform .8s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion:reduce){.mrs-lane .mrs-small-lift{transition:none}}.mrs-lane .mrs-lift,.mrs-lane .mrs-small-lift{filter:none!important}.mrs-robot,.mrs-workflow-object{filter:grayscale(0);transition:filter .4s ease-in-out}@media(hover:hover){.mrs-tiles:has(.mrs-lane:hover) .mrs-lane:not(:hover) .mrs-robot,.mrs-tiles:has(.mrs-lane:hover) .mrs-lane:not(:hover) .mrs-workflow-object{filter:grayscale(1)}}.mrs-tiles:not(:has(.mrs-lane:hover)):has(.mrs-lane:focus-visible) .mrs-lane:not(:focus-visible) .mrs-robot,.mrs-tiles:not(:has(.mrs-lane:hover)):has(.mrs-lane:focus-visible) .mrs-lane:not(:focus-visible) .mrs-workflow-object{filter:grayscale(1)}@media(prefers-reduced-motion:reduce){.mrs-robot,.mrs-workflow-object{transition:none}}.mrs-workflow-tooltip .mrs-tooltip-title{font-weight:400}.mrs-front-tooltip:before{background:#0f68ab}.mrs-front-tooltip{max-width:180px}@media(min-width:961px){.mrs-front-hover{display:none!important}.mrs-front-permanent{font-size:14px;max-width:150px;padding:8px 11px}}@media(max-width:960px){.mrs-front-permanent{display:none!important}}.mrs-frost{filter:brightness(.88)}.mrs-connections{transition:stroke .3s ease}@media(hover:hover){.mrs-lane:hover .mrs-connections{stroke:#e8f8ff}}.mrs-lane:focus-visible .mrs-connections{stroke:#e8f8ff}.mrs-tooltip .mrs-bubble-outline path{stroke:var(--bubble-border,hsla(0,0%,100%,.3))}.mrs-tooltip-right:before{border-color:var(--bubble-border,hsla(0,0%,100%,.3))}.mrs-tooltip-right:after{border-bottom-color:var(--bubble-border,hsla(0,0%,100%,.3));border-left-color:var(--bubble-border,hsla(0,0%,100%,.3))}@media(min-width:720px) and (max-width:960px){.mrs-demo{padding-inline:40px}}@media(max-width:719px){.mrs-demo{padding-inline:10px}}.mrs-tooltip-close{display:none}@media(max-width:960px){.mrs-lane .mrs-marker{cursor:pointer;pointer-events:all}.mrs-tooltip{pointer-events:auto}.mrs-tooltip:has(.mrs-tooltip-close){padding-right:38px}.mrs-tooltip-close{background:transparent;border:0;border-radius:50%;color:#fff;cursor:pointer;display:block;font:400 20px/24px Arial,sans-serif;height:26px;padding:0;pointer-events:auto;position:absolute;right:10px;top:7px;width:24px;z-index:3}.mrs-tooltip-close:focus-visible{outline:2px solid #a1d2ff}}@media(max-width:719px){.mrs-tooltip-mobile-bottom,.mrs-tooltip-mobile-bottom.is-visible{text-align:center;transform:translateX(-50%)}.mrs-tooltip-mobile-bottom:before{border:1px solid var(--bubble-border,hsla(0,0%,100%,.3));border-radius:12px;clip-path:none;inset:0}.mrs-tooltip-mobile-bottom .mrs-bubble-outline,.mrs-tooltip-mobile-bottom:after{display:none}.mrs-tooltip-mobile-bottom:has(.mrs-tooltip-close){padding:9px 15px}.mrs-tooltip-mobile-bottom .mrs-tooltip-close{left:calc(100% + 8px);right:auto;top:calc(50% - 13px)}.mrs-demo{padding-bottom:115px}.mrs-tooltip-mobile-bottom{transform:translateX(-50%);transition:opacity .2s ease}.mrs-tooltip-mobile-bottom.is-visible{transform:translateX(-50%)}.mrs-front-tooltip{white-space:normal}.mrs-demo .mrs-float,.mrs-demo .mrs-lift,.mrs-demo .mrs-small-lift{transform:none!important;transition:none!important;translate:none!important}.mrs-tooltip-mobile-bottom .mrs-tooltip-close{top:7px}.mrs-tooltip-mobile-bottom.mrs-tooltip-single-line .mrs-tooltip-close{top:calc(50% - 13px)}.mrs-demo .mrs-lane .mrs-blue{opacity:0!important}.mrs-demo .mrs-lane.is-selected .mrs-blue{opacity:1!important}.mrs-demo .mrs-lane.is-selected .mrs-connections{stroke:#e8f8ff}.mrs-demo .mrs-lane.is-selected .mrs-robot,.mrs-demo .mrs-lane.is-selected .mrs-workflow-object{filter:none!important}}.mrs-demo .mrs-marker.is-active-marker .mrs-marker-body{transform:scale(1.25)!important}.mrs-marker.is-active-marker .mrs-marker-body path{fill:#00a3e0}.mrs-marker-active-fill{display:none}.mrs-marker.is-active-marker .mrs-marker-active-fill{display:block}@media(min-width:961px){.mrs-front-permanent{font-size:14px}}.mrs-marker-overlay{pointer-events:none}@media(max-width:960px){.mrs-marker-overlay use{cursor:pointer;pointer-events:all}}.mrs-marker-control{cursor:pointer;outline:none;pointer-events:all}.mrs-marker-control:focus-visible use{filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 3px #fff)}.mrs-tooltip-close{background:transparent;border:0;color:#fff;cursor:pointer;display:block;font:400 20px/24px Arial,sans-serif;height:26px;padding:0;position:absolute;right:8px;top:7px;width:26px;z-index:3}.mrs-tooltip:has(.mrs-tooltip-close){padding-right:40px}.mrs-tooltip-close:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:719px){.mrs-tooltip-mobile-bottom:has(.mrs-tooltip-close){padding:9px 15px}}@media(prefers-reduced-motion:reduce){.mrs-demo *,.mrs-tooltip{animation:none!important;transition:none!important}}.mrs-front-hover.is-pinned{display:block!important}.mrs-tooltip-close{pointer-events:auto}.mrs-sr-only{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.mrs-marker-body{filter:drop-shadow(0 0 1px #080d12)}.mrs-marker-control:focus-visible{filter:drop-shadow(0 0 2px #080d12) drop-shadow(0 0 4px #fff)}.mrs-tooltip{overflow-wrap:anywhere}@media(forced-colors:active){.mrs-tooltip-right:after,.mrs-tooltip:before{background:Canvas;border-color:CanvasText}.mrs-tooltip,.mrs-tooltip-close{color:CanvasText}.mrs-marker-body path{fill:ButtonText!important}.mrs-marker-control:focus-visible{outline:2px solid Highlight}}.mrs-marker-body{filter:none}.mrs-marker-active-fill{display:block;fill:#0f68ab}.mrs-marker.is-active-marker .mrs-marker-active-fill{fill:#fff}.mrs-marker-control:focus-visible use{filter:drop-shadow(0 0 2px #0F68AB) drop-shadow(0 0 3px #fff)}.mrs-marker-control:focus-visible{filter:none}@media(min-width:961px){.mrs-tooltip-close{display:none}.mrs-tooltip:has(.mrs-tooltip-close){padding:9px 15px}.mrs-front-hover.is-pinned,.mrs-tooltip .mrs-tooltip-close{display:none!important}}.mrs-front-permanent.has-keyboard-focus{outline:2px solid #fff;outline-offset:4px}@media(min-width:720px){.mrs-tooltip.mrs-tooltip-right{transform:translate(7px,-50%) scale(.94)}.mrs-tooltip.mrs-tooltip-right.is-visible{transform:translateY(-50%) scale(1)}}@media(max-width:719px){.mrs-tooltip-mobile-bottom .mrs-tooltip-close{background:transparent;border:0;border-radius:50%;box-shadow:none;color:#fff;font:400 20px/24px Arial,sans-serif;height:26px;left:calc(100% + 15px);padding:0;right:auto;transition:background-color .2s ease;width:auto}.mrs-tooltip-mobile-bottom .mrs-tooltip-close:active,.mrs-tooltip-mobile-bottom .mrs-tooltip-close:hover{background:transparent;box-shadow:none}.mrs-tooltip-mobile-bottom .mrs-tooltip-close:focus-visible{outline:2px solid #a1d2ff}}.mrs-marker-touch-target{pointer-events:all;touch-action:manipulation}.mrs-demo{overflow:visible;overflow-x:clip;overflow-y:visible;padding-top:60px}.mrs-demo,.mrs-grid-image,.mrs-scene{pointer-events:none}@media(max-width:719px){.mrs-demo{padding-top:40px}}body:has(.mrs-demo){isolation:isolate}.mrs-demo{isolation:auto;position:relative;z-index:auto}.mrs-grid-layer{left:80px;pointer-events:none;position:absolute;right:80px;top:60px;z-index:-1}.mrs-grid-layer svg{display:block;height:auto;overflow:visible;pointer-events:none;width:100%}@media(min-width:720px) and (max-width:960px){.mrs-grid-layer{left:40px;right:40px}}@media(max-width:719px){.mrs-grid-layer{left:10px;right:10px;top:40px}}