.add-button {
    border: 1px solid black;
    border-radius: 8px;
    padding: 8px;
    background-color: white;
    background-color: #E5F3FD !important;
    color: black !important;
}

.add-button:hover {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}

.sequence-input-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 8px;
    resize: vertical;
}

// hack so that the filter data... is centered
.dash-filter {
    display: flex;
}
.dash-filter > div > input::placeholder {
    text-align: center;
}

.Select-control {
    border-radius: 8px !important;
}