#storman-lead-form-root *,
#storman-lead-form-root *::before,
#storman-lead-form-root *::after {
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } #storman-lead-form-root .form-wrapper {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem; background-color: transparent !important; } #storman-lead-form-root .form-container {
background-color: #ffffff; padding: 1.5rem 2rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); width: 100%; border-radius: 0.75rem; } #storman-lead-form-root .form-header-text {
font-size: 1.875rem; font-weight: 700; color: #1f2937; margin-bottom: 1.5rem; text-align: center;
} #storman-lead-form-root .config-message {
margin-bottom: 2rem; padding: 1rem; border-radius: 0.5rem; border: 1px solid #bfdbfe; background-color: #eff6ff; color: #1e40af; }
#storman-lead-form-root .config-message__title {
font-weight: 600; margin-bottom: 0.5rem; }
#storman-lead-form-root .config-message__text {
font-size: 0.875rem; color: #ef4444; } #storman-lead-form-root form.form-vertical-stack {
display: flex;
flex-direction: column;
gap: 1.5rem; } #storman-lead-form-root form.form-grid {
display: grid;
grid-template-columns: 1fr; gap: 1rem; }
@media (min-width: 768px) { #storman-lead-form-root form.form-grid {
grid-template-columns: repeat(2, 1fr); }
} #storman-lead-form-root .form-field { } #storman-lead-form-root .form-field--span-two {
grid-column: span 1; }
@media (min-width: 768px) { #storman-lead-form-root .form-field--span-two {
grid-column: span 2; }
} #storman-lead-form-root .form-label {
display: block;
font-size: 0.875rem; font-weight: 500; color: #374151; margin-bottom: 0.25rem; } #storman-lead-form-root .form-input {
width: 100%;
padding: 0.5rem 1rem; border: 1px solid #d1d5db; border-radius: 0.375rem; transition: all 150ms ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #storman-lead-form-root .form-input:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5); border-color: #3b82f6; } #storman-lead-form-root .form-input--duration {
width: 6rem; } #storman-lead-form-root .button-primary {
width: 100%;
background-color: #2563eb; color: #ffffff; font-weight: 600; padding: 0.5rem 1rem; border-radius: 0.375rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: all 300ms ease-in-out; transform: scale(1); border: none; cursor: pointer;
} #storman-lead-form-root .button-primary:hover {
background-color: #1d4ed8; transform: scale(1.05); } #storman-lead-form-root .button-primary:focus {
outline: none;
box-shadow: 0 0 0 3px #3b82f6, 0 0 0 6px rgba(59, 130, 246, 0.5); } #storman-lead-form-root .button-primary:disabled {
opacity: 0.7;
cursor: not-allowed;
transform: scale(1); } #storman-lead-form-root .form-button--span-two {
grid-column: span 1; }
@media (min-width: 768px) { #storman-lead-form-root .form-button--span-two {
grid-column: span 2; }
} #storman-lead-form-root .status-message {
text-align: center;
margin-top: 1rem; padding: 0.5rem; border-radius: 0.375rem; } #storman-lead-form-root .status-message--success {
color: #22c55e; background-color: #dcfce7; } #storman-lead-form-root .status-message--error {
color: #ef4444; background-color: #fee2e2; } #storman-lead-form-root .form-message--span-two {
grid-column: span 1; }
@media (min-width: 768px) { #storman-lead-form-root .form-message--span-two {
grid-column: span 2; }
} #storman-lead-form-root .form-error-text {
color: #ef4444; font-size: 0.875rem; margin-top: 0.25rem; } #storman-lead-form-root select.form-input {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 1.5em 1.5em;
padding-right: 2.5rem; } #storman-lead-form-root select.form-input::-ms-expand {
display: none;
} #storman-lead-form-root .form-label--checkbox {
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 400;
}
#storman-lead-form-root .form-label--checkbox input[type="checkbox"] {
width: 1rem;
height: 1rem;
flex-shrink: 0;
}