@import './styles/<!--partnerName--settings-->';
@import './styles/tools';

.c-basic-tabs-component {
    display: flex;
    width: 100%;
    justify-content: center;
}

    .c-basic-tabs-component__view {
        font-size: $font-size-text-s;
        line-height: $line-height-text-s;
        min-width: 98px;
        color: $grey-dark;
        border-bottom: 1px solid transparentize($grey-super-dark, 0.9);
        padding: 14px;
        transition: color $default-animation-exit,
            border-color $default-animation-exit;
    }

        .c-basic-tabs-component__view--selected {
            color: $grey-super-dark;
            border-bottom-color: $grey-super-dark;
            transition-duration: $default-animation-time-enter;
            font-weight: $font-weight-bold;
        }