.workbench-animation img{display:block;width:100%;height:100%;object-fit:contain}.workbench-animation{width:100%;margin:0;background:transparent}.workbench-animation__viewport{position:relative;display:block;width:100%;aspect-ratio:var(--workbench-ratio);border:0;padding:0;background:transparent;overflow:hidden;border-radius:16px;text-align:left}.workbench-animation__viewport:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.workbench-animation__pointer,.workbench-animation__scene{display:block;position:absolute;inset:0}.workbench-animation__scene{opacity:0}.workbench-animation__scene--nav,.workbench-animation__scene--panel,.workbench-animation__scene--saved{opacity:1}.workbench-animation__pointer{opacity:0;pointer-events:none;transform-origin:0 0}.workbench-animation__pointer svg{position:absolute;left:0;top:0;width:2%;height:auto}.workbench-animation--atlas .workbench-animation__pointer svg{width:3.6667%}.workbench-animation--atlas .workbench-animation__viewport{border-radius:0}.workbench-animation[data-armed=true] .workbench-animation__scene{animation-duration:18s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;animation-play-state:paused}.workbench-animation[data-armed=true] .workbench-animation__pointer{animation:dashboard-pointer 18s cubic-bezier(.22,1,.36,1) infinite both;animation-play-state:paused}.workbench-animation[data-armed=true] .workbench-animation__pointer svg{animation:dashboard-click 18s linear infinite both;animation-play-state:paused;transform-origin:0 0}.workbench-animation[data-armed=true] .workbench-animation__scene--view{animation-name:dashboard-view}.workbench-animation[data-armed=true] .workbench-animation__scene--edit{animation-name:dashboard-edit}.workbench-animation[data-armed=true] .workbench-animation__scene--add{animation-name:dashboard-add}.workbench-animation[data-armed=true] .workbench-animation__scene--settings{animation-name:dashboard-settings}.workbench-animation[data-armed=true] .workbench-animation__scene--saved{animation-name:dashboard-saved}.workbench-animation--atlas[data-armed=true] .workbench-animation__scene--nav{animation:none;opacity:1}.workbench-animation--atlas[data-armed=true] .workbench-animation__scene--panel{animation:atlas-entry-panel 12s cubic-bezier(.22,1,.36,1) infinite both;animation-play-state:paused}.workbench-animation--atlas[data-armed=true] .workbench-animation__pointer{animation:atlas-entry-pointer 12s cubic-bezier(.22,1,.36,1) infinite both;animation-play-state:paused}.workbench-animation--atlas[data-armed=true] .workbench-animation__pointer svg{animation:atlas-entry-click 12s linear infinite both;animation-play-state:paused}.workbench-animation[data-playing=true] .workbench-animation__pointer,.workbench-animation[data-playing=true] .workbench-animation__pointer svg,.workbench-animation[data-playing=true] .workbench-animation__scene{animation-play-state:running}.customer-dashboard .platform-example-note{font-size:13px;line-height:1.5}.workbench-animation--dashboard{max-width:380px;margin-inline:auto}.workbench-animation--dashboard .workbench-animation__pointer svg{width:4.2308%}.workbench-animation--dashboard[data-armed=true] .workbench-animation__pointer{animation-name:dashboard-pointer-phone}@keyframes dashboard-view{0%,8%,99%,to{opacity:1}9%,98%{opacity:0}}@keyframes dashboard-edit{0%,20%,61%,71%,8%,to{opacity:0}19%,62%,70%,9%{opacity:1}}@keyframes dashboard-add{0%,18%,40%,to{opacity:0}19%,39%{opacity:1}}@keyframes dashboard-settings{0%,38%,63%,to{opacity:0}39%,62%{opacity:1}}@keyframes dashboard-saved{0%,69%,to{opacity:0}71%,98%{opacity:1}70%{opacity:0;transform:translateY(8px)}73%,98%{transform:translateY(0)}}@keyframes dashboard-pointer{0%{opacity:0;transform:translate(78%,75%)}2%{opacity:1;transform:translate(78%,75%)}6%,9%{transform:translate(91.52%,4.67%)}14%,19%{transform:translate(75.98%,4.67%)}29%,39%{transform:translate(51.43%,50.44%)}46%,49%{transform:translate(50.36%,34.33%)}57%,62%{transform:translate(75.18%,83.11%)}68%,71%{opacity:1;transform:translate(95%,4.67%)}74%,to{opacity:0;transform:translate(95%,4.67%)}}@keyframes dashboard-click{0%,17%,19%,37%,39%,47%,49%,60%,62%,69%,7%,71%,9%,to{transform:scale(1)}18%,38%,48%,61%,70%,8%{transform:scale(.82)}}@keyframes atlas-entry-panel{0%,6%,to{opacity:0;transform:translateY(-10px)}10%,94%{opacity:1;transform:translateY(0)}98%{opacity:0;transform:translateY(-6px)}}@keyframes atlas-entry-pointer{0%{opacity:0;transform:translate(87%,68%)}2%{opacity:1;transform:translate(87%,68%)}4%,9%{opacity:1;transform:translate(74.75%,6.1538%)}14%,to{opacity:0;transform:translate(74.75%,6.1538%)}}@keyframes atlas-entry-click{0%,5%,8%,to{transform:scale(1)}6%{transform:scale(.82)}}@media (max-width:1199px){.workbench-animation__viewport{aspect-ratio:var(--workbench-phone-ratio)}.workbench-animation__pointer svg{width:4.2308%}.workbench-animation--atlas .workbench-animation__pointer svg{width:5.2381%}.workbench-animation[data-armed=true] .workbench-animation__pointer{animation-name:dashboard-pointer-phone}.workbench-animation--atlas[data-armed=true] .workbench-animation__pointer{animation-name:atlas-entry-pointer-phone}}@keyframes dashboard-pointer-phone{0%{opacity:0;transform:translate(76%,78%)}2%{opacity:1;transform:translate(76%,78%)}6%,9%{transform:translate(81.73%,10.5952%)}14%,19%{transform:translate(48.27%,10.5952%)}29%,39%{transform:translate(53.08%,53.0952%)}46%,49%{transform:translate(63.08%,35.5952%)}57%,62%{transform:translate(85%,85.2381%)}68%,71%{opacity:1;transform:translate(89.23%,10.5952%)}74%,to{opacity:0;transform:translate(89.23%,10.5952%)}}@keyframes atlas-entry-pointer-phone{0%{opacity:0;transform:translate(87%,68%)}2%{opacity:1;transform:translate(87%,68%)}4%,9%{opacity:1;transform:translate(63.93%,5.8824%)}14%,to{opacity:0;transform:translate(63.93%,5.8824%)}}@media (prefers-reduced-motion:reduce){.workbench-animation:not([data-forced=true]) .workbench-animation__pointer,.workbench-animation:not([data-forced=true]) .workbench-animation__pointer svg,.workbench-animation:not([data-forced=true]) .workbench-animation__scene{animation:none;transform:none}.workbench-animation:not([data-forced=true]) .workbench-animation__scene{opacity:0}.workbench-animation:not([data-forced=true]) .workbench-animation__scene--nav,.workbench-animation:not([data-forced=true]) .workbench-animation__scene--panel,.workbench-animation:not([data-forced=true]) .workbench-animation__scene--saved{opacity:1}.workbench-animation:not([data-forced=true]) .workbench-animation__pointer{opacity:0}}@media print{.workbench-animation__scene{animation:none!important;opacity:0!important;transform:none!important}.workbench-animation__scene--nav,.workbench-animation__scene--panel,.workbench-animation__scene--saved{opacity:1!important}.workbench-animation__pointer{display:none}}