@import "../colors";

.ui.color.input .ui.label {
    border: 1px solid rgba(34, 36, 38, 0.15);
    cursor: pointer;

    input[type=color] {
        visibility: hidden;
        height: auto;
        min-width: 3em;
    }
}

.ui.input > input[type=range] {
    padding-left: 0;
    padding-right: 0;
}

/*--------------------
        Inverted
---------------------*/
.ui.inverted.input > input {
    background-color: $tenthLighter;
    color: white;
}