.signature-sample-stroke[data-v-52517a7a] { stroke-dasharray: 1200; stroke-dashoffset: 1200px; animation: 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.15s 1 normal forwards running signature-sample-draw-52517a7a; }
.signature-sample-underline[data-v-52517a7a] { opacity: 0; animation: 0.35s ease-out 1.25s 1 normal forwards running signature-sample-underline-52517a7a; }
@keyframes signature-sample-draw-52517a7a { 
  100% { stroke-dashoffset: 0; }
}
@keyframes signature-sample-underline-52517a7a { 
  100% { opacity: 0.55; }
}
@media (prefers-reduced-motion: reduce) {
  .signature-sample-stroke[data-v-52517a7a], .signature-sample-underline[data-v-52517a7a] { stroke-dashoffset: 0; opacity: 0.55; animation: auto ease 0s 1 normal none running none; }
  .signature-sample-stroke[data-v-52517a7a] { opacity: 1; }
}
.drag-handle[data-v-cb927f24]:active { cursor: grabbing; }
li:hover .drag-handle[data-v-cb927f24] { color: rgb(59, 130, 246); }
@media screen {
  .dark li:hover .drag-handle[data-v-cb927f24] { color: rgb(96, 165, 250); }
}
.drop-zone-end[data-v-541f95bd] { text-align: center; background-color: rgb(249, 250, 251); border: 2px dashed rgb(209, 213, 219); border-radius: 0.75rem; margin-top: 0.625rem; padding: 1.25rem; transition: 0.2s; }
.drop-zone-end--active[data-v-541f95bd] { background-color: rgb(219, 234, 254); border-color: rgb(59, 130, 246); }
@media screen {
  .dark .drop-zone-end[data-v-541f95bd] { border-color: var(--color-brand-border-dark); background-color: var(--color-brand-beige); }
  .dark .drop-zone-end--active[data-v-541f95bd] { background-color: rgba(96, 165, 250, 0.12); border-color: rgb(96, 165, 250); }
}