#{$mediaRouter} {
    &__list {
        @include clearfix;
    }

    &__list,
    &__item {
        @include list-reset;
    }

    &__item {
        position: relative;
        display: block;
        float: left;
    }

    &__link {
        position: relative;
        display: block;
        padding-top: 10px;
        padding-bottom: 11px;
        padding-left: 14px;
        padding-right: 14px;
        font-weight: 400;
        font-size: $font-size-default;
        line-height: $line-height-prelittle;
        text-decoration: none;
        border: 1px solid transparent;
        border-bottom: none;

        &.prefix-mediaRouter__link_state_active {
            color: $color-black;
            border-color: $color-alto;
            background-color: $color-white;
        }
    }
}