.use-case-workflow-art{z-index:1;width:100%;min-width:0;max-width:100%;height:auto;max-height:100%;font-family:var(--font-archivo,Arial), Arial, sans-serif;letter-spacing:0;color:#293126;fill:currentColor;flex-shrink:0;font-style:normal;display:block;position:relative;overflow:hidden}.use-case-workflow-art text{letter-spacing:0;font-family:inherit;font-style:normal}.use-case-workflow-art .thumbnail-body{font-size:16px;font-weight:450}.use-case-workflow-art .thumbnail-title{letter-spacing:-.4px;font-size:20px;font-weight:600}.use-case-workflow-art .thumbnail-label{font-size:13px;font-weight:500}.use-case-workflow-art .thumbnail-metric{letter-spacing:-1px;font-size:28px;font-weight:600}.use-case-workflow-art .thumbnail-panel{stroke:#d0d4c3;stroke-width:1px}.use-case-workflow-art .thumbnail-panel-paper{fill:#faf9f2}.use-case-workflow-art .thumbnail-panel-green{fill:#edf2db}.use-case-workflow-art .thumbnail-panel-rose{fill:#f3e4dc}.use-case-workflow-art .thumbnail-rule{stroke:#d9ddcf;stroke-width:1px}.use-case-workflow-art .thumbnail-chip-green{fill:#dce8c4}.use-case-workflow-art .thumbnail-chip-rose{fill:#efd4c7}.use-case-workflow-art .thumbnail-chip-neutral{fill:#eaece2}.use-case-workflow-art :is(.use-case-scene,.workflow-page-preview,.workflow-connector-arrow){transition:transform var(--duration-standard,.2s) ease-in-out}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){:is(.group,.group\/workflow):hover .use-case-scene:not(:has(.workflow-connector)){transform:translateY(-2px)}:is(.group,.group\/workflow):hover .workflow-connector-arrow{transform:translate(3px)}:is(.group,.group\/workflow):hover .workflow-page-preview{transform:translateY(-8px)}}@media (prefers-reduced-motion:no-preference){:is(.group,.group\/workflow):focus-visible .use-case-scene:not(:has(.workflow-connector)){transform:translateY(-2px)}:is(.group,.group\/workflow):focus-visible .workflow-connector-arrow{transform:translate(3px)}:is(.group,.group\/workflow):focus-visible .workflow-page-preview{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.use-case-workflow-art :is(.use-case-scene,.workflow-page-preview,.workflow-connector-arrow){transition:none}}.workflow-art>.use-case-workflow-art:has(.workflow-page-preview){align-self:center;overflow:visible}.workflow-art .workflow-page-clip{height:200%}