/* _content/WebUI/Components/Account/Pages/Login.razor.rz.scp.css */
.form-page[b-ant5tbeioo] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: var(--color-light-gray);
}

.form-page__content[b-ant5tbeioo] {
    max-width: 17.5rem;
    width: 100%;
}

.form-page__logo[b-ant5tbeioo] {
    margin-bottom: 1.5rem;
    gap: 0.75rem;
    padding: 0.5rem 0;
    color: var(--color-dark-gray);
}

.form-page__logo-icon[b-ant5tbeioo] {
    background-color: transparent;
    color: var(--color-dark-gray);
    border: 1px solid var(--color-dark-gray);
    padding: 0.5rem 0.25rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.form-page__logo-icon-text[b-ant5tbeioo] {
    line-height: 1.5rem;
    width: 1.5rem;
    font-size: 1rem;
    text-align: center;
    font-weight: 700;
}

.form-page__logo-text[b-ant5tbeioo] {
    line-height: 1.25rem;
}

.form-page__title[b-ant5tbeioo] {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3rem;
    margin: 1.5rem 0;
}

.form-page__form[b-ant5tbeioo] {
    margin-bottom: 1.5rem;
}

.form-page__field[b-ant5tbeioo] {
    margin-bottom: 1rem;
}

[b-ant5tbeioo] .form-page__input {
    font-family: inherit;
    width: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 0.375rem;
    line-height: 1.5rem;
    transition: border-color 0.3s;
    max-height: 2.5rem;
}

    .form-page__input[b-ant5tbeioo]::placeholder {
        color: var(--color-mid-gray-4);
    }

    .form-page__input:focus[b-ant5tbeioo] {
        border-color: var(--color-primary);
        outline: none;
    }

.form-page__form_btn[b-ant5tbeioo] {
    background-color: var(--color-medium-blue);
    border-radius: 0.375rem;
}

.form-page__footer[b-ant5tbeioo] {
    background-color: var(--color-light-blue);
    padding: 1rem;
    border-radius: 0.5rem;
    text-align: center;
}

.form-page__footer-text[b-ant5tbeioo] {
    margin-bottom: 0.5rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
}

.form-page__register[b-ant5tbeioo] {
    color: var(--color-dark-gray-2);
    background-color: var(--color-white);
    width: fit-content;
    margin: 0 auto;
    font-weight: 400;
}

    .form-page__register:hover[b-ant5tbeioo] {
        color: var(--color-white);
        background-color: var(--color-blue-hover);
    }

.form-page__through-text[b-ant5tbeioo] {
    display: block;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
}

.form-page__tabs[b-ant5tbeioo] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.form-page__tab[b-ant5tbeioo] {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--color-dark-gray-2);
    background-color: var(--color-white);
    border: 1px solid var(--color-light-gray-2);
    height: 2.5rem;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.form-page__tab-left[b-ant5tbeioo] {
    border-radius: 0.375rem 0 0 0.375rem;
}

.form-page__tab-right[b-ant5tbeioo] {
    border-radius: 0 0.375rem 0.375rem 0;
}

.form-page__tab--active[b-ant5tbeioo] {
    background-color: var(--color-medium-blue);
    color: var(--color-primary-pro50);
    border-color: var(--color-medium-blue);
}

#email-field[b-ant5tbeioo] {
    display: block;
}

.form-page__form-btn[b-ant5tbeioo] {
    background-color: var(--color-medium-blue);
    letter-spacing: -0.1px
}

    .form-page__form-btn.disabled[b-ant5tbeioo] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .form-page__form-btn:hover[b-ant5tbeioo] {
        background-color: var(--color-blue-hover);
    }

    .form-page__form-btn.disabled:hover[b-ant5tbeioo] {
        background-color: var(--color-medium-blue);
    }


.form-page__subtitle[b-ant5tbeioo] {
    color: var(--color-dark-gray);
    margin-bottom: 0.75rem;
    letter-spacing: -0.1px
}

.form-page__description[b-ant5tbeioo] {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-4);
    margin-bottom: 0.75rem;
}

.form-page__field-checkbox[b-ant5tbeioo] {
    margin-bottom: 0;
}

.checkbox__label[b-ant5tbeioo] {
    color: var(--color-dark-gray-2);
    letter-spacing: -0.1px
}

.form-page__field-checkbox-select[b-ant5tbeioo] {
    margin: 1rem 0;
}

.form-page__select[b-ant5tbeioo] {
    width: 100%;
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 0.375rem;
    transition: border-color 0.3s;
}

    .form-page__select[b-ant5tbeioo]::placeholder {
        color: var(--color-mid-gray-4);
    }

    .form-page__select:focus[b-ant5tbeioo] {
        outline: none;
    }

.ForgotPassword[b-ant5tbeioo] {
    margin: 1rem 0;
    display: flex;
    gap: 1rem;
}

.ForgotPassword a[b-ant5tbeioo] {
    margin-left:auto;
}
/* _content/WebUI/Components/Account/Pages/Register.razor.rz.scp.css */
.form-page[b-7axnxg2pxq] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: var(--color-light-gray);
}

.form-page__content[b-7axnxg2pxq] {
    max-width: 17.5rem;
    width: 100%;
}

.form-page__logo[b-7axnxg2pxq] {
    margin-bottom: 1.5rem;
    gap: 0.75rem;
    padding: 0.5rem 0;
    color: var(--color-dark-gray);
}

.form-page__logo-icon[b-7axnxg2pxq] {
    background-color: transparent;
    color: var(--color-dark-gray);
    border: 1px solid var(--color-dark-gray);
    padding: 0.5rem 0.25rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.form-page__logo-icon-text[b-7axnxg2pxq] {
    line-height: 1.5rem;
    width: 1.5rem;
    font-size: 1rem;
    text-align: center;
    font-weight: 700;
}

.form-page__logo-text[b-7axnxg2pxq] {
    line-height: 1.25rem;
}

.form-page__title[b-7axnxg2pxq] {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3rem;
    margin: 1.5rem 0;
}

[b-7axnxg2pxq] .form-page__form {
    margin-bottom: 1.5rem;
}

.form-page__field[b-7axnxg2pxq] {
    margin-bottom: 1rem;
}

[b-7axnxg2pxq] .form-page__input {
    font-family: inherit;
    width: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 0.375rem;
    line-height: 1.5rem;
    transition: border-color 0.3s;
    max-height: 2.5rem;
}

.form-page__input[b-7axnxg2pxq]::placeholder {
    color: var(--color-mid-gray-4);
}

.form-page__input:focus[b-7axnxg2pxq] {
    border-color: var(--color-primary);
    outline: none;
}

.form-page__form_btn[b-7axnxg2pxq] {
    background-color: var(--color-medium-blue);
    border-radius: 0.375rem;
}

.form-page__footer[b-7axnxg2pxq] {
    background-color: var(--color-light-blue);
    padding: 1rem;
    border-radius: 0.5rem;
    text-align: center;
}

.form-page__footer-text[b-7axnxg2pxq] {
    margin-bottom: 0.5rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
}

.form-page__register[b-7axnxg2pxq] {
    color: var(--color-dark-gray-2);
    background-color: var(--color-white);
    width: fit-content;
    margin: 0 auto;
    font-weight: 400;
}

    .form-page__register:hover[b-7axnxg2pxq] {
        color: var(--color-white);
        background-color: var(--color-blue-hover);
    }

.form-page__through-text[b-7axnxg2pxq] {
    display: block;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
}

.form-page__tabs[b-7axnxg2pxq] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.form-page__tab[b-7axnxg2pxq] {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--color-dark-gray-2);
    background-color: var(--color-white);
    border: 1px solid var(--color-light-gray-2);
    height: 2.5rem;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.form-page__tab-left[b-7axnxg2pxq] {
    border-radius: 0.375rem 0 0 0.375rem;
}

.form-page__tab-right[b-7axnxg2pxq] {
    border-radius: 0 0.375rem 0.375rem 0;
}

.form-page__tab--active[b-7axnxg2pxq] {
    background-color: var(--color-medium-blue);
    color: var(--color-primary-pro50);
    border-color: var(--color-medium-blue);
}

#email-field[b-7axnxg2pxq] {
    display: block;
}

.form-page__form-btn[b-7axnxg2pxq] {
    background-color: var(--color-medium-blue);
    letter-spacing: -0.1px
}

    .form-page__form-btn.disabled[b-7axnxg2pxq] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .form-page__form-btn:hover[b-7axnxg2pxq] {
        background-color: var(--color-blue-hover);
    }

    .form-page__form-btn.disabled:hover[b-7axnxg2pxq] {
        background-color: var(--color-medium-blue);
    }


.form-page__subtitle[b-7axnxg2pxq] {
    color: var(--color-dark-gray);
    margin-bottom: 0.75rem;
    letter-spacing: -0.1px
}

.form-page__description[b-7axnxg2pxq] {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-4);
    margin-bottom: 0.75rem;
}

.form-page__field-checkbox[b-7axnxg2pxq] {
    margin-bottom: 0;
}

.checkbox__label[b-7axnxg2pxq] {
    color: var(--color-dark-gray-2);
    letter-spacing: -0.1px
}

.form-page__field-checkbox-select[b-7axnxg2pxq] {
    margin: 1rem 0;
}

.form-page__select[b-7axnxg2pxq] {
    width: 100%;
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 0.375rem;
    transition: border-color 0.3s;
}

    .form-page__select[b-7axnxg2pxq]::placeholder {
        color: var(--color-mid-gray-4);
    }

    .form-page__select:focus[b-7axnxg2pxq] {
        outline: none;
    }

.ForgotPassword[b-7axnxg2pxq] {
    margin: 1rem 0;
    display: flex;
    gap: 1rem;
}

    .ForgotPassword a[b-7axnxg2pxq] {
        margin-left: auto;
    }
/* _content/WebUI/Components/Layout/Dropzone.razor.rz.scp.css */
.dropzone[b-lxxa82cgh1] {
    background: #fff;
    border: 1px dashed #2BC4D6;    
    border-radius: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 2rem 0;
    position: relative;
}

.dropzone-header[b-lxxa82cgh1] {
    display: flex;
    align-items: center;
    margin: auto;
    text-align: center;
    flex-direction: column;    
}

[b-lxxa82cgh1] input {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    cursor:pointer;
}

.dropzone h4[b-lxxa82cgh1] {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    color: #2BC4D6;
    text-transform: none;
}
.dropzone p[b-lxxa82cgh1] {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    color: #A6A6A6;
    margin: 0;
}
.dropzone small[b-lxxa82cgh1] {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1;
    color: #A6A6A6;
}

.card-body ul[b-lxxa82cgh1] {
    list-style: decimal;
    /*padding-left: 0;*/
}

    .card-body ul li[b-lxxa82cgh1] {
        margin: .25rem 0;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1;
        color: #4F4F4F;
        
    }

        .card-body ul li .grid-li[b-lxxa82cgh1] {
            font-weight: 400;
            font-size: 1rem;
            line-height: 1;
            color: #4F4F4F;
            display: grid;
            grid-template-columns: 1fr auto auto;
            gap: 1rem;
            align-items: center;
        }

.circle[b-lxxa82cgh1] { 
    border: none;
    background: #fff;
    border-radius: 2rem;
    padding: .5rem .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle svg[b-lxxa82cgh1] {
    width: .5rem;
    height: .5rem;
}

.file-list[b-lxxa82cgh1] {
    list-style: none;
    padding: 0;
}

.file-name[b-lxxa82cgh1] {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 1rem;
}
    .file-name li:first-child[b-lxxa82cgh1] {
        flex: 3;
        max-width: 70%;
        overflow: hidden;
        margin-bottom: .5rem;
    }
.file-name li:last-child[b-lxxa82cgh1] {
    flex: 1.2;
}
/* _content/WebUI/Components/Layout/DropzoneCropper.razor.rz.scp.css */
.dropzone[b-z11g59ah76] {
    background: #fff;
    border: 1px dashed #d1d1d1;
    border-radius: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 2rem 0;
    position: relative;
}
    .dropzone:hover[b-z11g59ah76] {
        border-color: var(--color-blue);
    }

.image-search__input[b-z11g59ah76] {
    display: none;
}

.image-search__icon[b-z11g59ah76] {
    width: 4.5rem;
    height: 4.5rem;
}

.image-search__text[b-z11g59ah76] {
    font-size: 1rem;
    color: #666;
}

.image-search__link:hover[b-z11g59ah76] {
    text-decoration: underline;
}

.image-search__text--wrapper[b-z11g59ah76] {
}

.image-search__link[b-z11g59ah76] {
    color: var(--color-blue);
}

.image-search__text[b-z11g59ah76] {
    color: var(--color-dark-gray);
    font-size: 0.75rem;
    line-height: 1rem;
}

.dropzone-header[b-z11g59ah76] {
    display: flex;
    align-items: center;
    margin: auto;
    text-align: center;
    
}
.dropzone h4[b-z11g59ah76] {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    color: #2BC4D6;
    text-transform: none;
}



.dropzone small[b-z11g59ah76] {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1;
    color: #A6A6A6;
}

[b-z11g59ah76] input[type=file] {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.dropzone h4[b-z11g59ah76] {

}

.opcity-0[b-z11g59ah76] {
    opacity: 0;
    height: 0;
    padding: 0;
}

.col-md-12[b-z11g59ah76] {
    overflow: hidden;
}

.body-crop[b-z11g59ah76] {
    background: #fff;
    padding: 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid;
    border-color: var(--color-blue);
}
.upload-msg[b-z11g59ah76] {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1;
    color: #4F4F4F;
    margin-bottom: .25rem;
}


img[b-z11g59ah76] {
    width:100%;
    border-radius: .5rem;
}
.block-footer[b-z11g59ah76] {
    display:flex;
    gap:1rem;
}
/* _content/WebUI/Components/Layout/DropzonePhoto.razor.rz.scp.css */
.photos-gallery__dropzone[b-upwj68cabo] {
    border: 1px dashed var(--color-light-gray-2);
    border-radius: 6px;
    padding: 1rem;
    text-align: center;
    margin-bottom: 1rem;
    position:relative;
}

.photos-gallery__file--wrapper[b-upwj68cabo] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-upwj68cabo] input {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.photos-gallery__file-input[b-upwj68cabo] {
    display: none;
}

.photos-gallery__file-img[b-upwj68cabo] {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
}

.photos-gallery__file-text[b-upwj68cabo] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray-1);
    margin-bottom: .5rem;
}
/* _content/WebUI/Components/Layout/EllipsisVerticalList.razor.rz.scp.css */
.ellipsis-vertical[b-w9cssdfwu8]{
    position:relative;
}
.material-icons[b-w9cssdfwu8] {
    cursor: pointer;    
}

.menuList[b-w9cssdfwu8] {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.006em;
    color: #1A2024;
    background: #FFFFFF;
    border: 1px solid #F6F8F9;
    box-sizing: border-box;
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 12px 24px rgba(91, 104, 113, 0.24);
    border-radius: 6px;
    padding: 1rem 20px;
    display: none;
    cursor: pointer;
}
    .menuList.active[b-w9cssdfwu8] {
        display: block;       
        position: absolute;
        top: 0;
        right: .5rem;
        width: max-content;
        z-index: 1000;
    }

    .menuList div[b-w9cssdfwu8] {
        margin-bottom: 0.25rem;
        cursor: pointer;
    }
        .menuList div:last-child[b-w9cssdfwu8] {
            margin-bottom: 0;
        }

button[b-w9cssdfwu8] {
    background: none;
    border: none;
    display: flex;
    padding: 0;
}
/* _content/WebUI/Components/Layout/Loader.razor.rz.scp.css */
/*.loader-wrapper {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background: none;
    z-index: 11;
    top: 0;
    margin: auto;
}
*/

svg[b-tgc4yc77lz] {
    max-width: 15rem;
    display: flex;
    margin: auto;
    width: 20%;
}

#eaIof78DEt33_to[b-tgc4yc77lz] {
    animation: eaIof78DEt33_to__to-b-tgc4yc77lz 3000ms linear infinite normal forwards
}

@keyframes eaIof78DEt33_to__to-b-tgc4yc77lz {
    0% {
        transform: translate(10.749619px,25.4464px)
    }

    40% {
        transform: translate(10.73664px,16.9294px)
    }

    100% {
        transform: translate(10.73664px,16.9294px)
    }
}

#eaIof78DEt35_to[b-tgc4yc77lz] {
    animation: eaIof78DEt35_to__to-b-tgc4yc77lz 3000ms linear infinite normal forwards
}

@keyframes eaIof78DEt35_to__to-b-tgc4yc77lz {
    0% {
        transform: translate(61.593276px,16.073084px)
    }

    63.333333% {
        transform: translate(61.596501px,25.659514px)
    }

    100% {
        transform: translate(61.596501px,15.752814px)
    }
}

#eaIof78DEt37_to[b-tgc4yc77lz] {
    animation: eaIof78DEt37_to__to-b-tgc4yc77lz 3000ms linear infinite normal forwards
}

@keyframes eaIof78DEt37_to__to-b-tgc4yc77lz {
    0% {
        transform: translate(5.273552px,3.735595px)
    }

    100% {
        transform: translate(103.726452px,3.735595px)
    }
}
/* _content/WebUI/Components/Layout/MainLayout.razor.rz.scp.css */
/* Sidebar Styles */
.sidebar[b-ty40ro175p] {
    position: sticky;
    top: .5rem;
    left: 0;
    height: calc(100vh - 1rem);
    width: 100%;
    max-width: 21.5rem;
    min-width: 21.5rem;
    background: linear-gradient(180deg, #2B376B 0%, #713C6E 65.62%, #CB4578 100%);
    color: var(--color-white);
    z-index: 1000;
    transform: translateX(0);
    margin: .5rem;
    border-radius: .5rem;
    transition: max-width 0.3s ease, min-width 0.3s ease;
}

.sidebar--closed[b-ty40ro175p] {
    max-width: 4rem;
    min-width: 4rem;
    transition: max-width 0.3s ease, min-width 0.3s ease;
}

.sidebar--hidden[b-ty40ro175p] {
    max-width: 4rem;
    min-width: 4rem;
}

.sidebar__toggle[b-ty40ro175p] {
    padding: 1rem;
}

    .sidebar__toggle img[b-ty40ro175p] {
        width: 2rem;
        height: 2rem;
    }

.sidebar__content[b-ty40ro175p] {
    height: calc(100% - 4rem);
    display: flex;
    flex-direction: column;
}

.sidebar__profile-scout[b-ty40ro175p] {
    padding: 0.75rem 1rem;
    gap: 0.75rem;
}

.sidebar__scout-abbreviation[b-ty40ro175p] {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    width: 2rem;
    text-align: center;
}

.sidebar__profile[b-ty40ro175p] {
    gap: 1.375rem;
    padding: 1rem;
}

.sidebar__avatar img[b-ty40ro175p] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

.sidebar__notifications_link[b-ty40ro175p] {
    gap: 1.625rem;
    padding: 1.25rem;
}

.sidebar__notifications_icon[b-ty40ro175p] {
    position: relative;
}

    .sidebar__notifications_icon img[b-ty40ro175p] {
        width: 1.5rem;
        height: 1.5rem;
    }

.sidebar__notifications_icon-count[b-ty40ro175p] {
    position: absolute;
    top: -0.25rem;
    right: -0.5rem;
    border: 2px solid var(--color-white);
    border-radius: 0.5rem;
    background-color: var(--color-primary);
    font-size: 0.625rem;
    line-height: 0.75rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-weight: 600;
}

.sidebar__nav[b-ty40ro175p] {
}

.sidebar__menu[b-ty40ro175p] {
}

.sidebar__item[b-ty40ro175p] {
    position: relative;
}

    .sidebar__item[b-ty40ro175p]::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--color-light-blue);
        opacity: 20%;
        height: 1px;
        width: calc(100% - 1.25rem);
        margin: 0 auto;
    }

    .sidebar__item:last-child.sidebar__item[b-ty40ro175p]::after {
        display: none;
    }

.sidebar__link[b-ty40ro175p] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 1rem;
}

    .sidebar__link:hover[b-ty40ro175p],
    .sidebar__notifications_link:hover[b-ty40ro175p],
    .sidebar__profile:hover[b-ty40ro175p] {
        background: var(--color-light-blue);
    }

    .sidebar__link.active[b-ty40ro175p],
    .sidebar__notifications_link.active[b-ty40ro175p],
    .sidebar__profile.active[b-ty40ro175p] {
        background: var(--color-light-blue);
    }

.sidebar__icon[b-ty40ro175p] {
    width: 2rem;
    height: 2rem;
}

.sidebar__footer[b-ty40ro175p] {
    margin-top: auto;
}

.sidebar:not(.sidebar--closed) .sidebar__info[b-ty40ro175p] {
    display: block;
}

.sidebar__text[b-ty40ro175p] {
    display: none;
}

.sidebar:not(.sidebar--closed) .sidebar__text[b-ty40ro175p] {
    display: inline;
}

.sidebar__popup[b-ty40ro175p] {
    box-shadow: 0px 12px 24px 0px #5B68713D;
    box-shadow: 0px 0px 1px 0px #1A202452;
    position: absolute;
    bottom: 1rem;
    left: calc(100% + 0.5rem);
    width: 13.625rem;
    background: var(--color-white);
    border-radius: 0.5rem;
    display: block;
    max-width: 199px;
    padding: 1rem 0;
    z-index: 11;
}

.sidebar__popup-list[b-ty40ro175p] {
}

.sidebar__popup-item a[b-ty40ro175p] {
    color: var(--color-dark-gray-1);
    padding: 0.25rem 1.25rem;
    width: 100%;
}

    .sidebar__popup-item a:hover[b-ty40ro175p] {
        background: var(--color-light-blue);
    }

#blazor-error-ui[b-ty40ro175p] {
    display: none;
}
/* _content/WebUI/Components/Layout/NavMenu.razor.rz.scp.css */
/* Sidebar Styles */
.sidebar[b-c5lx9n4elx] {
    position: sticky;
    top: .5rem;
    left: 0;
    height: calc(100vh - 1rem);
    width: 100%;
    max-width: 21.5rem;
    min-width: 21.5rem;
    background: linear-gradient(180deg, #2B376B 0%, #713C6E 65.62%, #CB4578 100%);
    color: var(--color-white);
    z-index: 1000;
    transform: translateX(0);
    margin: .5rem;
    border-radius: .5rem;
    transition: max-width 0.3s ease, min-width 0.3s ease;
}

.sidebar--closed[b-c5lx9n4elx] {
    max-width: 4rem;
    min-width: 4rem;
    transition: max-width 0.3s ease, min-width 0.3s ease;
}

.sidebar--hidden[b-c5lx9n4elx] {
    max-width: 4rem;
    min-width: 4rem;
}

.sidebar__toggle[b-c5lx9n4elx] {
    padding: 1rem;
}

    .sidebar__toggle img[b-c5lx9n4elx] {
        width: 2rem;
        height: 2rem;
    }

.sidebar__content[b-c5lx9n4elx] {
    height: calc(100% - 4rem);
    display: flex;
    flex-direction: column;
}

.sidebar__profile-scout[b-c5lx9n4elx] {
    padding: 0.75rem 1rem;
    gap: 0.75rem;
}

.sidebar__scout-abbreviation[b-c5lx9n4elx] {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    width: 2rem;
    text-align: center;
}

[b-c5lx9n4elx] .sidebar__profile {
    gap: 1.375rem;
    padding: 1rem;
}

[b-c5lx9n4elx] .sidebar__avatar img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

[b-c5lx9n4elx] .sidebar__notifications_link {
    gap: 1.625rem;
    padding: 1.25rem;
}

.sidebar__notifications_icon[b-c5lx9n4elx] {
    position: relative;
}

    .sidebar__notifications_icon img[b-c5lx9n4elx] {
        width: 1.5rem;
        height: 1.5rem;
    }

.sidebar__notifications_icon-count[b-c5lx9n4elx] {
    position: absolute;
    top: -0.25rem;
    right: -0.5rem;
    border: 2px solid var(--color-white);
    border-radius: 0.5rem;
    background-color: var(--color-primary);
    font-size: 0.625rem;
    line-height: 0.75rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-weight: 600;
}

.sidebar__nav[b-c5lx9n4elx] {
}

.sidebar__menu[b-c5lx9n4elx] {
}

.sidebar__item[b-c5lx9n4elx] {
    position: relative;
}

    .sidebar__item[b-c5lx9n4elx]::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--color-light-blue);
        opacity: 20%;
        height: 1px;
        width: calc(100% - 1.25rem);
        margin: 0 auto;
    }

    .sidebar__item:last-child.sidebar__item[b-c5lx9n4elx]::after {
        display: none;
    }

[b-c5lx9n4elx] .sidebar__link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 1rem;
}

    [b-c5lx9n4elx] .sidebar__link:hover,
    [b-c5lx9n4elx] .sidebar__notifications_link:hover,
    [b-c5lx9n4elx] .sidebar__profile:hover {
        background: var(--color-light-blue);
    }

    [b-c5lx9n4elx] .sidebar__link.active,
    [b-c5lx9n4elx] .sidebar__notifications_link.active,
    [b-c5lx9n4elx] .sidebar__profile.active {
        background: var(--color-light-blue);
    }

.sidebar__icon[b-c5lx9n4elx] {
    width: 2rem;
    height: 2rem;
}

.sidebar__footer[b-c5lx9n4elx] {
    margin-top: auto;
}

.sidebar:not(.sidebar--closed) .sidebar__info[b-c5lx9n4elx] {
    display: block;
}

.sidebar__text[b-c5lx9n4elx] {
    display: none;
}

.sidebar:not(.sidebar--closed) .sidebar__text[b-c5lx9n4elx] {
    display: inline;
}

.sidebar__popup[b-c5lx9n4elx] {
    box-shadow: 0px 12px 24px 0px #5B68713D;
    box-shadow: 0px 0px 1px 0px #1A202452;
    position: absolute;
    bottom: 1rem;
    left: calc(100% + 0.5rem);
    width: 13.625rem;
    background: var(--color-white);
    border-radius: 0.5rem;
    display: block;
    max-width: 199px;
    padding: 1rem 0;
    z-index: 11;
}

.sidebar__popup-list[b-c5lx9n4elx] {
}

.sidebar__popup-item a[b-c5lx9n4elx] {
    color: var(--color-dark-gray-1);
    padding: 0.25rem 1.25rem;
    width: 100%;
}

    .sidebar__popup-item a:hover[b-c5lx9n4elx] {
        background: var(--color-light-blue);
    }
/* _content/WebUI/Components/Layout/RequestsFavourites.razor.rz.scp.css */

/* _content/WebUI/Components/Pages/Addon/Addon.razor.rz.scp.css */
.service-page[b-9pfcicwyzg] {
    margin: 20px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}
.service-header[b-9pfcicwyzg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.service-title[b-9pfcicwyzg] {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #252C32;
}

.button-add-service[b-9pfcicwyzg] {
    width: 168px;
    height: 40px;
    border-radius: 8px;
    padding: 8px 16px;
    background-color: #4C68D7;
    color: white;
    font-size: 14px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}
.button-add-service:hover[b-9pfcicwyzg] {
    background-color: #29387a;
}


.addon-page__grid[b-9pfcicwyzg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(560px, 1fr));
    gap: 20px 32px;
}

.addon-card[b-9pfcicwyzg] {
    display: flex;
    flex-direction: row;
    gap: 16px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    padding: 16px;
    cursor: pointer;
    transition: box-shadow 0.2s ease;
    border: 1px solid #e0e0e0;
}

.addon-card:hover[b-9pfcicwyzg] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.addon-card__img[b-9pfcicwyzg] {
    width: 120px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.addon-card__content[b-9pfcicwyzg] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.addon-card__title[b-9pfcicwyzg] {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.addon-card__desc[b-9pfcicwyzg] {
    font-size: 14px;
    color: #666;
    margin: 4px 0;
    max-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.addon-card__price[b-9pfcicwyzg] {
    font-size: 16px;
    font-weight: bold;
    color: #3f51b5;
}
/* _content/WebUI/Components/Pages/Addon/AddonCard.razor.rz.scp.css */
.service-list[b-pftgo261l0] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    position: relative;
    margin-top: 20px;
}

.service-card[b-pftgo261l0] {
    display: flex;
    gap: 10px;
    padding: 15px;
    background-color: #FFFFFF;
    border: 1px solid #D5DADD;
    border-radius: 12px;
    width: 100%;
    height: 140px;
}

.card-image[b-pftgo261l0] {
    width: 110px;
    height: 110px;
}
.card-image img[b-pftgo261l0] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.card-content[b-pftgo261l0] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.card-title[b-pftgo261l0] {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

.card-text[b-pftgo261l0] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    margin-top: 5px;
}

.card-price[b-pftgo261l0] {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #4C68D7;
}

.modal-overlay[b-pftgo261l0] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(26, 32, 36, 0.5);
    z-index: 999;
    justify-content: center;
    align-items: center;
}

.modal-window[b-pftgo261l0] {
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    min-width: 300px;
    text-align: center;
}

.modal-close[b-pftgo261l0] {
    margin-top: 20px;
    padding: 8px 16px;
    background-color: #4C68D7;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}
.icons[b-pftgo261l0]{
    width: unset !important;
    height: unset !important;
    position:  absolute;
    cursor: pointer;
}
.editIcon[b-pftgo261l0]{
    top: 5%;
    left: 94%;
}
.deleteIcon[b-pftgo261l0]{
    top: 5%;
    left: 87%;
}

/*Модалка с удалением*/

.delete-modal-overlay[b-pftgo261l0] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(26, 32, 36, 0.5); 
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-modal-window[b-pftgo261l0] {
    background-color: white;
    border-radius: 10px;
    width: 390px;
    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
    text-align: center;
    box-sizing: border-box;
    padding: 40px 24px 24px 24px;
    min-height: 170px;
}
.delete-modal-header[b-pftgo261l0]{
    margin-bottom: 5px;
}

.delete-modal-close[b-pftgo261l0] {
    position: absolute;
    top: 10px;
    right: 12px;
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: #444;
}

.delete-modal-actions[b-pftgo261l0] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.delete-modal-actions .btn[b-pftgo261l0] {
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    padding: 8px 44px;
    box-sizing: border-box;

}

.delete-modal-actions .btn-danger[b-pftgo261l0] {
    background-color: #4C68D7;
    color: #F6F8F9;
    border-radius: 8px;
}

.delete-modal-actions .btn-secondary[b-pftgo261l0] {
    background-color: #FFFFFF;
    color: #252C32;
    border-radius: 8px;
    border: 1px solid #DDE2E4;
}
.btn-danger:hover[b-pftgo261l0] {
    background: #1e47d6;
}
.btn-secondary:hover[b-pftgo261l0] {
    background: #f1f1f1;
}
/* _content/WebUI/Components/Pages/Addon/CreateAddon.razor.rz.scp.css */
/* _content/WebUI/Components/Pages/Catalog/Details.razor.rz.scp.css */
.article-block[b-3oweqbwl9l] {
    margin: 0.5rem 1.25rem 0.5rem 0.5rem;
}

.card-preview[b-3oweqbwl9l] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
    width: 100%;
    height: calc(100vh - 1rem);
    overflow-x: hidden;
    overflow-y: hidden;
}

.card-preview-left[b-3oweqbwl9l] {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.card-preview-right[b-3oweqbwl9l] {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.card-preview-left__public[b-3oweqbwl9l] {
    border-radius: 0 0 .5rem .5rem;
}

.card-preview-left__private[b-3oweqbwl9l] {
    border-radius: .5rem;
}

.card-preview-left__public[b-3oweqbwl9l],
.card-preview-left__private[b-3oweqbwl9l] {
    background-color: var(--color-white);
    padding: 1rem;
    margin-bottom: 1rem;
}

.card-preview-font-size-14[b-3oweqbwl9l] {
    font-size: 0.875rem;
}

.card-preview-line-height-24[b-3oweqbwl9l] {
    line-height: 1.5rem;
}

.card-preview-title-14-24[b-3oweqbwl9l] {
    line-height: 1.5rem;
    font-size: 0.875rem;
}

.card-preview-title-12-16[b-3oweqbwl9l] {
    line-height: 1rem;
    font-size: 0.75rem;
}

.card-preview-left__field[b-3oweqbwl9l] {
    margin-bottom: 1rem;
}

.font-width-500[b-3oweqbwl9l] {
    font-weight: 500;
}

.card-preview-line[b-3oweqbwl9l] {
    height: 1px;
    width: 100%;
    background-color: #DDE1E4;
    display: block;
}

.card-preview-left__header[b-3oweqbwl9l] {
    border-radius: .5rem .5rem 0 0;
    background-color: var(--color-white);
    padding: 1rem;
}

.card-preview-left__header-bts[b-3oweqbwl9l] {
    gap: 12px;
    max-height: 2.5rem;
}

.card-preview-left__back-btn[b-3oweqbwl9l] {
    background-color: #E5EBFB;
    min-width: 2.5rem;
    min-height: 2.5rem;
    max-width: 2.5rem;
    max-height: 2.5rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
}

    .card-preview-left__back-btn img[b-3oweqbwl9l] {
        width: 1.5rem;
        height: 1.5rem;
    }

.card-preview-left__tabs[b-3oweqbwl9l] {
    padding: .25rem;
    border-radius: 41px;
    background-color: #E5EBFB;
    width: 100%;
}

.card-preview-left__tab[b-3oweqbwl9l] {
    border-radius: 45px;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    width: 50%;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-dark-gray);
}

    .card-preview-left__tab.active[b-3oweqbwl9l] {
        background-color: var(--color-blue);
        color: var(--color-white);
    }

.card-preview-left__type[b-3oweqbwl9l] {
    text-transform: lowercase;
}

.card-preview-left__subtitle[b-3oweqbwl9l] {
    font-weight: 500;
    margin-bottom: .5rem;
    color: var(--color-gray-dark);
    text-transform: uppercase;
}

.card-preview-left__section[b-3oweqbwl9l] {
    margin-bottom: 2.25rem;
}

.card-preview-left__description[b-3oweqbwl9l] {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--color-gray);
    margin-bottom: 1rem;
}

.card-preview-left__tags[b-3oweqbwl9l] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.card-preview-left__tag[b-3oweqbwl9l] {
    border: 1px solid var(--color-light-gray-2);
    color: var(--color-dark-gray-2);
    padding: .5rem 12px;
    border-radius: 36px;
    font-size: 0.75rem;
    line-height: 1rem;
}

.card-preview-left__schedule-header[b-3oweqbwl9l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-preview-list[b-3oweqbwl9l] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.card-preview-item[b-3oweqbwl9l] {
    display: flex;
    align-items: center;
    gap: .25rem;
    width: fit-content;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: .5rem 12px;
    border-radius: 36px;
    border: 1px solid var(--color-light-gray-2);
    color: var(--color-gray-dark);
}

.card-preview-item-icon[b-3oweqbwl9l] {
    width: 1rem;
    height: 1rem;
}

.card-preview-item-icon-2[b-3oweqbwl9l] {
    width: 2.25rem;
    height: 1rem;
}

.card-preview-left__schedule-item[b-3oweqbwl9l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .25rem;
    width: 100%;
}

.card-preview-left__options-list[b-3oweqbwl9l] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.card-preview-left__option[b-3oweqbwl9l] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.card-preview-left__option-icon[b-3oweqbwl9l] {
    width: 1rem;
    height: 1rem;
}

.card-preview-left__parameters-list[b-3oweqbwl9l] {
    gap: .25rem;
}

.card-preview-left__file[b-3oweqbwl9l] {
    color: var(--color-dark-gray-2);
    padding: .25rem 12px;
    background-color: var(--color-light-gray-5);
    border-radius: 6px;
    margin-top: .5rem;
    display: block;
}

.card-preview-left__agreement[b-3oweqbwl9l] {
    color: var(--color-gray-dark);
}

.card-preview-left__client-info[b-3oweqbwl9l] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.card-preview-left__section-title[b-3oweqbwl9l] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--color-dark-gray);
}

.card-preview-left__tags[b-3oweqbwl9l] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.card-preview-left__tag[b-3oweqbwl9l] {
    border: 1px solid var(--color-light-gray-2);
    border-radius: 36px;
    padding: .5rem 12px;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-gray-dark);
}

.card-preview-left__text[b-3oweqbwl9l] {
    margin-bottom: .25rem;
}

    .card-preview-left__text:last-child[b-3oweqbwl9l] {
        margin-bottom: 0px;
    }

    .card-preview-left__text span[b-3oweqbwl9l] {
        display: block;
    }

.card-preview-left__link[b-3oweqbwl9l] {
    color: var(--color-blue);
}

.card-preview-left__btns[b-3oweqbwl9l] {
    gap: 1rem;
    flex-wrap: wrap;
}

.card-preview__thumbnails[b-3oweqbwl9l] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .25rem;
    align-items: center;
}

    .card-preview__thumbnails .photos-gallery__item_img--wrapper[b-3oweqbwl9l] {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

.photos-gallery__item_img-little[b-3oweqbwl9l] {
    border-radius: .25rem;
    object-fit: contain;
    max-height: 100%;
}

.photos-gallery__item_img-big[b-3oweqbwl9l] {
    border-radius: 1.25rem;
    object-fit: contain;
    width: auto;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

.photo-viewer__image-wrapper .photos-gallery__item_img--wrapper[b-3oweqbwl9l] {
    height: 100%;
}

.photos-gallery__item_img-open-full[b-3oweqbwl9l] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #4C68D780;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-white);
    font-weight: 600;
    border-radius: .25rem;
    cursor: pointer;
}

.photos-gallery__full-img--fixed[b-3oweqbwl9l] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--color-dark-gray-1);
    z-index: 100000;
    padding: .5rem 2.25rem;
    overflow: hidden;
    display: none;
}

    .photos-gallery__full-img--fixed.active[b-3oweqbwl9l] {
        display: block;
    }

.photos-gallery__full-img[b-3oweqbwl9l] {
    cursor: pointer;
}

.photos-gallery__full-img--wrapper[b-3oweqbwl9l] {
    display: flex;
    align-items: flex-start;
    gap: 4.375rem;
    height: 100%;
}

.photos-gallery__full-img-left[b-3oweqbwl9l] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    flex: 1;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    
}

.photos-gallery__full-img-left_img[b-3oweqbwl9l] {
    border-radius: .5rem;
}

.photos-gallery__full-img-right[b-3oweqbwl9l] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    flex: 5;
    height: 100%;
    max-height: calc(100vh - 1rem);
}

.photos-gallery__full-img-right_img[b-3oweqbwl9l] {
    border-radius: 20px;
    object-fit: contain;
    max-height: calc(100vh - 1rem);
}

.photos-gallery__full-img_btn-close[b-3oweqbwl9l] {
    width: 3rem;
    height: 3rem;
    background-color: #ffffff50;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

    .photos-gallery__full-img_btn-close:hover[b-3oweqbwl9l] {
        background-color: #ffffff;
    }

    .photos-gallery__full-img_btn-close img[b-3oweqbwl9l] {
        width: 1.5rem;
        height: 1.5rem;
    }
/* _content/WebUI/Components/Pages/Catalog/Home.razor.rz.scp.css */
[b-ddqkf5j73r] * {
    -moz-user-select: none; 
    -khtml-user-select: none; 
}

.article-block[b-ddqkf5j73r] {
    padding-left: 1rem;
    padding-right: 24px;
}

.topbar[b-ddqkf5j73r] {
    width: 100%;
    padding: .5rem 0;
    display: flex;
    align-items: stretch;
    gap: 1rem;
}

.topbar__location[b-ddqkf5j73r],
.topbar__project[b-ddqkf5j73r],
.topbar__toggle[b-ddqkf5j73r] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.topbar__icon[b-ddqkf5j73r] {
    width: 24px;
    height: 24px;
}

.topbar__text[b-ddqkf5j73r] {
}

.topbar__location[b-ddqkf5j73r],
.topbar__project[b-ddqkf5j73r],
.topbar__toggle-search[b-ddqkf5j73r] {
    white-space: nowrap;
}

.topbar__project[b-ddqkf5j73r],
.topbar__settings[b-ddqkf5j73r],
.topbar__toggle-search[b-ddqkf5j73r] {
    background-color: var(--color-white);
    border-radius: .5rem;
}

.topbar__project[b-ddqkf5j73r] {
    padding: 4px 1rem;
}

.topbar__project_text--wrapper[b-ddqkf5j73r] {
}

.topbar__project_text[b-ddqkf5j73r] {
    font-size: 0.625rem;
    line-height: 0.625rem;
    color: var(--color-mid-gray-4);
}

.topbar__project_text-city[b-ddqkf5j73r] {
    color: var(--color-blue);
}

.topbar__toggle-search[b-ddqkf5j73r] {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 6px 6px 6px 1rem;
}

.topbar__toggle[b-ddqkf5j73r] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border-radius: 12px;
}

.topbar__toggle-popup-hint[b-ddqkf5j73r] {
    position: absolute;
    bottom: -37px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0%);
    padding: 4px .5rem;
    color: var(--color-mid-gray-1);
    border: 1px solid var(--color-light-gray-5);
    background-color: var(--color-white);
    border-radius: 6px;
    width: fit-content;
    display: none;
}

.topbar__toggle-popup-hint_text[b-ddqkf5j73r] {
    display: block;
}

.topbar__toggle:hover[b-ddqkf5j73r] {
    background-color: var(--color-light-gray);
}

    .topbar__toggle:hover .topbar__toggle-popup-hint[b-ddqkf5j73r] {
        display: block;
    }

.topbar__icon[b-ddqkf5j73r] {
}





.topbar__search--wrapper[b-ddqkf5j73r] {
}

.topbar__btn_search[b-ddqkf5j73r] {
    background-color: var(--color-light-gray);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    margin-right: .5rem;
}

    .topbar__btn_search.active[b-ddqkf5j73r] {
        background-color: var(--color-medium-blue);
    }

        .topbar__btn_search.active path[b-ddqkf5j73r] {
            fill: var(--color-white);
        }

.topbar__btn_search-img[b-ddqkf5j73r] {
    align-items: center;
    gap: 6px;
    background-color: var(--color-light-gray);
    padding: .5rem 1rem;
    border-radius: 12px;
    border: 1px dashed var(--color-blue);
}

    .topbar__btn_search-img.active[b-ddqkf5j73r] {
        background-color: var(--color-medium-blue);
        border-color: var(--color-medium-blue);
        color: var(--color-white);
    }

.topbar__settings[b-ddqkf5j73r] {
    min-width: 56px;
    max-width: 56px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-photo[b-ddqkf5j73r] {
    position: relative;
    z-index: 10;
    margin-top: 12px;
}

.content-photo__default[b-ddqkf5j73r] {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    height: 90vh;
    z-index: -1;
}

    .content-photo__default img[b-ddqkf5j73r] {
        max-width: 256px;
    }

    .content-photo__default.d-none[b-ddqkf5j73r] {
        display: none;
    }

.content-photo__list[b-ddqkf5j73r] {
    display: grid;    
    gap: 24px;
}

.column-1[b-ddqkf5j73r] {
    grid-template-columns: repeat(1, 1fr);
}

.column-2[b-ddqkf5j73r] {
    grid-template-columns: repeat(2, 1fr);
}
.column-3[b-ddqkf5j73r] {
    grid-template-columns: repeat(3, 1fr);
}
.column-4[b-ddqkf5j73r] {
    grid-template-columns: repeat(4, 1fr);
}
.column-5[b-ddqkf5j73r] {
    grid-template-columns: repeat(5, 1fr);
}
.column-6[b-ddqkf5j73r] {
    grid-template-columns: repeat(6, 1fr);
}

.content-photo__item[b-ddqkf5j73r] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


/* Styles for Image Search */
.image-search[b-ddqkf5j73r] {
    display: none;
    background-color: var(--color-white);
    border-radius: 12px;
    padding: 1rem;
}

    .image-search.active[b-ddqkf5j73r] {
        display: block;
    }

.image-search__dropzone[b-ddqkf5j73r] {
    padding: 1.5rem;
    background-color: var(--color-light-gray);
    border: 1px dashed #d1d1d1;
    border-radius: 12px;
    transition: border-color 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .image-search__dropzone:hover[b-ddqkf5j73r] {
        border-color: var(--color-blue);
    }

.image-search__input[b-ddqkf5j73r] {
    display: none;
}

.image-search__icon[b-ddqkf5j73r] {
    width: 4.5rem;
    height: 4.5rem;
}

.image-search__text[b-ddqkf5j73r] {
    font-size: 1rem;
    color: #666;
}

.image-search__link:hover[b-ddqkf5j73r] {
    text-decoration: underline;
}

.image-search__text--wrapper[b-ddqkf5j73r] {
}

.image-search__link[b-ddqkf5j73r] {
    color: var(--color-blue);
}

.image-search__text[b-ddqkf5j73r] {
    color: var(--color-dark-gray);
    font-size: 0.75rem;
    line-height: 1rem;
}

/* Styles for Keyword Search */

.keyword-search[b-ddqkf5j73r] {
    display: none;
    background-color: var(--color-white);
    border-radius: 12px;
    padding: 1rem;
}

    .keyword-search.active[b-ddqkf5j73r] {
        display: block;
    }

.keyword-search__input-container[b-ddqkf5j73r] {
    position: relative;
    margin-top: .5rem;
}

.keyword-search__icon[b-ddqkf5j73r] {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 11px;
    left: 12px;
}

.keyword-search__label[b-ddqkf5j73r] {
    color: var(--color-dark-gray);
}

.keyword-search__input[b-ddqkf5j73r] {
    padding: 11px 11px 11px 46px;
    max-height: 46px;
}

.keyword-search__tags[b-ddqkf5j73r] {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 1rem;
}

.keyword-search__tags-title[b-ddqkf5j73r] {
    margin: 24px 0 .5rem;
    color: var(--color-dark-gray-2);
}



/* Styles for Search Results */

.search-tags-results[b-ddqkf5j73r] {
    display: none;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 12px 0;
}

    .search-tags-results.active[b-ddqkf5j73r] {
        display: flex;
    }

.search-tag-result[b-ddqkf5j73r] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--color-light-gray-3);
    border-radius: 1rem;
    padding: 4px 12px;
}

.search-tag-result__text[b-ddqkf5j73r] {
    font-size: 0.75rem;
    line-height: 1rem;
}

.search-tag-result__icon-close[b-ddqkf5j73r] {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}

/* Styles for Search Region */

.search-region-map[b-ddqkf5j73r] {
    display: none;
    max-height: 376px;
    width: 100%;
}

    .search-region-map.active[b-ddqkf5j73r] {
        display: block;
    }

    .search-region-map iframe[b-ddqkf5j73r] {
        width: 100%;
        max-height: 376px;
        border-radius: 12px;
    }

.search-region[b-ddqkf5j73r] {
    display: none;
    padding: 1.25rem 1.5rem;
    background-color: var(--color-white);
    border-radius: 12px;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 376px;
    /* height: 100%; */
}

    .search-region.active[b-ddqkf5j73r] {
        display: block;
    }

.search-region__input-container[b-ddqkf5j73r] {
    position: relative;
    flex-grow: 1;
}

.search-region__icon[b-ddqkf5j73r] {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 11px;
    left: 12px;
}

.search-region__input[b-ddqkf5j73r] {
    padding: 11px 11px 11px 46px;
    max-height: 46px;
}

/* Input Wrapper */
.search-region__input-wrapper[b-ddqkf5j73r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.search-region__input[b-ddqkf5j73r] {
    width: 100%;
}

.search-region__map-link[b-ddqkf5j73r] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.875rem;
    color: var(--color-blue);
    text-decoration: none;
}

    .search-region__map-link img[b-ddqkf5j73r] {
        width: 24px;
        height: 24px;
    }

    .search-region__map-link:hover[b-ddqkf5j73r] {
        text-decoration: underline;
    }

/* Tabs */
.search-region__tabs[b-ddqkf5j73r] {
    position: relative;
    display: flex;
    gap: 0.5rem;
    margin-bottom: 27px;
}

    .search-region__tabs[b-ddqkf5j73r]::before {
        content: '';
        display: block;
        width: 150%;
        height: 1px;
        background-color: #3F3F4110;
        position: absolute;
        bottom: 0;
        left: -50px;
    }

.search-region__tab[b-ddqkf5j73r] {
    padding: 7px 11px 9px;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid transparent;
    font-size: 0.875rem;
    line-height: 1.5rem;
    cursor: pointer;
}

.search-region__tab--active[b-ddqkf5j73r] {
    border-color: var(--color-blue);
}

/* Region List */
.search-region__list[b-ddqkf5j73r] {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.search-region__group[b-ddqkf5j73r] {
    flex: 1 1 calc(33.333% - 2rem);
}

.search-region__group-title[b-ddqkf5j73r] {
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--color-dark-gray);
}

.search-region__tags[b-ddqkf5j73r] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.search-region__tag[b-ddqkf5j73r] {
    padding: .5rem 12px;
    font-size: 0.75rem;
    line-height: 1rem;
    background-color: #fff;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 36px;
    cursor: pointer;
    white-space: nowrap;
}

    .search-region__tag.active[b-ddqkf5j73r] {
        padding: 4px 12px;
        background-color: var(--color-light-gray-3);
        border: 1px solid var(--color-light-gray-3);
        border-radius: 1rem;
    }

    .search-region__tag:hover[b-ddqkf5j73r] {
        background-color: var(--color-light-gray-3);
    }

/* Styles for Project Popup */

.project-selection[b-ddqkf5j73r] {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    z-index: 10000;
}

    .project-selection.active[b-ddqkf5j73r] {
        display: block;
    }

.project-popup[b-ddqkf5j73r] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 26.875rem;
    width: 100%;
    background-color: var(--color-white);
    border-radius: 6px;
    box-shadow: 0px 12px 24px 0px #5B68713D;
    box-shadow: 0px 0px 1px 0px #1A202452;
    padding: 1.5rem;
    z-index: 10001;
}

.project-popup__header[b-ddqkf5j73r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.project-popup__title[b-ddqkf5j73r] {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.125rem;
}

.project-popup__close[b-ddqkf5j73r] {
    background: none;
    border: none;
    cursor: pointer;
}

.project-popup__content[b-ddqkf5j73r] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.project-popup__section[b-ddqkf5j73r] {
    max-width: 7.625rem;
    width: 100%;
}

.project-popup__subtitle[b-ddqkf5j73r] {
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    font-weight: 500;
    margin-bottom: .5rem;
}

.project-popup__projects[b-ddqkf5j73r],
.project-popup__locations[b-ddqkf5j73r] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.project-popup__locations[b-ddqkf5j73r] {
    gap: 1rem;
}

.project-popup__project[b-ddqkf5j73r],
.project-popup__location[b-ddqkf5j73r],
.location-item__folder[b-ddqkf5j73r] {
    display: block;
    padding: .5rem 1rem;
    background-color: var(--color-white);
    border: 1px solid var(--color-light-gray-1);
    border-radius: .5rem;
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 2.5rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

    .location-item__folder.active[b-ddqkf5j73r] {
        background-color: var(--color-blue);
        color: var(--color-white);
        border-color: var(--color-blue);
    }

    .project-popup__section--locations[b-ddqkf5j73r] {
        max-width: 100%;
    }

.project-popup__project:hover[b-ddqkf5j73r],
.project-popup__location:hover[b-ddqkf5j73r],
.location-item__folder:hover[b-ddqkf5j73r] {
    background-color: var(--color-light-gray-1);
}


.project-popup__project.active[b-ddqkf5j73r] {
    background-color: var(--color-blue);
    color: var(--color-white);
    border-color: var(--color-blue);
}

/* Базовый стиль для списка локаций */
.location-list[b-ddqkf5j73r] {
    border-bottom: 1px solid #C7C8C9;
    padding-bottom: 14px;
}

/* Элемент списка */
.location-item[b-ddqkf5j73r] {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    cursor: pointer;
    position: relative;
    width: 100%;
    margin-bottom: 4px;
}

.location-item__folder[b-ddqkf5j73r] {
    width: 100%;
}

.location-item__folder-branch--wrapper[b-ddqkf5j73r] {
    width: 24px;
    min-width: 24px;
    height: 24px;
}

.location-item__folder-branch[b-ddqkf5j73r] {
    display: block;
    width: 12px;
    height: 12px;
    margin-left: auto;
    border-radius: 0 0 0 2px;
    border-left: 2px solid var(--color-mid-gray-4);
    border-bottom: 2px solid var(--color-mid-gray-4);
}



.project-popup__footer[b-ddqkf5j73r] {
    display: flex;
    justify-content: flex-start;
    gap: 4px;
    margin-top: 2rem;
}


/* Стиль фона модального окна */
.loc-preset-modal__overlay[b-ddqkf5j73r] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    cursor: pointer;
    z-index: -1;
}

/* Основной контейнер уведомления */
.loc-preset-notification[b-ddqkf5j73r] {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    max-width: 24rem;
    background-color: #ffffff;
    border-radius: 6px;
    padding: 1rem;
    z-index: 1000;
    display: none; /* Скрыто по умолчанию */
    animation: slide-in-b-ddqkf5j73r 0.3s ease-out;
}

    .loc-preset-notification.active[b-ddqkf5j73r] {
        display: block;
    }
/* Анимация появления */
@keyframes slide-in-b-ddqkf5j73r {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Контент уведомления */
.loc-preset-notification__content[b-ddqkf5j73r] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

/* Заголовок и кнопка закрытия */
.loc-preset-notification__content_header[b-ddqkf5j73r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.loc-preset-notification__title[b-ddqkf5j73r] {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

/* Описание */
.loc-preset-notification__description[b-ddqkf5j73r] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-mid-gray-1);
    margin-bottom: 12px;
}

/* Кнопка "Изменить" */
.loc-preset-notification__edit-btn[b-ddqkf5j73r] {
    padding: 4px 12px;
}
/* _content/WebUI/Components/Pages/Catalog/LocPresetModal.razor.rz.scp.css */
/* Основные стили модального окна */
.loc-preset-modal[b-3p51iq1ko5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
}

    .loc-preset-modal.active[b-3p51iq1ko5] {
        display: flex;
    }

.loc-preset-modal__content[b-3p51iq1ko5] {
    position: relative;
    background: white;
    border-radius: .5rem;
    padding: 1rem 2.25rem 1.5rem;
    max-width: 24.375rem;
    width: 100%;
    box-shadow: 0px 12px 24px 0px #5B68713D;
    box-shadow: 0px 0px 1px 0px #1A202452;
}

.loc-preset-modal__content_header[b-3p51iq1ko5] {
    margin-bottom: .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.loc-preset-modal__title[b-3p51iq1ko5] {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.loc-preset-modal__search[b-3p51iq1ko5] {
    margin-bottom: .5rem;
}

.loc-preset-modal__search-input[b-3p51iq1ko5] {
    width: 100%;
    padding: 4px 12px;
    border-radius: 6px;
}

.loc-preset-modal__list[b-3p51iq1ko5] {
    margin-bottom: .5rem;
}

.loc-preset-modal__item[b-3p51iq1ko5] {
}

    .loc-preset-modal__item .checkbox__custom[b-3p51iq1ko5] {
        width: 1rem;
        height: 1rem;
    }

.loc-preset-modal__label[b-3p51iq1ko5] {
    display: flex;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    font-size: 14px;
}

.loc-preset-modal__radio[b-3p51iq1ko5] {
    margin-right: .5rem;
}

.loc-preset-modal__actions[b-3p51iq1ko5] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}
/* _content/WebUI/Components/Pages/Object/Favorites.razor.rz.scp.css */

/* _content/WebUI/Components/Pages/Object/Index.razor.rz.scp.css */
/* _content/WebUI/Components/Pages/Object/RequestsComponent.razor.rz.scp.css */
body[b-cuk9t9q3ja] {
}
/* _content/WebUI/Components/Pages/Object/Сreate.razor.rz.scp.css */
/* Скрытие элементов */
.hidden[b-i990g43ljm] {
    display: none;
}

/* Анимация стрелки при открытии/закрытии */
.public-info__header-top_btn-hidden.active img[b-i990g43ljm],
.private-info__header-top_btn-hidden.active img[b-i990g43ljm],
.photos-tags__tags_btn-hidden.active img[b-i990g43ljm],
.working-schedule__btn.active svg[b-i990g43ljm] {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

/* Дополнительные стили для скрытых блоков */
.public-info__description.hidden[b-i990g43ljm],
.photos-tags__tags-container.hidden[b-i990g43ljm],
.photos-gallery__wrapper.hidden[b-i990g43ljm],
.working-schedule__list.hidden[b-i990g43ljm] {
    display: none;
}

.add-object__header[b-i990g43ljm] {
    padding: 6px .5rem 6px 24px;
    border-radius: 12px;
    background-color: var(--color-white);
}

.add-object__header-title[b-i990g43ljm] {
    font-size: 1.125rem;
}

.add-object__footer[b-i990g43ljm] {
    gap: .5rem;
}

.article-block[b-i990g43ljm] {
    padding: .5rem 24px .5rem .5rem;
}

.add-object-main[b-i990g43ljm] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 1rem;
    width: 100%;
    height: calc(100vh - 86px);
    overflow-x: hidden;
    overflow-y: hidden;
}

.add-object-left[b-i990g43ljm] {
    /* max-width: 22.5rem; */
    width: 34%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.add-object-right[b-i990g43ljm] {
    /* max-width: 43.625rem; */
    width: 64%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}



/* public info */

.public-info[b-i990g43ljm],
.private-info[b-i990g43ljm] {
    padding: 1rem;
    background-color: var(--color-white);
    border-radius: .5rem;
}

.public-info__header[b-i990g43ljm] {
    padding-bottom: 1rem;
    border-bottom: 1px solid #DDE1E4;
}

.public-info__header-top[b-i990g43ljm] {
    gap: 10px;
    margin-bottom: .5rem;
}

.public-info__title[b-i990g43ljm] {
    color: var(--color-dark-gray);
    font-size: 1.125rem;
}

.public-info__header-top_btn-hidden[b-i990g43ljm] {
    cursor: pointer;
}

.public-info__help img[b-i990g43ljm] {
    width: 24px;
    height: 24px;
}

.public-info__toggle[b-i990g43ljm] {
    gap: 12px;
    margin-right: .5rem;
}

.public-info__help[b-i990g43ljm] {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.public-info__help-info[b-i990g43ljm] {
    position: absolute;
    top: -56px;
    right: -3px;
    width: 29.5rem;
    display: none;
    padding: 4px .5rem;
    border-radius: 12px;
    color: var(--color-light-gray-5);
    background-color: var(--color-dark-gray-3);
    font-size: 0.75rem;
    line-height: 1rem;
    z-index: 10000;
}

    .public-info__help-info[b-i990g43ljm]::after {
        content: "";
        position: absolute;
        right: 12px;
        bottom: -5px;
        width: 10px;
        height: 10px;
        background-color: var(--color-dark-gray-3);
        transform: rotate(45deg);
    }

.public-info__help:hover .public-info__help-info[b-i990g43ljm] {
    display: block;
}

.public-info__description[b-i990g43ljm] {
    margin-top: 12px;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-1);
}

.public-info__tags[b-i990g43ljm] {
    padding: 1rem 0;
}

.public-info__tags_header-top[b-i990g43ljm] {
    gap: .5rem;
}

.public-info-title[b-i990g43ljm] {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.public-info__help-svg.default path[b-i990g43ljm] {
    fill: var(--color-mid-gray-1);
}

.public-info__tags-container[b-i990g43ljm] {
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin: .5rem 0;
}

.public-info__tag[b-i990g43ljm] {
    padding: 4px 12px;
    border-radius: 1rem;
    background-color: var(--color-light-gray-3);
    color: var(--color-dark-gray-2);
    font-size: 0.75rem;
    line-height: 1rem;
    display: flex;
    align-items: center;
    gap: 4px;
}

.public-info__add-tag[b-i990g43ljm] {
    gap: 4px;
}

.public-info__add-tag-text[b-i990g43ljm] {
    color: var(--color-blue);
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.input_object-name[b-i990g43ljm] {
}

.public-info__input_object-name[b-i990g43ljm],
[b-i990g43ljm] .input_object-name {
    overflow: hidden;
    min-height: 4rem;
    max-height: 100%;
    
    max-width: 100%;
}

[b-i990g43ljm] .public-info__textarea {
    min-height: 6rem;
    max-height: 100%;
    
    max-width: 100%;
}

.public-info__label[b-i990g43ljm] {
    margin-bottom: .5rem;
    display: block;
}

/* Container for the working schedule */
.working-schedule[b-i990g43ljm] {
    margin-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #DDE1E4;
}

.working-schedule__btn[b-i990g43ljm] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.working-schedule__list[b-i990g43ljm] {
    margin-top: .5rem;
}

.working-schedule__item[b-i990g43ljm] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .5rem;
}

.working-schedule__day[b-i990g43ljm] {
    flex: 1;
    color: var(--color-mid-gray-4);
    letter-spacing: -0.1px;
}

.working-schedule__input[b-i990g43ljm] {
    flex: 2;
}


/* Общие стили для блока Опции */
.options-section[b-i990g43ljm] {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.options-section__title[b-i990g43ljm] {
    margin-bottom: 4px;
}

.options-section__description[b-i990g43ljm] {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-1);
    margin-bottom: .5rem;
}

/* Стили для тегов */
.options-section__tags[b-i990g43ljm] {
    display: flex;
    flex-wrap: wrap;
    column-gap: .5rem;
    row-gap: 4px;
    margin-bottom: 1rem;
}

.options-section__tag[b-i990g43ljm] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: .5rem 12px;
    font-size: 0.75rem;
    color: var(--color-dark-gray);
    border: 1px solid var(--color-light-gray-2);
    border-radius: 1.5rem;
    background-color: var(--color-white);
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
}

    .options-section__tag.active[b-i990g43ljm] {
        border: 1px solid var(--color-blue);
        background-color: var(--color-blue);
        color: var(--color-white);
    }

        .options-section__tag.active:hover[b-i990g43ljm] {
            border: 1px solid var(--color-blue);
            background-color: var(--color-blue);
            color: var(--color-white);
        }

    .options-section__tag:hover[b-i990g43ljm] {
        background-color: var(--color-light-gray-2);
    }

.options-section__tag-icon[b-i990g43ljm] {
    width: 1.5rem;
    height: 1.5rem;
}

.options-section__tag-text[b-i990g43ljm] {
    white-space: nowrap;
    display: block;
}

/* Стили для параметров помещения */
.options-section__subtitle[b-i990g43ljm] {
    margin-bottom: .5rem;
}

.options-section__field[b-i990g43ljm] {
    position: relative;
    margin-bottom: .5rem;
}

.options-section__input[b-i990g43ljm] {
    flex: 1;
}

.options-section__unit[b-i990g43ljm] {
    position: absolute;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
    right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
}

/* Стили для загрузки файлов */

.options-section__dropzone[b-i990g43ljm] {
    border: 1px dashed var(--color-light-gray-2);
    border-radius: 1rem;
    padding: 1rem;
    text-align: center;
    cursor: pointer;
    min-height: 164px;
    max-height: 164px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.options-section__file-input[b-i990g43ljm] {
    display: none;
}

.options-section__file-img[b-i990g43ljm] {
    width: 24px;
    height: 24px;
    margin: 0 auto;
}

.options-section__browse[b-i990g43ljm] {
    margin: 0 auto;
    padding: 4px 12px;
    font-weight: 400;
    max-height: 2rem;
}

.options-section__file-text[b-i990g43ljm] {
    margin: 4px 0 .5rem;
}

.options-section__file[b-i990g43ljm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.5rem;
    padding: 4px 4px 4px 12px;
    border-radius: 6px;
    background-color: var(--color-light-gray-5);
}

.options-section__file-name[b-i990g43ljm] {
    display: block;
    font-weight: 400;
}

.options-section__file-remove[b-i990g43ljm] {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .options-section__file-remove img[b-i990g43ljm] {
        width: 24px;
        height: 24px;
    }

.private-info__input-price--wrapper[b-i990g43ljm] {
    position: relative;
}

.private-info__input[b-i990g43ljm] {
}

/* Общий блок для секции клиента */
.client-options[b-i990g43ljm] {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #DDE1E4;
}

.client-options__title[b-i990g43ljm] {
    margin-bottom: .5rem;
}

/* Стили для полей ввода */
.client-options__fields[b-i990g43ljm] {
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 1rem;
}

.client-options__field[b-i990g43ljm] {
    flex: 1;
}

.client-options__field[b-i990g43ljm] {
    position: relative;
}

.client-options__input_price-client[b-i990g43ljm],
.client-options__field_price-client[b-i990g43ljm] {
    max-width: 7.75rem;
}

.client-options__input_price-client[b-i990g43ljm] {
    padding-right: 30px;
}

.client-options__currency[b-i990g43ljm],
.client-options__unit[b-i990g43ljm] {
    position: absolute;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
    right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
}

.client-options__select[b-i990g43ljm] {
    background-image: url(../img/svg/arrow-chevron.svg);
}

/* Стили для тегов */
.client-options__tags[b-i990g43ljm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.client-options__tag[b-i990g43ljm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    color: #333;
    border: 1px solid #dcdcdc;
    border-radius: 1rem;
    background-color: #fff;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
}

    .client-options__tag:hover[b-i990g43ljm] {
        background-color: #f0f0f0;
        border-color: #ccc;
    }

    .client-options__tag:active[b-i990g43ljm] {
        background-color: #e0e0e0;
    }

/* parking-options */

.parking-options__title[b-i990g43ljm] {
    margin-bottom: .5rem;
}

.parking-options__field[b-i990g43ljm] {
    margin-bottom: 1rem;
}

    .parking-options__field:last-child[b-i990g43ljm] {
        margin-bottom: 0px;
    }

.parking-options__select[b-i990g43ljm] {
    background-image: url(../img/svg/arrow-chevron.svg);
}

.parking-options__tags[b-i990g43ljm] {
    flex-wrap: wrap;
    gap: .5rem;
    margin: .5rem 0;
}

/* private-info */

.private-info[b-i990g43ljm] {
    margin-top: 1rem;
}

.private-info__header[b-i990g43ljm] {
    border-bottom: 1px solid #DDE1E4;
    padding-bottom: 1rem;
}

.private-info__fields[b-i990g43ljm] {
    border-bottom: 1px solid #DDE1E4;
    margin-top: 1rem;
}

.private-info__field[b-i990g43ljm] {
    margin-bottom: 1rem;
}

.private-info__textarea-limitations[b-i990g43ljm] {
    min-height: 2.5rem;
}

.private-info__map iframe[b-i990g43ljm] {
    max-width: 100%;
    max-height: 9.25rem;
}

.private-info__field-i-owner[b-i990g43ljm] {
    gap: 12px;
}

.private-info__i-owner--wrapper[b-i990g43ljm] {
}

.private-info__owner-label[b-i990g43ljm] {
}

.private-info__description[b-i990g43ljm] {
    margin-top: 0;
    color: var(--color-mid-gray-4);
}

.private-info__address-fields[b-i990g43ljm] {
    gap: .5rem;
}

/* add-object-right */

.add-object-right[b-i990g43ljm] {
    padding: 1rem;
    background-color: var(--color-white);
    border-radius: .5rem;
}

.photos-tags[b-i990g43ljm] {
}

.photos-tags__header[b-i990g43ljm] {
    padding-bottom: 14px;
    border-bottom: 1px solid #DDE1E4;
}

.photos-tags__header-top[b-i990g43ljm] {
    margin-bottom: .5rem;
}

.photos-tags__title[b-i990g43ljm] {
}

.photos-tags__description[b-i990g43ljm] {
    max-width: 36.75rem;
}

.private-info__header-top_btn-hidden[b-i990g43ljm] {
    cursor: pointer;
}

.private-info__description[b-i990g43ljm] {
    margin-top: 12px;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-1);
}

.photos-tags__tags[b-i990g43ljm] {
    margin-top: 1rem;
    margin-bottom: 24px;
}

.photos-tags__tags-header[b-i990g43ljm] {
    gap: .5rem;
}

.photos-tags__tags-title[b-i990g43ljm] {
}

.public-info-title[b-i990g43ljm] {
}

.photos-tags__tags-title_count[b-i990g43ljm] {
}

.photos-tags__tags_btn-hidden[b-i990g43ljm] {
    margin-left: auto;
}

.photos-tags__tags-container[b-i990g43ljm] {
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 12px;
}

.photos-tags__tag[b-i990g43ljm] {
    cursor: pointer;
    padding: .5rem 12px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--color-white);
    color: var(--color-dark-gray-2);
    border: 1px solid var(--color-light-gray-2);
    max-height: 2rem;
    font-size: 0.75rem;
    line-height: 1rem;
}

    .photos-tags__tag:hover[b-i990g43ljm] {
        background-color: var(--color-light-gray-2);
    }

    .photos-tags__tag.active[b-i990g43ljm] {
        background-color: var(--color-medium-blue);
        color: var(--color-white);
        border: 1px solid var(--color-medium-blue);
    }

        .photos-tags__tag.active .photos-tags__tag-remove path[b-i990g43ljm] {
            fill: #ffffff;
        }

.photos-tags__tag-remove[b-i990g43ljm] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.photos-gallery[b-i990g43ljm] {
}

.photos-gallery__header[b-i990g43ljm] {
}

.photos-gallery__title[b-i990g43ljm] {
}

.public-info-title[b-i990g43ljm] {
}



.photos-gallery__browse[b-i990g43ljm] {
    font-size: 0.875rem;
    padding: 0 .5rem;
}

.photos-gallery__actions[b-i990g43ljm] {
}

.photos-gallery__process[b-i990g43ljm] {
    padding: 2px .5rem;
    background-color: var(--color-primary);
    font-weight: 400;
}

.photos-gallery__actions-right[b-i990g43ljm] {
    gap: 1rem;
}

.photos-gallery__actions-btn[b-i990g43ljm] {
    position: relative;
    color: var(--color-medium-blue);
    line-height: 1.5rem;
}

    .photos-gallery__actions-btn[b-i990g43ljm]::before {
        content: "";
        position: absolute;
        width: 100%;
        opacity: 0;
        height: 1px;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: #4C68D720;
    }

    .photos-gallery__actions-btn:hover[b-i990g43ljm]::before {
        opacity: 1;
    }

.photos-gallery__select-all[b-i990g43ljm] {
}

.photos-gallery__delete-selected[b-i990g43ljm] {
}

.photos-gallery__items[b-i990g43ljm] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 1rem 2.5rem 1rem 1rem;
    gap: 24px;
    border-radius: 12px;
    background-color: var(--color-light-gray);
    max-height: 24.375rem;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    scrollbar-width: thin; /* Тонкий скролл */
    scrollbar-color: var(--color-blue) transparent; /* Цвет ползунка и трека */
}

.photos-gallery__item[b-i990g43ljm] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 24%;
    /* max-width: 8.594rem; */
}

.photo-viewer[b-i990g43ljm] {
    width: 44.25rem;
}

/* Overlay */
.modal-overlay[b-i990g43ljm],
.photo-tags-modal-overlay[b-i990g43ljm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

    .modal-overlay.active[b-i990g43ljm],
    .photo-tags-modal-overlay.active[b-i990g43ljm] {
        display: flex;
    }

/* Modal */
.modal[b-i990g43ljm] {
    background: var(--color-white);
    border-radius: 6px;
    max-width: 29.75rem;
    width: 100%;
    padding: 40px 24px;
    padding-right: 0;
    box-shadow: 0px 12px 24px 0px #5B68713D;
    box-shadow: 0px 0px 1px 0px #1A202452;
    position: relative;
    animation: fadeIn-b-i990g43ljm 0.3s ease-in-out;
}

/* Header */
.modal-header[b-i990g43ljm] {
    margin-bottom: 1rem;
    margin-right: 24px;
}

.modal-title[b-i990g43ljm] {
    font-size: 1.125rem;
}

.modal--wrapper[b-i990g43ljm] {
    max-height: 24.25rem;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-bottom: 1rem;
    padding-right: .5rem;
    margin-right: 12px;
}
/* Search */
.modal-search[b-i990g43ljm] {
    margin-bottom: 1rem;
}

/* Tags */
.modal-tags[b-i990g43ljm] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .5rem;
    margin-bottom: 1rem;
}

.modal-tag[b-i990g43ljm] {
    width: 100%;
}
/* Footer */
.modal-footer[b-i990g43ljm] {
    display: flex;
    gap: 1rem;
    margin-right: 24px;
}

.modal-cancel[b-i990g43ljm],
.modal-save[b-i990g43ljm] {
    width: 100%;
}

/* Animation */
@keyframes fadeIn-b-i990g43ljm {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.photo-tags-container[b-i990g43ljm] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    background: var(--color-background-main);
    border-radius: 6px;
    width: 100%;
    padding: 1rem;
    position: relative;
    animation: fadeIn-b-i990g43ljm 0.3s ease-in-out;
}


.tags-panel[b-i990g43ljm] {
    width: 37.625rem;
}

.tags-panel__actions[b-i990g43ljm] {
    gap: 1rem;
}

.tags-panel__select-btn[b-i990g43ljm] {
    position: relative;
    color: #42396D;
    line-height: 1.5rem;
}

    .tags-panel__select-btn[b-i990g43ljm]::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        background-color: #4C68D720;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .tags-panel__select-btn:hover[b-i990g43ljm]::before {
        opacity: 1;
        transition: opacity 0.3s;
    }

.tags-panel__close-btn[b-i990g43ljm] {
    margin-left: auto;
}

.tags-panel__list[b-i990g43ljm] {
    flex-wrap: wrap;
    gap: .5rem;
}

.tags-panel__tag[b-i990g43ljm] {
    width: 7.125rem;
    height: 7.125rem;
}

    .tags-panel__tag.active[b-i990g43ljm] {
        background-color: var(--color-medium-blue);
    }

    .tags-panel__tag .keyword-search__tag-icon--wrapper[b-i990g43ljm],
    .tags-panel__tag .keyword-search__tag-icon[b-i990g43ljm] {
        width: 2.5rem;
        height: 2.5rem;
    }

    .tags-panel__tag:hover path[b-i990g43ljm] {
        fill: #ffffff;
        opacity: 1;
    }

    .tags-panel__tag:hover[b-i990g43ljm] {
        background-color: var(--color-medium-blue);
        color: var(--color-white);
    }

    .tags-panel__tag.active[b-i990g43ljm] {
        color: var(--color-white);
    }

        .tags-panel__tag.active .keyword-search__tag-icon path[b-i990g43ljm] {
            fill: #ffffff;
            opacity: 1;
        }

/* Основные стили модального окна */
.delete-modal[b-i990g43ljm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
}

    .delete-modal.active[b-i990g43ljm] {
        display: flex;
    }

.delete-modal__content[b-i990g43ljm] {
    position: relative;
    background: white;
    border-radius: 6px;
    padding: 2.5rem 1.5rem 1.625rem;
    max-width: 24.375rem;
    width: 100%;
    box-shadow: 0px 12px 24px 0px #5B68713D;
    box-shadow: 0px 0px 1px 0px #1A202452;
}

.delete-modal__content-header[b-i990g43ljm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.delete-modal__close-btn[b-i990g43ljm] {
    width: 1.5rem;
    height: 1.5rem;
}

.delete-modal__title[b-i990g43ljm] {
    font-size: 1.125rem;
}

.delete-modal__description[b-i990g43ljm] {
    line-height: 1.5rem;
    color: var(--color-mid-gray-1);
    margin-bottom: 1rem;
}

.delete-modal__actions[b-i990g43ljm] {
    display: flex;
    gap: 1rem;
}

/* Стиль фона модального окна */
.delete-modal__overlay[b-i990g43ljm] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    cursor: pointer;
    z-index: -1;
}

/* Показ модального окна */
.delete-modal--visible[b-i990g43ljm] {
    visibility: visible;
    opacity: 1;
}

.delete-modal__cancel-btn[b-i990g43ljm],
.delete-modal__delete-btn[b-i990g43ljm] {
    width: 100%;
}
/* _content/WebUI/Components/Pages/Profile/Index.razor.rz.scp.css */
.my-object[b-o104lrtdp7] {
    margin-left: 1rem;
    margin-right: 1.5rem;
    margin-bottom: 0.5rem;
}

.my-object__header[b-o104lrtdp7] {
    width: 100%;
    background-color: var(--color-white);
    margin-bottom: 1.25rem;
    border-radius: 0 0 0 0.5rem;
}

.tabs__menu[b-o104lrtdp7] {
    padding-left: 1.25rem;
    margin-top: 1.25rem;
    gap: 0.9375rem;
}

.tabs__item[b-o104lrtdp7] {
    cursor: pointer;
    padding: 7px 0;
    letter-spacing: -0.1px;
    border-bottom: 1px solid var(--color-light-gray-2);
}

.tabs__item-heart[b-o104lrtdp7] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

    .tabs__item-heart svg[b-o104lrtdp7] {
        width: 1.5rem;
        height: 1.5rem;
    }

.tabs__item--active[b-o104lrtdp7] {
    font-weight: 600;
    border-bottom: 1px solid var(--color-dark-gray-2);
}

.my-object__header-akk[b-o104lrtdp7] {
    gap: 0.75rem;
    padding: 0.625rem 1.5rem 0.625rem 0;
}

.my-object__header-akk_img[b-o104lrtdp7] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    object-fit: cover;
}

.my-object__header-akk-name[b-o104lrtdp7] {
    font-weight: 600;
}

.my-object__header-akk-email[b-o104lrtdp7] {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-2);
}

.personal-info[b-o104lrtdp7] {
    position: relative;
    border-radius: 0.5rem;
    background-color: var(--color-white);
    padding: 1rem;
    letter-spacing: -0.1px;
}

.personal-info__header[b-o104lrtdp7] {
    align-items: flex-end;
    gap: 1.75rem;
}

.personal-info__avatar[b-o104lrtdp7] {
    position: relative;
    width: 4rem;
    height: 4rem;
}

.personal-info__avatar-btn[b-o104lrtdp7] {
    position: absolute;
    right: -4px;
    bottom: -4px;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-blue);
    border-radius: 50%;
}

    .personal-info__avatar-btn img[b-o104lrtdp7] {
        width: 1rem;
        height: 1rem;
    }

.personal-info__rating span[b-o104lrtdp7] {
    font-weight: 600;
}

.personal-info__details[b-o104lrtdp7] {
    margin: 1rem 0;
}
.personal-info__item[b-o104lrtdp7] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: .5rem;
}
.personal-info__item span[b-o104lrtdp7] {
    font-weight: 600;
    flex: 1
}

    .personal-info__item p[b-o104lrtdp7],        
    .personal-info__item input[b-o104lrtdp7] {        
        flex: 5
    }


.personal-info__actions[b-o104lrtdp7] {
    gap: 0.25rem;
}

.btn--danger[b-o104lrtdp7] {
    background-color: var(--color-primary);
}

    .btn--danger:hover[b-o104lrtdp7] {
        background-color: var(--color-primary-hover);
    }

.personal-info__settings[b-o104lrtdp7] {
    position: absolute;
    right: 1rem;
    top: 1rem;
    cursor: pointer;
}

.personal-info__settings-icon[b-o104lrtdp7] {
    width: 1.5rem;
    height: 1.5rem;
}

/* Popup Styles */
.popup[b-o104lrtdp7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup.active[b-o104lrtdp7] {
    display:flex;
}

.popup__content[b-o104lrtdp7] {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 12px 24px 0px #5B68713D;
    box-shadow: 0px 0px 1px 0px #1A202452;
    width: 100%;
    max-width: 24.375rem;
    padding: 1rem 2.25rem 1.5rem;
    position: relative;
}

.popup__header[b-o104lrtdp7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.popup__title[b-o104lrtdp7] {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
}

.popup__close[b-o104lrtdp7] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #888;
    transition: color 0.3s;
}

    .popup__close:hover[b-o104lrtdp7] {
        color: #000;
    }

.popup__body[b-o104lrtdp7] {
    margin: 1rem 0;
}

.popup__label[b-o104lrtdp7] {
    font-weight: 600;
    letter-spacing: 0.1px;
    margin-bottom: 10px;
    display: block;
    color: #555;
}

.popup__range-wrapper[b-o104lrtdp7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.popup__range[b-o104lrtdp7] {
    flex-grow: 1;
    -webkit-appearance: none;
    appearance: none;
    height: 4px;
    background: #ddd;
    border-radius: 2px;
    outline: none;
    transition: background 0.3s;
}

    .popup__range[b-o104lrtdp7]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 1rem;
        height: 1rem;
        background: #007bff;
        border-radius: 50%;
        cursor: pointer;
    }

    .popup__range[b-o104lrtdp7]::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        background: #007bff;
        border-radius: 50%;
        cursor: pointer;
    }

.popup__range-min[b-o104lrtdp7],
.popup__range-max[b-o104lrtdp7] {
    font-size: 0.75rem;
    line-height: 1rem;
}

.popup__footer[b-o104lrtdp7] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.popup__btn[b-o104lrtdp7] {
    padding: 10px 20px;
    font-size: 1rem;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.3s;
}

.popup__btn--cancel[b-o104lrtdp7] {
    background: var(--color-white);
    color: var(--color-dark-gray-2);
    border: 1px solid var(--color-light-gray-2);
}

    .popup__btn--cancel:hover[b-o104lrtdp7] {
        background: #e0e0e0;
    }

.popup__btn--save[b-o104lrtdp7] {
    width: 100%;
}

.my-object-subscription[b-o104lrtdp7] {
    display: flex;
    align-items: flex-start;
}

.my-object-subscription__item[b-o104lrtdp7] {
    padding: 12px 24px 32px 24px;
    max-width: 23.75rem;
    width: 100%;
    border-radius: 0.5rem;
}

.my-object-subscription__item-premium[b-o104lrtdp7] {
    background-color: var(--color-primary-rp200);
}

    .my-object-subscription__item-premium .my-object-subscription__item-title[b-o104lrtdp7] {
        color: var(--color-blue);
    }

.my-object-subscription__item-title[b-o104lrtdp7] {
    text-transform: uppercase;
    letter-spacing: 0.1px;
    margin-bottom: 0.75rem;
    font-weight: 600;
}

.my-object-subscription__item-list[b-o104lrtdp7] {
    max-width: 17.5rem;
}

.my-object-subscription__item-list-item[b-o104lrtdp7] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    padding: 2px 0 14px;
}

.my-object-subscription__item-list-item_icon--wrapper[b-o104lrtdp7] {
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid #3F3F4150;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-object-subscription__item-list-item_icon[b-o104lrtdp7] {
    width: 1.5rem;
    height: 1.5rem;
}

    .my-object-subscription__item-list-item_icon.disabled[b-o104lrtdp7] {
        display: none;
    }

.my-object-subscription__item-list-item_text--wrapper[b-o104lrtdp7] {
    letter-spacing: -0.1px;
}

.my-object-subscription__item-list-item_text-title[b-o104lrtdp7] {
    font-weight: 600;
}

.my-object-subscription__item-list-item_text-desc[b-o104lrtdp7] {
    line-height: 1.25rem;
    color: var(--color-mid-gray-1);
}

.my-object-subscription__item-btn[b-o104lrtdp7] {
    width: fit-content;
    margin-top: 1.5rem;
    padding: 4px 12px;
}

    .my-object-subscription__item-btn.disabled[b-o104lrtdp7] {
        background-color: transparent;
        color: inherit;
        font-weight: 400;
        cursor: auto;
    }

.my-object-team__invite-offer_btns[b-o104lrtdp7] {
    gap: 0.75rem;
}

.my-object-team[b-o104lrtdp7] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 2rem;
    gap: 1.5rem;
}

.my-object-team__create-team[b-o104lrtdp7],
.my-object-team__invite[b-o104lrtdp7] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.125rem;
    max-width: 674px;
    min-height: 232px;
    padding: 1rem 2rem;
    width: 100%;
    background-color: var(--color-white);
    border-radius: 12px;
}

.my-object-team__create-team-btn[b-o104lrtdp7] {
    max-width: 263px;
    width: 100%;
}

.my-object-team__invite[b-o104lrtdp7] {
    align-items: flex-start;
    flex-direction: row;
    gap: 1.25rem;
}

.my-object-team__invite_img[b-o104lrtdp7] {
    max-width: 12.5rem;
}

.my-object-team__invite-offer_title[b-o104lrtdp7] {
    margin-bottom: 29px;
}

.my-object-team__invite-offer_privacy[b-o104lrtdp7] {
    margin-bottom: 11px;
}

.my-object-team__invite-offer_privacy-text-link[b-o104lrtdp7] {
    position: relative;
    color: var(--color-blue);
}

    .my-object-team__invite-offer_privacy-text-link[b-o104lrtdp7]::after {
        content: '';
        position: absolute;
        bottom: 3px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: transparent;
        transition: background-color 0.3s;
    }

    .my-object-team__invite-offer_privacy-text-link:hover[b-o104lrtdp7]::after {
        background-color: var(--color-blue);
        transition: background-color 0.3s;
    }

.my-object-team__invite-offer_btns[b-o104lrtdp7] {
    gap: 0.75rem;
}

.avatar-edit[b-o104lrtdp7] {
    margin-top: 1rem;
}
/* _content/WebUI/Components/Pages/Profile/Subscription.razor.rz.scp.css */
.my-object[b-1wbj0bbjp4] {
    margin-left: 1rem;
    margin-right: 1.5rem;
    margin-bottom: 0.5rem;
}

.my-object__header[b-1wbj0bbjp4] {
    width: 100%;
    background-color: var(--color-white);
    margin-bottom: 1.25rem;
    border-radius: 0 0 0 0.5rem;
}

.tabs__menu[b-1wbj0bbjp4] {
    padding-left: 1.25rem;
    margin-top: 1.25rem;
    gap: 0.9375rem;
}

.tabs__item[b-1wbj0bbjp4] {
    cursor: pointer;
    padding: 7px 0;
    letter-spacing: -0.1px;
    border-bottom: 1px solid var(--color-light-gray-2);
}

.tabs__item-heart[b-1wbj0bbjp4] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

    .tabs__item-heart svg[b-1wbj0bbjp4] {
        width: 1.5rem;
        height: 1.5rem;
    }

.tabs__item--active[b-1wbj0bbjp4] {
    font-weight: 600;
    border-bottom: 1px solid var(--color-dark-gray-2);
}

.my-object__header-akk[b-1wbj0bbjp4] {
    gap: 0.75rem;
    padding: 0.625rem 1.5rem 0.625rem 0;
}

.my-object__header-akk_img[b-1wbj0bbjp4] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    object-fit: cover;
}

.my-object__header-akk-name[b-1wbj0bbjp4] {
    font-weight: 600;
}

.my-object__header-akk-email[b-1wbj0bbjp4] {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-2);
}

.personal-info[b-1wbj0bbjp4] {
    position: relative;
    border-radius: 0.5rem;
    background-color: var(--color-white);
    padding: 1rem;
    letter-spacing: -0.1px;
}

.personal-info__header[b-1wbj0bbjp4] {
    align-items: flex-end;
    gap: 1.75rem;
}

.personal-info__avatar[b-1wbj0bbjp4] {
    position: relative;
    width: 4rem;
    height: 4rem;
}

.personal-info__avatar-btn[b-1wbj0bbjp4] {
    position: absolute;
    right: -4px;
    bottom: -4px;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-blue);
    border-radius: 50%;
}

    .personal-info__avatar-btn img[b-1wbj0bbjp4] {
        width: 1rem;
        height: 1rem;
    }

.personal-info__rating span[b-1wbj0bbjp4] {
    font-weight: 600;
}

.personal-info__details[b-1wbj0bbjp4] {
    margin: 1rem 0;
}

.personal-info__item span[b-1wbj0bbjp4] {
    font-weight: 600;
}

.personal-info__actions[b-1wbj0bbjp4] {
    gap: 0.25rem;
}

.btn--danger[b-1wbj0bbjp4] {
    background-color: var(--color-primary);
}

    .btn--danger:hover[b-1wbj0bbjp4] {
        background-color: var(--color-primary-hover);
    }

.personal-info__settings[b-1wbj0bbjp4] {
    position: absolute;
    right: 1rem;
    top: 1rem;
    cursor: pointer;
}

.personal-info__settings-icon[b-1wbj0bbjp4] {
    width: 1.5rem;
    height: 1.5rem;
}

/* Popup Styles */
.popup[b-1wbj0bbjp4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup__content[b-1wbj0bbjp4] {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 12px 24px 0px #5B68713D;
    box-shadow: 0px 0px 1px 0px #1A202452;
    width: 100%;
    max-width: 24.375rem;
    padding: 1rem 2.25rem 1.5rem;
    position: relative;
}

.popup__header[b-1wbj0bbjp4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.popup__title[b-1wbj0bbjp4] {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
}

.popup__close[b-1wbj0bbjp4] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #888;
    transition: color 0.3s;
}

    .popup__close:hover[b-1wbj0bbjp4] {
        color: #000;
    }

.popup__body[b-1wbj0bbjp4] {
    margin: 1rem 0;
}

.popup__label[b-1wbj0bbjp4] {
    font-weight: 600;
    letter-spacing: 0.1px;
    margin-bottom: 10px;
    display: block;
    color: #555;
}

.popup__range-wrapper[b-1wbj0bbjp4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.popup__range[b-1wbj0bbjp4] {
    flex-grow: 1;
    -webkit-appearance: none;
    appearance: none;
    height: 4px;
    background: #ddd;
    border-radius: 2px;
    outline: none;
    transition: background 0.3s;
}

    .popup__range[b-1wbj0bbjp4]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 1rem;
        height: 1rem;
        background: #007bff;
        border-radius: 50%;
        cursor: pointer;
    }

    .popup__range[b-1wbj0bbjp4]::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        background: #007bff;
        border-radius: 50%;
        cursor: pointer;
    }

.popup__range-min[b-1wbj0bbjp4],
.popup__range-max[b-1wbj0bbjp4] {
    font-size: 0.75rem;
    line-height: 1rem;
}

.popup__footer[b-1wbj0bbjp4] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.popup__btn[b-1wbj0bbjp4] {
    padding: 10px 20px;
    font-size: 1rem;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.3s;
}

.popup__btn--cancel[b-1wbj0bbjp4] {
    background: var(--color-white);
    color: var(--color-dark-gray-2);
    border: 1px solid var(--color-light-gray-2);
}

    .popup__btn--cancel:hover[b-1wbj0bbjp4] {
        background: #e0e0e0;
    }

.popup__btn--save[b-1wbj0bbjp4] {
    width: 100%;
}

.my-object-subscription[b-1wbj0bbjp4] {
    display: flex;
    align-items: flex-start;
}

.my-object-subscription__item[b-1wbj0bbjp4] {
    padding: 12px 24px 32px 24px;
    max-width: 23.75rem;
    width: 100%;
    border-radius: 0.5rem;
}

.my-object-subscription__item-premium[b-1wbj0bbjp4] {
    background-color: var(--color-primary-rp200);
}

    .my-object-subscription__item-premium .my-object-subscription__item-title[b-1wbj0bbjp4] {
        color: var(--color-blue);
    }

.my-object-subscription__item-title[b-1wbj0bbjp4] {
    text-transform: uppercase;
    letter-spacing: 0.1px;
    margin-bottom: 0.75rem;
    font-weight: 600;
}

.my-object-subscription__item-list[b-1wbj0bbjp4] {
    max-width: 17.5rem;
}

.my-object-subscription__item-list-item[b-1wbj0bbjp4] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    padding: 2px 0 14px;
}

.my-object-subscription__item-list-item_icon--wrapper[b-1wbj0bbjp4] {
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid #3F3F4150;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-object-subscription__item-list-item_icon[b-1wbj0bbjp4] {
    width: 1.5rem;
    height: 1.5rem;
}

    .my-object-subscription__item-list-item_icon.disabled[b-1wbj0bbjp4] {
        display: none;
    }

.my-object-subscription__item-list-item_text--wrapper[b-1wbj0bbjp4] {
    letter-spacing: -0.1px;
}

.my-object-subscription__item-list-item_text-title[b-1wbj0bbjp4] {
    font-weight: 600;
}

.my-object-subscription__item-list-item_text-desc[b-1wbj0bbjp4] {
    line-height: 1.25rem;
    color: var(--color-mid-gray-1);
}

.my-object-subscription__item-btn[b-1wbj0bbjp4] {
    width: fit-content;
    margin-top: 1.5rem;
    padding: 4px 12px;
}

    .my-object-subscription__item-btn.disabled[b-1wbj0bbjp4] {
        background-color: transparent;
        color: inherit;
        font-weight: 400;
        cursor: auto;
    }

.my-object-team__invite-offer_btns[b-1wbj0bbjp4] {
    gap: 0.75rem;
}

.my-object-team[b-1wbj0bbjp4] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 2rem;
    gap: 1.5rem;
}

.my-object-team__create-team[b-1wbj0bbjp4],
.my-object-team__invite[b-1wbj0bbjp4] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.125rem;
    max-width: 674px;
    min-height: 232px;
    padding: 1rem 2rem;
    width: 100%;
    background-color: var(--color-white);
    border-radius: 12px;
}

.my-object-team__create-team-btn[b-1wbj0bbjp4] {
    max-width: 263px;
    width: 100%;
}

.my-object-team__invite[b-1wbj0bbjp4] {
    align-items: flex-start;
    flex-direction: row;
    gap: 1.25rem;
}

.my-object-team__invite_img[b-1wbj0bbjp4] {
    max-width: 12.5rem;
}

.my-object-team__invite-offer_title[b-1wbj0bbjp4] {
    margin-bottom: 29px;
}

.my-object-team__invite-offer_privacy[b-1wbj0bbjp4] {
    margin-bottom: 11px;
}

.my-object-team__invite-offer_privacy-text-link[b-1wbj0bbjp4] {
    position: relative;
    color: var(--color-blue);
}

    .my-object-team__invite-offer_privacy-text-link[b-1wbj0bbjp4]::after {
        content: '';
        position: absolute;
        bottom: 3px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: transparent;
        transition: background-color 0.3s;
    }

    .my-object-team__invite-offer_privacy-text-link:hover[b-1wbj0bbjp4]::after {
        background-color: var(--color-blue);
        transition: background-color 0.3s;
    }

.my-object-team__invite-offer_btns[b-1wbj0bbjp4] {
    gap: 0.75rem;
}
/* _content/WebUI/Components/Pages/Profile/TeamComponent.razor.rz.scp.css */
.my-object[b-0n4tok96wc] {
    margin-left: 1rem;
    margin-right: 1.5rem;
    margin-bottom: 0.5rem;
}

.my-object__header[b-0n4tok96wc] {
    width: 100%;
    background-color: var(--color-white);
    margin-bottom: 1.25rem;
    border-radius: 0 0 0 0.5rem;
}

.tabs__menu[b-0n4tok96wc] {
    padding-left: 1.25rem;
    margin-top: 1.25rem;
    gap: 0.9375rem;
}

.tabs__item[b-0n4tok96wc] {
    cursor: pointer;
    padding: 7px 0;
    letter-spacing: -0.1px;
    border-bottom: 1px solid var(--color-light-gray-2);
}

.tabs__item-heart[b-0n4tok96wc] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

    .tabs__item-heart svg[b-0n4tok96wc] {
        width: 1.5rem;
        height: 1.5rem;
    }

.tabs__item--active[b-0n4tok96wc] {
    font-weight: 600;
    border-bottom: 1px solid var(--color-dark-gray-2);
}

.my-object__header-akk[b-0n4tok96wc] {
    gap: 0.75rem;
    padding: 0.625rem 1.5rem 0.625rem 0;
}

.my-object__header-akk_img[b-0n4tok96wc] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    object-fit: cover;
}

.my-object__header-akk-name[b-0n4tok96wc] {
    font-weight: 600;
}

.my-object__header-akk-email[b-0n4tok96wc] {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-2);
}

.personal-info[b-0n4tok96wc] {
    position: relative;
    border-radius: 0.5rem;
    background-color: var(--color-white);
    padding: 1rem;
    letter-spacing: -0.1px;
}

.personal-info__header[b-0n4tok96wc] {
    align-items: flex-end;
    gap: 1.75rem;
}

.personal-info__avatar[b-0n4tok96wc] {
    position: relative;
    width: 4rem;
    height: 4rem;
}

.personal-info__avatar-btn[b-0n4tok96wc] {
    position: absolute;
    right: -4px;
    bottom: -4px;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-blue);
    border-radius: 50%;
}

    .personal-info__avatar-btn img[b-0n4tok96wc] {
        width: 1rem;
        height: 1rem;
    }

.personal-info__rating span[b-0n4tok96wc] {
    font-weight: 600;
}

.personal-info__details[b-0n4tok96wc] {
    margin: 1rem 0;
}

.personal-info__item span[b-0n4tok96wc] {
    font-weight: 600;
}

.personal-info__actions[b-0n4tok96wc] {
    gap: 0.25rem;
}

.btn--danger[b-0n4tok96wc] {
    background-color: var(--color-primary);
}

    .btn--danger:hover[b-0n4tok96wc] {
        background-color: var(--color-primary-hover);
    }

.personal-info__settings[b-0n4tok96wc] {
    position: absolute;
    right: 1rem;
    top: 1rem;
    cursor: pointer;
}

.personal-info__settings-icon[b-0n4tok96wc] {
    width: 1.5rem;
    height: 1.5rem;
}

/* Popup Styles */
.popup[b-0n4tok96wc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup__content[b-0n4tok96wc] {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 12px 24px 0px #5B68713D;
    box-shadow: 0px 0px 1px 0px #1A202452;
    width: 100%;
    max-width: 24.375rem;
    padding: 1rem 2.25rem 1.5rem;
    position: relative;
}

.popup__header[b-0n4tok96wc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.popup__title[b-0n4tok96wc] {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
}

.popup__close[b-0n4tok96wc] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #888;
    transition: color 0.3s;
}

    .popup__close:hover[b-0n4tok96wc] {
        color: #000;
    }

.popup__body[b-0n4tok96wc] {
    margin: 1rem 0;
}

.popup__label[b-0n4tok96wc] {
    font-weight: 600;
    letter-spacing: 0.1px;
    margin-bottom: 10px;
    display: block;
    color: #555;
}

.popup__range-wrapper[b-0n4tok96wc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.popup__range[b-0n4tok96wc] {
    flex-grow: 1;
    -webkit-appearance: none;
    appearance: none;
    height: 4px;
    background: #ddd;
    border-radius: 2px;
    outline: none;
    transition: background 0.3s;
}

    .popup__range[b-0n4tok96wc]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 1rem;
        height: 1rem;
        background: #007bff;
        border-radius: 50%;
        cursor: pointer;
    }

    .popup__range[b-0n4tok96wc]::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        background: #007bff;
        border-radius: 50%;
        cursor: pointer;
    }

.popup__range-min[b-0n4tok96wc],
.popup__range-max[b-0n4tok96wc] {
    font-size: 0.75rem;
    line-height: 1rem;
}

.popup__footer[b-0n4tok96wc] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.popup__btn[b-0n4tok96wc] {
    padding: 10px 20px;
    font-size: 1rem;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.3s;
}

.popup__btn--cancel[b-0n4tok96wc] {
    background: var(--color-white);
    color: var(--color-dark-gray-2);
    border: 1px solid var(--color-light-gray-2);
}

    .popup__btn--cancel:hover[b-0n4tok96wc] {
        background: #e0e0e0;
    }

.popup__btn--save[b-0n4tok96wc] {
    width: 100%;
}

.my-object-subscription[b-0n4tok96wc] {
    display: flex;
    align-items: flex-start;
}

.my-object-subscription__item[b-0n4tok96wc] {
    padding: 12px 24px 32px 24px;
    max-width: 23.75rem;
    width: 100%;
    border-radius: 0.5rem;
}

.my-object-subscription__item-premium[b-0n4tok96wc] {
    background-color: var(--color-primary-rp200);
}

    .my-object-subscription__item-premium .my-object-subscription__item-title[b-0n4tok96wc] {
        color: var(--color-blue);
    }

.my-object-subscription__item-title[b-0n4tok96wc] {
    text-transform: uppercase;
    letter-spacing: 0.1px;
    margin-bottom: 0.75rem;
    font-weight: 600;
}

.my-object-subscription__item-list[b-0n4tok96wc] {
    max-width: 17.5rem;
}

.my-object-subscription__item-list-item[b-0n4tok96wc] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    padding: 2px 0 14px;
}

.my-object-subscription__item-list-item_icon--wrapper[b-0n4tok96wc] {
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid #3F3F4150;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-object-subscription__item-list-item_icon[b-0n4tok96wc] {
    width: 1.5rem;
    height: 1.5rem;
}

    .my-object-subscription__item-list-item_icon.disabled[b-0n4tok96wc] {
        display: none;
    }

.my-object-subscription__item-list-item_text--wrapper[b-0n4tok96wc] {
    letter-spacing: -0.1px;
}

.my-object-subscription__item-list-item_text-title[b-0n4tok96wc] {
    font-weight: 600;
}

.my-object-subscription__item-list-item_text-desc[b-0n4tok96wc] {
    line-height: 1.25rem;
    color: var(--color-mid-gray-1);
}

.my-object-subscription__item-btn[b-0n4tok96wc] {
    width: fit-content;
    margin-top: 1.5rem;
    padding: 4px 12px;
}

    .my-object-subscription__item-btn.disabled[b-0n4tok96wc] {
        background-color: transparent;
        color: inherit;
        font-weight: 400;
        cursor: auto;
    }

.my-object-team__invite-offer_btns[b-0n4tok96wc] {
    gap: 0.75rem;
}

.my-object-team[b-0n4tok96wc] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 2rem;
    gap: 1.5rem;
}

.my-object-team__create-team[b-0n4tok96wc],
.my-object-team__invite[b-0n4tok96wc] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.125rem;
    max-width: 674px;
    min-height: 232px;
    padding: 1rem 2rem;
    width: 100%;
    background-color: var(--color-white);
    border-radius: 12px;
}

.my-object-team__create-team-btn[b-0n4tok96wc] {
    max-width: 263px;
    width: 100%;
}

.my-object-team__invite[b-0n4tok96wc] {
    align-items: flex-start;
    flex-direction: row;
    gap: 1.25rem;
}

.my-object-team__invite_img[b-0n4tok96wc] {
    max-width: 12.5rem;
}

.my-object-team__invite-offer_title[b-0n4tok96wc] {
    margin-bottom: 29px;
}

.my-object-team__invite-offer_privacy[b-0n4tok96wc] {
    margin-bottom: 11px;
}

.my-object-team__invite-offer_privacy-text-link[b-0n4tok96wc] {
    position: relative;
    color: var(--color-blue);
}

    .my-object-team__invite-offer_privacy-text-link[b-0n4tok96wc]::after {
        content: '';
        position: absolute;
        bottom: 3px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: transparent;
        transition: background-color 0.3s;
    }

    .my-object-team__invite-offer_privacy-text-link:hover[b-0n4tok96wc]::after {
        background-color: var(--color-blue);
        transition: background-color 0.3s;
    }

.my-object-team__invite-offer_btns[b-0n4tok96wc] {
    gap: 0.75rem;
}
.block-footer[b-0n4tok96wc] {
    display: flex;
    gap: 1rem;
}

.my-team[b-0n4tok96wc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.my-team .logo[b-0n4tok96wc] {
   width: 7.5rem;
}

    .my-team .logo img[b-0n4tok96wc] {        
        
    }

.block-info[b-0n4tok96wc] {
    display: flex;
    gap: 1rem;
    flex-direction: column;
}

    .block-info .name[b-0n4tok96wc] {
        font-size: 1.25rem;
        font-weight: 600;
    }
/* _content/WebUI/Components/Pages/Profile/UserBlock.razor.rz.scp.css */
.user-search[b-l2iuzkj6ml],
.form-group[b-l2iuzkj6ml] {
    display: flex;
    position: relative;
    width: 100%;
}
input[b-l2iuzkj6ml] {
    width: 100%;
}
.form-group[b-l2iuzkj6ml] {
    margin-top: 0;
    margin-right: 1rem;
}

.dropdown-list[b-l2iuzkj6ml] {
    display: none;
}

    .dropdown-list.active[b-l2iuzkj6ml] {
        display: flex;
        position: absolute;
        border-radius: 0.5rem;
        background: #fff;
        flex-direction: column;
        padding: 0.5rem 1rem;
        top: 2.6rem;
        border: 1px solid #ced4da;
        right: 0;
        z-index: 100;
    }

.form-group .form-control[b-l2iuzkj6ml] {
    border-radius: .5rem 0 0 .5rem;
    padding: 0 1rem;
    padding: 0.5rem 1rem;
    border: 1px solid var(--color-light-gray-2);
    line-height: 1.5rem;
    transition: border-color 0.3s;
}

.form-control:focus[b-l2iuzkj6ml] {
    border-color: var(--color-primary);
    outline: none;
}

.dropdown-arrow[b-l2iuzkj6ml] {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 0 0.5rem 0.5rem 0;
    padding: 0.5rem 0.75rem;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: -0.006em;
    border: 1px solid #ced4da;
    margin-left: -1px;
    cursor: pointer;
    gap: .25rem;
}

    .dropdown-arrow img[b-l2iuzkj6ml] {
        margin-left: .5rem;
    }

    .dropdown-arrow.active img[b-l2iuzkj6ml] {
        transform: rotate(180deg);
    }

.list-user[b-l2iuzkj6ml] {
    display: flex;
    position: absolute;
    border-radius: 0.5rem;
    background: #fff;
    flex-direction: column;
    padding: 0.5rem 1rem;
    top: 2.6rem;
    border: 1px solid #ced4da;
    left: 0;
    width: 100%;
    z-index: 100;
}

    .list-user p[b-l2iuzkj6ml],
    .dropdown-list p[b-l2iuzkj6ml] {
        cursor: pointer;
    }
/* _content/WebUI/Components/Pages/Profile/UserListComponent.razor.rz.scp.css */
.form-group[b-03t6frjfyb] {
    display: flex;
    position: relative;
    width: 100%;
}
    .form-group input[b-03t6frjfyb] {
        width: 100%;
    }
    .dropdown-arrow[b-03t6frjfyb] {
        display: flex;
        align-items: center;
        background: inherit;
        font-weight: 400;
        font-size: .75rem;
        line-height: 1rem;
        letter-spacing: -0.006em;
        border: none;
        color: #9AA6AC;
        cursor: pointer;
        margin-left: auto;
    }

    .dropdown-arrow img[b-03t6frjfyb] {
        margin-left: .5rem;
    }

    .dropdown-arrow.active img[b-03t6frjfyb] {
        transform: rotate(180deg);
    }

.user-list[b-03t6frjfyb] {
    border-bottom: 1px solid #9AA6AC;
    display: flex;
    margin-top: 0.5rem;
}

.list-user p[b-03t6frjfyb],
.dropdown-list p[b-03t6frjfyb] {
    cursor: pointer;
}

h4[b-03t6frjfyb] {
    font-weight: 400;
    text-transform: none;
    margin-bottom: 0.25rem;
}

.dropdown-list[b-03t6frjfyb] {
    display: none;
}

    .dropdown-list.active[b-03t6frjfyb] {
        display: flex;
        position: absolute;
        border-radius: 0.5rem;
        background: #fff;
        flex-direction: column;
        padding: 0.5rem 1rem;
        top: 2.6rem;
        border: 1px solid #ced4da;
        right: 1rem;
        z-index: 100;
    }

.user-name[b-03t6frjfyb] {
    display: flex;
    flex-direction: column;
    flex: 1 0 0%;
    width: 100%;
    margin: 0.5rem 0;
}

.user-status[b-03t6frjfyb] {
    position: relative;
    display: flex;
    flex: 1 0 0%;
}

.user-name div[b-03t6frjfyb] {
    display: flex;
}

    .user-name div p[b-03t6frjfyb],
    .user-name div a[b-03t6frjfyb] {
        font-weight: 400;
        font-size: .75rem;
        line-height: 1rem;
        color: #9AA6AC;
        margin-right: .5rem;
        text-decoration: none;
    }

.user-name h4[b-03t6frjfyb] {
    margin-bottom: .5rem;
}
/* _content/WebUI/Components/Pages/Projects/Details.razor.rz.scp.css */
.article-projects[b-v6ukrisb3v] {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.project-header[b-v6ukrisb3v] {
    background-color: var(--color-white);
    border-radius: 0 0 0 .5rem;
    padding: 20px 20px 0 20px;
}

.project-header__list[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.project-header__item.active[b-v6ukrisb3v] {
    font-weight: 600;
}

.project-header__item-text[b-v6ukrisb3v] {
    line-height: 1.5rem;
    font-size: 0.875rem;
    padding: 7px 0;
    position: relative;
    display: block;
}

    .project-header__item-text[b-v6ukrisb3v]::after {
        content: "";
        position: absolute;
        bottom: 0;
        display: block;
        width: 100%;
        height: 1px;
        background-color: var(--color-light-gray-2);
    }

.project-header__item:hover .project-header__item-text[b-v6ukrisb3v]::after {
    background-color: var(--color-dark-gray-2);
}

.project-header__item.active .project-header__item-text[b-v6ukrisb3v]::after {
    background-color: var(--color-dark-gray-2);
}

.project-add[b-v6ukrisb3v] {
    margin: 1rem 32px 1.5rem 24px;
}

.project-add__btn[b-v6ukrisb3v] {
    min-width: 10.5rem;
}

.project-add__select--wrapper[b-v6ukrisb3v] {
    background-color: #E5EBFB;
    padding: 6px 1rem;
    border-radius: 12px;
}

.project-add__select-text[b-v6ukrisb3v] {
    color: var(--color-dark-gray);
    opacity: 60%;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
}

.project-add__select[b-v6ukrisb3v] {
    min-width: 12.875rem;
    max-width: 12.875rem;
    width: 100%;
    background-color: transparent;
    border: none;
}

.projects[b-v6ukrisb3v] {
    width: 100%;
    height: calc(100% - 145px);
    overflow-x: hidden;
    overflow-y: auto;
}

.project-preview[b-v6ukrisb3v] {
    border-bottom: 1px solid var(--color-mid-gray-4);
    padding-bottom: 1rem;
    margin-left: 24px;
    margin-bottom: 20px;
    color: var(--color-dark-gray);
}

.project-preview__header[b-v6ukrisb3v] {
    margin-bottom: 1rem;
}

.project-preview__title[b-v6ukrisb3v] {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: .5rem;
    color: #1A1B1E;
}

.project-preview__details[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.project-preview__detail-text[b-v6ukrisb3v],
.project-preview__detail-view[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.project-preview__detail-text[b-v6ukrisb3v] {
    font-size: 0.75rem;
    line-height: 1rem;
}

.project-preview__detail-text_title[b-v6ukrisb3v] {
    opacity: 50%;
}

.project-preview__detail-view[b-v6ukrisb3v] {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-preview__detail-view-icon[b-v6ukrisb3v] {
    width: 1.5rem;
    height: 1.5rem;
}

.project-preview__collections[b-v6ukrisb3v] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    gap: .5rem;
}

.project-preview__collection[b-v6ukrisb3v] {
    background-color: var(--color-white);
    border: 1px solid var(--color-light-gray-1);
    border-radius: .5rem;
    min-width: 22.5rem;
    padding: 1rem 1rem .5rem;
    position: relative;
}

.project-preview__images[b-v6ukrisb3v] {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
}

    .project-preview__images img[b-v6ukrisb3v] {
        width: 32%;
        border-radius: .5rem;
    }

.project-preview__info-top[b-v6ukrisb3v] {
    margin-bottom: .5rem;
}

.project-preview__collection-title[b-v6ukrisb3v] {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-preview__info-count[b-v6ukrisb3v] {
    font-size: 0.75rem;
    line-height: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--color-mid-gray-1);
    color: var(--color-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-preview__info-bot[b-v6ukrisb3v] {
    gap: .5rem;
}

.project-preview__status[b-v6ukrisb3v] {
    display: block;
    color: var(--color-mid-gray-1);
    font-size: 0.75rem;
    line-height: 1rem;
}

.project-preview__stats[b-v6ukrisb3v] {
    gap: 1rem;
}

.project-preview__info-btn-option[b-v6ukrisb3v] {
    display: block;
    margin-left: auto;
}


.create-project-modal[b-v6ukrisb3v] {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1A202450;
    z-index: 1000;
}

    .create-project-modal.active[b-v6ukrisb3v] {
        display: flex;
    }

.create-project-modal__overlay[b-v6ukrisb3v] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

.create-project-modal__content[b-v6ukrisb3v] {
    background-color: #fff;
    border-radius: 6px;
    padding: 40px 24px;
    width: 400px;
    box-shadow: 0px 12px 24px 0px #5B68713D;
    box-shadow: 0px 0px 1px 0px #1A202452;
    position: relative;
    z-index: 10;
}

.create-project-modal__header[b-v6ukrisb3v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.create-project-modal__title[b-v6ukrisb3v] {
    font-size: 1.125rem;
    font-weight: 600;
}

.create-project-modal__close-btn img[b-v6ukrisb3v] {
    width: 1.5rem;
    height: 1.5rem;
}

.create-project-modal__body[b-v6ukrisb3v] {
    margin-bottom: 1rem;
}

.create-project-modal__input[b-v6ukrisb3v] {
    width: 100%;
    padding: .5rem 12px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: 0.875rem;
}

.create-project-modal__footer[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.create-project-modal__btn[b-v6ukrisb3v] {
    width: 50%;
}

.project-add-documents-modal .create-project-modal__footer[b-v6ukrisb3v] {
    margin-top: 1rem;
}

.project-overview[b-v6ukrisb3v] {
    display: flex;
    gap: 1.5rem;
    width: 100%;
    height: 100vh;
}

.project-sidebar[b-v6ukrisb3v] {
    width: 25.82%;
    background-color: var(--color-white);
    padding: 1rem;
    border-radius: 12px;
    color: var(--color-dark-gray);
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0.75rem 0 0.75rem 1rem;
    height: calc(100% - 1.5rem);
}

.project-info[b-v6ukrisb3v] {
    width: 100%;
    margin: 1.25rem 0 0.75rem;
    padding-right: 10px;
}

.project-info-main[b-v6ukrisb3v] {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 3.5rem);
    padding-right: 10px;
}




.project-sidebar__back-btn[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 0.75rem;
}

    .project-sidebar__back-btn img[b-v6ukrisb3v] {
        width: 0.75rem;
        height: 0.75rem;
    }

.project-sidebar__back-text[b-v6ukrisb3v] {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-1);
}

.project-sidebar__header[b-v6ukrisb3v] {
    justify-content: space-between;
}

.project-sidebar__title-dropdown[b-v6ukrisb3v] {
    gap: 4px;
}

.project-sidebar__title[b-v6ukrisb3v] {
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    color: var(--color-dark-gray);
}

.project-sidebar__title-dropdown img[b-v6ukrisb3v] {
    width: 1.5rem;
    height: 1.5rem;
}

.project-sidebar__notification-btn[b-v6ukrisb3v] {
    position: relative;
}

.project-sidebar__notification-count[b-v6ukrisb3v] {
    position: absolute;
    top: -6px;
    right: -7px;
    border: 2px solid var(--color-white);
    border-radius: 0.5rem;
    background-color: var(--color-primary);
    font-size: 0.625rem;
    line-height: 0.75rem;
    color: var(--color-white);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-weight: 600;
}

.project-sidebar__presentation--wrapper[b-v6ukrisb3v] {
    justify-content: space-between;
    gap: 6px;
    margin: .5rem 0;
}

.project-sidebar__presentation-btn[b-v6ukrisb3v] {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
    padding: 10px 14px;
}

.project-sidebar__share-btn img[b-v6ukrisb3v] {
    width: 1.5rem;
    height: 1.5rem;
}

.project-sidebar__info-btn[b-v6ukrisb3v] {
    background-color: var(--color-light-gray-3);
    border-radius: 12px;
    font-weight: bold;
    padding: 10px 1rem;
    width: calc(100% + 1rem);
    display: block;
    text-align: left;
    margin-left: -.5rem;
    color: var(--color-dark-gray);
}

.sidebar-locations[b-v6ukrisb3v] {
    width: 100%;
    margin-top: 30px;
}

.sidebar-locations-block[b-v6ukrisb3v] {
    position: relative;
    /*z-index: 10;*/
}

    .sidebar-locations-block.active[b-v6ukrisb3v]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -23px;
        margin: auto 0;
        background-color: var(--color-light-gray-3);
        width: calc(100% + 23px);
        height: 100%;
        padding: 6px;
        border-radius: .5rem;
        z-index: -1;
    }

.sidebar-locations__header[b-v6ukrisb3v] {
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: 1rem;
}

.sidebar-locations__title--wrapper[b-v6ukrisb3v] {
    flex-grow: 1;
    justify-content: space-between;
}

.sidebar-locations__group[b-v6ukrisb3v] {
    margin-bottom: 1rem;
}

.sidebar-locations__group-header[b-v6ukrisb3v] {
    justify-content: space-between;
    margin-bottom: 0.5rem;
    margin-left: 15px;
    gap: .5rem;
}

.sidebar-locations__group-title--wrapper[b-v6ukrisb3v] {
    justify-content: space-between;
    flex-grow: 1;
}

.sidebar-locations__title[b-v6ukrisb3v] {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.sidebar-locations__group-title[b-v6ukrisb3v] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-transform: uppercase;
}

.sidebar-locations__toggle-btn img[b-v6ukrisb3v],
.sidebar-locations__options-btn img[b-v6ukrisb3v] {
    width: 1.5rem;
    height: 1.5rem;
}

.sidebar-locations__item[b-v6ukrisb3v] {
    color: var(--color-dark-gray);
    padding: 0.625rem 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
    position: relative;
    z-index: 10;
    cursor: pointer;
}

    .sidebar-locations__item[b-v6ukrisb3v]::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 200%;
        height: 1px;
        background-color: var(--color-mid-gray-4);
    }

    .sidebar-locations__item.active[b-v6ukrisb3v] {
        font-weight: bold;
    }

        .sidebar-locations__item.active[b-v6ukrisb3v]::after {
            display: none;
        }

        .sidebar-locations__item.active[b-v6ukrisb3v]::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: -4px;
            margin: auto 0;
            background-color: var(--color-light-gray-3);
            width: calc(100% + .5rem);
            max-height: 2.25rem;
            height: 100%;
            border-radius: .5rem;
            z-index: -1;
        }

.sidebar-locations__desc[b-v6ukrisb3v] {
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 12px 1rem;
}

.sidebar-locations__add-location-btn[b-v6ukrisb3v] {
    width: 100%;
    margin-top: 3.5625rem;
}


.project-info__logo--wrapper[b-v6ukrisb3v] {
    margin-bottom: 2rem;
}

.project-info__logo[b-v6ukrisb3v] {
    display: none;
    position: relative;
    width: 5rem;
    height: 5rem;
}

    .project-info__logo.active[b-v6ukrisb3v] {
        display: block;
    }

.project-info__logo-img[b-v6ukrisb3v] {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
}

.project-info__logo-deleted[b-v6ukrisb3v] {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: var(--color-primary);
}

    .project-info__logo-deleted img[b-v6ukrisb3v] {
        width: 0.75rem;
        height: 0.75rem;
    }

.logo-upload[b-v6ukrisb3v] {
    width: 100%;
    display: none;
}

    .logo-upload.active[b-v6ukrisb3v] {
        display: block;
    }

.logo-upload__title[b-v6ukrisb3v] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.logo-upload__dropzone[b-v6ukrisb3v] {
    border: 1px dashed var(--color-light-gray-1);
    border-radius: 6px;
    padding: 2.25rem 1rem;
    text-align: center;
    cursor: pointer;
}

.logo-upload__icon[b-v6ukrisb3v] {
    display: block;
    margin: 0 auto;
    width: fit-content;
    margin-bottom: 0.5rem;
}

    .logo-upload__icon img[b-v6ukrisb3v] {
        width: 1.5rem;
        height: 1.5rem;
    }

.logo-upload__text[b-v6ukrisb3v] {
    font-size: 0.875rem;
    color: var(--color-gray);
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}

.logo-upload__button[b-v6ukrisb3v] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .logo-upload__button:hover[b-v6ukrisb3v] {
        background-color: var(--color-dark-blue);
    }

.project-info__header[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.project-info__title[b-v6ukrisb3v] {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.project-info__crumbs[b-v6ukrisb3v] {
    flex-wrap: wrap;
}

.project-info__crumb[b-v6ukrisb3v] {
    padding: 0 6px;
}

    .project-info__crumb img[b-v6ukrisb3v] {
        padding: 0;
        width: 0.75rem;
        height: 1rem;
    }

.project-info__crumb-prev[b-v6ukrisb3v] {
    color: var(--color-mid-gray-2);
}

.project-info__status[b-v6ukrisb3v] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 12px;
    background-color: var(--color-white);
    padding: 4px;
}

    .project-info__status img[b-v6ukrisb3v] {
        width: 1.5rem;
        height: 1.5rem;
    }

.project-info__status-hint[b-v6ukrisb3v] {
    position: absolute;
    bottom: -36px;
    right: 0;
    left: 0;
    transform: translate(-50%, 0);
    text-wrap: nowrap;
    visibility: hidden;
    overflow: hidden;
    opacity: 1;
}

.project-info__status-hint_text[b-v6ukrisb3v] {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-mid-gray-1);
    padding: 0.25rem 0.5rem;
    background-color: var(--color-white);
    border-radius: 6px;
    border: 1px solid var(--color-light-gray-5);
}

.project-info__status:hover .project-info__status-hint[b-v6ukrisb3v] {
    visibility: visible;
    overflow: visible;
    opacity: 1;
}

.project-info__section[b-v6ukrisb3v] {
    margin-bottom: 2rem;
}

.project-info__section-title[b-v6ukrisb3v] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.project-info__item[b-v6ukrisb3v] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

    .project-info__item:last-child[b-v6ukrisb3v] {
        margin-bottom: 0;
    }

.project-info__item-label[b-v6ukrisb3v],
.project-info__item-value[b-v6ukrisb3v] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: block;
    width: fit-content;
}

.project-info__item-label[b-v6ukrisb3v] {
    color: #656873;
}

.project-info__item-value[b-v6ukrisb3v] {
    position: relative;
    color: #000000;
    cursor: context-menu;
    display: block;
}

    .project-info__item-value[b-v6ukrisb3v]::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 0%;
        background-color: var(--color-light-gray-2);
    }

    .project-info__item-value:hover[b-v6ukrisb3v]::after {
        width: 100%;
    }

.project-info__description[b-v6ukrisb3v] {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #000000;
}

.project-info__document-link[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--color-blue);
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 500;
}

    .project-info__document-link img[b-v6ukrisb3v] {
        width: 1.5rem;
        height: 1.5rem;
    }

.project-info__participants[b-v6ukrisb3v] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.project-info__participant[b-v6ukrisb3v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.project-info__participant-name[b-v6ukrisb3v] {
    font-weight: 500;
}

.project-info__participant-delete[b-v6ukrisb3v] {
    background: none;
    border: none;
    color: var(--color-red);
    cursor: pointer;
}

.project-info__add-participant-btn[b-v6ukrisb3v] {
    margin-top: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: var(--color-blue);
    color: var(--color-white);
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.project-info__doc_btn-img[b-v6ukrisb3v] {
    width: 1.5rem;
    height: 1.5rem;
}

.project-participants__header[b-v6ukrisb3v] {
    margin-bottom: 0.5rem;
}

.project-participants__add-btn[b-v6ukrisb3v] {
    background: none;
    border: none;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
}

    .project-participants__add-btn.active[b-v6ukrisb3v] {
        transform: rotate(45deg);
    }

        .project-participants__add-btn.active path[b-v6ukrisb3v] {
            fill: #5B6871;
        }

.project-participants__item[b-v6ukrisb3v] {
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--color-light-gray);
}

.project-participants__info[b-v6ukrisb3v] {
    margin-bottom: 0.5rem;
}

.project-participants__name[b-v6ukrisb3v] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
}

.project-participants__role[b-v6ukrisb3v],
.project-participants__email[b-v6ukrisb3v] {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-4);
}

.project-participants__actions[b-v6ukrisb3v] {
    gap: 1rem;
}

.project-participants__delete-btn[b-v6ukrisb3v] {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .project-participants__delete-btn img[b-v6ukrisb3v] {
        width: 1rem;
        height: 1rem;
    }

.project-participants__select[b-v6ukrisb3v] {
    background-color: transparent;
    border: none;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-4);
    background-position: center right 0px;
}



.participants[b-v6ukrisb3v] {
    background-color: var(--color-white);
    border: 1px solid var(--color-light-gray);
    border-radius: .5rem;
    padding: 1rem;
    width: 100%;
    max-width: 400px;
}

.participants__header[b-v6ukrisb3v] {
    margin-bottom: 1rem;
}

.participants__title[b-v6ukrisb3v] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-dark-gray);
}

.participants__close-btn[b-v6ukrisb3v] {
    background: none;
    border: none;
    cursor: pointer;
}

    .participants__close-btn img[b-v6ukrisb3v] {
        width: 1rem;
        height: 1rem;
    }

.participants__form[b-v6ukrisb3v] {
    display: none;
    align-items: center;
    gap: 1rem;
    margin-bottom: .5rem;
}

    .participants__form.active[b-v6ukrisb3v] {
        display: flex;
    }

.participants__form-input[b-v6ukrisb3v] {
    position: relative;
    display: flex;
    width: 100%;
}

.participants__input[b-v6ukrisb3v] {
    flex-grow: 1;
    outline: none;
    width: 100%;
    padding-right: 6.75rem;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 0.375rem;
    max-height: 2.5rem;
}

.participants__select[b-v6ukrisb3v] {
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-color: transparent;
    border: none;
}

/* project-info-subfolder */

.project-info-subfolder .project-info__header[b-v6ukrisb3v] {
    margin-bottom: 1rem;
}

.project-info-subfolder__header[b-v6ukrisb3v] {
    margin-bottom: 2rem;
}

.project-info-subfolder__tabs[b-v6ukrisb3v] {
    padding: 0.25rem;
    border-radius: 41px;
    background-color: var(--color-white);
}

.project-info-subfolder__tab[b-v6ukrisb3v] {
    padding: 0.25rem 0.75rem;
    border-radius: 45px;
    font-size: 0.875rem;
    line-height: 1.5rem;
    background-color: transparent;
    font-weight: 500;
    color: var(--color-dark-gray);
}

    .project-info-subfolder__tab.active[b-v6ukrisb3v] {
        background-color: var(--color-blue);
        color: var(--color-white);
    }

.project-info-subfolder__filters[b-v6ukrisb3v] {
    gap: 1rem;
}

.project-info-subfolder__settings[b-v6ukrisb3v] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-white);
    border-radius: 12px;
}

.project-info-subfolder__settings-img--wrapper[b-v6ukrisb3v] {
    position: relative;
}

.project-info-subfolder__settings img[b-v6ukrisb3v] {
    width: 1.5rem;
    height: 1.5rem;
}

.project-info-subfolder__settings-count[b-v6ukrisb3v] {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    border: 2px solid var(--color-white);
    border-radius: 0.5rem;
    background-color: var(--color-primary);
    color: var(--color-white);
    font-size: 0.625rem;
    line-height: 0.75rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-weight: 600;
}

.project-info-subfolder__sort[b-v6ukrisb3v] {
    padding: 0.5rem 1rem;
    background-color: var(--color-white);
    border-radius: 12px;
    padding-right: 2.625rem;
    border: none;
    cursor: pointer;
}

.project-info-subfolder[b-v6ukrisb3v] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 12px;
    margin-left: 0;
    padding: .5rem;
    padding-left: 0;
    width: 73%;
}

.project-info-subfolder__contents[b-v6ukrisb3v] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.project-info-subfolder__content[b-v6ukrisb3v] {
    padding-bottom: 1rem;
    border-bottom: 1px solid #3F3F4120;
}

.project-info-subfolder__toggle-btn[b-v6ukrisb3v] {
    gap: 0.5rem;
}

.project-info-subfolder__title[b-v6ukrisb3v] {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
    font-weight: 600;
}

.project-info-subfolder__toggle-icon[b-v6ukrisb3v] {
    width: 1.25rem;
    height: 1.25rem;
}

.project-info-subfolder__tags[b-v6ukrisb3v] {
    gap: 0.75rem;
}

.project-info-subfolder__tag[b-v6ukrisb3v],
.project-info-subfolder__card-status[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    background-color: var(--color-light-gray-3);
    font-size: 0.75rem;
    line-height: 1rem;
}

.project-info-subfolder__tag-btn-close[b-v6ukrisb3v] {
    width: 1.25rem;
    height: 1.25rem;
}

.project-info-subfolder__list[b-v6ukrisb3v] {
    gap: 1.5rem;
    margin-top: 0;
    overflow: hidden;
    height: 0;
    transition: height 0.3s ease;
}

    /* Когда блок развернут */
    .project-info-subfolder__list.active[b-v6ukrisb3v] {
        height: auto;
        /* Высота содержимого определяется автоматически */
        overflow: visible;
        margin-top: 1rem;
    }

/* Анимация для стрелки */
.project-info-subfolder__toggle-icon[b-v6ukrisb3v] {
    transition: transform 0.3s ease;
    /* Плавное вращение стрелки */
}

.project-info-subfolder__card[b-v6ukrisb3v] {
    width: 25%;
}

.project-info-subfolder__card-image-wrapper[b-v6ukrisb3v] {
    position: relative;
    border-radius: 12px;
}

.project-info-subfolder__card-image[b-v6ukrisb3v] {
    border-radius: 12px;
}

.project-info-subfolder__card-nav[b-v6ukrisb3v] {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-color: #ffffff50;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}

    .project-info-subfolder__card-nav img[b-v6ukrisb3v] {
        width: 1.5rem;
        height: 1.5rem;
    }

.project-info-subfolder__card-nav--prev[b-v6ukrisb3v] {
    left: 4px;
}

.project-info-subfolder__card-nav--next[b-v6ukrisb3v] {
    right: 4px;
}

    .project-info-subfolder__card-nav--next img[b-v6ukrisb3v] {
        transform: rotate(180deg);
    }

.project-info-subfolder__card-image-wrapper:hover .project-info-subfolder__card-nav--prev[b-v6ukrisb3v],
.project-info-subfolder__card-image-wrapper:hover .project-info-subfolder__card-nav--next[b-v6ukrisb3v] {
    opacity: 1;
}

.project-info-subfolder__card-content[b-v6ukrisb3v] {
    margin-top: 4px;
}

.project-info-subfolder__card-title[b-v6ukrisb3v] {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-info-subfolder__card-rating[b-v6ukrisb3v] {
    gap: 4px;
}

.project-info-subfolder__card-rating_icon[b-v6ukrisb3v] {
    width: 0.75rem;
    height: 0.75rem;
    display: flex;
}

.project-info-subfolder__card-rating_count[b-v6ukrisb3v] {
    font-weight: 600;
    color: var(--color-yellow);
    font-size: 0.75rem;
    line-height: 1rem;
}

.project-info-subfolder__card-status[b-v6ukrisb3v] {
    padding: 0 0.25rem;
}


.project-info-subfolder__settings-hint[b-v6ukrisb3v] {
    position: absolute;
    left: 0;
    top: 44px;
    visibility: hidden;
    opacity: 0;
}

    .project-info-subfolder__settings-hint.active[b-v6ukrisb3v] {
        visibility: visible;
        opacity: 1;
    }

.project-info-subfolder__settings-hint_list[b-v6ukrisb3v] {
    background-color: var(--color-white);
    border: 1px solid var(--color-light-gray-5);
    padding: 1rem;
    border-radius: 6px;
    text-wrap: nowrap;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.project-info-subfolder__settings-hint_item[b-v6ukrisb3v] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.project-info-subfolder__settings-hint_item-text[b-v6ukrisb3v] {
    display: block;
}

.project-info-subfolder__object-list[b-v6ukrisb3v] {
    display: none;
}

    .project-info-subfolder__object-list.active[b-v6ukrisb3v] {
        display: block;
    }

.project-info-subfolder__object-list_content[b-v6ukrisb3v] {
    display: flex;
    margin-bottom: 1.5rem;
}

    .project-info-subfolder__object-list_content:last-child[b-v6ukrisb3v] {
        margin-bottom: 0;
    }

.project-info-subfolder__info[b-v6ukrisb3v] {
    color: var(--color-dark-gray);
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.project-info-subfolder__object[b-v6ukrisb3v] {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.project-info-subfolder__info-list[b-v6ukrisb3v] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 4rem;
}

.project-info-subfolder__info-item[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-info-subfolder__info-label[b-v6ukrisb3v] {
    color: #656873;
    min-width: 13.25rem;
}

.project-info-subfolder__info-value[b-v6ukrisb3v] {
    position: relative;
    color: #000000;
}

    .project-info-subfolder__info-value[b-v6ukrisb3v]::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 0%;
        background-color: var(--color-light-gray-2);
    }

    .project-info-subfolder__info-value:hover[b-v6ukrisb3v]::before {
        width: 100%;
    }

.project-info-subfolder__references-title[b-v6ukrisb3v] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.project-info-subfolder__references .photos-gallery__items[b-v6ukrisb3v] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.project-info-subfolder__references .photos-gallery__item[b-v6ukrisb3v] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.project-info-subfolder__reference-img[b-v6ukrisb3v] {
    border-radius: 12px;
    object-fit: cover;
}

/* controls */
.controls[b-v6ukrisb3v] {
    gap: 2.5rem;
}

.controls__checkbox-wrapper[b-v6ukrisb3v] {
    gap: 1.5rem;
}

.controls__checkbox-select[b-v6ukrisb3v] {
    background-color: transparent;
    border: none;
    padding-right: 24px;
    background-position: center right 0px;
}

.controls__view-btn[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.5rem;
    border-radius: 1rem;
}

    .controls__view-btn.active[b-v6ukrisb3v] {
        background-color: var(--color-blue);
    }

        .controls__view-btn.active rect[b-v6ukrisb3v] {
            stroke: #ffffff;
        }

/* object-details */

.object-details[b-v6ukrisb3v] {
    display: flex;
}

.object-details__checked[b-v6ukrisb3v] {
    margin-top: 0.5rem;
}

.object-details__content--wrapper[b-v6ukrisb3v] {
    width: 100%;
}

.object-details__content[b-v6ukrisb3v] {
    border-bottom: 1px solid #3F3F4120;
}

.object-details__info-btn[b-v6ukrisb3v] {
    margin-left: 0.5rem;
    gap: 0.5rem;
}

.object-details__title[b-v6ukrisb3v] {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--color-dark-gray);
}

.object-details__dropdown-icon[b-v6ukrisb3v] {
    max-width: 1rem;
}

.object-details__actions[b-v6ukrisb3v] {
    gap: 0.5rem;
}

.object-details__action_btn[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.object-details__action_btn-count[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-dark-gray);
    background-color: var(--color-white);
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
}

.object-details__tags--wrapper[b-v6ukrisb3v] {
    margin-top: 0.25rem;
    margin-bottom: 0.875rem;
}

.object-details__tags[b-v6ukrisb3v] {
    gap: 0.75rem;
}

.object-details__tag[b-v6ukrisb3v] {
    background-color: var(--color-light-gray-3);
    color: var(--color-dark-gray-2);
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.object-details__tag_close[b-v6ukrisb3v] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

.object-details__sent-time--wrapper[b-v6ukrisb3v] {
    gap: 3px;
    color: #1A1B1E50;
    font-size: 0.75rem;
    line-height: 1rem;
    margin-left: auto;
}

.object-details__gallery[b-v6ukrisb3v] {
    gap: 1.5rem;
    margin-bottom: 1rem;
}

.object-details__card[b-v6ukrisb3v] {
    position: relative;
}

.object-details__card-img[b-v6ukrisb3v] {
    border-radius: 12px;
}

.object-details__delete-btn[b-v6ukrisb3v] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--color-primary);
}

    .object-details__delete-btn img[b-v6ukrisb3v] {
        width: 1.125rem;
        height: 1.125rem;
    }

.object-details__show-more[b-v6ukrisb3v] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: #1A202450;
    color: var(--color-light-gray);
    font-size: 0.875rem;
    line-height: 1.5rem;
    cursor: pointer;
}

    .object-details__show-more:hover[b-v6ukrisb3v] {
        background-color: #1A202480;
    }


.object-comments-rating[b-v6ukrisb3v] {
    gap: 2.62%;
}

.object-comments[b-v6ukrisb3v] {
    position: relative;
    width: 48.68%;
}

.object-rating[b-v6ukrisb3v] {
    width: 48.68%;
}

.object-comments__title[b-v6ukrisb3v] {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    color: var(--color-dark-gray-2);
}

.object-comment[b-v6ukrisb3v] {
    gap: 0.75rem;
}

.object-comment__avatar--wrapper[b-v6ukrisb3v] {
    width: 2rem;
    height: 2rem;
}

.object-comment__avatar[b-v6ukrisb3v] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 1px solid #00000010;
}

.object-comment__author[b-v6ukrisb3v] {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray-2);
}

.object-comment__date[b-v6ukrisb3v] {
    color: var(--color-mid-gray-2);
    font-size: 0.75rem;
    line-height: 1rem;
}

.object-comment__text[b-v6ukrisb3v] {
    color: var(--color-dark-gray-2);
    margin: 0.5rem 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.object-comment__footer[b-v6ukrisb3v] {
    gap: 0.75rem;
}

.object-comment__like-icon[b-v6ukrisb3v] {
    width: 1.5rem;
    height: 1.5rem;
}

.object-comment__like-count[b-v6ukrisb3v] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-mid-gray-3);
}

.object-comment__reply-btn[b-v6ukrisb3v] {
    color: var(--color-mid-gray-3);
    padding: 0 6px;
}

.object-comments__show-all-btn[b-v6ukrisb3v] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(243, 245, 251, 0) 0%, #F3F5FB 59.9%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.object-comments__show-all-btn_text[b-v6ukrisb3v] {
    margin-bottom: 2rem;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.object-rating__summary[b-v6ukrisb3v] {
    border: 1px solid var(--color-mid-gray-5);
    border-radius: .5rem;
}

.object-rating__average[b-v6ukrisb3v] {
    padding: 0.25rem 1rem;
    font-size: 0.75rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
}

.object-rating__average-text[b-v6ukrisb3v] {
    margin-right: 0.25rem;
    opacity: 60%;
}

.object-rating__average-count[b-v6ukrisb3v] {
    margin-right: 0.5rem;
}

.object-rating__average-filter[b-v6ukrisb3v] {
    width: 1.5rem;
    height: 1.5rem;
}

.object-rating__vote[b-v6ukrisb3v] {
    border-left: 1px solid var(--color-mid-gray-5);
    gap: 0.5rem;
    padding: 0.25rem 0.75rem 0.25rem 0.5rem;
}

.object-rating__vote-btn[b-v6ukrisb3v] {
    font-size: 0.75rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
    opacity: 60%;
}

.object-rating__vote-icons .object-rating__star-icon[b-v6ukrisb3v] {
    cursor: pointer;
}

    .object-rating__vote-icons .object-rating__star-icon:hover[b-v6ukrisb3v] {
        background-image: url(../img/svg/Star-full.svg);
    }

.object-rating__stars[b-v6ukrisb3v] {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5rem;
    column-gap: 2.25rem;
    margin-top: 0.75rem;
}

.object-rating__star-name[b-v6ukrisb3v] {
    color: var(--color-dark-gray);
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 2px;
}

.object-rating__star-icons[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
}

.object-rating__star-icon[b-v6ukrisb3v] {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../img/svg/Star-empty.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.object-rating__star-icon-half[b-v6ukrisb3v] {
    background-image: url(../img/svg/Star-half.svg);
}

.object-rating__star-icon-full[b-v6ukrisb3v] {
    background-image: url(../img/svg/Star-full.svg);
}

.project-info-subfolder__object-grid[b-v6ukrisb3v] {
    display: none;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

    .project-info-subfolder__object-grid.active[b-v6ukrisb3v] {
        display: grid;
    }

.project-info-subfolder__object-grid_card-content--wrapper[b-v6ukrisb3v] {
    display: flex;
    gap: 0.5rem;
    margin: 0.75rem 0 1rem;
}

    .project-info-subfolder__object-grid_card-content--wrapper .object-details__info-btn[b-v6ukrisb3v] {
        margin-left: 0;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-rating_count[b-v6ukrisb3v] {
        font-size: 0.875rem;
        line-height: 1.5rem;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-rating_icon[b-v6ukrisb3v] {
        width: 1rem;
        height: 1rem;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-rating[b-v6ukrisb3v] {
        margin-bottom: 0.5rem;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-meta[b-v6ukrisb3v] {
        gap: 0.75rem;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-status[b-v6ukrisb3v] {
        padding: 4px 12px;
    }

.project-info-subfolder__object-grid_card .object-details__actions[b-v6ukrisb3v] {
    margin-bottom: 0.5rem;
}

.project-info-subfolder__object-grid_card .object-details__action_btn[b-v6ukrisb3v] {
    padding: 0.5rem 0.75rem;
}

.project-info-subfolder-card__header[b-v6ukrisb3v] {
    margin-bottom: 1.5rem;
    gap: 0.75rem;
}

.project-info-subfolder-card__header_btn[b-v6ukrisb3v],
.project-info-subfolder-card__remove-btn[b-v6ukrisb3v],
.project-info-subfolder-card__add-btn[b-v6ukrisb3v] {
    padding: 0.25rem 0.5rem;
}

.project-info-subfolder-card__info[b-v6ukrisb3v] {
    position: relative;
}

.project-info-subfolder-card__title[b-v6ukrisb3v] {
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
}

.project-info-subfolder-card__details[b-v6ukrisb3v] {
    max-width: 27.875rem;
    margin-bottom: 1rem;
}

.project-info-subfolder-card__toggle-btn[b-v6ukrisb3v] {
    background: linear-gradient(180deg, rgba(243, 245, 251, 0) 0%, #F3F5FB 59.9%);
    position: absolute;
    top: 17px;
    left: 0;
    width: 100%;
    height: 4.5rem;
    max-width: 27.875rem;
    display: none;
    justify-content: center;
    cursor: pointer;
}

    .project-info-subfolder-card__toggle-btn.active[b-v6ukrisb3v] {
        display: flex;
    }

    .project-info-subfolder-card__toggle-btn span[b-v6ukrisb3v] {
        font-size: 0.875rem;
        line-height: 1.5rem;
        font-weight: 600;
        margin: 15px auto 0;
    }

    .project-info-subfolder-card__toggle-btn.active ~ .project-info-subfolder-card__details[b-v6ukrisb3v] {
        height: 5.5rem;
        overflow: hidden;
    }

.project-info-subfolder-card__detail[b-v6ukrisb3v] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0.5rem;
}

    .project-info-subfolder-card__detail:last-child[b-v6ukrisb3v] {
        margin-bottom: 0;
    }

.project-info-subfolder-card__detail-label[b-v6ukrisb3v],
.project-info-subfolder-card__detail-value[b-v6ukrisb3v] {
    width: 13.25rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-info-subfolder-card__detail-label[b-v6ukrisb3v] {
    color: #656873;
}

.project-info-subfolder-card__detail-value[b-v6ukrisb3v] {
    color: #000000;
}

.project-info-subfolder-card__info-btns[b-v6ukrisb3v] {
    margin-bottom: 1rem;
    gap: 0.75rem;
}

.project-info-subfolder-card__gallery[b-v6ukrisb3v] {
    display: flex;
    align-items: stretch;
    gap: 1.5rem;
}

.project-info-subfolder-card__gallery-item[b-v6ukrisb3v] {
    max-width: 16.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.project-info-subfolder-card__gallery-image[b-v6ukrisb3v] {
    border-radius: 12px;
}

.project-info-subfolder-card__gallery-image-secondary[b-v6ukrisb3v] {
    max-width: 7.625rem;
}

.project-info-subfolder-section-card[b-v6ukrisb3v] {
    width: 45.74%;
    margin: 1.25rem 0 0.75rem;
    padding-right: 10px;
}

.project-info-chat-subfolder-section-card[b-v6ukrisb3v] {
    width: 30.02%;
    max-height: 100%;
}

.project-info-subfolder-richiesta[b-v6ukrisb3v] {
    width: 45.74%;
    padding-right: 10px;
    margin-bottom: 0.75rem;
}

.project-info-subfolder-richiesta__header[b-v6ukrisb3v] {
    padding: 1rem;
    padding-bottom: 0.75rem;
    background-color: var(--color-white);
    border-radius: 0 0 6px 6px;
    margin-bottom: 1.5rem;
}

.project-info-subfolder-richiesta__header_btn-back[b-v6ukrisb3v] {
    gap: 0.75rem;
}

.project-info-subfolder-richiesta__header_btn-back-img[b-v6ukrisb3v] {
    width: 1.5rem;
    height: 1.5em;
}

.project-info-subfolder-richiesta__header_btn-back-text[b-v6ukrisb3v] {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #000000;
}

.project-info-subfolder-richiesta__header_status[b-v6ukrisb3v] {
    padding: 0.25rem 0.75rem;
    background-color: var(--color-light-gray-3);
    border-radius: 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
    margin-left: 2rem;
}

.project-info-subfolder-richiesta__header_btn-cancellazione[b-v6ukrisb3v] {
    padding: 0.25rem 0.875rem;
    margin-left: auto;
}

.project-info-subfolder-card__user[b-v6ukrisb3v] {
    margin: 2rem 0 1.125rem;
    gap: 0.75rem;
}

.project-info-subfolder-card__user_img--wrapper[b-v6ukrisb3v],
.project-info-subfolder-card__user_img[b-v6ukrisb3v] {
    width: 2rem;
    height: 2rem;
}

.project-info-subfolder-card__user_img[b-v6ukrisb3v] {
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.project-info-subfolder-card__user_name[b-v6ukrisb3v] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray-2);
}

.project-info-subfolder-card__user_name-date[b-v6ukrisb3v] {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-2);
}

.create-project-modal-richiesta-oggetto__content[b-v6ukrisb3v] {
    max-width: 45.75rem;
    padding: 1rem;
    width: 100%;
}

    .create-project-modal-richiesta-oggetto__content .create-project-modal__header[b-v6ukrisb3v] {
        margin-bottom: 1.25rem;
    }

.editor-container[b-v6ukrisb3v] {
    border: 1px solid var(--color-light-gray-3);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px;
}

.editor-toolbar[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
    background: #f9f9f9;
    border-bottom: 1px solid var(--color-light-gray-3);
    padding: 0.5rem 0.75rem;
}

.editor-toolbar__group[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
}

.editor-toolbar__group-link[b-v6ukrisb3v] {
    min-width: 1px;
    max-width: 1px;
    height: 1rem;
    background-color: var(--color-light-gray-2);
    margin: 0 0.5rem;
}

.editor-toolbar__button[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 1.5rem;
    min-height: 1.5rem;
    max-height: 1.5rem;
    max-height: 1.5rem;
    cursor: pointer;
}

    .editor-toolbar__button svg[b-v6ukrisb3v] {
        min-height: 1.5rem;
        min-height: 1.5rem;
        max-height: 1.5rem;
        max-height: 1.5rem;
    }

.editor-toolbar__select[b-v6ukrisb3v] {
    font-family: inherit;
    border: none;
    background-color: transparent;
    font-size: 0.875rem;
    line-height: 1.5rem;
    padding-right: 1.5rem;
    cursor: pointer;
    background-image: url(../img/svg/arrow-chevron.svg);
    background-position: center right 0px;
}

.editor-content[b-v6ukrisb3v] {
    min-height: 3.375rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.create-project-modal-presentation-settings__content[b-v6ukrisb3v] {
    max-width: 33.375rem;
    width: 100%;
    padding: 1rem 2.25rem;
}

.presentation-settings__subtitle[b-v6ukrisb3v] {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.presentation-settings__locations[b-v6ukrisb3v] {
    margin-bottom: 2rem;
}

.presentation-settings__checkbox .checkbox__custom[b-v6ukrisb3v] {
    width: 1rem;
    height: 1rem;
}

.presentation-settings__checkbox .checkbox__custom-no-all[b-v6ukrisb3v]::before {
    content: "";
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 1px;
    background-color: var(--color-dark-gray);
    background-image: none;
}

.presentation-settings__access .presentation-settings__subtitle[b-v6ukrisb3v] {
    margin-bottom: 0.75rem;
}

.presentation-settings__select[b-v6ukrisb3v] {
    border: 1px solid var(--color-light-gray-2);
    border-radius: 6px;
    padding: 0.5rem 1rem;
    padding-right: 2.5rem;
    background-position: center right 0px;
}

.popup__submit-btn_view-present[b-v6ukrisb3v] {
    margin: 3rem 0 1rem;
}

.presentation-settings__sub-locations-list-enclosure[b-v6ukrisb3v] {
    margin-left: 1.25rem;
}

.presentation-settings__link[b-v6ukrisb3v] {
    margin: 1rem -2.25rem -1rem;
    padding: 0.75rem 2.25rem;
    background-color: var(--color-background-main);
    border-radius: 0 0 6px 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.presentation-settings__link_title[b-v6ukrisb3v] {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-bottom: 0.25rem;
}

.presentation-settings__link-input[b-v6ukrisb3v] {
    font-size: 1.125rem;
    line-height: 140%;
}

.presentation-settings__copy-btn[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
}

/* Просмотр изображений «Билли» */
.image-viewer-modal[b-v6ukrisb3v] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-background-main);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

    .image-viewer-modal.active[b-v6ukrisb3v] {
        display: flex;
    }

.image-viewer-modal__content[b-v6ukrisb3v] {
    max-width: 72.25rem;
}

.image-viewer-modal__header[b-v6ukrisb3v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.image-viewer-modal__content-flex[b-v6ukrisb3v] {
    display: flex;
    gap: 15.49%;
    width: 100%;
}

.image-viewer-modal__content-left[b-v6ukrisb3v] {
    width: 55.67%;
}

.image-viewer-modal__content-right[b-v6ukrisb3v] {
    width: 28.83%;
}

.image-viewer-modal__image--wrapper[b-v6ukrisb3v] {
    margin-bottom: 1.5rem;
}

.image-viewer-modal__image[b-v6ukrisb3v] {
    display: none;
    border-radius: 12px;
}

    .image-viewer-modal__image.active[b-v6ukrisb3v] {
        display: block;
    }

.image-viewer-modal__image-count[b-v6ukrisb3v] {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.image-viewer-modal__image-controls[b-v6ukrisb3v] {
    margin-left: 0.75rem;
    gap: 0.5rem;
}

.image-viewer-modal__btn[b-v6ukrisb3v] {
    width: 1.5rem;
    height: 1.5rem;
}

.image-viewer-modal__next-btn[b-v6ukrisb3v] {
    transform: rotate(180deg);
}

.image-viewer-modal__catalog-btn[b-v6ukrisb3v] {
    margin-left: auto;
    padding: 0.25rem 0.5rem;
}

.image-viewer-modal__comments-title[b-v6ukrisb3v] {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
}

.image-viewer-modal__comment-sent[b-v6ukrisb3v] {
    margin: 1rem 0 1.5rem 2.75rem;
}

.image-viewer-modal__comment-form--wrapper[b-v6ukrisb3v] {
    gap: 0.75rem;
}

.image-viewer-modal__comment-form-avatar[b-v6ukrisb3v] {
    min-width: 2rem;
    min-height: 2rem;
    max-width: 2rem;
    max-height: 2rem;
}

    .image-viewer-modal__comment-form-avatar img[b-v6ukrisb3v] {
        border-radius: 50%;
        min-width: 2rem;
        min-height: 2rem;
        max-width: 2rem;
        max-height: 2rem;
    }

.image-viewer-modal__comment-form[b-v6ukrisb3v] {
    flex-grow: 1;
}

.image-viewer-modal__comment-input[b-v6ukrisb3v] {
    margin-bottom: 0.75rem;
    width: 100%;
    max-width: 18.25rem;
    min-height: 3rem;
    max-height: 100%;
    padding: 6px 12px;
}

.image-viewer-modal__comment-submit[b-v6ukrisb3v] {
    padding: 0.25rem 0.5rem;
}

.project-info-subfolder-application[b-v6ukrisb3v] {
    width: 73%;
    margin-bottom: 0.5rem;
    height: calc(100% - 0.5rem);
}

.project-info-subfolder-application__header_btns[b-v6ukrisb3v] {
    gap: 0.5rem;
}

.project-info-subfolder-application__item[b-v6ukrisb3v] {
    display: flex;
    flex-direction: column;
    margin-left: 1.25rem;
    height: 100%;
}

.project-info-subfolder-application__item-user[b-v6ukrisb3v] {
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.project-info-subfolder-application__item-content[b-v6ukrisb3v] {
    display: flex;
    gap: 4.375rem;
    height: 100%;
}

.project-info-subfolder-application__item-content-left[b-v6ukrisb3v] {
    width: 30.26%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 5.5rem);
}

.project-info-subfolder-application__item-content_card[b-v6ukrisb3v] {
    margin-bottom: 1.5rem;
}

    .project-info-subfolder-application__item-content_card:last-child[b-v6ukrisb3v] {
        margin-bottom: 0;
    }

.project-info-subfolder-application__item-content_card-img--wrapper[b-v6ukrisb3v] {
    position: relative;
}

.project-info-subfolder-application__item-content_card-img[b-v6ukrisb3v] {
    border-radius: 12px;
}

.project-info-subfolder-application__item-content_card-status[b-v6ukrisb3v] {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px 0 12px 0;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-white);
}

.project-info-subfolder-application__item-content_card-status-refusal[b-v6ukrisb3v] {
    background-color: var(--color-red);
}

.project-info-subfolder-application__item-content_card-status-penetrated[b-v6ukrisb3v] {
    background-color: var(--color-blue);
}

.project-info-subfolder-application__item-content_card-status-requested[b-v6ukrisb3v] {
    background-color: var(--color-goblue);
}

.project-info-subfolder-application__item-content_card-settings[b-v6ukrisb3v] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ffffff50;
    cursor: pointer;
}

    .project-info-subfolder-application__item-content_card-settings:hover[b-v6ukrisb3v] {
        background-color: #ffffff80;
    }

    .project-info-subfolder-application__item-content_card-settings img[b-v6ukrisb3v] {
        width: 1.5rem;
        height: 1.5em;
    }

.project-info-subfolder-application__item-content-right[b-v6ukrisb3v] {
    width: 54.86%;
}

.project-info-subfolder-application__item-content_card-btns[b-v6ukrisb3v] {
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.project-info-subfolder-application__item-content_card-btn[b-v6ukrisb3v] {
    padding: 0.25rem 0.625rem;
}

.project-info-subfolder-application__item-content-right .image-viewer-modal__comment-input[b-v6ukrisb3v] {
    max-width: 30rem;
}

.project-error-title-modal .project-error-title-modal__text[b-v6ukrisb3v] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin: 1rem 0;
}

.project-error-title-modal__checkbox[b-v6ukrisb3v] {
    margin-bottom: 1rem;
}
/* _content/WebUI/Components/Pages/Projects/Favorites.razor.rz.scp.css */
.article-projects[b-1qc348yqzy] {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.project-header[b-1qc348yqzy] {
    background-color: var(--color-white);
    border-radius: 0 0 0 .5rem;
    padding: 20px 20px 0 20px;
}

.project-header__list[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.project-header__item.active[b-1qc348yqzy] {
    font-weight: 600;
}

.project-header__item-text[b-1qc348yqzy] {
    line-height: 1.5rem;
    font-size: 0.875rem;
    padding: 7px 0;
    position: relative;
    display: block;
}

    .project-header__item-text[b-1qc348yqzy]::after {
        content: "";
        position: absolute;
        bottom: 0;
        display: block;
        width: 100%;
        height: 1px;
        background-color: var(--color-light-gray-2);
    }

.project-header__item:hover .project-header__item-text[b-1qc348yqzy]::after {
    background-color: var(--color-dark-gray-2);
}

.project-header__item.active .project-header__item-text[b-1qc348yqzy]::after {
    background-color: var(--color-dark-gray-2);
}

.project-add[b-1qc348yqzy] {
    margin: 1rem 32px 1.5rem 24px;
}

.project-add__btn[b-1qc348yqzy] {
    min-width: 10.5rem;
}

.project-add__select--wrapper[b-1qc348yqzy] {
    background-color: #E5EBFB;
    padding: 6px 1rem;
    border-radius: 12px;
}

.project-add__select-text[b-1qc348yqzy] {
    color: var(--color-dark-gray);
    opacity: 60%;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
}

.project-add__select[b-1qc348yqzy] {
    min-width: 12.875rem;
    max-width: 12.875rem;
    width: 100%;
    background-color: transparent;
    border: none;
}

.projects[b-1qc348yqzy] {
    width: 100%;
    height: calc(100% - 145px);
    overflow-x: hidden;
    overflow-y: auto;
}

.project-preview[b-1qc348yqzy] {
    border-bottom: 1px solid var(--color-mid-gray-4);
    padding-bottom: 1rem;
    margin-left: 24px;
    margin-bottom: 20px;
    color: var(--color-dark-gray);
}

.project-preview__header[b-1qc348yqzy] {
    margin-bottom: 1rem;
}

.project-preview__title[b-1qc348yqzy] {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: .5rem;
    color: #1A1B1E;
}

.project-preview__details[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.project-preview__detail-text[b-1qc348yqzy],
.project-preview__detail-view[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.project-preview__detail-text[b-1qc348yqzy] {
    font-size: 0.75rem;
    line-height: 1rem;
}

.project-preview__detail-text_title[b-1qc348yqzy] {
    opacity: 50%;
}

.project-preview__detail-view[b-1qc348yqzy] {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-preview__detail-view-icon[b-1qc348yqzy] {
    width: 1.5rem;
    height: 1.5rem;
}

.project-preview__collections[b-1qc348yqzy] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    gap: .5rem;
}

.project-preview__collection[b-1qc348yqzy] {
    background-color: var(--color-white);
    border: 1px solid var(--color-light-gray-1);
    border-radius: .5rem;
    min-width: 22.5rem;
    padding: 1rem 1rem .5rem;
    position: relative;
}

.project-preview__images[b-1qc348yqzy] {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
}

    .project-preview__images img[b-1qc348yqzy] {
        width: 32%;
        border-radius: .5rem;
    }

.project-preview__info-top[b-1qc348yqzy] {
    margin-bottom: .5rem;
}

.project-preview__collection-title[b-1qc348yqzy] {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-preview__info-count[b-1qc348yqzy] {
    font-size: 0.75rem;
    line-height: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--color-mid-gray-1);
    color: var(--color-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-preview__info-bot[b-1qc348yqzy] {
    gap: .5rem;
}

.project-preview__status[b-1qc348yqzy] {
    display: block;
    color: var(--color-mid-gray-1);
    font-size: 0.75rem;
    line-height: 1rem;
}

.project-preview__stats[b-1qc348yqzy] {
    gap: 1rem;
}

.project-preview__info-btn-option[b-1qc348yqzy] {
    display: block;
    margin-left: auto;
}


.create-project-modal[b-1qc348yqzy] {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1A202450;
    z-index: 1000;
}

    .create-project-modal.active[b-1qc348yqzy] {
        display: flex;
    }

.create-project-modal__overlay[b-1qc348yqzy] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

.create-project-modal__content[b-1qc348yqzy] {
    background-color: #fff;
    border-radius: 6px;
    padding: 40px 24px;
    width: 400px;
    box-shadow: 0px 12px 24px 0px #5B68713D;
    box-shadow: 0px 0px 1px 0px #1A202452;
    position: relative;
    z-index: 10;
}

.create-project-modal__header[b-1qc348yqzy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.create-project-modal__title[b-1qc348yqzy] {
    font-size: 1.125rem;
    font-weight: 600;
}

.create-project-modal__close-btn img[b-1qc348yqzy] {
    width: 1.5rem;
    height: 1.5rem;
}

.create-project-modal__body[b-1qc348yqzy] {
    margin-bottom: 1rem;
}

.create-project-modal__input[b-1qc348yqzy] {
    width: 100%;
    padding: .5rem 12px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: 0.875rem;
}

.create-project-modal__footer[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.create-project-modal__btn[b-1qc348yqzy] {
    width: 50%;
}

.project-add-documents-modal .create-project-modal__footer[b-1qc348yqzy] {
    margin-top: 1rem;
}

.project-overview[b-1qc348yqzy] {
    display: flex;
    gap: 1.5rem;
    width: 100%;
    height: 100vh;
}

.project-sidebar[b-1qc348yqzy] {
    width: 25.82%;
    background-color: var(--color-white);
    padding: 1rem;
    border-radius: 12px;
    color: var(--color-dark-gray);
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0.75rem 0 0.75rem 1rem;
    height: calc(100% - 1.5rem);
}

.project-info[b-1qc348yqzy] {
    width: 43.23%;
    margin: 1.25rem 0 0.75rem;
    padding-right: 10px;
}

.project-info-main[b-1qc348yqzy] {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 3.5rem);
    padding-right: 10px;
}

.project-chat[b-1qc348yqzy] {
    width: 39.15%;
    right: -39.15%;
    position: relative;
    background-color: var(--color-white);
    border-radius: 6px 0 0 6px;
    height: 100%;
    max-height: 44.75rem;
    transition: all 0.8s ease;
    z-index: 100;
}

    .project-chat.active[b-1qc348yqzy] {
        right: 0;
    }

.project-chat-close[b-1qc348yqzy] {
    position: absolute;
    top: 20px;
    left: -2.5rem;
    background-color: var(--color-white);
    min-width: 2.5rem;
    max-width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    padding: .5rem;
    padding-right: 10px;
    gap: 10px;
    justify-content: center;
    border-radius: .5rem 0 0 .5rem;
    cursor: pointer;
}

    .project-chat-close img[b-1qc348yqzy],
    .project-chat-trigger__btn img[b-1qc348yqzy] {
        width: 1.25rem;
        height: 1.25rem;
    }

.project-chat-trigger[b-1qc348yqzy] {
    position: fixed;
    top: 1.25rem;
    right: 0;
    z-index: 50;
}

.project-chat-trigger__btn[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: var(--color-white);
    border: none;
    border-radius: .5rem 0 0 .5rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    z-index: -1;
}

.project-chat-close-text[b-1qc348yqzy] {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.5rem;
}


.project-sidebar__back-btn[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 0.75rem;
}

    .project-sidebar__back-btn img[b-1qc348yqzy] {
        width: 0.75rem;
        height: 0.75rem;
    }

.project-sidebar__back-text[b-1qc348yqzy] {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-1);
}

.project-sidebar__header[b-1qc348yqzy] {
    justify-content: space-between;
}

.project-sidebar__title-dropdown[b-1qc348yqzy] {
    gap: 4px;
}

.project-sidebar__title[b-1qc348yqzy] {
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    color: var(--color-dark-gray);
}

.project-sidebar__title-dropdown img[b-1qc348yqzy] {
    width: 1.5rem;
    height: 1.5rem;
}

.project-sidebar__notification-btn[b-1qc348yqzy] {
    position: relative;
}

.project-sidebar__notification-count[b-1qc348yqzy] {
    position: absolute;
    top: -6px;
    right: -7px;
    border: 2px solid var(--color-white);
    border-radius: 0.5rem;
    background-color: var(--color-primary);
    font-size: 0.625rem;
    line-height: 0.75rem;
    color: var(--color-white);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-weight: 600;
}

.project-sidebar__presentation--wrapper[b-1qc348yqzy] {
    justify-content: space-between;
    gap: 6px;
    margin: .5rem 0;
}

.project-sidebar__presentation-btn[b-1qc348yqzy] {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
    padding: 10px 14px;
}

.project-sidebar__share-btn img[b-1qc348yqzy] {
    width: 1.5rem;
    height: 1.5rem;
}

.project-sidebar__info-btn[b-1qc348yqzy] {
    background-color: var(--color-light-gray-3);
    border-radius: 12px;
    font-weight: bold;
    padding: 10px 1rem;
    width: calc(100% + 1rem);
    display: block;
    text-align: left;
    margin-left: -.5rem;
    color: var(--color-dark-gray);
}

.sidebar-locations[b-1qc348yqzy] {
    width: 100%;
    margin-top: 30px;
}

.sidebar-locations-block[b-1qc348yqzy] {
    position: relative;
    z-index: 10;
}

    .sidebar-locations-block.active[b-1qc348yqzy]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -23px;
        margin: auto 0;
        background-color: var(--color-light-gray-3);
        width: calc(100% + 23px);
        height: 100%;
        padding: 6px;
        border-radius: .5rem;
        z-index: -1;
    }

.sidebar-locations__header[b-1qc348yqzy] {
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: 1rem;
}

.sidebar-locations__title--wrapper[b-1qc348yqzy] {
    flex-grow: 1;
    justify-content: space-between;
}

.sidebar-locations__group[b-1qc348yqzy] {
    margin-bottom: 1rem;
}

.sidebar-locations__group-header[b-1qc348yqzy] {
    justify-content: space-between;
    margin-bottom: 0.5rem;
    margin-left: 15px;
    gap: .5rem;
}

.sidebar-locations__group-title--wrapper[b-1qc348yqzy] {
    justify-content: space-between;
    flex-grow: 1;
}

.sidebar-locations__title[b-1qc348yqzy] {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.sidebar-locations__group-title[b-1qc348yqzy] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-transform: uppercase;
}

.sidebar-locations__toggle-btn img[b-1qc348yqzy],
.sidebar-locations__options-btn img[b-1qc348yqzy] {
    width: 1.5rem;
    height: 1.5rem;
}

.sidebar-locations__item[b-1qc348yqzy] {
    color: var(--color-dark-gray);
    padding: 0.625rem 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
    position: relative;
    z-index: 10;
    cursor: pointer;
}

    .sidebar-locations__item[b-1qc348yqzy]::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 200%;
        height: 1px;
        background-color: var(--color-mid-gray-4);
    }

    .sidebar-locations__item.active[b-1qc348yqzy] {
        font-weight: bold;
    }

        .sidebar-locations__item.active[b-1qc348yqzy]::after {
            display: none;
        }

        .sidebar-locations__item.active[b-1qc348yqzy]::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: -4px;
            margin: auto 0;
            background-color: var(--color-light-gray-3);
            width: calc(100% + .5rem);
            max-height: 2.25rem;
            height: 100%;
            border-radius: .5rem;
            z-index: -1;
        }

.sidebar-locations__desc[b-1qc348yqzy] {
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 12px 1rem;
}

.sidebar-locations__add-location-btn[b-1qc348yqzy] {
    width: 100%;
    margin-top: 3.5625rem;
}


.project-info__logo--wrapper[b-1qc348yqzy] {
    margin-bottom: 2rem;
}

.project-info__logo[b-1qc348yqzy] {
    display: none;
    position: relative;
    width: 5rem;
    height: 5rem;
}

    .project-info__logo.active[b-1qc348yqzy] {
        display: block;
    }

.project-info__logo-img[b-1qc348yqzy] {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
}

.project-info__logo-deleted[b-1qc348yqzy] {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: var(--color-primary);
}

    .project-info__logo-deleted img[b-1qc348yqzy] {
        width: 0.75rem;
        height: 0.75rem;
    }

.logo-upload[b-1qc348yqzy] {
    width: 100%;
    display: none;
}

    .logo-upload.active[b-1qc348yqzy] {
        display: block;
    }

.logo-upload__title[b-1qc348yqzy] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.logo-upload__dropzone[b-1qc348yqzy] {
    border: 1px dashed var(--color-light-gray-1);
    border-radius: 6px;
    padding: 2.25rem 1rem;
    text-align: center;
    cursor: pointer;
}

.logo-upload__icon[b-1qc348yqzy] {
    display: block;
    margin: 0 auto;
    width: fit-content;
    margin-bottom: 0.5rem;
}

    .logo-upload__icon img[b-1qc348yqzy] {
        width: 1.5rem;
        height: 1.5rem;
    }

.logo-upload__text[b-1qc348yqzy] {
    font-size: 0.875rem;
    color: var(--color-gray);
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}

.logo-upload__button[b-1qc348yqzy] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .logo-upload__button:hover[b-1qc348yqzy] {
        background-color: var(--color-dark-blue);
    }

.project-info__header[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.project-info__title[b-1qc348yqzy] {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.project-info__crumbs[b-1qc348yqzy] {
    flex-wrap: wrap;
}

.project-info__crumb[b-1qc348yqzy] {
    padding: 0 6px;
}

    .project-info__crumb img[b-1qc348yqzy] {
        padding: 0;
        width: 0.75rem;
        height: 1rem;
    }

.project-info__crumb-prev[b-1qc348yqzy] {
    color: var(--color-mid-gray-2);
}

.project-info__status[b-1qc348yqzy] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 12px;
    background-color: var(--color-white);
    padding: 4px;
}

    .project-info__status img[b-1qc348yqzy] {
        width: 1.5rem;
        height: 1.5rem;
    }

.project-info__status-hint[b-1qc348yqzy] {
    position: absolute;
    bottom: -36px;
    right: 0;
    left: 0;
    transform: translate(-50%, 0);
    text-wrap: nowrap;
    visibility: hidden;
    overflow: hidden;
    opacity: 1;
}

.project-info__status-hint_text[b-1qc348yqzy] {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-mid-gray-1);
    padding: 0.25rem 0.5rem;
    background-color: var(--color-white);
    border-radius: 6px;
    border: 1px solid var(--color-light-gray-5);
}

.project-info__status:hover .project-info__status-hint[b-1qc348yqzy] {
    visibility: visible;
    overflow: visible;
    opacity: 1;
}

.project-info__section[b-1qc348yqzy] {
    margin-bottom: 2rem;
}

.project-info__section-title[b-1qc348yqzy] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.project-info__item[b-1qc348yqzy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

    .project-info__item:last-child[b-1qc348yqzy] {
        margin-bottom: 0;
    }

.project-info__item-label[b-1qc348yqzy],
.project-info__item-value[b-1qc348yqzy] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: block;
    width: fit-content;
}

.project-info__item-label[b-1qc348yqzy] {
    color: #656873;
}

.project-info__item-value[b-1qc348yqzy] {
    position: relative;
    color: #000000;
    cursor: context-menu;
    display: block;
}

    .project-info__item-value[b-1qc348yqzy]::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 0%;
        background-color: var(--color-light-gray-2);
    }

    .project-info__item-value:hover[b-1qc348yqzy]::after {
        width: 100%;
    }

.project-info__description[b-1qc348yqzy] {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #000000;
}

.project-info__document-link[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--color-blue);
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 500;
}

    .project-info__document-link img[b-1qc348yqzy] {
        width: 1.5rem;
        height: 1.5rem;
    }

.project-info__participants[b-1qc348yqzy] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.project-info__participant[b-1qc348yqzy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.project-info__participant-name[b-1qc348yqzy] {
    font-weight: 500;
}

.project-info__participant-delete[b-1qc348yqzy] {
    background: none;
    border: none;
    color: var(--color-red);
    cursor: pointer;
}

.project-info__add-participant-btn[b-1qc348yqzy] {
    margin-top: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: var(--color-blue);
    color: var(--color-white);
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.project-info__doc_btn-img[b-1qc348yqzy] {
    width: 1.5rem;
    height: 1.5rem;
}

.project-participants__header[b-1qc348yqzy] {
    margin-bottom: 0.5rem;
}

.project-participants__add-btn[b-1qc348yqzy] {
    background: none;
    border: none;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
}

    .project-participants__add-btn.active[b-1qc348yqzy] {
        transform: rotate(45deg);
    }

        .project-participants__add-btn.active path[b-1qc348yqzy] {
            fill: #5B6871;
        }

.project-participants__item[b-1qc348yqzy] {
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--color-light-gray);
}

.project-participants__info[b-1qc348yqzy] {
    margin-bottom: 0.5rem;
}

.project-participants__name[b-1qc348yqzy] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
}

.project-participants__role[b-1qc348yqzy],
.project-participants__email[b-1qc348yqzy] {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-4);
}

.project-participants__actions[b-1qc348yqzy] {
    gap: 1rem;
}

.project-participants__delete-btn[b-1qc348yqzy] {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .project-participants__delete-btn img[b-1qc348yqzy] {
        width: 1rem;
        height: 1rem;
    }

.project-participants__select[b-1qc348yqzy] {
    background-color: transparent;
    border: none;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-4);
    background-position: center right 0px;
}

.project-chat__header[b-1qc348yqzy] {
    padding: 0.875rem 1rem 0.625rem;
}

.project-chat__tabs[b-1qc348yqzy] {
    display: flex;
    gap: 0.6875rem;
}

.project-chat__tab-title[b-1qc348yqzy] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E50;
    text-transform: uppercase;
    font-weight: 600;
}

.project-chat__tab[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #1A1B1E;
    text-transform: uppercase;
    font-weight: 600;
}

.project-chat__menu-btn[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--color-dark-gray);
    text-transform: uppercase;
    font-weight: 600;
}

.project-chat__arrow-down[b-1qc348yqzy] {
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(180deg);
}

.project-chat__messages[b-1qc348yqzy] {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    padding: 1.5rem 0.75rem 1.5rem 1rem;
}

.chat-message[b-1qc348yqzy] {
    display: flex;
    flex-direction: column;
    margin-bottom: .5rem;
}

.chat-message--sent[b-1qc348yqzy] {
    align-items: flex-end;
}

    .chat-message--sent .chat-message__content[b-1qc348yqzy] {
        background-color: var(--color-blue);
        border-radius: 6px 6px 0 6px;
        color: var(--color-white);
    }

    .chat-message--sent .chat-message__content--wrapper[b-1qc348yqzy] {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

.chat-message__avatar[b-1qc348yqzy] {
    min-width: 2rem;
    min-height: 2rem;
    max-width: 2rem;
    max-height: 2rem;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.chat-message__name-time-check[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-message__content--wrapper[b-1qc348yqzy] {
    align-items: flex-end;
    gap: 6px;
    position: relative;
}

.chat-message__content[b-1qc348yqzy] {
    background-color: var(--color-light-gray-4);
    border-radius: 6px 6px 6px 0;
    padding: 0.5rem 1rem;
    max-width: 15rem;
    width: 100%;
}

.chat-message__content--sent[b-1qc348yqzy] {
    background-color: var(--color-blue);
    color: var(--color-white);
}

.chat-message__text[b-1qc348yqzy] {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.chat-message--sent .chat-message__name-time[b-1qc348yqzy] {
    margin-left: 0;
    margin-top: 0;
}

.chat-message__name-time[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-3);
    margin-left: 2.5rem;
    margin-top: 6px;
}

.chat-message__attachment[b-1qc348yqzy] {
    display: flex;
    align-items: flex-end;
    gap: 9px;
    border-radius: .5rem;
    margin-bottom: 0.5rem;
}

.chat-message__locations[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.chat-message__location[b-1qc348yqzy] {
    font-size: 0.625rem;
    line-height: 1rem;
    color: var(--color-dark-gray);
    display: flex;
    align-items: flex-end;
}

.chat-message__location-arrow[b-1qc348yqzy] {
    width: 0.5rem;
    height: 0.875rem;
}

.chat-message__location-link[b-1qc348yqzy] {
    color: var(--color-blue);
}

    .chat-message__location-link:hover[b-1qc348yqzy] {
        text-decoration: underline;
    }

.chat-message__image[b-1qc348yqzy] {
    min-width: 4.5rem;
    min-height: 4.5rem;
    max-width: 4.5rem;
    max-height: 4.5rem;
    border-radius: 6px;
}

.chat-message__status[b-1qc348yqzy] {
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
}

.project-chat__footer[b-1qc348yqzy] {
    display: flex;
    gap: 1rem;
    margin: 1rem;
    position: relative;
}

.project-chat__input[b-1qc348yqzy] {
    flex-grow: 1;
    padding: 0.5rem 2.25rem 0.5rem 1rem;
}

.project-chat__send-btn[b-1qc348yqzy] {
    position: absolute;
    display: block;
    right: .5rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}

    .project-chat__send-btn img[b-1qc348yqzy] {
        width: 1.5rem;
        height: 1.5rem;
    }

.project-chat--wrapper[b-1qc348yqzy] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: calc(100% - 4.5rem);
}

.participants[b-1qc348yqzy] {
    background-color: var(--color-white);
    border: 1px solid var(--color-light-gray);
    border-radius: .5rem;
    padding: 1rem;
    width: 100%;
    max-width: 400px;
}

.participants__header[b-1qc348yqzy] {
    margin-bottom: 1rem;
}

.participants__title[b-1qc348yqzy] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-dark-gray);
}

.participants__close-btn[b-1qc348yqzy] {
    background: none;
    border: none;
    cursor: pointer;
}

    .participants__close-btn img[b-1qc348yqzy] {
        width: 1rem;
        height: 1rem;
    }

.participants__form[b-1qc348yqzy] {
    display: none;
    align-items: center;
    gap: 1rem;
    margin-bottom: .5rem;
}

    .participants__form.active[b-1qc348yqzy] {
        display: flex;
    }

.participants__form-input[b-1qc348yqzy] {
    position: relative;
    display: flex;
    width: 100%;
}

.participants__input[b-1qc348yqzy] {
    flex-grow: 1;
    outline: none;
    width: 100%;
    padding-right: 6.75rem;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 0.375rem;
    max-height: 2.5rem;
}

.participants__select[b-1qc348yqzy] {
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-color: transparent;
    border: none;
}

/* project-info-subfolder */

.project-info-subfolder .project-info__header[b-1qc348yqzy] {
    margin-bottom: 1rem;
}

.project-info-subfolder__header[b-1qc348yqzy] {
    margin-bottom: 2rem;
}

.project-info-subfolder__tabs[b-1qc348yqzy] {
    padding: 0.25rem;
    border-radius: 41px;
    background-color: var(--color-white);
}

.project-info-subfolder__tab[b-1qc348yqzy] {
    padding: 0.25rem 0.75rem;
    border-radius: 45px;
    font-size: 0.875rem;
    line-height: 1.5rem;
    background-color: transparent;
    font-weight: 500;
    color: var(--color-dark-gray);
}

    .project-info-subfolder__tab.active[b-1qc348yqzy] {
        background-color: var(--color-blue);
        color: var(--color-white);
    }

.project-info-subfolder__filters[b-1qc348yqzy] {
    gap: 1rem;
}

.project-info-subfolder__settings[b-1qc348yqzy] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-white);
    border-radius: 12px;
}

.project-info-subfolder__settings-img--wrapper[b-1qc348yqzy] {
    position: relative;
}

.project-info-subfolder__settings img[b-1qc348yqzy] {
    width: 1.5rem;
    height: 1.5rem;
}

.project-info-subfolder__settings-count[b-1qc348yqzy] {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    border: 2px solid var(--color-white);
    border-radius: 0.5rem;
    background-color: var(--color-primary);
    color: var(--color-white);
    font-size: 0.625rem;
    line-height: 0.75rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-weight: 600;
}

.project-info-subfolder__sort[b-1qc348yqzy] {
    padding: 0.5rem 1rem;
    background-color: var(--color-white);
    border-radius: 12px;
    padding-right: 2.625rem;
    border: none;
    cursor: pointer;
}

.project-info-subfolder[b-1qc348yqzy] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 12px;
    margin-left: 0;
    padding: .5rem;
    padding-left: 0;
    width: 73%;
}

.project-info-subfolder__contents[b-1qc348yqzy] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.project-info-subfolder__content[b-1qc348yqzy] {
    padding-bottom: 1rem;
    border-bottom: 1px solid #3F3F4120;
}

.project-info-subfolder__toggle-btn[b-1qc348yqzy] {
    gap: 0.5rem;
}

.project-info-subfolder__title[b-1qc348yqzy] {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
    font-weight: 600;
}

.project-info-subfolder__toggle-icon[b-1qc348yqzy] {
    width: 1.25rem;
    height: 1.25rem;
}

.project-info-subfolder__tags[b-1qc348yqzy] {
    gap: 0.75rem;
}

.project-info-subfolder__tag[b-1qc348yqzy],
.project-info-subfolder__card-status[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    background-color: var(--color-light-gray-3);
    font-size: 0.75rem;
    line-height: 1rem;
}

.project-info-subfolder__tag-btn-close[b-1qc348yqzy] {
    width: 1.25rem;
    height: 1.25rem;
}

.project-info-subfolder__list[b-1qc348yqzy] {
    gap: 1.5rem;
    margin-top: 0;
    overflow: hidden;
    height: 0;
    transition: height 0.3s ease;
}

    /* Когда блок развернут */
    .project-info-subfolder__list.active[b-1qc348yqzy] {
        height: auto;
        /* Высота содержимого определяется автоматически */
        overflow: visible;
        margin-top: 1rem;
    }

/* Анимация для стрелки */
.project-info-subfolder__toggle-icon[b-1qc348yqzy] {
    transition: transform 0.3s ease;
    /* Плавное вращение стрелки */
}

.project-info-subfolder__card[b-1qc348yqzy] {
    width: 25%;
}

.project-info-subfolder__card-image-wrapper[b-1qc348yqzy] {
    position: relative;
    border-radius: 12px;
}

.project-info-subfolder__card-image[b-1qc348yqzy] {
    border-radius: 12px;
}

.project-info-subfolder__card-nav[b-1qc348yqzy] {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-color: #ffffff50;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}

    .project-info-subfolder__card-nav img[b-1qc348yqzy] {
        width: 1.5rem;
        height: 1.5rem;
    }

.project-info-subfolder__card-nav--prev[b-1qc348yqzy] {
    left: 4px;
}

.project-info-subfolder__card-nav--next[b-1qc348yqzy] {
    right: 4px;
}

    .project-info-subfolder__card-nav--next img[b-1qc348yqzy] {
        transform: rotate(180deg);
    }

.project-info-subfolder__card-image-wrapper:hover .project-info-subfolder__card-nav--prev[b-1qc348yqzy],
.project-info-subfolder__card-image-wrapper:hover .project-info-subfolder__card-nav--next[b-1qc348yqzy] {
    opacity: 1;
}

.project-info-subfolder__card-content[b-1qc348yqzy] {
    margin-top: 4px;
}

.project-info-subfolder__card-title[b-1qc348yqzy] {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-info-subfolder__card-rating[b-1qc348yqzy] {
    gap: 4px;
}

.project-info-subfolder__card-rating_icon[b-1qc348yqzy] {
    width: 0.75rem;
    height: 0.75rem;
    display: flex;
}

.project-info-subfolder__card-rating_count[b-1qc348yqzy] {
    font-weight: 600;
    color: var(--color-yellow);
    font-size: 0.75rem;
    line-height: 1rem;
}

.project-info-subfolder__card-status[b-1qc348yqzy] {
    padding: 0 0.25rem;
}


.project-info-subfolder__settings-hint[b-1qc348yqzy] {
    position: absolute;
    left: 0;
    top: 44px;
    visibility: hidden;
    opacity: 0;
}

    .project-info-subfolder__settings-hint.active[b-1qc348yqzy] {
        visibility: visible;
        opacity: 1;
    }

.project-info-subfolder__settings-hint_list[b-1qc348yqzy] {
    background-color: var(--color-white);
    border: 1px solid var(--color-light-gray-5);
    padding: 1rem;
    border-radius: 6px;
    text-wrap: nowrap;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.project-info-subfolder__settings-hint_item[b-1qc348yqzy] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.project-info-subfolder__settings-hint_item-text[b-1qc348yqzy] {
    display: block;
}

.project-info-subfolder__object-list[b-1qc348yqzy] {
    display: none;
}

    .project-info-subfolder__object-list.active[b-1qc348yqzy] {
        display: block;
    }

.project-info-subfolder__object-list_content[b-1qc348yqzy] {
    display: flex;
    margin-bottom: 1.5rem;
}

    .project-info-subfolder__object-list_content:last-child[b-1qc348yqzy] {
        margin-bottom: 0;
    }

.project-info-subfolder__info[b-1qc348yqzy] {
    color: var(--color-dark-gray);
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.project-info-subfolder__object[b-1qc348yqzy] {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.project-info-subfolder__info-list[b-1qc348yqzy] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 4rem;
}

.project-info-subfolder__info-item[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-info-subfolder__info-label[b-1qc348yqzy] {
    color: #656873;
    min-width: 13.25rem;
}

.project-info-subfolder__info-value[b-1qc348yqzy] {
    position: relative;
    color: #000000;
}

    .project-info-subfolder__info-value[b-1qc348yqzy]::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 0%;
        background-color: var(--color-light-gray-2);
    }

    .project-info-subfolder__info-value:hover[b-1qc348yqzy]::before {
        width: 100%;
    }

.project-info-subfolder__references-title[b-1qc348yqzy] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.project-info-subfolder__references .photos-gallery__items[b-1qc348yqzy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.project-info-subfolder__references .photos-gallery__item[b-1qc348yqzy] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.project-info-subfolder__reference-img[b-1qc348yqzy] {
    border-radius: 12px;
    object-fit: cover;
}

/* controls */
.controls[b-1qc348yqzy] {
    gap: 2.5rem;
}

.controls__checkbox-wrapper[b-1qc348yqzy] {
    gap: 1.5rem;
}

.controls__checkbox-select[b-1qc348yqzy] {
    background-color: transparent;
    border: none;
    padding-right: 24px;
    background-position: center right 0px;
}

.controls__view-btn[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.5rem;
    border-radius: 1rem;
}

    .controls__view-btn.active[b-1qc348yqzy] {
        background-color: var(--color-blue);
    }

        .controls__view-btn.active rect[b-1qc348yqzy] {
            stroke: #ffffff;
        }

/* object-details */

.object-details[b-1qc348yqzy] {
    display: flex;
}

.object-details__checked[b-1qc348yqzy] {
    margin-top: 0.5rem;
}

.object-details__content--wrapper[b-1qc348yqzy] {
    width: 100%;
}

.object-details__content[b-1qc348yqzy] {
    border-bottom: 1px solid #3F3F4120;
}

.object-details__info-btn[b-1qc348yqzy] {
    margin-left: 0.5rem;
    gap: 0.5rem;
}

.object-details__title[b-1qc348yqzy] {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--color-dark-gray);
}

.object-details__dropdown-icon[b-1qc348yqzy] {
    transform: rotate(-90deg);
}

.object-details__actions[b-1qc348yqzy] {
    gap: 0.5rem;
}

.object-details__action_btn[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.object-details__action_btn-count[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-dark-gray);
    background-color: var(--color-white);
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
}

.object-details__tags--wrapper[b-1qc348yqzy] {
    margin-top: 0.25rem;
    margin-bottom: 0.875rem;
}

.object-details__tags[b-1qc348yqzy] {
    gap: 0.75rem;
}

.object-details__tag[b-1qc348yqzy] {
    background-color: var(--color-light-gray-3);
    color: var(--color-dark-gray-2);
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.object-details__tag_close[b-1qc348yqzy] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

.object-details__sent-time--wrapper[b-1qc348yqzy] {
    gap: 3px;
    color: #1A1B1E50;
    font-size: 0.75rem;
    line-height: 1rem;
    margin-left: auto;
}

.object-details__gallery[b-1qc348yqzy] {
    gap: 1.5rem;
    margin-bottom: 1rem;
}

.object-details__card[b-1qc348yqzy] {
    position: relative;
}

.object-details__card-img[b-1qc348yqzy] {
    border-radius: 12px;
}

.object-details__delete-btn[b-1qc348yqzy] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--color-primary);
}

    .object-details__delete-btn img[b-1qc348yqzy] {
        width: 1.125rem;
        height: 1.125rem;
    }

.object-details__show-more[b-1qc348yqzy] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: #1A202450;
    color: var(--color-light-gray);
    font-size: 0.875rem;
    line-height: 1.5rem;
    cursor: pointer;
}

    .object-details__show-more:hover[b-1qc348yqzy] {
        background-color: #1A202480;
    }


.object-comments-rating[b-1qc348yqzy] {
    gap: 2.62%;
}

.object-comments[b-1qc348yqzy] {
    position: relative;
    width: 48.68%;
}

.object-rating[b-1qc348yqzy] {
    width: 48.68%;
}

.object-comments__title[b-1qc348yqzy] {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    color: var(--color-dark-gray-2);
}

.object-comment[b-1qc348yqzy] {
    gap: 0.75rem;
}

.object-comment__avatar--wrapper[b-1qc348yqzy] {
    width: 2rem;
    height: 2rem;
}

.object-comment__avatar[b-1qc348yqzy] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 1px solid #00000010;
}

.object-comment__author[b-1qc348yqzy] {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray-2);
}

.object-comment__date[b-1qc348yqzy] {
    color: var(--color-mid-gray-2);
    font-size: 0.75rem;
    line-height: 1rem;
}

.object-comment__text[b-1qc348yqzy] {
    color: var(--color-dark-gray-2);
    margin: 0.5rem 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.object-comment__footer[b-1qc348yqzy] {
    gap: 0.75rem;
}

.object-comment__like-icon[b-1qc348yqzy] {
    width: 1.5rem;
    height: 1.5rem;
}

.object-comment__like-count[b-1qc348yqzy] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-mid-gray-3);
}

.object-comment__reply-btn[b-1qc348yqzy] {
    color: var(--color-mid-gray-3);
    padding: 0 6px;
}

.object-comments__show-all-btn[b-1qc348yqzy] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(243, 245, 251, 0) 0%, #F3F5FB 59.9%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.object-comments__show-all-btn_text[b-1qc348yqzy] {
    margin-bottom: 2rem;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.object-rating__summary[b-1qc348yqzy] {
    border: 1px solid var(--color-mid-gray-5);
    border-radius: .5rem;
}

.object-rating__average[b-1qc348yqzy] {
    padding: 0.25rem 1rem;
    font-size: 0.75rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
}

.object-rating__average-text[b-1qc348yqzy] {
    margin-right: 0.25rem;
    opacity: 60%;
}

.object-rating__average-count[b-1qc348yqzy] {
    margin-right: 0.5rem;
}

.object-rating__average-filter[b-1qc348yqzy] {
    width: 1.5rem;
    height: 1.5rem;
}

.object-rating__vote[b-1qc348yqzy] {
    border-left: 1px solid var(--color-mid-gray-5);
    gap: 0.5rem;
    padding: 0.25rem 0.75rem 0.25rem 0.5rem;
}

.object-rating__vote-btn[b-1qc348yqzy] {
    font-size: 0.75rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
    opacity: 60%;
}

.object-rating__vote-icons .object-rating__star-icon[b-1qc348yqzy] {
    cursor: pointer;
}

    .object-rating__vote-icons .object-rating__star-icon:hover[b-1qc348yqzy] {
        background-image: url(../img/svg/Star-full.svg);
    }

.object-rating__stars[b-1qc348yqzy] {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5rem;
    column-gap: 2.25rem;
    margin-top: 0.75rem;
}

.object-rating__star-name[b-1qc348yqzy] {
    color: var(--color-dark-gray);
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 2px;
}

.object-rating__star-icons[b-1qc348yqzy] {
    display: flex;
    align-items: center;
}

.object-rating__star-icon[b-1qc348yqzy] {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../img/svg/Star-empty.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.object-rating__star-icon-half[b-1qc348yqzy] {
    background-image: url(../img/svg/Star-half.svg);
}

.object-rating__star-icon-full[b-1qc348yqzy] {
    background-image: url(../img/svg/Star-full.svg);
}

.project-info-subfolder__object-grid[b-1qc348yqzy] {
    display: none;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

    .project-info-subfolder__object-grid.active[b-1qc348yqzy] {
        display: grid;
    }

.project-info-subfolder__object-grid_card-content--wrapper[b-1qc348yqzy] {
    display: flex;
    gap: 0.5rem;
    margin: 0.75rem 0 1rem;
}

    .project-info-subfolder__object-grid_card-content--wrapper .object-details__info-btn[b-1qc348yqzy] {
        margin-left: 0;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-rating_count[b-1qc348yqzy] {
        font-size: 0.875rem;
        line-height: 1.5rem;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-rating_icon[b-1qc348yqzy] {
        width: 1rem;
        height: 1rem;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-rating[b-1qc348yqzy] {
        margin-bottom: 0.5rem;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-meta[b-1qc348yqzy] {
        gap: 0.75rem;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-status[b-1qc348yqzy] {
        padding: 4px 12px;
    }

.project-info-subfolder__object-grid_card .object-details__actions[b-1qc348yqzy] {
    margin-bottom: 0.5rem;
}

.project-info-subfolder__object-grid_card .object-details__action_btn[b-1qc348yqzy] {
    padding: 0.5rem 0.75rem;
}

.project-info-subfolder-card__header[b-1qc348yqzy] {
    margin-bottom: 1.5rem;
    gap: 0.75rem;
}

.project-info-subfolder-card__header_btn[b-1qc348yqzy],
.project-info-subfolder-card__remove-btn[b-1qc348yqzy],
.project-info-subfolder-card__add-btn[b-1qc348yqzy] {
    padding: 0.25rem 0.5rem;
}

.project-info-subfolder-card__info[b-1qc348yqzy] {
    position: relative;
}

.project-info-subfolder-card__title[b-1qc348yqzy] {
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
}

.project-info-subfolder-card__details[b-1qc348yqzy] {
    max-width: 27.875rem;
    margin-bottom: 1rem;
}

.project-info-subfolder-card__toggle-btn[b-1qc348yqzy] {
    background: linear-gradient(180deg, rgba(243, 245, 251, 0) 0%, #F3F5FB 59.9%);
    position: absolute;
    top: 17px;
    left: 0;
    width: 100%;
    height: 4.5rem;
    max-width: 27.875rem;
    display: none;
    justify-content: center;
    cursor: pointer;
}

    .project-info-subfolder-card__toggle-btn.active[b-1qc348yqzy] {
        display: flex;
    }

    .project-info-subfolder-card__toggle-btn span[b-1qc348yqzy] {
        font-size: 0.875rem;
        line-height: 1.5rem;
        font-weight: 600;
        margin: 15px auto 0;
    }

    .project-info-subfolder-card__toggle-btn.active ~ .project-info-subfolder-card__details[b-1qc348yqzy] {
        height: 5.5rem;
        overflow: hidden;
    }

.project-info-subfolder-card__detail[b-1qc348yqzy] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0.5rem;
}

    .project-info-subfolder-card__detail:last-child[b-1qc348yqzy] {
        margin-bottom: 0;
    }

.project-info-subfolder-card__detail-label[b-1qc348yqzy],
.project-info-subfolder-card__detail-value[b-1qc348yqzy] {
    width: 13.25rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-info-subfolder-card__detail-label[b-1qc348yqzy] {
    color: #656873;
}

.project-info-subfolder-card__detail-value[b-1qc348yqzy] {
    color: #000000;
}

.project-info-subfolder-card__info-btns[b-1qc348yqzy] {
    margin-bottom: 1rem;
    gap: 0.75rem;
}

.project-info-subfolder-card__gallery[b-1qc348yqzy] {
    display: flex;
    align-items: stretch;
    gap: 1.5rem;
}

.project-info-subfolder-card__gallery-item[b-1qc348yqzy] {
    max-width: 16.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.project-info-subfolder-card__gallery-image[b-1qc348yqzy] {
    border-radius: 12px;
}

.project-info-subfolder-card__gallery-image-secondary[b-1qc348yqzy] {
    max-width: 7.625rem;
}

.project-info-subfolder-section-card[b-1qc348yqzy] {
    width: 45.74%;
    margin: 1.25rem 0 0.75rem;
    padding-right: 10px;
}

.project-info-chat-subfolder-section-card[b-1qc348yqzy] {
    width: 30.02%;
    max-height: 100%;
}

.project-info-subfolder-richiesta[b-1qc348yqzy] {
    width: 45.74%;
    padding-right: 10px;
    margin-bottom: 0.75rem;
}

.project-info-subfolder-richiesta__header[b-1qc348yqzy] {
    padding: 1rem;
    padding-bottom: 0.75rem;
    background-color: var(--color-white);
    border-radius: 0 0 6px 6px;
    margin-bottom: 1.5rem;
}

.project-info-subfolder-richiesta__header_btn-back[b-1qc348yqzy] {
    gap: 0.75rem;
}

.project-info-subfolder-richiesta__header_btn-back-img[b-1qc348yqzy] {
    width: 1.5rem;
    height: 1.5em;
}

.project-info-subfolder-richiesta__header_btn-back-text[b-1qc348yqzy] {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #000000;
}

.project-info-subfolder-richiesta__header_status[b-1qc348yqzy] {
    padding: 0.25rem 0.75rem;
    background-color: var(--color-light-gray-3);
    border-radius: 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
    margin-left: 2rem;
}

.project-info-subfolder-richiesta__header_btn-cancellazione[b-1qc348yqzy] {
    padding: 0.25rem 0.875rem;
    margin-left: auto;
}

.project-info-subfolder-card__user[b-1qc348yqzy] {
    margin: 2rem 0 1.125rem;
    gap: 0.75rem;
}

.project-info-subfolder-card__user_img--wrapper[b-1qc348yqzy],
.project-info-subfolder-card__user_img[b-1qc348yqzy] {
    width: 2rem;
    height: 2rem;
}

.project-info-subfolder-card__user_img[b-1qc348yqzy] {
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.project-info-subfolder-card__user_name[b-1qc348yqzy] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray-2);
}

.project-info-subfolder-card__user_name-date[b-1qc348yqzy] {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-2);
}

.create-project-modal-richiesta-oggetto__content[b-1qc348yqzy] {
    max-width: 45.75rem;
    padding: 1rem;
    width: 100%;
}

    .create-project-modal-richiesta-oggetto__content .create-project-modal__header[b-1qc348yqzy] {
        margin-bottom: 1.25rem;
    }

.editor-container[b-1qc348yqzy] {
    border: 1px solid var(--color-light-gray-3);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px;
}

.editor-toolbar[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    background: #f9f9f9;
    border-bottom: 1px solid var(--color-light-gray-3);
    padding: 0.5rem 0.75rem;
}

.editor-toolbar__group[b-1qc348yqzy] {
    display: flex;
    align-items: center;
}

.editor-toolbar__group-link[b-1qc348yqzy] {
    min-width: 1px;
    max-width: 1px;
    height: 1rem;
    background-color: var(--color-light-gray-2);
    margin: 0 0.5rem;
}

.editor-toolbar__button[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 1.5rem;
    min-height: 1.5rem;
    max-height: 1.5rem;
    max-height: 1.5rem;
    cursor: pointer;
}

    .editor-toolbar__button svg[b-1qc348yqzy] {
        min-height: 1.5rem;
        min-height: 1.5rem;
        max-height: 1.5rem;
        max-height: 1.5rem;
    }

.editor-toolbar__select[b-1qc348yqzy] {
    font-family: inherit;
    border: none;
    background-color: transparent;
    font-size: 0.875rem;
    line-height: 1.5rem;
    padding-right: 1.5rem;
    cursor: pointer;
    background-image: url(../img/svg/arrow-chevron.svg);
    background-position: center right 0px;
}

.editor-content[b-1qc348yqzy] {
    min-height: 3.375rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.create-project-modal-presentation-settings__content[b-1qc348yqzy] {
    max-width: 33.375rem;
    width: 100%;
    padding: 1rem 2.25rem;
}

.presentation-settings__subtitle[b-1qc348yqzy] {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.presentation-settings__locations[b-1qc348yqzy] {
    margin-bottom: 2rem;
}

.presentation-settings__checkbox .checkbox__custom[b-1qc348yqzy] {
    width: 1rem;
    height: 1rem;
}

.presentation-settings__checkbox .checkbox__custom-no-all[b-1qc348yqzy]::before {
    content: "";
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 1px;
    background-color: var(--color-dark-gray);
    background-image: none;
}

.presentation-settings__access .presentation-settings__subtitle[b-1qc348yqzy] {
    margin-bottom: 0.75rem;
}

.presentation-settings__select[b-1qc348yqzy] {
    border: 1px solid var(--color-light-gray-2);
    border-radius: 6px;
    padding: 0.5rem 1rem;
    padding-right: 2.5rem;
    background-position: center right 0px;
}

.popup__submit-btn_view-present[b-1qc348yqzy] {
    margin: 3rem 0 1rem;
}

.presentation-settings__sub-locations-list-enclosure[b-1qc348yqzy] {
    margin-left: 1.25rem;
}

.presentation-settings__link[b-1qc348yqzy] {
    margin: 1rem -2.25rem -1rem;
    padding: 0.75rem 2.25rem;
    background-color: var(--color-background-main);
    border-radius: 0 0 6px 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.presentation-settings__link_title[b-1qc348yqzy] {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-bottom: 0.25rem;
}

.presentation-settings__link-input[b-1qc348yqzy] {
    font-size: 1.125rem;
    line-height: 140%;
}

.presentation-settings__copy-btn[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
}

/* Просмотр изображений «Билли» */
.image-viewer-modal[b-1qc348yqzy] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-background-main);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

    .image-viewer-modal.active[b-1qc348yqzy] {
        display: flex;
    }

.image-viewer-modal__content[b-1qc348yqzy] {
    max-width: 72.25rem;
}

.image-viewer-modal__header[b-1qc348yqzy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.image-viewer-modal__content-flex[b-1qc348yqzy] {
    display: flex;
    gap: 15.49%;
    width: 100%;
}

.image-viewer-modal__content-left[b-1qc348yqzy] {
    width: 55.67%;
}

.image-viewer-modal__content-right[b-1qc348yqzy] {
    width: 28.83%;
}

.image-viewer-modal__image--wrapper[b-1qc348yqzy] {
    margin-bottom: 1.5rem;
}

.image-viewer-modal__image[b-1qc348yqzy] {
    display: none;
    border-radius: 12px;
}

    .image-viewer-modal__image.active[b-1qc348yqzy] {
        display: block;
    }

.image-viewer-modal__image-count[b-1qc348yqzy] {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.image-viewer-modal__image-controls[b-1qc348yqzy] {
    margin-left: 0.75rem;
    gap: 0.5rem;
}

.image-viewer-modal__btn[b-1qc348yqzy] {
    width: 1.5rem;
    height: 1.5rem;
}

.image-viewer-modal__next-btn[b-1qc348yqzy] {
    transform: rotate(180deg);
}

.image-viewer-modal__catalog-btn[b-1qc348yqzy] {
    margin-left: auto;
    padding: 0.25rem 0.5rem;
}

.image-viewer-modal__comments-title[b-1qc348yqzy] {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
}

.image-viewer-modal__comment-sent[b-1qc348yqzy] {
    margin: 1rem 0 1.5rem 2.75rem;
}

.image-viewer-modal__comment-form--wrapper[b-1qc348yqzy] {
    gap: 0.75rem;
}

.image-viewer-modal__comment-form-avatar[b-1qc348yqzy] {
    min-width: 2rem;
    min-height: 2rem;
    max-width: 2rem;
    max-height: 2rem;
}

    .image-viewer-modal__comment-form-avatar img[b-1qc348yqzy] {
        border-radius: 50%;
        min-width: 2rem;
        min-height: 2rem;
        max-width: 2rem;
        max-height: 2rem;
    }

.image-viewer-modal__comment-form[b-1qc348yqzy] {
    flex-grow: 1;
}

.image-viewer-modal__comment-input[b-1qc348yqzy] {
    margin-bottom: 0.75rem;
    width: 100%;
    max-width: 18.25rem;
    min-height: 3rem;
    max-height: 100%;
    padding: 6px 12px;
}

.image-viewer-modal__comment-submit[b-1qc348yqzy] {
    padding: 0.25rem 0.5rem;
}

.project-info-subfolder-application[b-1qc348yqzy] {
    width: 73%;
    margin-bottom: 0.5rem;
    height: calc(100% - 0.5rem);
}

.project-info-subfolder-application__header_btns[b-1qc348yqzy] {
    gap: 0.5rem;
}

.project-info-subfolder-application__item[b-1qc348yqzy] {
    display: flex;
    flex-direction: column;
    margin-left: 1.25rem;
    height: 100%;
}

.project-info-subfolder-application__item-user[b-1qc348yqzy] {
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.project-info-subfolder-application__item-content[b-1qc348yqzy] {
    display: flex;
    gap: 4.375rem;
    height: 100%;
}

.project-info-subfolder-application__item-content-left[b-1qc348yqzy] {
    width: 30.26%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 5.5rem);
}

.project-info-subfolder-application__item-content_card[b-1qc348yqzy] {
    margin-bottom: 1.5rem;
}

    .project-info-subfolder-application__item-content_card:last-child[b-1qc348yqzy] {
        margin-bottom: 0;
    }

.project-info-subfolder-application__item-content_card-img--wrapper[b-1qc348yqzy] {
    position: relative;
}

.project-info-subfolder-application__item-content_card-img[b-1qc348yqzy] {
    border-radius: 12px;
}

.project-info-subfolder-application__item-content_card-status[b-1qc348yqzy] {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px 0 12px 0;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-white);
}

.project-info-subfolder-application__item-content_card-status-refusal[b-1qc348yqzy] {
    background-color: var(--color-red);
}

.project-info-subfolder-application__item-content_card-status-penetrated[b-1qc348yqzy] {
    background-color: var(--color-blue);
}

.project-info-subfolder-application__item-content_card-status-requested[b-1qc348yqzy] {
    background-color: var(--color-goblue);
}

.project-info-subfolder-application__item-content_card-settings[b-1qc348yqzy] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ffffff50;
    cursor: pointer;
}

    .project-info-subfolder-application__item-content_card-settings:hover[b-1qc348yqzy] {
        background-color: #ffffff80;
    }

    .project-info-subfolder-application__item-content_card-settings img[b-1qc348yqzy] {
        width: 1.5rem;
        height: 1.5em;
    }

.project-info-subfolder-application__item-content-right[b-1qc348yqzy] {
    width: 54.86%;
}

.project-info-subfolder-application__item-content_card-btns[b-1qc348yqzy] {
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.project-info-subfolder-application__item-content_card-btn[b-1qc348yqzy] {
    padding: 0.25rem 0.625rem;
}

.project-info-subfolder-application__item-content-right .image-viewer-modal__comment-input[b-1qc348yqzy] {
    max-width: 30rem;
}

.project-error-title-modal .project-error-title-modal__text[b-1qc348yqzy] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin: 1rem 0;
}

.project-error-title-modal__checkbox[b-1qc348yqzy] {
    margin-bottom: 1rem;
}
/* _content/WebUI/Components/Pages/Projects/Index.razor.rz.scp.css */
.article-projects[b-bsurr10cg9] {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.project-header[b-bsurr10cg9] {
    background-color: var(--color-white);
    border-radius: 0 0 0 .5rem;
    padding: 20px 20px 0 20px;
}

.project-header__list[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.project-header__item.active[b-bsurr10cg9] {
    font-weight: 600;
}

.project-header__item-text[b-bsurr10cg9] {
    line-height: 1.5rem;
    font-size: 0.875rem;
    padding: 7px 0;
    position: relative;
    display: block;
}

    .project-header__item-text[b-bsurr10cg9]::after {
        content: "";
        position: absolute;
        bottom: 0;
        display: block;
        width: 100%;
        height: 1px;
        background-color: var(--color-light-gray-2);
    }

.project-header__item:hover .project-header__item-text[b-bsurr10cg9]::after {
    background-color: var(--color-dark-gray-2);
}

.project-header__item.active .project-header__item-text[b-bsurr10cg9]::after {
    background-color: var(--color-dark-gray-2);
}

.project-add[b-bsurr10cg9] {
    margin: 1rem 32px 1.5rem 24px;
}

.project-add__btn[b-bsurr10cg9] {
    min-width: 10.5rem;
}

.project-add__select--wrapper[b-bsurr10cg9] {
    background-color: #E5EBFB;
    padding: 6px 1rem;
    border-radius: 12px;
}

.project-add__select-text[b-bsurr10cg9] {
    color: var(--color-dark-gray);
    opacity: 60%;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
}

.project-add__select[b-bsurr10cg9] {
    min-width: 12.875rem;
    max-width: 12.875rem;
    width: 100%;
    background-color: transparent;
    border: none;
}

.projects[b-bsurr10cg9] {
    width: 100%;
    height: calc(100% - 145px);
    overflow-x: hidden;
    overflow-y: auto;
}

.project-preview[b-bsurr10cg9] {
    border-bottom: 1px solid var(--color-mid-gray-4);
    padding-bottom: 1rem;
    margin-left: 24px;
    margin-bottom: 20px;
    color: var(--color-dark-gray);
    cursor: pointer;
}

.project-preview__header[b-bsurr10cg9] {
    margin-bottom: 1rem;
}

.project-preview__title[b-bsurr10cg9] {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: .5rem;
    color: #1A1B1E;
}

.project-preview__details[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.project-preview__detail-text[b-bsurr10cg9],
.project-preview__detail-view[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.project-preview__detail-text[b-bsurr10cg9] {
    font-size: 0.75rem;
    line-height: 1rem;
}

.project-preview__detail-text_title[b-bsurr10cg9] {
    opacity: 50%;
}

.project-preview__detail-view[b-bsurr10cg9] {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-preview__detail-view-icon[b-bsurr10cg9] {
    width: 1.5rem;
    height: 1.5rem;
}

.project-preview__collections[b-bsurr10cg9] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    gap: .5rem;
}

.project-preview__collection[b-bsurr10cg9] {
    background-color: var(--color-white);
    border: 1px solid var(--color-light-gray-1);
    border-radius: .5rem;
    min-width: 22.5rem;
    padding: 1rem 1rem .5rem;
    position: relative;
}

.project-preview__images[b-bsurr10cg9] {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
}

    .project-preview__images img[b-bsurr10cg9] {
        width: 32%;
        border-radius: .5rem;
    }

.project-preview__info-top[b-bsurr10cg9] {
    margin-bottom: .5rem;
}

.project-preview__collection-title[b-bsurr10cg9] {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-preview__info-count[b-bsurr10cg9] {
    font-size: 0.75rem;
    line-height: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--color-mid-gray-1);
    color: var(--color-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-preview__info-bot[b-bsurr10cg9] {
    gap: .5rem;
}

.project-preview__status[b-bsurr10cg9] {
    display: block;
    color: var(--color-mid-gray-1);
    font-size: 0.75rem;
    line-height: 1rem;
}

.project-preview__stats[b-bsurr10cg9] {
    gap: 1rem;
}

.project-preview__info-btn-option[b-bsurr10cg9] {
    display: block;
    margin-left: auto;
}


.create-project-modal[b-bsurr10cg9] {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1A202450;
    z-index: 1000;
}

    .create-project-modal.active[b-bsurr10cg9] {
        display: flex;
    }

.create-project-modal__overlay[b-bsurr10cg9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

.create-project-modal__content[b-bsurr10cg9] {
    background-color: #fff;
    border-radius: 6px;
    padding: 40px 24px;
    width: 400px;
    box-shadow: 0px 12px 24px 0px #5B68713D;
    box-shadow: 0px 0px 1px 0px #1A202452;
    position: relative;
    z-index: 10;
}

.create-project-modal__header[b-bsurr10cg9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.create-project-modal__title[b-bsurr10cg9] {
    font-size: 1.125rem;
    font-weight: 600;
}

.create-project-modal__close-btn img[b-bsurr10cg9] {
    width: 1.5rem;
    height: 1.5rem;
}

.create-project-modal__body[b-bsurr10cg9] {
    margin-bottom: 1rem;
}

.create-project-modal__input[b-bsurr10cg9] {
    width: 100%;
    padding: .5rem 12px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: 0.875rem;
}

.create-project-modal__footer[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.create-project-modal__btn[b-bsurr10cg9] {
    width: 50%;
}

.project-add-documents-modal .create-project-modal__footer[b-bsurr10cg9] {
    margin-top: 1rem;
}

.project-overview[b-bsurr10cg9] {
    display: flex;
    gap: 1.5rem;
    width: 100%;
    height: 100vh;
}

.project-sidebar[b-bsurr10cg9] {
    width: 25.82%;
    background-color: var(--color-white);
    padding: 1rem;
    border-radius: 12px;
    color: var(--color-dark-gray);
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0.75rem 0 0.75rem 1rem;
    height: calc(100% - 1.5rem);
}

.project-info[b-bsurr10cg9] {
    width: 43.23%;
    margin: 1.25rem 0 0.75rem;
    padding-right: 10px;
}

.project-info-main[b-bsurr10cg9] {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 3.5rem);
    padding-right: 10px;
}

.project-chat[b-bsurr10cg9] {
    width: 39.15%;
    right: -39.15%;
    position: relative;
    background-color: var(--color-white);
    border-radius: 6px 0 0 6px;
    height: 100%;
    max-height: 44.75rem;
    transition: all 0.8s ease;
    z-index: 100;
}

    .project-chat.active[b-bsurr10cg9] {
        right: 0;
    }

.project-chat-close[b-bsurr10cg9] {
    position: absolute;
    top: 20px;
    left: -2.5rem;
    background-color: var(--color-white);
    min-width: 2.5rem;
    max-width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    padding: .5rem;
    padding-right: 10px;
    gap: 10px;
    justify-content: center;
    border-radius: .5rem 0 0 .5rem;
    cursor: pointer;
}

    .project-chat-close img[b-bsurr10cg9],
    .project-chat-trigger__btn img[b-bsurr10cg9] {
        width: 1.25rem;
        height: 1.25rem;
    }

.project-chat-trigger[b-bsurr10cg9] {
    position: fixed;
    top: 1.25rem;
    right: 0;
    z-index: 50;
}

.project-chat-trigger__btn[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: var(--color-white);
    border: none;
    border-radius: .5rem 0 0 .5rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    z-index: -1;
}

.project-chat-close-text[b-bsurr10cg9] {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.5rem;
}


.project-sidebar__back-btn[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 0.75rem;
}

    .project-sidebar__back-btn img[b-bsurr10cg9] {
        width: 0.75rem;
        height: 0.75rem;
    }

.project-sidebar__back-text[b-bsurr10cg9] {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-1);
}

.project-sidebar__header[b-bsurr10cg9] {
    justify-content: space-between;
}

.project-sidebar__title-dropdown[b-bsurr10cg9] {
    gap: 4px;
}

.project-sidebar__title[b-bsurr10cg9] {
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    color: var(--color-dark-gray);
}

.project-sidebar__title-dropdown img[b-bsurr10cg9] {
    width: 1.5rem;
    height: 1.5rem;
}

.project-sidebar__notification-btn[b-bsurr10cg9] {
    position: relative;
}

.project-sidebar__notification-count[b-bsurr10cg9] {
    position: absolute;
    top: -6px;
    right: -7px;
    border: 2px solid var(--color-white);
    border-radius: 0.5rem;
    background-color: var(--color-primary);
    font-size: 0.625rem;
    line-height: 0.75rem;
    color: var(--color-white);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-weight: 600;
}

.project-sidebar__presentation--wrapper[b-bsurr10cg9] {
    justify-content: space-between;
    gap: 6px;
    margin: .5rem 0;
}

.project-sidebar__presentation-btn[b-bsurr10cg9] {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
    padding: 10px 14px;
}

.project-sidebar__share-btn img[b-bsurr10cg9] {
    width: 1.5rem;
    height: 1.5rem;
}

.project-sidebar__info-btn[b-bsurr10cg9] {
    background-color: var(--color-light-gray-3);
    border-radius: 12px;
    font-weight: bold;
    padding: 10px 1rem;
    width: calc(100% + 1rem);
    display: block;
    text-align: left;
    margin-left: -.5rem;
    color: var(--color-dark-gray);
}

.sidebar-locations[b-bsurr10cg9] {
    width: 100%;
    margin-top: 30px;
}

.sidebar-locations-block[b-bsurr10cg9] {
    position: relative;
    z-index: 10;
}

    .sidebar-locations-block.active[b-bsurr10cg9]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -23px;
        margin: auto 0;
        background-color: var(--color-light-gray-3);
        width: calc(100% + 23px);
        height: 100%;
        padding: 6px;
        border-radius: .5rem;
        z-index: -1;
    }

.sidebar-locations__header[b-bsurr10cg9] {
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: 1rem;
}

.sidebar-locations__title--wrapper[b-bsurr10cg9] {
    flex-grow: 1;
    justify-content: space-between;
}

.sidebar-locations__group[b-bsurr10cg9] {
    margin-bottom: 1rem;
}

.sidebar-locations__group-header[b-bsurr10cg9] {
    justify-content: space-between;
    margin-bottom: 0.5rem;
    margin-left: 15px;
    gap: .5rem;
}

.sidebar-locations__group-title--wrapper[b-bsurr10cg9] {
    justify-content: space-between;
    flex-grow: 1;
}

.sidebar-locations__title[b-bsurr10cg9] {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.sidebar-locations__group-title[b-bsurr10cg9] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-transform: uppercase;
}

.sidebar-locations__toggle-btn img[b-bsurr10cg9],
.sidebar-locations__options-btn img[b-bsurr10cg9] {
    width: 1.5rem;
    height: 1.5rem;
}

.sidebar-locations__item[b-bsurr10cg9] {
    color: var(--color-dark-gray);
    padding: 0.625rem 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
    position: relative;
    z-index: 10;
    cursor: pointer;
}

    .sidebar-locations__item[b-bsurr10cg9]::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 200%;
        height: 1px;
        background-color: var(--color-mid-gray-4);
    }

    .sidebar-locations__item.active[b-bsurr10cg9] {
        font-weight: bold;
    }

        .sidebar-locations__item.active[b-bsurr10cg9]::after {
            display: none;
        }

        .sidebar-locations__item.active[b-bsurr10cg9]::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: -4px;
            margin: auto 0;
            background-color: var(--color-light-gray-3);
            width: calc(100% + .5rem);
            max-height: 2.25rem;
            height: 100%;
            border-radius: .5rem;
            z-index: -1;
        }

.sidebar-locations__desc[b-bsurr10cg9] {
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 12px 1rem;
}

.sidebar-locations__add-location-btn[b-bsurr10cg9] {
    width: 100%;
    margin-top: 3.5625rem;
}


.project-info__logo--wrapper[b-bsurr10cg9] {
    margin-bottom: 2rem;
}

.project-info__logo[b-bsurr10cg9] {
    display: none;
    position: relative;
    width: 5rem;
    height: 5rem;
}

    .project-info__logo.active[b-bsurr10cg9] {
        display: block;
    }

.project-info__logo-img[b-bsurr10cg9] {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
}

.project-info__logo-deleted[b-bsurr10cg9] {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: var(--color-primary);
}

    .project-info__logo-deleted img[b-bsurr10cg9] {
        width: 0.75rem;
        height: 0.75rem;
    }

.logo-upload[b-bsurr10cg9] {
    width: 100%;
    display: none;
}

    .logo-upload.active[b-bsurr10cg9] {
        display: block;
    }

.logo-upload__title[b-bsurr10cg9] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.logo-upload__dropzone[b-bsurr10cg9] {
    border: 1px dashed var(--color-light-gray-1);
    border-radius: 6px;
    padding: 2.25rem 1rem;
    text-align: center;
    cursor: pointer;
}

.logo-upload__icon[b-bsurr10cg9] {
    display: block;
    margin: 0 auto;
    width: fit-content;
    margin-bottom: 0.5rem;
}

    .logo-upload__icon img[b-bsurr10cg9] {
        width: 1.5rem;
        height: 1.5rem;
    }

.logo-upload__text[b-bsurr10cg9] {
    font-size: 0.875rem;
    color: var(--color-gray);
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}

.logo-upload__button[b-bsurr10cg9] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .logo-upload__button:hover[b-bsurr10cg9] {
        background-color: var(--color-dark-blue);
    }

.project-info__header[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.project-info__title[b-bsurr10cg9] {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.project-info__crumbs[b-bsurr10cg9] {
    flex-wrap: wrap;
}

.project-info__crumb[b-bsurr10cg9] {
    padding: 0 6px;
}

    .project-info__crumb img[b-bsurr10cg9] {
        padding: 0;
        width: 0.75rem;
        height: 1rem;
    }

.project-info__crumb-prev[b-bsurr10cg9] {
    color: var(--color-mid-gray-2);
}

.project-info__status[b-bsurr10cg9] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 12px;
    background-color: var(--color-white);
    padding: 4px;
}

    .project-info__status img[b-bsurr10cg9] {
        width: 1.5rem;
        height: 1.5rem;
    }

.project-info__status-hint[b-bsurr10cg9] {
    position: absolute;
    bottom: -36px;
    right: 0;
    left: 0;
    transform: translate(-50%, 0);
    text-wrap: nowrap;
    visibility: hidden;
    overflow: hidden;
    opacity: 1;
}

.project-info__status-hint_text[b-bsurr10cg9] {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-mid-gray-1);
    padding: 0.25rem 0.5rem;
    background-color: var(--color-white);
    border-radius: 6px;
    border: 1px solid var(--color-light-gray-5);
}

.project-info__status:hover .project-info__status-hint[b-bsurr10cg9] {
    visibility: visible;
    overflow: visible;
    opacity: 1;
}

.project-info__section[b-bsurr10cg9] {
    margin-bottom: 2rem;
}

.project-info__section-title[b-bsurr10cg9] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.project-info__item[b-bsurr10cg9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

    .project-info__item:last-child[b-bsurr10cg9] {
        margin-bottom: 0;
    }

.project-info__item-label[b-bsurr10cg9],
.project-info__item-value[b-bsurr10cg9] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: block;
    width: fit-content;
}

.project-info__item-label[b-bsurr10cg9] {
    color: #656873;
}

.project-info__item-value[b-bsurr10cg9] {
    position: relative;
    color: #000000;
    cursor: context-menu;
    display: block;
}

    .project-info__item-value[b-bsurr10cg9]::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 0%;
        background-color: var(--color-light-gray-2);
    }

    .project-info__item-value:hover[b-bsurr10cg9]::after {
        width: 100%;
    }

.project-info__description[b-bsurr10cg9] {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #000000;
}

.project-info__document-link[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--color-blue);
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 500;
}

    .project-info__document-link img[b-bsurr10cg9] {
        width: 1.5rem;
        height: 1.5rem;
    }

.project-info__participants[b-bsurr10cg9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.project-info__participant[b-bsurr10cg9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.project-info__participant-name[b-bsurr10cg9] {
    font-weight: 500;
}

.project-info__participant-delete[b-bsurr10cg9] {
    background: none;
    border: none;
    color: var(--color-red);
    cursor: pointer;
}

.project-info__add-participant-btn[b-bsurr10cg9] {
    margin-top: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: var(--color-blue);
    color: var(--color-white);
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.project-info__doc_btn-img[b-bsurr10cg9] {
    width: 1.5rem;
    height: 1.5rem;
}

.project-participants__header[b-bsurr10cg9] {
    margin-bottom: 0.5rem;
}

.project-participants__add-btn[b-bsurr10cg9] {
    background: none;
    border: none;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
}

    .project-participants__add-btn.active[b-bsurr10cg9] {
        transform: rotate(45deg);
    }

        .project-participants__add-btn.active path[b-bsurr10cg9] {
            fill: #5B6871;
        }

.project-participants__item[b-bsurr10cg9] {
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--color-light-gray);
}

.project-participants__info[b-bsurr10cg9] {
    margin-bottom: 0.5rem;
}

.project-participants__name[b-bsurr10cg9] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
}

.project-participants__role[b-bsurr10cg9],
.project-participants__email[b-bsurr10cg9] {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-4);
}

.project-participants__actions[b-bsurr10cg9] {
    gap: 1rem;
}

.project-participants__delete-btn[b-bsurr10cg9] {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .project-participants__delete-btn img[b-bsurr10cg9] {
        width: 1rem;
        height: 1rem;
    }

.project-participants__select[b-bsurr10cg9] {
    background-color: transparent;
    border: none;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-4);
    background-position: center right 0px;
}

.project-chat__header[b-bsurr10cg9] {
    padding: 0.875rem 1rem 0.625rem;
}

.project-chat__tabs[b-bsurr10cg9] {
    display: flex;
    gap: 0.6875rem;
}

.project-chat__tab-title[b-bsurr10cg9] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E50;
    text-transform: uppercase;
    font-weight: 600;
}

.project-chat__tab[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #1A1B1E;
    text-transform: uppercase;
    font-weight: 600;
}

.project-chat__menu-btn[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--color-dark-gray);
    text-transform: uppercase;
    font-weight: 600;
}

.project-chat__arrow-down[b-bsurr10cg9] {
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(180deg);
}

.project-chat__messages[b-bsurr10cg9] {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    padding: 1.5rem 0.75rem 1.5rem 1rem;
}

.chat-message[b-bsurr10cg9] {
    display: flex;
    flex-direction: column;
    margin-bottom: .5rem;
}

.chat-message--sent[b-bsurr10cg9] {
    align-items: flex-end;
}

    .chat-message--sent .chat-message__content[b-bsurr10cg9] {
        background-color: var(--color-blue);
        border-radius: 6px 6px 0 6px;
        color: var(--color-white);
    }

    .chat-message--sent .chat-message__content--wrapper[b-bsurr10cg9] {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

.chat-message__avatar[b-bsurr10cg9] {
    min-width: 2rem;
    min-height: 2rem;
    max-width: 2rem;
    max-height: 2rem;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.chat-message__name-time-check[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-message__content--wrapper[b-bsurr10cg9] {
    align-items: flex-end;
    gap: 6px;
    position: relative;
}

.chat-message__content[b-bsurr10cg9] {
    background-color: var(--color-light-gray-4);
    border-radius: 6px 6px 6px 0;
    padding: 0.5rem 1rem;
    max-width: 15rem;
    width: 100%;
}

.chat-message__content--sent[b-bsurr10cg9] {
    background-color: var(--color-blue);
    color: var(--color-white);
}

.chat-message__text[b-bsurr10cg9] {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.chat-message--sent .chat-message__name-time[b-bsurr10cg9] {
    margin-left: 0;
    margin-top: 0;
}

.chat-message__name-time[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-3);
    margin-left: 2.5rem;
    margin-top: 6px;
}

.chat-message__attachment[b-bsurr10cg9] {
    display: flex;
    align-items: flex-end;
    gap: 9px;
    border-radius: .5rem;
    margin-bottom: 0.5rem;
}

.chat-message__locations[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.chat-message__location[b-bsurr10cg9] {
    font-size: 0.625rem;
    line-height: 1rem;
    color: var(--color-dark-gray);
    display: flex;
    align-items: flex-end;
}

.chat-message__location-arrow[b-bsurr10cg9] {
    width: 0.5rem;
    height: 0.875rem;
}

.chat-message__location-link[b-bsurr10cg9] {
    color: var(--color-blue);
}

    .chat-message__location-link:hover[b-bsurr10cg9] {
        text-decoration: underline;
    }

.chat-message__image[b-bsurr10cg9] {
    min-width: 4.5rem;
    min-height: 4.5rem;
    max-width: 4.5rem;
    max-height: 4.5rem;
    border-radius: 6px;
}

.chat-message__status[b-bsurr10cg9] {
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
}

.project-chat__footer[b-bsurr10cg9] {
    display: flex;
    gap: 1rem;
    margin: 1rem;
    position: relative;
}

.project-chat__input[b-bsurr10cg9] {
    flex-grow: 1;
    padding: 0.5rem 2.25rem 0.5rem 1rem;
}

.project-chat__send-btn[b-bsurr10cg9] {
    position: absolute;
    display: block;
    right: .5rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}

    .project-chat__send-btn img[b-bsurr10cg9] {
        width: 1.5rem;
        height: 1.5rem;
    }

.project-chat--wrapper[b-bsurr10cg9] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: calc(100% - 4.5rem);
}

.participants[b-bsurr10cg9] {
    background-color: var(--color-white);
    border: 1px solid var(--color-light-gray);
    border-radius: .5rem;
    padding: 1rem;
    width: 100%;
    max-width: 400px;
}

.participants__header[b-bsurr10cg9] {
    margin-bottom: 1rem;
}

.participants__title[b-bsurr10cg9] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-dark-gray);
}

.participants__close-btn[b-bsurr10cg9] {
    background: none;
    border: none;
    cursor: pointer;
}

    .participants__close-btn img[b-bsurr10cg9] {
        width: 1rem;
        height: 1rem;
    }

.participants__form[b-bsurr10cg9] {
    display: none;
    align-items: center;
    gap: 1rem;
    margin-bottom: .5rem;
}

    .participants__form.active[b-bsurr10cg9] {
        display: flex;
    }

.participants__form-input[b-bsurr10cg9] {
    position: relative;
    display: flex;
    width: 100%;
}

.participants__input[b-bsurr10cg9] {
    flex-grow: 1;
    outline: none;
    width: 100%;
    padding-right: 6.75rem;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 0.375rem;
    max-height: 2.5rem;
}

.participants__select[b-bsurr10cg9] {
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-color: transparent;
    border: none;
}

/* project-info-subfolder */

.project-info-subfolder .project-info__header[b-bsurr10cg9] {
    margin-bottom: 1rem;
}

.project-info-subfolder__header[b-bsurr10cg9] {
    margin-bottom: 2rem;
}

.project-info-subfolder__tabs[b-bsurr10cg9] {
    padding: 0.25rem;
    border-radius: 41px;
    background-color: var(--color-white);
}

.project-info-subfolder__tab[b-bsurr10cg9] {
    padding: 0.25rem 0.75rem;
    border-radius: 45px;
    font-size: 0.875rem;
    line-height: 1.5rem;
    background-color: transparent;
    font-weight: 500;
    color: var(--color-dark-gray);
}

    .project-info-subfolder__tab.active[b-bsurr10cg9] {
        background-color: var(--color-blue);
        color: var(--color-white);
    }

.project-info-subfolder__filters[b-bsurr10cg9] {
    gap: 1rem;
}

.project-info-subfolder__settings[b-bsurr10cg9] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-white);
    border-radius: 12px;
}

.project-info-subfolder__settings-img--wrapper[b-bsurr10cg9] {
    position: relative;
}

.project-info-subfolder__settings img[b-bsurr10cg9] {
    width: 1.5rem;
    height: 1.5rem;
}

.project-info-subfolder__settings-count[b-bsurr10cg9] {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    border: 2px solid var(--color-white);
    border-radius: 0.5rem;
    background-color: var(--color-primary);
    color: var(--color-white);
    font-size: 0.625rem;
    line-height: 0.75rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-weight: 600;
}

.project-info-subfolder__sort[b-bsurr10cg9] {
    padding: 0.5rem 1rem;
    background-color: var(--color-white);
    border-radius: 12px;
    padding-right: 2.625rem;
    border: none;
    cursor: pointer;
}

.project-info-subfolder[b-bsurr10cg9] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 12px;
    margin-left: 0;
    padding: .5rem;
    padding-left: 0;
    width: 73%;
}

.project-info-subfolder__contents[b-bsurr10cg9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.project-info-subfolder__content[b-bsurr10cg9] {
    padding-bottom: 1rem;
    border-bottom: 1px solid #3F3F4120;
}

.project-info-subfolder__toggle-btn[b-bsurr10cg9] {
    gap: 0.5rem;
}

.project-info-subfolder__title[b-bsurr10cg9] {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
    font-weight: 600;
}

.project-info-subfolder__toggle-icon[b-bsurr10cg9] {
    width: 1.25rem;
    height: 1.25rem;
}

.project-info-subfolder__tags[b-bsurr10cg9] {
    gap: 0.75rem;
}

.project-info-subfolder__tag[b-bsurr10cg9],
.project-info-subfolder__card-status[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    background-color: var(--color-light-gray-3);
    font-size: 0.75rem;
    line-height: 1rem;
}

.project-info-subfolder__tag-btn-close[b-bsurr10cg9] {
    width: 1.25rem;
    height: 1.25rem;
}

.project-info-subfolder__list[b-bsurr10cg9] {
    gap: 1.5rem;
    margin-top: 0;
    overflow: hidden;
    height: 0;
    transition: height 0.3s ease;
}

    /* Когда блок развернут */
    .project-info-subfolder__list.active[b-bsurr10cg9] {
        height: auto;
        /* Высота содержимого определяется автоматически */
        overflow: visible;
        margin-top: 1rem;
    }

/* Анимация для стрелки */
.project-info-subfolder__toggle-icon[b-bsurr10cg9] {
    transition: transform 0.3s ease;
    /* Плавное вращение стрелки */
}

.project-info-subfolder__card[b-bsurr10cg9] {
    width: 25%;
}

.project-info-subfolder__card-image-wrapper[b-bsurr10cg9] {
    position: relative;
    border-radius: 12px;
}

.project-info-subfolder__card-image[b-bsurr10cg9] {
    border-radius: 12px;
}

.project-info-subfolder__card-nav[b-bsurr10cg9] {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-color: #ffffff50;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}

    .project-info-subfolder__card-nav img[b-bsurr10cg9] {
        width: 1.5rem;
        height: 1.5rem;
    }

.project-info-subfolder__card-nav--prev[b-bsurr10cg9] {
    left: 4px;
}

.project-info-subfolder__card-nav--next[b-bsurr10cg9] {
    right: 4px;
}

    .project-info-subfolder__card-nav--next img[b-bsurr10cg9] {
        transform: rotate(180deg);
    }

.project-info-subfolder__card-image-wrapper:hover .project-info-subfolder__card-nav--prev[b-bsurr10cg9],
.project-info-subfolder__card-image-wrapper:hover .project-info-subfolder__card-nav--next[b-bsurr10cg9] {
    opacity: 1;
}

.project-info-subfolder__card-content[b-bsurr10cg9] {
    margin-top: 4px;
}

.project-info-subfolder__card-title[b-bsurr10cg9] {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-info-subfolder__card-rating[b-bsurr10cg9] {
    gap: 4px;
}

.project-info-subfolder__card-rating_icon[b-bsurr10cg9] {
    width: 0.75rem;
    height: 0.75rem;
    display: flex;
}

.project-info-subfolder__card-rating_count[b-bsurr10cg9] {
    font-weight: 600;
    color: var(--color-yellow);
    font-size: 0.75rem;
    line-height: 1rem;
}

.project-info-subfolder__card-status[b-bsurr10cg9] {
    padding: 0 0.25rem;
}


.project-info-subfolder__settings-hint[b-bsurr10cg9] {
    position: absolute;
    left: 0;
    top: 44px;
    visibility: hidden;
    opacity: 0;
}

    .project-info-subfolder__settings-hint.active[b-bsurr10cg9] {
        visibility: visible;
        opacity: 1;
    }

.project-info-subfolder__settings-hint_list[b-bsurr10cg9] {
    background-color: var(--color-white);
    border: 1px solid var(--color-light-gray-5);
    padding: 1rem;
    border-radius: 6px;
    text-wrap: nowrap;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.project-info-subfolder__settings-hint_item[b-bsurr10cg9] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.project-info-subfolder__settings-hint_item-text[b-bsurr10cg9] {
    display: block;
}

.project-info-subfolder__object-list[b-bsurr10cg9] {
    display: none;
}

    .project-info-subfolder__object-list.active[b-bsurr10cg9] {
        display: block;
    }

.project-info-subfolder__object-list_content[b-bsurr10cg9] {
    display: flex;
    margin-bottom: 1.5rem;
}

    .project-info-subfolder__object-list_content:last-child[b-bsurr10cg9] {
        margin-bottom: 0;
    }

.project-info-subfolder__info[b-bsurr10cg9] {
    color: var(--color-dark-gray);
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.project-info-subfolder__object[b-bsurr10cg9] {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.project-info-subfolder__info-list[b-bsurr10cg9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 4rem;
}

.project-info-subfolder__info-item[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-info-subfolder__info-label[b-bsurr10cg9] {
    color: #656873;
    min-width: 13.25rem;
}

.project-info-subfolder__info-value[b-bsurr10cg9] {
    position: relative;
    color: #000000;
}

    .project-info-subfolder__info-value[b-bsurr10cg9]::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 0%;
        background-color: var(--color-light-gray-2);
    }

    .project-info-subfolder__info-value:hover[b-bsurr10cg9]::before {
        width: 100%;
    }

.project-info-subfolder__references-title[b-bsurr10cg9] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.project-info-subfolder__references .photos-gallery__items[b-bsurr10cg9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.project-info-subfolder__references .photos-gallery__item[b-bsurr10cg9] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.project-info-subfolder__reference-img[b-bsurr10cg9] {
    border-radius: 12px;
    object-fit: cover;
}

/* controls */
.controls[b-bsurr10cg9] {
    gap: 2.5rem;
}

.controls__checkbox-wrapper[b-bsurr10cg9] {
    gap: 1.5rem;
}

.controls__checkbox-select[b-bsurr10cg9] {
    background-color: transparent;
    border: none;
    padding-right: 24px;
    background-position: center right 0px;
}

.controls__view-btn[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.5rem;
    border-radius: 1rem;
}

    .controls__view-btn.active[b-bsurr10cg9] {
        background-color: var(--color-blue);
    }

        .controls__view-btn.active rect[b-bsurr10cg9] {
            stroke: #ffffff;
        }

/* object-details */

.object-details[b-bsurr10cg9] {
    display: flex;
}

.object-details__checked[b-bsurr10cg9] {
    margin-top: 0.5rem;
}

.object-details__content--wrapper[b-bsurr10cg9] {
    width: 100%;
}

.object-details__content[b-bsurr10cg9] {
    border-bottom: 1px solid #3F3F4120;
}

.object-details__info-btn[b-bsurr10cg9] {
    margin-left: 0.5rem;
    gap: 0.5rem;
}

.object-details__title[b-bsurr10cg9] {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--color-dark-gray);
}

.object-details__dropdown-icon[b-bsurr10cg9] {
    transform: rotate(-90deg);
}

.object-details__actions[b-bsurr10cg9] {
    gap: 0.5rem;
}

.object-details__action_btn[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.object-details__action_btn-count[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-dark-gray);
    background-color: var(--color-white);
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
}

.object-details__tags--wrapper[b-bsurr10cg9] {
    margin-top: 0.25rem;
    margin-bottom: 0.875rem;
}

.object-details__tags[b-bsurr10cg9] {
    gap: 0.75rem;
}

.object-details__tag[b-bsurr10cg9] {
    background-color: var(--color-light-gray-3);
    color: var(--color-dark-gray-2);
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.object-details__tag_close[b-bsurr10cg9] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

.object-details__sent-time--wrapper[b-bsurr10cg9] {
    gap: 3px;
    color: #1A1B1E50;
    font-size: 0.75rem;
    line-height: 1rem;
    margin-left: auto;
}

.object-details__gallery[b-bsurr10cg9] {
    gap: 1.5rem;
    margin-bottom: 1rem;
}

.object-details__card[b-bsurr10cg9] {
    position: relative;
}

.object-details__card-img[b-bsurr10cg9] {
    border-radius: 12px;
}

.object-details__delete-btn[b-bsurr10cg9] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--color-primary);
}

    .object-details__delete-btn img[b-bsurr10cg9] {
        width: 1.125rem;
        height: 1.125rem;
    }

.object-details__show-more[b-bsurr10cg9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: #1A202450;
    color: var(--color-light-gray);
    font-size: 0.875rem;
    line-height: 1.5rem;
    cursor: pointer;
}

    .object-details__show-more:hover[b-bsurr10cg9] {
        background-color: #1A202480;
    }


.object-comments-rating[b-bsurr10cg9] {
    gap: 2.62%;
}

.object-comments[b-bsurr10cg9] {
    position: relative;
    width: 48.68%;
}

.object-rating[b-bsurr10cg9] {
    width: 48.68%;
}

.object-comments__title[b-bsurr10cg9] {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    color: var(--color-dark-gray-2);
}

.object-comment[b-bsurr10cg9] {
    gap: 0.75rem;
}

.object-comment__avatar--wrapper[b-bsurr10cg9] {
    width: 2rem;
    height: 2rem;
}

.object-comment__avatar[b-bsurr10cg9] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 1px solid #00000010;
}

.object-comment__author[b-bsurr10cg9] {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray-2);
}

.object-comment__date[b-bsurr10cg9] {
    color: var(--color-mid-gray-2);
    font-size: 0.75rem;
    line-height: 1rem;
}

.object-comment__text[b-bsurr10cg9] {
    color: var(--color-dark-gray-2);
    margin: 0.5rem 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.object-comment__footer[b-bsurr10cg9] {
    gap: 0.75rem;
}

.object-comment__like-icon[b-bsurr10cg9] {
    width: 1.5rem;
    height: 1.5rem;
}

.object-comment__like-count[b-bsurr10cg9] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-mid-gray-3);
}

.object-comment__reply-btn[b-bsurr10cg9] {
    color: var(--color-mid-gray-3);
    padding: 0 6px;
}

.object-comments__show-all-btn[b-bsurr10cg9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(243, 245, 251, 0) 0%, #F3F5FB 59.9%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.object-comments__show-all-btn_text[b-bsurr10cg9] {
    margin-bottom: 2rem;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.object-rating__summary[b-bsurr10cg9] {
    border: 1px solid var(--color-mid-gray-5);
    border-radius: .5rem;
}

.object-rating__average[b-bsurr10cg9] {
    padding: 0.25rem 1rem;
    font-size: 0.75rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
}

.object-rating__average-text[b-bsurr10cg9] {
    margin-right: 0.25rem;
    opacity: 60%;
}

.object-rating__average-count[b-bsurr10cg9] {
    margin-right: 0.5rem;
}

.object-rating__average-filter[b-bsurr10cg9] {
    width: 1.5rem;
    height: 1.5rem;
}

.object-rating__vote[b-bsurr10cg9] {
    border-left: 1px solid var(--color-mid-gray-5);
    gap: 0.5rem;
    padding: 0.25rem 0.75rem 0.25rem 0.5rem;
}

.object-rating__vote-btn[b-bsurr10cg9] {
    font-size: 0.75rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
    opacity: 60%;
}

.object-rating__vote-icons .object-rating__star-icon[b-bsurr10cg9] {
    cursor: pointer;
}

    .object-rating__vote-icons .object-rating__star-icon:hover[b-bsurr10cg9] {
        background-image: url(../img/svg/Star-full.svg);
    }

.object-rating__stars[b-bsurr10cg9] {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5rem;
    column-gap: 2.25rem;
    margin-top: 0.75rem;
}

.object-rating__star-name[b-bsurr10cg9] {
    color: var(--color-dark-gray);
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 2px;
}

.object-rating__star-icons[b-bsurr10cg9] {
    display: flex;
    align-items: center;
}

.object-rating__star-icon[b-bsurr10cg9] {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../img/svg/Star-empty.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.object-rating__star-icon-half[b-bsurr10cg9] {
    background-image: url(../img/svg/Star-half.svg);
}

.object-rating__star-icon-full[b-bsurr10cg9] {
    background-image: url(../img/svg/Star-full.svg);
}

.project-info-subfolder__object-grid[b-bsurr10cg9] {
    display: none;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

    .project-info-subfolder__object-grid.active[b-bsurr10cg9] {
        display: grid;
    }

.project-info-subfolder__object-grid_card-content--wrapper[b-bsurr10cg9] {
    display: flex;
    gap: 0.5rem;
    margin: 0.75rem 0 1rem;
}

    .project-info-subfolder__object-grid_card-content--wrapper .object-details__info-btn[b-bsurr10cg9] {
        margin-left: 0;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-rating_count[b-bsurr10cg9] {
        font-size: 0.875rem;
        line-height: 1.5rem;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-rating_icon[b-bsurr10cg9] {
        width: 1rem;
        height: 1rem;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-rating[b-bsurr10cg9] {
        margin-bottom: 0.5rem;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-meta[b-bsurr10cg9] {
        gap: 0.75rem;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-status[b-bsurr10cg9] {
        padding: 4px 12px;
    }

.project-info-subfolder__object-grid_card .object-details__actions[b-bsurr10cg9] {
    margin-bottom: 0.5rem;
}

.project-info-subfolder__object-grid_card .object-details__action_btn[b-bsurr10cg9] {
    padding: 0.5rem 0.75rem;
}

.project-info-subfolder-card__header[b-bsurr10cg9] {
    margin-bottom: 1.5rem;
    gap: 0.75rem;
}

.project-info-subfolder-card__header_btn[b-bsurr10cg9],
.project-info-subfolder-card__remove-btn[b-bsurr10cg9],
.project-info-subfolder-card__add-btn[b-bsurr10cg9] {
    padding: 0.25rem 0.5rem;
}

.project-info-subfolder-card__info[b-bsurr10cg9] {
    position: relative;
}

.project-info-subfolder-card__title[b-bsurr10cg9] {
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
}

.project-info-subfolder-card__details[b-bsurr10cg9] {
    max-width: 27.875rem;
    margin-bottom: 1rem;
}

.project-info-subfolder-card__toggle-btn[b-bsurr10cg9] {
    background: linear-gradient(180deg, rgba(243, 245, 251, 0) 0%, #F3F5FB 59.9%);
    position: absolute;
    top: 17px;
    left: 0;
    width: 100%;
    height: 4.5rem;
    max-width: 27.875rem;
    display: none;
    justify-content: center;
    cursor: pointer;
}

    .project-info-subfolder-card__toggle-btn.active[b-bsurr10cg9] {
        display: flex;
    }

    .project-info-subfolder-card__toggle-btn span[b-bsurr10cg9] {
        font-size: 0.875rem;
        line-height: 1.5rem;
        font-weight: 600;
        margin: 15px auto 0;
    }

    .project-info-subfolder-card__toggle-btn.active ~ .project-info-subfolder-card__details[b-bsurr10cg9] {
        height: 5.5rem;
        overflow: hidden;
    }

.project-info-subfolder-card__detail[b-bsurr10cg9] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0.5rem;
}

    .project-info-subfolder-card__detail:last-child[b-bsurr10cg9] {
        margin-bottom: 0;
    }

.project-info-subfolder-card__detail-label[b-bsurr10cg9],
.project-info-subfolder-card__detail-value[b-bsurr10cg9] {
    width: 13.25rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-info-subfolder-card__detail-label[b-bsurr10cg9] {
    color: #656873;
}

.project-info-subfolder-card__detail-value[b-bsurr10cg9] {
    color: #000000;
}

.project-info-subfolder-card__info-btns[b-bsurr10cg9] {
    margin-bottom: 1rem;
    gap: 0.75rem;
}

.project-info-subfolder-card__gallery[b-bsurr10cg9] {
    display: flex;
    align-items: stretch;
    gap: 1.5rem;
}

.project-info-subfolder-card__gallery-item[b-bsurr10cg9] {
    max-width: 16.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.project-info-subfolder-card__gallery-image[b-bsurr10cg9] {
    border-radius: 12px;
}

.project-info-subfolder-card__gallery-image-secondary[b-bsurr10cg9] {
    max-width: 7.625rem;
}

.project-info-subfolder-section-card[b-bsurr10cg9] {
    width: 45.74%;
    margin: 1.25rem 0 0.75rem;
    padding-right: 10px;
}

.project-info-chat-subfolder-section-card[b-bsurr10cg9] {
    width: 30.02%;
    max-height: 100%;
}

.project-info-subfolder-richiesta[b-bsurr10cg9] {
    width: 45.74%;
    padding-right: 10px;
    margin-bottom: 0.75rem;
}

.project-info-subfolder-richiesta__header[b-bsurr10cg9] {
    padding: 1rem;
    padding-bottom: 0.75rem;
    background-color: var(--color-white);
    border-radius: 0 0 6px 6px;
    margin-bottom: 1.5rem;
}

.project-info-subfolder-richiesta__header_btn-back[b-bsurr10cg9] {
    gap: 0.75rem;
}

.project-info-subfolder-richiesta__header_btn-back-img[b-bsurr10cg9] {
    width: 1.5rem;
    height: 1.5em;
}

.project-info-subfolder-richiesta__header_btn-back-text[b-bsurr10cg9] {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #000000;
}

.project-info-subfolder-richiesta__header_status[b-bsurr10cg9] {
    padding: 0.25rem 0.75rem;
    background-color: var(--color-light-gray-3);
    border-radius: 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
    margin-left: 2rem;
}

.project-info-subfolder-richiesta__header_btn-cancellazione[b-bsurr10cg9] {
    padding: 0.25rem 0.875rem;
    margin-left: auto;
}

.project-info-subfolder-card__user[b-bsurr10cg9] {
    margin: 2rem 0 1.125rem;
    gap: 0.75rem;
}

.project-info-subfolder-card__user_img--wrapper[b-bsurr10cg9],
.project-info-subfolder-card__user_img[b-bsurr10cg9] {
    width: 2rem;
    height: 2rem;
}

.project-info-subfolder-card__user_img[b-bsurr10cg9] {
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.project-info-subfolder-card__user_name[b-bsurr10cg9] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray-2);
}

.project-info-subfolder-card__user_name-date[b-bsurr10cg9] {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-2);
}

.create-project-modal-richiesta-oggetto__content[b-bsurr10cg9] {
    max-width: 45.75rem;
    padding: 1rem;
    width: 100%;
}

    .create-project-modal-richiesta-oggetto__content .create-project-modal__header[b-bsurr10cg9] {
        margin-bottom: 1.25rem;
    }

.editor-container[b-bsurr10cg9] {
    border: 1px solid var(--color-light-gray-3);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px;
}

.editor-toolbar[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    background: #f9f9f9;
    border-bottom: 1px solid var(--color-light-gray-3);
    padding: 0.5rem 0.75rem;
}

.editor-toolbar__group[b-bsurr10cg9] {
    display: flex;
    align-items: center;
}

.editor-toolbar__group-link[b-bsurr10cg9] {
    min-width: 1px;
    max-width: 1px;
    height: 1rem;
    background-color: var(--color-light-gray-2);
    margin: 0 0.5rem;
}

.editor-toolbar__button[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 1.5rem;
    min-height: 1.5rem;
    max-height: 1.5rem;
    max-height: 1.5rem;
    cursor: pointer;
}

    .editor-toolbar__button svg[b-bsurr10cg9] {
        min-height: 1.5rem;
        min-height: 1.5rem;
        max-height: 1.5rem;
        max-height: 1.5rem;
    }

.editor-toolbar__select[b-bsurr10cg9] {
    font-family: inherit;
    border: none;
    background-color: transparent;
    font-size: 0.875rem;
    line-height: 1.5rem;
    padding-right: 1.5rem;
    cursor: pointer;
    background-image: url(../img/svg/arrow-chevron.svg);
    background-position: center right 0px;
}

.editor-content[b-bsurr10cg9] {
    min-height: 3.375rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.create-project-modal-presentation-settings__content[b-bsurr10cg9] {
    max-width: 33.375rem;
    width: 100%;
    padding: 1rem 2.25rem;
}

.presentation-settings__subtitle[b-bsurr10cg9] {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.presentation-settings__locations[b-bsurr10cg9] {
    margin-bottom: 2rem;
}

.presentation-settings__checkbox .checkbox__custom[b-bsurr10cg9] {
    width: 1rem;
    height: 1rem;
}

.presentation-settings__checkbox .checkbox__custom-no-all[b-bsurr10cg9]::before {
    content: "";
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 1px;
    background-color: var(--color-dark-gray);
    background-image: none;
}

.presentation-settings__access .presentation-settings__subtitle[b-bsurr10cg9] {
    margin-bottom: 0.75rem;
}

.presentation-settings__select[b-bsurr10cg9] {
    border: 1px solid var(--color-light-gray-2);
    border-radius: 6px;
    padding: 0.5rem 1rem;
    padding-right: 2.5rem;
    background-position: center right 0px;
}

.popup__submit-btn_view-present[b-bsurr10cg9] {
    margin: 3rem 0 1rem;
}

.presentation-settings__sub-locations-list-enclosure[b-bsurr10cg9] {
    margin-left: 1.25rem;
}

.presentation-settings__link[b-bsurr10cg9] {
    margin: 1rem -2.25rem -1rem;
    padding: 0.75rem 2.25rem;
    background-color: var(--color-background-main);
    border-radius: 0 0 6px 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.presentation-settings__link_title[b-bsurr10cg9] {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-bottom: 0.25rem;
}

.presentation-settings__link-input[b-bsurr10cg9] {
    font-size: 1.125rem;
    line-height: 140%;
}

.presentation-settings__copy-btn[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
}

/* Просмотр изображений «Билли» */
.image-viewer-modal[b-bsurr10cg9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-background-main);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

    .image-viewer-modal.active[b-bsurr10cg9] {
        display: flex;
    }

.image-viewer-modal__content[b-bsurr10cg9] {
    max-width: 72.25rem;
}

.image-viewer-modal__header[b-bsurr10cg9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.image-viewer-modal__content-flex[b-bsurr10cg9] {
    display: flex;
    gap: 15.49%;
    width: 100%;
}

.image-viewer-modal__content-left[b-bsurr10cg9] {
    width: 55.67%;
}

.image-viewer-modal__content-right[b-bsurr10cg9] {
    width: 28.83%;
}

.image-viewer-modal__image--wrapper[b-bsurr10cg9] {
    margin-bottom: 1.5rem;
}

.image-viewer-modal__image[b-bsurr10cg9] {
    display: none;
    border-radius: 12px;
}

    .image-viewer-modal__image.active[b-bsurr10cg9] {
        display: block;
    }

.image-viewer-modal__image-count[b-bsurr10cg9] {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.image-viewer-modal__image-controls[b-bsurr10cg9] {
    margin-left: 0.75rem;
    gap: 0.5rem;
}

.image-viewer-modal__btn[b-bsurr10cg9] {
    width: 1.5rem;
    height: 1.5rem;
}

.image-viewer-modal__next-btn[b-bsurr10cg9] {
    transform: rotate(180deg);
}

.image-viewer-modal__catalog-btn[b-bsurr10cg9] {
    margin-left: auto;
    padding: 0.25rem 0.5rem;
}

.image-viewer-modal__comments-title[b-bsurr10cg9] {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
}

.image-viewer-modal__comment-sent[b-bsurr10cg9] {
    margin: 1rem 0 1.5rem 2.75rem;
}

.image-viewer-modal__comment-form--wrapper[b-bsurr10cg9] {
    gap: 0.75rem;
}

.image-viewer-modal__comment-form-avatar[b-bsurr10cg9] {
    min-width: 2rem;
    min-height: 2rem;
    max-width: 2rem;
    max-height: 2rem;
}

    .image-viewer-modal__comment-form-avatar img[b-bsurr10cg9] {
        border-radius: 50%;
        min-width: 2rem;
        min-height: 2rem;
        max-width: 2rem;
        max-height: 2rem;
    }

.image-viewer-modal__comment-form[b-bsurr10cg9] {
    flex-grow: 1;
}

.image-viewer-modal__comment-input[b-bsurr10cg9] {
    margin-bottom: 0.75rem;
    width: 100%;
    max-width: 18.25rem;
    min-height: 3rem;
    max-height: 100%;
    padding: 6px 12px;
}

.image-viewer-modal__comment-submit[b-bsurr10cg9] {
    padding: 0.25rem 0.5rem;
}

.project-info-subfolder-application[b-bsurr10cg9] {
    width: 73%;
    margin-bottom: 0.5rem;
    height: calc(100% - 0.5rem);
}

.project-info-subfolder-application__header_btns[b-bsurr10cg9] {
    gap: 0.5rem;
}

.project-info-subfolder-application__item[b-bsurr10cg9] {
    display: flex;
    flex-direction: column;
    margin-left: 1.25rem;
    height: 100%;
}

.project-info-subfolder-application__item-user[b-bsurr10cg9] {
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.project-info-subfolder-application__item-content[b-bsurr10cg9] {
    display: flex;
    gap: 4.375rem;
    height: 100%;
}

.project-info-subfolder-application__item-content-left[b-bsurr10cg9] {
    width: 30.26%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 5.5rem);
}

.project-info-subfolder-application__item-content_card[b-bsurr10cg9] {
    margin-bottom: 1.5rem;
}

    .project-info-subfolder-application__item-content_card:last-child[b-bsurr10cg9] {
        margin-bottom: 0;
    }

.project-info-subfolder-application__item-content_card-img--wrapper[b-bsurr10cg9] {
    position: relative;
}

.project-info-subfolder-application__item-content_card-img[b-bsurr10cg9] {
    border-radius: 12px;
}

.project-info-subfolder-application__item-content_card-status[b-bsurr10cg9] {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px 0 12px 0;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-white);
}

.project-info-subfolder-application__item-content_card-status-refusal[b-bsurr10cg9] {
    background-color: var(--color-red);
}

.project-info-subfolder-application__item-content_card-status-penetrated[b-bsurr10cg9] {
    background-color: var(--color-blue);
}

.project-info-subfolder-application__item-content_card-status-requested[b-bsurr10cg9] {
    background-color: var(--color-goblue);
}

.project-info-subfolder-application__item-content_card-settings[b-bsurr10cg9] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ffffff50;
    cursor: pointer;
}

    .project-info-subfolder-application__item-content_card-settings:hover[b-bsurr10cg9] {
        background-color: #ffffff80;
    }

    .project-info-subfolder-application__item-content_card-settings img[b-bsurr10cg9] {
        width: 1.5rem;
        height: 1.5em;
    }

.project-info-subfolder-application__item-content-right[b-bsurr10cg9] {
    width: 54.86%;
}

.project-info-subfolder-application__item-content_card-btns[b-bsurr10cg9] {
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.project-info-subfolder-application__item-content_card-btn[b-bsurr10cg9] {
    padding: 0.25rem 0.625rem;
}

.project-info-subfolder-application__item-content-right .image-viewer-modal__comment-input[b-bsurr10cg9] {
    max-width: 30rem;
}

.project-error-title-modal .project-error-title-modal__text[b-bsurr10cg9] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin: 1rem 0;
}

.project-error-title-modal__checkbox[b-bsurr10cg9] {
    margin-bottom: 1rem;
}
/* _content/WebUI/Components/Pages/Projects/LocationComponent.razor.rz.scp.css */
body[b-r0kueysidc] {
}
/* _content/WebUI/Components/Pages/Projects/Presentation.razor.rz.scp.css */
.michelin-article[b-em0qwatakh] {
    display: flex;
    gap: 2.25rem;
    height: calc(100vh - 6.5rem);
    margin: 1.5rem 3.25rem 1.25rem 2rem;
}

.michelin__header[b-em0qwatakh] {
    padding: 0.375rem 2rem;
    background-color: var(--color-white);
}

.michelin__header-left[b-em0qwatakh] {
    gap: 1.5rem;
}

.michelin__header-left_btn-burger[b-em0qwatakh],
.michelin__header-left_btn-burger img[b-em0qwatakh] {
    width: 1.5rem;
    height: 1.5rem;
}

.michelin__header-left_logo--wrapper[b-em0qwatakh] {
}

.michelin__header-left_logo[b-em0qwatakh] {
    width: 2.25rem;
    height: 2.25rem;
}

.michelin__header-left_title[b-em0qwatakh] {
    font-size: 2.25rem;
    line-height: 3rem;
    color: var(--color-black);
    font-weight: bold;
}

.michelin__header-right[b-em0qwatakh] {
    gap: 0.75rem;
}

.michelin__header-right_btn[b-em0qwatakh] {
    padding: 0.25rem 0.75rem;
}

.michelin__header-right_btn--share[b-em0qwatakh] {
    padding: 0;
}


/* sidebar-locations */

.michelin-sidebar[b-em0qwatakh] {
    width: 18.59%;
    background-color: var(--color-white);
    padding: 1rem;
    border-radius: 12px;
    color: var(--color-dark-gray);
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 1.5rem);
}

.michelin-content[b-em0qwatakh] {
    width: 81%;
    position: relative;
}

.sidebar-locations[b-em0qwatakh] {
    width: 100%;
    margin-top: 30px;
}

.sidebar-locations-block[b-em0qwatakh] {
    position: relative;
    z-index: 10;
}

    .sidebar-locations-block.active[b-em0qwatakh]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -23px;
        margin: auto 0;
        background-color: var(--color-light-gray-3);
        width: calc(100% + 23px);
        height: 100%;
        padding: 6px;
        border-radius: 8px;
        z-index: -1;
    }

.sidebar-locations__header[b-em0qwatakh] {
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 1rem;
}

.sidebar-locations__title--wrapper[b-em0qwatakh] {
    flex-grow: 1;
    justify-content: space-between;
}

.sidebar-locations__group[b-em0qwatakh] {
    margin-bottom: 1rem;
}

.sidebar-locations__group-header[b-em0qwatakh] {
    justify-content: space-between;
    margin-bottom: 0.5rem;
    margin-left: 15px;
    gap: 8px;
}

.sidebar-locations__group-title--wrapper[b-em0qwatakh] {
    justify-content: space-between;
    flex-grow: 1;
}

.sidebar-locations__title[b-em0qwatakh] {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.sidebar-locations__group-title[b-em0qwatakh] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-transform: uppercase;
}

.sidebar-locations__toggle-btn img[b-em0qwatakh],
.sidebar-locations__options-btn img[b-em0qwatakh] {
    width: 1.5rem;
    height: 1.5rem;
}

.sidebar-locations__item[b-em0qwatakh] {
    color: var(--color-dark-gray);
    padding: 0.625rem 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
    position: relative;
    z-index: 10;
    cursor: pointer;
}

    .sidebar-locations__item[b-em0qwatakh]::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 200%;
        height: 1px;
        background-color: var(--color-mid-gray-4);
    }

    .sidebar-locations__item.active[b-em0qwatakh] {
        font-weight: bold;
    }

        .sidebar-locations__item.active[b-em0qwatakh]::after {
            display: none;
        }

        .sidebar-locations__item.active[b-em0qwatakh]::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: -4px;
            margin: auto 0;
            background-color: var(--color-light-gray-3);
            width: calc(100% + 8px);
            max-height: 2.25rem;
            height: 100%;
            border-radius: 8px;
            z-index: -1;
        }

.sidebar-locations__desc[b-em0qwatakh] {
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 12px 16px;
}

.sidebar-locations__add-location-btn[b-em0qwatakh] {
    width: 100%;
    margin-top: 3.5625rem;
}

.project-info__crumbs[b-em0qwatakh] {
    flex-wrap: wrap;
}

.project-info__crumb[b-em0qwatakh] {
    padding: 0 6px;
}

.project-info__title[b-em0qwatakh] {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.project-info__crumb-prev[b-em0qwatakh] {
    color: var(--color-mid-gray-2);
}

.object-rating__summary[b-em0qwatakh] {
    border: 1px solid var(--color-mid-gray-5);
    border-radius: 8px;
}

.object-rating__average[b-em0qwatakh] {
    padding: 0.25rem 1rem;
    font-size: 0.75rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
}

.object-rating__average-text[b-em0qwatakh] {
    margin-right: 0.25rem;
    opacity: 60%;
}

.object-rating__average-count[b-em0qwatakh] {
    margin-right: 0.5rem;
}

.object-rating__average-filter[b-em0qwatakh] {
    width: 1.5rem;
    height: 1.5rem;
}

.object-rating__vote[b-em0qwatakh] {
    border-left: 1px solid var(--color-mid-gray-5);
    gap: 0.5rem;
    padding: 0.25rem 0.75rem 0.25rem 0.5rem;
}

.object-rating__vote-btn[b-em0qwatakh] {
    font-size: 0.75rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
    opacity: 60%;
}

.object-rating__vote-icons .object-rating__star-icon[b-em0qwatakh] {
    cursor: pointer;
}

    .object-rating__vote-icons .object-rating__star-icon:hover[b-em0qwatakh] {
        background-image: url(../img/svg/Star-full.svg);
    }

.object-rating__stars[b-em0qwatakh] {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5rem;
    column-gap: 2.25rem;
    margin-top: 0.75rem;
}

.object-rating__star-name[b-em0qwatakh] {
    color: var(--color-dark-gray);
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 2px;
}

.object-rating__star-icons[b-em0qwatakh] {
    display: flex;
    align-items: center;
}

.object-rating__star-icon[b-em0qwatakh] {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../img/svg/Star-empty.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.object-rating__star-icon-half[b-em0qwatakh] {
    background-image: url(../img/svg/Star-half.svg);
}

.object-rating__star-icon-full[b-em0qwatakh] {
    background-image: url(../img/svg/Star-full.svg);
}

.michelin-content__list[b-em0qwatakh] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    height: 94%;
}

.michelin-content__item[b-em0qwatakh] {
}

.michelin-content__item_header-status[b-em0qwatakh] {
    background-color: var(--color-light-gray-3);
    color: var(--color-dark-gray-2);
    padding: 0.25rem 0.75rem;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.michelin-content__item_header[b-em0qwatakh] {
}

.michelin-content__item_header--left[b-em0qwatakh] {
    gap: 0.5rem;
}

.michelin-content__item_header-title[b-em0qwatakh] {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: var(--color-black);
    text-transform: uppercase;
}

.michelin-content__item_header--right[b-em0qwatakh] {
    gap: 1.5rem;
}

.michelin-content__item_info--wrapper[b-em0qwatakh] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-top: 0.75rem;
}

.michelin-content__item_info[b-em0qwatakh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-dark-gray);
    font-size: 0.75rem;
}

.michelin-content__item_info--title[b-em0qwatakh] {
    opacity: 50%;
}

.michelin-content__item_header-btn-comment[b-em0qwatakh] {
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    background-color: var(--color-light-gray-1);
    gap: 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-black);
}

    .michelin-content__item_header-btn-comment:hover[b-em0qwatakh] {
        opacity: 80%;
    }

    .michelin-content__item_header-btn-comment img[b-em0qwatakh] {
        width: 1.25rem;
        height: 1.25rem;
    }


.michelin-content__item_gallery[b-em0qwatakh] {
    margin-top: 1.5rem;
}

.michelin-content__item_gallery-grid[b-em0qwatakh] {
    display: flex;
    flex-direction: column;
    gap: 1.375rem;
}

.michelin-content__item_gallery-item[b-em0qwatakh] {
    border-radius: 12px;
    overflow: hidden;
}

    .michelin-content__item_gallery-item img[b-em0qwatakh] {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
    }

.michelin-content__item_gallery-item--flex[b-em0qwatakh] {
    display: flex;
    flex-direction: column;
    gap: 1.375rem;
}

.michelin-content__item_gallery-grid--top[b-em0qwatakh],
.michelin-content__item_gallery-grid--bot[b-em0qwatakh] {
    display: flex;
    gap: 1.375rem;
}

.michelin-content__item_gallery-grid--bot[b-em0qwatakh] {
}

.michelin-content__item_gallery-item:nth-child(1)[b-em0qwatakh] {
    min-width: 40.35%;
}

.michelin-content__item_gallery-item:nth-child(2)[b-em0qwatakh] {
    min-width: 23.29%;
}

.michelin-content__item_gallery-item:nth-child(3)[b-em0qwatakh] {
    min-width: 23.29%;
}

.michelin-content__item_gallery-item:nth-child(4)[b-em0qwatakh] {
    min-width: 31.87%;
}

.michelin-content__item_gallery-grid--bot .michelin-content__item_gallery-item:nth-child(1)[b-em0qwatakh] {
    min-width: 31.87%;
}

.michelin-content__item_gallery-grid--bot .michelin-content__item_gallery-item:nth-child(2)[b-em0qwatakh] {
    min-width: 31.87%;
}

.michelin-content__item_gallery-grid--bot .michelin-content__item_gallery-item:nth-child(3)[b-em0qwatakh] {
    min-width: 31.87%;
}

.popup-comment[b-em0qwatakh] {
    position: absolute;
    display: none;
    right: 0;
    top: 80px;
    padding-left: 1.875rem;
    padding-right: 2.625rem;
    background-color: var(--color-light-gray-1);
    height: 93%;
}

    .popup-comment.active[b-em0qwatakh] {
        display: block;
    }

.popup-comment__close-btn[b-em0qwatakh] {
    position: absolute;
    top: 0;
    left: -33px;
    padding: 9px 15px 9px 8px;
    border-radius: 0.5rem 0 0 0.5rem;
    background-color: var(--color-light-gray-1);
}

    .popup-comment__close-btn img[b-em0qwatakh] {
        width: 1.25rem;
        height: 1.25rem;
    }

/* michelin-card */

.michelin-card-article[b-em0qwatakh] {
}

.michelin-card__header[b-em0qwatakh] {
    padding: 0.875rem 2rem;
    background-color: var(--color-white);
}

.michelin-card__header-left_title[b-em0qwatakh] {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--color-black);
}

.michelin-card-article .project-info__title[b-em0qwatakh] {
    color: var(--color-black);
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.michelin-content__name-folder--title[b-em0qwatakh] {
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--color-black);
    font-weight: 600;
    margin-bottom: 2px;
}

.popup-comment .image-viewer-modal__comment-input[b-em0qwatakh] {
    width: 100%;
    max-width: 23.25rem;
}

.popup-comment .image-viewer-modal__comments-section[b-em0qwatakh] {
    max-width: 25.875rem;
}

.michelin-card-preview-article[b-em0qwatakh] {
    height: 100vh;
    padding: 1.5rem 2rem;
    margin: 0;
    background-color: var(--color-white);
}

    .michelin-card-preview-article .michelin-content[b-em0qwatakh] {
        width: 100%;
    }
/* _content/WebUI/Components/Pages/Projects/ProjectAddonsPicker.razor.rz.scp.css */
.modal-overlay[b-gwy93i4kku] {
    position: fixed;
    inset: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.45);
    z-index: 999;
}

.modal-overlay.show[b-gwy93i4kku] {                   
    display: flex;
}

.modal-window[b-gwy93i4kku] {
    width: clamp(320px, 90vw, 640px);
    max-height: 80vh;
    background: #F3F5FB;
    border-radius: 12px;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 15px 20px;
    box-sizing: border-box;
}

.modal-header[b-gwy93i4kku] {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #E6E9F0;
    position: relative;
    padding:0px 0px 20px;
    
}

.modal-header h2[b-gwy93i4kku] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-close[b-gwy93i4kku] {
    background: none;
    border: none;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
    position: absolute;
    left: 95%;
    color: #002266;
}

.modal-body[b-gwy93i4kku] {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.modal-item[b-gwy93i4kku],
.confirm-item[b-gwy93i4kku] {
    display: flex;
    padding: 10px;
    border: 1px solid #D5DADD;
    background: #FFFFFF;
    border-radius: 8px;
    justify-content: space-between;
}

.modal-item:last-child[b-gwy93i4kku] {
    border-bottom: none;
}

.item-thumb img[b-gwy93i4kku] {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 12px;
}

.item-info[b-gwy93i4kku] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.item-container[b-gwy93i4kku]{
    display: flex;
    gap: 10px;
}
.meta[b-gwy93i4kku]{
    display: flex;
    gap: 30px;
}
.service-count[b-gwy93i4kku]{
    color: #4C68D7;
}

.item-title[b-gwy93i4kku] {
    margin: 0 0 .4rem;
    font-weight: 600;
}

.item-controls[b-gwy93i4kku] {
    display: flex;
    flex-wrap: nowrap;
    gap: .4rem .6rem;
    font-size: .875rem;
    color: #6F7689;
}

.counter[b-gwy93i4kku] {
    display: flex;
    align-items: center;
    gap: .3rem;
}

.counter button[b-gwy93i4kku] {
    width: 24px;
    height: 24px;
    border: 1.6px solid #2957FF;
    background: none;
    border-radius: 50%;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    transition: all .2s ease;
}

.counter button:hover[b-gwy93i4kku] {
    background: #2957FF;
    color: #ffffff;
}

.counter .value[b-gwy93i4kku] {
    min-width: 14px;
    text-align: center;
    font-weight: 500;
    color: #4C68D7;
}

.item-price[b-gwy93i4kku] {
    margin-top: .2rem;
    white-space: nowrap;
    font-weight: 600;
    color: #4C68D7;
}
.serviceStatus[b-gwy93i4kku]{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.btn-add[b-gwy93i4kku] {
    margin-top: .5rem;
    width: 168px;
    padding: .45rem .9rem;
    font-size: .875rem;
    background: #4C68D7;
    color: #ffffff;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all .2s ease;
    box-sizing: border-box;
}

.btn-add:hover[b-gwy93i4kku] {
    background: #1e47d6;
}

.btn-add.added[b-gwy93i4kku] {
    color: #34C759;
    background-color: transparent;
    box-shadow: 0 0 0 1px #34C759;
}

.btn-add.added:hover[b-gwy93i4kku] {
    color: #34C759;
}

.modal-footer[b-gwy93i4kku],
.confirm-actions[b-gwy93i4kku] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    padding: 20px 0px 5px 0px;
}
.confirm-actions[b-gwy93i4kku]{
    justify-content: end;
}

.btn-confirm[b-gwy93i4kku],
.btn-back[b-gwy93i4kku],
.btn-checkout[b-gwy93i4kku] {
    padding: .45rem 1.1rem;
    font-size: .9rem;
    border: none;
    border-radius: 12px;
    cursor: pointer;
}

.btn-confirm[b-gwy93i4kku],
.btn-checkout[b-gwy93i4kku] {
    background: #4C68D7;
    color: #ffffff;
}
.btn-confirm:hover[b-gwy93i4kku],
.btn-checkout:hover[b-gwy93i4kku] {
    background: #1e47d6;
}

.btn-back[b-gwy93i4kku] {
    background: #ffffff;
    color: #252C32;
    border: 1px solid #E6E9F0;
}

.btn-back:hover[b-gwy93i4kku] {
    background: #f1f1f1;
}
.total[b-gwy93i4kku] {
    margin: 1rem 0;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 600;
}

.total b[b-gwy93i4kku] {
    color: #2957FF;
}
/* _content/WebUI/Components/Pages/Projects/ProjectChat.razor.rz.scp.css */
.project-chat[b-d9vwkjxbwk] {
    width: 0;
    /* right: -25rem;*/
    position: relative;
    background-color: var(--color-white);
    border-radius: 6px 0 0 6px;
    height: 100%;
    max-height: 44.75rem;
    transition: all 0.8s ease;
    z-index: 100;
}

    .project-chat.active[b-d9vwkjxbwk] {
        width: 30rem;
        /*right: 0;*/
    }

.project-chat-close[b-d9vwkjxbwk] {
    position: absolute;
    top: 20px;
    left: -2.5rem;
    background-color: var(--color-white);
    min-width: 2.5rem;
    max-width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    padding: .5rem;
    padding-right: 10px;
    gap: 10px;
    justify-content: center;
    border-radius: .5rem 0 0 .5rem;
    cursor: pointer;
}

    .project-chat-close img[b-d9vwkjxbwk],
    .project-chat-trigger__btn img[b-d9vwkjxbwk] {
        width: 1.25rem;
        height: 1.25rem;
    }

.project-chat-trigger[b-d9vwkjxbwk] {
    position: fixed;
    top: 1.25rem;
    right: 0;
    z-index: 50;
}

.project-chat-trigger__btn[b-d9vwkjxbwk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: var(--color-white);
    border: none;
    border-radius: .5rem 0 0 .5rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    z-index: -1;
}

.project-chat-close-text[b-d9vwkjxbwk] {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-chat__header[b-d9vwkjxbwk] {
    padding: 0.875rem 1rem 0.625rem;
}

.project-chat__tabs[b-d9vwkjxbwk] {
    display: flex;
    gap: 0.6875rem;
}

.project-chat__tab-title[b-d9vwkjxbwk] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E50;
    text-transform: uppercase;
    font-weight: 600;
}

.project-chat__tab[b-d9vwkjxbwk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #1A1B1E;
    text-transform: uppercase;
    font-weight: 600;
}

.project-chat__menu-btn[b-d9vwkjxbwk] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--color-dark-gray);
    text-transform: uppercase;
    font-weight: 600;
}

.project-chat__arrow-down[b-d9vwkjxbwk] {
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(180deg);
}

.project-chat__messages[b-d9vwkjxbwk] {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    padding: 1.5rem 0.75rem 1.5rem 1rem;
}

.chat-message[b-d9vwkjxbwk] {
    display: flex;
    flex-direction: column;
    margin-bottom: .5rem;
}

.chat-message--sent[b-d9vwkjxbwk] {
    align-items: flex-end;
}

    .chat-message--sent .chat-message__content[b-d9vwkjxbwk] {
        background-color: var(--color-blue);
        border-radius: 6px 6px 0 6px;
        color: var(--color-white);
    }

    .chat-message--sent .chat-message__content--wrapper[b-d9vwkjxbwk] {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

.chat-message__avatar[b-d9vwkjxbwk] {
    min-width: 2rem;
    min-height: 2rem;
    max-width: 2rem;
    max-height: 2rem;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.chat-message__name-time-check[b-d9vwkjxbwk] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-message__content--wrapper[b-d9vwkjxbwk] {
    align-items: flex-end;
    gap: 6px;
    position: relative;
}

.chat-message__content[b-d9vwkjxbwk] {
    background-color: var(--color-light-gray-4);
    border-radius: 6px 6px 6px 0;
    padding: 0.5rem 1rem;
    max-width: 15rem;
    width: 100%;
}

.chat-message__content--sent[b-d9vwkjxbwk] {
    background-color: var(--color-blue);
    color: var(--color-white);
}

.chat-message__text[b-d9vwkjxbwk] {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.chat-message--sent .chat-message__name-time[b-d9vwkjxbwk] {
    margin-left: 0;
    margin-top: 0;
}

.chat-message__name-time[b-d9vwkjxbwk] {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-3);
    margin-left: 2.5rem;
    margin-top: 6px;
}

.chat-message__attachment[b-d9vwkjxbwk] {
    display: flex;
    align-items: flex-end;
    gap: 9px;
    border-radius: .5rem;
    margin-bottom: 0.5rem;
}

.chat-message__locations[b-d9vwkjxbwk] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.chat-message__location[b-d9vwkjxbwk] {
    font-size: 0.625rem;
    line-height: 1rem;
    color: var(--color-dark-gray);
    display: flex;
    align-items: flex-end;
}

.chat-message__location-arrow[b-d9vwkjxbwk] {
    width: 0.5rem;
    height: 0.875rem;
}

.chat-message__location-link[b-d9vwkjxbwk] {
    color: var(--color-blue);
}

    .chat-message__location-link:hover[b-d9vwkjxbwk] {
        text-decoration: underline;
    }

.chat-message__image[b-d9vwkjxbwk] {
    min-width: 4.5rem;
    min-height: 4.5rem;
    max-width: 4.5rem;
    max-height: 4.5rem;
    border-radius: 6px;
}

.chat-message__status[b-d9vwkjxbwk] {
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
}

.project-chat__footer[b-d9vwkjxbwk] {
    display: flex;
    gap: 1rem;
    margin: 1rem;
    position: relative;
}

.project-chat__input[b-d9vwkjxbwk] {
    flex-grow: 1;
    padding: 0.5rem 2.25rem 0.5rem 1rem;
}

.project-chat__send-btn[b-d9vwkjxbwk] {
    position: absolute;
    display: block;
    right: .5rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}

    .project-chat__send-btn img[b-d9vwkjxbwk] {
        width: 0;
        height: 1.5rem;
    }

.active .project-chat__send-btn img[b-d9vwkjxbwk] {
    width: 1.5rem;
    height: 1.5rem;
}

.project-chat--wrapper[b-d9vwkjxbwk] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: calc(100% - 4.5rem);
}
/* _content/WebUI/Components/TopBar.razor.rz.scp.css */

.topbar[b-990s4w4ynk] {
    width: 100%;
    padding: .5rem 0;
    display: flex;
    align-items: stretch;
    gap: 1rem;
}

.topbar__location[b-990s4w4ynk],
.topbar__project[b-990s4w4ynk],
.topbar__toggle[b-990s4w4ynk] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.topbar__icon[b-990s4w4ynk] {
    width: 24px;
    height: 24px;
}

.topbar__location[b-990s4w4ynk],
.topbar__project[b-990s4w4ynk],
.topbar__toggle-search[b-990s4w4ynk] {
    white-space: nowrap;
}

.topbar__project[b-990s4w4ynk],
.topbar__settings[b-990s4w4ynk],
.topbar__toggle-search[b-990s4w4ynk] {
    background-color: var(--color-white);
    border-radius: .5rem;
}

.topbar__project[b-990s4w4ynk]          { padding: 4px 1rem; }
.topbar__project_text[b-990s4w4ynk]     { font-size: .625rem; line-height: .625rem; color: var(--color-mid-gray-4); }
.topbar__project_text-city[b-990s4w4ynk]{ color: var(--color-blue); }

.topbar__toggle-search[b-990s4w4ynk] {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 6px 6px 6px 1rem;
}

.topbar__toggle[b-990s4w4ynk] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border-radius: 12px;
}

.topbar__toggle:hover[b-990s4w4ynk] {
    background-color: var(--color-light-gray);
}

.topbar__toggle-popup-hint[b-990s4w4ynk] {
    position: absolute;
    bottom: -37px;
    left: 50%;
    transform: translate(-50%, 0%);
    padding: 4px .5rem;
    color: var(--color-mid-gray-1);
    border: 1px solid var(--color-light-gray-5);
    background-color: var(--color-white);
    border-radius: 6px;
    width: fit-content;
    display: none;
}

.topbar__toggle-popup-hint_text[b-990s4w4ynk] { display: block; }

.topbar__toggle:hover .topbar__toggle-popup-hint[b-990s4w4ynk] { display: block; }

.topbar__search--wrapper[b-990s4w4ynk] { }

.topbar__btn_search[b-990s4w4ynk] {
    background-color: var(--color-light-gray);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    margin-right: .5rem;
}

.topbar__btn_search.active[b-990s4w4ynk]       { background-color: var(--color-medium-blue); }
.topbar__btn_search.active path[b-990s4w4ynk]  { fill: var(--color-white); }

.topbar__btn_search-img[b-990s4w4ynk] {
    align-items: center;
    gap: 6px;
    background-color: var(--color-light-gray);
    padding: .5rem 1rem;
    border-radius: 12px;
    border: 1px dashed var(--color-blue);
}

.topbar__btn_search-img.active[b-990s4w4ynk] {
    background-color: var(--color-medium-blue);
    border-color: var(--color-medium-blue);
    color: var(--color-white);
}

/* Шестерёнка настроек */
.topbar__settings[b-990s4w4ynk] {
    min-width: 56px;
    max-width: 56px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}