:root {
  --bs-primary: #921b9b;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.progress {
  --bs-progress-bar-bg: var(--bs-primary);
}

#signwrapper {
  filter: drop-shadow(5px 5px 5px #00000088);
}

#signature {
  stroke-dasharray: 282;
  stroke-dashoffset: 282;
  animation-fill-mode: forwards;
  fill-opacity: 0;
}

.sign-animation {
  animation: sign 4s linear 0.25s;
}

@keyframes sign {
  85% {
    stroke-dashoffset: 0;
    fill-opacity: 0;
  }
  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}

.pickerItem {
  width: 120px;
  height: 120px;
}

.text-primary {
  color: var(--bs-primary)!important;
}

.pickerThumbnail {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  pointer-events: all;
  object-fit: cover;
  border-radius: 2px;
}

.pickerLink {
  position: relative;
}

.pickerLink > .bi {
  position: absolute;
  top: -45px;
  left: 5px;
  background: rgba(0, 0, 0, 0.5);
  width: 16px;
  height: 16px;
  pointer-events: none;
}