.error {
    border-color: #e74c3c;
}

.error-message {
    color: #e74c3c;
    font-size: 0.9em;
    display: block;
    margin-top: 0.25rem;
}

input[data-v-648d88a5] {
  padding-top: 0;
  width: 100%;
}
.qr-range-labels[data-v-648d88a5] {
  display: flex;
  justify-content: space-between;
  font-size: 0.8em;
}

.qr-pictures[data-v-22e950b6] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  gap: 0.5em;
}
.qr-example-picture[data-v-22e950b6] {
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1;
}
.qr-example-picture.selected[data-v-22e950b6] {
  border: 2px solid #007bff;
}
.qr-example-picture img[data-v-22e950b6] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.qr-file-upload-container[data-v-22e950b6] {
  grid-column: span 4;
}
.slider[data-v-22e950b6] {
  margin-top: 0.4em;
}

.qr-premium-section[data-v-6b2e6927] {
  border: 0.1em solid #ccc;
  border-radius: 0.5em;
  padding: 1em;
  margin-top: 1em;
  position: relative;
}
.qr-premium-label[data-v-6b2e6927] {
  position: absolute;
  top: -0.6em;
  left: 1em;
  background: white;
  padding: 0 0.5em;
  font-size: 0.9em;
  color: #666;
}
.qr-premium-label.mobile[data-v-6b2e6927] {
  cursor: pointer;
}
.qr-premium-controls[data-v-6b2e6927] {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.qr-premium-checkbox-label[data-v-6b2e6927] {
  min-width: 10em;
}
.qr-premium-slider-container[data-v-6b2e6927] {
  flex: 1;
}
.qr-premium-slider[data-v-6b2e6927] {
  width: 100%;
}
.qr-premium-slider.dimmed[data-v-6b2e6927] {
  opacity: 0.5;
}
.qr-orientation-labels[data-v-6b2e6927] {
  display: flex;
  justify-content: space-between;
  font-size: 0.8em;
}
.qr-orientation-label[data-v-6b2e6927] {
  width: 2em;
  text-align: center;
}
.qr-orientation-label.wide[data-v-6b2e6927] {
  width: 2.2em;
}
.qr-mask-pattern-labels[data-v-6b2e6927] {
  display: flex;
  justify-content: space-between;
  font-size: 0.8em;
  margin-inline: 0.6em;
}
.qr-premium-section-spacing[data-v-6b2e6927] {
  margin-top: 1em;
}

/*Created with document.createElement(..) above*/
/* noinspection CssUnusedSymbol*/
#qr-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Arial, sans-serif;
  font-size: 40px;
  color: #666;
  pointer-events: none;
}