/* /Features/ErrorPage.razor.rz.scp.css */
body[b-nt7s5548rb] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(135deg, #36393f, #2f3136);
    height: 100vh;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.access-container[b-nt7s5548rb] {
    background-color: #2f3136;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    padding: 30px;
    width: 350px;
    text-align: center;
    border: 1px solid #40444b;
}

.access-text[b-nt7s5548rb] {
    font-size: 16px;
    color: #b9bbbe;
    margin-bottom: 25px;
    line-height: 1.5;
}
/* /Features/ManageMap/ManageMapControl/MapControl.razor.rz.scp.css */
/* Стили для элементов управления*/
#map-interaction-sidebar[b-tv5wgflkxg] {
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 2;
}

/* Шаблон для кнопок в правой части экрана*/
.btn[b-tv5wgflkxg] {
    position: fixed;
    width: 35px;
    height: 35px;
    background-color: white;
    border: solid;
    border-width: 2px;
    border-radius: 4px;
    border-color: gray;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
}

    .btn:hover[b-tv5wgflkxg] {
        background-color: lightgray;
    }

    /* Подсказка для кнопки */
    .btn[b-tv5wgflkxg]::after {
        content: attr(data-tooltip);
        position: absolute;
        top: 50%;
        right: 115%; /* смещаем влево */
        transform: translateY(-50%);
        background: black;
        color: white;
        padding: 5px 8px;
        border-radius: 5px;
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s;
    }

    /* показываем при наведении */
    .btn:hover[b-tv5wgflkxg]::after {
        opacity: 1;
    }

#full-screen-btn[b-tv5wgflkxg] {
    background-image: url("/images/map-interaction-sidebar/fullscreen.png");
    top: 10px;
    right: 30px;
}

#create-user-marker[b-tv5wgflkxg] {
    background-image: url("/images/map-interaction-sidebar/local.png");
    background-size: 70% 70%;
    top: 60px;
    right: 30px;
    z-index: 3;
}

#reolad-no-cache[b-tv5wgflkxg] {
    background-image: url("/images/map-interaction-sidebar/reload.png");
    background-size: 55% 55%;
    top: 110px;
    right: 30px;
}

#zoom-out[b-tv5wgflkxg] {
    background-image: url("/images/map-interaction-sidebar/minus.png");
    background-size: 55% 55%;
    bottom: 30px;
    right: 30px;
    border-left: 1px solid gray !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
    /* отключаем для конкретного id */
    #zoom-out[b-tv5wgflkxg]::after {
        display: none !important;
    }

#zoom-in[b-tv5wgflkxg] {
    background-image: url("/images/map-interaction-sidebar/plus.png");
    background-size: 55% 55%;
    bottom: 30px;
    right: 65px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 1px solid gray !important;
}
    /* отключаем для конкретного id */
    #zoom-in[b-tv5wgflkxg]::after {
        display: none !important;
    }

/* Кнопка для создания метки */
#add-global-marker[b-tv5wgflkxg] {
    background-image: url("/images/map-interaction-sidebar/global.png");
    background-size: 70% 70%;
    top: 60px;
    right: 80px;
}
/* /Features/ManageMap/ManageMarkersList/Area/About.razor.rz.scp.css */
#about[b-lflh693l8t] {
    padding: 10px 15px;
    color: white;
    scrollbar-width: none; /* Firefox */
    overflow-y: scroll;
    will-change: scroll-position;
}

    #about a[b-lflh693l8t] {
        color: deepskyblue; /* тот же цвет, что и у текста */
        text-decoration: none;
        outline: none;
    }

        #about a:hover[b-lflh693l8t] {
            color: #5865F2;
        }

    #about h2[b-lflh693l8t] {
        margin: 0 0 12px 0;
        border-bottom: 1px solid rgba(255,255,255,0.15);
        padding-bottom: 6px;
    }

    #about p[b-lflh693l8t] {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 12px;
        text-decoration: none;
    }

    #about a[b-lflh693l8t] {
        font-weight: 500;
        text-decoration: none;
        transition: color 0.2s;
    }

    #about hr[b-lflh693l8t] {
        border: none;
        border-top: 1px solid rgba(255,255,255,0.2);
        margin: 15px 0;
    }

    #about h3[b-lflh693l8t] {
        font-size: 16px;
        margin: 0 0 8px 0;
    }

.thanks-list[b-lflh693l8t] {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
}

    .thanks-list li[b-lflh693l8t] {
        margin-bottom: 8px;
        padding-left: 10px;
        border-left: 3px solid rgba(255,255,255,0.5);
    }
        .thanks-list li.yt[b-lflh693l8t] {
            border-color: red;
        }
        .thanks-list li.tw[b-lflh693l8t] {
           
            border-color: darkviolet;
        }
        .thanks-list li a[b-lflh693l8t] {
            color: white !important;
        }
            .thanks-list li a:hover[b-lflh693l8t] {
                color: #5865F2 !important;
            }
/* /Features/ManageMap/ManageMarkersList/Area/MarkerCategoryList/LayerVisibilitySwitch.razor.rz.scp.css */
.layer-visibility-switch[b-8ztqc1ypfd] {
    height: 25px;
    width: 35px;
    margin-left: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}


.custom-checkbox[b-8ztqc1ypfd] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-left: auto;
    flex-shrink: 0; /* не сжимается */
    flex-grow: 0; /* не растягивается */
    box-sizing: border-box;
}


.off[b-8ztqc1ypfd] {
    background-image: url('/images/main-sidebar/area/markers-list/hiden.png');
}


.on[b-8ztqc1ypfd] {
    background-image: url('/images/main-sidebar/area/markers-list/hide.png');
}
/* /Features/ManageMap/ManageMarkersList/Area/MarkerCategoryList/MarkerCategory.razor.rz.scp.css */
.category[b-x1498vrsb0] {
    display: flex;
    align-items: center; /* Выравнивание по вертикали */
    gap: 20px;
    padding: 5px 0 5px 0;
    text-align: center;
}


.type-visibility-switch[b-x1498vrsb0] {
    height: 25px;
    width: 35px;
    margin-left: auto; /* ← ВАЖНО: это прижмёт чекбокс */

    background-image: url('/images/main-sidebar/area/markers-list/arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.3s ease; /* плавный переход */
    cursor: pointer;
}


.close[b-x1498vrsb0] {
    transform: rotate(0deg);
}


.open[b-x1498vrsb0] {
    transform: rotate(90deg);
}


.category-name[b-x1498vrsb0] {
    font-family: 'Ritalin';
    font-size: 20px;
    flex-grow: 1;
    text-align: center;
    width: 166px;
    text-transform: uppercase;
}
/* /Features/ManageMap/ManageMarkersList/Area/MarkerCategoryList/MarkerCategoryList.razor.rz.scp.css */
#markers-list-conteyner[b-vjy4ifhuar] {
    display: flex;
    flex-direction: column; /* Чтобы ul шёл под логотипом */
    height: 100%; /* или конкретная высота, например 300px */
    min-height: 0; /* важно для вложенных flex */
}

#markers-list[b-vjy4ifhuar] {
    display: flex;
    flex-direction: column;
    -ms-overflow-style: none; /* IE и Edge */
    scrollbar-width: none; /* Firefox */
    overflow-y: scroll;
    will-change: scroll-position;
    padding-bottom: 10px;
    align-items: center;
    list-style-type: none; /* полностью убирает точки */
    padding-left: 0; /* убирает стандартный отступ */
    margin: 0;
}

#logo[b-vjy4ifhuar] {
    width: 230px;
    height: auto;
    margin: 0 auto;
}

.category[b-vjy4ifhuar] {
    display: flex;
    align-items: center; /* Выравнивание по вертикали */
    gap: 20px;
    padding: 5px 0 5px 0;
    text-align: center;
}


.type-visibility-switch[b-vjy4ifhuar] {
    height: 25px;
    width: 35px;
    margin-left: auto; /* ← ВАЖНО: это прижмёт чекбокс */

    background-image: url('/images/main-sidebar/area/markers-list/arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.3s ease; /* плавный переход */
    cursor: pointer;
}

.category-name[b-vjy4ifhuar] {
    font-family: 'Ritalin';
    font-size: 20px;
    flex-grow: 1;
    text-align: center;
    width: 166px;
    text-transform: uppercase;
}
/* /Features/ManageMap/ManageMarkersList/Area/MarkerCategoryList/MarkerType.razor.rz.scp.css */

.type[b-lwsgu1ngkk] {
    display: flex;
    align-items: center; /* Выравнивание по вертикали */
    gap: 10px;
    /* Переопределяет align-items для отдельного элемента */
    align-self: center;
    padding: 5px 0 5px 0;
    overflow-wrap: break-word; /* или overflow-wrap: break-word; */
    white-space: normal; /* разрешает переносы */
    width: 214px;
    margin: 0px auto;
}

.off[b-lwsgu1ngkk] {
    display: none;
}

.on[b-lwsgu1ngkk] {
    display: flex;
}

.type-name[b-lwsgu1ngkk] {
    width: min-content;
    font-family: 'Ritalin';
    font-size: 20px;
    flex-grow: 1;
    margin: 0;
    text-align: center;
    overflow-wrap: break-word; /* или overflow-wrap: break-word; */
    white-space: normal; /* разрешает переносы */

    text-transform: uppercase;
    text-align: center;
}


.layer-on-switch[b-lwsgu1ngkk] {
    width: 30px;
    height: auto;
    cursor: pointer;
}
/* /Features/ManageMap/ManageMarkersList/Area/Version.razor.rz.scp.css */
#version[b-2vg14qrg80] {
    overflow-y: scroll;
    will-change: scroll-position;
    scrollbar-width: none; /* Firefox */
}

.sidebar-header[b-2vg14qrg80] {
    padding: 0 0 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 20px;
    color: white;
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

.version-section[b-2vg14qrg80] {
    margin-bottom: 30px;
}

.section-title[b-2vg14qrg80] {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.version-item[b-2vg14qrg80] {
    position: relative;
    padding: 0px 10px 0px 10px;
    margin-bottom: 15px;
    color: white;
}

.version-header[b-2vg14qrg80] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.version-name[b-2vg14qrg80] {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.version-date[b-2vg14qrg80] {
    font-size: 13px;
    color: #bdc3c7;
}

.version-desc[b-2vg14qrg80] {
    font-size: 14px;
    color: lightgray;
    line-height: 1.5;
}
/* /Features/ManageMap/ManageMarkersList/MainSidebar.razor.rz.scp.css */
/* Стили для основной боковой панели */

#main-sidebar[b-g6al4eetm2] {
    position: fixed;
    display: flex;
    height: 100%;
    top:0px;
    left:0px;
    bottom:0px;
    color: rgb(163, 163, 163);
    z-index: 2;
    width: 0px;
    min-width: 0px;
}

#switches[b-g6al4eetm2] {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #000000;
    background-image: url("/images/main-sidebar/stone-bg-3.png");
    background-repeat: repeat; /* Чтобы изображение  повторялось */
    background-position: center; /* Позиционирование по центру */
    background-size: contain; /* Растянуть на весь блок (или contain для полного отображения) */
    z-index: 2;
}

    #switches div[b-g6al4eetm2] {
        width: 50px;
        height: 50px;
        margin-bottom: 10px;
    }

#area[b-g6al4eetm2] {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #000000; /* Пунктирная линия */
    border-bottom: none;
    border-top: none;
    border-left: none;
    padding: 10px;
    -ms-overflow-style: none; /* IE и Edge */
    scrollbar-width: none; /* Firefox */
    min-width: 300px;
    background-image: url("/images/main-sidebar/stone-bg-1.png");
    background-repeat: repeat; /* Чтобы изображение не повторялось */
    background-position: center; /* Позиционирование по центру */
    background-size: 50%; /* Растянуть на весь блок (или contain для полного отображения) */
    transform: translateX(-320px);
    transition: transform 0.4s ease; /* плавный переход */
}

.area-open[b-g6al4eetm2] {
    transform: translateX(0) !important;
}
/* /Features/ManageMap/ManageMarkersList/Switch.razor.rz.scp.css */
.switch[b-obr4eded94] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px !important;
    height: 50px !important;
    transition: transform 0.4s ease;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.selected[b-obr4eded94] {
    background-color: black;
}
/* /Features/ManageMap/ManageMarkers/ManageGlobalMarkers/AddGlobalMarker/AddGlobalMarkerForm.razor.rz.scp.css */
button[b-cnpsuj95cv] {
    width: 100%; 
    padding: 8px;
    background: #6c757d;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;

}

button[type="submit"][b-cnpsuj95cv] {
    margin-bottom: 20px;
}

hr[b-cnpsuj95cv] {
    width: 100%;
    margin:0;
}


#edit-sidebar-main[b-cnpsuj95cv] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    -ms-overflow-style: none; /* IE и Edge */
    scrollbar-width: none; /* Firefox */
    overflow-y: scroll;
    will-change: scroll-position;
}

/* Кнопка для закрытия боковой панели */
#close-edit-marker-sidebar-btn[b-cnpsuj95cv] {
    position: absolute;
    top: 0px;
    right: 0px;
    display:flex;
    justify-content:center;
    width: 25px;
    height: auto;
    font-size: 18px;
    cursor: pointer;
    color: white;
}
    #close-edit-marker-sidebar-btn:hover[b-cnpsuj95cv] {
        color: gray;
    }

.input-image-group[b-cnpsuj95cv] {
    background: rgba(0, 0, 0, 0.4);
    padding: 9px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.input-image-group_input[b-cnpsuj95cv] {
    color: white;
    background-color: black;
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
}

.input-image-group_preview[b-cnpsuj95cv] {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin: 0;
}
    .input-image-group_preview[src=""][b-cnpsuj95cv],
    .nput-image-group_preview:not([src])[b-cnpsuj95cv] {
        display: none;
    }

.input-image-group_image-none[b-cnpsuj95cv] {
    max-width: 100%;
    width: 100%;
    height: 158px;
    border-radius: 8px;
    background-image: url("/images/edit-marker-sidebar/upload_image.png");
    background-color: black;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15%;
    margin-bottom: 20px;
}

.input-image-group_delete-image-btn:hover[b-cnpsuj95cv] {
    background: darkred !important;
}

#add-user-marker-btn:hover[b-cnpsuj95cv],
#create-global-marker-btn:hover[b-cnpsuj95cv] {
    background: #45a049;        
}

#edit-user-marker-btn:hover[b-cnpsuj95cv],
#edit-global-marker-btn:hover[b-cnpsuj95cv] {
    background: #0056b3;
}
/* /Features/ManageMap/ManageMarkers/ManageGlobalMarkers/CreateGlobalMarker.razor.rz.scp.css */

.custom-popup[b-n8h4aao8vt] {
    display: flex;
    flex-direction: column;
    min-width: 275px;
    max-width: 400px;
    margin: 10px;
}


.popup-header[b-n8h4aao8vt] {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 10px;
}

.popup-title[b-n8h4aao8vt] {

    word-wrap: break-word;
    font-weight: bold;
    font-size: 16px;
    margin:0 35px 10px 0;
    flex-grow: 1;
}

.popup-description[b-n8h4aao8vt] {
    /* Преобразование /n в переносы */
    white-space: pre-wrap;
    word-wrap: break-word;
}

.popup-buttons[b-n8h4aao8vt] {
    position: relative;
    bottom: 28px;
    left: 25px;
    display: flex;
    flex-direction:row;
    gap: 5px;
    background-color:white;
    border: 1px solid black;
}
    .popup-buttons.open[b-n8h4aao8vt]{
        display: flex;
    }

    .popup-buttons.close[b-n8h4aao8vt] {
        display: none;
    }

.popup-button[b-n8h4aao8vt] {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #555;
}

    .popup-button[class="popup-button setting"]:hover[b-n8h4aao8vt],
    .popup-button[class="popup-button edit"]:hover[b-n8h4aao8vt],
    .popup-button[class="popup-button delete"]:hover[b-n8h4aao8vt],
    .popup-button[class="popup-button copy"]:hover[b-n8h4aao8vt] {
        background-color: lightgray;
    }

    .popup-button:hover[b-n8h4aao8vt] {
        color: #000;
    }

.popup-image-container[b-n8h4aao8vt] {
    width: 100%;
    background-color: #f5f5f5;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 8px; /* Добавили закругление для изображения */
}

.popup-image[b-n8h4aao8vt] {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

    .popup-image:hover[b-n8h4aao8vt] {
        cursor: zoom-in;
    }

.popup-footer[b-n8h4aao8vt] {
    font-size: 12px;
    color: #666;
    text-align: left; /* Перенесли влево */
    margin-top: 8px;
}


.level-timer[b-n8h4aao8vt] {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.time-display[b-n8h4aao8vt] {
    font-size: large;
    font-family: monospace;
    min-width: 80px;
}

.start-timer-btn[b-n8h4aao8vt], .reset-timer-btn[b-n8h4aao8vt] {
    padding: 4px 8px;
    font-size: 14px;
    cursor: pointer;
}
/* /Features/ManageMap/ManageMarkers/ManageGlobalMarkers/EditGlobalMarker/EditGlobalMarkerForm.razor.rz.scp.css */
button[b-xz3tbe6w76] {
    width: 100%; 
    padding: 8px;
    background: #6c757d;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;

}

button[type="submit"][b-xz3tbe6w76] {
    margin-bottom: 20px;
}

hr[b-xz3tbe6w76] {
    width: 100%;
    margin:0;
}


#edit-sidebar-main[b-xz3tbe6w76] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    -ms-overflow-style: none; /* IE и Edge */
    scrollbar-width: none; /* Firefox */
    overflow-y: scroll;
    will-change: scroll-position;
}

/* Кнопка для закрытия боковой панели */
#close-edit-marker-sidebar-btn[b-xz3tbe6w76] {
    position: absolute;
    top: 0px;
    right: 0px;
    display:flex;
    justify-content:center;
    width: 25px;
    height: auto;
    font-size: 18px;
    cursor: pointer;
    color: white;
}
    #close-edit-marker-sidebar-btn:hover[b-xz3tbe6w76] {
        color: gray;
    }

.input-image-group[b-xz3tbe6w76] {
    background: rgba(0, 0, 0, 0.4);
    padding: 9px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.input-image-group_input[b-xz3tbe6w76] {
    color: white;
    background-color: black;
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
}

.input-image-group_preview[b-xz3tbe6w76] {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin: 0;
}
    .input-image-group_preview[src=""][b-xz3tbe6w76],
    .nput-image-group_preview:not([src])[b-xz3tbe6w76] {
        display: none;
    }

.input-image-group_image-none[b-xz3tbe6w76] {
    max-width: 100%;
    width: 100%;
    height: 158px;
    border-radius: 8px;
    background-image: url("/images/edit-marker-sidebar/upload_image.png");
    background-color: black;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15%;
    margin-bottom: 20px;
}

.input-image-group_delete-image-btn:hover[b-xz3tbe6w76] {
    background: darkred !important;
}

#add-user-marker-btn:hover[b-xz3tbe6w76],
#create-global-marker-btn:hover[b-xz3tbe6w76] {
    background: #45a049;        
}

#edit-user-marker-btn:hover[b-xz3tbe6w76],
#edit-global-marker-btn:hover[b-xz3tbe6w76] {
    background: #0056b3;
}
/* /Features/ManageMap/ManageMarkers/ManageGlobalMarkers/Shared/GlobalMarkerForm.razor.rz.scp.css */
button[b-uxj571ico2] {
    width: 100%; 
    padding: 8px;
    background: #6c757d;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;

}

button[type="submit"][b-uxj571ico2] {
    margin-bottom: 20px;
}

hr[b-uxj571ico2] {
    width: 100%;
    margin:0;
}


#edit-sidebar-main[b-uxj571ico2] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    -ms-overflow-style: none; /* IE и Edge */
    scrollbar-width: none; /* Firefox */
    overflow-y: scroll;
    will-change: scroll-position;
}

/* Кнопка для закрытия боковой панели */
#close-edit-marker-sidebar-btn[b-uxj571ico2] {
    position: absolute;
    top: 0px;
    right: 0px;
    display:flex;
    justify-content:center;
    width: 25px;
    height: auto;
    font-size: 18px;
    cursor: pointer;
    color: white;
}
    #close-edit-marker-sidebar-btn:hover[b-uxj571ico2] {
        color: gray;
    }

.input-image-group[b-uxj571ico2] {
    background: rgba(0, 0, 0, 0.4);
    padding: 9px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.input-image-group_input[b-uxj571ico2] {
    color: white;
    background-color: black;
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
}

.input-image-group_preview[b-uxj571ico2] {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin: 0;
}
    .input-image-group_preview[src=""][b-uxj571ico2],
    .nput-image-group_preview:not([src])[b-uxj571ico2] {
        display: none;
    }

.input-image-group_image-none[b-uxj571ico2] {
    max-width: 100%;
    width: 100%;
    height: 158px;
    border-radius: 8px;
    background-image: url("/images/edit-marker-sidebar/upload_image.png");
    background-color: black;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15%;
    margin-bottom: 20px;
}

.input-image-group_delete-image-btn:hover[b-uxj571ico2] {
    background: darkred !important;
}

#add-user-marker-btn:hover[b-uxj571ico2],
#create-global-marker-btn:hover[b-uxj571ico2] {
    background: #45a049;        
}

#edit-user-marker-btn:hover[b-uxj571ico2],
#edit-global-marker-btn:hover[b-uxj571ico2] {
    background: #0056b3;
}
/* /Features/ManageMap/ManageMarkers/ManageUserMarkers/AddUserMarker/AddUserMarkerForm.razor.rz.scp.css */
button[b-2rldoctu6w] {
    width: 100%; 
    padding: 8px;
    background: #6c757d;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;

}

button[type="submit"][b-2rldoctu6w] {
    margin-bottom: 20px;
}

hr[b-2rldoctu6w] {
    width: 100%;
    margin:0;
}


#edit-sidebar-main[b-2rldoctu6w] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    -ms-overflow-style: none; /* IE и Edge */
    scrollbar-width: none; /* Firefox */
    overflow-y: scroll;
    will-change: scroll-position;
}

/* Кнопка для закрытия боковой панели */
#close-edit-marker-sidebar-btn[b-2rldoctu6w] {
    position: absolute;
    top: 0px;
    right: 0px;
    display:flex;
    justify-content:center;
    width: 25px;
    height: auto;
    font-size: 18px;
    cursor: pointer;
    color: white;
}
    #close-edit-marker-sidebar-btn:hover[b-2rldoctu6w] {
        color: gray;
    }

.input-image-group[b-2rldoctu6w] {
    background: rgba(0, 0, 0, 0.4);
    padding: 9px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.input-image-group_input[b-2rldoctu6w] {
    color: white;
    background-color: black;
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
}

.input-image-group_preview[b-2rldoctu6w] {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin: 0;
}
    .input-image-group_preview[src=""][b-2rldoctu6w],
    .nput-image-group_preview:not([src])[b-2rldoctu6w] {
        display: none;
    }

.input-image-group_image-none[b-2rldoctu6w] {
    max-width: 100%;
    width: 100%;
    height: 158px;
    border-radius: 8px;
    background-image: url("/images/edit-marker-sidebar/upload_image.png");
    background-color: black;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15%;
    margin-bottom: 20px;
}

.input-image-group_delete-image-btn:hover[b-2rldoctu6w] {
    background: darkred !important;
}

#add-user-marker-btn:hover[b-2rldoctu6w],
#create-global-marker-btn:hover[b-2rldoctu6w] {
    background: #45a049;        
}

#edit-user-marker-btn:hover[b-2rldoctu6w],
#edit-global-marker-btn:hover[b-2rldoctu6w] {
    background: #0056b3;
}
/* /Features/ManageMap/ManageMarkers/ManageUserMarkers/CreateUserMarker.razor.rz.scp.css */

.custom-popup[b-kl7kbgpvfp] {
    display: flex;
    flex-direction: column;
    min-width: 275px;
    max-width: 400px;
    margin: 10px;
}


.popup-header[b-kl7kbgpvfp] {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 10px;
}

.popup-title[b-kl7kbgpvfp] {

    word-wrap: break-word;
    font-weight: bold;
    font-size: 16px;
    margin:0 35px 10px 0;
    flex-grow: 1;
}

.popup-description[b-kl7kbgpvfp] {
    /* Преобразование /n в переносы */
    white-space: pre-wrap;
    word-wrap: break-word;
}

.popup-buttons[b-kl7kbgpvfp] {
    position: relative;
    bottom: 28px;
    left: 25px;
    display: flex;
    flex-direction:row;
    gap: 5px;
    background-color:white;
    border: 1px solid black;
}
    .popup-buttons.open[b-kl7kbgpvfp]{
        display: flex;
    }

    .popup-buttons.close[b-kl7kbgpvfp] {
        display: none;
    }

.popup-button[b-kl7kbgpvfp] {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #555;
}

    .popup-button[class="popup-button setting"]:hover[b-kl7kbgpvfp],
    .popup-button[class="popup-button edit"]:hover[b-kl7kbgpvfp],
    .popup-button[class="popup-button delete"]:hover[b-kl7kbgpvfp],
    .popup-button[class="popup-button copy"]:hover[b-kl7kbgpvfp] {
        background-color: lightgray;
    }

    .popup-button:hover[b-kl7kbgpvfp] {
        color: #000;
    }

.popup-image-container[b-kl7kbgpvfp] {
    width: 100%;
    background-color: #f5f5f5;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 8px; /* Добавили закругление для изображения */
}

.popup-image[b-kl7kbgpvfp] {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

    .popup-image:hover[b-kl7kbgpvfp] {
        cursor: zoom-in;
    }

.popup-footer[b-kl7kbgpvfp] {
    font-size: 12px;
    color: #666;
    text-align: left; /* Перенесли влево */
    margin-top: 8px;
}


.level-timer[b-kl7kbgpvfp] {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.time-display[b-kl7kbgpvfp] {
    font-size: large;
    font-family: monospace;
    min-width: 80px;
}

.start-timer-btn[b-kl7kbgpvfp], .reset-timer-btn[b-kl7kbgpvfp] {
    padding: 4px 8px;
    font-size: 14px;
    cursor: pointer;
}
/* /Features/ManageMap/ManageMarkers/ManageUserMarkers/EditGlobalmarker/EdituserMarkerForm.razor.rz.scp.css */
button[b-vl1w58fhqh] {
    width: 100%; 
    padding: 8px;
    background: #6c757d;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;

}

button[type="submit"][b-vl1w58fhqh] {
    margin-bottom: 20px;
}

hr[b-vl1w58fhqh] {
    width: 100%;
    margin:0;
}


#edit-sidebar-main[b-vl1w58fhqh] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    -ms-overflow-style: none; /* IE и Edge */
    scrollbar-width: none; /* Firefox */
    overflow-y: scroll;
    will-change: scroll-position;
}

/* Кнопка для закрытия боковой панели */
#close-edit-marker-sidebar-btn[b-vl1w58fhqh] {
    position: absolute;
    top: 0px;
    right: 0px;
    display:flex;
    justify-content:center;
    width: 25px;
    height: auto;
    font-size: 18px;
    cursor: pointer;
    color: white;
}
    #close-edit-marker-sidebar-btn:hover[b-vl1w58fhqh] {
        color: gray;
    }

.input-image-group[b-vl1w58fhqh] {
    background: rgba(0, 0, 0, 0.4);
    padding: 9px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.input-image-group_input[b-vl1w58fhqh] {
    color: white;
    background-color: black;
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
}

.input-image-group_preview[b-vl1w58fhqh] {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin: 0;
}
    .input-image-group_preview[src=""][b-vl1w58fhqh],
    .nput-image-group_preview:not([src])[b-vl1w58fhqh] {
        display: none;
    }

.input-image-group_image-none[b-vl1w58fhqh] {
    max-width: 100%;
    width: 100%;
    height: 158px;
    border-radius: 8px;
    background-image: url("/images/edit-marker-sidebar/upload_image.png");
    background-color: black;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15%;
    margin-bottom: 20px;
}

.input-image-group_delete-image-btn:hover[b-vl1w58fhqh] {
    background: darkred !important;
}

#add-user-marker-btn:hover[b-vl1w58fhqh],
#create-global-marker-btn:hover[b-vl1w58fhqh] {
    background: #45a049;        
}

#edit-user-marker-btn:hover[b-vl1w58fhqh],
#edit-global-marker-btn:hover[b-vl1w58fhqh] {
    background: #0056b3;
}
/* /Features/ManageMap/ManageMarkers/ManageUserMarkers/Shared/UserMarkerForm.razor.rz.scp.css */
button[b-az6me0evja] {
    width: 100%; 
    padding: 8px;
    background: #6c757d;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;

}

button[type="submit"][b-az6me0evja] {
    margin-bottom: 20px;
}

hr[b-az6me0evja] {
    width: 100%;
    margin:0;
}


#edit-sidebar-main[b-az6me0evja] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    -ms-overflow-style: none; /* IE и Edge */
    scrollbar-width: none; /* Firefox */
    overflow-y: scroll;
    will-change: scroll-position;
}

/* Кнопка для закрытия боковой панели */
#close-edit-marker-sidebar-btn[b-az6me0evja] {
    position: absolute;
    top: 0px;
    right: 0px;
    display:flex;
    justify-content:center;
    width: 25px;
    height: auto;
    font-size: 18px;
    cursor: pointer;
    color: white;
}
    #close-edit-marker-sidebar-btn:hover[b-az6me0evja] {
        color: gray;
    }

.input-image-group[b-az6me0evja] {
    background: rgba(0, 0, 0, 0.4);
    padding: 9px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.input-image-group_input[b-az6me0evja] {
    color: white;
    background-color: black;
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
}

.input-image-group_preview[b-az6me0evja] {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin: 0;
}
    .input-image-group_preview[src=""][b-az6me0evja],
    .nput-image-group_preview:not([src])[b-az6me0evja] {
        display: none;
    }

.input-image-group_image-none[b-az6me0evja] {
    max-width: 100%;
    width: 100%;
    height: 158px;
    border-radius: 8px;
    background-image: url("/images/edit-marker-sidebar/upload_image.png");
    background-color: black;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15%;
    margin-bottom: 20px;
}

.input-image-group_delete-image-btn:hover[b-az6me0evja] {
    background: darkred !important;
}

#submit-user-marker-btn:hover[b-az6me0evja] {
    background: #45a049;
}
/* /Features/ManageMap/ManageMarkers/Shared/FormSection.razor.rz.scp.css */
.form-section[b-0ocixiv520] {
    background: rgba(0, 0, 0, 0.4);
    padding: 9px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.title[b-0ocixiv520] {
    margin: 0 0 20px 0;
}
/* /Features/ManageMap/ManageMarkers/Shared/InputSelectFormSection.razor.rz.scp.css */

.select-element-group[b-edocbmepnq] {
    background: rgba(0, 0, 0, 0.4) ;
    padding: 9px ;
    border-radius: 10px ;
    margin-bottom: 20px ;
}

.select-element-group_title[b-edocbmepnq] {
    margin: 0 0 20px 0 ;
}

.select-element-group_select[b-edocbmepnq] {
    color: white ;
    background-color: black ;
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    height: 40px;
}

.select-element-group_content[b-edocbmepnq] {
    display: flex;
    width: 100%;
}

.select-element-group_image-preview[b-edocbmepnq] {
    width: 40px;
    margin-right: 5px;
}
/* /Features/ManageMap/ManageMarkers/Shared/InputTextAreaFormSection.razor.rz.scp.css */

.textarea-element-group_hint[b-pxfgz61adu] {
    font-size: 12px;
}

.textarea-element-group_textarea[b-pxfgz61adu] {
    min-height: 60px;
    resize: none;
    color: white;
    background-color: black;
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    /*  Авто размер  */
    box-sizing: border-box; /* важно, чтобы padding учитывался */
    max-height: 40vh; /* максимум — дальше появится скролл */
    overflow: hidden; /* скрываем внутренний скролл, пока не превышено max-height */
}

    .textarea-element-group_textarea[b-pxfgz61adu]::placeholder {
        color: gray;
    }
/* /Features/ManageMap/ManageMarkers/Shared/MarkerEditorSidebar.razor.rz.scp.css */

#marker-editor-sidebar[b-xze7vniais] {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    display: flex;
    flex-direction: column; /* вертикальная колонка */
    color: white;
    z-index: 3;
    width: 0px;
    flex-direction: column;
    padding-left: 30px;
    padding-right: 30px;
    min-width: 300px;
    background-image: url("/images/main-sidebar/stone-bg-1.png");
    background-repeat: repeat;
    background-position: center;
    background-size: 45%;
}

#close[b-xze7vniais] {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    width: 25px;
    height: auto;
    font-size: 18px;
    cursor: pointer;
    color: white;
}

#title[b-xze7vniais] {
    display: flex;
    justify-content: center;
    align-items: center;
}

hr[b-xze7vniais] {
    width: 100%;
    margin: 0;
}
/* /Features/ManageMap/Map.razor.rz.scp.css */

#map[b-zhy7yis9ff] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 1;
    background-image: url(/images/map/stone-bg-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}
/* /Features/ManageMap/Shared/CancelMarkerChangesWindow/CancelMarkerChangesWindow.razor.rz.scp.css */


#revert-changes-modal-close[b-ff6m48mh4h] {
    display: flex;
    position: fixed;
    top: 0px;
    right: 0px;
    display: flex;
    padding: 0 5px 0 0;
    font-size: 16px;
    cursor: pointer;
}

    #revert-changes-modal-close:hover[b-ff6m48mh4h] {
        color: gray;
    }

#revert-changes-modal-type[b-ff6m48mh4h] {
    padding: 0px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

#revert-changes-modal-btn[b-ff6m48mh4h] {
    width: 30%;
    padding: 8px;
    background: #6c757d;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    #revert-changes-modal-btn:hover[b-ff6m48mh4h] {
        background-color: darkred;
    }

.modal-window[b-ff6m48mh4h] {
    position: fixed;
    z-index: 9999;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%);
    max-height: 80%; /* ограничение по условию */
    max-width: 35%;
    min-width: 350px;
    border-radius: 8px;
    border: 2px solid black;
    flex-direction: column; /* чтобы кнопка ушла вниз */
    background-image: url(/images/main-sidebar/fon2.png);
    background-size: 30%;
    background-repeat: repeat;
    background-position: center;
    border-radius: 8px;
    border: 2px solid black;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 1);
    padding: 15px;
    color: white;
}

#modal-header[b-ff6m48mh4h] {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-size: 22px;
    margin-bottom: 5px;
}

#modal-close:hover[b-ff6m48mh4h] {
    cursor: pointer;
    color: gray;
}

#modal-btn[b-ff6m48mh4h] {
    align-self: center; /* центр по горизонтали */
    cursor: pointer;
    width: 100%;
    padding: 8px;
    margin-top: 7px;
    background: #6c757d;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

    #modal-btn:hover[b-ff6m48mh4h] {
        background-color: #0056b3;
    }

#modal-content[b-ff6m48mh4h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    gap: 8px;
    scrollbar-width: none;
    box-sizing: border-box; /* чтобы padding входил в размеры */
    will-change: scroll-position;
    flex: 1; /* занимает всё доступное пространство */
    overflow-y: auto; /* скролл если контента много */
}

.modal-base-contayner[b-ff6m48mh4h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 7px;
    border-radius: 10px;
    width: 100%;
}
/* /Features/ManageMap/Shared/ConfirmMarkerChangesWindow/ConfirmMarkerChanges.razor.rz.scp.css */

#confirm-marker-changes[b-uxi3twpku9] {
    position: fixed;
    z-index: 9999;
    left: 50%;
    right: 50%;
    top:10%;
    bottom: 10%;
    flex-direction:column;

    align-items:center;   
    transform: translateX(-50%);
    max-width: 35%;
    min-width: 350px;
    border-radius: 8px;
    border: 2px solid black;
    background-image: url(/images/main-sidebar/fon2.png);
    background-size: 30%;
    background-repeat: repeat;
    background-position: center;
    border-radius: 8px;
    border: 2px solid black;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 1);
    padding: 15px;
    color: white;
}

.close[b-uxi3twpku9] {
    display: none;
}

.open[b-uxi3twpku9] {
    display: flex;
}

#confirm-marker-changes_close-btn[b-uxi3twpku9] {
    position: absolute;
    top: 0px;
    right: 0px;
    display:flex;
    justify-content:center;
    width: 25px;
    height:auto;
}

    #confirm-marker-changes_close-btn:hover[b-uxi3twpku9] {
        cursor: pointer;
        color: gray;
    }

#confirm-marker-changes_header[b-uxi3twpku9] {
    display: flex;
    justify-content: center;
    padding: 10px;
    font-weight: bold;
    font-size: 22px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    width: 90%;
}

#confirm-marker-changes_content[b-uxi3twpku9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    gap: 8px;
    scrollbar-width: none;
    box-sizing: border-box; /* чтобы padding входил в размеры */
    will-change: scroll-position;
    flex: 1; /* занимает всё доступное пространство */
    overflow-y: auto; /* скролл если контента много */
    overflow-x:hidden;
}

.modal-base-contayner[b-uxi3twpku9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 7px;
    border-radius: 10px;
    width: 100%;
}


.modal-base-content-contayner[b-uxi3twpku9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    font-size: 16px;
}

.modal-image-content[b-uxi3twpku9] {
    max-width: 100%;
}

#modal-image-data[b-uxi3twpku9] {
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin: 0;
}

.modal-value[b-uxi3twpku9] {
    display: flex;
    text-align: center;
}

.modal-data-changed[b-uxi3twpku9] {
    border: 2px solid #0056b3;
}

#confirm-marker-changes_btns-div[b-uxi3twpku9] {
    border-top: 1px solid #ccc;
    margin-top: 5px;
    width: 100%;
}
#confirm-marker-changes_change_btn[b-uxi3twpku9] {
    width: 100%;
    padding: 8px;
    background: #6c757d;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
}

    #confirm-marker-changes_change_btn:hover[b-uxi3twpku9] {
        background-color: #0056b3;
    }
/* /Features/ManageMap/Shared/FullscreenOverley/FullscreenOverley.razor.rz.scp.css */

.fullscreen-overlay[b-arp5e97szn] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
}
/* /Features/ManageMap/Shared/NotificationBar/NotificationBar.razor.rz.scp.css */
/* Прочее */
.notification-bar[b-c8otz3ki2b] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 500px);
    z-index: 10000;
    min-height: 50px;
    /*    min-width: 240px;*/
    width: auto;
    max-width: 350px;
    color: white;
    border: solid;
    border-width: 2px;
    border-radius: 20px;
    border-color: black;
    background-image: url(/images/fon2.png);
    background-size: 50%;
    background-repeat: repeat;
    background-position: center;
    padding-left: 15px
}
    .notification-bar div[b-c8otz3ki2b] {
        align-content: center;
        padding-left: 15px;
        padding-right: 18px;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .notification-bar img[b-c8otz3ki2b] {
        height: 22px;
        width: auto;
    }
/* /Features/MapPage.razor.rz.scp.css */
/* Стили для карты */
body[b-nlgzjfmzn6] {
    font-family: Arial, sans-serif;
    /*    margin: 0;
    padding: 0;
    display: flex;*/

    -webkit-user-select: none; /* Для Chrome, Safari */
    -moz-user-select: none; /* Для Firefox */
    -ms-user-select: none; /* Для IE/Edge */
    user-select: none; /* Стандартный синтаксис */
}