.demo-window[data-v-342a1dc3]{box-shadow:0 1px 2px #0f172a0a,0 24px 56px -16px #0f172a38}.demo-stage[data-v-342a1dc3]{container-type:size}.demo-result[data-v-342a1dc3]{background-color:#fff;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 0),linear-gradient(-45deg,#e2e8f0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e2e8f0 0),linear-gradient(-45deg,transparent 75%,#e2e8f0 0);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;clip-path:inset(0 100% 0 0)}.demo-blue[data-v-342a1dc3]{opacity:0}.demo-scan[data-v-342a1dc3]{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15) 35%,rgba(147,197,253,.65) 50%,hsla(0,0%,100%,.15) 65%,transparent);box-shadow:0 0 40px #3b82f659;left:0;mix-blend-mode:screen;opacity:0;transform:translate(-120%);width:18%}.demo-done[data-v-342a1dc3]{opacity:0;transform:translateY(-6px)}.demo-cursor[data-v-342a1dc3]{left:0;opacity:0;top:0;will-change:transform}.demo[data-v-342a1dc3] :is(.demo-result,.demo-found,.demo-blue,.demo-scan,.demo-swatch,.demo-editor,.demo-done,.demo-cursor){animation-duration:9s;animation-iteration-count:infinite;animation-play-state:paused;animation-timing-function:cubic-bezier(.45,0,.2,1)}.demo.is-playing[data-v-342a1dc3] :is(.demo-result,.demo-found,.demo-blue,.demo-scan,.demo-swatch,.demo-editor,.demo-done,.demo-cursor){animation-play-state:running}.demo-result[data-v-342a1dc3]{animation-name:demo-reveal-342a1dc3}.demo-found[data-v-342a1dc3]{animation-name:demo-found-342a1dc3}.demo-blue[data-v-342a1dc3]{animation-name:demo-blue-342a1dc3}.demo-scan[data-v-342a1dc3]{animation-name:demo-scan-342a1dc3;animation-timing-function:linear}.demo-swatch[data-v-342a1dc3]{animation-name:demo-swatch-342a1dc3}.demo-editor[data-v-342a1dc3]{animation-name:demo-editor-342a1dc3}.demo-done[data-v-342a1dc3]{animation-name:demo-done-342a1dc3}.demo-cursor[data-v-342a1dc3]{animation-name:demo-cursor-342a1dc3}@keyframes demo-scan-342a1dc3{0%,5%{opacity:0;transform:translate(-120%)}7%{opacity:1}28%{opacity:1;transform:translate(560%)}30%,to{opacity:0;transform:translate(560%)}}@keyframes demo-reveal-342a1dc3{0%,7%{clip-path:inset(0 100% 0 0);opacity:1}28%,88%{clip-path:inset(0 0 0 0);opacity:1}95%{clip-path:inset(0 0 0 0);opacity:0}to{clip-path:inset(0 100% 0 0);opacity:0}}@keyframes demo-found-342a1dc3{0%,42%{opacity:1}50%,to{opacity:0}}@keyframes demo-blue-342a1dc3{0%,42%{opacity:0}50%,to{opacity:1}}@keyframes demo-swatch-342a1dc3{0%,41%{box-shadow:0 0 #1868db00}44%,88%{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--sd-blue)}95%,to{box-shadow:0 0 #1868db00}}@keyframes demo-editor-342a1dc3{0%,57%{transform:scale(1)}59%{transform:scale(.92)}62%,to{transform:scale(1)}}@keyframes demo-done-342a1dc3{0%,28%{opacity:0;transform:translateY(-6px)}33%,88%{opacity:1;transform:translateY(0)}94%,to{opacity:0;transform:translateY(0)}}@keyframes demo-cursor-342a1dc3{0%,28%{opacity:0;transform:translate(72cqw,30cqh)}32%{opacity:1;transform:translate(72cqw,30cqh)}40%{opacity:1;transform:translate(23px,calc(100cqh - 29.5px)) scale(1)}42%{transform:translate(23px,calc(100cqh - 29.5px)) scale(.86)}45%{opacity:1;transform:translate(23px,calc(100cqh - 29.5px)) scale(1)}57%{opacity:1;transform:translate(calc(100cqw - 42px),calc(100cqh - 28.5px)) scale(1)}59%{transform:translate(calc(100cqw - 42px),calc(100cqh - 28.5px)) scale(.86)}62%{opacity:1;transform:translate(calc(100cqw - 42px),calc(100cqh - 28.5px)) scale(1)}70%,to{opacity:0;transform:translate(calc(100cqw - 70px),calc(100cqh - 60px))}}@media (prefers-reduced-motion:reduce){.demo[data-v-342a1dc3] :is(.demo-result,.demo-found,.demo-blue,.demo-scan,.demo-swatch,.demo-editor,.demo-done,.demo-cursor){animation:none}.demo-result[data-v-342a1dc3]{clip-path:none}.demo-found[data-v-342a1dc3]{opacity:0}.demo-blue[data-v-342a1dc3]{opacity:1}.demo-swatch[data-v-342a1dc3]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--sd-blue)}}