.sl-mark{--sl-size:160px;--sl-a:#64ffda;--sl-b:#a0c4e8;--sl-speed:1;--sl-churn:6.5s;--sl-scan-dur:2s;--sl-pulse-dur:2.6s;--sl-fill-dur:2.2s;--sl-stroke:.9;width:var(--sl-size);aspect-ratio:67.2/21.5;filter:saturate(1.1)brightness(1.1);-webkit-user-select:none;user-select:none;display:block;position:relative}.sl-mark svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.sl-layer{transform-box:fill-box;transform-origin:50%;mix-blend-mode:difference;animation:sl-rotate calc(var(--sl-churn) / var(--sl-speed)) linear infinite}.sl-layer.l2{animation-duration:calc(10s / var(--sl-speed));mix-blend-mode:color-dodge;opacity:.85;animation-direction:reverse}.sl-layer.l3{animation-duration:calc(4.2s / var(--sl-speed));opacity:.55}@keyframes sl-rotate{to{transform:rotate(360deg)}}.sl-light{fill:#ffffff8c;filter:blur(2.4px);animation:sl-pulse calc(var(--sl-pulse-dur) / var(--sl-speed)) ease-in-out infinite}@keyframes sl-pulse{0%,to{opacity:.85}50%{opacity:.1}}.sl-scan{mix-blend-mode:screen;animation:sl-scan calc(var(--sl-scan-dur) / var(--sl-speed)) cubic-bezier(.4, 0, .2, 1) infinite}@keyframes sl-scan{0%{transform:translate(-30px)}to{transform:translate(100px)}}.sl-revealRect{transform-box:fill-box;transform-origin:0%;transform:scaleX(1)}@keyframes sl-load{0%{transform:scaleX(0)}60%{transform:scaleX(1)}to{transform:scaleX(1)}}.sl-leadEdge{fill:var(--sl-a);transform-box:fill-box}@keyframes sl-leadmove{0%{opacity:0;transform:translate(0)}8%{opacity:1}58%{opacity:1;transform:translate(64px)}72%{opacity:0}to{opacity:0;transform:translate(64px)}}.sl-outline{fill:none;stroke-width:var(--sl-stroke,.9);stroke-linejoin:round;stroke-linecap:round}.sl-outline[data-draw]{stroke-dasharray:var(--sl-len);stroke-dashoffset:var(--sl-len);animation:sl-draw calc(2.8s / var(--sl-speed)) cubic-bezier(.32, .72, 0, 1) infinite}@keyframes sl-draw{0%{stroke-dashoffset:var(--sl-len)}55%{stroke-dashoffset:0}90%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.sl-mark[data-state=generating] .sl-revealRect{animation:sl-load calc(var(--sl-fill-dur) / var(--sl-speed)) cubic-bezier(.45, 0, .55, 1) infinite}.sl-mark[data-state=generating] .sl-leadEdge{animation:sl-leadmove calc(var(--sl-fill-dur) / var(--sl-speed)) cubic-bezier(.45, 0, .55, 1) infinite}.sl-mark[data-state=complete] .sl-layer,.sl-mark[data-state=complete] .sl-light,.sl-mark[data-state=complete] .sl-scan,.sl-mark[data-state=complete] .sl-revealRect,.sl-mark[data-state=complete] .sl-leadEdge,.sl-mark[data-state=complete] .sl-outline{animation-play-state:paused}.sl-mark[data-state=still] .sl-layer,.sl-mark[data-state=still] .sl-light,.sl-mark[data-state=still] .sl-scan,.sl-mark[data-state=still] .sl-revealRect,.sl-mark[data-state=still] .sl-leadEdge,.sl-mark[data-state=still] .sl-outline{animation:none}.sl-mark[data-state=still] .sl-light{opacity:.5}.sl-mark[data-state=still] .sl-scan,.sl-mark[data-state=still] .sl-leadEdge{opacity:0}.sl-mark[data-state=still] .sl-outline[data-draw]{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.sl-mark[data-state] .sl-layer,.sl-mark[data-state] .sl-light,.sl-mark[data-state] .sl-scan,.sl-mark[data-state] .sl-leadEdge,.sl-mark[data-state] .sl-outline{animation:none}.sl-mark[data-state] .sl-revealRect{animation:none;transform:scaleX(1)}.sl-mark .sl-light{opacity:.5}.sl-mark .sl-scan,.sl-mark .sl-leadEdge{opacity:0}.sl-mark .sl-outline[data-draw]{stroke-dashoffset:0}}