@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght,XOPQ,XTRA,YOPQ,YTDE,YTFI,YTLC,YTUC@8..144,100..1000,96,468,79,-203,738,514,712&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

.roboto-flex {
                  font-family: "Roboto Flex", sans-serif;
                  font-optical-sizing: auto;
                  font-weight: 500;
                  font-style: normal;
                  font-variation-settings:
                          "slnt" 0,
                          "wdth" 100,
                          "GRAD" 0,
                          "XOPQ" 96,
                          "XTRA" 468,
                          "YOPQ" 79,
                          "YTAS" 750,
                          "YTDE" -203,
                          "YTFI" 738,
                          "YTLC" 514,
                          "YTUC" 712;
              }



.ubuntu-light {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: -.13rem;
}

.ubuntu-regular {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -.09rem;
}

.ubuntu-medium {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: -.07rem;
}

.ubuntu-bold {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -.07rem;
}

.ubuntu-light-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: italic;
    letter-spacing: -.07rem;
}

.ubuntu-regular-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: italic;
    letter-spacing: -.07rem;
}

.ubuntu-medium-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: italic;
    letter-spacing: -.07rem;
}

.ubuntu-bold-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: italic;
    letter-spacing: -.07rem;
}




.subData{
    display: none;
}

table tbody tr:hover .subData{
    /*transform: translateY(-150%);*/
    animation: ani 300ms forwards;
    display: inline-block;
}

@keyframes ani {
    0% {transform: translateX(40%);}
    100% {transform: translateY(0);}
}

.loader{height:100%;width:100%}
.loader .l_main{position:relative;top:50%;left:50%;width:172px;height:128px;margin:0;-webkit-transform:translate(-50%,-2%);transform:translate(-50%,-2%)}
@media (max-width:550px){.loader{-webkit-transform:scale(0.75);transform:scale(0.75)}}
@media (max-width:440px){.loader{-webkit-transform:scale(0.5);transform:scale(0.5)}}
.l_square{position:relative}
.l_square:nth-child(1){margin-left:0}
.l_square:nth-child(2){margin-left:44px}
.l_square:nth-child(3){margin-left:88px}
.l_square:nth-child(4){margin-left:132px}
.l_square span{position:absolute;top:0;left:20px;height:36px;width:36px;border-radius:2px;background-color:#ec174f}
.l_square span:nth-child(1){top:0}
.l_square span:nth-child(2){top:44px}
.l_square span:nth-child(3){top:88px}
.l_square:nth-child(1) span{-webkit-animation:animsquare1 2s infinite ease-in;animation:animsquare1 2s infinite ease-in}
.l_square:nth-child(2) span{-webkit-animation:animsquare2 2s infinite ease-in;animation:animsquare2 2s infinite ease-in}
.l_square:nth-child(3) span{-webkit-animation:animsquare3 2s infinite ease-in;animation:animsquare3 2s infinite ease-in}
.l_square:nth-child(4) span{-webkit-animation:animsquare4 2s infinite ease-in;animation:animsquare4 2s infinite ease-in}
.l_square span:nth-child(1){-webkit-animation-delay:0.00s;animation-delay:0.00s}
.l_square span:nth-child(2){-webkit-animation-delay:0.15s;animation-delay:0.15s}
.l_square span:nth-child(3){-webkit-animation-delay:0.30s;animation-delay:0.30s}
@-webkit-keyframes animsquare1{0%,5%,95%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}30%,70%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@keyframes animsquare1{0%,5%,95%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}30%,70%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@-webkit-keyframes animsquare2{0%,10%,90%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}35%,65%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@keyframes animsquare2{0%,10%,90%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}35%,65%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@-webkit-keyframes animsquare3{0%,15%,85%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}40%,60%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@keyframes animsquare3{0%,15%,85%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}40%,60%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@-webkit-keyframes animsquare4{0%,20%,80%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}45%,55%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@keyframes animsquare4{0%,20%,80%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}45%,55%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}


.styles_iconContainer__jgQRZ {
    position: relative;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.styles_globeIcon__ctp_c {
    position: absolute;
    overflow: visible;
    width: 100%;
    height: 100%;
}

.styles_iconContainer__jgQRZ {
    cursor: pointer;
}

.styles_continentsAnimation1__ZJuWP {
    -webkit-animation: styles_scroll1__BL3nX 3s linear 0s infinite;
    animation: styles_scroll1__BL3nX 3s linear 0s infinite;
}

.styles_continentsAnimation2__mwr4b {
    -webkit-animation: styles_scroll2__yz5jJ 3s linear 0s infinite;
    animation: styles_scroll2__yz5jJ 3s linear 0s infinite;
}

.styles_continents__IKlzC {
    position: absolute;
    box-sizing: border-box;
    height: 100%;
    padding: 1px 0;
}

.styles_continentsIcon__5_qGC {
    width: 36px;
    height: 100%;
}

.styles_continentsIcon__5_qGC {
    width: 36px;
    height: 100%;
}

.styles_geotag__yHBcM {
    z-index: 4;
    margin-left: 6px;
}

.styles_geotag__hNay7 {
    position: relative;
}

.styles_root__ixqzC.styles_withChevronAtTop__xsHzf.styles_middleAlignment__3o_Mi::after {
    left: calc(50% - 10px);
}

.styles_root__ixqzC.styles_withChevronAtTop__xsHzf::after {
    top: -20px;
}

.styles_text__c0BA6:first-child {
    margin: 0 24px;
}

.styles_text__c0BA6 {
    margin: 6px 24px 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
}

.styles_root__ixqzC.styles_dark__JFLGm {
    --background-color: #444;
}

.styles_tooltip__ERUAb {
    pointer-events: none;
}

.styles_continentsContainer__rlG84 {
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.styles_continentsAnimation1__ZJuWP {
    -webkit-animation: styles_scroll1__BL3nX 3s linear 0s infinite;
    animation: styles_scroll1__BL3nX 3s linear 0s infinite;
    animation-name: styles_scroll1__BL3nX;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-timeline: auto;
}
.styles_continents__IKlzC {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 1px 0;
}

.styles_continentsIcon__5_qGC {
    width: 58px;
    height: 100%;
}
.styles_iconContainer__jgQRZ {
    cursor: pointer;
}

@-webkit-keyframes styles_scroll1__BL3nX {
    0% {
        -webkit-transform:translate(100%);
        transform:translate(100%)
    }
    to {
        -webkit-transform:translate(0);
        transform:translate(0)
    }
}
@keyframes styles_scroll1__BL3nX {
    0% {
        transform:translate(100%)
    }
    to {
        transform:translate(0)
    }
}
.styles_continentsAnimation2__mwr4b {
    -webkit-animation:styles_scroll2__yz5jJ 3s linear 0s infinite;
    animation:styles_scroll2__yz5jJ 3s linear 0s infinite;
}

.logoCircle {
    stroke: var(--si-body-color);
}

.logoFill {
    fill: var(--si-body-color);
}


@-webkit-keyframes styles_scroll2__yz5jJ {
    0% {
        transform:translate(0)
    }
    to {
        transform:translate(-100%)
    }
}
@keyframes styles_scroll2__yz5jJ {
    0% {
        transform:translate(0)
    }
    to {
        transform:translate(-100%)
    }
}




/*CSS*/
.pulse {
    display: block;
    position: absolute;
    top: 7px;
    right: 8px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c03c;
}

.pulse:before {
    content: '';
    top: -11px;
    right: -11px;
    width: 29px;
    height: 29px;
    position: absolute;
    border-radius: 50%;
    background: rgba(34, 192, 60, 0.6);
    cursor: pointer;
    box-shadow: 0 0 0 rgba(34, 192, 60, 0.9);
    animation: pulse 1s linear infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    8% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    15% {
        -webkit-transform: scale(0.1);
        opacity: 1;
    }

    30% {
        -webkit-transform: scale(0.5);
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    8% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    15% {
        -webkit-transform: scale(0.1);
        opacity: 1;
    }

    30% {
        -webkit-transform: scale(0.5);
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }
}

.pulse-danger {
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ef4444;
}

.pulse-danger:before {
    content: '';
    width: 29px;
    height: 29px;
    position: absolute;
    border-radius: 50%;
    background: rgba(238, 51, 94, 0.8);
    cursor: pointer;
    box-shadow: 0 0 0 rgba(238, 51, 94, 0.9);
    animation: pulse 1s linear infinite;
}


.chat-fade-in {
    animation: fadeInAnim 0.3s ease-out;
}
@keyframes fadeInAnimChat {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

#typingStatus,
.spinner-border,
.chat-date-separator,
.msg-body {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* ==========================================================================
   Toolbar Scroll Wrapper — горизонтальный скролл на мобильных
   Используется в /search/, /entry-prices/, /industry-trends/ и др.
   ========================================================================== */
.toolbar-scroll-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin: 0 -12px;
    padding: 0 12px;
}
.toolbar-scroll-wrapper::-webkit-scrollbar {
    display: none;
}
.toolbar-scroll-wrapper .toolbar-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    min-width: max-content;
    gap: 0.5rem;
    padding-bottom: 4px;
}
.toolbar-scroll-wrapper .toolbar-inner > div {
    flex-shrink: 0;
}
/* Когда dropdown открыт — убираем overflow чтобы меню было видно */
.toolbar-scroll-wrapper.dropdown-open {
    overflow: visible;
}
@media (min-width: 768px) {
    .toolbar-scroll-wrapper {
        overflow: visible;
        margin: 0;
        padding: 0;
    }
    .toolbar-scroll-wrapper .toolbar-inner {
        flex-wrap: wrap;
        min-width: auto;
    }
}