.demo-window[data-v-f099deff]{box-shadow:0 1px 2px #0f172a0a,0 24px 56px -16px #0f172a38}.demo-stage[data-v-f099deff]{container-type:size}.demo-canvas[data-v-f099deff]{aspect-ratio:1;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;border-radius:10px;box-shadow:0 1px 2px #0f172a14,0 16px 36px -14px #0f172a66;height:76%;left:50%;overflow:hidden;top:46%;transform:translate(-50%,-50%)}.demo-fill[data-v-f099deff]{background:#fff7e8;opacity:0}.demo-final[data-v-f099deff]{opacity:0}.demo-swatch.is-paper[data-v-f099deff]{box-shadow:0 0 #155dfc}.demo-done[data-v-f099deff]{opacity:0;transform:translate(-50%,8px)}.demo-cursor[data-v-f099deff]{left:0;opacity:0;top:0;will-change:transform}.demo[data-v-f099deff] :is(.demo-fill,.demo-stamp,.demo-final,.demo-swatch.is-paper,.demo-texture,.demo-done,.demo-cursor){animation-duration:8s;animation-iteration-count:infinite;animation-play-state:paused;animation-timing-function:cubic-bezier(.45,0,.2,1)}.demo.is-playing[data-v-f099deff] :is(.demo-fill,.demo-stamp,.demo-final,.demo-swatch.is-paper,.demo-texture,.demo-done,.demo-cursor){animation-play-state:running}.demo-fill[data-v-f099deff]{animation-name:demo-fill-f099deff}.demo-stamp[data-v-f099deff]{animation-name:demo-margin-f099deff}.demo-final[data-v-f099deff]{animation-name:demo-final-f099deff}.demo-swatch.is-paper[data-v-f099deff]{animation-name:demo-swatch-f099deff}.demo-texture[data-v-f099deff]{animation-name:demo-texture-f099deff}.demo-done[data-v-f099deff]{animation-name:demo-done-f099deff}.demo-cursor[data-v-f099deff]{animation-name:demo-cursor-f099deff}@keyframes demo-fill-f099deff{0%,20%{opacity:0}28%,88%{opacity:1}96%,to{opacity:0}}@keyframes demo-margin-f099deff{0%,30%{transform:scale(1)}44%,88%{transform:scale(var(--stamp-share))}96%,to{transform:scale(1)}}@keyframes demo-final-f099deff{0%,57%{opacity:0}66%,88%{opacity:1}96%,to{opacity:0}}@keyframes demo-swatch-f099deff{0%,18%{box-shadow:0 0 #155dfc}21%,88%{box-shadow:0 0 0 2px #fff,0 0 0 4px #155dfc}96%,to{box-shadow:0 0 #155dfc}}@keyframes demo-texture-f099deff{0%,54%{background-color:#fff;color:#334155;transform:scale(1)}56%{transform:scale(.92)}59%,88%{background-color:#155dfc;color:#fff;transform:scale(1)}96%,to{background-color:#fff;color:#334155;transform:scale(1)}}@keyframes demo-done-f099deff{0%,64%{opacity:0;transform:translate(-50%,8px)}68%,88%{opacity:1;transform:translate(-50%)}94%,to{opacity:0;transform:translate(-50%)}}@keyframes demo-cursor-f099deff{0%{opacity:0;transform:translate(82cqw,30cqh)}5%{opacity:1;transform:translate(82cqw,30cqh)}17%{opacity:1;transform:translate(44px,calc(100cqh - 62px)) scale(1)}19%{transform:translate(44px,calc(100cqh - 62px)) scale(.86)}22%{transform:translate(44px,calc(100cqh - 62px)) scale(1)}50%{transform:translate(28px,calc(100cqh - 27px)) scale(1)}56%{transform:translate(28px,calc(100cqh - 27px)) scale(.86)}59%{opacity:1;transform:translate(28px,calc(100cqh - 27px)) scale(1)}66%,to{opacity:0;transform:translate(70px,calc(100cqh - 8px))}}@media (prefers-reduced-motion:reduce){.demo[data-v-f099deff] :is(.demo-fill,.demo-stamp,.demo-final,.demo-swatch.is-paper,.demo-texture,.demo-done,.demo-cursor){animation:none}.demo-fill[data-v-f099deff],.demo-final[data-v-f099deff]{opacity:1}.demo-stamp[data-v-f099deff]{transform:scale(var(--stamp-share))}}