/* =========================== */
/*  Sleep Routine Builder HTML */
/* =========================== */
input[type=range]::-webkit-slider-thumb {
    background: var(--color-lavender);
    border: none;
}

input[type=range]::-webkit-slider-runnable-track {
    background: var(--color-mint);
    height: 5px;
    border-radius: 5px;
}

body table#routine-table {
    width: 100%;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    overflow: hidden;
    background: white;
    margin: 1rem 0;
}

body table#routine-table th {
    background-color: var(--color-mint);
    border-radius: 8px !important;
    color: var(--color-grey) !important;
    padding: 12px;
    font-weight: 600;
    border-bottom: 2px solid #eee;
}

body table#routine-table td {
    padding: 10px;
    border-top: 1px solid #eee !important;
    background: var(--base-color);
    border-radius: 8px !important;
}

#customization {
    background-color: var(--base-color);
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: var(--size-one);
    margin-top: var(--size-one);
}