:root {
    --color-background-main: #F3F5FB;
    --color-text-main: #252C32;
    --background-btn-secondary: #473A6D;
    --background-btn-secondary-hover: #3a2f58;
    --color-primary: #CB4578;
    --color-primary-hover: #b13d69;
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-yellow: #F8C51B;
    --color-red: #F2271C;
    --color-green: #22C348;
    --color-goblue: #6BB3FA;
    --color-primary-pro50: #F6FCFF;
    --color-primary-rp200: #D7EDFF;
    --color-secondary: #DF819F;
    --color-dark-gray: #3F3F41;
    --color-dark-gray-1: #1A2024;
    --color-dark-gray-2: #252C32;
    --color-dark-gray-3: #303940;
    --color-blue: #4C68D7;
    --color-blue-hover: #3b51a7;
    --color-light-gray: #F3F5FB;
    --color-light-gray-1: #D5DADD;
    --color-light-gray-2: #DDE2E4;
    --color-light-gray-3: #E5E9EB;
    --color-light-gray-4: #EEF0F2;
    --color-light-gray-5: #F6F8F9;
    --color-light-blue: #BBC9FF20;
    --color-medium-blue: #42396D;
    --color-mid-gray-1: #5B6871;
    --color-mid-gray-2: #6E7C87;
    --color-mid-gray-3: #84919A;
    --color-mid-gray-4: #9AA6AC;
    --color-mid-gray-5: #B0BABF;
}
@font-face {
    font-family: "Inter";
    src: url(../fonts/Inter_28pt-Regular.ttf);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url(../fonts/Inter_28pt-Medium.ttf);
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url(../fonts/Inter_28pt-SemiBold.ttf);
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url(../fonts/Inter_28pt-Bold.ttf);
    font-weight: 700;
    font-style: normal;
}

:focus-visible {
    outline: none;
}
main {
    width: 100%;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: background-color 0.3s ease, opacity 0.3s ease;
    scroll-behavior: smooth;
    scrollbar-width: thin; /* Тонкий скролл */
    scrollbar-color: var(--color-blue) #ffffff; /* Цвет ползунка и трека */
}
    /* Универсальный стиль для всех скроллбаров */
    *::-webkit-scrollbar {
        width: 4px; /* Ширина скроллбара */
    }

    /* Цвет и форма ползунка */
    *::-webkit-scrollbar-thumb {
        background-color: var(--color-blue); /* Цвет ползунка */
        border-radius: 2px; /* Закругленные края */
    }

    /* Трек (фон за ползунком) */
    *::-webkit-scrollbar-track {
        background-color: #ffffff; /* Цвет трека */
    }

    /* Убираем стрелки сверху и снизу */
    *::-webkit-scrollbar-button {
        display: none;
    }


html {
    font-size: 1rem;
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray-2);
    background-color: var(--color-background-main);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

ul,
li {
    display: block;
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 600;
    color: var(--color-dark-gray);
}

p {
    margin: 0;
}

/* .container {
	width: 100%;
	max-width: 1136px;
	margin: 0 auto;
} */

.d-none {
    display: none;
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-sb {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}

.align-items-stretch {
    align-items: stretch;
}

.flex-wrap {
    flex-wrap: wrap;
}

a {
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

button {
    display: block;
    font-family: inherit;
    font-weight: 400;
    border: none;
    background: none;
    cursor: pointer;
}

.btn {
    font-family: inherit;
    font-weight: 600;
    background-color: var(--color-blue);
    border-radius: 0.5rem;
    color: var(--color-light-gray-5);
    padding: 0.5rem 1rem;
    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;
    text-align: center;
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: normal;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    .btn:hover {
        background-color: var(--color-blue-hover);
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

.btn-secondary {
    background-color: var(--background-btn-secondary);
    color: var(--color-light-gray-5);
}

    .btn-secondary:hover {
        background-color: var(--background-btn-secondary-hover);
    }

.btn-tertiary {
    background-color: var(--color-white);
    color: var(--color-dark-gray-2);
    border: 1px solid var(--color-light-gray-2);
}

    .btn-tertiary:hover {
        background-color: var(--color-light-gray-2);
    }

.btn-primary {
    background-color: var(--color-primary);
}

    .btn-primary:hover {
        background-color: var(--color-primary-hover);
    }

img {
    display: block;
    width: 100%;
}

:hover {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

img {
    width: 100%;
    display: block;
}

select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(../img/svg/select-arrow-drop-down-24px.svg);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: center right .5rem;
    letter-spacing: -0.6px;
    line-height: 1.5rem;
    max-height: 2.5rem;
}

    select::-ms-expand {
        display: none;
    }

.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;
}

    .input::placeholder {
        color: var(--color-mid-gray-4);
    }

    .input:focus {
        border-color: var(--color-primary);
        outline: none;
    }

textarea.input {
    max-height: none;
}

.checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.25rem 0;
}

.checkbox__input {
    display: none;
}

.checkbox__custom {
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid var(--color-mid-gray-5);
    border-radius: 0.25rem;
    background-color: var(--color-light-gray-5);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, border-color 0.3s;
}

.checkbox__input:checked + .checkbox__custom {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .checkbox--indeterminate .checkbox__input:checked + .checkbox__custom::after,
    .checkbox__input:checked + .checkbox__custom::after {
        content: '';
        background-image: url(../img/svg/Checkmark.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 0.75rem;
        width: 0.75rem;
        height: 0.75rem;
        padding: 0.125rem;
        color: var(--color-white);
        position: absolute;
    }
/* Состояние "промежуточного" чекбокса */
.checkbox--indeterminate .checkbox__custom {
    background-color: var(--color-light-gray-5);
    border-color: var(--color-mid-gray-5);
    position: relative;
}

    .checkbox--indeterminate .checkbox__custom::after {
        content: '';
        width: 0.5rem;
        height: 0.5rem;
        background-color: var(--color-mid-gray-3);
        border-radius: 1px;
        position: absolute;
    }

.checkbox--indeterminate .checkbox__input:checked + .checkbox__custom::after {
    background-color: transparent;
}

.article-block {
    flex-grow: 1;
}

.scroll-none {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .scroll-none::-webkit-scrollbar {
        display: none;
    }

.visibility-hidden {
    visibility: hidden;
}

.row {
    display: flex;
    flex-direction: column;    
    width: 100%;
}
.row-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    margin-bottom: 1rem;
}

.row-row h3 {
    margin-bottom: 0;
}
.row-row button {
    margin-left: auto;
}

.upload-file {
    margin-bottom: 1rem;
}

.form-group-input-icon {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 0.5rem 1rem .5rem 0;
    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;
    background: #fff;
}
    .form-group-input-icon .form-control {
        border-radius: 0.375rem 0 0 0.375rem;
    }

    .form-group-input-icon .group-input-icon {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .topbar__switch {
        position: relative;
        display: inline-block;
        width: 2rem;
        min-width: 2rem;
        height: 1.25rem;
    }

.topbar__checkbox {
    display: none;
}

.topbar__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #B0BABF;
    -webkit-transition: .4s;
    transition: .4s;
}

    .topbar__slider:before {
        position: absolute;
        content: "";
        height: 1rem;
        width: 1rem;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

.topbar__checkbox:checked + .topbar__slider {
    background-color: var(--color-blue);
}

.topbar__checkbox:focus + .topbar__slider {
    box-shadow: 0 0 1px var(--color-blue);
}

.topbar__checkbox:checked + .topbar__slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

.topbar__slider.round {
    border-radius: 70px;
}

    .topbar__slider.round:before {
        border-radius: 50%;
    }

.margin-bottom-0 {
    margin-bottom: 0px;
}

.margin-bottom-8 {
    margin-bottom: .5rem;
}

.margin-bottom-16 {
    margin-bottom: 1rem;
}

.search {
    position: relative;
}

.search__icon {
    position: absolute;
    left: .5rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 24px;
    height: 24px;
}

.search-input {
    padding: .5rem 16% .5rem 40px;
}

.keyword-search__tag {
    border: 1px solid var(--color-light-gray-2);
    border-radius: 1rem;
    padding: 12px;
    width: 6.25rem;
    height: 6.25rem;
    text-align: center;
    cursor: pointer;
}

.keyword-search__tag-icon--wrapper {
    position: relative;
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
}

.keyword-search__tag-icon {
    width: 2rem;
    height: 2rem;
}

.keyword-search__tag-count {
    position: absolute;
    bottom: 2px;
    right: -14px;
    color: var(--color-dark-gray);
    font-size: 0.625rem;
    line-height: 0.75rem;
    letter-spacing: -0.1px;
    background-color: var(--color-background-main);
    border-radius: 4.5rem;
    padding: 0 2px;
}

.keyword-search__tag-text {
    min-height: 36px;
    margin-top: .5rem;
    font-size: 0.75rem;
    line-height: 0.75rem;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}


.content-photo__item-img_wrapper {
    position: relative;
}

.content-photo__item-img_tools {
    position: absolute;
    top: 1.25rem;
    right: 1rem;
    left: 1rem;
    width: calc(100% - 2rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
}

.content-photo__item-img_tool {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #3F3F4170;
    cursor: pointer;
}

    .content-photo__item-img_tool svg {
        width: 1.25rem;
        height: 1.25rem;
    }

.content-photo__item-img {
    border-radius: 12px;
    cursor: pointer;
}

.content-photo__item-img_wrapper:hover .content-photo__item-img_tools {
    opacity: 1;
}

.content-photo__item-img_tool:hover {
    background-color: #3F3F41;
}

.photos-gallery__item_img--wrapper {
    position: relative;   
    display: flex;
}

.photos-gallery__item_img {
    border-radius: 12px;
}

.photos-gallery__item_img-add,
.photos-gallery__item-img_deleted {
    position: absolute;
    top: 12px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.photos-gallery__item_img-add {
    left: 9px;
    border: 2px solid #ffffff50;
}

    .photos-gallery__item_img-add svg {
        visibility: hidden;
    }

.photos-gallery__item-img_deleted {
    right: 9px;
    background-color: var(--color-primary);
    visibility: hidden;
}

    .photos-gallery__item-img_deleted svg {
        width: 1.5rem;
        height: 1.5rem;
    }

    .photos-gallery__item-img_deleted path {
        fill: #ffffff;
    }

.photos-gallery__item_img-add:hover svg,
.photos-gallery__item_img-add.active svg {
    visibility: visible;
    transition: 0.3s;
}

.photos-gallery__item_img-add:hover,
.photos-gallery__item_img-add.active {
    border: 2px solid var(--color-blue);
    background-color: var(--color-blue);
    transition: 0.3s;
}

    .photos-gallery__item_img-add.active ~ .photos-gallery__item_img {
        border: 4px solid var(--color-blue);
    }

    .photos-gallery__item_img-add.active ~ .photos-gallery__item-img_deleted {
        visibility: visible;
    }

.photo-viewer {
    display: grid;
    grid-template-rows: 60fr 40fr;
    height: 100%;
    max-height: calc(100vh - 1rem);
}

.photo-viewer .photos-gallery__item_img-add {
    top: .5rem;
    left: 1rem;
}

.photo-viewer .photos-gallery__item-img_deleted {
    top: .5rem;
    right: 1rem;
}

.photo-viewer .photos-gallery__item_img-add.active ~ .photos-gallery__item_img {
    border-width: 1px;
}

.photo-viewer__image-wrapper {
    position: relative;
    margin-bottom: .5rem;
    height: 60vh;
}

.photo-viewer__btns {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1rem;
    left: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 2rem);
}

.photo-viewer__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: #ffffff50;
}

    .photo-viewer__btn:hover {
        background-color: #ffffff90;
    }

    .photo-viewer__btn img {
        width: 1.5rem;
        height: 1.5rem;
    }

.photo-viewer__thumbnails {
    display: flex;
    align-items: center;
    gap: 4px;
}

    .photo-viewer__thumbnails .photos-gallery__item_img-add,
    .photo-viewer__thumbnails .photos-gallery__item-img_deleted {
        width: 1.5rem;
        height: 1.5rem;
        top: 4px;
    }

    .photo-viewer__thumbnails .photos-gallery__item_img-add {
        left: 4px;
    }

    .photo-viewer__thumbnails .photos-gallery__item-img_deleted {
        right: 4px;
    }

.my-object {    
    margin-left: 1rem;
    margin-right: 1.5rem;
    margin-bottom: 0.5rem;
}

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

.tabs__menu {
    padding-left: 1.25rem;
    margin-top: 1.25rem;
    gap: 0.9375rem;
}

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

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

    .tabs__item-heart svg {
        width: 1.5rem;
        height: 1.5rem;
    }

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

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

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

.my-object__header-akk-name {
    font-weight: 600;
}

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

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

.personal-info__header {
    align-items: flex-end;
    gap: 1.75rem;
}

.personal-info__avatar {
    position: relative;
    width: 4rem;
    height: 4rem;
}

.personal-info__avatar-btn {
    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 {
        width: 1rem;
        height: 1rem;
    }

.personal-info__rating span {
    font-weight: 600;
}

.personal-info__details {
    margin: 1rem 0;
}

.personal-info__item span {
    font-weight: 600;
}

.personal-info__actions {
    gap: 0.25rem;
}

.btn--danger {
    background-color: var(--color-primary);
}

    .btn--danger:hover {
        background-color: var(--color-primary-hover);
    }

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

.personal-info__settings-icon {
    width: 1.5rem;
    height: 1.5rem;
}

/* Popup Styles */
.popup {
    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 {
        display: flex;
    }

.popup__content {
    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 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.popup__title {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
}

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

    .popup__close:hover {
        color: #000;
    }

.popup__body {
    margin: 1rem 0;
}

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

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

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

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

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

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

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

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

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

    .popup__btn--cancel:hover {
        background: #e0e0e0;
    }

.popup__btn--save {
    width: 100%;
}

.my-object-subscription {
    display: flex;
    align-items: flex-start;
}

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

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

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

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

.my-object-subscription__item-list {
    max-width: 17.5rem;
}

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

.my-object-subscription__item-list-item_icon--wrapper {
    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 {
    width: 1.5rem;
    height: 1.5rem;
}

    .my-object-subscription__item-list-item_icon.disabled {
        display: none;
    }

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

.my-object-subscription__item-list-item_text-title {
    font-weight: 600;
}

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

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

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

.my-object-team__invite-offer_btns {
    gap: 0.75rem;
}

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

.my-object-team__create-team,
.my-object-team__invite {
    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 {
    max-width: 263px;
    width: 100%;
}

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

.my-object-team__invite_img {
    max-width: 12.5rem;
}

.my-object-team__invite-offer_title {
    margin-bottom: 29px;
}

.my-object-team__invite-offer_privacy {
    margin-bottom: 11px;
}

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

    .my-object-team__invite-offer_privacy-text-link::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::after {
        background-color: var(--color-blue);
        transition: background-color 0.3s;
    }

.my-object-team__invite-offer_btns {
    gap: 0.75rem;
}

.article-requests {
    height: calc(100vh - 0.5rem);
    margin-left: 1rem;
    margin-bottom: 0.5rem;
    overflow: hidden;
}

.section-requests {
    margin-right: 1.5rem;
    height: calc(100% - 80px);
    display: flex;
    flex-direction: column;
}

.section-requests__select--wrapper {
    padding: 0.375rem 1rem;
    background-color: #E5EBFB;
    border-radius: 12px;
    width: fit-content;
    margin-bottom: 1rem;
}

.section-requests__select-title {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-dark-gray);
    opacity: 60%;
}

.section-requests__select {
    background-position: center right;
    padding-right: 2.5rem;
    border: none;
    background-color: transparent;
}

.requests-content {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}

.requests-content__card {
    display: flex;
    gap: 1rem;
    cursor: pointer;
}

.requests-content__card-img img {
    border-radius: 12px;
    max-width: 6.875rem;
}

.requests-content__card-offer {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    border-bottom: 1px solid var(--color-mid-gray-4);
}

.requests-content__card-offer_title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 1.25rem;
}

.requests-content__card-offer_meta,
.requests-content__card-offer_meta-date--wrapper,
.requests-content__card-offer_meta-type--wrapper {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.requests-content__card-offer_meta-date--wrapper,
.requests-content__card-offer_meta-type--wrapper,
.requests-content__card-offer_user-last-visit {
    gap: 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
}

.requests-content__card-offer_meta-date-text,
.requests-content__card-offer_meta-type-text,
.requests-content__card-offer_user-last-visit {
    color: var(--color-dark-gray);
    opacity: 50%;
}

.requests-content__card-offer_user {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.requests-content__card-offer_user-img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #8C3F72;
}

    .requests-content__card-offer_user-img img {
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        object-fit: cover;
        object-position: center;
    }

.requests-content__card-offer_user-name {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray-2);
    font-weight: 600;
}

.requests-content__card-offer_user-name--wrapper {
    display: flex;
    flex-direction: column;
}

.requests-creating-collection-flex {
    width: 100%;
    height: 100%;
    gap: 1.25rem;
}

.request-creating-collection {
    width: 68.10%;
}

.request-creating-collection-full {
    width: 100%;
}

.request-chat {
    width: 30.30%;
}

.request-creating-collection__btn-link {
    margin-left: 0.8125rem;
    padding: 0.25rem 0.5rem;
}

.request-creating-collection__btns-slide--wrapper {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.request-creating-collection__btns-slide_count--wrapper {
}

.request-creating-collection__btns-slide_count {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.request-creating-collection__btns-slide_count-sum {
}

.request-creating-collection__btns-slide {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.request-creating-collection__btn-slide {
    width: 1.5rem;
    height: 1.5rem;
}

.request-creating-collection__btn-slide-prev {
}

.request-creating-collection__btn-slide-img {
}

.request-creating-collection__btn-slide-next {
    transform: rotate(180deg);
}

.request-creating-collection .project-info-subfolder-card__gallery {
    width: 100%;
}

.request-creating-collection .project-info-subfolder-card__gallery-item {
    max-width: 100%;
}

    .request-creating-collection .project-info-subfolder-card__gallery-item:nth-child(1) {
        width: 48.58%;
    }

    .request-creating-collection .project-info-subfolder-card__gallery-item:nth-child(2) {
        width: 22.75%;
    }

    .request-creating-collection .project-info-subfolder-card__gallery-item:nth-child(3) {
        width: 22.75%;
    }

.request-creating-collection .project-info-subfolder-card__gallery-image-secondary {
    max-width: 100%;
}

.request-creating-collection-full .requests-creating-collection-card-flex {
    margin-right: 1.5rem;
}

.requests-creating-collection-card-flex {
    justify-content: space-between;
    margin-top: 1.5rem;
}

.request-creating-collection-subfolder-card {
    flex-grow: 1;
}

.requests-creating-collection-card__title {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
    text-transform: uppercase;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

.details-table {
    max-width: 27.875rem;
    width: 100%;
}

.details-table__label {
    color: #656873;
}

.details-table__value {
    color: #000000;
}

.requests-creating-collection__control-btns,
.requests-creating-collection__control-btns-add-photo {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

    .requests-creating-collection__control-btns.d-none {
        display: none;
    }

.requests-creating-collection__control-btn {
    max-width: 13.125rem;
    min-width: 13.125rem;
    width: 100%;
}

.request-creating-collection-full__gallery-image--wrapper {
    position: relative;
}

.request-creating-collection-full__gallery-checkbox {
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
}

.requests-my-object {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-right: 1.5rem;
}

.requests-my-object__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.requests-my-object__btns {
    display: flex;
    align-items: stretch;
    gap: 1.875rem;
}

.requests-my-object__btn-left {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .requests-my-object__btn-left .requests-my-object_btn {
        max-width: 19.375rem;
        min-width: 19.375rem;
        width: 100%;
        padding: 0.5rem 0.875rem;
        max-height: 2.5rem;
    }

.requests-my-object_btn {
    max-width: 17.25rem;
    width: 100%;
}

.requests-my-object_btn-fourth {
    background-color: var(--color-primary);
}

    .requests-my-object_btn-fourth:hover {
        background-color: var(--color-primary-hover);
    }

.requests-my-object__filter {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

    .requests-my-object__filter .section-requests__select--wrapper {
        max-width: 16.25rem;
        width: 100%;
    }

.section-requests__select-title {
}

.requests-my-object__filter .section-requests__select {
    width: 100%;
}

.requests-my-object__filter-display {
    display: flex;
    align-items: center;
}

.requests-my-object__filter-display-text {
    text-wrap: nowrap;
    margin-right: 1rem;
}

.requests-my-object__filter-display-btn {
}

.requests-my-object__filter-display-btn-lines {
    margin-right: 0.5rem;
}

.requests-my-object__content-title {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

.requests-my-object__content {
    height: calc(100% - 240px);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: -1.5rem;
}

.requests-my-object__content-objects {
    display: grid;
    gap: 2.25rem;
    grid-template-columns: 1fr 1fr 1fr;
    margin-right: 1.5rem;
}

.requests-my-object__content-objects-item {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.requests-my-object__content-object {
    position: relative;
    border-radius: 12px;
}

.requests-my-object__content-object_img {
    border-radius: 12px;
}

.requests-my-object__content-object_status {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-blue);
    border-radius: 12px 0 12px 0;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-white);
}

.requests-my-object__content-object_status-moderation {
    background-color: var(--color-blue);
}

.requests-my-object__content-object_status-active {
    background-color: var(--color-green);
}

.requests-my-object__content-object_status-requires-confirmation {
    background-color: var(--color-red);
}

/* requests-favourites */

.requests-favourites {
    width: 100%;
    max-width: calc(100vw - 6rem);
    padding-right: 1.5rem;
    height: 100%;
}

.requests-favourites__header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.75rem;
}

.requests-favourites__cards {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 6rem);
}

.requests-favourites__card {
    border-bottom: 1px solid var(--color-mid-gray-4);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    position:relative;
}

    .requests-favourites__card:last-child {
        margin-bottom: 0;
    }

.requests-favourites__card-header {
    gap: 0.5rem;
    margin-bottom: 2rem;
}

.requests-favourites__card-title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #1A1B1E;
}

.requests-favourites__card-header img {
    width: 1.5rem;
    height: 1.5rem;
}

.requests-favourites__card-list {
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
    display: flex;
    gap: 0.5rem;
}

.requests-favourites__card-item {
    border: 1px solid var(--color-light-gray-1);
    border-radius: .5rem;
    padding: 1rem;
    max-width: 22.5rem;
    min-width: 22.5rem;
}

.requests-favourites__card-item_img--wrapper {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

    .requests-favourites__card-item_img--wrapper .img-f {
        aspect-ratio: 16 / 9;
        overflow: hidden;
        border-radius: .5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .requests-favourites__card-item_img {
        max-width: 6.5rem;
        
    }

.requests-favourites__card-item-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.requests-favourites__card-item-footer_name,
.requests-favourites__card-item-footer_meta-name {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
}

.requests-favourites__card-item-footer_meta {
    display: flex;
    align-items: center;
}

.requests-favourites__card-item-footer_meta-count {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-mid-gray-1);
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    color: var(--color-white);
    font-size: 0.75rem;
    line-height: 1rem;
    margin-left: 9px;
    margin-right: 1rem;
}

.requests-favourites__card-item-footer_meta-setting {
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}

.requests-favourites__card-arrow {
    position: absolute;
    right: 0;
    bottom: 1rem;
    background: linear-gradient(270deg, #F3F5FB 0%, rgba(243, 245, 251, 0) 100%);
    width: 12.625rem;
    height: 10.5rem;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
}

    .requests-favourites__card-arrow img {
        position: absolute;
        width: 1.5rem;
        height: 1.5rem;
        transform: rotate(-90deg);
        z-index: 100000;
        margin-right: 1rem;
    }

.requests-favourites-modal {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1A202450;
    z-index: 100000;
}

    .requests-favourites-modal.active {
        display: flex;
    }

.requests-favourites-modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

.create-project-modal__content {
    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 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.create-project-modal__title {
    font-size: 1.125rem;
    font-weight: 600;
}

.create-project-modal__close-btn img {
    width: 1.5rem;
    height: 1.5rem;
}

.create-project-modal__body {
    margin-bottom: 1rem;
}

.create-project-modal__input {
    width: 100%;
    padding: .5rem 12px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: 0.875rem;
}

.create-project-modal__footer {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.create-project-modal__btn {
    width: 50%;
}

/* requests-add-loc-preset */

.requests-add-loc-preset {
    display: flex;
    gap: 2rem;
    width: 100%;
    height: calc(100vh - 1.5rem);
}

.requests-add-loc-preset__sidebar {
    width: 19.76%;
    background-color: var(--color-white);
    border-radius: 12px;
    padding: 0.75rem 1rem;
    margin: 0.5rem 0 1rem;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.requests-add-loc-preset__content {
    width: 77.71%;
}


.requests-add-loc-preset__sidebar-header {
    margin-bottom: 1rem;
}

.requests-add-loc-preset__sidebar-back {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 0.75rem;
}

.requests-add-loc-preset__sidebar-back-img {
    width: 0.75rem;
    height: 0.75rem;
}

.requests-add-loc-preset__sidebar-back-text {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-1);
}

.requests-add-loc-preset__sidebar-title {
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    color: var(--color-dark-gray);
    font-weight: 600;
}

.requests-add-loc-preset__sidebar_list {
}

.requests-add-loc-preset__sidebar_item {
    position: relative;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0.625rem 1rem;
    width: 100%;
    text-align: left;
}

    .requests-add-loc-preset__sidebar_item:hover {
        background-color: #9AA6AC50;
    }

    .requests-add-loc-preset__sidebar_item::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 200%;
        height: 1px;
        background-color: var(--color-mid-gray-4);
    }

.requests-add-loc-preset__sidebar_btn--wrapper {
    margin-top: auto;
}

.requests-add-loc-preset__sidebar_btn {
    width: 100%;
}

.requests-add-loc-preset__content {
    position: relative;
}

.requests-add-loc-preset__content_count-object {
    position: absolute;
    bottom: -1rem;
    right: 0;
    width: 100%;
    padding: 0.5rem 1.5rem 0.5rem 1rem;
    display: none;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-background-main);
    border-radius: 12px 0 0 0;
    box-shadow: 0px 0px 7px 0px #00000040;
}

    .requests-add-loc-preset__content_count-object.active {
        display: flex;
    }

.requests-add-loc-preset__content_count--wrapper {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.requests-add-loc-preset__content_count-text {
    color: var(--color-dark-gray);
    opacity: 50%;
}

.requests-add-loc-preset__content-header {
    background-color: var(--color-white);
    border-radius: 0 0 0 12px;
    padding: 1.5rem 1rem 0.75rem;
    margin-bottom: 3.375rem;
}

.requests-add-loc-preset__content-header_back {
    gap: 0.75rem;
}

    .requests-add-loc-preset__content-header_back img {
        width: 1.5rem;
        height: 1.5rem;
    }

.requests-add-loc-preset__content-header_back-text {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #000000;
    font-weight: 600;
}

.requests-add-loc-preset__content-cards {
    height: calc(100% - 114px);
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: 3rem;
    padding-right: 15px;
}

.requests-add-loc-preset__content-card {
    margin-bottom: 1.25rem;
}

.requests-add-loc-preset__content-card_item {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--color-dark-gray);
}

    .requests-add-loc-preset__content-card_item:last-child {
        margin-bottom: 0;
    }

.requests-add-loc-preset__content-card_title--wrapper {
    gap: 0.5rem;
    margin-left: 0.5rem;
    margin-bottom: 1rem;
}

.requests-add-loc-preset__content-card_title {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.requests-add-loc-preset__content-card_title-arrow {
    width: 1.625rem;
    height: 1.625rem;
    transform: rotate(-90deg);
}

.requests-add-loc-preset__content-card_item-img_list {
    gap: 1.5rem;
}

.requests-add-loc-preset__content-card_item-img {
    border-radius: 12px;
    position: relative;
}

    .requests-add-loc-preset__content-card_item-img img {
        border-radius: 12px;
    }

.requests-add-loc-preset__content-card_item-img-full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-light-gray);
    background-color: #1A202450;
    cursor: pointer;
}

    .requests-add-loc-preset__content-card_item-img-full:hover {
        background-color: #1A202490;
    }


.article-projects {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

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

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

.project-header__item.active {
    font-weight: 600;
}

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

    .project-header__item-text::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::after {
    background-color: var(--color-dark-gray-2);
}

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

.project-add {
    margin: 1rem 32px 1.5rem 24px;
}

.project-add__btn {
    min-width: 10.5rem;
}

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

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

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

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

.project-preview {
    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 {
    margin-bottom: 1rem;
}

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

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

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

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

.project-preview__detail-text_title {
    opacity: 50%;
}

.project-preview__detail-view {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-preview__detail-view-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.project-preview__collections {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    gap: .5rem;
}

.project-preview__collection {
    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 {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
}

    .project-preview__images img {
        width: 32%;
        border-radius: .5rem;
    }

.project-preview__info-top {
    margin-bottom: .5rem;
}

.project-preview__collection-title {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-preview__info-count {
    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 {
    gap: .5rem;
}

.project-preview__status {
    display: block;
    color: var(--color-mid-gray-1);
    font-size: 0.75rem;
    line-height: 1rem;
}

.project-preview__stats {
    gap: 1rem;
}

.project-preview__info-btn-option {
    display: block;
    margin-left: auto;
}


.create-project-modal {
    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 {
        display: flex;
    }

.create-project-modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

.create-project-modal__content {
    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 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.create-project-modal__title {
    font-size: 1.125rem;
    font-weight: 600;
}

.create-project-modal__close-btn img {
    width: 1.5rem;
    height: 1.5rem;
}

.create-project-modal__body {
    margin-bottom: 1rem;
}

.create-project-modal__input {
    width: 100%;
    padding: .5rem 12px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: 0.875rem;
}

.create-project-modal__footer {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.create-project-modal__btn {
    width: 50%;
}

.project-add-documents-modal .create-project-modal__footer {
    margin-top: 1rem;
}

.project-overview {
    display: flex;
    gap: 1.5rem;
    width: 100%;
    height: 100vh;
}

.project-sidebar {
    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 {
    width: 43.23%;
    margin: 1.25rem 0 0.75rem;
    padding-right: 10px;
}

.project-info-main {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 3.5rem);
    padding-right: 10px;
}

.project-chat {
    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 {
        right: 0;
    }

.project-chat-close {
    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,
    .project-chat-trigger__btn img {
        width: 1.25rem;
        height: 1.25rem;
    }

.project-chat-trigger {
    position: fixed;
    top: 1.25rem;
    right: 0;
    z-index: 50;
}

.project-chat-trigger__btn {
    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 {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.5rem;
}


.project-sidebar__back-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 0.75rem;
}

    .project-sidebar__back-btn img {
        width: 0.75rem;
        height: 0.75rem;
    }

.project-sidebar__back-text {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-1);
}

.project-sidebar__header {
    justify-content: space-between;
}

.project-sidebar__title-dropdown {
    gap: 4px;
}

.project-sidebar__title {
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    color: var(--color-dark-gray);
}

.project-sidebar__title-dropdown img {
    width: 1.5rem;
    height: 1.5rem;
}

.project-sidebar__notification-btn {
    position: relative;
}

.project-sidebar__notification-count {
    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 {
    justify-content: space-between;
    gap: 6px;
    margin: .5rem 0;
}

.project-sidebar__presentation-btn {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
    padding: 10px 14px;
}

.project-sidebar__share-btn img {
    width: 1.5rem;
    height: 1.5rem;
}

.project-sidebar__info-btn {
    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 {
    width: 100%;
    margin-top: 30px;
}

.sidebar-locations-block {
    position: relative;
    z-index: 10;
}

    .sidebar-locations-block.active::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 {
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: 1rem;
}

.sidebar-locations__title--wrapper {
    flex-grow: 1;
    justify-content: space-between;
}

.sidebar-locations__group {
    margin-bottom: 1rem;
}

.sidebar-locations__group-header {
    justify-content: space-between;
    margin-bottom: 0.5rem;
    margin-left: 15px;
    gap: .5rem;
}

.sidebar-locations__group-title--wrapper {
    justify-content: space-between;
    flex-grow: 1;
}

.sidebar-locations__title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    width: 100%;
    cursor: pointer;
}

.sidebar-locations__group-title {
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-transform: uppercase;
}

.sidebar-locations__toggle-btn img,
.sidebar-locations__options-btn img {
    width: 1.5rem;
    height: 1.5rem;
}

.sidebar-locations__item {
    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::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 200%;
        height: 1px;
        background-color: var(--color-mid-gray-4);
    }

    .sidebar-locations__item.active {
        font-weight: bold;
    }

        .sidebar-locations__item.active::after {
            display: none;
        }

        .sidebar-locations__item.active::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 {
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 12px 1rem;
}

.sidebar-locations__add-location-btn {
    width: 100%;
    margin-top: 3.5625rem;
}


.project-info__logo--wrapper {
    margin-bottom: 2rem;
}

.project-info__logo {
    display: none;
    position: relative;
    width: 5rem;
    height: 5rem;
}

    .project-info__logo.active {
        display: block;
    }

.project-info__logo-img {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
}

.project-info__logo-deleted {
    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 {
        width: 0.75rem;
        height: 0.75rem;
    }

.logo-upload {
    width: 100%;
    display: none;
}

    .logo-upload.active {
        display: block;
    }

.logo-upload__title {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.logo-upload__dropzone {
    border: 1px dashed var(--color-light-gray-1);
    border-radius: 6px;
    padding: 2.25rem 1rem;
    text-align: center;
    cursor: pointer;
}

.logo-upload__icon {
    display: block;
    margin: 0 auto;
    width: fit-content;
    margin-bottom: 0.5rem;
}

    .logo-upload__icon img {
        width: 1.5rem;
        height: 1.5rem;
    }

.logo-upload__text {
    font-size: 0.875rem;
    color: var(--color-gray);
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}

.logo-upload__button {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .logo-upload__button:hover {
        background-color: var(--color-dark-blue);
    }

.project-info__header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.project-info__title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.project-info__crumbs {
    flex-wrap: wrap;
}

.project-info__crumb {
    padding: 0 6px;
}

    .project-info__crumb img {
        padding: 0;
        width: 0.75rem;
        height: 1rem;
    }

.project-info__crumb-prev {
    color: var(--color-mid-gray-2);
}

.project-info__status {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 12px;
    background-color: var(--color-white);
    padding: 4px;
}

    .project-info__status img {
        width: 1.5rem;
        height: 1.5rem;
    }

.project-info__status-hint {
    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 {
    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 {
    visibility: visible;
    overflow: visible;
    opacity: 1;
}

.project-info__section {
    margin-bottom: 2rem;
}

.project-info__section-title {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.project-info__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

    .project-info__item:last-child {
        margin-bottom: 0;
    }

.project-info__item-label,
.project-info__item-value {
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: block;
    width: fit-content;
}

.project-info__item-label {
    color: #656873;
}

.project-info__item-value {
    position: relative;
    color: #000000;
    cursor: context-menu;
    display: block;
}

    .project-info__item-value::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 0%;
        background-color: var(--color-light-gray-2);
    }

    .project-info__item-value:hover::after {
        width: 100%;
    }

.project-info__description {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #000000;
}

.project-info__document-link {
    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 {
        width: 1.5rem;
        height: 1.5rem;
    }

.project-info__participants {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.project-info__participant {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.project-info__participant-name {
    font-weight: 500;
}

.project-info__participant-delete {
    background: none;
    border: none;
    color: var(--color-red);
    cursor: pointer;
}

.project-info__add-participant-btn {
    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 {
    width: 1.5rem;
    height: 1.5rem;
}

.project-participants__header {
    margin-bottom: 0.5rem;
}

.project-participants__add-btn {
    background: none;
    border: none;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
}

    .project-participants__add-btn.active {
        transform: rotate(45deg);
    }

        .project-participants__add-btn.active path {
            fill: #5B6871;
        }

.project-participants__item {
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--color-light-gray);
}

.project-participants__info {
    margin-bottom: 0.5rem;
}

.project-participants__name {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
}

.project-participants__role,
.project-participants__email {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-4);
}

.project-participants__actions {
    gap: 1rem;
}

.project-participants__delete-btn {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .project-participants__delete-btn img {
        width: 1rem;
        height: 1rem;
    }

.project-participants__select {
    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 {
    padding: 0.875rem 1rem 0.625rem;
}

.project-chat__tabs {
    display: flex;
    gap: 0.6875rem;
}

.project-chat__tab-title {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E50;
    text-transform: uppercase;
    font-weight: 600;
}

.project-chat__tab {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #1A1B1E;
    text-transform: uppercase;
    font-weight: 600;
}

.project-chat__menu-btn {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--color-dark-gray);
    text-transform: uppercase;
    font-weight: 600;
}

.project-chat__arrow-down {
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(180deg);
}

.project-chat__messages {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    padding: 1.5rem 0.75rem 1.5rem 1rem;
}

.chat-message {
    display: flex;
    flex-direction: column;
    margin-bottom: .5rem;
}

.chat-message--sent {
    align-items: flex-end;
}

    .chat-message--sent .chat-message__content {
        background-color: var(--color-blue);
        border-radius: 6px 6px 0 6px;
        color: var(--color-white);
    }

    .chat-message--sent .chat-message__content--wrapper {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

.chat-message__avatar {
    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 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-message__content--wrapper {
    align-items: flex-end;
    gap: 6px;
    position: relative;
}

.chat-message__content {
    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 {
    background-color: var(--color-blue);
    color: var(--color-white);
}

.chat-message__text {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.chat-message--sent .chat-message__name-time {
    margin-left: 0;
    margin-top: 0;
}

.chat-message__name-time {
    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 {
    display: flex;
    align-items: flex-end;
    gap: 9px;
    border-radius: .5rem;
    margin-bottom: 0.5rem;
}

.chat-message__locations {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.chat-message__location {
    font-size: 0.625rem;
    line-height: 1rem;
    color: var(--color-dark-gray);
    display: flex;
    align-items: flex-end;
}

.chat-message__location-arrow {
    width: 0.5rem;
    height: 0.875rem;
}

.chat-message__location-link {
    color: var(--color-blue);
}

    .chat-message__location-link:hover {
        text-decoration: underline;
    }

.chat-message__image {
    min-width: 4.5rem;
    min-height: 4.5rem;
    max-width: 4.5rem;
    max-height: 4.5rem;
    border-radius: 6px;
}

.chat-message__status {
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
}

.project-chat__footer {
    display: flex;
    gap: 1rem;
    margin: 1rem;
    position: relative;
}

.project-chat__input {
    flex-grow: 1;
    padding: 0.5rem 2.25rem 0.5rem 1rem;
}

.project-chat__send-btn {
    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 {
        width: 1.5rem;
        height: 1.5rem;
    }

.project-chat--wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: calc(100% - 4.5rem);
}

.participants {
    background-color: var(--color-white);
    border: 1px solid var(--color-light-gray);
    border-radius: .5rem;
    padding: 1rem;
    width: 100%;
    max-width: 400px;
}

.participants__header {
    margin-bottom: 1rem;
}

.participants__title {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-dark-gray);
}

.participants__close-btn {
    background: none;
    border: none;
    cursor: pointer;
}

    .participants__close-btn img {
        width: 1rem;
        height: 1rem;
    }

.participants__form {
    display: none;
    align-items: center;
    gap: 1rem;
    margin-bottom: .5rem;
}

    .participants__form.active {
        display: flex;
    }

.participants__form-input {
    position: relative;
    display: flex;
    width: 100%;
}

.participants__input {
    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 {
    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 {
    margin-bottom: 1rem;
}

.project-info-subfolder__header {
    margin-bottom: 2rem;
}

.project-info-subfolder__tabs {
    padding: 0.25rem;
    border-radius: 41px;
    background-color: var(--color-white);
}

.project-info-subfolder__tab {
    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 {
        background-color: var(--color-blue);
        color: var(--color-white);
    }

.project-info-subfolder__filters {
    gap: 1rem;
}

.project-info-subfolder__settings {
    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 {
    position: relative;
}

.project-info-subfolder__settings img {
    width: 1.5rem;
    height: 1.5rem;
}

.project-info-subfolder__settings-count {
    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 {
    padding: 0.5rem 1rem;
    background-color: var(--color-white);
    border-radius: 12px;
    padding-right: 2.625rem;
    border: none;
    cursor: pointer;
}

.project-info-subfolder {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 12px;
    margin-left: 0;
    padding: .5rem;
    padding-left: 0;
    width: 73%;
}

.project-info-subfolder__contents {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.project-info-subfolder__content {
    padding-bottom: 1rem;
    border-bottom: 1px solid #3F3F4120;
}

.project-info-subfolder__toggle-btn {
    gap: 0.5rem;
}

.project-info-subfolder__title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
    font-weight: 600;
}

.project-info-subfolder__toggle-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.project-info-subfolder__tags {
    gap: 0.75rem;
}

.project-info-subfolder__tag,
.project-info-subfolder__card-status {
    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 {
    width: 1.25rem;
    height: 1.25rem;
}

.project-info-subfolder__list {
    gap: 1.5rem;
    margin-top: 0;
    overflow: hidden;
    height: 0;
    transition: height 0.3s ease;
}

    /* Когда блок развернут */
    .project-info-subfolder__list.active {
        height: auto;
        /* Высота содержимого определяется автоматически */
        overflow: visible;
        margin-top: 1rem;
    }

/* Анимация для стрелки */
.project-info-subfolder__toggle-icon {
    transition: transform 0.3s ease;
    /* Плавное вращение стрелки */
}

.project-info-subfolder__card {
    width: 25%;
}

.project-info-subfolder__card-image-wrapper {
    position: relative;
    border-radius: 12px;
}

.project-info-subfolder__card-image {
    border-radius: 12px;
}

.project-info-subfolder__card-nav {
    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 {
        width: 1.5rem;
        height: 1.5rem;
    }

.project-info-subfolder__card-nav--prev {
    left: 4px;
}

.project-info-subfolder__card-nav--next {
    right: 4px;
}

    .project-info-subfolder__card-nav--next img {
        transform: rotate(180deg);
    }

.project-info-subfolder__card-image-wrapper:hover .project-info-subfolder__card-nav--prev,
.project-info-subfolder__card-image-wrapper:hover .project-info-subfolder__card-nav--next {
    opacity: 1;
}

.project-info-subfolder__card-content {
    margin-top: 4px;
}

.project-info-subfolder__card-title {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-info-subfolder__card-rating {
    gap: 4px;
}

.project-info-subfolder__card-rating_icon {
    width: 0.75rem;
    height: 0.75rem;
    display: flex;
}

.project-info-subfolder__card-rating_count {
    font-weight: 600;
    color: var(--color-yellow);
    font-size: 0.75rem;
    line-height: 1rem;
}

.project-info-subfolder__card-status {
    padding: 0 0.25rem;
}


.project-info-subfolder__settings-hint {
    position: absolute;
    left: 0;
    top: 44px;
    visibility: hidden;
    opacity: 0;
}

    .project-info-subfolder__settings-hint.active {
        visibility: visible;
        opacity: 1;
    }

.project-info-subfolder__settings-hint_list {
    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 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.project-info-subfolder__settings-hint_item-text {
    display: block;
}

.project-info-subfolder__object-list {
    display: none;
}

    .project-info-subfolder__object-list.active {
        display: block;
    }

.project-info-subfolder__object-list_content {
    display: flex;
    margin-bottom: 1.5rem;
}

    .project-info-subfolder__object-list_content:last-child {
        margin-bottom: 0;
    }

.project-info-subfolder__info {
    color: var(--color-dark-gray);
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.project-info-subfolder__object {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.project-info-subfolder__info-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 4rem;
}

.project-info-subfolder__info-item {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-info-subfolder__info-label {
    color: #656873;
    min-width: 13.25rem;
}

.project-info-subfolder__info-value {
    position: relative;
    color: #000000;
}

    .project-info-subfolder__info-value::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::before {
        width: 100%;
    }

.project-info-subfolder__references-title {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #1A1B1E;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.project-info-subfolder__references .photos-gallery__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.project-info-subfolder__references .photos-gallery__item {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.project-info-subfolder__reference-img {
    border-radius: 12px;
    object-fit: cover;
}

/* controls */
.controls {
    gap: 2.5rem;
}

.controls__checkbox-wrapper {
    gap: 1.5rem;
}

.controls__checkbox-select {
    background-color: transparent;
    border: none;
    padding-right: 24px;
    background-position: center right 0px;
}

.controls__view-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.5rem;
    border-radius: 1rem;
}

    .controls__view-btn.active {
        background-color: var(--color-blue);
    }

        .controls__view-btn.active rect {
            stroke: #ffffff;
        }

/* object-details */

.object-details {
    display: flex;
}

.object-details__checked {
    margin-top: 0.5rem;
}

.object-details__content--wrapper {
    width: 100%;
}

.object-details__content {
    border-bottom: 1px solid #3F3F4120;
}

.object-details__info-btn {
    margin-left: 0.5rem;
    gap: 0.5rem;
}

.object-details__title {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--color-dark-gray);
}

.object-details__dropdown-icon {
    transform: rotate(-90deg);
}

.object-details__actions {
    gap: 0.5rem;
}

.object-details__action_btn {
    display: flex;
    align-items: center;
    gap: 10px;
}

.object-details__action_btn-count {
    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 {
    margin-top: 0.25rem;
    margin-bottom: 0.875rem;
}

.object-details__tags {
    gap: 0.75rem;
}

.object-details__tag {
    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 {
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

.object-details__sent-time--wrapper {
    gap: 3px;
    color: #1A1B1E50;
    font-size: 0.75rem;
    line-height: 1rem;
    margin-left: auto;
}

.object-details__gallery {
    gap: 1.5rem;
    margin-bottom: 1rem;
}

.object-details__card {
    position: relative;
}

.object-details__card-img {
    border-radius: 12px;
}

.object-details__delete-btn {
    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 {
        width: 1.125rem;
        height: 1.125rem;
    }

.object-details__show-more {
    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 {
        background-color: #1A202480;
    }


.object-comments-rating {
    gap: 2.62%;
}

.object-comments {
    position: relative;
    width: 48.68%;
}

.object-rating {
    width: 48.68%;
}

.object-comments__title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    color: var(--color-dark-gray-2);
}

.object-comment {
    gap: 0.75rem;
}

.object-comment__avatar--wrapper {
    width: 2rem;
    height: 2rem;
}

.object-comment__avatar {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 1px solid #00000010;
}

.object-comment__author {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray-2);
}

.object-comment__date {
    color: var(--color-mid-gray-2);
    font-size: 0.75rem;
    line-height: 1rem;
}

.object-comment__text {
    color: var(--color-dark-gray-2);
    margin: 0.5rem 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.object-comment__footer {
    gap: 0.75rem;
}

.object-comment__like-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.object-comment__like-count {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-mid-gray-3);
}

.object-comment__reply-btn {
    color: var(--color-mid-gray-3);
    padding: 0 6px;
}

.object-comments__show-all-btn {
    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 {
    margin-bottom: 2rem;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.object-rating__summary {
    border: 1px solid var(--color-mid-gray-5);
    border-radius: .5rem;
}

.object-rating__average {
    padding: 0.25rem 1rem;
    font-size: 0.75rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
}

.object-rating__average-text {
    margin-right: 0.25rem;
    opacity: 60%;
}

.object-rating__average-count {
    margin-right: 0.5rem;
}

.object-rating__average-filter {
    width: 1.5rem;
    height: 1.5rem;
}

.object-rating__vote {
    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 {
    font-size: 0.75rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
    opacity: 60%;
}

.object-rating__vote-icons .object-rating__star-icon {
    cursor: pointer;
}

    .object-rating__vote-icons .object-rating__star-icon:hover {
        background-image: url(../img/svg/Star-full.svg);
    }

.object-rating__stars {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5rem;
    column-gap: 2.25rem;
    margin-top: 0.75rem;
}

.object-rating__star-name {
    color: var(--color-dark-gray);
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 2px;
}

.object-rating__star-icons {
    display: flex;
    align-items: center;
}

.object-rating__star-icon {
    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 {
    background-image: url(../img/svg/Star-half.svg);
}

.object-rating__star-icon-full {
    background-image: url(../img/svg/Star-full.svg);
}

.project-info-subfolder__object-grid {
    display: none;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

    .project-info-subfolder__object-grid.active {
        display: grid;
    }

.project-info-subfolder__object-grid_card-content--wrapper {
    display: flex;
    gap: 0.5rem;
    margin: 0.75rem 0 1rem;
}

    .project-info-subfolder__object-grid_card-content--wrapper .object-details__info-btn {
        margin-left: 0;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-rating_count {
        font-size: 0.875rem;
        line-height: 1.5rem;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-rating_icon {
        width: 1rem;
        height: 1rem;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-rating {
        margin-bottom: 0.5rem;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-meta {
        gap: 0.75rem;
    }

    .project-info-subfolder__object-grid_card-content--wrapper .project-info-subfolder__card-status {
        padding: 4px 12px;
    }

.project-info-subfolder__object-grid_card .object-details__actions {
    margin-bottom: 0.5rem;
}

.project-info-subfolder__object-grid_card .object-details__action_btn {
    padding: 0.5rem 0.75rem;
}

.project-info-subfolder-card__header {
    margin-bottom: 1.5rem;
    gap: 0.75rem;
}

.project-info-subfolder-card__header_btn,
.project-info-subfolder-card__remove-btn,
.project-info-subfolder-card__add-btn {
    padding: 0.25rem 0.5rem;
}

.project-info-subfolder-card__info {
    position: relative;
}

.project-info-subfolder-card__title {
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
}

.project-info-subfolder-card__details {
    max-width: 27.875rem;
    margin-bottom: 1rem;
}

.project-info-subfolder-card__toggle-btn {
    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 {
        display: flex;
    }

    .project-info-subfolder-card__toggle-btn span {
        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 {
        height: 5.5rem;
        overflow: hidden;
    }

.project-info-subfolder-card__detail {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0.5rem;
}

    .project-info-subfolder-card__detail:last-child {
        margin-bottom: 0;
    }

.project-info-subfolder-card__detail-label,
.project-info-subfolder-card__detail-value {
    width: 13.25rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.project-info-subfolder-card__detail-label {
    color: #656873;
}

.project-info-subfolder-card__detail-value {
    color: #000000;
}

.project-info-subfolder-card__info-btns {
    margin-bottom: 1rem;
    gap: 0.75rem;
}

.project-info-subfolder-card__gallery {
    display: flex;
    align-items: stretch;
    gap: 1.5rem;
}

.project-info-subfolder-card__gallery-item {
    max-width: 16.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.project-info-subfolder-card__gallery-image {
    border-radius: 12px;
}

.project-info-subfolder-card__gallery-image-secondary {
    max-width: 7.625rem;
}

.project-info-subfolder-section-card {
    width: 45.74%;
    margin: 1.25rem 0 0.75rem;
    padding-right: 10px;
}

.project-info-chat-subfolder-section-card {
    width: 30.02%;
    max-height: 100%;
}

.project-info-subfolder-richiesta {
    width: 45.74%;
    padding-right: 10px;
    margin-bottom: 0.75rem;
}

.project-info-subfolder-richiesta__header {
    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 {
    gap: 0.75rem;
}

.project-info-subfolder-richiesta__header_btn-back-img {
    width: 1.5rem;
    height: 1.5em;
}

.project-info-subfolder-richiesta__header_btn-back-text {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #000000;
}

.project-info-subfolder-richiesta__header_status {
    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 {
    padding: 0.25rem 0.875rem;
    margin-left: auto;
}

.project-info-subfolder-card__user {
    margin: 2rem 0 1.125rem;
    gap: 0.75rem;
}

.project-info-subfolder-card__user_img--wrapper,
.project-info-subfolder-card__user_img {
    width: 2rem;
    height: 2rem;
}

.project-info-subfolder-card__user_img {
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.project-info-subfolder-card__user_name {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray-2);
}

.project-info-subfolder-card__user_name-date {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-2);
}

.create-project-modal-richiesta-oggetto__content {
    max-width: 45.75rem;
    padding: 1rem;
    width: 100%;
}

    .create-project-modal-richiesta-oggetto__content .create-project-modal__header {
        margin-bottom: 1.25rem;
    }

.editor-container {
    border: 1px solid var(--color-light-gray-3);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px;
}

.editor-toolbar {
    display: flex;
    align-items: center;
    background: #f9f9f9;
    border-bottom: 1px solid var(--color-light-gray-3);
    padding: 0.5rem 0.75rem;
}

.editor-toolbar__group {
    display: flex;
    align-items: center;
}

.editor-toolbar__group-link {
    min-width: 1px;
    max-width: 1px;
    height: 1rem;
    background-color: var(--color-light-gray-2);
    margin: 0 0.5rem;
}

.editor-toolbar__button {
    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 {
        min-height: 1.5rem;
        min-height: 1.5rem;
        max-height: 1.5rem;
        max-height: 1.5rem;
    }

.editor-toolbar__select {
    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 {
    min-height: 3.375rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.create-project-modal-presentation-settings__content {
    max-width: 33.375rem;
    width: 100%;
    padding: 1rem 2.25rem;
}

.presentation-settings__subtitle {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.presentation-settings__locations {
    margin-bottom: 2rem;
}

.presentation-settings__checkbox .checkbox__custom {
    width: 1rem;
    height: 1rem;
}

.presentation-settings__checkbox .checkbox__custom-no-all::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 {
    margin-bottom: 0.75rem;
}

.presentation-settings__select {
    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 {
    margin: 3rem 0 1rem;
}

.presentation-settings__sub-locations-list-enclosure {
    margin-left: 1.25rem;
}

.presentation-settings__link {
    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 {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-bottom: 0.25rem;
}

.presentation-settings__link-input {
    font-size: 1.125rem;
    line-height: 140%;
}

.presentation-settings__copy-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
}

/* Просмотр изображений «Билли» */
.image-viewer-modal {
    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 {
        display: flex;
    }

.image-viewer-modal__content {
    max-width: 72.25rem;
}

.image-viewer-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.image-viewer-modal__content-flex {
    display: flex;
    gap: 15.49%;
    width: 100%;
}

.image-viewer-modal__content-left {
    width: 55.67%;
}

.image-viewer-modal__content-right {
    width: 28.83%;
}

.image-viewer-modal__image--wrapper {
    margin-bottom: 1.5rem;
}

.image-viewer-modal__image {
    display: none;
    border-radius: 12px;
}

    .image-viewer-modal__image.active {
        display: block;
    }

.image-viewer-modal__image-count {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.image-viewer-modal__image-controls {
    margin-left: 0.75rem;
    gap: 0.5rem;
}

.image-viewer-modal__btn {
    width: 1.5rem;
    height: 1.5rem;
}

.image-viewer-modal__next-btn {
    transform: rotate(180deg);
}

.image-viewer-modal__catalog-btn {
    margin-left: auto;
    padding: 0.25rem 0.5rem;
}

.image-viewer-modal__comments-title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
}

.image-viewer-modal__comment-sent {
    margin: 1rem 0 1.5rem 2.75rem;
}

.image-viewer-modal__comment-form--wrapper {
    gap: 0.75rem;
}

.image-viewer-modal__comment-form-avatar {
    min-width: 2rem;
    min-height: 2rem;
    max-width: 2rem;
    max-height: 2rem;
}

    .image-viewer-modal__comment-form-avatar img {
        border-radius: 50%;
        min-width: 2rem;
        min-height: 2rem;
        max-width: 2rem;
        max-height: 2rem;
    }

.image-viewer-modal__comment-form {
    flex-grow: 1;
}

.image-viewer-modal__comment-input {
    margin-bottom: 0.75rem;
    width: 100%;
    max-width: 18.25rem;
    min-height: 3rem;
    max-height: 100%;
    padding: 6px 12px;
}

.image-viewer-modal__comment-submit {
    padding: 0.25rem 0.5rem;
}

.project-info-subfolder-application {
    width: 73%;
    margin-bottom: 0.5rem;
    height: calc(100% - 0.5rem);
}

.project-info-subfolder-application__header_btns {
    gap: 0.5rem;
}

.project-info-subfolder-application__item {
    display: flex;
    flex-direction: column;
    margin-left: 1.25rem;
    height: 100%;
}

.project-info-subfolder-application__item-user {
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.project-info-subfolder-application__item-content {
    display: flex;
    gap: 4.375rem;
    height: 100%;
}

.project-info-subfolder-application__item-content-left {
    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 {
    margin-bottom: 1.5rem;
}

    .project-info-subfolder-application__item-content_card:last-child {
        margin-bottom: 0;
    }

.project-info-subfolder-application__item-content_card-img--wrapper {
    position: relative;
}

.project-info-subfolder-application__item-content_card-img {
    border-radius: 12px;
}

.project-info-subfolder-application__item-content_card-status {
    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 {
    background-color: var(--color-red);
}

.project-info-subfolder-application__item-content_card-status-penetrated {
    background-color: var(--color-blue);
}

.project-info-subfolder-application__item-content_card-status-requested {
    background-color: var(--color-goblue);
}

.project-info-subfolder-application__item-content_card-settings {
    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 {
        background-color: #ffffff80;
    }

    .project-info-subfolder-application__item-content_card-settings img {
        width: 1.5rem;
        height: 1.5em;
    }

.project-info-subfolder-application__item-content-right {
    width: 54.86%;
}

.project-info-subfolder-application__item-content_card-btns {
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.project-info-subfolder-application__item-content_card-btn {
    padding: 0.25rem 0.625rem;
}

.project-info-subfolder-application__item-content-right .image-viewer-modal__comment-input {
    max-width: 30rem;
}

.project-error-title-modal .project-error-title-modal__text {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin: 1rem 0;
}

.project-error-title-modal__checkbox {
    margin-bottom: 1rem;
}