.support-page .workflow-preview{align-self:start}.support-page .workflow-preview-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s .22s}.support-page .workflow-preview-slide[data-active=true]{opacity:1;visibility:visible;transition:opacity .22s ease,visibility 0s}.support-page .workflow-preview-slide picture,.support-page .workflow-preview-slide img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.support-page .workflow-preview-marker{pointer-events:none;opacity:0;transition:opacity .14s ease}.support-page .workflow-preview-media[data-pointer-active=true] .workflow-preview-marker{opacity:1}.support-page .workflow-preview-arrow{position:absolute;z-index:1;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:56px;padding:10px;border:0;border-radius:4px;background:transparent;color:var(--sp-text);filter:drop-shadow(0 1px 2px var(--sp-bg));transition:color .14s ease,opacity .14s ease}.support-page .workflow-preview-arrow--previous{left:4px}.support-page .workflow-preview-arrow--next{right:4px}.support-page .workflow-preview-arrow:hover:not([aria-disabled=true]){color:var(--sp-accent)}.support-page .workflow-preview-arrow[aria-disabled=true]{opacity:.22;cursor:default}.support-page .workflow-preview-error{padding:28px 56px;color:var(--sp-muted);font-size:14px}.support-page .workflow-preview-copy,.support-page .workflow-preview-steps li{animation:workflow-preview-fade .24s ease both}.support-page .workflow-preview-steps [aria-current=step]>span{border-color:var(--sp-accent);color:var(--sp-accent)}@keyframes workflow-preview-fade{0%{opacity:0}to{opacity:1}}.support-page .workflow-preview[data-reduced-motion=true] *{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.support-page .workflow-preview *{animation:none;transition:none}}