/* Minification failed. Returning unminified contents.
(311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(355,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(376,28): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(382,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(613,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(700,24): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(747,32): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(766,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
 */
/* Minification failed. Returning unminified contents.
(297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(341,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(362,28): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(368,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(599,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(686,24): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(733,32): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(752,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
 */
.progress-images {
    position: absolute;
    z-index: 1200;
}


.image-cash {
    display: none;
}

.cashed-pictures {
    display: none;
    width: 0px;
    height: 0px;
    background-image: url("/content/images/businescope-menu/arrow-left.svg");
    background-image: url("/content/images/businescope-menu/arrow-right.svg");
    background-image: url("/content/images/businescope-menu/arrow-right-dots.svg");
    background-repeat: no-repeat;
}

.LockOff {
    display: none;
    visibility: hidden;
}

.LockOn {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 1100;
    top: 0px;
    left: 0px;
    width: 100%; /*5000%*/
    height: 100%; /*5000%*/
    text-align: center;
    min-width: 1280px;
}

#bs_LockPane.consolidator {
    position: absolute;
    width: 100%;
    height: 100%;
}

    #bs_LockPane.consolidator.LockOn {
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: white;
        opacity: 0.65;
    }

.full-page-lock {
    opacity: 0.35;
    z-index: 2002;
    background: white;
}

.paging-lock {
    background-color: white;
}

.activ-loading {
    /*-webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;*/
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@font-face {
    font-family: 'Arial';
    src: local('Arial'), url('/Content/fonts/ARIAL.eot'), url('/Content/fonts/ARIAL.ttf');
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensanslight.woff2') format('woff2'), url('/Content/fonts/opensanslight.woff') format('woff'), url('/Content/fonts/opensanslight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensanslightitalic.woff2') format('woff2'), url('/Content/fonts/opensanslightitalic.woff') format('woff'), url('/Content/fonts/opensanslightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensans.woff2') format('woff2'), url('/Content/fonts/opensans.woff') format('woff'), url('/Content/fonts/opensans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensansitalic.woff2') format('woff2'), url('/Content/fonts/opensansitalic.woff') format('woff'), url('/Content/fonts/opensansitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensanssemibold.woff2') format('woff2'), url('/Content/fonts/opensanssemibold.woff') format('woff'), url('/Content/fonts/opensanssemibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensanssemibolditalic.woff2') format('woff2'), url('/Content/fonts/opensanssemibolditalic.woff') format('woff'), url('/Content/fonts/opensanssemibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensansbold.woff2') format('woff2'), url('/Content/fonts/opensansbold.woff') format('woff'), url('/Content/fonts/opensansbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensansbolditalic.woff2') format('woff2'), url('/Content/fonts/opensansbolditalic.woff') format('woff'), url('/Content/fonts/opensansbolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensansextrabold.woff2') format('woff2'), url('/Content/fonts/opensansextrabold.woff') format('woff'), url('/Content/fonts/opensansextrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensansextrabolditalic.woff2') format('woff2'), url('/Content/fonts/opensansextrabolditalic.woff') format('woff'), url('/Content/fonts/opensansextrabolditalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

/* шрифты для OneWinSeller */
@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-LightItalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-SemiBoldItalic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-ExtraBoldItalic.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
}

/*цвет шрифта(символов) иврита во всем приложении*/
.hebrew-color {
    color: rgb(0, 0, 0);
}

/*перезапись шрифта для всех элементов в приложении*/
.hebrew-font,
/*перезапись шрифта для виджета*/
.widget-widget-first-block.hebrew-font {
    font-family: 'Arial';
}

#analitycs-second-first .col-sm-8 .title.metrics-title.bottom-line ul .list-group-item.active.hebrew-li,
#filters-title .hebrew-li,
#analitycs-second-second .hebrew-li {
    margin-top: -2px;
}

/*размер шрифта(символов) иврита в заголовках групп панелей меню аналитики
    и заголовки групп фильтров - аналогично
*/
#analitycs-second-first .col-sm-8 .title.metrics-title.bottom-line .specialSimbol > .specialSimbol-text-header.hebrew-font,
#analitycs-container #filters-title .specialSimbol > .hebrew-font,
#analitycs-second-second .hebrew-li .specialSimbol > .hebrew-font {
    font-size: 18px;
}

:root {
    /* Основной цвет */
    --first-color: rgb(255, 100, 0);
    /* Серый для надписей */
    --text-color: rgb(64, 64,64);
    /* Светло-серый для кнопок или фона */
    --btn-back-color: rgb(240, 240, 240);
    /* Цвет заголовка таблицы */
    --thead-back-color: #eaeaea;
    /* grouped row */
    --grouped-row: rgb(244, 244, 244);
}

html, body {
    font: 14px 'OpenSansWebFont';
}

    body.profit {
        font-family: 'OpenSansWebFont';
    }

.left-position {
    float: left !important;
}

.right-position {
    float: right !important;
}

.display {
    display: block !important;
}

.disabled-element {
    color: #6c757d !important;
    cursor: default !important;
}

    .disabled-element:focus,
    .disabled-element:hover {
        background: none;
    }

.dropdown-item.active,
.dropdown-item:active {
    color: rgb(255, 100, 0) !important;
    color: var(--first-color) !important;
    background: transparent;
    border: none;
}

/* Отключаем выделение текста */
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label {
    margin-bottom: -1px;
}

.bg-orange {
    background-color: rgb(255, 100, 0) !important;
    background-color: var(--first-color) !important;
    color: white !important;
}

.text-orange {
    color: rgb(255, 100, 0) !important;
    color: var(--first-color) !important;
}

.scale-horizontal {
    transform: scale(-1, 1);
}

.rotate-right {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate-up {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate-left {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

/* */
.arrow-bs:after,
.arrow-bs:before {
    bottom: 100%;
    left: 92px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow-bs:after {
    border-color: rgba(136, 183, 213, 0);
    border-width: 10px;
    margin-left: -10px;
}

.arrow-bs:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #d9d9d9;
    border-width: 10px;
    margin-left: -10px;
}

/* */
.the-arrow {
    position: relative;
}

    .the-arrow.-right {
        float: right;
        top: 8px;
        right: -28px;
    }

.the-arrow {
    width: 1px;
    transition: all 0.2s;
}

    .the-arrow.-right > .shaft {
        width: 1px;
        transition-delay: 0.2s;
    }

    .the-arrow > .shaft {
        background-color: #dedede;
        display: block;
        height: 1px;
        position: relative;
        transition: all 0.2s;
        transition-delay: 0;
        will-change: transform;
    }

    .the-arrow.-right > .shaft:before {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
    }

    .the-arrow.-right > .shaft:before,
    .the-arrow.-right > .shaft:after {
        width: 8px;
        transition-delay: 0.3s;
        transition: all 0.5s;
    }

    .the-arrow > .shaft:before {
        -webkit-transform-origin: top right;
        transform-origin: top right;
    }

    .the-arrow > .shaft:before,
    .the-arrow > .shaft:after {
        background-color: #dedede;
        content: '';
        display: block;
        height: 1px;
        position: absolute;
        top: 0;
        right: 0;
        transition: all 0.2s;
        transition-delay: 0;
    }

    .the-arrow.-right > .shaft:after {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg);
    }

    .the-arrow > .shaft:after {
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
    }

.dropdown-item:hover .the-arrow > .shaft:before,
.dropdown-item:hover .the-arrow > .shaft:after {
    background-color: #4c4c4c;
}

.dropdown-item:hover .the-arrow > .shaft {
    background-color: #4c4c4c;
}

.center-element {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* все чекбоксы проекта */
input[type="checkbox"] {
    display: none;
}

    input[type="checkbox"] + label[for] {
        height: 13px;
        width: 13px;
        display: inline-block;
        padding: 0 0 0 0;
    }

    input[type="checkbox"]:not(:checked) + label[for] {
        cursor: pointer;
    }

    input[type="checkbox"]:not(:checked) + label.disable-offline-filtering[for] {
        cursor: not-allowed !important;
    }

    input[type="checkbox"]:not(:checked):not(.check-all) + label[for] {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiBwYDCDDsVZcYAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA3LTA2VDA2OjA4OjE1KzAzOjAw5YCEngAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wNy0wNlQwNjowODoxNSswMzowMJTdPCIAAAB7SURBVChT7Y0hDsQgEEV/m9UcgaA4AAZF4MggcXgMwYPjHN1MM7bd7up97s+fN7PFGI/eO9Za+IRSCtZavEhwziGEwNU1pRTUWrHTB2MMj++hw2MM7BSEEOfwKaf0LX+J+U2SUiKlxPEe2tNaY8s5H601zDm5uoYE7z3etcsm/acbZ6MAAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        /*background-image: url(../Content/Images/CheckboxUnchecked.png);*/
    }

    #analitycs-container input[type="checkbox"].check-all:not(:checked) + label[for].default,
    #filter-input input[type="checkbox"].check-all:not(:checked) + label[for].default,
    #filters-container input[type="checkbox"].check-all:not(:checked) + label[for].default,
    input[type="checkbox"].check-all:not(:checked) + label[for] {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAABLSURBVChTY/y/gOE/wyMGBjAmBOQgmPF/E1ATiBP/HyyOFyxkhBj+P4XhP0kAqJ4JYgRpYFQTFNBTEyg1gGKaGABSB05GJKc9BgYArxhA6ifuy7sAAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        /*background-image: url(../Content/Images/CheckboxUncheckedOr.png);*/
    }

    input[type="checkbox"]:checked + label[for] {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAV1BMVEX/oAD/bgD9/f3Z2dn/eAD/jAD/lgD/ggD/ZAD5+fnq6ur6+vrf39/a5One3t7s9Pjw8PDk5OTX4eb29vbq8/jo6Ojz8/P39/fx8fH09PTt7e38/Pz19fVAIiGCAAAAXElEQVR4AVXONw7AMAxDUaVajtOL+/3PGQJEhrxJfxJFjH4MQraWNtx6O0vuVtFyCV0F5dJIyaFsHChaVMiGckDVp6enovzR0OFR+6q07qhl7mheFP/PiU4x/50vBHMFwPc8CU4AAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        cursor: pointer !important;
        /*background-image: url(../Content/Images/CheckboxChecked.png);*/
    }

    input[type="checkbox"]:disabled + label[for] {
        opacity: .6;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAABLSURBVChTY/y/gOE/wyMGBjAmBOQgmPF/E1ATiBP/HyyOFyxkhBj+P4XhP0kAqJ4JYgRpYFQTFNBTEyg1gGKaGABSB05GJKc9BgYArxhA6ifuy7sAAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        cursor: not-allowed !important;
        /*background-image: url(../Content/Images/CheckboxUncheckedOr.png);*/
    }

    input[type="checkbox"]:disabled:checked + label[for] {
        opacity: .6;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAV1BMVEX/oAD/bgD9/f3Z2dn/eAD/jAD/lgD/ggD/ZAD5+fnq6ur6+vrf39/a5One3t7s9Pjw8PDk5OTX4eb29vbq8/jo6Ojz8/P39/fx8fH09PTt7e38/Pz19fVAIiGCAAAAXElEQVR4AVXONw7AMAxDUaVajtOL+/3PGQJEhrxJfxJFjH4MQraWNtx6O0vuVtFyCV0F5dJIyaFsHChaVMiGckDVp6enovzR0OFR+6q07qhl7mheFP/PiU4x/50vBHMFwPc8CU4AAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        cursor: not-allowed !important;
        /*background-image: url(../Content/Images/CheckboxChecked.png);*/
    }

.empty-row {
    display: none;
    width: 412px;
    height: 50px;
    position: absolute;
    /*top: 50%;*/
    transform: translateY(-50%);
    text-align: center;
    background-color: #f4f4f4;
    border-radius: 12px;
    left: 0;
    right: 0;
    margin: auto;
}

    .empty-row > div {
        font-weight: 600;
    }

    .empty-row > div.ru {
        margin: 5px auto 5px;
    }

    .empty-row > div.en {
        margin: 15px auto 15px;
    }

    .empty-chart > span,
    .empty-row > div {
        display: inline-block;
        color: rgb(255, 100, 0);
        color: var(--first-color);
        text-align: center;
    }

        .empty-chart > span {
            font-weight: bold;
        }

        .empty-row > div:hover {
            cursor: default;
        }

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.message-show .modal-backdrop.show {
    opacity: 1;
    z-index: 2001;
    background-color: #f8f8f8;
}

#messageModal {
    z-index: 2002;
}

    #messageModal svg {
        width: 644px;
        height: 530px;
    }

    #messageModal .modal-body {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #messageModal .modal-body > .message-text {
            margin-top: -9px;
            font: 14px 'OpenSansWebFont';
            line-height: 1.786rem;
            left: 50%;
            transform: translateX(-50%);
        }

        #messageModal .modal-body span.text-orange {
            top: 293px;
            margin-left: -78px;
            position: absolute;
        }
        
        body.onewinseller.message-show #messageModal .modal-body span.text-orange {
            top: 318px !important;
        }

    #messageModal .modal-dialog {
        top: 50%;
        transform: translateY(-50%);
        max-width: none;
    }

    #messageModal .modal-content {
        background: none;
        border: none;
    }

    #messageModal #g4384:hover {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }

        #messageModal #g4384:hover #path4398,
        #messageModal #g4384:hover #path4396,
        #messageModal #g4384:hover #path4394 {
            box-shadow: none !important;
            fill: rgb(255, 100, 0) !important;
            fill: var(--first-color) !important;
        }

    #messageModal .message-text {
        max-width: 325px;
    }

input:not([disabled]):focus,
input:not([disabled]):hover {
    outline: none !important;
    border-color: #dedede !important;
    box-shadow: none !important;
}

.div-row input.disabled {
    background-color: white;
    color: black;
}
.hamburger-menu-container {
    position: relative;
    max-width: 1280px;
    z-index: 2001;
}

body.onewinseller .hamburger-menu-container {
    max-width: 100%;
    /*переменная из onewinseller.css --margin-right: max(2.5vw, 32px);*/
    right: max(2.5vw, 32px);
}

    body.onewinseller .hamburger-menu-container .sign-out {
        font-size: 1.26vw;
    }

.hamburger-menu {
    cursor: pointer;
    top: 8px;
    left: 0px;
    z-index: 2001;
    position: absolute;
    height: 24px;
    width: 24px;
}

    .hamburger-menu span {
        display: block;
        background-color: rgb(255, 100, 0);
        background-color: var(--first-color);
        border-radius: 2px;
        width: 24px;
        height: 3px;
        position: relative;
        margin: 4px 0;
    }

.sign-out,
.redirect {
    cursor: pointer;
    top: 8px;
    right: 0px;
    z-index: 2001;
    position: absolute;
    height: 25px;
    width: 22px;
    font-size: 24px;
    color: rgb(255, 100, 0);
    color: var(--first-color);
    align-items: center;
    display: inline-flex;
}

    .sign-out i {
        display: block;
    }