/* Start:/local/templates/main_b2b/components/spll/static.banner_with_elements/terr_descr_elements/style.css?17768485291789*/
[data-v-31ed21c1]:root { --tablet-breakpoint: 920px; }
.intro-section__title[data-v-31ed21c1] { font-size: 32px; }
@media screen and (max-width: 920px) {
    .intro-section__title[data-v-31ed21c1] { font-size: 32px; }
}
@media screen and (max-width: 480px) {
    .intro-section__title[data-v-31ed21c1] { font-size: 22px; }
}
.intro-section__content[data-v-31ed21c1] { gap: 40px; }
@media screen and (max-width: 920px) {
    .intro-section__content[data-v-31ed21c1] { gap: 32px; }
}
@media screen and (max-width: 480px) {
    .intro-section__content[data-v-31ed21c1] { gap: 40px; }
}
.intro-section__head[data-v-31ed21c1] { gap: 12px; max-width: 976px; }
.intro-section__text[data-v-31ed21c1] { color: rgb(18, 54, 112); }
@media screen and (max-width: 480px) {
    .intro-section__text[data-v-31ed21c1] { font-size: 14px; }
}
.intro-section__list[data-v-31ed21c1] { display: grid; grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); gap: 24px; }
@media screen and (max-width: 920px) {
    .intro-section__list[data-v-31ed21c1] { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); gap: 20px; }
}
.intro-section__item[data-v-31ed21c1] { gap: 40px; }
@media screen and (max-width: 480px) {
    .intro-section__item[data-v-31ed21c1] { gap: 20px; align-items: flex-start; }
}
.intro-section__item-icon[data-v-31ed21c1] { width: 60px; height: 60px; flex-shrink: 0; background-color: rgb(217, 239, 255); border-radius: 100px; }
@media screen and (max-width: 480px) {
    .intro-section__item-icon[data-v-31ed21c1] { width: 40px; height: 40px; }
}
@media screen and (max-width: 480px) {
    .intro-section__item-icon[data-v-31ed21c1] svg { width: 20px; height: 20px; }
}
@media screen and (max-width: 480px) {
    .intro-section__item-title[data-v-31ed21c1] { font-size: 16px; }
}
/* End */


/* Start:/local/templates/main_b2b/components/spll/static.banner_with_elements/terr_map_values/style.css?17768485295978*/
[data-v-c3b117a6]:root { --tablet-breakpoint: 920px; }
.map-container[data-v-c3b117a6] { position: relative; width: 100%; }
.map-svg[data-v-c3b117a6] { width: 100%; height: auto; display: block; }
@media screen and (max-width: 480px) {
    .map-svg[data-v-c3b117a6] { margin-bottom: 32px; }
}
.marker[data-v-c3b117a6] { cursor: pointer; color: rgb(214, 215, 255); transition: 0.3s ease-in-out; }
.marker[data-v-c3b117a6]:hover, .marker--selected[data-v-c3b117a6] { color: rgb(83, 79, 189); }
.tooltip[data-v-c3b117a6] { position: absolute; pointer-events: none; z-index: 10; background-color: rgb(249, 252, 255); border-radius: 12px; border: 1px solid rgba(208, 213, 221, 0.5); padding: 12px; min-width: 260px; max-width: 300px; }
@media screen and (max-width: 480px) {
    .tooltip[data-v-c3b117a6] { width: 100%; position: static; }
}
.tooltip__content-title[data-v-c3b117a6] { flex-grow: 1; }
.tooltip__content-head[data-v-c3b117a6] { gap: 12px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid rgba(18, 54, 112, 0.2); }
.tooltip__content-industries[data-v-c3b117a6] { gap: 6px; margin: 0px; font-weight: 500 !important; color: #344054 !important; }
.tooltip__content-industry[data-v-c3b117a6]::marker { font-size: 8px; }
[data-v-06a19e35]:root { --tablet-breakpoint: 920px; }
.interactive-map__main[data-v-06a19e35] { background-color: rgb(217, 239, 255); border-radius: 36px; padding: 36px; }
@media screen and (max-width: 920px) {
    .interactive-map__main[data-v-06a19e35] { flex-direction: column; padding: 32px; }
}
@media screen and (max-width: 480px) {
    .interactive-map__main[data-v-06a19e35] { border-radius: 20px; padding: 20px; }
}
.interactive-map__interactive-map[data-v-06a19e35] { width: 100%; overflow: hidden; }
.interactive-map__head[data-v-06a19e35] { gap: 16px; margin-bottom: 24px; }
@media screen and (max-width: 920px) {
    .interactive-map__head[data-v-06a19e35] { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 40px; }
}
.interactive-map__body[data-v-06a19e35] { gap: 40px; }
@media screen and (max-width: 920px) {
    .interactive-map__body[data-v-06a19e35] { flex-direction: column-reverse; gap: 40px; }
}
@media screen and (max-width: 480px) {
    .interactive-map__body[data-v-06a19e35] { gap: 12px; }
}
.interactive-map__head-text[data-v-06a19e35] { max-width: 200px; color: rgb(18, 54, 112); }
@media screen and (max-width: 920px) {
    .interactive-map__head-text[data-v-06a19e35] { max-width: 90%; }
}
.interactive-map__title[data-v-06a19e35] { font-size: 32px; }
@media screen and (max-width: 920px) {
    .interactive-map__title[data-v-06a19e35] { font-size: 24px; }
}
@media screen and (max-width: 480px) {
    .interactive-map__title[data-v-06a19e35] { font-size: 22px; }
}
.interactive-map__title[data-v-06a19e35] { line-height: 130%; max-width: 356px; }
@media screen and (max-width: 920px) {
    .interactive-map__title[data-v-06a19e35] { max-width: 90%; }
}
.interactive-map__info-wrapper[data-v-06a19e35] { width: 332px; flex-shrink: 0; background-color: rgb(255, 255, 255); border-radius: 16px; padding: 12px; }
@media screen and (max-width: 920px) {
    .interactive-map__info-wrapper[data-v-06a19e35] { width: 100%; }
}
.interactive-map__list[data-v-06a19e35] { max-height: 380px; overflow-y: auto; padding-right: 16px; }
.interactive-map__list[data-v-06a19e35]::-webkit-scrollbar { width: 4px; }
.interactive-map__list[data-v-06a19e35]::-webkit-scrollbar-track { background: rgb(217, 239, 255); }
.interactive-map__list[data-v-06a19e35]::-webkit-scrollbar-thumb { background-color: rgb(208, 213, 221); border-radius: 100px; }
.interactive-map__item[data-v-06a19e35] { gap: 4px; padding: 10px 8px 10px 4px; cursor: pointer; border-radius: 8px; transition: background-color 0.2s; }
.interactive-map__item--active[data-v-06a19e35], .interactive-map__item[data-v-06a19e35]:hover { background-color: rgb(232, 239, 245); }
.interactive-map__item-label[data-v-06a19e35] { flex-grow: 1; }
.interactive-map__item-dot[data-v-06a19e35] { width: 16px; height: 16px; flex-shrink: 0; position: relative; }
.interactive-map__item-dot[data-v-06a19e35]::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6px; height: 6px; background-color: rgb(47, 142, 237); border-radius: 100px; }
.interactive-map__interactive-map-wrapper[data-v-06a19e35] { width: 100%; height: 100%; }
[data-v-30c0cbb1]:root { --tablet-breakpoint: 920px; }
.territory-page__intro-section[data-v-30c0cbb1] { margin-bottom: 40px; }

.interactive-map__item:hover ~ .interactive-map__interactive-map-wrapper .marker[data-marker-index],
.marker:hover {
    filter: drop-shadow(0 0 8px rgba(30, 124, 218, 0.6));
    cursor: pointer;
}

.interactive-map__item:hover .interactive-map__item-dot {
}

/* Стили для тултипа */
.tooltip {
    position: absolute;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    padding: 12px 16px;
    min-width: 200px;
    z-index: 1000;
    pointer-events: none;
    transition: opacity 0.2s;
}

.tooltip__content-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}

.tooltip__content-title {
    font-weight: 600;
    color: #333;
}

.tooltip__content-value {
    font-weight: 600;
}

.tooltip__content-industries ul {
    margin: 0 !important;
    padding-left: 20px !important;
    list-style: disc !important;
}

.tooltip__content-industries li {
    font-size: 12px;
    color: #666;
    padding: 2px 0 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    border-top: none !important;
    list-style: disc !important;
}

.tooltip__content-industries a {
    text-decoration: none !important;
    color: inherit;
}

/* Подсветка активного элемента списка */
.interactive-map__item:hover {
    cursor: pointer;
}
/* End */
/* /local/templates/main_b2b/components/spll/static.banner_with_elements/terr_descr_elements/style.css?17768485291789 */
/* /local/templates/main_b2b/components/spll/static.banner_with_elements/terr_map_values/style.css?17768485295978 */