/* ==========================================================================
   Goosse Input Component Styling
   - Volledig zelfstandig
   ========================================================================== */

.goosse-input .modal-header {
    border-bottom: 1px solid var(--bs-border-color);
    padding: 1rem;
}

.goosse-input .modal-footer {
    border-top: 1px solid var(--bs-border-color);
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem;
}

.goosse-input .modal-body {
    padding: 1rem;
}

.goosse-input-description {
    margin-bottom: 1rem;
    color: var(--bs-secondary-color);
}

.goosse-input-field {
    margin-bottom: 0.75rem;
}

.goosse-input textarea {
    resize: vertical;
}

.goosse-range-value {
    float: right;
    font-weight: 500;
    margin-left: 0.4rem;
}