.ttc-control {
    display: flex;
    align-items: center;
    gap: .35rem;
    width: fit-content;
    max-width: 100%;
    margin-top: .35rem;
    padding: .2rem .35rem;
    border: 1px solid #dce5f3;
    border-radius: 7px;
    background: #f7f9fd;
    color: #526071;
    font-size: .7rem;
    font-weight: 600;
    line-height: 1.2;
}

.ttc-control__label {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    margin: 0;
    white-space: nowrap;
}

.ttc-control__label i {
    color: #5d87ff;
    font-size: .9rem;
}

.ttc-control__select {
    width: auto;
    min-width: 118px;
    max-width: 190px;
    height: 27px;
    padding: .15rem 1.65rem .15rem .45rem;
    border-color: #cbd7e8;
    background-color: #fff;
    background-position: right .35rem center;
    font-size: .72rem;
}

.ttc-control__select:focus {
    border-color: #5d87ff;
    box-shadow: 0 0 0 .12rem rgba(93, 135, 255, .16);
}

.ttc-control__status {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    color: #13a36f;
    white-space: nowrap;
}

.ttc-control__status.is-default {
    color: #7d899c;
}

.ttc-control.is-saving {
    opacity: .7;
}

.ttc-control--group {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    align-items: center;
    gap: .3rem .35rem;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: .25rem 0 .1rem;
}

.ttc-control--group .ttc-control__label {
    justify-content: center;
    font-size: 0;
}

.ttc-control--group .ttc-control__label i {
    font-size: 1rem;
}

.ttc-control--group .ttc-control__select {
    width: 100%;
    min-width: 0;
    max-width: none;
}

.ttc-control--group .ttc-control__status {
    grid-column: 1 / -1;
    justify-content: center;
    min-width: 0;
    text-align: center;
    white-space: normal;
}

.resultValue .test-name .ttc-control {
    font-weight: 600;
}

#SingleResultTable .resultValue .test-name .ttc-control {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .3rem .35rem;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

#SingleResultTable .resultValue .test-name .ttc-control__select {
    width: 100%;
    min-width: 0;
    max-width: none;
}

#SingleResultTable .resultValue .test-name .ttc-control__status {
    grid-column: 1 / -1;
    min-width: 0;
    white-space: normal;
}

@media (max-width: 991.98px) {
    .ttc-control {
        flex-wrap: wrap;
    }

    .ttc-control--group {
        width: 100%;
        margin-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ttc-control,
    .ttc-control__select {
        transition: none !important;
    }
}