.sw-story-mock{container:sw-stage / inline-size}@container sw-stage (max-width: 559.98px){.sw-hide-sm{display:none!important}}@container sw-stage (max-width: 759.98px){.sw-hide-md{display:none!important}}@container sw-stage (min-width: 560px){.sw-only-sm{display:none!important}}@container sw-stage (min-width: 760px){.sw-only-md{display:none!important}}.sw-story[data-playing=false] .sw-story-mock *,.sw-story[data-playing=false] .sw-story-mock *:before,.sw-story[data-playing=false] .sw-story-mock *:after{animation-play-state:paused!important}@keyframes sw-story-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sw-story-fill{transform-origin:left center;transform:scaleX(0)}.sw-story-fill[data-state=past],.sw-story-fill[data-state=hold]{transform:scaleX(1)}.sw-story-fill[data-state=run]{animation:sw-story-fill var(--sw-beat-ms, 2s) linear forwards}@keyframes sw-flow{0%{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}.sw-flow-dots{opacity:0;transition:opacity .35s cubic-bezier(.16,1,.3,1)}.sw-flow-dots[data-active=true]{opacity:1}.sw-flow-dot{offset-path:var(--sw-flow-path);offset-rotate:0deg;offset-distance:var(--sw-flow-at, 50%);animation:sw-flow var(--sw-flow-dur, 2.4s) linear infinite;animation-delay:var(--sw-flow-delay, 0s);animation-play-state:paused}.sw-flow-dots[data-running=true] .sw-flow-dot{animation-play-state:running}@supports not (offset-distance: 0%){.sw-flow-dots{display:none}}@keyframes sw-scan{0%{transform:translateY(-62%)}to{transform:translateY(62%)}}.sw-scan{background:linear-gradient(180deg,transparent 0%,transparent 30%,rgb(var(--ui-brand) / .07) 40%,rgb(var(--ui-brand) / .2) 50%,rgb(var(--ui-brand) / .07) 60%,transparent 70%,transparent 100%);mix-blend-mode:multiply;animation:sw-scan 1.6s cubic-bezier(.45,0,.55,1) infinite alternate}@media (prefers-reduced-motion: reduce){.sw-scan{animation:none;opacity:0}.sw-story-fill[data-state=run]{animation:none;transform:scaleX(1)}.sw-flow-dot{animation:none!important;opacity:1}}
