/* URL QR Generator Styles */

.dot-style-btn.active {
  border-color: #22c55e !important;
  color: #4ade80 !important;
}

#qr-preview-live canvas,
#qr-preview-result canvas {
  max-width: 100%;
  height: auto;
}

input[type="color"] {
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
  padding: 0;
  overflow: hidden;
}

input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}

input[type="color"]::-webkit-color-swatch {
  border: none;
  border-radius: 0.5rem;
}

.show-flex {
  display: flex !important;
}