@use "variables" as *;

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

Manual run section

*/

.ecw-manual-run {
    display: flex;
    flex-direction: column;
    gap: $spacing-md;

    &__button {
        width: fit-content;
    }

    &__description {
        font-style: normal;
        font-size: $font-size-small;
        color: $color-text-secondary;
        margin: 0;
    }
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

Reload log

*/

.ecw-tuning-mode-control {
    .components-radio-control__label {
        font-weight: 600;
    }
}

.ecw-reload-log {
    display: flex;
    flex-direction: column;
    gap: $spacing-md;
    @media screen and (min-width:$breakpoint-mobile) {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    &__button {
        width: fit-content;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

Reset tuning area

*/

.ecw-tuning-reset {
    border-top: 1px solid $color-border;
    padding-top: $spacing-lg;
    margin-top: $spacing-lg;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

Pills

*/

.ecw-pills-section {

}

.ecw-pills-list {

}

.ecw-pill {
    .ecw-pills-section--available & {
        cursor: default;
    }
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

Clock

*/

.ecw-clock-counter {
    font-family: monospace;
}