/* Custom CSS for SketchViewModelStyler to reduce spacing */
.sketch-styler-card {
    width: 400px;
    max-height: 400px;
    overflow-y: scroll;
    margin: 0;
    /* Remove margin around the card */
    border: none;
    /* Optional: remove border */
}

/* Adjust padding for .col-form-label within a specific card */
.custom-padding-card .col-form-label {
    padding-top: 0;
    /* Adjust to your preferred value */
    padding-bottom: 0;
    /* Adjust to your preferred value */
}

.unique-list .list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.sketch-styler-card .card-header {
    padding: 0.25rem 0.5rem;
    /* Reduce padding in the header */
    background-color: #f8f9fa;
    /* Keep background or change as needed */
    border-bottom: none;
    /* Remove border bottom */
}

.sketch-styler-card .btn {
    padding: 0.25rem 0.5rem;
    /* Reduce button padding */
    font-size: 0.8rem;
    /* Adjust font size as necessary */
}

.sketch-styler-card .card-body {
    padding: 0.5rem;
    /* Reduce padding in the body */
}

.sketch-styler-card .form-control,
.sketch-styler-card .custom-select {
    padding: 0.25rem 0.5rem;
    height: auto;
    /* Adjust input height */
    font-size: 0.8rem;
    /* Smaller font size for form controls */
}

.sketch-styler-card .custom-control-label {
    margin-bottom: 0;
    /* Remove margin below labels */
}