@import '../styles/variables';

$textFieldHeight: 29px;

.main {
    width: 100%;
}

.ctrls {
    width: 100%;
    grid-template-columns: auto 1fr auto;
    column-gap: 12px;
    display: grid;
    align-items: flex-end;
}

.text-field-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    font-size: 14px;
    color: $dark-gray;
}

.slider-wrapper,
.text-field {
    height: $textFieldHeight;
}

.slider-wrapper {
    align-items: center;
    display: flex;
}