:root
{
    --color-primary: #6381e0;
    --color-primary--rgb: 99, 129, 224;
    --color-primary-dark: #4165d5;
    --color-primary-dark--rgb: 65, 101, 213;
    --color-second: #182136;
    --color-second--rgb: 24, 33, 54;
    --color-gray-50: #f6f7f9;
    --color-gray-100: #f5f7fc;
    --color-gray-200: #ebeff8;
    --color-gray-300: #d2d8e7;
    --color-gray-400: #dfe1e7;
    --color-gray-100--rgb: 245, 247, 252;
    --color-gray-200--rgb: 235, 239, 248;
    --color-gray-300--rgb: 210, 216, 231;
    --color-gray-400--rgb: 223, 225, 231;
    --color-danger: #eb5757;
    --color-neutral-50: #f1f2f3;
    --color-neutral-75: #f4f6fc;
    --color-neutral-100: #e3e4e8;
    --color-neutral-200: #c8c9d0;
    --color-neutral-300: #acaeb9;
    --color-neutral-400: #9093a2;
    --color-neutral-500: #727688;
    --color-neutral-600: #5d606f;
    --color-neutral-700: #464853;
    --color-neutral-800: #2f3037;
    --color-neutral-900: #17181c;
    --color-neutral-950: #0c0c0e;
    --color-blue-0: #f5f7fc;
    --color-blue-50: #ebeff9;
    --color-blue-100: #d8dff3;
    --color-blue-200: #b1bee7;
    --color-blue-300: #8a9edb;
    --color-blue-400: #627ed0;
    --color-blue-500: #3c5ec4;
    --color-blue-600: #2f4b9d;
    --color-blue-700: #243875;
    --color-blue-750: #2b3b64;
    --color-blue-800: #182136;
    --color-blue-900: #0c1327;
    --color-blue-950: #060914;
    --color-blue-750--rgb: 43, 59, 100;
    --color-green-100: #eff9f3;
    --color-green-200: #edf4f3;
    --color-green-300: #49938c;
    --color-green-400: #1ca854;
    --color-orange-100: #fef1ee;
    --color-orange-150: #fff3ec;
    --color-orange-200: #fdede3;
    --color-orange-250: #fde7e2;
    --color-orange-300: #ffd9d0;
    --color-orange-400: #ec6512;
    --color-orange-500: #ec3912;
    --color-orange-800: #947163;
    --custom-100vh: 100vh;
}

@supports (height: 100dvh)
{
    :root
    {
        --custom-100vh: 100dvh;
    }
}

*
{
    box-sizing: border-box;
}

html
{
    height: 100%;
}

body
{
    display: flex;
    flex-direction: column;
    min-width: 320px;
    min-height: 100%;
    font-family: "Inter", sans-serif;
    color: var(--color-second);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol
{
    margin: 0;
    padding: 0;
}

ul,
ol
{
    list-style: none;
}

a
{
    text-decoration: none;
    color: inherit;
}

    a:focus,
    button:focus,
    input:focus,
    select:focus
    {
        outline-color: var(--color-primary);
    }

img
{
    max-width: 100%;
}

button
{
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: inherit;
}

mark
{
    padding: 0 1px;
    background-color: #f7c1a0;
    border-radius: 2px;
}

.body--lock
{
    overflow: hidden;
}

.container
{
    width: 100%;
    margin: 0 auto;
    padding: 0 50px;
}

.container--px-0
{
    padding-left: 0;
    padding-right: 0;
}

.container--xxl
{
    max-width: 1920px;
}

.title
{
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
}

    .title b
    {
        font-weight: 400;
        color: var(--color-primary);
    }

.title--1
{
    font-size: 62px;
}

.title--2
{
    font-size: 42px;
}

.title--4
{
    font-size: 26px;
}

.title--white
{
    color: #fff;
}

.title--gray-200
{
    color: var(--color-gray-200);
}

.title--gray-300
{
    color: var(--color-gray-300);
}

.title--gray-400
{
    color: var(--color-gray-400);
}

.title--center
{
    text-align: center;
}

.title--spacing-10
{
    letter-spacing: 0.1em;
}

.title--medium
{
    font-weight: 500;
}

.title--semibold
{
    font-weight: 600;
}

.title--bold
{
    font-weight: 700;
}

.text
{
    font-size: 22px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--color-second);
}

    .text p:not(:first-child)
    {
        margin-top: 20px;
    }

    .text ul
    {
        padding-left: 25px;
        list-style: disc;
    }

        .text ul li::marker
        {
            color: #434b5d;
        }

    .text a
    {
        color: var(--color-primary);
        text-underline-offset: 3px;
    }

        .text a:hover
        {
            text-decoration: underline;
        }

.text--link-line a
{
    text-decoration: underline;
    text-underline-offset: 3px;
}

    .text--link-line a:hover
    {
        text-decoration: none;
    }

.text--link-line.text--4xs a
{
    text-underline-offset: 2px;
}

.text--link-no-line a:hover
{
    text-decoration: none;
}

.text--link-inherit a
{
    color: inherit;
}

.text__icon
{
    flex: 0 0 auto;
}

    .text__icon:first-child:not(:last-child)
    {
        margin-right: 10px;
    }

    .text__icon:last-child:not(:first-child)
    {
        margin-left: 10px;
    }

.text__icon--mx-lg:first-child:not(:last-child)
{
    margin-right: 12px;
}

.text__icon--mx-lg:last-child:not(:first-child)
{
    margin-left: 12px;
}

.text__icon--mx-sm:first-child:not(:last-child)
{
    margin-right: 8px;
}

.text__icon--mx-sm:last-child:not(:first-child)
{
    margin-left: 8px;
}

.text__icon--mx-xs:first-child:not(:last-child)
{
    margin-right: 6px;
}

.text__icon--mx-xs:last-child:not(:first-child)
{
    margin-left: 6px;
}

.text__icon--mx-xxs:first-child:not(:last-child)
{
    margin-right: 4px;
}

.text__icon--mx-xxs:last-child:not(:first-child)
{
    margin-left: 4px;
}

.text__switch
{
    flex: 0 0 auto;
    margin-top: 1px;
}

    .text__switch:first-child:not(:last-child)
    {
        margin-right: 12px;
    }

    .text__switch:last-child:not(:first-child)
    {
        margin-left: 12px;
    }

.text__clamp
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.text__clamp--2
{
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.text--4xs
{
    font-size: 12px;
}

.text--3-5xs
{
    font-size: 13px;
}

.text--3xs
{
    font-size: 14px;
}

.text--xxs
{
    font-size: 16px;
}

.text--xs
{
    font-size: 18px;
}

.text--sm
{
    font-size: 20px;
}

.text--lg
{
    font-size: 24px;
}

.text--xl
{
    font-size: 32px;
}

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

.text--lh-1
{
    line-height: 1;
}

.text--lh-125
{
    line-height: 1.25;
}

.text--lh-13
{
    line-height: 1.3;
}

.text--lh-14
{
    line-height: 1.4;
}

.text--lh-145
{
    line-height: 1.45;
}

.text--lh-15
{
    line-height: 1.5;
}

.text--lh-155
{
    line-height: 1.55;
}

.text--lh-16
{
    line-height: 1.6;
}

.text--gray-200
{
    color: var(--color-gray-200);
}

.text--gray-200-07
{
    color: rgba(var(--color-gray-200--rgb), 0.7);
}

.text--gray-300
{
    color: var(--color-gray-300);
}

.text--neutral-400
{
    color: var(--color-neutral-400);
}

.text--neutral-500
{
    color: var(--color-neutral-500);
}

.text--neutral-600
{
    color: var(--color-neutral-600);
}

.text--blue-500
{
    color: var(--color-blue-500);
}

.text--blue-600
{
    color: var(--color-blue-600);
}

.text--blue-700
{
    color: var(--color-blue-700);
}

.text--blue-750
{
    color: var(--color-blue-750);
}

.text--blue-800
{
    color: var(--color-blue-800);
}

.text--green-300
{
    color: var(--color-green-300);
}

.text--green-400
{
    color: var(--color-green-400);
}

.text--orange-400
{
    color: var(--color-orange-400);
}

.text--orange-500
{
    color: var(--color-orange-500);
}

.text--orange-800
{
    color: var(--color-orange-800);
}

.text--white
{
    color: #fff;
}

.text--medium
{
    font-weight: 500;
}

.text--semibold
{
    font-weight: 600;
}

.text--bold
{
    font-weight: 700;
}

.text--italic
{
    font-style: italic;
}

.text--spacing-5
{
    letter-spacing: 0.05em;
}

.text--spacing-10
{
    letter-spacing: 0.1em;
}

.text--iflex
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.text--flex
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.text--justify-start
{
    justify-content: flex-start;
}

.text--justify-end
{
    justify-content: flex-end;
}

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

.text--items-start
{
    align-items: flex-start;
}

.text--items--end
{
    align-items: flex-end;
}

.text--line
{
    text-decoration: underline;
}

.text--upper
{
    text-transform: uppercase;
}

.text--clamp
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.text--clamp-lines-2
{
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.text--clamp-word
{
    word-break: break-word;
}

.btn
{
    padding: 14px 24px;
    display: inline-block;
    background-color: var(--color-primary);
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: var(--color-gray-200);
    cursor: pointer;
    border: 1px solid transparent;
    transition: color 0.35s, background 0.35s, border 0.35s;
}

    .btn:hover
    {
        background-color: #486de3;
    }

    .btn:active
    {
        background-color: #375edf;
    }

    .btn:disabled,
    .btn--disabled
    {
        opacity: 0.6;
        cursor: default;
    }

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

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

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

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

.btn--white
{
    background-color: #fff;
    border-color: var(--color-neutral-100);
    color: var(--color-neutral-700);
    box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
}

    .btn--white:hover
    {
        background-color: var(--color-gray-50);
    }

    .btn--white:active
    {
        background-color: var(--color-neutral-50);
    }

    .btn--white:disabled:hover,
    .btn--white.btn--disabled:hover
    {
        background-color: #fff;
    }

.btn--gray-100
{
    background-color: var(--color-gray-100);
    color: var(--color-blue-500);
}

    .btn--gray-100:hover
    {
        background-color: var(--color-blue-50);
        color: var(--color-blue-500);
    }

    .btn--gray-100:active
    {
        background-color: var(--color-blue-100);
        color: var(--color-blue-500);
    }

    .btn--gray-100:disabled:hover,
    .btn--gray-100.btn--disabled:hover
    {
        background-color: var(--color-gray-100);
        color: var(--color-blue-500);
    }

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

    .btn--blue-500:hover
    {
        background-color: var(--color-blue-600);
    }

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

    .btn--blue-500:disabled:hover,
    .btn--blue-500.btn--disabled:hover
    {
        background: var(--color-blue-500);
    }

.btn--orange-100
{
    background-color: var(--color-orange-100);
    color: var(--color-orange-500);
}

    .btn--orange-100:hover
    {
        background-color: var(--color-orange-250);
        color: var(--color-orange-500);
    }

    .btn--orange-100:active
    {
        background-color: var(--color-orange-300);
        color: var(--color-orange-500);
    }

    .btn--orange-100:disabled:hover,
    .btn--orange-100.btn--disabled:hover
    {
        background-color: var(--color-orange-100);
        color: var(--color-orange-500);
    }

.btn--transparent,
.btn--transparent:hover,
.btn--transparent:active
{
    background-color: transparent;
}

.btn--medium
{
    font-weight: 500;
}

.btn--iflex
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn--flex
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn--justify-start
{
    justify-content: flex-start;
}

.btn--justify-end
{
    justify-content: flex-end;
}

.btn--items-start
{
    align-items: flex-start;
}

.btn--items--end
{
    align-items: flex-end;
}

.btn--full
{
    width: 100%;
}

.btn--upper
{
    text-transform: uppercase;
}

.btn--py-5xs
{
    padding-top: 7px;
    padding-bottom: 7px;
}

.btn--py-4xs
{
    padding-top: 8px;
    padding-bottom: 8px;
}

.btn--py-3xs
{
    padding-top: 9px;
    padding-bottom: 9px;
}

.btn--py-xxs
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn--py-xs
{
    padding-top: 13px;
    padding-bottom: 13px;
}

.btn--py-sm
{
    padding-top: 14px;
    padding-bottom: 14px;
}

.btn--px-sm
{
    padding-left: 20px;
    padding-right: 20px;
}

.btn--px-xs
{
    padding-left: 12px;
    padding-right: 12px;
}

.btn--px-xxs
{
    padding-left: 8px;
    padding-right: 8px;
}

.btn--text-xxs
{
    font-size: 12px;
}

.btn--text-xs
{
    font-size: 14px;
}

.btn--text-sm
{
    font-size: 15px;
}

.btn--text-lg
{
    font-size: 18px;
}

.btn--color-blue-500
{
    color: var(--color-blue-500);
}

.btn--color-white
{
    color: #fff;
}

.btn--no-shadow
{
    box-shadow: none;
}

.btn--no-border
{
    border-color: transparent;
}

.btn--icon
{
    padding: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn--icon-sm
{
    width: 36px;
    height: 36px;
}

.btn--icon-xs
{
    width: 24px;
    height: 24px;
}

.btn--icon-xxs
{
    width: 20px;
    height: 20px;
}

.btn--icon-3xs
{
    width: 18px;
    height: 18px;
}

.btn--icon-transparent
{
    background-color: transparent;
}

.btn__icon-box
{
    position: relative;
}

.btn__icon
{
    flex: 0 0 auto;
}

    .btn__icon:first-child:not(:last-child)
    {
        margin-right: 10px;
    }

    .btn__icon:last-child:not(:first-child)
    {
        margin-left: 10px;
    }

.btn__icon--mx-sm:first-child:not(:last-child)
{
    margin-right: 8px;
}

.btn__icon--mx-sm:last-child:not(:first-child)
{
    margin-left: 8px;
}

.btn__icon--mx-xs:first-child:not(:last-child)
{
    margin-right: 6px;
}

.btn__icon--mx-xs:last-child:not(:first-child)
{
    margin-left: 6px;
}

.btn__count
{
    position: absolute;
    right: -10px;
    top: -10px;
}

.btn__count--border-blue-500
{
    border: 1px solid var(--color-blue-500);
}

.btn__file-field
{
    display: none;
}

.link
{
    transition: color 0.35s, background 0.35s;
}

.link__icon
{
    flex: 0 0 auto;
    transition: fill 0.35s, stroke 0.35s;
}

    .link__icon:first-child:not(:last-child)
    {
        margin-right: 10px;
    }

    .link__icon:last-child:not(:first-child)
    {
        margin-left: 10px;
    }

.link__icon--mx-lg:first-child:not(:last-child)
{
    margin-right: 12px;
}

.link__icon--mx-lg:last-child:not(:first-child)
{
    margin-left: 12px;
}

.link__icon--mx-sm:first-child:not(:last-child)
{
    margin-right: 8px;
}

.link__icon--mx-sm:last-child:not(:first-child)
{
    margin-left: 8px;
}

.link__icon--mx-xs:first-child:not(:last-child)
{
    margin-right: 6px;
}

.link__icon--mx-xs:last-child:not(:first-child)
{
    margin-left: 6px;
}

.link__icon--mx-xxs:first-child:not(:last-child)
{
    margin-right: 4px;
}

.link__icon--mx-xxs:last-child:not(:first-child)
{
    margin-left: 4px;
}

.link__count
{
    margin-left: 10px;
}

.link__count--ml-xs
{
    margin-left: 6px;
}

.link:disabled,
.link--disabled
{
    opacity: 0.6;
    cursor: default;
    pointer-events: none;
}

.link.link--disabled-04:disabled,
.link--disabled-04
{
    opacity: 0.4;
}

.link--primary
{
    color: var(--color-primary);
}

.link--primary-dark
{
    color: var(--color-primary-dark);
}

.link--second
{
    color: var(--color-second);
}

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

    .link--blue-500:hover
    {
        color: var(--color-blue-600);
    }

    .link--blue-500:active
    {
        color: var(--color-second);
    }

.link--h-primary:hover
{
    color: var(--color-primary);
}

.link--h-primary-dark:hover
{
    color: var(--color-primary-dark);
}

.link--xxs
{
    font-size: 12px;
}

.link--xs
{
    font-size: 14px;
}

.link--sm
{
    font-size: 15px;
}

.link--lg
{
    font-size: 18px;
}

.link--xl
{
    font-size: 20px;
}

.link--lh-13
{
    line-height: 1.3;
}

.link--lh-14
{
    line-height: 1.4;
}

.link--line
{
    text-decoration: underline;
    text-underline-offset: 3px;
}

    .link--line:hover
    {
        text-decoration: none;
    }

.link--hover-line:hover
{
    text-decoration: underline;
    text-underline-offset: 3px;
}

.link--upper
{
    text-transform: uppercase;
}

.link--medium
{
    font-weight: 500;
}

.link--spacing-5
{
    letter-spacing: 0.05em;
}

.link--spacing-10
{
    letter-spacing: 0.1em;
}

.link--iflex
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.link--flex
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.link--justify-start
{
    justify-content: flex-start;
}

.link--justify-end
{
    justify-content: flex-end;
}

.link--items-start
{
    align-items: flex-start;
}

.link--items--end
{
    align-items: flex-end;
}

.link--iblock
{
    display: inline-block;
}

.input__content
{
    display: flex;
    align-items: center;
}

.input__content-btn
{
    margin-left: 8px;
    flex: 0 0 auto;
}

.input__main
{
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.input__main--arrow:after
{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    display: inline-block;
    background: url("../img/icons/down-triangle-neutral-400.svg") center / 9px 6px no-repeat;
    width: 20px;
    height: 20px;
    pointer-events: none;
}

.input__main.js-switch-item--active
{
    display: flex;
}

.input__time
{
    margin-left: 12px;
    flex: 0 0 auto;
}

.input__confirm-btn
{
    margin-left: 8px;
    flex: 0 0 auto;
    display: none;
}

.input--validated .input__confirm-btn
{
    display: inline-block;
}

.input--confirmed .input__confirm-btn
{
    display: none;
}

.input--confirmed .input__right-icon--confirm
{
    display: flex;
}

.input__confirm-el
{
    display: none;
}

.input__confirm-text
{
    margin-top: 8px;
    display: none;
}

.input--validated .input__confirm-text
{
    display: block;
}

.input--confirmed .input__confirm-text
{
    display: none;
}

.input__field
{
    padding: 10px 12px;
    line-height: 1.5;
    width: 100%;
    border-radius: 4px;
    outline: none;
    color: var(--color-second);
    background-color: #fff;
    border: 1px solid var(--color-neutral-100);
    box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
    transition: border 0.35s;
}

    .input__field:hover
    {
        box-shadow: 0px 0px 1px 2px rgba(74, 105, 217, 0.1), 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
    }

    .input__field:focus
    {
        box-shadow: 0px 0px 1px 1px #3c5ec4, 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
    }

    .input__field::placeholder
    {
        color: var(--color-neutral-500);
    }

    .input__field:read-only:hover,
    .input__field:read-only:focus
    {
        box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
    }

    .input__field.js-open-popup
    {
        cursor: pointer;
    }

    .input__field::-webkit-inner-spin-button,
    .input__field::-webkit-outer-spin-button
    {
        appearance: none;
    }

    .input__field[type="number"]
    {
        appearance: textfield;
    }

    .input__field[type="password"]::-ms-reveal,
    .input__field[type="password"]::-ms-clear
    {
        display: none;
    }

.input__field--area
{
    resize: none;
    height: 86px;
    overflow: hidden;
}

.input__field--area-sm
{
    padding-top: 10.5px;
    padding-bottom: 10.5px;
    font-size: 14px;
    height: 44px;
}

.input__field--sm
{
    padding-top: 10.5px;
    padding-bottom: 10.5px;
    font-size: 14px;
}

    .input__field--sm.textarea
    {
        resize: none;
        height: 44px;
        overflow-y: hidden;
    }

.input__field--xxs
{
    padding-top: 4px;
    padding-bottom: 5px;
    font-size: 14px;
}

.input__field--color-neutral-500
{
    color: var(--color-neutral-500);
}

.input__field--color-blue-500
{
    color: var(--color-blue-500);
}

.input__field--color-second-05
{
    color: rgba(var(--color-second--rgb), 0.5);
}

.input__field--gray-50
{
    background-color: var(--color-gray-50);
    border-color: transparent;
}

.input__field--gray-100
{
    background-color: var(--color-gray-100);
    border-color: transparent;
}

.input__field--gray-200
{
    background-color: var(--color-gray-200);
    border: 1px solid #bdc1d1;
}

    .input__field--gray-200::placeholder
    {
        color: rgba(0, 5, 27, 0.5);
    }

.input__field--no-shadow
{
    box-shadow: none;
}

.input__field--no-border
{
    border-color: transparent;
}

.input__field--px-sm
{
    padding-left: 8px;
    padding-right: 8px;
}

.input__field--with-eye
{
    padding-right: 32px;
}

.input__field--left-btn,
.input__field--left-icon
{
    padding-left: 40px;
}

.input__field--right-btn,
.input__field--right-icon
{
    padding-right: 40px;
}

.input__left-btn,
.input__right-btn,
.input__left-icon,
.input__right-icon
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input__left-btn,
.input__left-icon
{
    left: 12px;
}

.input__right-btn,
.input__right-icon
{
    right: 12px;
}

    .input__left-btn svg,
    .input__right-btn svg,
    .input__right-icon svg,
    .input__left-icon svg
    {
        max-width: 100%;
        max-height: 100%;
    }

.input__left-icon--confirm,
.input__right-icon--confirm
{
    display: none;
}

.input__clear-field
{
    display: none;
}

.input__clear-field--active
{
    display: flex;
}

.input__label
{
    padding-bottom: 8px;
    display: inline-flex;
}

.input__label--mb-lg
{
    padding-bottom: 13px;
}

.input__error
{
    margin-top: 7px;
    display: none;
    line-height: 1.25;
    color: var(--color-danger);
}

.input__message
{
    margin-top: 8px;
    display: block;
}

.input__message--3xs
{
    max-width: 215px;
}

.input__message--xs
{
    max-width: 290px;
}

.input__message--sm
{
    max-width: 320px;
}

.input__eye-btn
{
    position: absolute;
    top: 50%;
    right: 12px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .input__eye-btn:before,
    .input__eye-btn:after
    {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: inline-block;
        width: 20px;
        height: 15px;
    }

    .input__eye-btn:before
    {
        background: url("../img/icons/eye-close-neutral-600.svg") center / contain no-repeat;
    }

    .input__eye-btn:after
    {
        background: url("../img/icons/eye-neutral-600.svg") center / contain no-repeat;
        visibility: hidden;
    }

.input__eye-btn--active:before
{
    visibility: hidden;
}

.input__eye-btn--active:after
{
    visibility: visible;
}

.input__file
{
    width: 100%;
}

.input--error .input__field
{
    border-color: var(--color-danger);
}

.input--error .input__error, .input--error .select__error
{
    display: block;
    visibility: visible;
}

.input--picker-right .air-datepicker.-inline-
{
    right: 0;
}

.input--picker-mobile-max-w-none .air-datepicker.-inline-
{
    max-width: none;
}

.input--picker-buttons-hide .air-datepicker--buttons
{
    display: none;
}

.input--picker-desktop-top .air-datepicker.-inline-
{
    top: unset;
    bottom: calc(100% + 8px);
}

.input--picker-border-none .air-datepicker.-inline-
{
    border: none;
}

.file-input__field
{
    display: none;
}

.file-input__btn
{
    padding: 14px 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 4px;
    background-color: var(--color-gray-100);
    color: var(--color-blue-500);
    cursor: pointer;
    font-size: 14px;
}

.file-input--active .file-input__btn
{
    display: none;
}

.file-input__info
{
    padding: 8px;
    border-radius: 2px;
    display: none;
    align-items: center;
    background-color: var(--color-green-100);
    font-size: 13px;
    font-weight: 500;
    color: var(--color-green-400);
}

.file-input--active .file-input__info
{
    display: flex;
}

.file-input__info:before
{
    margin-right: 10px;
    content: "";
    display: inline-block;
    background: url("../img/icons/file-green-400.svg") center / 14px 17px no-repeat;
    width: 20px;
    height: 20px;
}

.file-input__info-delete
{
    margin-left: 10px;
    width: 20px;
    height: 20px;
    background: url("../img/icons/exit-neutral-600.svg") center / 13px 13px no-repeat;
}

.select__label
{
    padding-bottom: 8px;
    display: inline-flex;
}

.select__label--mb-lg
{
    margin-bottom: 13px;
}

.select__field
{
    display: none;
}

.select__error
{
    margin-top: 7px;
    display: none;
    line-height: 1.25;
    color: var(--color-danger);
}

.select--hide-field .simple-select
{
    height: auto;
}

.select--hide-field .simple-select__field
{
    display: none;
}

.select--hide-field .simple-select__list,
.select--hide-field .simple-select__ul
{
    top: 4px;
}

.select--error .select__error
{
    display: block;
}

.select--error .simple-select__field
{
    border-color: var(--color-danger);
}

.select--error .select__input .input__field
{
    border-color: var(--color-danger);
}

.select--list-sm .simple-select__list,
.select--list-sm .simple-select__box
{
    max-height: 205px;
}

.select--item-value-sm .simple-select__item
{
    font-size: 13px;
    line-height: 17px;
}

.select--shadow .simple-select__list
{
    box-shadow: 0px 6px 16px rgba(10, 9, 11, 0.08);
}

.select--h-auto .simple-select
{
    height: auto;
}

.select--h-auto .simple-select__field
{
    height: auto;
}

.select--xs .simple-select__field
{
    padding: 4.5px 40px 4.5px 12px;
}

.select--xs .simple-select__item,
.select--xs .simple-select__li
{
    padding-top: 6px;
    padding-bottom: 6px;
}

.select--xxs .simple-select__field
{
    padding: 4.5px 40px 4.5px 12px;
}

.select--xxs .simple-select
{
    height: 32px;
}

.select--xxs .simple-select__item,
.select--xxs .simple-select__li,
.simple-select__list--xxs .simple-select__item,
.simple-select__list--xxs .simple-select__li
{
    padding-top: 6px;
    padding-bottom: 6px;
}

.select--color-blue-500 .simple-select__field:not(.simple-select__field--placeholder)
{
    color: var(--color-blue-500);
}

.select--disabled .simple-select__field
{
    opacity: 0.6;
}

.select--disabled .select__label
{
    opacity: 0.6;
}

.select--item-medium .simple-select__item-value
{
    font-weight: 500;
}

.select--no-check .simple-select__item--active:after,
.select--no-check .simple-select__li--active:after
{
    display: none;
}

.simple-select
{
    position: relative;
    user-select: none;
    height: 44px;
}

.simple-select--disabled
{
    pointer-events: none;
    opacity: 0.6;
}

.simple-select:focus
{
    outline: none;
}

.simple-select__input
{
    display: none;
}

.simple-select__field
{
    position: relative;
    z-index: 2;
    padding: 9px 40px 9px 12px;
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    font-size: 14px;
    line-height: 1.5;
    color: #261100;
    transition: border 0.35s, border-radius 0.35s;
}

    .simple-select__field:after
    {
        content: "";
        display: flex;
        align-items: center;
        justify-content: center;
        background: url("../img/icons/down-triangle-neutral-400.svg") center / 9px 6px no-repeat;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        right: 14px;
        transform: translateY(-50%);
    }

.simple-select__field--active:after
{
    transform: translateY(calc(-50% - 1px)) rotate(180deg);
}

.simple-select__field--placeholder
{
    color: var(--color-neutral-500);
}

.simple-select__box,
.simple-select__list,
.simple-select__ul
{
    width: 100%;
    max-height: 264px;
}

.select--list-h-xs .simple-select__box,
.select--list-h-xs .simple-select__list,
.select--list-h-xs .simple-select__ul
{
    max-height: 135px;
}

.select--field-shadow .simple-select__field
{
    box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
}

.simple-select__ul
{
    max-height: none;
    border: 1px solid var(--color-neutral-100);
}

    .simple-select__ul.display_block
    {
        display: block;
    }

    .simple-select__ul:empty
    {
        display: none;
    }

.simple-select__list,
.simple-select__box
{
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    z-index: 5;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    overflow-y: auto;
}

.simple-select__list
{
    display: none;
}

.simple-select__ul
{
    position: static;
}

.simple-select__box[data-scrollbar]
{
    position: absolute;
}

.simple-select__list[data-scrollbar]
{
    position: absolute;
    display: none;
}

.simple-select__list--active,
.simple-select__list--active[data-scrollbar]
{
    display: block;
}

.simple-select__list--shadow
{
    box-shadow: 0px 6px 16px rgba(10, 9, 11, 0.08);
}

.simple-select__list .scrollbar-track
{
    background-color: transparent;
}

.simple-select__list .scrollbar-track-y
{
    width: 6px;
}

.simple-select__list .scrollbar-thumb
{
    width: 2px;
    background-color: var(--color-neutral-500);
}

.simple-select__list .scrollbar-thumb-y
{
    left: 3px;
}

.simple-select__list--no-filter
{
    visibility: hidden;
}

.simple-select__item,
.simple-select__li
{
    position: relative;
    padding: 8px 26px 8px 12px;
    font-size: 14px;
    line-height: 20px;
    transition: background-color 0.1s;
    cursor: pointer;
    color: var(--color-second);
}

.simple-select__item--active:after,
.simple-select__li--active:after
{
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    background: url("../img/icons/check-green-400.svg") center / 13px 10px no-repeat;
    width: 16px;
    height: 16px;
}

.simple-select__item:not(:last-child),
.simple-select__li:not(:last-child)
{
    border-bottom: 1px solid var(--color-neutral-100);
}

.simple-select__item--placeholder
{
    display: none;
}

.simple-select__item--hover,
.simple-select__li:hover
{
    background-color: var(--color-neutral-50);
}

.simple-select__item--no-filter
{
    display: none;
}

.simple-select__item-subtitle,
.simple-select__item-text,
.simple-select__li-value
{
    display: block;
}

    .simple-select__li-value.fw-bold
    {
        font-weight: bold;
    }

.simple-select__item-icons
{
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.simple-select__item-icon:not(:first-child)
{
    margin-left: 10px;
}

.simple-select__item-value
{
    justify-content: flex-start;
    width: 100%;
}

.simple-select__group
{
    padding: 2px 12px;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-second);
    background: var(--color-gray-100);
}

.simple-select__group--no-filter
{
    display: none;
}

.select
{
    position: relative;
}

.select-btn
{
    padding: 12px;
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--color-neutral-100);
    box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
    border-radius: 4px;
    font-size: 14px;
    line-height: 18px;
}

    .select-btn:after
    {
        content: "";
        margin-left: auto;
        display: inline-block;
        background: url("../img/icons/down-triangle-neutral-600.svg") center / 9px 5px no-repeat;
        width: 20px;
        height: 20px;
    }

.select-btn--py-sm
{
    padding-top: 11px;
    padding-bottom: 11px;
}

.checkbox__input
{
    display: none;
}

.checkbox
{
    display: inline-flex;
    align-items: center;
}

.checkbox__text--inactive
{
    display: none;
}

.checkbox--disabled
{
    pointer-events: none;
    opacity: 0.4;
}

.checkbox--inactive
{
    opacity: 0.4;
}

    .checkbox--inactive .checkbox__text
    {
        display: none;
    }

    .checkbox--inactive .checkbox__text--inactive
    {
        display: inline-flex;
    }

.checkbox__switch
{
    position: relative;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid var(--color-neutral-100);
    border-radius: 2px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
    cursor: pointer;
}

    .checkbox__switch:before
    {
        content: "";
        position: absolute;
        background: url("../img/icons/check-white.svg") center / contain no-repeat;
        width: 12px;
        height: 12px;
    }

.checkbox__input:checked ~ .checkbox__switch
{
    background: var(--color-blue-500);
    border-color: var(--color-blue-500);
}

    .checkbox__input:checked ~ .checkbox__switch:before
    {
        display: block;
    }

.checkbox__input:checked ~ .checkbox__switch--checked-opacity-04
{
    opacity: 0.4;
}

.checkbox__input:checked ~ .checkbox__text--checked-blue-500
{
    color: var(--color-blue-500);
}

.checkbox__text-block
{
    margin-left: 8px;
}

.checkbox__text
{
    margin-left: 7px;
    line-height: 1.4;
    user-select: none;
}

.checkbox__text--num
{
    margin-left: 0;
    align-self: flex-start;
}

    .checkbox__text--num ~ .checkbox__text
    {
        margin-left: 4px;
    }

.checkbox__text-header
{
    display: flex;
    align-items: center;
}

.checkbox__text-title
{
    font-size: 13px;
    line-height: 18px;
}

.checkbox__text-rating
{
    margin-left: 8px;
}

    .checkbox__text-rating .text__icon
    {
        width: 14px;
    }

.checkbox__text-item:not(:first-child)
{
    margin-top: 2px;
}

.checkbox--neutral-400 .checkbox__input:checked ~ .checkbox__switch
{
    background-color: transparent;
    border-color: var(--color-gray-400);
}

    .checkbox--neutral-400 .checkbox__input:checked ~ .checkbox__switch:before
    {
        background-image: url('../img/icons/check-neutral-400.svg');
    }

.switch
{
    display: flex;
    align-items: center;
}

.switch__field
{
    display: none;
}

.switch__label
{
    position: relative;
    display: inline-block;
    user-select: none;
    height: 24px;
    width: 44px;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
}

    .switch__label:before
    {
        content: "";
        position: absolute;
        display: block;
        background: var(--color-neutral-200);
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        transition: width 0.25s cubic-bezier(0, 0, 0, 0.1), background 0.25s;
    }

    .switch__label:after
    {
        content: "";
        position: absolute;
        display: block;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        background: #fff;
        height: 20px;
        width: 20px;
        top: 50%;
        transform: translateY(-50%);
        left: 2px;
        border-radius: 2px;
        box-shadow: 0px 2px 5px -2px rgba(10, 9, 11, 0.06), 0px 2px 7px rgba(10, 9, 11, 0.05), 0px 0px 0px 1px rgba(10, 9, 11, 0.05);
        transition: 0.25s ease-in-out;
    }

.switch__field:checked + .switch__label:before
{
    background: var(--color-blue-500);
}

.switch__field:checked + .switch__label:after
{
    left: 22px;
}

.not-view
{
    background: #e44f4f;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 11px;
    line-height: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form__header
{
    margin-bottom: 34px;
}

.form__header--mb-sm
{
    margin-bottom: 12px;
}

.form__text:not(:first-child)
{
    margin-top: 34px;
}

.form__text--mt-xs:not(:first-child)
{
    margin-top: 12px;
}

.form__main
{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.form__main--col-6
{
    width: 50%;
}

.form__group:not(:first-child)
{
    margin-top: 16px;
}

.form__group--my-lg:not(:first-child)
{
    margin-top: 20px;
}

.form__group-items
{
    margin-top: -16px;
    margin-left: -16px;
    display: flex;
    flex-wrap: wrap;
}

.form__group-items--column
{
    flex-direction: column;
}

.form__group-item
{
    margin-top: 16px;
    margin-left: 16px;
    flex: 1 1 0%;
}

.form__group-item--flex-0-auto
{
    flex: 0 0 auto;
}

.form__group-item--end
{
    align-self: flex-end;
    display: flex;
}

.form__group-item--col-3
{
    flex: 0 0 calc(25% - 16px);
}

.form__group-item--w-xxs
{
    flex: 0 0 168px;
}

.form__group-item--w-3xs
{
    flex: 0 0 140px;
}

.form__group-item--w-4xs
{
    flex: 0 0 115px;
}

.form__group-switch-head
{
    display: flex;
    justify-content: space-between;
    padding-top: 2px;
}

.form__group-switch
{
    margin-top: -7px;
}

.form__min-h-44
{
    min-height: 44px;
}

.form__group-label
{
    padding-bottom: 8px;
    display: inline-block;
}

.form__group-message
{
    padding-top: 8px;
    display: block;
}

.form__group-message--sm
{
    max-width: 320px;
}

.form__group-message--xs
{
    max-width: 290px;
}

.form__item
{
    width: 100%;
}

    .form__item:not(:first-child)
    {
        margin-top: 20px;
    }

.form__remind
{
    margin-top: 16px;
    align-self: flex-start;
}

    .form__remind:hover,
    .form__remind:active
    {
        color: var(--color-blue-500);
    }

.form__privacy
{
    margin-top: 32px;
}

.form__privacy--size-sm
{
    max-width: 295px;
}

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

.form__footer--align-end
{
    align-items: flex-end;
}

.form__btn
{
    margin-top: 34px;
}

.form__btns
{
    margin-top: 20px;
    display: flex;
}

.form__btns--mt-sm
{
    margin-top: 16px;
}

.form__btns-btn:not(:first-child)
{
    margin-left: 12px;
}

.form__select-btn
{
    width: 100%;
}

.form__link
{
    margin-top: 12px;
    display: inline-block;
}

.form__addition
{
    margin-top: 32px;
}

.form__addition--mt-sm
{
    margin-top: 12px;
}

.form__steps-router
{
    margin-bottom: 32px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

    .form__steps-router:before
    {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 4px;
        width: 100%;
        background-color: #fff;
    }

.form__steps-route
{
    position: relative;
    z-index: 1;
    padding: 4px 0;
    text-align: center;
    border: 1px solid transparent;
    width: 57px;
    border-radius: 2px;
    background-color: #fff;
    color: var(--color-second);
    font-size: 14px;
    line-height: 1.3;
}

.form__steps-route--active
{
    border-color: var(--color-blue-500);
}

.form__step
{
    display: none;
}

.form__step--active
{
    display: block;
}

.form__steps-btns
{
    margin-top: 32px;
    display: flex;
}

.form__steps-btn
{
    flex: 1 1 100%;
}

    .form__steps-btn:not(:first-child)
    {
        margin-left: 16px;
    }

.form__steps-btn--auto
{
    flex: none;
}

.form__switch-box
{
    display: flex;
    align-items: center;
}

.form__switch-text:first-child:not(:last-child)
{
    margin-right: 12px;
}

.form__switch-text:last-child:not(:first-child)
{
    margin-left: 12px;
}

.form__notify
{
    margin-top: 16px;
}

.form__notify--my-lg
{
    margin-top: 20px;
}

.form__tags-edit
{
    margin-top: 8px;
    max-height: 256px;
}

.accordion__btn
{
    user-select: none;
    cursor: pointer;
}

.accordion__content
{
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

.accordion--activating .accordion__content
{
    visibility: visible;
    transition: height 0.5s;
}

.accordion--active .accordion__content
{
    height: auto;
    visibility: visible;
}

.tabs-btns
{
    display: flex;
    overflow-x: auto;
}

.tabs-btns--column
{
    overflow-x: visible;
    flex-direction: column;
}

.tabs-list__item
{
    display: none;
}

.tabs-list__item--active
{
    display: block;
}

.tabs-list__item--flex.tabs-list__item--active
{
    display: flex;
}

.logo
{
    display: flex;
    align-items: center;
}

.logo__img
{
    width: 138px;
    height: auto;
    object-fit: contain;
}

.logo__img--sm
{
    width: 68px;
}

.logo__img--mobile
{
    display: none;
}

.search
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.search__content
{
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    background-color: #f4f6fb;
}

.search__field
{
    padding: 0 170px 0 70px;
    height: 100%;
    width: 100%;
    letter-spacing: 0.07em;
    background-color: #fff;
    border: none;
    outline: 1px solid var(--color-gray-300);
    font-size: 14px;
}

    .search__field::placeholder
    {
        color: rgba(var(--color-second--rgb), 0.4);
        text-transform: uppercase;
    }

    .search__field:focus
    {
        outline-color: var(--color-primary-dark);
    }

.search__btn
{
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 100%;
    transition: background 0.35s;
}

.search__btn--close
{
    display: none;
}

.search__btn--filter
{
    left: 0;
    border-right: 1px solid var(--color-gray-300);
    background: var(--color-gray-200);
}

.search__btn--submit
{
    right: 0;
    background: var(--color-gray-200);
    width: fit-content;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 12px;
    letter-spacing: 0.1em;
    font-weight: 500;
    text-transform: uppercase;
}

.search__btn svg
{
    stroke: var(--color-second);
    transition: stroke 0.35s;
    width: 16px;
}

.search__btn--submit svg
{
    margin-right: 12px;
}

@media (min-width: 767.01px)
{
    .search__btn:hover
    {
        background-color: var(--color-primary-dark);
    }

        .search__btn:hover svg
        {
            stroke: #fff;
        }
}

.search__toggle
{
    display: none;
}

    .search__toggle svg
    {
        stroke: var(--color-second);
    }

.search__info
{
    position: absolute;
    right: 132px;
    top: 50%;
    transform: translateY(-50%);
}

.bg-boxes
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
}

.bg-boxes__item
{
    flex: 1 1 100%;
    margin-left: -1px;
    margin-right: -1px;
}

.bg-box
{
    height: 100%;
    background: linear-gradient(69deg, #28385e 0%, #2f406d 100%);
}

.down-btn
{
    display: flex;
    flex-direction: column;
}

    .down-btn object
    {
        width: 50px;
        height: 50px;
        pointer-events: none;
    }

.nav-btns
{
    display: flex;
    background-color: var(--color-gray-100);
}

.nav-btns__btn
{
    padding: 24px 12px;
    flex: 1 1 100%;
    background-color: var(--color-gray-100);
    border-bottom: 1px solid var(--color-primary-dark);
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-primary-dark);
    transition: background 0.35s, color 0.35s;
}

    .nav-btns__btn.tabs-btns__btn--active
    {
        background-color: var(--color-primary-dark);
        color: #fff;
        cursor: default;
    }

.panel-btns__list
{
    display: inline-flex;
    background-color: var(--color-gray-100);
    border-radius: 4px;
    padding: 4px;
    max-width: 100%;
    overflow-x: auto;
}

.panel-btn
{
    padding: 9px 18px;
    background-color: var(--color-gray-100);
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    border: 0.5px solid transparent;
    font-size: 14px;
    color: var(--color-second);
    user-select: none;
    cursor: pointer;
    transition: background 0.35s, color 0.35s, border 0.35s, box-shadow 0.35s;
}

.panel-btn--px-sm
{
    padding-left: 12px;
    padding-right: 12px;
}

.panel-btns__btn
{
    flex: 0 0 auto;
    min-width: 123px;
}

.panel-btns__btn--w-auto
{
    min-width: auto;
}

.panel-btns__btn:not(:first-child)
{
    margin-left: 2px;
}

.panel-btns__btn--active,
.panel-btns__btn.tabs-btns__btn--active,
.panel-checkbox__input:checked ~ .panel-checkbox__btn
{
    background-color: #fff;
    color: var(--color-blue-500);
    cursor: default;
    border-color: #e2e4e9;
    box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
}

.panel-checkbox__input
{
    display: none;
}

.panel-checkbox__btn
{
    width: 100%;
}

.filter-btns__list
{
    display: inline-flex;
    background-color: #fff;
    border-radius: 2px;
    padding: 4px;
    max-width: 100%;
    overflow-x: auto;
}

.filter-btns__list--full
{
    width: 100%;
}

.filter-btn
{
    padding: 8px 16px;
    background-color: transparent;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--color-second);
    user-select: none;
    cursor: pointer;
    transition: background 0.35s, color 0.35s, border 0.35s, box-shadow 0.35s;
}

.filter-btn__count
{
    margin-left: 8px;
}

.filter-btns__btn
{
    flex: 1 1 0%;
}

    .filter-btns__btn:not(:first-child)
    {
        margin-left: 4px;
    }

    .filter-btns__btn--active,
    .filter-btns__btn.tabs-btns__btn--active,
    .filter-checkbox__input:checked ~ .filter-checkbox__btn
    {
        background-color: var(--color-gray-50);
        color: var(--color-blue-500);
        cursor: default;
    }

        .filter-btns__btn--active .count-circle,
        .filter-btns__btn.tabs-btns__btn--active .count-circle,
        .filter-checkbox__input:checked ~ .filter-checkbox__btn .count-circle
        {
            background-color: var(--color-blue-500);
            color: #fff;
        }

[data-scrollbar]
{
    overflow: hidden;
}

div.scrollbar-track-x
{
    height: 10px;
    background-color: transparent;
}

div.scrollbar-track-y
{
    width: 10px;
    background-color: transparent;
}

div.scrollbar-thumb-y
{
    width: 4px;
    left: 3px;
}

div.scrollbar-thumb-x
{
    height: 4px;
    top: 3px;
}

[data-scrollbar-sm] div.scrollbar-track-x
{
    height: 6px;
}

[data-scrollbar-sm] div.scrollbar-track-y
{
    width: 6px;
}

[data-scrollbar-sm] div.scrollbar-thumb-y
{
    width: 2px;
    left: 2px;
}

[data-scrollbar-sm] div.scrollbar-thumb-x
{
    height: 2px;
    top: 2px;
}

.dropdown
{
    position: relative;
}

.dropdown__main
{
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 5;
    display: none;
}

.dropdown__main--r-12
{
    right: 12px;
}

.dropdown__main--t-14
{
    top: calc(100% + 14px);
}

.dropdown__main--left
{
    right: unset;
    left: 0;
}

.dropdown__main--full
{
    width: 100%;
}

.dropdown--active .dropdown__main
{
    display: block;
}

.dropdown--active .dropdown__btn-arrow
{
    transform: rotate(180deg) translateY(1px);
}

.dropdown__profile
{
    width: 203px;
}

.dropdown__date
{
    max-height: 220px;
}

.dropdown__controls
{
    width: auto;
}

.dropdown .scrollbar-track-y
{
    width: 6px;
}

.dropdown .scrollbar-thumb
{
    width: 2px;
    background-color: var(--color-neutral-500);
}

.dropdown .scrollbar-thumb-y
{
    left: 3px;
}

[data-tippy-root]
{
    max-width: min(320px, calc(100vw - 10px));
}

.tippy-box
{
    background-color: var(--color-second);
    font-size: 12px;
}

.tippy-content
{
    padding: 6px 9px;
}

.tippy-arrow
{
    z-index: -1;
}

    .tippy-arrow:before
    {
        transform: rotate(45deg);
        border: none;
        width: 16px;
        height: 16px;
        background-color: var(--color-second);
        border-radius: 2px;
    }

.tippy-box[data-placement^="bottom"] > .tippy-arrow:before
{
    left: -6px;
}

.tippy-box[data-placement^="top"] > .tippy-arrow:before
{
    left: 5px;
}

.tippy-box[data-placement^="left"] > .tippy-arrow:before
{
    top: -6px;
}

.tippy-box[data-placement^="right"] > .tippy-arrow:before
{
    top: 5px;
}

.icon
{
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon--xl
{
    width: 24px;
    height: 24px;
}

.icon--lg
{
    width: 22px;
    height: 22px;
}

.icon--sm
{
    width: 18px;
    height: 18px;
}

.icon--xs
{
    width: 16px;
    height: 16px;
}

.icon--xxs
{
    width: 14px;
    height: 14px;
}

.icon__img--full
{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.icon__img--w-16
{
    width: 16px;
}

.icon__img--rotate-90deg
{
    transform: rotate(90deg);
}

.icon__img--rotate-270deg
{
    transform: rotate(270deg);
}

.rate-control__list
{
    margin: 0 -6px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
}

.rate-control__label
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 23px;
    cursor: pointer;
}

    .rate-control__label:before
    {
        content: "";
        display: inline-block;
        background: url("../img/icons/star-blue-200.svg") center / cover no-repeat;
        width: 23px;
        height: 23px;
    }

.rate-control__input
{
    display: none;
}

    .rate-control__input:checked ~ .rate-control__label:before
    {
        background: url("../img/icons/star-blue-500.svg") center / cover no-repeat;
    }

.num
{
    background-color: var(--color-gray-100);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-blue-600);
}

.num--green-400
{
    background-color: var(--color-green-400);
    color: #fff;
}

.dropdown-month,
.dropdown-year
{
    z-index: 3;
    flex: 1 1 0%;
}

.dropdown-month__btn,
.dropdown-year__btn
{
    width: 100%;
}

.dropdown-month:not(:first-child),
.dropdown-year:not(:first-child)
{
    margin-left: 12px;
}

.air-datepicker
{
    z-index: 5;
    width: 396px;
    --adp-day-cell-height: 40px;
}

    .air-datepicker.-inline-
    {
        position: absolute;
        top: calc(100% + 8px);
        max-width: 100%;
        display: none;
        border: 1px solid var(--color-neutral-50);
    }

.air-datepicker--show.-inline-
{
    display: block;
}

.air-datepicker--visible,
.air-datepicker--visible.-inline-
{
    position: static;
    display: block;
    width: 100%;
}

.air-datepicker-nav
{
    padding: 16px 16px 12px;
    border-bottom: none;
}

.air-datepicker-nav--action
{
    width: 24px;
    flex: 0 0 auto;
}

    .air-datepicker-nav--action svg
    {
        display: none;
    }

    .air-datepicker-nav--action:after
    {
        content: "";
        display: inline-block;
        background: url("../img/icons/down-round-blue-500.svg") center / contain no-repeat;
        width: 18px;
        height: 10px;
    }

    .air-datepicker-nav--action[data-action="next"]
    {
        margin-left: 12px;
    }

    .air-datepicker-nav--action[data-action="prev"]:after
    {
        transform: rotate(90deg);
    }

    .air-datepicker-nav--action[data-action="next"]:after
    {
        transform: rotate(-90deg);
    }

.air-datepicker--content
{
    padding: 0 16px;
}

.air-datepicker-body--day-names
{
    margin-top: 2px;
    margin-bottom: 6px;
    gap: 14px;
}

.air-datepicker-body--day-name
{
    font-size: 13px;
    color: var(--color-neutral-500);
}

.air-datepicker-body--cells
{
    row-gap: 5px;
    column-gap: 14px;
}

.air-datepicker-cell
{
    border-radius: 4px;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.38px;
}

    .air-datepicker-cell.-current-,
    .air-datepicker-cell.-current-.-focus-
    {
        color: var(--color-blue-400);
    }

        .air-datepicker-cell.-current-.-selected-,
        .air-datepicker-cell.-current-.-selected-.-focus-
        {
            color: var(--color-gray-50);
        }

    .air-datepicker-cell.-range-from-,
    .air-datepicker-cell.-range-to-
    {
        border-radius: 4px;
        background-color: transparent;
        border: 1px solid var(--color-blue-500);
    }

    .air-datepicker-cell:hover,
    .air-datepicker-cell.-focus-
    {
        background-color: transparent;
    }

    .air-datepicker-cell.-in-range-
    {
        background-color: var(--color-blue-50);
        border-radius: 4px;
    }

        .air-datepicker-cell.-in-range-:hover,
        .air-datepicker-cell.-in-range-.-focus-
        {
            background-color: var(--color-blue-50);
        }

    .air-datepicker-cell.-selected-
    {
        background-color: var(--color-blue-500);
        color: var(--color-gray-50);
    }

        .air-datepicker-cell.-selected-.-focus-
        {
            background-color: var(--color-blue-500);
        }

        .air-datepicker-cell.-selected-.-current-
        {
            background-color: var(--color-blue-500);
        }

.air-datepicker--time
{
    margin-top: 12px;
    padding: 0 16px;
    border-top: none;
}

    .air-datepicker--time:last-child
    {
        padding-bottom: 12px;
    }

.air-datepicker-time
{
    display: none;
}

.datepicker-time
{
    display: flex;
    align-items: center;
}

.datepicker-time--hide
{
    display: none;
}

.datepicker-time__field
{
    flex: 0 0 calc(50% - 6px);
}

    .datepicker-time__field::-webkit-calendar-picker-indicator
    {
        display: none;
    }

.datepicker-time__type
{
    margin-left: 12px;
    flex: 0 0 calc(50% - 6px);
}

.air-datepicker--buttons
{
    margin-top: 16px;
    padding: 12px;
    border-top: 1px solid var(--color-neutral-100);
}

.air-datepicker-buttons
{
    display: flex;
    align-items: center;
}

.air-datepicker-button
{
    height: auto;
    flex: 1 1 0%;
}

    .air-datepicker-button.btn--blue-500:hover
    {
        background-color: var(--color-blue-600);
        color: var(--color-gray-200);
    }

    .air-datepicker-button.btn--blue-500:active
    {
        background-color: var(--color-blue-700);
    }

    .air-datepicker-button.btn--gray-100:hover
    {
        background-color: var(--color-blue-50);
        color: var(--color-blue-500);
    }

    .air-datepicker-button.btn--gray-100:active
    {
        background-color: var(--color-blue-100);
        color: var(--color-blue-500);
    }

    .air-datepicker-button:not(:first-child)
    {
        margin-left: 10px;
    }

.cropper-bg
{
    background-image: none;
}

.cropper-modal
{
    background-color: var(--color-second);
    opacity: 0.4;
}

.cropper-point
{
    width: 8px;
    height: 8px;
    background-color: var(--color-blue-500);
}

    .cropper-point.point-n
    {
        top: -5px;
    }

    .cropper-point.point-w
    {
        left: -5px;
    }

    .cropper-point.point-e
    {
        right: -5px;
    }

    .cropper-point.point-s
    {
        bottom: -5px;
    }

    .cropper-point.point-nw
    {
        left: -5px;
        top: -5px;
    }

    .cropper-point.point-ne
    {
        right: -5px;
        top: -5px;
    }

    .cropper-point.point-se
    {
        width: 8px;
        height: 8px;
        bottom: -5px;
        right: -5px;
    }

.header
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 8;
    background-color: var(--color-gray-200);
    border: 1px solid var(--color-gray-300);
}

.header__content
{
    display: flex;
    height: 47px;
    padding-left: 108px;
}

.header__logo
{
    padding: 1.5px 0;
}

.header__search
{
    margin-left: 108px;
    border-left: 1px solid var(--color-gray-300);
    border-right: 1px solid var(--color-gray-300);
    flex-grow: 1;
}

.header__user
{
    align-self: stretch;
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
}

.header__user-link
{
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex: 0 0 auto;
    border-left: 1px solid var(--color-gray-300);
    transition: background 0.3s;
    font-size: 12px;
    text-underline-offset: 2px;
}

.header__user-link--login
{
    font-size: 12px;
    width: 90px;
}

    .header__user-link--login:hover
    {
        background-color: var(--color-primary-dark);
        color: #fff;
    }

    .header__user-link--login svg
    {
        stroke: var(--color-second);
    }

    .header__user-link--login .link__icon
    {
        width: 16px;
    }

    .header__user-link--login:hover svg
    {
        stroke: #fff;
    }

.header__user-link--profile:hover
{
    background-color: var(--color-gray-100);
}

.header__user-link--profile svg
{
    fill: var(--color-second);
}

.header__user-link-main
{
    width: 100%;
    height: 100%;
}

    .header__user-link-main .link__icon
    {
        width: 18px;
    }

.header__user-link--callback .link__icon
{
    width: 21px;
}

.main
{
    padding-top: 49px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.main--pt-0
{
    padding-top: 0;
}

.main__steps
{
    padding-top: 90px;
}

.main__faq
{
    padding-top: 133px;
    padding-bottom: 120px;
}

.main__full-section
{
    flex: 1 1 auto;
}

.main__tariffs
{
    flex: 1 1 auto;
}

.banner
{
    position: relative;
    background-color: #2b3b64;
}

.banner__main
{
    position: relative;
    overflow: hidden
}

.banner__main--about
{
    padding-top: 56px;
    padding-bottom: 78px;
}

    .banner__main--about::after
    {
        content: '';
        display: block;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1397 354'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='url(%23b)' d='m914 0 317.8 26.8 184 11.7v336L0 376.3V210.4L914 0Z'/%3e%3cpath fill='%23111932' d='M0 210.4v210.4l1400 113.5V334L0 210.4Z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='b' x1='300.7' x2='3699.3' y1='286.6' y2='328.1' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%231B2647'/%3e%3cstop offset='1' stop-color='%23111932' stop-opacity='.9'/%3e%3c/linearGradient%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h1397v354H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        width: 1397px;
        height: 354px;
        position: absolute;
        bottom: 0;
        right: -22px;
        background-repeat: no-repeat;
        background-size: cover;
    }

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

.banner__info
{
    position: relative;
    z-index: 1;
    padding-left: 50px;
    max-width: 910px;
}

.banner__info--about
{
    max-width: 860px;
    margin-top: -112px;
}

.banner__name
{
    margin-bottom: 100px;
}

.banner__subtitle
{
    color: #8399e0;
}

.banner__subtitle2:not(:first-child)
{
    margin-top: 7px;
}

.banner__title
{
    font-size: 56px;
}

    .banner__title:not(:first-child)
    {
        margin-top: 30px;
    }

.banner__title--about
{
    font-size: 48px;
}

.banner__images
{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.banner__single-img
{
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    flex: 0 0 auto;
    width: 776px;
    max-width: 100%;
    left: -8px;
}

.banner__bg-boxes
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
}

.banner__bg-box
{
    flex: 1 1 100%;
    margin-left: -1px;
    margin-right: -1px;
}

.banner__bg-images
{
    border-top: 2px solid #192136;
    display: flex;
    position: relative;
    z-index: 1;
}

.banner__bg-img
{
    flex: 0 0 auto;
    width: calc(20% - 8px);
}

    .banner__bg-img:not(:first-child)
    {
        margin-left: 10px;
    }

.banner__down
{
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.features
{
    padding: 155px 37px 125px;
    background-color: var(--color-gray-200);
    overflow: hidden;
}

.features__cols
{
    display: flex;
    align-items: flex-start;
}

.features__col
{
    margin: 0 -12px;
    padding: 0 12px;
    width: 50%;
    display: flex;
    align-items: flex-start;
}

.features__item
{
    width: calc(50% + 24px);
}

    .features__item:nth-child(2n + 1)
    {
        transform: rotate(-5deg);
    }

    .features__item:nth-child(2n)
    {
        transform: rotate(5deg);
    }

.features__col:nth-child(1) .features__item:nth-child(2) .feature-item__img
{
    right: -58px;
    bottom: -84px;
}

.features__col:nth-child(2) .features__item:nth-child(1) .feature-item__img
{
    right: -156px;
    bottom: -180px;
}

.features__col:nth-child(2) .features__item:nth-child(2) .feature-item__img
{
    right: 2px;
    bottom: -39px;
    transform: rotate(0deg);
}

.feature-item
{
    position: relative;
    z-index: 1;
    background-color: var(--color-gray-200);
    border-radius: 2px;
    overflow: hidden;
    cursor: default;
    transition: transform 0.5s;
}

.feature-item__content
{
    background: linear-gradient(270deg, rgba(235, 239, 248, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
    position: relative;
    padding: 24px;
    height: 100%;
    min-height: 608px;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.35);
    border-radius: 2px;
    overflow: hidden;
}

.feature-item__title
{
    position: relative;
    z-index: 1;
    max-width: 330px;
}

.feature-item__text
{
    margin-top: 34px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    height: 153px;
    -webkit-box-orient: vertical;
    color: rgba(var(--color-second--rgb), 0.8);
    transition: height 0.5s;
}

    .feature-item__text li::marker
    {
        color: #444b5c;
    }

.feature-item--hover .feature-item__text
{
    display: block;
}

.feature-item__text--active
{
    display: block;
}

.feature-item__img
{
    position: absolute;
    right: -48px;
    bottom: -64px;
    transform: rotate(-16deg);
    transition: visibility 0.4s, opacity 0.4s;
}

.feature-item__more
{
    height: 17px;
    width: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #e2e8f6;
}

    .feature-item__more img
    {
        width: 15px;
        transition: transform 0.3s;
    }

.feature-item__more--active img
{
    transform: rotate(-180deg);
}

.feature-item:hover
{
    z-index: 2;
    transform: rotate(0);
}

    .feature-item:hover .feature-item__img
    {
        opacity: 0;
        visibility: hidden;
    }

.steps
{
    background-color: var(--color-gray-200);
}

.steps__content
{
    background-color: var(--color-gray-100);
}

.steps__tab
{
    position: relative;
    padding-top: 60px;
}

.steps__value
{
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
}

.steps__value-main
{
    position: relative;
    display: inline-flex;
}

    .steps__value-main:after
    {
        content: "";
        position: absolute;
        right: -232px;
        top: calc(50% - 2px);
        height: 2px;
        width: 100px;
        background-color: var(--color-primary-dark);
    }

.steps__value-num
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--color-primary-dark);
}

.steps__tab-img
{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    max-height: 100%;
    object-fit: contain;
}

.steps__tab-left
{
    position: relative;
    width: 50%;
}

.steps__tab-right
{
    padding-top: 95px;
    padding-left: 112px;
    padding-right: 47px;
    width: 50%;
}

.steps__list-box
{
    max-height: 556px;
    overflow: hidden;
}

    .steps__list-box .scrollbar-track
    {
        visibility: hidden;
    }

.steps__list
{
    padding-bottom: 531px;
}

.steps__item
{
    line-height: 26px;
}

    .steps__item:not(:last-child)
    {
        padding-bottom: 46px;
    }

    .steps__item span
    {
        display: block;
        max-width: 552px;
    }

.faq
{
    background-color: var(--color-gray-200);
}

.faq__content
{
    padding-left: 42px;
    padding-right: 42px;
}

.faq__title
{
    margin-bottom: 34px;
}

.faq__cols
{
    margin: 0 -30px 0;
    display: flex;
    flex-wrap: wrap;
}

.faq__col
{
    margin: 0 30px;
    width: calc(50% - 60px);
}

.faq-item
{
    border-bottom: 1px solid rgba(var(--color-primary--rgb), 0.4);
}

.faq-item__btn
{
    padding: 26px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}

    .faq-item__btn span
    {
        max-width: 730px;
    }

    .faq-item__btn:after
    {
        margin-left: 20px;
        margin-right: 3px;
        content: "";
        flex: 0 0 auto;
        display: inline-block;
        background: url("../img/icons/down.svg") center / contain no-repeat;
        width: 29px;
        height: 16px;
        transition: transform 0.5s;
    }

    .faq-item__btn.accordion__btn--active:after
    {
        transform: rotate(-180deg);
    }

.faq-item__main
{
    padding-bottom: 26px;
}

.callback
{
    position: relative;
    padding: 118px 0;
    overflow: hidden;
}

.callback__form
{
    position: relative;
    z-index: 2;
    margin: 0 auto;
    padding: 0 12px;
    width: 600px;
    max-width: 100%;
}

.callback__bg-boxes
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background: #000;
    overflow: hidden;
}

.callback__bg-box
{
    flex: 1 1 100%;
    margin-left: -1px;
    margin-right: -1px;
}

    .callback__bg-box:nth-child(3)
    {
        flex: 0 0 130px;
    }

    .callback__bg-box:nth-child(5)
    {
        flex: 0 0 200px;
    }

.callback__img
{
    position: absolute;
    z-index: 1;
}

    .callback__img:nth-child(1)
    {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .callback__img:nth-child(2)
    {
        right: 0;
        bottom: 0;
        width: 420px;
        height: 420px;
        object-fit: contain;
    }

.footer
{
    position: relative;
    z-index: 1;
    background-color: var(--color-gray-200);
}

.footer__content
{
    padding: 19px 50px 19px 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__currencies
{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.footer__currency
{
    letter-spacing: 0.05em;
}

    .footer__currency:not(:first-child)
    {
        margin-left: 63px;
    }

    .footer__currency .text__icon
    {
        max-width: 12px;
        max-height: 14px;
    }

.footer__copyright
{
    flex: 0 0 auto;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(var(--color-second--rgb), 0.5);
}

.footer__menu
{
    margin: 0 15px;
}

.footer-menu__list
{
    display: flex;
    flex-wrap: wrap;
}

.footer-menu__item:not(:first-child)
{
    margin-left: 44px;
}

.footer-menu__link
{
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 12px;
}

.visually-hidden
{
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

.idea
{
    padding: 90px 0 40px;
    background-color: rgb(235, 239, 248);
}

    .idea .flex
    {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: space-between;
    }

        .idea .flex:nth-child(2n)
        {
            flex-direction: row-reverse;
        }

        .idea .flex:not(:last-child)
        {
            margin-bottom: 30px;
        }

        .idea .flex > img
        {
            margin-left: auto;
            margin-right: auto;
        }

    .idea .block
    {
        max-width: 770px;
        width: 100%;
    }

.idea__title
{
    margin-bottom: 35px;
}

.idea__cols
{
    margin-top: -20px;
    margin-left: -20px;
    display: flex;
    flex-wrap: wrap;
}

.idea__col
{
    margin-top: 20px;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
}

    .idea__col:nth-child(2n)
    {
        flex: 0 0 auto;
        width: calc(42.4% - 20px);
    }

.idea__item
{
    flex: 1 1 auto;
}

    .idea__item:not(:first-child)
    {
        margin-top: 20px;
    }

.idea-item
{
    position: relative;
    padding: 34px;
    display: flex;
    flex-direction: column;
    background: linear-gradient(354.02deg, rgba(244, 246, 251, 0.5) 29.9%, rgba(248, 249, 255, 0.5) 95.11%);
    border: 1px solid rgba(42, 59, 100, 0.1);
    box-shadow: inset 0px 7.85974px 23.5792px rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(23.5792px);
    border-radius: 6px;
    overflow: hidden;
}

    .idea-item:before
    {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
        background: radial-gradient(50% 50% at 50% 50%, #758FE3 0%, rgba(117, 143, 227, 0) 100%);
        opacity: 0.3;
        width: 1040px;
        height: 1040px;
        border-radius: 50%;
    }

.idea-item__img
{
    position: relative;
    z-index: 2;
    margin: auto auto 0;
    display: block;
    width: 400px;
}

.idea-item__text
{
    position: relative;
    z-index: 2;
    font-size: 26px;
    color: rgba(var(--color-second--rgb), 0.64);
}

.idea-item__text--align-start
{
    align-self: flex-start;
}

.idea-item--row
{
    padding: 48px 0 48px 34px;
    flex-direction: row;
    align-items: center;
}

    .idea-item--row:before
    {
        width: 600px;
        height: 600px;
        right: 0;
        left: unset;
        top: 50%;
        transform: translate(50%, -50%);
    }

    .idea-item--row .idea-item__text
    {
        font-size: 22px;
        color: rgba(var(--color-second--rgb), 0.8);
    }

    .idea-item--row .idea-item__img
    {
        margin-left: 20px;
        margin-bottom: auto;
        max-width: 256px;
    }

.tabs
{
    padding: 90px 0;
    background-color: rgb(235, 239, 248);
}

    .tabs .flex
    {
        display: flex;
        max-width: 358px;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        border: 1px solid #2b3b64;
        border-radius: 1000px;
        padding: 2px;
        margin-bottom: 45px;
    }

.tabs__btns
{
    overflow-x: auto;
}

.tablinks
{
    color: #2b3b64;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    padding: 0 16px;
    border-radius: 1000px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .tablinks.tabs-btns__btn--active
    {
        background-color: #2b3b64;
        color: #fff;
        padding: 9px 30px;
        cursor: default;
    }

.tabs .flex-2
{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.tabs .card
{
    background-image: url(../img/about/tab-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    padding: 34px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.tabs img
{
    margin-bottom: 30px;
    width: 60px;
    height: 60px;
}

.tabs .tab__title
{
    font-family: "IBM Plex Sans", sans-serif;
    line-height: 1.5;
}

.tabs .tab__text
{
    margin-top: 34px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #b2b7c5;
}

.tabcontent
{
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn
{
    from
    {
        opacity: 0;
    }

    to
    {
        opacity: 1;
    }
}

.subscribe
{
    padding: 40px 0;
    background-color: rgb(235, 239, 248);
}

.subscribe__card
{
    background-image: url(../img/about/subscribe-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: space-between;
}

.subscribe__block
{
    flex: 0 0 756px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 46px 24px;
}

.subscribe__block-header
{
    display: flex;
    align-items: center;
}

.subscribe__block-envelope
{
    margin-left: auto;
    padding-left: 20px;
    width: 200px;
    height: 57px;
}

.subscribe__text
{
    margin-top: 34px;
    max-width: 346px;
    opacity: 0.7;
}

.subscribe__btn
{
    margin-top: 34px;
    width: 100%;
}

.subscribe__envelope
{
    margin-left: auto;
    margin-right: auto;
}

.subscribe__img-box
{
    margin-left: auto;
    padding: 46px 24px 46px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.subscribe__img
{
    object-fit: contain;
}

.contacts
{
    padding: 80px 0 60px;
    background-color: rgb(235, 239, 248);
}

.contacts__title
{
    font-size: 42px;
    font-weight: 400;
    line-height: 50.4px;
    text-align: left;
    color: rgb(24, 33, 54);
    margin-bottom: 30px;
}

.contacts__grid
{
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 430px 460px;
    gap: 34px;
}

.contacts__block
{
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.contacts__text span
{
    font-weight: 400;
}

.contacts__link
{
    display: flex;
    align-items: self-end;
    border: 1px solid #f2f5fb;
    border-radius: 6px;
    min-height: 200px;
    position: relative;
    padding: 24px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: rgb(24, 33, 54);
    font-size: 32px;
    text-wrap: nowrap;
    overflow: hidden;
}

.contacts__link--phone
{
    background: linear-gradient(270deg, rgba(235, 239, 248, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), url(../img/about/contacts-bg-phone.svg) no-repeat top 5px right 10px;
}


.contacts__link--mail
{
    background: linear-gradient(270deg, rgba(235, 239, 248, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), url(../img/about/contacts-bg-mail.svg) no-repeat top right;
}

.contacts__link:hover
{
    color: rgb(99, 129, 224);
}

    .contacts__link:hover svg path
    {
        stroke: rgb(99, 129, 224);
    }

.contacts .arrow
{
    position: absolute;
    top: 22px;
    right: 22px;
}

.contacts__link--phone .arrow
{
    right: 52px;
}

.overlay
{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(8, 14, 39, 0.75);
}

.close
{
    display: none;
    position: fixed;
    top: 30px;
    right: 30px;
}

.modal
{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 7;
    width: 100%;
    height: 100%;
    display: none;
}

.modal__body
{
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    max-width: 460px;
    width: 100%;
}

.modal__content
{
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    padding: 24px;
}

.modal__title
{
    margin-bottom: 35px;
}

.modal__text
{
    margin-top: 16px;
}

.modal__btn
{
    margin-top: 24px;
}

.modal__text-block
{
    display: none;
}

.modal__text-2
{
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    margin-bottom: 35px;
    color: rgb(24, 33, 54);
}

.modal__btn-2
{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: rgb(24, 33, 54);
    text-decoration: underline;
    text-transform: uppercase;
}

@keyframes scaler
{
    0%
    {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }

    100%
    {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}

@keyframes scalerOut
{
    0%
    {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    100%
    {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }
}

.login-banner
{
    display: flex;
    flex-direction: column;
}

.login-banner__subtitle
{
    margin-bottom: 28px;
    max-width: 302px;
    color: #8399e0;
}

.login-banner__title
{
    font-size: 46px;
}

.login-banner__info
{
    position: relative;
    z-index: 1;
    padding: 40px;
    max-width: 785px;
}

.login-banner__bg-images
{
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    border-top: 10px solid var(--color-second);
    overflow: hidden;
}

.login-banner__bg-img
{
    width: 11vw;
}

    .login-banner__bg-img:not(:first-child)
    {
        margin-left: 7px;
    }

.login-banner__img
{
    position: relative;
    z-index: 1;
    margin: auto auto 0;
    display: block;
}

.login
{
    background-color: var(--color-gray-50);
    display: flex;
}

.login__left
{
    flex: 0 0 50%;
    position: relative;
    padding: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login__logo
{
    position: absolute;
    left: 42px;
    top: 42px;
}

.login__right
{
    position: relative;
    flex: 0 0 50%;
}

.login__form
{
    width: 100%;
    max-width: 360px;
}

.login__banner
{
    height: 100%;
}

.tariff-item
{
    position: relative;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 6px;
    background-color: var(--color-gray-200);
    border: 1px solid #fff;
    overflow: hidden;
}

    .tariff-item:before,
    .tariff-item:after
    {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: opacity 0.35s, visibility 0.35s, background;
    }

    .tariff-item:before
    {
        opacity: 0;
        visibility: hidden;
        background: linear-gradient(159.26deg, rgba(99, 129, 224, 0.36) 0%, rgba(99, 129, 224, 0.12) 60.89%, rgba(255, 255, 255, 0.6) 88.64%), linear-gradient(0deg, #ebeff8, #ebeff8);
    }

    .tariff-item:after
    {
        background: linear-gradient(159.26deg, rgba(99, 129, 224, 0.18) 0%, rgba(99, 129, 224, 0.06) 60.89%, rgba(255, 255, 255, 0.3) 88.64%), linear-gradient(0deg, #ebeff8, #ebeff8);
    }

    .tariff-item--active:before,
    .tariff-item:hover:before
    {
        opacity: 1;
        visibility: visible;
    }

    .tariff-item--active:after,
    .tariff-item:hover:after
    {
        opacity: 0;
        visibility: hidden;
    }

.tariff-item__content
{
    flex: 1 1 auto;
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.tariff-item__price
{
    margin-top: 24px;
    font-size: 20px;
    font-weight: 500;
}

.tariff-item__price-value
{
    font-size: 42px;
    font-weight: 400;
}

.tariff-item__price-text
{
    padding-left: 4px;
    color: rgba(var(--color-blue-750--rgb), 0.5);
    font-size: 16px;
}

.tariff-item:hover .tariff-item__btn,
.tariff-item--active .tariff-item__btn
{
    background-color: var(--color-primary);
    color: var(--color-gray-200);
}

.tariff-item__period
{
    margin-top: 30px;
}

.tariff-item__text
{
    margin-top: 70px;
}

.tariff-item__footer
{
    margin-top: auto;
    width: 100%;
}

.tariff-item__btn
{
    margin-top: 42px;
    padding-top: 14px;
    padding-bottom: 14px;
}

.tariff-item__img
{
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    max-height: 245px;
    object-fit: contain;
}

.tariff-item__label
{
    position: absolute;
    right: -38px;
    top: 18px;
    z-index: 2;
    transform: rotate(45deg);
    padding: 10px 10px 9px;
    width: 140px;
    text-align: center;
    background-color: var(--color-primary);
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: var(--color-gray-200);
}

.tariffs
{
    padding: 60px 44px;
    background-color: var(--color-blue-750);
}

.tariffs__header
{
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tariffs__header-balance:not(:first-child)
{
    margin-left: 20px;
}

.tariffs__list
{
    margin: -24px -12px 0;
    display: flex;
    flex-wrap: wrap;
}

.tariffs__item
{
    margin: 24px 12px 0;
    width: calc(33.33% - 24px);
}

.tariffs__ps
{
    margin-top: 40px;
}

.balance-panel
{
    padding: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.07);
}

.balance-panel--p-0
{
    padding: 0;
}

.balance-panel__btn
{
    flex: 0 0 auto;
    padding: 12px 20px;
}

    .balance-panel__btn:not(:first-child)
    {
        margin-left: 20px;
    }

.balance-panel__label
{
    margin-bottom: 2px;
    color: rgba(var(--color-gray-200--rgb), 0.8);
}

.balance-panel__text
{
    margin-bottom: 3px;
}

.balance-panel--lg .balance-panel__btn
{
    padding: 20px 23px;
}

.popup
{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.4s, opacity 0.4s;
}

.popup__backdrop
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--color-second--rgb), 0.6);
    pointer-events: auto;
}

.popup--show
{
    display: flex;
}

.popup--active
{
    opacity: 1;
    visibility: visible;
}

.popup__body
{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    pointer-events: auto;
}

.popup__dialog
{
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 40px;
    padding-bottom: 40px;
    min-height: calc(100% - 40px);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: auto;
}

.popup--mobile-full .popup__dialog
{
    margin-top: 0;
    padding-bottom: 0;
    min-height: 100%;
}

.popup__content
{
    position: relative;
    z-index: 1;
    pointer-events: auto;
}

.popup--active .popup__content
{
    transform: translate(0, 0);
}

.popup__footer
{
    flex: 0 0 auto;
    padding: 12px;
    border-top: 1px solid var(--color-neutral-100);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popup__footer--p-0
{
    padding: 0;
}

.popup__footer--end
{
    justify-content: end;
}

.popup__footer-btns
{
    display: inline-flex;
}

.popup__footer-btns--p-12
{
    padding: 12px;
}

.popup__footer-btns--ml-auto
{
    margin-left: auto;
}

.popup__footer-btn:not(:first-child)
{
    margin-left: 12px;
}

.popup__footer-filter-btns
{
    width: 275px;
    padding: 12px;
    display: flex;
    align-items: center;
    align-self: stretch;
    border-right: 1px solid var(--color-neutral-100);
}

.popup__btns-btn--full
{
    flex: 1 1 100%;
}

.popup__close
{
    position: absolute;
    top: 17px;
    right: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .popup__close svg
    {
        width: 13px;
        height: 13px;
    }

.popup-content
{
    width: 500px;
    max-width: calc(100% - 32px);
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 6px 16px rgba(10, 9, 11, 0.08), 0px 0px 0px 1px rgba(10, 9, 11, 0.12);
}

.popup-content--mobile-full
{
    max-width: 100%;
    max-height: calc(var(--custom-100vh) - 96px);
}

.popup-content--tags
{
    width: 700px;
}

.popup-content--xxl
{
    width: 720px;
}

.popup-content--xl
{
    width: 580px;
}

.popup-content--lg
{
    width: 560px;
}

.popup-content--sm
{
    width: 450px;
}

.popup-content--xxs
{
    width: 343px;
}

.popup-content--auto
{
    width: auto;
}

.popup-content__header
{
    padding: 16px 52px 16px 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--color-neutral-100);
}

.popup-content__header--py-sm
{
    padding-top: 13px;
    padding-bottom: 13px;
}

.popup-content__header-tags
{
    margin-left: 12px;
}

.popup-content__main
{
    padding: 16px;
}

.popup-content__tooltip
{
    padding: 12px;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.popup-content__tooltip-table
{
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.popup-content__tooltip-message
{
    margin-bottom: 12px;
}

.popup-content__categories
{
    max-height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.popup-content__filter
{
    max-height: 100%;
    min-height: 0;
    width: 700px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

.popup-content__filter--xl
{
    width: 800px;
}

.popup-content__main--p-lg
{
    padding: 20px;
}

.popup-content__text--sm
{
    padding-right: 20px;
}

.popup-content__text--sm
{
    max-width: 370px;
}

.popup-content__footer
{
    padding: 12px;
    border-top: 1px solid var(--color-neutral-100);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popup-content__btns
{
    display: flex;
    align-items: center;
    width: 100%;
}

.popup-content__btns--end
{
    justify-content: flex-end;
}

.popup-content__btns--mt-20
{
    margin-top: 20px;
}

.popup-content__btns-btn:not(:first-child)
{
    margin-left: 12px;
}

.popup-content__btns-btn--full
{
    flex: 1 1 100%;
}

.popup-content__edit-list
{
    max-height: 394px;
}

.popup-content__filter-back
{
    display: none;
}

.popup-content__bottom
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popup-content__cropper
{
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 375px;
    max-height: 100%;
}

.popup-content__tags-item:not(:first-child)
{
    border-top: 1px solid var(--color-neutral-100);
}

.popup-content__sign-doc
{
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-top: 1px solid var(--color-neutral-100);
}

.popup-content__loader--lg
{
    min-height: 310px;
}

.popup-content__certificate-btns
{
    height: 310px;
}

.partner-popup
{
    position: absolute;
    z-index: 7;
}

.partner-popup--fixed
{
    position: fixed;
    top: 64px;
    max-height: calc(100% - 64px);
    padding-left: 360px;
}

.partner-popup__content
{
    padding: 20px;
    width: 100%;
    height: 100%;
    background-color: var(--color-neutral-75);
}

.partner-popup__content--p-sm
{
    padding: 16px;
}

.partner-popup .popup__backdrop
{
    display: none;
}

.partner-popup__main
{
    height: 100%;
}

.lk-user
{
    display: flex;
    align-items: flex-start;
}

label.lk-user__img-box
{
    cursor: pointer;
}

.lk-user__img-box
{
    margin-right: 8px;
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-gray-50);
    border-radius: 4px;
    overflow: hidden;
}

.lk-user__img
{
    margin-right: 8px;
    width: 58px;
    height: 58px;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.lk-user__img-box .lk-user__img
{
    margin-right: 0;
}

.lk-user__img--xs
{
    width: 38px;
    height: 38px;
    border-radius: 2px;
}

.lk-user__img-file
{
    display: none;
}

.lk-user__info
{
    padding-top: 2px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.lk-user__header
{
    display: flex;
    align-items: center;
}

.lk-user__header-position
{
    color: #80899c;
}

    .lk-user__header-position:not(:first-child)
    {
        margin-left: 4px;
    }

.lk-user__name
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.lk-user__name--sm
{
    font-size: 13px;
}

.lk-user__email
{
    margin-top: 3px;
    color: #80899c;
}

.lk-user__rate
{
    margin-top: 2px;
}

.lk-user__location
{
    margin-top: 4px;
}

.lk-menu
{
    display: block;
}

.lk-menu__item:not(:first-child)
{
    margin-top: 4px;
}

.lk-menu__link
{
    width: 100%;
}

.lk-menu-link
{
    padding: 12px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 28px;
    border-radius: 4px;
    color: var(--color-second);
    transition: background 0.35s, color 0.35s;
}

    .lk-menu-link--active,
    .lk-menu-link.tabs-btns__btn--active
    {
        background-color: var(--color-gray-50);
        cursor: default;
    }

        .lk-menu-link--active .count-circle,
        .lk-menu-link.tabs-btns__btn--active .count-circle
        {
            background-color: var(--color-orange-400);
            color: #fff;
        }

.lk-menu-link__text
{
    margin-right: auto;
}

.lk-menu-link__text--sm
{
    font-size: 14px;
}

.lk-menu-link--inactive
{
    cursor: default;
    color: var(--color-neutral-400);
}

    .lk-menu-link--inactive:after
    {
        content: "";
        margin-left: 10px;
        display: inline-block;
        background: url("../img/icons/clock-neutral-300.svg") center / contain no-repeat;
        width: 18px;
        height: 18px;
    }

.lk-menu-link--active.lk-menu-link--active-blue-500,
.lk-menu-link.tabs-btns__btn--active.lk-menu-link--active-blue-500
{
    color: var(--color-blue-500);
    background-color: var(--color-blue-50);
}

.lk-menu-link--inactive:hover
{
    background-color: transparent;
    color: var(--color-neutral-400);
}

.lk-menu-link--lg
{
    padding: 12px 16px;
}

.lk-menu-link__icon
{
    margin-right: 12px;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .lk-menu-link__icon img
    {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.lk-menu-link__count
{
    margin-left: 10px;
}

.lk-menu-link__delete
{
    margin-left: 8px;
    cursor: pointer;
}

.lk-menu-link__delete--trash:before
{
    content: "";
    display: inline-block;
    background: url("../img/icons/trash-neutral-500.svg") center / contain no-repeat;
    width: 17px;
    height: 17px;
}

.lk-menu-checkbox
{
    display: inline-flex;
}

.lk-menu-checkbox__input
{
    display: none;
}

.lk-menu-checkbox__switch,
.lk-menu-btn
{
    padding: 8px 12px;
    width: 100%;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.35s, color 0.35s;
}

    .lk-menu-btn--active,
    .lk-menu-btn.tabs-btns__btn--active,
    .lk-menu-checkbox__input:checked ~ .lk-menu-checkbox__switch
    {
        background-color: var(--color-gray-50);
        color: var(--color-blue-500);
        cursor: default;
    }

.lk-menu-btn
{
    display: inline-flex;
    justify-content: center;
}

.lk-menu-btn__count
{
    margin-left: 8px;
}

.lk-menu-btn--active .lk-menu-btn__count,
.lk-menu-btn.tabs-btns__btn--active .lk-menu-btn__count
{
    background-color: var(--color-blue-500);
    color: #fff;
}

.count-circle
{
    padding: 0 6px;
    width: auto;
    min-width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-orange-400);
    border-radius: 100px;
    font-size: 18px;
    color: #fff;
    line-height: 1;
}

.count-circle--neutral-50
{
    background-color: var(--color-neutral-50);
    color: var(--color-second);
}

.count-circle--blue-500
{
    background-color: var(--color-blue-500);
    color: #fff;
}

.count-circle--white
{
    background-color: #fff;
    color: var(--color-second);
}

.count-circle--xs
{
    min-width: 16px;
    padding: 0 4px;
    height: 16px;
    font-size: 12px;
}

.count-circle--oval
{
    padding: 0 6px;
    width: auto;
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
}

.count-circle--oval--px-sm
{
    padding-left: 4px;
    padding-right: 4px;
}

.count-circle--oval-sm
{
    padding: 0 3px;
    width: auto;
    min-width: 18px;
    height: 16px;
    border-radius: 10px;
}

.offers-type
{
    padding: 7px 8px 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 4px;
}

    .offers-type:first-child
    {
        margin-top: 0;
    }

.offers-type__text
{
    font-size: 12px;
}

.offers-type__icon
{
    margin-left: 10px;
    position: relative;
    top: 2px;
    right: -2px;
}

.sidebar-offer
{
    text-align: left;
    transition: background 0.35s;
}

    .sidebar-offer:hover
    {
        background-color: var(--color-gray-50);
    }

.sidebar-offer__header
{
    margin-bottom: 8px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.sidebar-offer__date
{
    margin-bottom: 4px;
}

.sidebar-offer__tag
{
    margin-left: 4px;
    margin-bottom: 4px;
}

.sidebar-offer__location
{
    margin-top: 6px;
}

.sidebar-offer__location-spot
{
    margin-top: 4px;
}

.sidebar-offer__meta
{
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar-offer__type
{
    margin-left: 10px;
}

.sidebar-offer__price
{
    margin-top: 8px;
}

.lk-sidebar
{
    position: fixed;
    left: 0;
    top: 49px;
    bottom: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 401px;
    border-right: 1px solid rgba(25, 25, 25, 0.08);
    background-color: #fff;
}

.lk-sidebar--mobile
{
    display: none;
}

.lk-sidebar__content
{
    position: sticky;
    top: 0;
    height: 100%;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .lk-sidebar__content .scroll-content
    {
        height: 100%;
        width: 100%;
    }

.lk-sidebar__title
{
    padding: 13px 12px 12px;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid var(--color-neutral-100);
}

.lk-sidebar__title-count
{
    margin-left: 10px;
}

.lk-sidebar__sort
{
    padding: 10px 12px 12px;
}

.settings
{
    background: #F6F7F9;
    width: 100%;
}

.settings__trigger
{
    width: 100%;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-gray-50);
    font-weight: 400;
    font-size: 13px;
    border: none;
}

    .settings__trigger::after
    {
        content: '';
        position: relative;
        width: 18px;
        height: 18px;
        background-position: center;
        background-size: 8px 5px;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 8 5"><path fill="%233C5EC4" d="M3.7 4.7.3 1.3C0 1 .2.5.6.5h6.8c.4 0 .6.5.3.8L4.3 4.7c-.2.2-.4.2-.6 0Z"/></svg>');
        transition: .5s;
    }

.settings__trigger--active::after
{
    transform: rotate(-180deg);
}

.settings__dropdown
{
    max-height: 0;
    overflow: hidden;
    transition: .5s;
}

.settings__dropdown--open
{
    display: block;
    max-height: 1000px;
    height: fit-content;
}

.lk-sidebar__profile
{
    padding: 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.lk-sidebar__balance
{
    margin-top: 16px;
    display: flex;
}

.lk-sidebar__menu
{
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--color-neutral-50);
}

.lk-sidebar__bottom-item
{
    margin-top: auto;
}

.lk-sidebar__bottom-link
{
    margin-top: 4px;
}

.lk-sidebar__close
{
    position: absolute;
    right: 12px;
    top: 12px;
    width: 24px;
    height: 24px;
    display: none;
    align-items: center;
    justify-content: center;
}

    .lk-sidebar__close img
    {
        width: 13px;
        height: 13px;
    }

.lk-sidebar__close--sm
{
    width: 20px;
    height: 20px;
}

    .lk-sidebar__close--sm img
    {
        width: 12px;
        height: 12px;
    }

.lk-sidebar__offers-type
{
    margin: 4px;
    width: calc(100% - 8px);
}

.lk-sidebar__offers
{
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
}

.lk-sidebar__offers-empty
{
    height: 100%;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 338px;
}

.lk-sidebar__empty-icon
{
    margin-bottom: 12px;
}

.lk-sidebar__offer
{
    padding: 12px;
    width: 100%;
    border-bottom: 1px solid var(--color-neutral-100);
}

.lk-sidebar__footer
{
    margin-top: -1px;
    padding: 12px;
    width: 100%;
    border-top: 1px solid var(--color-neutral-100);
}

.lk-box
{
    padding: 16px;
    background-color: #fff;
    border-radius: 4px;
}

.lk-data
{
    font-size: 18px;
}

.lk-data__item
{
    padding: 15.5px 0;
    border-bottom: 1px solid var(--color-neutral-100);
    display: flex;
    align-items: center;
}

    .lk-data__item:first-child
    {
        padding-top: 0;
    }

    .lk-data__item:last-child
    {
        padding-bottom: 0;
        border-bottom: none;
    }

.lk-data__item-label
{
    padding-right: 10px;
    flex: 0 0 50%;
}

.lk-data__item-value
{
    flex: 0 0 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lk-data__item-value--italic
{
    font-style: italic;
}

.lk-data__item-value--confirmed:after
{
    content: "";
    margin-left: 12px;
    margin-right: 2px;
    display: inline-block;
    background: url("../img/icons/check-green-400.svg") center / contain no-repeat;
    width: 16px;
    height: 12px;
}

.lk-data__item-btn
{
    margin-left: 8px;
}

.lk-data__item-value--confirmed .lk-data__item-btn
{
    display: none;
}

.lk
{
    display: flex;
}

.lk__body
{
    padding-left: 401px;
    flex: 1 1 auto;
    background-color: var(--color-neutral-75);
}

.lk__body--overflow-hidden
{
    overflow: hidden;
}

.lk-sidebar--mobile + .lk__body,
.lk__body:first-child
{
    padding-left: 0;
}

.lk__body-content
{
    position: relative;
    margin: 0 auto;
    padding: 20px;
    width: 100%;
    max-width: 1840px;
    height: 100%;
}

.lk__body-content--limited
{
    max-height: calc(100vh - 64px - 84px);
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.lk__back
{
    margin-bottom: 4px;
}

.lk__link
{
    margin-bottom: 4px;
}

.lk__header
{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.lk__header-title
{
    margin-top: 7px;
    display: flex;
    align-items: center;
    font-size: 40px;
    text-transform: uppercase;
}

    .lk__header-title:not(:last-child)
    {
        margin-right: 8px;
    }

.lk__header-title-count
{
    margin-left: 12px;
    font-weight: 400;
}

.lk__header-title-link
{
    margin-left: 7px;
}

.lk__header-link
{
    margin-top: 4px;
    margin-left: 18px;
}

.lk__header-status
{
    margin-top: 4px;
    margin-left: auto;
}

.lk__header-links
{
    margin-top: 4px;
    margin-left: auto;
    flex: 0 0 auto;
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.lk__header-links-link:not(:first-child)
{
    margin-left: 25px;
}

.lk__header-links-link--mx-xs:not(:first-child)
{
    margin-left: 16px;
}

.lk__header-text
{
    margin-left: auto;
    margin-top: 4px;
}

.lk__header-tag
{
    margin-top: 4px;
}

.lk__name
{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    margin: 17px 0 22px;
    display: flex;
}

.lk__top-btns
{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.lk__top-btns--mobile
{
    display: none;
}

.lk__top-btns--column
{
    flex-direction: column;
    align-items: flex-start;
}

    .lk__top-btns--column .lk__top-btns-btn
    {
        width: 100%;
    }

        .lk__top-btns--column .lk__top-btns-btn:not(:first-child)
        {
            margin-top: 8px;
            margin-left: 0;
        }

.lk__top-btns-btn:not(:first-child)
{
    margin-left: 12px;
}

.lk__top-btns-btn--flex-1
{
    flex: 1 1 0%;
}

.lk__main
{
    display: flex;
    align-items: flex-start;
}

.lk__main-body
{
    flex: 1 1 auto;
    max-width: 100%;
}

.lk__main-body-btn
{
    margin-top: 20px;
}

.lk__main-sidebar
{
    margin-left: 16px;
    background-color: #fff;
    border-radius: 2px;
    flex: 0 0 400px;
}

.lk__main-sidebar-menu
{
    padding: 8px;
}

.lk__fixed-btn-box
{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 2;
}

.lk__info
{
    width: 100%;
}

.lk__similar
{
    margin-top: 20px;
}

.lk__bookmark-btn:before
{
    margin-right: 6px;
    content: "";
    display: inline-block;
    background: url("../img/icons/bookmark-border-orange-400.svg") center / contain no-repeat;
    width: 15px;
    height: 14px;
}

.lk__bookmark-btn--active:before
{
    background-image: url("../img/icons/bookmark-orange-400.svg");
}

.lk__certificates:not(:first-child)
{
    margin-top: 20px;
}

.messages-popup
{
    position: fixed;
    right: 0;
    top: 0;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.messages-popup__content
{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 375px;
    max-width: 100%;
    background-color: var(--color-neutral-75);
    transform: translateX(100%);
    transition: transform 0.35s;
    box-shadow: -10px 0px 100px rgba(0, 0, 0, 0.2);
}

.messages-popup.popup--active .messages-popup__content
{
    transform: translateX(0);
}

.messages-popup__content
{
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.messages-popup__header
{
    padding: 12px 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--color-neutral-100);
}

.messages-popup__header-count
{
    margin-left: 12px;
    flex: 0 0 auto;
}

.messages-popup__header-btns
{
    margin-left: auto;
    padding-left: 12px;
    display: flex;
    flex: 0 0 auto;
}

.messages-popup__header-btn:not(:first-child)
{
    margin-left: 16px;
}

.messages-popup__main
{
    position: relative;
    flex: 1 1 auto;
    display: flex;
    min-height: 0;
    flex-direction: column;
}

.messages-popup__search
{
    margin-top: 16px;
    margin-bottom: 12px;
    padding: 0 16px;
}

.messages-popup__btns
{
    margin-bottom: 12px;
    padding: 0 16px;
    display: flex;
}

.messages-popup__btn
{
    flex: 1 1 100%;
}

    .messages-popup__btn:not(:first-child)
    {
        margin-left: 12px;
    }

.messages-popup__list
{
    padding: 0 16px 12px;
    max-height: 100%;
}

.messages-popup__item
{
    width: 100%;
}

    .messages-popup__item:not(:first-child)
    {
        margin-top: 4px;
    }

.messages-popup__dialog
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    transform: translateX(100%);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.35s, opacity 0.35s, transform 0.35s;
}

.messages-popup__dialog--active
{
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}

.tags--inline .tags__list
{
    margin-top: 0;
    margin-left: 0;
    display: block;
}

.tags--inline .tags__item
{
    margin-top: 0;
    margin-left: 0;
    margin-right: 8px;
    display: inline;
    line-height: 2.42;
}

    .tags--inline .tags__item.tag--inline
    {
        line-height: 1.7;
    }

    .tags--inline .tags__item.tag--hide
    {
        display: none;
    }

.tags--inline .tags__categories
{
    display: inline;
}

.tags__label
{
    margin-bottom: 8px;
}

.tags__list
{
    margin-top: -8px;
    margin-left: -8px;
    display: flex;
    flex-wrap: wrap;
}

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

.tags__list--offset-lg
{
    margin-top: -12px;
    margin-left: -12px;
}

.tags__item
{
    margin-top: 8px;
    margin-left: 8px;
}

.tags__item--offset-lg
{
    margin-top: 12px;
    margin-left: 12px;
}

.tags__positions
{
    font-size: 0;
    line-height: 28px;
}

.tag--position.js-open-popup
{
    margin-right: 0;
}

.tags__title
{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}

.tag
{
    padding: 4px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background-color: var(--color-gray-100);
    border: 1px solid transparent;
}

.tag--clamp
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    line-height: 1;
}

.tag__delete
{
    margin-left: 8px;
    content: "";
    display: inline-block;
    background: url("../img/icons/exit-neutral-600.svg") center / 10px 10px no-repeat;
    width: 16px;
    height: 16px;
}

.tag--sm
{
    padding: 1px 4px;
}

.tag--clamp.tag--sm
{
    padding-top: 0;
    padding-bottom: 2px;
}

.tag--xs
{
    padding: 0 4px;
}

.tag--py-lg
{
    padding-top: 8px;
    padding-bottom: 8px;
}

.tag--gray-50
{
    background-color: var(--color-gray-50);
}

.tag--green-100
{
    background-color: var(--color-green-100);
}

.tag--green-200
{
    background-color: var(--color-green-200);
}

.tag--orange-100
{
    background-color: var(--color-orange-100);
}

.tag--orange-150
{
    background-color: var(--color-orange-150);
}

.tag--orange-200
{
    background-color: var(--color-orange-200);
}

.tag--active
{
    border-color: var(--color-blue-500);
}

.tag--category
{
    background: transparent;
    color: var(--color-neutral-600);
}

.tag--category-full
{
    max-width: 100%;
    justify-content: flex-start;
}

.tag--category-count
{
    display: none;
}

.tag--published
{
    background-color: var(--color-green-100);
}

    .tag--published .tag__text
    {
        color: var(--color-green-400);
    }
.tag--moderation
{
    background-color: var(--color-blue-100);
}

    .tag--moderation .tag__text
    {
        color: var(--color-blue-400);
    }

.tag--draft
{
    background-color: var(--color-gray-100);
}

    .tag--draft .tag__text
    {
        color: var(--color-neutral-500);
    }

.tag--published-white
{
    background-color: #fff;
}

    .tag--published-white .tag__text
    {
        color: var(--color-green-400);
    }

.tag--closed
{
    background-color: var(--color-orange-100);
}

    .tag--closed .tag__text
    {
        color: var(--color-orange-400);
    }

.tag--deleted
{
    background-color: var(--color-orange-100);
}

    .tag--deleted .tag__text
    {
        color: var(--color-orange-500);
    }

.tag--contractconcluded
{
    background-color: var(--color-gray-100);
}

    .tag--contractconcluded .tag__text
    {
        color: var(--color-blue-500);
    }

.tag--not-valid
{
    background-color: var(--color-gray-50);
}

    .tag--not-valid .tag__text
    {
        color: var(--color-neutral-500);
    }

.tag--verification
{
    background-color: var(--color-orange-200);
}

    .tag--verification .tag__text
    {
        color: var(--color-orange-400);
    }

.tag--gray-100
{
    background-color: var(--color-gray-100);
}

    .tag--gray-100 .tag__text
    {
        color: var(--color-blue-500);
    }

.tag--white
{
    background-color: #fff;
}

.tag--inline
{
    padding: 0;
    border: none;
    background-color: transparent;
}

    .tag--inline .tag__text
    {
        padding-inline: 4px;
        margin-block: 4px;
        border-radius: 2px;
        background-color: var(--color-gray-100);
    }

    .tag--inline.tag--category .tag__text
    {
        background-color: transparent;
        color: var(--color-neutral-600);
    }

    .tag--inline.tag--category:first-child {
        margin-right: 4px;
    }

    .tag--inline.tag--category:not(.tag--category-count) .tag__text {
        padding-inline: 0;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-all;
    }

    .tag--inline.tag--category.tag--category-count {
        flex: none;
        margin-right: 0;
    }

.tag.tag--inline.js-open-popup .tag__text {
    background-color: var(--color-blue-50);
    color: var(--color-blue-500);
}

.tag--hide
{
    display: none;
}

.tags-item
{
    padding: 16px 16px 14px;
}

.tags-item__title
{
    margin-bottom: 4px;
}

.status
{
    padding: 2px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 2px; /*background-color: var(--color-gray-100);*/
    width: fit-content;
}

.status--success
{
    background-color: var(--color-green-100);
}

.message-item
{
    padding: 6.5px;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    border: 1.5px solid transparent;
    transition: border 0.35s;
}

    .message-item:hover
    {
        border-color: var(--color-blue-500);
    }

.message-item__img
{
    margin-right: 8px;
    border-radius: 4px;
    width: 58px;
    height: 58px;
    flex: 0 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-gray-100);
}

.message-item__img--success
{
    background-color: var(--color-green-100);
}

.message-item__img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

    .message-item__img img.photo-ad
    {
        width: auto;
        height: auto;
    }

    .message-item__img img.none-photo
    {
        width: 38%;
        height: 30%;
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-gray-100);
        border-radius: 2px;
        overflow: hidden;
    }

    .message-item__img img.user-sharing
    {
        width: 60%;
        height: 60%;
    }

.message-item__main
{
    padding-top: 2px;
    flex: 1 1 auto;
}

.message-item__header
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.message-item__tags
{
    margin-top: 2px;
}

.message-item__title
{
    font-size: 13px;
    text-align: left;
}

.message-item__title--bottom
{
    margin-top: 10px;
}

.message-item__date
{
    margin-left: 8px;
}

.message-item__info
{
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.message-item__info--mt-sm
{
    margin-top: 4px;
}

.message-item__info--mt-xs
{
    margin-top: 2px;
}

.message-item__text
{
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.message-item__text--lines-2
{
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.message-item__count
{
    margin-left: 8px;
    flex: 0 0 auto;
    align-self: flex-end;
}

.messages-header
{
    display: flex;
    align-items: center;
    background-color: #fff;
}

.messages-header__back
{
    margin-right: 8px;
    flex: 0 0 auto;
}

.messages-header__back--mobile
{
    display: none;
}

.messages-header__body
{
    width: 100%;
    align-self: stretch;
    display: flex;
    align-items: center;
}

.messages-header__body-more
{
    margin-left: 8px;
    flex: 0 0 auto;
    align-self: flex-start;
}

.messages-header__img
{
    margin-right: 8px;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    overflow: hidden;
    cursor: pointer;
}

.messages-header__img--xl
{
    margin-right: 12px;
    width: 62px;
    height: 62px;
}

.messages-header__img img
{
    width: 100%;
    height: 100%;
    /*object-fit: cover; // ✅ 2025  krakoss fixme */
    object-fit: revert;
}

.messages-header__main
{
    padding-top: 2px;
    flex: 1 1 auto;
}

.messages-header__info
{
    display: flex;
    align-items: center;
}

.messages-header__title
{
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

    .messages-header__title button
    {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }

.messages-header__more
{
    margin-left: auto;
    flex: 0 0 auto;
}

.messages-header__status
{
    margin-left: 4px;
}

.messages-header__status--ml-lg
{
    margin-left: 8px;
}

.messages-header__status:not(:last-child)
{
    margin-right: 4px;
}

.messages-header__text
{
    margin-top: 4px;
}

.messages-header__main-content
{
    display: flex;
}

.messages-header__main-meta:not(:last-child)
{
    margin-right: auto;
}

.messages-header__tags-box
{
    margin-top: 4px;
    display: flex;
}

.messages-header__tags-btn
{
    margin-right: 4px;
    flex: 0 0 auto;
}

.messages-header__clear
{
    margin-left: 8px;
    align-self: flex-end;
}

.dialog
{
    background-color: #fff;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.dialog__header
{
    padding: 8px 12px;
    border-bottom: 1px solid var(--color-neutral-100);
    min-height: 90px;
}

.dialog__header--py-lg
{
    padding-top: 12px;
    padding-bottom: 12px;
}

.dialog__tags-box
{
    padding: 8px 12px;
    display: flex;
    border-bottom: 1px solid var(--color-neutral-100);
}

.dialog__tags-box--mobile
{
    display: none;
}

.dialog__tags-btn
{
    margin-right: 4px;
    flex: 0 0 auto;
}

.dialog__main
{
    background-color: #fff;
    min-height: 0;
}

.dialog__list
{
    padding: 12px;
    max-height: 100%;
    overflow: hidden;
}

.dialog__item
{
    max-width: 420px;
    margin-left: auto;
}

    .dialog__item.message--left
    {
        margin-left: 0;
        margin-right: auto;
    }

    .dialog__item:not(:first-child)
    {
        margin-top: 8px;
    }

.dialog__date
{
    margin: 10px 0;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
}

.dialog__footer
{
    margin-top: auto;
    padding: 12px;
    border-top: 1px solid var(--color-neutral-100);
    display: flex;
}

    .dialog__footer.set--disabled
    {
        pointer-events: none;
        opacity: 0.4;
    }

.dialog__footer-input
{
    flex: 1 1 auto;
}

.dialog__footer-btn
{
    flex: 0 0 auto;
}

    .dialog__footer-btn:first-child
    {
        margin-right: 12px;
    }

    .dialog__footer-btn:last-child
    {
        margin-left: 12px;
    }

.message-file
{
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-blue-500);
    padding: 4px 0px;
}

    .message-file:before
    {
        content: "";
        margin-right: 10px;
        display: inline-block;
        background: url("../img/icons/file-blue-500.svg") center / 14px 17px no-repeat;
        width: 20px;
        height: 20px;
    }

.message-file--success
{
    color: var(--color-green-400);
}

    .message-file--success:before
    {
        background-image: url("../img/icons/file-green-400.svg");
    }

.message
{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.message--left
{
    justify-content: flex-start;
}

.message__img
{
    margin-left: 8px;
    align-self: flex-start;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    overflow: hidden;
}

    .message__img img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.message__text
{
    padding: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 13px;
    line-height: 18px;
    background-color: var(--color-blue-50);
    border-radius: 2px;
}

.message__text--success
{
    background-color: var(--color-green-100);
}

.message__text-btns
{
    display: flex;
}

    .message__text-btns:not(:first-child)
    {
        margin-top: 10px;
    }

.message__text-btn:not(:first-child)
{
    margin-left: 8px;
}

.message__date
{
    margin-right: 8px;
    flex: 0 0 auto;
}

.message__status
{
    margin-right: 4px;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .message__status.sent
    {
        top: 74%;
        right: 5px; /*���������� background: #e60f8875;*/
        background: transparent;
        background-image: url("https://m-contract.ru/ico/sent.svg");
        background-size: 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .message__status.delivered
    {
        top: 74%;
        right: 5px; /*���������� background: #20d73c75;*/
        background: transparent;
        background-image: url("https://m-contract.ru/ico/delived.svg");
        background-size: 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .message__status.readed
    {
        top: 74%;
        right: 5px; /*��������� background: #20d73c75;*/
        background: transparent;
        background-image: url("https://m-contract.ru/ico/readed.svg");
        background-size: 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .message__status.null
    {
        display: none;
    }

.message--left .message__img
{
    margin-left: 0;
    margin-right: 8px;
}

.message--left .message__date
{
    margin-right: 0;
    margin-left: 8px;
}

.message--left .message__status
{
    margin-right: 0;
    margin-left: 4px;
}

.notify
{
    padding: 12px;
    display: flex;
    align-items: center;
    background-color: var(--color-green-100);
    border-radius: 2px;
}

.notify__icon
{
    margin-right: 12px;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notify__main--sm
{
    max-width: 580px;
}

.profile-menu
{
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid var(--color-neutral-100);
}

.profile-menu--shadow
{
    box-shadow: 0px 6px 16px rgba(10, 9, 11, 0.08);
}

.profile-menu__item:not(:first-child)
{
    border-top: 1px solid var(--color-neutral-100);
}

.profile-menu__link
{
    padding: 8px 12px;
    min-height: 36px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    white-space: nowrap;
    transition: background 0.35s;
}

    .profile-menu__link:hover
    {
        background-color: var(--color-neutral-50);
    }

.profile-menu__link--active:after
{
    content: "";
    margin-left: 10px;
    display: inline-block;
    background: url("../img/icons/check-green-400.svg") center / 14px 10px no-repeat;
    width: 16px;
    height: 16px;
}

.profile-menu__link--justify-start
{
    justify-content: flex-start;
}

.profile-menu__count
{
    margin-left: 10px;
}

.date-menu
{
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #dddddd;
}

.date-menu--shadow
{
    box-shadow: 0px 6px 16px rgba(10, 9, 11, 0.08), 0px 0px 0px 1px rgba(10, 9, 11, 0.12);
}

.date-menu__link
{
    padding: 12px;
    min-height: 44px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    white-space: nowrap;
    transition: background 0.35s;
}

    .date-menu__link:hover
    {
        background-color: var(--color-neutral-50);
    }

.date-menu__link--active:after
{
    content: "";
    margin-left: 10px;
    display: inline-block;
    background: url("../img/icons/check-blue-500.svg") center / 14px 10px no-repeat;
    width: 16px;
    height: 16px;
}

.sort-menu__main
{
    top: calc(100% + 14px);
}

.lk-subscribe__section:not(:first-child)
{
    margin-top: 20px;
}

.lk-subscribe__btns
{
    margin-top: 20px;
    display: flex;
}

.lk-subscribe__btns-btn:not(:first-child)
{
    margin-left: 12px;
}

.category__btn
{
    padding: 12px;
    width: 100%;
    display: flex;
    text-align: left;
}

.category__checkbox
{
    padding: 12px;
    display: flex;
}

.category__checkbox--hide
{
    display: none;
}

.category__checkbox--align-start
{
    align-items: flex-start;
}

.category__btn .category__checkbox
{
    margin-right: 8px;
    padding: 0;
}

.category__btn .category__checkbox--hide
{
    display: flex;
}

.category__item-btn
{
    padding: 12px;
    font-size: 14px;
    text-align: left;
}

.category__text
{
    padding: 10px 16px;
    display: flex;
    width: 100%;
}

.category__item-text
{
    padding: 12px;
    display: flex;
    width: 100%;
}

.category__content
{
    display: none;
}

.category__list
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.category__list--sub
{
    padding-left: 28px;
}

.category__btn-num
{
    margin-right: 4px;
}

.category__btn-icon
{
    margin-right: 8px;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    cursor:pointer;
}

    .category__btn-icon:before,
    .category__btn-icon:after
    {
        margin-right: 8px;
        content: "";
        flex: 0 0 auto;
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .category__btn-icon:before
    {
        background: url("../img/icons/plus-blue-500.svg") center / 16px 16px no-repeat;
    }

    .category__btn-icon:after
    {
        background: url("../img/icons/minus-blue-500.svg") center / 16px 16px no-repeat;
        display: none;
    }

.category--active > .category__btn .category__btn-icon:before
{
    display: none;
}

.category--active > .category__btn .category__btn-icon:after
{
    display: inline-block;
}

.category--active > .category__content
{
    display: block;
}

.category--hide
{
    display: none;
}

.categories__search
{
    flex: 0 0 auto;
    padding: 16px;
    border-bottom: 1px solid var(--color-neutral-100);
}

.categories__list
{
    flex: 0 1 554px;
}

.categories__list-h-sm
{
    flex-basis: 425px;
}

.categories__list-content--xl
{
    min-width: 500px;
}

.categories__footer
{
    flex: 0 0 auto;
    padding: 12px;
    border-top: 1px solid var(--color-neutral-100);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.categories__footer--end
{
    justify-content: flex-end;
}

.categories__footer--p-sm
{
    padding: 8px;
}

.categories__btns
{
    display: inline-flex;
}

.categories__btns-btn:not(:first-child)
{
    margin-left: 12px;
}

.categories__btns-btn--full
{
    flex: 1 1 100%;
}

.lk-empty
{
    min-height: 448px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    width: 100%;
}

.lk-empty--xs
{
    min-height: 310px;
}

.lk-empty--sm
{
    min-height: 400px;
}

.lk-empty__img--xl
{
    width: 196px;
}

.lk-empty__text
{
    margin-top: 16px;
}

.lk-empty__text--mt-sm
{
    margin-top: 12px;
}

.lk-empty__text--mt-lg
{
    margin-top: 20px;
}

.lk-empty__btn
{
    margin-top: 16px;
}

.lk-empty__btn--mt-lg
{
    margin-top: 20px;
}

.lk-empty--transparent
{
    background-color: transparent;
}

.table-payments__header
{
    margin-bottom: 15px;
}

.table-payments__header-sort-btn
{
    display: inline-flex;
}

.table-payments__main
{
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
}

.table-payments__mobile-label
{
    display: none;
}

.table-payments thead tr
{
    background-color: var(--color-gray-50);
}

.table-payments th,
.table-payments td
{
    padding: 6px 4px 8px;
    text-align: left;
}

    .table-payments th:nth-child(2),
    .table-payments td:nth-child(2)
    {
        width: 140px;
    }

.table-payments tbody tr:first-child td
{
    padding-top: 10px;
}

.table-payments tbody td
{
    border-bottom: 1px solid var(--color-neutral-50);
}

.table-payments__footer
{
    margin-top: 12px;
}

.lk-section-footer
{
    position: relative;
    display: flex;
    align-items: center;
}

.lk-section-footer__count
{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.lk-section-footer__pagination
{
    position: relative;
    z-index: 1;
    margin: 0 auto;
}

.lk-tarif-panel
{
    padding: 0 16px 16px 16px;
}

.lk-tarif-panel__balance
{
    width: 100%;
}

.lk-tarif-panel__main
{
    padding-top: 16px;
    border-top: 1px solid var(--color-neutral-50);
}

.lk-tarif-panel__label
{
    margin-bottom: 2px;
}

.pagination__list
{
    display: flex;
    align-items: center;
    overflow-x: auto;
}

.pagination__link,
.pagination__active
{
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background-color: var(--color-gray-100);
    font-size: 12px;
    color: var(--color-blue-500);
}

.pagination__link
{
    color: #2c303a;
}

    .pagination__link:not(:first-child),
    .pagination__active:not(:first-child)
    {
        margin-left: 8px;
    }

.pagination__link--left + .pagination__link,
.pagination__link--left + .pagination__active
{
    margin-left: 0;
}

.pagination__link--left,
.pagination__link--right
{
    background-color: transparent;
    width: auto;
    font-size: 14px;
    color: var(--color-blue-500);
}

span.pagination__link--left,
span.pagination__link--right
{
    opacity: 0.5;
}

.pagination__link--left
{
    margin-right: 20px;
}

.pagination__link--right:not(:first-child)
{
    margin-left: 20px;
}

.pagination__active
{
    background-color: var(--color-blue-500);
    color: #fff;
}

.select-tabs__item
{
    margin-top: 16px;
    display: none;
}

.select-tabs__item--active
{
    display: block;
}

.js-switch-item
{
    display: none;
}

.js-switch-item--active
{
    display: block;
}

    .js-switch-item--active.js-switch-item--flex
    {
        display: flex;
    }

.filter
{
    display: flex;
}

.filter__btns:not(:last-child)
{
    margin-right: 16px;
}

.filter__search
{
    flex: 1 1 0%;
}

    .filter__search:not(:last-child)
    {
        margin-right: 16px;
    }

.filter__sort-btns
{
    flex: 0 0 auto;
}

.filter__sort-btns--ml-auto
{
    margin-left: auto;
}

.filter__info
{
    padding: 12px;
    background-color: #fff;
    border-radius: 4px;
}

    .filter__info:not(:last-child)
    {
        margin-right: 16px;
    }

.filter__info-label
{
    margin-bottom: 4px;
}

.filter-item__content
{
    display: flex;
    align-items: center;
}

.filter-item__name
{
    margin-right: 8px;
}

.filter-item__reset
{
    margin-right: 8px;
}

.filter-item__tags
{
    display: flex;
}

.filter-item__tag
{
    flex: 0 0 auto;
}

    .filter-item__tag:not(:first-child)
    {
        margin-left: 8px;
    }

.filter-tag
{
    padding: 4px 6px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid var(--color-neutral-100);
    box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
}

.filter-tag--gray-100
{
    background-color: var(--color-gray-100);
    border-color: var(--color-gray-100);
}

.filter-tag--no-shadow
{
    box-shadow: none;
}

.filter-tag__delete
{
    margin-left: 4px;
    content: "";
    display: inline-block;
    background: url("../img/icons/exit-neutral-400.svg") center / 10px 10px no-repeat;
    width: 16px;
    height: 16px;
}

.sort-btns
{
    display: flex;
    align-items: center;
}

.sort-btns--items-end
{
    align-items: flex-end;
}

.sort-btns__list
{
    display: flex;
    align-items: center;
}

.sort-btns__btn:not(:first-child)
{
    margin-left: 25px;
}

.advert
{
    padding: 12px;
    border-radius: 4px;
    background-color: #fff;
}

    .advert:hover
    {
        background: var(--color-blue-50);
        cursor: pointer;
    }

.advert__header
{
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.advert__info
{
    margin-left: 12px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.advert__mobile-info
{
    display: none;
}

.advert__info-location:not(:first-child)
{
    margin-left: 12px;
}

.advert__name
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

    .advert__name:not(:first-child)
    {
        margin-left: 12px;
    }

.advert__location
{
    flex: 0 0 auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    /*
         2025  krakoss fixme 
        margin-bottom: 6px;*/
}

    .advert__location:not(:first-child)
    {
        margin-left: 12px;
    }

    .advert__location:not(:last-child)
    {
        margin-right: 12px;
    }

.advert__options-btn
{
    margin-left: auto;
    align-self: flex-start;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advert__options-btn--bookmark:before
{
    content: "";
    display: inline-block;
    background: url("../img/icons/bookmark-border-orange-400.svg") center / contain no-repeat;
    width: 14px;
    height: 19px;
}

.advert__options-btn--bookmark.advert__options-btn--active:before
{
    background-image: url("../img/icons/bookmark-orange-400.svg");
}

.advert__options-btn .dropdown__btn svg
{
    fill: var(--color-neutral-400);
}

.advert__options-btn .dropdown__btn:hover svg
{
    fill: var(--color-blue-600);
}

.advert__options-btn .dropdown__btn:active svg
{
    fill: var(--color-second);
}

.advert__tags .tags__categories {
    display: none;
    overflow: hidden;
    max-height: 24px;
    width: 100%;
}

.advert__tags .tags__categories--active
{
    display: flex;
    align-items: center;
}

.advert__main
{
    display: flex;
    align-items: flex-start;
}

.advert__tags
{
    width: 100%;
}

.advert__img-box
{
    margin-right: 12px;
    flex: 0 0 auto;
    width: 125px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-gray-100);
    border-radius: 2px;
    overflow: hidden;
}

.advert__img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.advert__mobile-location
{
    display: none;
}

.advert__user
{
    margin-top: 12px;
    display: flex;
    align-items: center;
}

.advert__user-main
{
    flex: 0 0 auto;
}

.advert__user-addition
{
    margin-left: auto;
    padding-left: 10px;
    display: flex;
    align-items: flex-start;
}

.advert__user-addition-list
{
    margin-left: -12px;
    margin-top: -4px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.advert__user-addition-item
{
    margin-left: 12px;
    margin-top: 4px;
}

.advert__user-addition-item--text
{
    margin-top: 6px;
    margin-right: 12px;
    align-self: flex-end;
}

.advert__footer
{
    margin-top: 12px;
    display: flex;
    align-items: center;
}

.advert__meta
{
    margin-right: 16px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.advert__meta-item:not(:first-child)
{
    margin-left: 18px;
}

.advert__addition-info
{
    margin-left: auto;
    padding-left: 10px;
}

.lk-catalog__header
{
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lk-catalog__filter
{
    margin-bottom: 12px;
}

.lk-catalog__filter-list
{
    margin-bottom: 12px;
}

.lk-catalog__filter-list--mb-lg
{
    margin-bottom: 24px;
}

.lk-catalog__filter-item:not(:first-child)
{
    margin-top: 12px;
}

.lk-catalog__section:not(:first-child)
{
    margin-top: 20px;
}

.lk-catalog__label
{
    margin-bottom: 12px;
}

.lk-catalog__list
{
    margin-top: -12px;
    margin-left: -12px;
    display: flex;
    flex-wrap: wrap;
}

.lk-catalog__item
{
    margin-top: 12px;
    margin-left: 12px;
    width: calc(100% - 12px);
}

.lk-catalog__item--col-6
{
    width: calc(50% - 12px);
}

.lk-catalog__footer
{
    margin-top: 12px;
}

.dialog-empty
{
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dialog-empty__text
{
    padding: 6px 12px;
    border-radius: 4px;
    background-color: var(--color-gray-50);
    font-size: 13px;
    line-height: 18px;
}

.dialog__back-box
{
    display: none;
}

.messages
{
    position: relative;
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.messages__header
{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.messages__header-title
{
    display: flex;
    align-items: center;
    font-size: 40px;
}

.messages__header-title-count
{
    margin-left: 12px;
    font-weight: 400;
}

.messages__controls
{
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.messages__search
{
    flex: 1 1 auto;
}

.messages__controls-btns
{
    margin-left: 12px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.messages__controls-btn:not(:first-child)
{
    margin-left: 12px;
}

.messages__main
{
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
}

.messages__list
{
    flex: 0 0 calc(50% - 6px);
    max-height: 627px;
}

.messages__item
{
    width: 98%;
}

    .messages__item:not(:first-child)
    {
        margin-top: 4px;
    }

.messages__dialog-box
{
    margin-left: 12px;
    flex: 0 0 calc(50% - 6px);
    max-height: 627px;
}

.messages__dialog
{
    display: none;
    height: 100%;
}

.messages__dialog--active
{
    display: flex;
}

.messages__dialog-empty
{
    width: 100%;
    height: 100%;
}

.messages__dialog-empty--hide
{
    display: none;
}

.messages__empty
{
    padding: 24px 0;
    flex: 1 1 auto;
    min-height: auto;
    max-height: 448px;
}

.add-item
{
    padding: 8px 12px;
    display: block;
    text-align: left;
}

.add-item__text
{
    margin-top: 2px;
}

.add-list
{
    padding-bottom: 12px;
    height: 554px;
}

.add-list__item
{
    width: 100%;
}

.search-items
{
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.search-items__header
{
    padding: 16px;
}

.search-items__add-list
{
    border-top: 1px solid var(--color-neutral-100);
}

.search-items__item--hide
{
    display: none;
}

.partner-item
{
    display: grid;
    grid-template-columns: 78px 1fr;
    background-color: #fff;
    border-radius: 4px;
}

.partner-item__img-box
{
    padding: 8px;
    grid-area: 1 / 1 / 3 / 2;
}

.partner-item__img
{
    width: 62px;
    height: 62px;
}

    .partner-item__img img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.partner-item__title
{
    padding-top: 8px;
    padding-right: 8px;
    grid-area: 1 / 4 / 2 / 2;
    font-size: 13px;
}

.partner-item__info
{
    padding-top: 4px;
    padding-bottom: 8px;
    grid-area: 2 / 2 / 3 / 2;
}

.partner-item__location
{
    color: #80899c;
}

.partner-item__btns
{
    padding-right: 8px;
    padding-bottom: 8px;
    margin-left: 8px;
    grid-area: 2 / 3 / 3 / 4;
    display: flex;
    align-items: center;
    align-self: end;
    gap: 8px;
}

/* .partner-item__btns-btn:not(:first-child) {
  margin-left: 10px;
} */

.partner-item__meta
{
    margin-top: 4px;
    display: flex;
    align-items: center;
}

.partner-item__tag:not(:first-child)
{
    margin-left: 6px;
}

.partner-item__rating
{
    flex: 0 0 auto;
}

.group-item
{
    padding: 12px 0;
    display: flex;
    align-items: center;
}

.group-item--edit
{
    padding-top: 6px;
    padding-bottom: 6px;
}

.group-item.search-items__item--hide
{
    display: none;
}

.group-item__input
{
    display: none;
    flex: 1 1 auto;
}

.group-item--edit .group-item__input
{
    display: flex;
}

.group-item__btn
{
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.group-item__btn--save,
.group-item__btn--cancel
{
    display: none;
}

.group-item--edit .group-item__btn--save,
.group-item--edit .group-item__btn--cancel
{
    display: flex;
}

.group-item--edit .group-item__btn--edit,
.group-item--edit .group-item__btn--delete
{
    display: none;
}

.group-item__btn
{
    margin-right: 8px;
}

.group-item__input ~ .group-item__btn
{
    margin-right: 0; /*margin-left: 8px;*/
}

.group-item__btn-icon
{
    width: 16px;
}

.group-item__btn-icon--sm
{
    width: 13px;
}

.group-item__value
{
    flex: 1 1 auto;
}

.group-item--edit .group-item__value
{
    display: none;
}

.groups
{
    height: 554px;
}

.groups__main
{ /*padding: 0 12px;*/
    padding: 0 18px;
}

.groups__add
{
    padding: 12px 0;
}

.partner-header
{
    display: flex;
}

.partner-header__title--mobile
{
    margin-bottom: 12px;
    display: none;
}

.partner-header__title
{
    position: relative;
    display: flex;
}

    .partner-header__title .text__icon
    {
        margin-top: -1px;
        vertical-align: middle;
    }

.partner-header__content
{
    flex: 1 1 auto;
    display: flex;
    align-items: flex-start;
}

.partner-header__img
{
    margin-right: 16px;
    flex: 0 0 auto;
    width: 76px;
    height: 76px;
    border-radius: 2px;
    overflow: hidden;
}

    .partner-header__img img
    {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.partner-header__main
{
    max-width: 550px;
}

.partner-header__location
{
    margin-top: 4px;
}

.partner-header__rating
{
    margin-top: 4px;
}

.partner-header__btns
{
    margin-left: auto;
    padding-left: 16px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 16px;
}

.partner-header__btn:not(:first-child)
{
    margin-left: 16px;
}

.partner-header__close
{
    margin-left: 16px;
    flex: 0 0 auto;
}

.partner-groups
{
    padding: 8px;
    display: flex;
    align-items: center;
    background-color: var(--color-gray-50);
    border-radius: 2px;
}

.partner-groups__list
{
    margin-left: -8px;
    margin-top: -8px;
    display: flex;
    flex-wrap: wrap;
}

.partner-groups__item
{
    margin-left: 8px;
    margin-top: 8px;
}

.partner-groups__add
{
    margin-left: 8px;
    flex: 0 0 auto;
}

.table-partner
{
    padding: 8px;
    border-radius: 2px;
    background-color: var(--color-gray-50);
}

.table-partner--p-lg
{
    padding: 16px;
}

.table-partner__main
{
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
}

.table-partner td
{
    vertical-align: top;
}

.table-partner tr:not(:first-child) td
{
    padding-top: 8px;
    border-top: 1px solid var(--color-neutral-100);
}

.table-partner tr:not(:last-child) td
{
    padding-bottom: 8px;
}

.partner-locked
{
    padding: 8px;
    background-color: var(--color-gray-50);
    border-radius: 2px;
    min-height: 208px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.partner-locked__img
{
    width: 24px;
}

.partner-locked__text
{
    margin: 12px auto 0;
    max-width: 185px;
}

.partner__back
{
    margin-bottom: 20px;
}

.partner__body
{
    padding: 16px;
    border-radius: 4px;
    background-color: #fff;
}

.partner__table:not(:first-child)
{
    margin-top: 16px;
}

.partner__locked
{
    margin-top: 16px;
}

.offer
{
    border-radius: 4px;
    overflow: hidden;
    padding: 0 !important;
}

    .offer:hover .offer__content
    {
        background: var(--color-blue-50);
    }

.offer--active
{
    border: 1px solid var(--color-blue-500);
}

.offer__content
{
    padding: 12px;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.4s;
}

.offer__type
{
    padding: 4px 12px;
    display: flex;
    align-items: center;
    background-color: var(--color-blue-500);
}

.offer__header
{
    display: flex;
    align-items: center;
}

.offer__price
{
    flex: 0 0 auto;
}

.offer__info
{
    display: flex;
    align-items: center;
    overflow: hidden;
}

    .offer__info:not(:first-child)
    {
        margin-left: 20px;
    }

    .offer__info:not(:last-child)
    {
        margin-right: 10px;
    }

.offer__name
{
    flex: 0 0 auto;
}
    .offer__name.padding_left_10
    {
        padding-left: 10px
    }


.offer__location
{
    display: flex;
}

    .offer__location:not(:first-child)
    {
        margin-left: 10px;
    }

.offer__location-separator
{
    margin: 0 4px;
}

.offer__location-name
{
    flex: 0 0 auto;
}

.offer__options-btn
{
    flex: 0 0 auto;
    margin-left: auto;
    align-self: flex-start;
}

    .offer__options-btn .dropdown__btn svg
    {
        fill: var(--color-neutral-400);
    }

    .offer__options-btn .dropdown__btn:hover svg
    {
        fill: var(--color-blue-600);
    }

    .offer__options-btn .dropdown__btn:active svg
    {
        fill: var(--color-second);
    }

.offer__tags
{
    margin-top: 12px;
}

.offer__footer
{
    margin-top: 12px;
    display: flex;
    align-items: center;
}

.offer__addition-info
{
    margin-left: auto;
    padding-left: 10px;
}

.trade-history__main
{
    padding: 12px;
    background-color: #fff;
    border-radius: 4px;
}

.trade-history__table:not(:first-child)
{
    margin-top: 12px;
}

.trade-history__main-footer
{
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--color-neutral-100);
    display: flex;
    justify-content: flex-end;
}

.trade-history__addition
{
    margin-top: 20px;
    display: flex;
}

.trade-history__author-position
{
    margin-top: 8px;
}

.trade-history__authors-logo
{
    margin: 0 23px;
    flex: 0 0 38px;
}

.trade-history__authors,
.trade-history__rate
{
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 120px;
    flex: 1 1 0%;
    border-radius: 4px;
    background-color: #fff;
}

.trade-history__rate
{
    flex-direction: column;
}

    .trade-history__rate:not(:first-child)
    {
        margin-left: 20px;
    }

.trade-history__rate-title
{
    margin-bottom: 8px;
}

.trade-history__rate-link
{
    margin-top: 10px;
}

.table-price
{
    max-height: 406px;
}

    .table-price .scrollbar-track
    {
        opacity: 1;
    }

.table-price__main
{
    width: 100%;
    border-spacing: 0;
}

.table-price__mobile-label
{
    display: none;
}

.table-price__input
{
    width: 100%;
}

    .table-price__input .input__field
    {
        text-align: right;
    }

.table-price__input--left .input__field
{
    text-align: left;
}

.table-price__input .input__error
{
    text-align: left;
}

.table-price__delete
{
    height: 32px;
}

.table-price__prototype
{
    display: none;
}

.table-price th
{
    background-color: var(--color-gray-50);
}

.table-price th,
.table-price td
{
    padding: 7px 4px;
    text-align: center;
}

    .table-price th:first-child,
    .table-price td:first-child
    {
        width: 32px;
        text-align: left;
    }

    .table-price th:nth-child(2),
    .table-price td:nth-child(2)
    {
        width: 43.5%;
        text-align: left;
    }

        .table-price th:nth-child(2).each-product-address,
        .table-price td:nth-child(2).each-product-address
        {
            width: 30%;
        }

        .table-price th:nth-child(2).unit-each,
        .table-price td:nth-child(2).unit-each
        {
            width: 30%;
            padding-right:20px;
        }

    .table-price th:nth-child(3).each-product-address,
    .table-price td:nth-child(3).each-product-address
    {
        width: 30%;
    }

    .table-price td:nth-child(3).each-product-address
    {
        text-align: left;
    }


.table-price td
{
    border-bottom: 1px solid var(--color-neutral-50);
}

.table-price__total
{
    margin-left: auto;
    padding: 12px 8px;
    width: calc(23.5% - 4px);
    background-color: var(--color-gray-50);
    border-radius: 4px;
    display: flex;
    align-items: flex-end;
}

.table-price__total-label
{
    margin-left: 8px;
}

.table-price--offer th:nth-child(2),
.table-price--offer td:nth-child(2)
{
    width: 28%;
}

.table-price--offer th:nth-child(3),
.table-price--offer td:nth-child(3)
{
    width: 13%;
}

.table-price--offer .table-price__total
{
    width: 375px;
    max-width: 100%;
}

.table-price--offer-edit th:nth-child(2),
.table-price--offer-edit td:nth-child(2)
{
    width: 22%;
}

.table-price--offer-edit th:nth-child(3),
.table-price--offer-edit td:nth-child(3)
{
    width: 140px;
}

.table-price--ad-placement
{
    max-height: 632px;
}

    .table-price--ad-placement .table-price__value--desktop
    {
        height: 32px;
        display: flex;
        align-items: center;
    }

    .table-price--ad-placement td
    {
        padding-block: 10px; /* border-bottom: none; */
    }

    .table-price--ad-placement th,
    .table-price--ad-placement td
    {
        vertical-align: top;
    }

        .table-price--ad-placement th:nth-child(2),
        .table-price--ad-placement td:nth-child(2)
        {
            padding-right: 20px;
            width: 62%;
        }

        .table-price--ad-placement th:nth-child(6),
        .table-price--ad-placement td:nth-child(6)
        {
            text-align: left;
        }

.info
{
    background-color: var(--color-gray-50);
}

.info__content
{
    padding: 30px 20px;
    margin: 0 auto;
    width: 100%;
    max-width: 1180px;
}

.info__back
{
    margin-bottom: 8px;
}

.info__header
{
    margin-bottom: 20px;
    display: flex;
}

.info__title
{
    display: flex;
    align-items: center;
    font-size: 40px;
}

.info__body
{
    display: flex;
    align-items: flex-start;
}

.info__sidebar
{
    position: sticky;
    width: 321px;
    max-height: calc(100vh - 64px - 60px);
    display: flex;
    top: calc(64px + 30px);
    flex-direction: column;
    z-index: 2;
    flex: 0 0 auto;
}

.info__sidebar-content
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 0;
}

.info__sidebar-main
{
    width: 100%;
}

.info__sidebar-nav
{
    background-color: #fff;
    border-radius: 4px;
}

.info__sidebar-menu
{
    padding: 8px;
    overflow: hidden;
}

    .info__sidebar-menu .lk-menu-link
    {
        padding-left: 16px;
        padding-right: 16px;
    }

.info__sidebar-help
{
    margin-top: 16px;
}

.info__main
{
    padding-top: 95px;
    padding-left: 20px;
}

.info-text h1
{
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
}

    .info-text h1:not(:last-child)
    {
        margin-bottom: 20px;
    }

    .info-text h1:not(:first-child)
    {
        margin-top: 20px;
    }

.info-text h2
{
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
}

    .info-text h2:not(:first-child)
    {
        margin-top: 18px;
    }

    .info-text h2:not(:last-child)
    {
        margin-bottom: 12px;
    }

.info-text p
{
    font-size: 16px;
    line-height: 22px;
    color: var(--color-neutral-700);
}

    .info-text p:not(:first-child)
    {
        margin-top: 12px;
    }

    .info-text p a
    {
        color: var(--color-blue-500);
        text-decoration: underline;
        text-underline-offset: 3.5px;
    }

        .info-text p a:hover
        {
            text-decoration: none;
        }

.help-box
{
    padding: 12px;
    border-radius: 4px;
    background-color: #fff;
}

.help-box__text
{
    margin-top: 8px;
    max-width: 270px;
}

.help-box__btns
{
    margin-top: 12px;
}

.help-box__btns-btn:not(:first-child)
{
    margin-top: 12px;
}

.display_none
{
    display: none;
}

.display_flex
{
    display: flex;
}

.ico-delete
{
    background-image: url("../ico/icon-close-items-red.svg");
}

.left
{
    margin-left: 10px;
}

.offers-item__header-label
{
    margin-bottom: 4px;
}

.offers-item__header
{
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--color-gray-50);
    border-radius: 2px;
}

.offers-item__header-items
{
    display: flex;
}

.offers-item__header-item:not(:first-child)
{
    margin-left: 40px;
}

.offers-item__header-link
{
    margin-left: 30px;
}

    .offers-item__header-link .link__icon
    {
        transition: transform 0.4s;
    }

    .offers-item__header-link.accordion__btn--active .link__icon
    {
        transform: rotate(-180deg);
    }

.offers-item__main
{
    padding-top: 12px;
}

.offers-list
{
    padding: 12px;
    background-color: #fff;
    border-radius: 4px;
}

.offers-list__item:not(:first-child)
{
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--color-neutral-100);
}

.offers-list__footer
{
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--color-neutral-100);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offers-list__btns
{
    margin-left: auto;
    display: flex;
    align-items: center;
}

.offers-list__btns-btn:not(:first-child)
{
    margin-left: 20px;
}

.table-offers__main
{
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
}

.table-offers th
{
    vertical-align: top;
    font-weight: 400;
    background: var(--color-gray-50);
}

.table-offers td
{
    border-top: 1px solid var(--color-neutral-50);
}

.table-offers th,
.table-offers td
{
    padding: 8px 4px;
    text-align: center;
}

    .table-offers th:first-child,
    .table-offers td:first-child
    {
        width: 32px;
    }

    .table-offers th:nth-child(2),
    .table-offers td:nth-child(2)
    {
        width: 52.8%;
        text-align: left;
    }

    .table-offers th:nth-child(3),
    .table-offers td:nth-child(3)
    {
        width: 13%;
        text-align: left;
    }

.table-offers__tr--active td
{
    background-color: var(--color-gray-100);
}

.table-offers__label
{
    vertical-align: top;
}

.table-offers__checkbox
{
    vertical-align: middle;
}

.table-offers__name
{
    display: flex;
    align-items: center;
}

.table-offers__rate
{
    margin-right: 4px;
    flex: 0 0 auto;
}

.offer-header
{
    padding: 12px;
    background-color: #fff;
    border-radius: 4px;
}

.offer-header--pb-sm
{
    padding-bottom: 8px;
}

.offer-header__top
{
    display: flex;
    align-items: center;
}

.offer-header__statuses
{
    flex: 0 0 auto;
    max-width: calc(100% - 34px);
}

.offer-header__top-type
{
    margin-left: 12px;
}

.offer-header__info
{
    margin-left: 12px;
    display: flex;
    align-items: center;
}

.offer-header__city
{
    margin-left: 10px;
    display: flex;
}

.offer-header__city-name
{
    flex: 0 0 auto;
}

.offer-header__city-separator
{
    margin-left: 4px;
    margin-right: 8px;
}

.offer-header__info:not(:last-child)
{
    margin-right: 10px;
}

.offer-header__tags-btn
{
    margin-left: auto;
}

.offer-header__bottom
{
    margin-top: 12px;
    display: flex;
    align-items: center;
}

.offer-header__meta
{
    display: flex;
    align-items: center;
}

.offer-header__meta-item:not(:first-child)
{
    margin-left: 18px;
}

.offer-header__type
{
    margin-left: 10px;
}

    .offer-header__type:not(:last-child)
    {
        margin-right: 18px;
    }

.offer-header__addition-info
{
    margin-left: auto;
}

.offer-bottom
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offer-bottom__sidebar-btn
{
    padding-top: 11px;
    padding-bottom: 11px;
    display: none;
}

.offer-bottom__single-btn:not(:last-child)
{
    margin-right: 12px;
}

.offer-bottom__btns
{
    margin-left: auto;
    display: flex;
    align-items: center;
}

.offer-bottom__btns-btn:not(:first-child)
{
    margin-left: 12px;
}

.offer-main
{
    padding: 12px;
    background-color: #fff;
    border-radius: 4px;
}

.offer-main__form {
    width: 100%;
    position: relative;
}

.offer-main__tabs
{
    margin-top: 12px;
    max-width: 100%;
    width: 100%;
}

.offer-main__tabs--mt-lg
{
    margin-top: 20px;
}

.offer-main__tabs-header
{
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offer-main__tabs-header-btn
{
    margin-left: 12px;
    display: none;
}

.offer-main__tabs-header-btn--show
{
    display: inline-flex;
}

.offer-main__comment
{
    font-size: 13px;
    line-height: 18px;
}

.offer-main__files
{
    margin-left: -12px;
    margin-top: -12px;
    padding-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
}

.offer-main__file
{
    margin-top: 12px;
    margin-left: 12px;
    width: calc(25% - 12px);
}

.offer-main__footer
{
    margin: 12px -12px 0;
    padding: 12px 12px 0;
    border-top: 1px solid var(--color-neutral-100);
}

.offer-main__footer--tablet
{
    display: none;
}

.offer-main__link-add
{
    margin-top: 8px;
}

.offer-main__section:not(:first-child)
{
    margin-top: 20px;
}

.offer-main__section-title
{
    margin-bottom: 20px;
}

.offer-main__section-form:not(:first-child)
{
    margin-top: 20px;
}

.offer-main__checkboxes
{
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: -20px;
}

.offer-main__checkbox
{
    margin-left: 20px;
    margin-top: 20px;
}

.offer-main__empty
{
    display: none;
}

.offer-main__empty--show,
.offer-main__empty--comment
{
    display: block;
}

.offer-main__inner
{
    max-width: 100%;
    position: relative;
}

.offer-info__header
{
    margin-bottom: 12px;
}

.offer-info__header--mb-0
{
    margin-bottom: 0;
}

.offer-img
{
    position: relative;
    display: inline-flex;
    width: 76px;
    height: 76px;
}

.offer-img__main
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.offer-img__delete
{
    position: absolute;
    right: 2px;
    top: 2px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 4px;
}

    .offer-img__delete img
    {
        width: 8px;
        height: 8px;
    }

.offer-images__list
{
    margin-left: -12px;
    margin-top: -12px;
    display: flex;
    flex-wrap: wrap;
}

    .offer-images__list:empty
    {
        margin-top: 0;
    }

.offer-images__item
{
    margin-left: 12px;
    margin-top: 12px;
    flex: 0 0 auto;
}

.offer-empty
{
    padding: 32px;
    text-align: center;
}

.file
{
    position: relative;
    display: inline-flex;
    align-items: center;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-blue-500);
    background-color: var(--color-blue-50);
}

.file--success
{
    background-color: var(--color-green-100);
    color: var(--color-green-400);
}

.file__icon
{
    margin-right: 4px;
}

    .file__icon:first-child
    {
        margin-left: 8px;
    }

.file__name
{
    padding: 5px 8px 5px 0;
    flex: 1 1 auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    line-height: 2;
}

    .file__name:first-child
    {
        padding-left: 8px;
    }

    .file__name:not(:last-child)
    {
        padding-right: 32px;
    }

.file__delete
{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("../img/icons/exit-neutral-600.svg") center / 10px 10px no-repeat;
    width: 32px;
    height: 100%;
}

.ad-header__user
{
    display: flex;
}

.ad-header__user-img
{
    margin-right: 16px;
    flex: 0 0 auto;
    width: 76px;
    height: 76px;
    border-radius: 2px;
    overflow: hidden;
}

    .ad-header__user-img img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.ad-header__user-location
{
    margin-top: 4px;
}

.ad-header__user-rating
{
    margin-top: 4px;
}

.ad-header__footer
{
    margin-top: 8px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.ad-header__footer-btns
{
    margin-left: 20px;
    display: flex;
    align-items: center;
}

.ad-header__footer-btn:not(:first-child)
{
    margin-left: 8px;
}

.ad-header__meta
{
    display: flex;
    align-items: center;
}

.ad-header__meta-item:not(:first-child)
{
    margin-left: 10px;
}

.ad-header__info-text
{
    margin-top: 4px;
}

.ad-stages__item
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .ad-stages__item:not(:first-child)
    {
        padding-top: 12px;
    }

    .ad-stages__item:not(:last-child)
    {
        padding-bottom: 8px;
        border-bottom: 1px solid var(--color-neutral-100);
    }

.ad-stages__item-value
{
    flex: 0 0 auto;
    margin-left: 10px;
}
    .ad-stages__item-value > span
    {
        width: 58px;
    }

.ad-info__sections
{
    margin-top: -12px;
    margin-left: -12px;
    display: flex;
    flex-wrap: wrap;
}

.ad-info__section
{
    margin-left: 12px;
    margin-top: 12px;
    padding: 12px;
    width: calc(100% - 12px);
    border-radius: 4px;
    background-color: #fff;
}

.ad-info__section--col-6
{
    width: calc(50% - 14px);
}

.edit-history-item__date
{
    margin-bottom: 4px;
}

.edit-history-list__item
{
    padding: 16px;
}

    .edit-history-list__item:not(:first-child)
    {
        border-top: 1px solid var(--color-neutral-100);
    }

.partner__top
{
    padding: 16px;
    display: flex;
    align-items: center;
    background-color: var(--color-blue-500);
    border-bottom: 1px solid var(--color-neutral-100);
}

.partner__top-title:not(:last-child)
{
    margin-right: 10px;
}

.partner__top-link
{
    margin-left: auto;
    flex: 0 0 auto;
}

.partner__top-close
{
    margin-left: auto;
    flex: 0 0 auto;
}

.partner__top-link + .partner__top-close
{
    margin-left: 27px;
}

.partner__content
{
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--color-gray-50);
    border: 1px solid #d5d7dc;
    border-radius: 4px;
    overflow: hidden;
}

.partner__body
{
    height: 100%;
}

.partner__body--popup
{
    border: 1px solid var(--color-neutral-100);
}

.partner__sections
{
    padding: 12px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

    .partner__sections[data-scrollbar]
    {
        display: flex;
    }

    .partner__sections .scroll-content
    {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
    }

.partner__section
{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
}

    .partner__section:not(:first-child)
    {
        margin-top: 12px;
    }

.partner__section--full
{
    flex: 1 1 auto;
}

.partner__section-main
{
    padding: 12px;
}

.partner__section-footer
{
    padding: 12px;
    border-top: 1px solid var(--color-neutral-100);
    margin-top: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.partner__section-footer-btn
{
    margin-left: auto;
}

.partner__groups
{
    margin-top: 16px;
}

.partner__offer-main
{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0;
    background-color: transparent;
}

    .partner__offer-main:not(:last-child)
    {
        margin-bottom: 12px;
    }

.filter-content__btns
{
    padding: 12px 16px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--color-neutral-100);
    overflow-x: auto;
}

.filter-content__btn
{
    flex: 1 1 0%;
    line-height: 1.44;
    white-space: nowrap;
}

    .filter-content__btn .lk-menu-link__text
    {
        text-align: center;
        flex: 1 1 auto;
        font-size: 14px;
    }

.filter-content__body
{
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
}

.filter-content__sidebar
{
    flex: 0 0 auto;
    width: 275px;
    border-right: 1px solid var(--color-neutral-100);
}

.filter-content__sidebar-section
{
    padding: 8px;
    border-bottom: 1px solid var(--color-neutral-100);
}

.filter-content__sidebar-section--saves
{
    display: none;
}

    .filter-content__sidebar-section--saves.filter-content__sidebar-section--active
    {
        display: block;
    }

.filter-content__sidebar-title
{
    margin-bottom: 8px;
}

.filter-content__sidebar-btn
{
    width: 100%;
    font-size: 14px;
    line-height: 1.58;
}

    .filter-content__sidebar-btn:not(:first-child)
    {
        margin-top: 4px;
    }

.filter-content__sidebar-btn--save
{
    cursor: pointer;
}

    .filter-content__sidebar-btn--save:hover
    {
        background-color: var(--color-gray-50);
    }

    .filter-content__sidebar-btn--save.lk-menu-link--active:hover
    {
        background-color: var(--color-blue-50);
    }

.filter-content__sidebar-item
{
    width: 100%;
}

.filter-content__sidebar-btn.tabs-btns__btn .lk-menu-link__count
{
    display: none;
}

.filter-content__sidebar-btn.tabs-btns__btn .lk-menu-link__delete
{
    display: none;
}

.filter-content__sidebar-btn--selected.tabs-btns__btn .lk-menu-link__count
{
    display: flex;
}

.filter-content__sidebar-btn--selected.tabs-btns__btn .lk-menu-link__delete
{
    display: flex;
}

.filter-content__sidebar-footer-btns
{
    margin-top: 12px;
}

.filter-content__sidebar-footer-btn:not(:first-child)
{
    margin-top: 8px;
}

.filter-content__main
{
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    height: 630px;
}

.filter-content__main-footer
{
    padding: 8px;
    display: flex;
    align-items: center;
    border-top: 1px solid var(--color-neutral-100);
}

.filter-content__main-footer--end
{
    justify-content: flex-end;
}

.filter-content__section
{
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: 100%;
}

.filter-content__section-header
{
    padding: 12px;
    border-bottom: 1px solid var(--color-neutral-100);
}

.filter-content__section-links
{
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filter-content__section-links--end
{
    justify-content: flex-end;
}

.filter-content__section-link:not(:first-child)
{
    margin-left: 12px;
}

.filter-content__section-list
{
    height: 554px;
    max-height: 100%;
}

.filter-content__section-list--xs
{
    height: 336px;
}

.filter-content__checkbox
{
    align-items: flex-start;
}

    .filter-content__checkbox.js-update-select-group-field
    {
        cursor: pointer;
    }

.filter-content__footer
{
    padding: 8px;
    display: flex;
    align-items: center;
    border-top: 1px solid var(--color-neutral-100);
}

.filter-content__footer--end
{
    justify-content: flex-end;
}

.filter-content__footer-btns
{
    display: flex;
    align-items: center;
}

.filter-content__footer-btns-btn:not(:first-child)
{
    margin-left: 10px;
}

.filter-content__tabs-list
{
    min-height: 0;
    max-height: 100%;
    display: flex;
    flex-direction: column;
}

.filter-content__tabs-item.tabs-list__item--active
{
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.filter-content__date
{
    max-height: 100%;
    display: flex;
    flex-direction: column;
}

.filter-content__tags
{
    max-height: 336px;
}

.filter-content__tags-list
{
    margin-top: -8px;
    margin-left: -8px;
    padding: 12px;
    display: flex;
    flex-wrap: wrap;
}

.filter-content__tag
{
    margin-top: 8px;
    margin-left: 8px;
}

.checkbox-list__item
{
    padding: 5.5px 12px;
    width: 100%;
}

    .checkbox-list__item:not(:first-child)
    {
        border-top: 1px solid var(--color-neutral-100);
    }

.checkbox-list__item--border-none:not(:first-child)
{
    border-top: none;
}

.checkbox-list__item--py-xl
{
    padding-top: 12px;
    padding-bottom: 12px;
}

.btn-placement
{
    padding: 24px 16px;
    display: flex;
    align-items: center;
    text-align: left;
    background-color: var(--color-gray-50);
    border-radius: 4px;
}

.btn-placement--disabled
{
    opacity: 0.5;
    pointer-events: none;
}

.btn-placement__main
{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.btn-placement__text
{
    margin-top: 8px;
}

.btn-placement__icon
{
    margin-left: 12px;
    flex: 0 0 auto;
}

.ad-placement__header
{
    padding: 16px 40px 16px 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--color-neutral-100);
}

.ad-placement__header-back
{
    margin-right: 12px;
    flex: 0 0 auto;
}

.ad-placement__header-back--hide
{
    display: none;
}

.ad-placement__steps
{
    padding: 16px;
}

.ad-placement__step
{
    display: none;
}

.ad-placement__step--active
{
    display: block;
}

.ad-placement__btn
{
    width: 100%;
}

    .ad-placement__btn:not(:first-child)
    {
        margin-top: 12px;
    }

.select-group__header
{
    display: flex;
}

.select-group__select
{
    flex: 1 1 auto;
}

.select-group__item
{
    flex: 1 1 auto;
}

.select-group__add
{
    margin-left: 8px;
    margin-top: 6px;
    flex: 0 0 auto;
    display: none;
}

.select-group__add--active
{
    display: block
}

.select-group__add:before
{
    content: "";
    display: inline-block;
    background: url("../img/icons/plus-blue-500.svg") center / contain no-repeat;
    width: 16px;
    height: 16px;
}

.select-group__list
{
    margin-top: 8px;
    padding-right: 28px;
}

.select-group__item:not(:first-child)
{
    margin-top: 8px;
}

.tooltip-message
{
    padding: 8px;
    background: var(--color-gray-50);
    border-radius: 4px;
}

.tooltip-message__text
{
    display: inline-block;
}

.tooltip-message__text--sm
{
    max-width: 450px;
}

.table-tooltip__main
{
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    table-layout: fixed;
    overflow: hidden;
}

.table-tooltip th
{
    font-weight: 400;
}

.table-tooltip th,
.table-tooltip td
{
    padding: 8px;
    border: 4px solid var(--color-blue-50);
    border-radius: 20px;
    text-align: center;
}

.sign-message
{
    padding: 8px;
    background-color: var(--color-gray-50);
    border-radius: 4px;
}

.sign-doc__header
{
    padding: 12px 12px 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sign-doc__select-all
{
    margin-left: 10px;
    flex: 0 0 auto;
}

.sign-doc__checkboxes
{
    display: flex;
    flex-direction: column;
    max-height: 220px;
}

.sign-doc__checkbox
{
    padding: 12px;
    display: flex;
}

.sign-doc__message
{
    margin: 12px;
}

.certificate-info
{
    padding: 8px;
    border-radius: 2px;
    background-color: #fff;
    display: flex;
    align-items: center;
}

.certificate-info__icon
{
    margin-right: 10px;
    width: 17px;
    height: 17px;
    object-fit: contain;
}

.certificate-item
{
    padding: 8px;
    display: flex;
    background-color: #fff;
    border-radius: 4px;
}

.certificate-item__left
{
    flex: 1 1 auto;
}

.certificate-item__text:not(:first-child)
{
    margin-top: 10px;
}

.certificate-item__text--sm
{
    font-size: 13px;
}

.certificate-item__files
{
    margin-top: -12px;
    margin-left: -12px;
    padding-top: 8px;
    display: flex;
    flex-wrap: wrap;
}

.certificate-item__file
{
    margin-top: 12px;
    margin-left: 12px;
}

.certificate-item__right
{
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    text-align: right;
    margin-left: 12px;
}

.certificate-item__right-header
{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .certificate-item__right-header:not(:last-child)
    {
        margin-bottom: 16px;
    }

.certificate-item__right-footer
{
    margin-top: auto;
}

.certificate-item__delete
{
    margin-left: 12px;
}

.certificates__info-item:not(:first-child)
{
    margin-top: 8px;
}

.certificates__header
{
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
}

.certificates__header-btn:not(:first-child)
{
    margin-left: 12px;
}

.certificates__item:not(:first-child)
{
    margin-top: 8px;
}

.loader
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.loader__main
{
    display: block;
    width: 40px;
    height: 40px;
    border: 4px solid var(--color-blue-200);
    border-bottom-color: var(--color-blue-500);
    border-radius: 50%;
    animation: loaderRotation 0.8s linear infinite;
}

.loader__text
{
    margin-top: 10px;
}

@keyframes loaderRotation
{
    0%
    {
        transform: rotate(0deg);
    }

    100%
    {
        transform: rotate(360deg);
    }
}

.certificate-btn
{
    display: block;
}

.certificate-btn__input
{
    display: none;
}

.certificate-btn__main
{
    padding: 8px;
    border-radius: 4px;
    background-color: var(--color-gray-50);
    border: 1px solid transparent;
    cursor: pointer;
}

.certificate-btn__text:not(:first-child)
{
    margin-top: 10px;
}

.certificate-btn__input:checked ~ .certificate-btn__main
{
    border-color: var(--color-blue-500);
}

.certificate-btns__btn:not(:first-child)
{
    margin-top: 8px;
}