/** Shopify CDN: Minification failed

Line 112:28 Unexpected "/"

**/
/* Container styles */
form#dealerForm {
  display: flex;
  flex-direction: column;
  font-size: 14px; /* Default for text-sm */
  max-width: 800px;
  padding: 0 2rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
}

/* Label styles */
form#dealerForm label {
  text-transform: uppercase;
  font-size: 12px; /* Equivalent to text-xs */
}

/* Input, textarea, and select field styles */
form#dealerForm input,
form#dealerForm textarea,
form#dealerForm select {
  width: 100%;
  background-color: #fffefb; /* Background color */
  padding: 1.75rem; /* Equivalent to p-4 */
  border: 1px solid #858173; /* Border color (a11y: 3.9:1, was 1.6:1) */
  border-radius: 0.25rem; /* Rounded corners */
  margin-bottom: 0.5rem; /* Margin for separation */
  outline-color: #fbbf24; /* Custom focus outline color (brand) */
  color: #5d5e5e;
  font-size: 1.5rem;
}

form#dealerForm textarea::placeholder {
  opacity: 0.5; /* Placeholder opacity */
}

/* Flex containers for responsive form groups */
form#dealerForm .flex {
  display: flex;
}

form#dealerForm .flex > * {
  flex: 1;
  margin-right: 0.5rem; /* Margin between flex items */
}

form#dealerForm .flex > *:last-child {
  margin-right: 0; /* Remove margin for the last item */
}

/* Button styles */
form#dealerForm button {
  background-color: #000; /* Button background */
  color: #fff; /* Button text color */
  padding: 1rem 2rem; /* Padding for button */
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px; /* Font size for text-sm */
  border-radius: 0.25rem; /* Rounded corners */
  cursor: pointer;
  transition: all 0.3s ease;
}

form#dealerForm button:hover {
  color: #64B735; /* Hover text color (brand) */
}

#dealer-spinner {
    width: 60px;
    height: 60px;
}

.dealer-loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid black;
    border-right: 16px solid #80cf25;
    border-bottom: 16px solid black;
    border-left: 16px solid #80cf25;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#dealer-successMessage {
  text-align: center;
  font-size: 2rem;
}
/* Media queries for larger screens */
@media (min-width: 768px) {
  form#dealerForm {
    font-size: 16px; /* Equivalent to md:text-base */
  }

  /* Flex container adjustments for larger screens */
  form#dealerForm .flex > * {
    margin-right: 0.5rem;
  }

  form#dealerForm .flex .w-1/3 {
    width: 32%;
  }
}