:root {
    --theme-color: #ef5121;
}

input:not(.default),
textarea:not(.default) {
    width: 100%;
    text-overflow: ellipsis;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    border-radius: 100rem;
    -webkit-text-fill-color: #1D1D1D;
    -webkit-box-shadow: 0 0 0 1000px rgb(232, 240, 254) inset;
    transition: background-color 5000s ease-in-out 0s;
}

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

img {
    width: revert;
    max-width: 100%;
    height: auto;
}

img:not([src]):not([srcset]) {
    visibility: hidden;
}

.cabinet>.container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.btn[disabled] {
    opacity: 0.7;
    pointer-events: none;
}

.btn_r:focus svg path, .btn_r:hover svg path {
    stroke: #ee5121;
}

/* main */
.l-cabinet {
    padding-block-end:105rem;
}

.l-cabinet__section:not(:last-of-type) {
    margin-bottom: var(--mrbs, 60rem);
}

@media (max-width:590px) {
    .l-cabinet__section:not(:last-of-type) {
        --mrbs: 35rem;
    }
}

.l-cabinet__section-title {
    color: #262626;
    font-size: var(--fs, 40rem);
    font-weight: 629;
    line-height: 1.10;
    letter-spacing: 0.96rem;
    margin-bottom: var(--mrb, 32rem);
}

.l-cabinet__section-title.arrow {
    position: relative;
}

.l-cabinet__section-title.arrow::after {
    content:'';
    position: absolute;
    width: 64rem;
    height: 43rem;
    background-image: url("data:image/svg+xml,%3Csvg width='67' height='48' viewBox='0 0 67 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 3.99982C9 -0.999825 23.8 1.90173 29 15.5017C35.5 32.5017 18.5 39.5017 14.5 32.0017C10.1742 23.8908 50 -3.49826 60.177 45.5008M60.177 45.5008L65.5 38.5M60.177 45.5008L51.5 42' stroke='%23EF5121' stroke-width='3' /%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -18rem;
    margin-inline-start: 16rem;
}

@media (max-width:590px) {
    .l-cabinet__section-title.arrow::after {
        bottom: -7rem;
        margin-inline-start: 9rem;
        width: 36rem;
        height: 27rem;
    }
}

.l-cabinet__header {
    display: flex;
    justify-content: space-between;
    column-gap: 40rem;
    margin-bottom: var(--mrbs, 52rem);
}

.l-cabinet__header--create {
    --mrbs: 54rem;
}

.l-cabinet__header--create-2 {
    --mrbs: 41rem;
}

.l-cabinet__header--profile {
    --mrbs: 80rem;
}

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

.l-cabinet__label--max-width {
    max-width:870px;
}

.l-cabinet__input {
    font: inherit;
    border-radius: 15rem;
    color: black;
    font-stretch: unset;
    font-weight: unset;
    width: 100%;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    font-size: 16rem;
    line-height: 1.04;
    padding-block: 20rem;
    padding-inline: 19rem;
}

@media (hover:hover) {
    .l-cabinet__input:is(:hover, :focus-visible) {
        border-color:rgba(0, 0, 0, .6);
    }
}

.l-cabinet__input::placeholder {
    color: rgba(0, 0, 0, .3);
}

.l-cabinet__edit-name {
    max-width:500px
}

.l-cabinet__edit-name--hidden {
    display: none;
    margin-bottom: 0;
}

.l-cabinet__pen {
    position: absolute;
    width: 27rem;
    cursor: pointer;
    margin-left: 13rem;
    display: inline-flex;
    aspect-ratio: 1/1;
}

.l-cabinet__pen svg {
    width: 100%;
    height: auto;
}

@media (hover:hover) {
    .l-cabinet__pen:is(:hover, :focus-visible) {
        color:rgba(0,0,0, .5);
    }
}

@media (max-width:590px) {
    .l-cabinet__pen {
        width: 15rem;
    }
}

.l-cabinet__header-content {
    display: flex;
    flex-direction: column;
    row-gap: 22rem;
}

@media (max-width:590px) {
    .l-cabinet__header-content {
        display: contents;
    }
}

.l-cabinet__title {
    font-size: var(--fs, 40rem);
    font-weight: 629;
    line-height: 1.1;
    letter-spacing: 1.36px;
    color: #262626;
}

.l-cabinet__title--lg {
    --fs:68rem
}

@media (max-width:1024px) {
    .l-cabinet__title--lg {
        --fs:40rem
    }
}

.l-cabinet__desc {
    font-size: 20rem;
    line-height: 1.10;
    color: #000;
    max-width: 512rem;
    font-weight: 400;
}

@media (max-width:1024px) {
    .l-cabinet__desc {
        max-width: 430rem;
    }
}

@media (max-width:590px) {
    .l-cabinet__desc {
        font-size: 14rem;
    }
}

.l-cabinet__user-profile {
    justify-self: end;
    align-self: center;
}

.l-cabinet__title--2 {
    font-size: var(--fs, 62rem);
    font-weight: 629;
    line-height: 1.04;
    width: 1053rem;
    letter-spacing: 1.36px;
    color: #262626;
    margin-bottom: 85rem;
}

.l-cabinet__title--end {
    margin-bottom: var(--mrb, -26rem);
}

.l-cabinet__header-group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20rem;
}

.l-cabinet__header-group+.user-profile {
    --pt: 0;
}

.l-cabinet__title br {
    display: none;
}

.l-cabinet__back {
    align-self: flex-start;
    display: flex;
    align-items: center;
    gap: var(--gap, 8rem);
    font-size: var(--fs, 18rem);
    line-height: 1.38;
    color: rgba(0, 0, 0, .3);
}

.l-cabinet__back:hover,
.l-cabinet__back:focus-visible {
    color: var(--theme-color);
}

.l-cabinet__back-icon {
    --size: 24rem;
    width: var(--size);
    height: var(--size);
}

@media (max-width:590px) {
    .l-cabinet__back {
        --fs:14rem;
    }

    .l-cabinet__back-icon {
        --size: 15rem;
    }
}

/* stories carousel */
.stories-carousel {
    width: 100%;
}

@media (max-width:1024px) {
    .stories-carousel {
        padding-inline: var(--container-offset);
    }
}

.stories-carousel__slide {
    position: relative;
    width: var(--max-w, 140rem);
    border-radius: var(--br, 30rem);
    overflow: hidden;
    background-color: #1d1d1d4e;
    user-select: none;
    margin-right: 23rem;
}

@media (max-width:590px) {
    .stories-carousel__slide {
        --br:20rem;
    }
}

.stories-carousel__slide:not(.stories-carousel__slide--visited) {
    border: 3px solid var(--theme-color);
}

.stories-carousel__image {
    display: block;
    width: 100%;
}

.stories-carousel__link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: var(--br, 12rem);
}

.l-cabinet__section--stories {
    position: relative;
}

@media (max-width:1024px) {
    .l-cabinet__section--stories {
        width: 100vw;
        margin-inline-start: calc(-1 * var(--container-offset));
    }
}

.stories-carousel-prev,
.stories-carousel-next {
    z-index: 9;
}

.stories-carousel-prev::after,
.stories-carousel-next::after {
    font-weight: bolder;
}

/* projects */

.project-cards {
    display: flex;
    flex-direction: column;
    row-gap: var(--gap, 44rem);
}

.project-cards:empty {
    display: none;
}

.project-card {
    border-radius: var(--br, 40rem);
    padding-block: var(--pb, 34rem 44rem);
    padding-inline: var(--pi, 40rem);
    border:2px solid rgba(0, 0, 0, .1);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.project-card__progress {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    gap: 8rem;
}

@media (max-width:590px) {
    .project-card__progress {
        gap: 5rem;
    }
}

.project-card--black {
    border-radius: var(--br, 40rem);
    background-color: #1D1D1D;
    padding-block: var(--pb, 53rem 60rem);
    padding-inline: var(--pi, 50rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: white;
    position: relative;
    height: 415rem;
}

.project-card--brief {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.project-card--brief > div:nth-child(2) {
    display: flex;
    gap: 20rem
}

.project-card--brief img {
    position: absolute;
    height: 300rem;
    right: 160rem;
    bottom: 90rem;
}

@media (max-width: 1024px) {
    .project-card--brief img {
        height: 260rem;
        right: 130rem;
        bottom: 140rem;
    }
}

@media (max-width: 590px) {
    .project-card--brief {
        height: 490rem;
    }

    .project-card--brief img {
        height: 100rem;
        right: unset;
        bottom: 210rem;
    }

    .project-card--brief > div:nth-child(2) {
        flex-direction: column;
    }
}

.project-card--black img {
    position: absolute;
    height: 208rem;
    right: 223rem;
    bottom: 108rem;
}

.project-card__content {
    display: flex;
    justify-content: space-between;
}

.project-card__progress > svg {
    margin-top: 10rem;
    width: 220rem;
}

.project-card__step {
    margin-top: 26rem;
    font-size: 26rem;
    text-align: right;
}

.project-card--bg {
    background-repeat: no-repeat;
    background-position: center right 160rem;
    background-size: 288rem;
}

.project-card__header {
    display: flex;
    justify-content: space-between;
    gap: 40rem;
    margin-block-end: 12rem;
}

@media (max-width:590px) {
    .project-card__header {
        margin-block-end: 6rem;
    }
}
@media (min-width:591px) {
    .project-card__header {
        align-items: center;
    }
}

.project-card__title {
    font-size: var(--fs, 40rem);
    font-weight: 629;
    line-height: 1.10;
    hyphens: auto;
}

.project-card__time {
    font-size: 14px;
    line-height: 1.10;
    color: rgba(0, 0, 0, .2)
}

.project-card__body {
    font-size: 20rem;
    line-height: 1.10;
    display: flex;
    flex-direction: column;
    row-gap: 40rem;
    margin-block-end: 40rem;
}

.project-card__desc {
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.52rem;
}

.project-card__desc+.project-card__desc {
    margin-top: 8px;
}

.project-card__btn, .project-card__btn--plus {
    align-self: flex-start;
    height: 68rem;
    font-size: 23rem;
}

.project-card__btn--plus svg {
    width: 32rem;
    height: 32rem;
    margin-left: 18rem;
}

.project-card__tag {
    font-size: var(--fs, 23rem);
    font-weight: 400;
    text-transform: uppercase;
    color: #848484;
    margin-bottom: var(--mrb, 11rem);
}

/*.project-card__tag:hover,*/
/*.project-card__tag:focus-visible {*/
/*    opacity: 0.5;*/
/*}*/

.project-card__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 17rem 40px;
}

.project-card__delete, .project-card__download-file {
    color: #0068FF;
    font: inherit;
    appearance: none;
    -webkit-appearance: none;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.2s;
}

.project-card__delete {
    color:rgba(0, 0, 0, .4);
}

.project-card__side {
    display: flex;
    align-items: center;
    gap: 10rem;
    font-size: 18rem;
}

.project-card__download-file {
    justify-content: flex-end;
}

.project-card__delete::before {
    --icon:url("data:image/svg+xml,%3Csvg width='20' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5h18M17 5v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5m3 0V3a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M8 10v6M12 10v6' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    content: '';
    -webkit-mask-image: var(--icon);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: var(--icon);
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 18rem;
    height: 20rem;
    display: block;
    background-color: currentColor;
}

@media (max-width:590px) {
    .project-card__delete {
        column-gap: 8rem;
    }

    .project-card__delete::before {
        width: 14rem;
        height: 15rem;
    }
}

.project-card__delete:hover,
.project-card__delete:focus-visible,
.project-card__download-file:hover,
.project-card__download-file:focus-visible {
    opacity: 0.5;
}

.project-card__delete:is(:hover, :focus-visible) {
    color:red;
    opacity: 1;
}

.project-card__download-file::after {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21 15.2656V19.2656C21 19.7961 20.7893 20.3048 20.4142 20.6798C20.0391 21.0549 19.5304 21.2656 19 21.2656H5C4.46957 21.2656 3.96086 21.0549 3.58579 20.6798C3.21071 20.3048 3 19.7961 3 19.2656V15.2656' stroke='%230068FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M7 10.2656L12 15.2656L17 10.2656' stroke='%230068FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12 15.2656V3.26562' stroke='%230068FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    display: block;
}

.project-card__file-sub {
    color: #848484;
    text-align: right;
}

/* contacts-card */
[data-active-tab="brief"] {
    --section-contacts-visible: none;
}

.l-cabinet__section--contacts {
    --mrbs: 120rem;
    display: var(--section-contacts-visible, block);
}

.contacts-card {
    color: #fff;
    background-color: #1D1D1D;
    border-radius: var(--br, 40rem);
    padding-block: var(--pb, 82rem 65rem);
    padding-inline: var(--pi, 67rem);
    display: grid;
    grid-template-columns: minmax(0, 710rem) minmax(0, 570rem);
    gap: var(--gap, 30rem);
}

.contacts-card__title {
    font-size: var(--fs, 48rem);
    font-weight: 629;
    line-height: 1.1;
    letter-spacing: 0.96rem;
    margin-bottom: var(--mrb, 51rem);
}

.contacts-card__manager-figure {
    position: relative;
    margin-bottom: var(--mrb, 60rem);
}

.contacts-card__manager-avatar {
    max-width: var(--max-w, 132rem);
    border-radius: var(--br, 30rem);
    position: relative;
    right: -25rem;
    transform: rotate(var(--transform, 0));
    transition: transform 1s ease-in-out .5s;
    transition-delay: 1s;
    z-index: 1;
}

.contacts-card__manager-scribble {
    position: absolute;
    width: var(--width, 191rem);
    height: auto;
    top: 0;
    left: 0;
}

.contacts-card__manager-scribble path {
    stroke-dasharray: 825;
    stroke-dashoffset: var(--st-dash-offset, 825);
    transition: stroke-dashoffset 2s ease-in-out;
    transition-delay: 1s;
}

.contacts-card__manager-figure.entered {
    --st-dash-offset: 0;
    --transform: 8.816deg;
}

.contacts-card__manager-name {
    font-size: var(--fs, 21rem);
    margin-bottom: var(--mrb, 14rem);
    font-weight: 629;
}

.contacts-card__manager-info {
    font-size: var(--fs, 18px);
    font-weight: 400;
    line-height: 1.38;
    position: relative;
    max-width: var(--max-w, 370rem);
}

.contacts-card__manager-info::after {
    content: '';
    position: absolute;
    left: calc(100% + 35rem);
    top: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='104' height='68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.4' d='M102.745 57.593a1 1 0 0 1 .396 1.358l-4.33 7.89a1 1 0 0 1-1.753-.962l3.849-7.013-7.014-3.849a1 1 0 1 1 .962-1.753l7.89 4.33ZM2.275.684c-1.078 21.05 9.345 39.435 27.27 50.487 17.932 11.058 43.428 14.794 72.44 6.34l.559 1.92c-29.462 8.586-55.558 4.844-74.05-6.557C9.994 41.466-.84 22.413.278.58l1.997.102Z' fill='%23fff'/%3E%3C/svg%3E");
    width: var(--width, 97rem);
    height: var(--height, 64rem);
    background-repeat: no-repeat;
    background-size: cover;
}

/* form */
.c-form__fields {
    display: flex;
    flex-direction: column;
    row-gap: 14rem;
    margin-bottom: 24rem;
    width: 100%;
}

.c-form__fields--modal {
    gap: 40rem;
    margin-bottom: 43rem;
    display: grid;
}

.c-form__fields--no-margin {
    margin-block-end:0;
}

@media (min-width:591px) {
    .c-form__fields--modal {
        grid-template-columns: 1fr 1fr;
    }
}

.c-form__field {
    position: relative;
    display: flex;
    align-items: center;
}

@media (min-width:591px) {
    .c-form__field--wide {
    grid-column:span 2;
}
}

.c-form__field--modal {
    display: flex;
    flex-direction: column;
    gap: 12rem;
    align-items: flex-start;
}

.c-form__input {
    width: 100%;
    font-weight: 629;
    font-size: 23rem;
    color: #1D1D1D;
    padding: 28rem 38rem 25rem;
    border: none;
    background-color: #fff;
    border-radius: 100rem;
    transition: border .3s ease-in-out;
    line-height: 1;
}

.c-form__input:read-only {
    background-color: #EBEBEB;
}

.c-form__input:disabled {
    --placeholder: rgba(29, 29, 29, 0.2);
    background-color: #EBEBEB;
}

.c-form__input:disabled+.c-form__label {
    color: rgba(29, 29, 29, 0.2);
}

.c-form__input--valid,
.c-form__input--valid.full {
    border: 2px solid #14B11A;
    position: relative;
    padding-inline-end: 60rem;
}

.c-form__input--valid {
    background-repeat: no-repeat;
    background-size: 20rem;
    background-position: center right 30rem;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.25 1.375 6.562 13.063 1.25 7.75' stroke='%2314B11A' stroke-width='2.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.c-form__input--invalid {
    --placeholder: #F00C0C;
    background-repeat: no-repeat;
    background-size: 22rem;
    background-position: center right 31rem;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' stroke='%23F00C0C' stroke-width='1.833' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.205 1.833h7.59l5.371 5.372v7.59l-5.371 5.372h-7.59l-5.372-5.372v-7.59l5.372-5.372ZM13.75 8.25l-5.5 5.5M8.25 8.25l5.5 5.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.c-form__input--invalid,
.c-form__input--invalid.full {
    border: 2px solid #F00C0C;
    position: relative;
    color: #F00C0C;
    padding-inline-end: 60rem;
}

.c-form__input--invalid+.c-form__label {
    color: #F00C0C;
}

.c-form__input--round {
    border-radius:15rem;
    padding-block: 20rem;
    padding-inline: 19rem;
    font-size: 16rem;
    font-weight: 400;
}

.c-form__text {
    font-size: var(--fs, 20rem);
    font-weight: 629;
    line-height: 1.2;
    font-stretch: 151%;
}

.c-form__input::placeholder {
    color: transparent;
}

.c-form__input--round::placeholder {
    color: rgba(0,0,0, .3);
}

.c-form__label {
    display: none;
}

@media (min-width:591px) {
    .c-form__field--tel .c-form__label {
        transform: translateY(-100%);
        font-size: 14rem;
    }

    .c-form__label {
        display: block;
        position: absolute;
        color: rgb(29 29 29 / 40%);
        padding: 0 38rem;
        display: block;
        font-weight: 629;
        font-size: 23rem;
        pointer-events: none;
        user-select: none;
        width: 100%;
        transform-origin: left center;
        transition: 0.3s ease-in-out;
        transition-property: transform, font-size;
    }

    .c-form__input:focus-visible+.c-form__label,
    .c-form__input:not(:placeholder-shown)+.c-form__label {
        transform: translateY(-100%);
        font-size: 14rem;
    }
}

.c-form__actions {
    margin-top: var(--mrt, 33rem);
    display: flex;
    flex-direction: column;
    row-gap: var(--gap, 32rem);
}

.c-form__captcha {
    margin-bottom: var(--mrb, 9rem);
}

.c-form__agreement {
    font-size: var(--fs, 16rem);
    font-weight: 400;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    display: flex;
    column-gap: var(--gap, 14rem);
    max-width: var(--max-w, 430rem);
}

.c-form__agreement::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none'%3E%3Cpath fill='%23fff' d='M19.031 8.506h-.906V5.671c0-3.128-3.252-5.671-7.25-5.671s-7.25 2.543-7.25 5.67v2.836h-.906C1.22 8.506 0 9.46 0 10.633v9.924c0 1.173 1.22 2.126 2.719 2.126H19.03c1.499 0 2.719-.953 2.719-2.126v-9.924c0-1.173-1.22-2.127-2.719-2.127ZM6.041 5.671c0-2.085 2.168-3.78 4.834-3.78 2.666 0 4.833 1.695 4.833 3.78v2.835H6.042V5.671Zm6.042 10.134v2.153c0 .521-.54.945-1.208.945-.668 0-1.208-.424-1.208-.945v-2.153c-.72-.328-1.209-.931-1.209-1.628 0-1.042 1.084-1.89 2.417-1.89 1.333 0 2.417.848 2.417 1.89 0 .697-.49 1.3-1.209 1.628Z' opacity='.5'/%3E%3C/svg%3E");
    display: block;
    line-height: 0;
}

.c-form__agreement a {
    text-decoration: underline;
    text-decoration-thickness: 1rem;
    text-underline-offset: var(--offset, 4rem);
}

.c-form__agreement a:hover,
.c-form__agreement a:focus-visible {
    color: rgba(255, 255, 255, 1);
}

.c-form__submit {
    align-self: flex-start;
    max-width: var(--max-w, 388rem);
    width: 100%;
}

.c-form__submit--modal {margin-inline: auto;}

.iti__selected-flag {
    padding-left: var(--pl, 38rem);
}

.iti .c-form__input {
    padding-left: var(--pl, clamp(64px, 5vw, 84px)) !important;
    padding-right: var(--pr, 20rem);
}

.c-form--requisites {
    --labels-fr: [labels] minmax(0, 276rem);
    --fields-fr: [fields] minmax(0, 570rem);
    --gap: 0 36rem;
    display: grid;
    grid-template-columns: var(--labels-fr) var(--fields-fr);
    gap: var(--gap);
    row-gap: 54rem;
}

.c-form__fields--requisites {
    row-gap: 28rem;
    grid-column: 1/-1;
    margin-bottom: 0;
}

.c-form__fields--requisites:not(:last-of-type) {
    margin-block-end: 6rem;
}

.c-form__field--requisites {
    display: grid;
    grid-template-columns: var(--labels-fr) var(--fields-fr);
    gap: var(--gap);
    row-gap: 20rem;
}

.c-form__submit--requisites {
    grid-column: fields;
}

.c-form__input--invalid~.c-form__requirement {
    display: block;
}

.c-form__requirement {
    grid-column: fields;
    font-size: var(--fs, 18rem);
    font-weight: 400;
    line-height: 1.38;
    color: #7F858D;
    display: none;
}

.c-form__requirement a {
    color: #0068FF;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4rem;
}

/* cards */
.c-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--item-width, 360rem), 1fr));
    gap: var(--gap, 28rem);
}

.c-cards .c-card {
    height: 100%
}

.c-card {
    display: flex;
    flex-direction: column;
    position: relative;
}

.c-card__figure {
    overflow: hidden;
    margin-bottom: var(--mrb, 32rem);
    background-color: rgba(29, 29, 29, 0.306);
    border: 4rem solid var(--color-smoky-white);
    border-radius: 30rem;
    aspect-ratio: 464/300;
}

.c-card__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
}

.c-card:focus-within .c-card__img,
.c-card:hover .c-card__img {
    transform: scale(1.05);
}

.c-card__link {
    color: #262626;
    font-size: var(--fs, 20rem);
    font-weight: 400;
}

.c-card__link:hover,
.c-card__link:focus-visible {
    color: var(--theme-color);
}

.c-card__link::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: revert;
}

/* create-project */
.create-project__box {
    border-radius:40rem;
    background-color:var(--color-smoky-white);
    padding:52rem;
    display: flex;
    flex-direction: column;
    row-gap: 38rem;
}

.create-project__box--gray {
    background-color: #F5F5F5;
    padding-inline: var(--pi, 60rem);
    border-radius: var(--br, 40rem);
    padding-block: var(--pb, 60rem 73rem);
    margin-top: 120rem;
    margin-bottom: 100rem;
}

.create-project__box--no-margin {
    margin-top: 0;
}

.create-project__box--grid {
    display: grid;
    grid-template-columns: [flow-content] 1fr [info-block] 530rem;
    column-gap: var(--gap, 32rem);
}

.create-project__group {
    display:flex;
    flex-direction:column;
}

@media (min-width:591px) {
    .create-project__group {
        align-items: center;
    }
}

.create-project__info {
    grid-column: info-block;
    grid-row: 2;
    align-self: flex-start;
    font-size: var(--fs, 26rem);
    line-height: 1.3;
    letter-spacing: 0.52rem;
    font-weight: 400;
    color: #848484;
    max-width: var(--max-w, 442rem);
    position: relative;
}

.checkbox-list__item {
    position: relative;
}

.checkbox-list__item svg {
    position: absolute;
    right: -80rem;
    top: -1rem;
    height: 48rem;
    width: 58rem;
}

.create-project__info::before {
    --size: 38rem;
    content: '';
    position: absolute;
    right: calc(100% - 10rem);
    bottom: calc(100% + 12rem);
    width: var(--size);
    height: var(--size);
    background-image: url(/assets/Main/Main/icons/star_gr.svg);
    -webkit-animation: howCard4Star 5s linear forwards infinite;
    animation: rotate 5s linear forwards infinite;
    background-size: cover;
    background-repeat: no-repeat;
    will-change: transform;
}

.create-project__info::after {
    content: '';
    position: absolute;
    bottom: calc(100% - 33rem);
    right: calc(100% + 53rem);
    transform: scale(.8) rotate(51deg);
    width: var(--width, 46rem);
    height: var(--height, 83rem);
    ;
    background-image: url(/assets/Main/Main/icons/arrow_rotate_gr.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(-360deg);
    }
}

.create-project__documents {
    max-width:800px;
    width:100%;
}

.create-project__file-loader {
    --icon-bg: #fff;
    margin-block-start: 18rem;
    max-width: 800px;
    margin-inline: auto;
    width: 100%;
}

.create-project__file-loader:not(:has(ul:empty)) {
    row-gap:18rem;
}

@media (max-width:590px) {
    .create-project__file-loader:not(:has(ul:empty)) {
        row-gap:10rem;
    }
}

.create-project__title {
    --placeholder: currentColor;
    font-size: var(--fs, 40rem);
    font-weight: 629;
    grid-column: flow-content/ span 2;
    border: none;
    color: inherit;
    padding: 0;
    line-height: 1.10;
    word-break: break-word;
}

.create-project__title::placeholder {
    color: var(--placeholder);
}

.create-project__title--dashed {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 7rem;
    text-decoration-style: dashed;
    text-underline-position: from-font;
    margin-bottom: var(--mrb, 52rem);
}

.create-project__step-title {
    font-size: var(--fs, 30rem);
    font-weight: 629;
    line-height: 1.1;
    letter-spacing: 0.52rem;
    grid-column: flow-content/ span 2;
    margin-block-end: 13rem;
}

.create-project__step-subtitle {
    font-size: var(--fs, 28rem);
    margin-top: 18rem;
    margin-bottom: var(--mrb, 60rem);
    line-height: 1.1;
    letter-spacing: 0.52rem;
    grid-column: flow-content/ span 2;
}

.create-project__step-desc {
    font-size: 20rem;
    line-height: 1.27;
    color: #393939;
    margin-block-end: 38rem;
}

.create-project__step-desc p {
    margin-block-start:0;    
}

@media (min-width:591px) {
    .create-project__step-desc {
        text-align:center;
    }
}

.create-project__keyword-label {
    grid-column: flow-content/ span 2;
    display: none;
    width: 100%;
    max-width: 870px;
    align-self: center;
}

.create-project__keyword-arrow {
    display: none;
}

.create-project__label {
    font-weight: 629;
    font-size: 20rem;
    font-stretch:151%;
    margin-block-end: 15rem;
    display: block;
}

.create-project__1st-error {
    display: none;
    text-align: center;
    grid-column: flow-content/ span 2;
    padding-right: 40rem;
    font-size: 20rem;
    color: #ef5021;
}
.create-project__1st-error.active {
    display: block;
}

.create-project__checkbox-list {
    max-width: 858px;
    width: 100%;
}

.create-project__actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--gap, 25rem);
    grid-column: flow-content/ span 2;
    margin-block-start: 7rem;
}

.create-project__agreement {
    align-self:center;
}

@media (max-width:590px) {
    .create-project__agreement {
        padding-inline-start:37rem
    }
}

.create-project__btn {
    width: var(--width, 388rem);
}

.create-project__btn--dark {
    color:#000;
}

@media (hover:hover) {
    .create-project__btn--dark:is(:hover, :focus-visible) {
        color:#fff;
        background-color:#000;
        border-color:#000;
    }
}

.create-project__btn--outlined {
    border:2px solid currentColor;
}

.create-project__btn--del {
    background-color: #fff;
}

.create-project__btn--del-bordered {
    border: 1px solid #ef5120;
}

.create-project__btn--del:hover,
.create-project__btn--del:focus-visible {
    border-color: var(--theme-color);
}

.create-project__header {
    display: grid;
    grid-template-columns: [title] 1fr [status] max-content;
    grid-template-rows: [top] auto [center] auto 20rem [bottom] auto;
    column-gap: var(--gap, 22rem);
}

.create-project__title--grid {
    grid-column: title;
    grid-row: center;
    max-width: 90%;
}

.create-project__title--center {
    grid-row: top/3;
    align-self: center;
}

.create-project__service-number {
    --size: 86rem;
    grid-column: number;
    grid-row: span 2;
    color: #fff;
    background-color: var(--theme-color);
    border-radius: 50%;
    width: var(--size);
    height: var(--size);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--fs, 22rem);
    font-weight: 629;
    align-self: center;
}

.create-project__service-name {
    grid-column: title;
    grid-row: top;
    text-transform: uppercase;
    font-size: var(--fs, 18rem);
    line-height: 1.3;
    letter-spacing: 0.36rem;

}

.create-project__status {
    grid-column: title;
    grid-row: span 3;
    align-self: center;
    color: var(--theme-color);
    font-size: var(--fs, 26rem);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.52rem;
    margin-bottom: 40rem;
}

.create-project__step-title--in-block, .create-project__step-subtitle--in-block {
    grid-column: title;
    grid-row: span 3;
    align-self: center;
}

.create-project__step-subtitle--in-block {
    margin-top: 36rem;
    margin-bottom: 66rem;
    max-width: 910rem;
    --fs: 26rem
}

.create-project__step-title--above-block {
    margin-top: 100rem;
    margin-bottom: 24rem;
    font-size: 40rem;
}

.create-project__step-subtitle--above-block {
    font-size: 26rem;
    margin-bottom: 38rem;
    min-height: 80rem;
    max-width: 1000rem;
    line-height: 130%;
}

.create-project__status--success {
    color: #14B11A;
}

.create-project__desc {
    grid-column: 1/ status;
    grid-row: bottom;
    font-size: var(--fs, 26rem);
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: 0.52rem;
}

.create-project__payment-title {
    line-height: 1;
    margin-bottom: var(--mrb, 30rem);
}

.create-project__payment-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap, 0 18rem);
    margin-bottom: var(--mrb, 40rem);
}

.create-project__payment-bill {
    border-color: var(--theme-color);
    font-size: var(--fs, 23rem);
    max-width: var(--max-w, 388rem);
}

.create-project__payment-bill:hover,
.create-project__payment-bill:focus-visible {
    border-color: var(--theme-color);
    background-color: var(--theme-color);
    color: #fff;
}

.create-project__payment-online {
    font-size: var(--fs, 23rem);
    max-width: var(--max-w, 388rem);
}

.create-project__payment-agreement,
.c-agreement {
    font-size: var(--fs, 16rem);
    font-weight: 400;
    line-height: 1.2;
    color: rgba(29, 29, 29, .5);
    position: relative;
    display: flex;
    align-items: center;
    column-gap: var(--gap, 16rem);
    max-width: var(--max-w, 440rem);
    grid-template-columns: max-content 1fr;
}

.create-project__payment-agreement a,
.c-agreement a {
    text-decoration: underline;
    text-decoration-thickness: 1rem;
    text-underline-offset: var(--offset, 4rem);
}

.create-project__payment-agreement a:is(:hover, :focus-visible),
.c-agreement a:is(:hover, :focus-visible) {
    color: rgba(29, 29, 29, 1);
}

.create-project__payment-agreement::before,
.c-agreement::before {
    content: url("data:image/svg+xml,%3Csvg width='22' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.5' d='M19.031 8.506h-.906V5.671c0-3.128-3.252-5.671-7.25-5.671s-7.25 2.543-7.25 5.67v2.836h-.906C1.22 8.506 0 9.46 0 10.633v9.924c0 1.173 1.22 2.126 2.719 2.126H19.03c1.499 0 2.719-.953 2.719-2.126v-9.924c0-1.173-1.22-2.127-2.719-2.127ZM6.041 5.671c0-2.085 2.168-3.78 4.834-3.78 2.666 0 4.833 1.695 4.833 3.78v2.835H6.042V5.671Zm6.042 10.134v2.153c0 .521-.54.945-1.208.945-.668 0-1.208-.424-1.208-.945v-2.153c-.72-.328-1.209-.931-1.209-1.628 0-1.042 1.084-1.89 2.417-1.89 1.333 0 2.417.848 2.417 1.89 0 .697-.49 1.3-1.209 1.628Z' fill='%231D1D1D'/%3E%3C/svg%3E");
    display: block;
    line-height: 0;
}

/* service-cards */
.additional-services--offset {
    margin-block-end: var(--mrbs, 55rem);
}

.additional-services__title {
    margin-block-end: 44rem;
}

.service-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--item-width, 290rem), 1fr));
    gap: var(--gap, 35rem);
}

.service-cards .service-card {
    height: 100%;
}

.service-card {
    display: flex;
    flex-direction: column;
    background-color: var(--color-smoky-white);
    color: #000;
    border-radius: var(--br, 36rem);
    padding-block: var(--pb, 24rem 14rem);
    padding-inline: var(--pi, 13rem);
    text-align: center;
    align-items: center;
}

.service-card__title {
    font-size: var(--fs, 20rem);
    font-weight: 629;
    line-height: 1.2;
    letter-spacing: 0.52rem;
    margin-bottom: var(--mrb, 30rem);
}

.service-card__figure {
    margin-top: auto;
    overflow: hidden;
    max-width: 179rem;
}

.service-card__img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.service-card__btn {
    font-size: var(--fs, 16rem);
    padding-block: var(--pb, 18rem);
    min-width: auto;
    margin-top: var(--mrt, 33rem);
    align-self: stretch;
}

/* attachments */
.attachments {
    display: flex;
    flex-direction: column;
    gap: var(--gap, 12rem);
}

.attachment,
.file-loader__file-name {
    --gap: 14rem;
    font-size: var(--fs, 26rem);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.52rem;
    color: #0068FF;
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--gap);
    transition: opacity 0.3s ease-in-out;
    line-height: 1.2;
}

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

/* .attachment[href$=".pdf"]::before,
.attachment[href$=".PDF"]::before,
[data-type="pdf"]::before,
[data-type="PDF"]::before {
    --size: 22rem;
    width: var(--size);
    height: var(--size);
    content: '';
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 512 512' viewBox='0 0 512 512' id='pdf-file'%3e%3cpath fill='%23f4f4f3' d='M414.2,121.5v317.6c0,7.4-6,13.4-13.4,13.4H111.2c-7.4,0-13.4-6-13.4-13.4V72.9c0-7.4,6-13.4,13.4-13.4h237.6 L414.2,121.5z'%3e%3c/path%3e%3cpath fill='%23edeceb' d='M414.2,121.5h-52.1c-7.4,0-13.4-6-13.4-13.4V59.5L414.2,121.5z'%3e%3c/path%3e%3crect width='316.5' height='103.3' x='97.8' y='307.9' fill='%23f05458'%3e%3c/rect%3e%3cg%3e%3cpath fill='%23f4f4f3' d='M188.6 366.9h-13.3v20.3c0 2.9-.7 5.1-2.1 6.6s-3.1 2.2-5.2 2.2c-2.2 0-3.9-.7-5.3-2.2-1.3-1.5-2-3.7-2-6.5V332c0-3.2.7-5.5 2.2-6.8s3.8-2.1 7-2.1h18.6c5.5 0 9.7.4 12.7 1.3 2.9.8 5.5 2.2 7.6 4.1 2.1 1.9 3.8 4.2 4.9 6.9s1.7 5.8 1.7 9.2c0 7.3-2.2 12.8-6.7 16.6S197.5 366.9 188.6 366.9zM185.1 334.1h-9.8v21.9h9.8c3.4 0 6.3-.4 8.6-1.1 2.3-.7 4-1.9 5.2-3.5 1.2-1.6 1.8-3.8 1.8-6.4 0-3.2-.9-5.7-2.8-7.7C195.9 335.1 191.6 334.1 185.1 334.1zM236.5 323.2h18.9c4.9 0 9.1.5 12.6 1.4 3.5.9 6.7 2.6 9.6 5.1 7.5 6.4 11.2 16.1 11.2 29.1 0 4.3-.4 8.2-1.1 11.8-.7 3.5-1.9 6.7-3.5 9.6-1.6 2.8-3.6 5.4-6 7.6-1.9 1.7-4 3.1-6.3 4.2-2.3 1-4.7 1.8-7.3 2.2-2.6.4-5.6.6-8.9.6h-18.9c-2.6 0-4.6-.4-6-1.2-1.3-.8-2.2-1.9-2.6-3.4-.4-1.4-.6-3.3-.6-5.6V332c0-3.1.7-5.4 2.1-6.8C231.1 323.9 233.4 323.2 236.5 323.2zM242.1 334.6v48.6h11c2.4 0 4.3-.1 5.7-.2 1.4-.1 2.8-.5 4.2-1 1.5-.5 2.7-1.3 3.8-2.2 4.8-4.1 7.3-11.2 7.3-21.2 0-7.1-1.1-12.4-3.2-15.9-2.1-3.5-4.8-5.8-7.9-6.7-3.1-1-6.9-1.4-11.3-1.4H242.1zM344.3 334.3h-28.6v18.3h23.9c2.2 0 3.9.5 5 1.5 1.1 1 1.6 2.3 1.6 4s-.6 3-1.7 4c-1.1 1-2.8 1.5-4.9 1.5h-23.9v23.6c0 3-.7 5.2-2 6.7-1.4 1.4-3.1 2.2-5.2 2.2-2.1 0-3.9-.7-5.2-2.2-1.4-1.5-2-3.7-2-6.6V332c0-2.1.3-3.8.9-5.1.6-1.3 1.6-2.3 2.9-2.9 1.3-.6 3-.9 5.1-.9h34.2c2.3 0 4 .5 5.2 1.5s1.7 2.4 1.7 4c0 1.7-.6 3.1-1.7 4.1S346.6 334.3 344.3 334.3z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
} */

.attachment[href$=".png"]::before,
.attachment[href$=".PNG"]::before,
[data-type="png"]::before,
[data-type="PNG"]::before {
    --size: 22rem;
    width: var(--size);
    height: var(--size);
    content: '';
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 512 512' viewBox='0 0 512 512' id='png-file'%3e%3cpath fill='%23f4f4f3' d='M414.2,121.5v317.6c0,7.4-6,13.4-13.4,13.4H111.2c-7.4,0-13.4-6-13.4-13.4V72.9c0-7.4,6-13.4,13.4-13.4h237.6 L414.2,121.5z'%3e%3c/path%3e%3cpath fill='%23edeceb' d='M414.2,121.5h-52.1c-7.4,0-13.4-6-13.4-13.4V59.5L414.2,121.5z'%3e%3c/path%3e%3crect width='316.5' height='103.3' x='97.8' y='307.9' fill='%23528bc9'%3e%3c/rect%3e%3cg%3e%3cpath fill='%23f4f4f3' d='M179.8 367.5h-13.3v20.3c0 2.9-.7 5.1-2.1 6.6s-3.1 2.2-5.2 2.2c-2.2 0-3.9-.7-5.3-2.2-1.3-1.5-2-3.7-2-6.5v-55.2c0-3.2.7-5.5 2.2-6.8s3.8-2.1 7-2.1h18.6c5.5 0 9.7.4 12.7 1.3 2.9.8 5.5 2.2 7.6 4.1 2.1 1.9 3.8 4.2 4.9 6.9 1.1 2.7 1.7 5.8 1.7 9.2 0 7.3-2.2 12.8-6.7 16.6S188.6 367.5 179.8 367.5zM176.2 334.7h-9.8v21.9h9.8c3.4 0 6.3-.4 8.6-1.1 2.3-.7 4-1.9 5.2-3.5 1.2-1.6 1.8-3.8 1.8-6.4 0-3.2-.9-5.7-2.8-7.7C187 335.7 182.7 334.7 176.2 334.7zM237.6 331.2l27.9 42.2v-42.6c0-2.8.6-4.8 1.8-6.2 1.2-1.4 2.8-2.1 4.8-2.1 2.1 0 3.7.7 4.9 2.1 1.2 1.4 1.8 3.5 1.8 6.2v56.3c0 6.3-2.6 9.4-7.8 9.4-1.3 0-2.5-.2-3.5-.6-1-.4-2-1-2.9-1.8-.9-.8-1.8-1.8-2.5-2.9-.8-1.1-1.6-2.2-2.3-3.3l-27.2-41.7v41.9c0 2.7-.6 4.8-1.9 6.2s-2.9 2.1-4.9 2.1c-2.1 0-3.7-.7-4.9-2.1-1.2-1.4-1.9-3.5-1.9-6.2V333c0-2.3.3-4.2.8-5.5.6-1.5 1.6-2.7 3.1-3.6 1.4-.9 3-1.4 4.6-1.4 1.3 0 2.4.2 3.3.6.9.4 1.7 1 2.4 1.7.7.7 1.4 1.6 2.1 2.8C236 328.8 236.8 330 237.6 331.2zM360 366.3V380c0 1.8-.2 3.3-.5 4.4-.4 1.1-1 2.1-2 3-1 .9-2.2 1.7-3.7 2.5-4.3 2.3-8.5 4.1-12.5 5.1s-8.4 1.6-13.1 1.6c-5.5 0-10.5-.8-15-2.5-4.5-1.7-8.4-4.2-11.6-7.4-3.2-3.2-5.6-7.1-7.3-11.7s-2.6-9.7-2.6-15.4c0-5.6.8-10.7 2.5-15.3 1.7-4.6 4.1-8.5 7.3-11.8s7.1-5.7 11.8-7.4c4.6-1.7 9.9-2.6 15.7-2.6 4.8 0 9.1.6 12.8 1.9 3.7 1.3 6.7 2.9 9 4.9 2.3 2 4.1 4 5.2 6.2 1.2 2.2 1.8 4.1 1.8 5.8 0 1.8-.7 3.4-2 4.7-1.4 1.3-3 1.9-4.9 1.9-1 0-2-.2-3-.7-1-.5-1.8-1.2-2.4-2.1-1.8-2.8-3.3-4.9-4.5-6.3-1.2-1.4-2.9-2.6-5-3.6s-4.8-1.5-8-1.5c-3.4 0-6.3.6-9 1.7-2.6 1.2-4.9 2.8-6.8 5-1.9 2.2-3.3 4.9-4.3 8.1-1 3.2-1.5 6.7-1.5 10.6 0 8.4 1.9 14.9 5.8 19.4 3.9 4.5 9.2 6.8 16.1 6.8 3.4 0 6.5-.4 9.4-1.3 2.9-.9 5.9-2.1 9-3.8v-11.6h-11.2c-2.7 0-4.7-.4-6.1-1.2-1.4-.8-2.1-2.2-2.1-4.2 0-1.6.6-2.9 1.7-4 1.2-1 2.7-1.6 4.7-1.6h16.5c2 0 3.7.2 5.1.5 1.4.4 2.5 1.2 3.4 2.4C359.6 361.9 360 363.8 360 366.3z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

.attachment[href$=".jpg"]::before,
.attachment[href$=".JPG"]::before,
.attachment[href$=".jpeg"]::before,
.attachment[href$=".JPEG"]::before,
[data-type="jpg"]::before,
[data-type="JPG"]::before,
[data-type="jpeg"]::before,
[data-type="JPEG"]::before {
    --size: 22rem;
    width: var(--size);
    height: var(--size);
    content: '';
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 512 512' viewBox='0 0 512 512' id='jpg-file'%3e%3cpath fill='%23f4f4f3' d='M414.2,121.5v317.6c0,7.4-6,13.4-13.4,13.4H111.2c-7.4,0-13.4-6-13.4-13.4V72.9c0-7.4,6-13.4,13.4-13.4h237.6 L414.2,121.5z'%3e%3c/path%3e%3cpath fill='%23edeceb' d='M414.2,121.5h-52.1c-7.4,0-13.4-6-13.4-13.4V59.5L414.2,121.5z'%3e%3c/path%3e%3crect width='316.5' height='103.3' x='97.8' y='307.9' fill='%2390d4f5'%3e%3c/rect%3e%3cg%3e%3cpath fill='%23f4f4f3' d='M205.9 331.3v37.5c0 3.3-.1 6-.4 8.3-.3 2.3-.9 4.6-1.9 6.9-1.6 3.9-4.3 7-8.1 9.2-3.7 2.2-8.3 3.3-13.7 3.3-4.9 0-8.9-.8-12.1-2.3-3.2-1.5-5.9-4-7.8-7.4-1-1.8-1.9-3.9-2.5-6.3-.7-2.4-1-4.6-1-6.8 0-2.3.6-4 1.9-5.2 1.3-1.2 2.9-1.8 4.9-1.8 1.9 0 3.4.6 4.3 1.7 1 1.1 1.7 2.8 2.2 5.2.6 2.5 1.1 4.5 1.7 6 .6 1.5 1.5 2.8 2.8 3.9 1.3 1.1 3.2 1.6 5.6 1.6 6.4 0 9.6-4.7 9.6-14.1v-39.6c0-2.9.6-5.1 1.9-6.6 1.3-1.5 3-2.2 5.2-2.2 2.2 0 4 .7 5.3 2.2S205.9 328.4 205.9 331.3zM249.4 367.5h-13.3v20.3c0 2.9-.7 5.1-2.1 6.6s-3.1 2.2-5.2 2.2c-2.2 0-3.9-.7-5.3-2.2-1.3-1.5-2-3.7-2-6.5v-55.2c0-3.2.7-5.5 2.2-6.8s3.8-2.1 7-2.1h18.6c5.5 0 9.7.4 12.7 1.3 2.9.8 5.5 2.2 7.6 4.1 2.1 1.9 3.8 4.2 4.9 6.9 1.1 2.7 1.7 5.8 1.7 9.2 0 7.3-2.2 12.8-6.7 16.6S258.2 367.5 249.4 367.5zM245.8 334.7h-9.8v21.9h9.8c3.4 0 6.3-.4 8.6-1.1 2.3-.7 4-1.9 5.2-3.5 1.2-1.6 1.8-3.8 1.8-6.4 0-3.2-.9-5.7-2.8-7.7C256.6 335.7 252.3 334.7 245.8 334.7zM353.7 366.3V380c0 1.8-.2 3.3-.5 4.4-.4 1.1-1 2.1-2 3-1 .9-2.2 1.7-3.7 2.5-4.3 2.3-8.5 4.1-12.5 5.1s-8.4 1.6-13.1 1.6c-5.5 0-10.5-.8-15-2.5-4.5-1.7-8.4-4.2-11.6-7.4-3.2-3.2-5.6-7.1-7.3-11.7s-2.6-9.7-2.6-15.4c0-5.6.8-10.7 2.5-15.3 1.7-4.6 4.1-8.5 7.3-11.8s7.1-5.7 11.8-7.4c4.6-1.7 9.9-2.6 15.7-2.6 4.8 0 9.1.6 12.8 1.9 3.7 1.3 6.7 2.9 9 4.9 2.3 2 4.1 4 5.2 6.2 1.2 2.2 1.8 4.1 1.8 5.8 0 1.8-.7 3.4-2 4.7-1.4 1.3-3 1.9-4.9 1.9-1 0-2-.2-3-.7-1-.5-1.8-1.2-2.4-2.1-1.8-2.8-3.3-4.9-4.5-6.3-1.2-1.4-2.9-2.6-5-3.6s-4.8-1.5-8-1.5c-3.4 0-6.3.6-9 1.7-2.6 1.2-4.9 2.8-6.8 5-1.9 2.2-3.3 4.9-4.3 8.1-1 3.2-1.5 6.7-1.5 10.6 0 8.4 1.9 14.9 5.8 19.4 3.9 4.5 9.2 6.8 16.1 6.8 3.4 0 6.5-.4 9.4-1.3 2.9-.9 5.9-2.1 9-3.8v-11.6h-11.2c-2.7 0-4.7-.4-6.1-1.2-1.4-.8-2.1-2.2-2.1-4.2 0-1.6.6-2.9 1.7-4 1.2-1 2.7-1.6 4.7-1.6h16.5c2 0 3.7.2 5.1.5 1.4.4 2.5 1.2 3.4 2.4C353.2 361.9 353.7 363.8 353.7 366.3z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

.attachment[href$=".svg"]::before,
.attachment[href$=".SVG"]::before,
[data-type="svg"]::before,
[data-type="SVG"]::before {
    --size: 22rem;
    width: var(--size);
    height: var(--size);
    content: '';
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 512 512' viewBox='0 0 512 512' id='svg-file'%3e%3cpath fill='%23f4f4f3' d='M414.2,121.5v317.6c0,7.4-6,13.4-13.4,13.4H111.2c-7.4,0-13.4-6-13.4-13.4V72.9c0-7.4,6-13.4,13.4-13.4h237.6 L414.2,121.5z'%3e%3c/path%3e%3cpath fill='%23edeceb' d='M414.2,121.5h-52.1c-7.4,0-13.4-6-13.4-13.4V59.5L414.2,121.5z'%3e%3c/path%3e%3crect width='316.5' height='103.3' x='97.8' y='307.9' fill='%23fcb43b'%3e%3c/rect%3e%3cg%3e%3cpath fill='%23f4f4f3' d='M211.9 373.9c0 4.3-1.1 8.2-3.3 11.7-2.2 3.5-5.5 6.2-9.8 8.1s-9.4 2.9-15.3 2.9c-7.1 0-12.9-1.3-17.5-4-3.3-1.9-5.9-4.5-7.9-7.7-2-3.2-3.1-6.3-3.1-9.4 0-1.8.6-3.3 1.8-4.5 1.2-1.3 2.8-1.9 4.7-1.9 1.5 0 2.8.5 3.9 1.5 1.1 1 2 2.4 2.7 4.3.9 2.3 1.9 4.2 3 5.7 1.1 1.5 2.5 2.8 4.5 3.8 1.9 1 4.4 1.5 7.6 1.5 4.3 0 7.8-1 10.5-3s4-4.5 4-7.5c0-2.4-.7-4.3-2.2-5.8-1.4-1.5-3.3-2.6-5.6-3.4s-5.4-1.6-9.2-2.5c-5.1-1.2-9.4-2.6-12.9-4.2s-6.2-3.8-8.3-6.6c-2-2.8-3.1-6.2-3.1-10.4 0-3.9 1.1-7.4 3.2-10.5 2.1-3.1 5.3-5.4 9.3-7.1 4.1-1.6 8.9-2.5 14.4-2.5 4.4 0 8.2.5 11.4 1.6 3.2 1.1 5.9 2.5 8 4.3 2.1 1.8 3.7 3.7 4.6 5.7 1 2 1.5 3.9 1.5 5.8 0 1.7-.6 3.3-1.8 4.7-1.2 1.4-2.7 2.1-4.6 2.1-1.7 0-2.9-.4-3.8-1.2-.9-.8-1.8-2.2-2.8-4.1-1.3-2.7-2.9-4.8-4.7-6.3-1.8-1.5-4.8-2.3-8.8-2.3-3.7 0-6.8.8-9.1 2.5-2.3 1.6-3.4 3.6-3.4 5.9 0 1.4.4 2.7 1.2 3.7.8 1 1.9 1.9 3.2 2.7 1.4.7 2.8 1.3 4.2 1.8 1.4.4 3.7 1 6.9 1.9 4 .9 7.7 2 11 3.1 3.3 1.1 6.1 2.5 8.3 4.2 2.3 1.6 4.1 3.7 5.4 6.2C211.2 367.2 211.9 370.3 211.9 373.9zM234.8 332.1l16.2 48 16.3-48.3c.8-2.5 1.5-4.3 1.9-5.3.4-1 1.1-1.9 2.1-2.7 1-.8 2.3-1.2 4-1.2 1.2 0 2.4.3 3.4.9 1.1.6 1.9 1.4 2.5 2.5.6 1 .9 2.1.9 3.1 0 .7-.1 1.5-.3 2.3s-.4 1.6-.7 2.4c-.3.8-.6 1.6-.9 2.5L262.8 383c-.6 1.8-1.2 3.5-1.9 5.1s-1.3 3-2.1 4.2-1.9 2.2-3.2 3c-1.4.8-3 1.2-5 1.2s-3.6-.4-5-1.1c-1.4-.8-2.4-1.8-3.3-3-.8-1.3-1.6-2.7-2.2-4.3-.6-1.6-1.2-3.3-1.9-5.1l-17-46.4c-.3-.8-.6-1.7-.9-2.5-.3-.8-.6-1.7-.8-2.6-.2-.9-.3-1.7-.3-2.4 0-1.7.7-3.2 2-4.5 1.3-1.4 3-2.1 5-2.1 2.5 0 4.2.8 5.2 2.3S233.7 328.8 234.8 332.1zM357 366.3V380c0 1.8-.2 3.3-.5 4.4-.4 1.1-1 2.1-2 3-1 .9-2.2 1.7-3.7 2.5-4.3 2.3-8.5 4.1-12.5 5.1s-8.4 1.6-13.1 1.6c-5.5 0-10.5-.8-15-2.5-4.5-1.7-8.4-4.2-11.6-7.4-3.2-3.2-5.6-7.1-7.3-11.7s-2.6-9.7-2.6-15.4c0-5.6.8-10.7 2.5-15.3 1.7-4.6 4.1-8.5 7.3-11.8s7.1-5.7 11.8-7.4c4.6-1.7 9.9-2.6 15.7-2.6 4.8 0 9.1.6 12.8 1.9 3.7 1.3 6.7 2.9 9 4.9 2.3 2 4.1 4 5.2 6.2 1.2 2.2 1.8 4.1 1.8 5.8 0 1.8-.7 3.4-2 4.7-1.4 1.3-3 1.9-4.9 1.9-1 0-2-.2-3-.7-1-.5-1.8-1.2-2.4-2.1-1.8-2.8-3.3-4.9-4.5-6.3-1.2-1.4-2.9-2.6-5-3.6s-4.8-1.5-8-1.5c-3.4 0-6.3.6-9 1.7-2.6 1.2-4.9 2.8-6.8 5-1.9 2.2-3.3 4.9-4.3 8.1-1 3.2-1.5 6.7-1.5 10.6 0 8.4 1.9 14.9 5.8 19.4 3.9 4.5 9.2 6.8 16.1 6.8 3.4 0 6.5-.4 9.4-1.3 2.9-.9 5.9-2.1 9-3.8v-11.6h-11.2c-2.7 0-4.7-.4-6.1-1.2-1.4-.8-2.1-2.2-2.1-4.2 0-1.6.6-2.9 1.7-4 1.2-1 2.7-1.6 4.7-1.6h16.5c2 0 3.7.2 5.1.5 1.4.4 2.5 1.2 3.4 2.4C356.6 361.9 357 363.8 357 366.3z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

.attachment[href$=".psd"]::before,
.attachment[href$=".PSD"]::before,
[data-type="psd"]::before,
[data-type="PSD"]::before {
    --size: 22rem;
    width: var(--size);
    height: var(--size);
    content: '';
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 512 512' viewBox='0 0 512 512' id='psd-file'%3e%3cpath fill='%23f4f4f3' d='M414.2,121.5v317.6c0,7.4-6,13.4-13.4,13.4H111.2c-7.4,0-13.4-6-13.4-13.4V72.9c0-7.4,6-13.4,13.4-13.4h237.6 L414.2,121.5z'%3e%3c/path%3e%3cpath fill='%23edeceb' d='M414.2,121.5h-52.1c-7.4,0-13.4-6-13.4-13.4V59.5L414.2,121.5z'%3e%3c/path%3e%3crect width='316.5' height='103.3' x='97.8' y='307.9' fill='%2313385f'%3e%3c/rect%3e%3cg%3e%3cpath fill='%23f4f4f3' d='M186.4 367.5h-13.3v20.3c0 2.9-.7 5.1-2.1 6.6s-3.1 2.2-5.2 2.2c-2.2 0-3.9-.7-5.3-2.2-1.3-1.5-2-3.7-2-6.5v-55.2c0-3.2.7-5.5 2.2-6.8s3.8-2.1 7-2.1h18.6c5.5 0 9.7.4 12.7 1.3 2.9.8 5.5 2.2 7.6 4.1 2.1 1.9 3.8 4.2 4.9 6.9 1.1 2.7 1.7 5.8 1.7 9.2 0 7.3-2.2 12.8-6.7 16.6S195.3 367.5 186.4 367.5zM182.9 334.7h-9.8v21.9h9.8c3.4 0 6.3-.4 8.6-1.1 2.3-.7 4-1.9 5.2-3.5 1.2-1.6 1.8-3.8 1.8-6.4 0-3.2-.9-5.7-2.8-7.7C193.7 335.7 189.4 334.7 182.9 334.7zM279.8 373.9c0 4.3-1.1 8.2-3.3 11.7-2.2 3.5-5.5 6.2-9.8 8.1s-9.4 2.9-15.3 2.9c-7.1 0-12.9-1.3-17.5-4-3.3-1.9-5.9-4.5-7.9-7.7-2-3.2-3.1-6.3-3.1-9.4 0-1.8.6-3.3 1.8-4.5 1.2-1.3 2.8-1.9 4.7-1.9 1.5 0 2.8.5 3.9 1.5 1.1 1 2 2.4 2.7 4.3.9 2.3 1.9 4.2 3 5.7 1.1 1.5 2.5 2.8 4.5 3.8 1.9 1 4.4 1.5 7.6 1.5 4.3 0 7.8-1 10.5-3s4-4.5 4-7.5c0-2.4-.7-4.3-2.2-5.8-1.4-1.5-3.3-2.6-5.6-3.4s-5.4-1.6-9.2-2.5c-5.1-1.2-9.4-2.6-12.9-4.2s-6.2-3.8-8.3-6.6c-2-2.8-3.1-6.2-3.1-10.4 0-3.9 1.1-7.4 3.2-10.5 2.1-3.1 5.3-5.4 9.3-7.1 4.1-1.6 8.9-2.5 14.4-2.5 4.4 0 8.2.5 11.4 1.6 3.2 1.1 5.9 2.5 8 4.3 2.1 1.8 3.7 3.7 4.6 5.7 1 2 1.5 3.9 1.5 5.8 0 1.7-.6 3.3-1.8 4.7-1.2 1.4-2.7 2.1-4.6 2.1-1.7 0-2.9-.4-3.8-1.2-.9-.8-1.8-2.2-2.8-4.1-1.3-2.7-2.9-4.8-4.7-6.3-1.8-1.5-4.8-2.3-8.8-2.3-3.7 0-6.8.8-9.1 2.5-2.3 1.6-3.4 3.6-3.4 5.9 0 1.4.4 2.7 1.2 3.7.8 1 1.9 1.9 3.2 2.7 1.4.7 2.8 1.3 4.2 1.8 1.4.4 3.7 1 6.9 1.9 4 .9 7.7 2 11 3.1 3.3 1.1 6.1 2.5 8.3 4.2 2.3 1.6 4.1 3.7 5.4 6.2C279.1 367.2 279.8 370.3 279.8 373.9zM301 323.8h18.9c4.9 0 9.1.5 12.6 1.4 3.5.9 6.7 2.6 9.6 5.1 7.5 6.4 11.2 16.1 11.2 29.1 0 4.3-.4 8.2-1.1 11.8-.7 3.5-1.9 6.7-3.5 9.6-1.6 2.8-3.6 5.4-6 7.6-1.9 1.7-4 3.1-6.3 4.2-2.3 1-4.7 1.8-7.3 2.2-2.6.4-5.6.6-8.9.6h-18.9c-2.6 0-4.6-.4-6-1.2-1.3-.8-2.2-1.9-2.6-3.4-.4-1.4-.6-3.3-.6-5.6v-52.5c0-3.1.7-5.4 2.1-6.8C295.7 324.5 297.9 323.8 301 323.8zM306.7 335.2v48.6h11c2.4 0 4.3-.1 5.7-.2 1.4-.1 2.8-.5 4.2-1 1.5-.5 2.7-1.3 3.8-2.2 4.8-4.1 7.3-11.2 7.3-21.2 0-7.1-1.1-12.4-3.2-15.9-2.1-3.5-4.8-5.8-7.9-6.7-3.1-1-6.9-1.4-11.3-1.4H306.7z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

.attachment[href$=".ai"]::before,
.attachment[href$=".AI"]::before,
[data-type="ai"]::before,
[data-type="AI"]::before {
    --size: 22rem;
    width: var(--size);
    height: var(--size);
    content: '';
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 512 512' viewBox='0 0 512 512' id='ai-file'%3e%3cpath fill='%23f4f4f3' d='M414.2,121.5v317.6c0,7.4-6,13.4-13.4,13.4H111.2c-7.4,0-13.4-6-13.4-13.4V72.9c0-7.4,6-13.4,13.4-13.4h237.6 L414.2,121.5z'%3e%3c/path%3e%3cpath fill='%23edeceb' d='M414.2,121.5h-52.1c-7.4,0-13.4-6-13.4-13.4V59.5L414.2,121.5z'%3e%3c/path%3e%3crect width='316.5' height='103.3' x='97.8' y='307.9' fill='%23a77a62'%3e%3c/rect%3e%3cg%3e%3cpath fill='%23f4f4f3' d='M260.9 387.2l-3.4-9h-29.1l-3.4 9.2c-1.3 3.6-2.5 6-3.4 7.3-.9 1.3-2.5 1.9-4.6 1.9-1.8 0-3.4-.7-4.8-2-1.4-1.3-2.1-2.8-2.1-4.5 0-1 .2-2 .5-3 .3-1 .9-2.5 1.6-4.3l18.3-46.5c.5-1.3 1.1-2.9 1.9-4.8.7-1.9 1.5-3.4 2.3-4.7.8-1.2 1.9-2.2 3.3-3 1.4-.8 3-1.1 5-1.1 2 0 3.7.4 5.1 1.1 1.4.8 2.4 1.8 3.3 3 .8 1.2 1.5 2.5 2.1 3.9.6 1.4 1.3 3.2 2.2 5.5l18.7 46.2c1.5 3.5 2.2 6.1 2.2 7.7 0 1.7-.7 3.2-2.1 4.6-1.4 1.4-3.1 2.1-5 2.1-1.1 0-2.1-.2-2.9-.6-.8-.4-1.5-1-2.1-1.7-.6-.7-1.1-1.8-1.8-3.2C261.9 389.6 261.3 388.4 260.9 387.2zM232.1 367.4h21.4l-10.8-29.5L232.1 367.4zM287.6 387.7v-56.4c0-2.9.7-5.1 2-6.6 1.3-1.5 3.1-2.2 5.2-2.2 2.2 0 3.9.7 5.3 2.2 1.4 1.4 2 3.7 2 6.6v56.4c0 3-.7 5.2-2 6.6-1.4 1.5-3.1 2.2-5.3 2.2-2.1 0-3.8-.7-5.2-2.2C288.2 392.9 287.6 390.7 287.6 387.7z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

.attachment[href$=".doc"]::before,
.attachment[href$=".DOC"]::before,
.attachment[href$=".docx"]::before,
.attachment[href$=".DOCX"]::before,
[data-type="doc"]::before,
[data-type="DOC"]::before,
[data-type="docx"]::before,
[data-type="DOCX"]::before {
    --size: 22rem;
    width: var(--size);
    height: var(--size);
    content: '';
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 512 512' viewBox='0 0 512 512' id='doc-file'%3e%3cpath fill='%23f4f4f3' d='M414.2,121.5v317.6c0,7.4-6,13.4-13.4,13.4H111.2c-7.4,0-13.4-6-13.4-13.4V72.9c0-7.4,6-13.4,13.4-13.4h237.6 L414.2,121.5z'%3e%3c/path%3e%3cpath fill='%23edeceb' d='M414.2,121.5h-52.1c-7.4,0-13.4-6-13.4-13.4V59.5L414.2,121.5z'%3e%3c/path%3e%3crect width='316.5' height='103.3' x='97.8' y='307.9' fill='%23528bc9'%3e%3c/rect%3e%3cg%3e%3cpath fill='%23f4f4f3' d='M157.8 323.8h18.9c4.9 0 9.1.5 12.6 1.4 3.5.9 6.7 2.6 9.6 5.1 7.5 6.4 11.2 16.1 11.2 29.1 0 4.3-.4 8.2-1.1 11.8-.8 3.5-1.9 6.7-3.5 9.6-1.6 2.8-3.6 5.4-6 7.6-1.9 1.7-4 3.1-6.3 4.2-2.3 1-4.7 1.8-7.3 2.2-2.6.4-5.6.6-8.9.6h-18.9c-2.6 0-4.6-.4-6-1.2-1.3-.8-2.2-1.9-2.6-3.4-.4-1.4-.6-3.3-.6-5.6v-52.5c0-3.1.7-5.4 2.1-6.8C152.4 324.5 154.7 323.8 157.8 323.8zM163.4 335.2v48.6h11c2.4 0 4.3-.1 5.7-.2 1.4-.1 2.8-.5 4.2-1 1.5-.5 2.7-1.3 3.8-2.2 4.8-4.1 7.3-11.2 7.3-21.2 0-7.1-1.1-12.4-3.2-15.9s-4.8-5.8-7.9-6.7c-3.1-1-6.9-1.4-11.3-1.4H163.4zM254.4 322.6c7.4 0 13.8 1.5 19.1 4.5 5.3 3 9.4 7.3 12.1 12.8 2.7 5.6 4.1 12.1 4.1 19.6 0 5.5-.7 10.6-2.2 15.1-1.5 4.5-3.7 8.4-6.7 11.8-3 3.3-6.7 5.9-11 7.6-4.4 1.8-9.4 2.6-15 2.6-5.6 0-10.6-.9-15-2.7-4.4-1.8-8.1-4.4-11.1-7.6-3-3.3-5.2-7.2-6.7-11.9-1.5-4.6-2.3-9.6-2.3-15 0-5.5.8-10.5 2.4-15.1 1.6-4.6 3.9-8.5 6.9-11.7 3-3.2 6.6-5.7 10.9-7.4S248.9 322.6 254.4 322.6zM275 359.4c0-5.2-.8-9.8-2.5-13.6-1.7-3.8-4.1-6.7-7.3-8.7-3.1-2-6.7-3-10.8-3-2.9 0-5.6.5-8 1.6-2.5 1.1-4.6 2.7-6.3 4.8-1.8 2.1-3.2 4.7-4.2 8-1 3.2-1.5 6.9-1.5 10.9 0 4.1.5 7.7 1.5 11 1 3.3 2.5 6 4.3 8.2 1.9 2.2 4 3.8 6.4 4.9 2.4 1.1 5.1 1.6 8 1.6 3.7 0 7.1-.9 10.2-2.8 3.1-1.9 5.6-4.7 7.4-8.6C274 369.8 275 365 275 359.4zM363.1 372.7c0 2.3-.6 4.7-1.7 7.4-1.1 2.7-2.9 5.3-5.3 7.8-2.4 2.6-5.5 4.6-9.2 6.2-3.7 1.6-8.1 2.4-13.1 2.4-3.8 0-7.2-.4-10.3-1.1-3.1-.7-5.9-1.8-8.4-3.3-2.5-1.5-4.8-3.5-7-6-1.9-2.2-3.5-4.8-4.8-7.5-1.3-2.8-2.3-5.8-3-8.9-.7-3.2-1-6.5-1-10.1 0-5.8.8-10.9 2.5-15.5 1.7-4.6 4.1-8.5 7.2-11.7 3.1-3.2 6.8-5.7 11-7.4 4.2-1.7 8.7-2.5 13.4-2.5 5.8 0 11 1.2 15.5 3.5 4.5 2.3 8 5.2 10.4 8.6 2.4 3.4 3.6 6.6 3.6 9.6 0 1.7-.6 3.1-1.8 4.4s-2.6 1.9-4.2 1.9c-1.9 0-3.2-.4-4.2-1.3s-2-2.4-3.1-4.5c-1.9-3.5-4.1-6.2-6.7-8-2.6-1.8-5.7-2.6-9.4-2.6-6 0-10.7 2.3-14.2 6.8-3.5 4.5-5.3 11-5.3 19.3 0 5.6.8 10.2 2.3 13.9 1.6 3.7 3.8 6.5 6.6 8.3 2.9 1.8 6.2 2.7 10.1 2.7 4.2 0 7.7-1 10.6-3.1 2.9-2.1 5.1-5.1 6.5-9.1.6-1.9 1.4-3.4 2.3-4.6.9-1.2 2.4-1.8 4.4-1.8 1.7 0 3.2.6 4.4 1.8C362.4 369.5 363.1 371 363.1 372.7z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

.attachment[href$=".ppt"]::before,
.attachment[href$=".PPT"]::before,
.attachment[href$=".pptx"]::before,
.attachment[href$=".PPTX"]::before,
[data-type="ppt"]::before,
[data-type="PPT"]::before,
[data-type="pptx"]::before,
[data-type="PPTX"]::before {
    --size: 22rem;
    width: var(--size);
    height: var(--size);
    content: '';
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 512 512' viewBox='0 0 512 512' id='ppt-file'%3e%3cpath fill='%23f4f4f3' d='M414.2,121.5v317.6c0,7.4-6,13.4-13.4,13.4H111.2c-7.4,0-13.4-6-13.4-13.4V72.9c0-7.4,6-13.4,13.4-13.4h237.6 L414.2,121.5z'%3e%3c/path%3e%3cpath fill='%23edeceb' d='M414.2,121.5h-52.1c-7.4,0-13.4-6-13.4-13.4V59.5L414.2,121.5z'%3e%3c/path%3e%3crect width='316.5' height='103.3' x='97.8' y='307.9' fill='%23f26a3c'%3e%3c/rect%3e%3cg%3e%3cpath fill='%23f4f4f3' d='M190.1 366.9h-13.3v20.3c0 2.9-.7 5.1-2.1 6.6s-3.1 2.2-5.2 2.2c-2.2 0-3.9-.7-5.3-2.2-1.3-1.5-2-3.7-2-6.5V332c0-3.2.7-5.5 2.2-6.8s3.8-2.1 7-2.1h18.6c5.5 0 9.7.4 12.7 1.3 2.9.8 5.5 2.2 7.6 4.1 2.1 1.9 3.8 4.2 4.9 6.9 1.1 2.7 1.7 5.8 1.7 9.2 0 7.3-2.2 12.8-6.7 16.6S199 366.9 190.1 366.9zM186.6 334.1h-9.8v21.9h9.8c3.4 0 6.3-.4 8.6-1.1 2.3-.7 4-1.9 5.2-3.5 1.2-1.6 1.8-3.8 1.8-6.4 0-3.2-.9-5.7-2.8-7.7C197.4 335.1 193.1 334.1 186.6 334.1zM256.8 366.9h-13.3v20.3c0 2.9-.7 5.1-2.1 6.6s-3.1 2.2-5.2 2.2c-2.2 0-3.9-.7-5.3-2.2-1.3-1.5-2-3.7-2-6.5V332c0-3.2.7-5.5 2.2-6.8s3.8-2.1 7-2.1h18.6c5.5 0 9.7.4 12.7 1.3 2.9.8 5.5 2.2 7.6 4.1 2.1 1.9 3.8 4.2 4.9 6.9 1.1 2.7 1.7 5.8 1.7 9.2 0 7.3-2.2 12.8-6.7 16.6S265.7 366.9 256.8 366.9zM253.3 334.1h-9.8v21.9h9.8c3.4 0 6.3-.4 8.6-1.1 2.3-.7 4-1.9 5.2-3.5 1.2-1.6 1.8-3.8 1.8-6.4 0-3.2-.9-5.7-2.8-7.7C264.1 335.1 259.8 334.1 253.3 334.1zM342.2 335.1h-15.8v52c0 3-.7 5.2-2 6.7-1.3 1.4-3.1 2.2-5.2 2.2-2.1 0-3.9-.7-5.2-2.2-1.4-1.5-2-3.7-2-6.6v-52h-15.8c-2.5 0-4.3-.5-5.5-1.6-1.2-1.1-1.8-2.5-1.8-4.3 0-1.9.6-3.3 1.9-4.4 1.3-1.1 3.1-1.6 5.4-1.6h46.1c2.5 0 4.4.6 5.6 1.7 1.2 1.1 1.8 2.6 1.8 4.3 0 1.8-.6 3.2-1.9 4.3C346.6 334.6 344.7 335.1 342.2 335.1z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

.attachment[href$=".zip"]::before,
.attachment[href$=".ZIP"]::before,
[data-type="zip"]::before,
[data-type="ZIP"]::before {
    --size: 22rem;
    width: var(--size);
    height: var(--size);
    content: '';
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 512 512' viewBox='0 0 512 512' id='zip-file'%3e%3cpath fill='%23f4f4f3' d='M414.2,121.5v317.6c0,7.4-6,13.4-13.4,13.4H111.2c-7.4,0-13.4-6-13.4-13.4V72.9c0-7.4,6-13.4,13.4-13.4h237.6 L414.2,121.5z'%3e%3c/path%3e%3cpath fill='%23edeceb' d='M414.2,121.5h-52.1c-7.4,0-13.4-6-13.4-13.4V59.5L414.2,121.5z'%3e%3c/path%3e%3crect width='316.5' height='103.3' x='97.8' y='307.9' fill='%23219c60'%3e%3c/rect%3e%3cg%3e%3cpath fill='%23f4f4f3' d='M182.5 378.7l36.8-44h-31.6c-2.2 0-3.9-.5-5-1.5s-1.7-2.3-1.7-3.9c0-1.7.6-3 1.7-4s2.8-1.5 5-1.5h40.7c5.3 0 7.9 2.5 7.9 7.4 0 2.3-.4 4.2-1.3 5.6-.9 1.4-2.7 3.7-5.3 6.8l-34.4 40.9h37.9c2.2 0 3.9.5 5 1.4 1.1.9 1.7 2.2 1.7 3.9 0 1.7-.6 3.1-1.7 4.1-1.1 1-2.8 1.5-5 1.5h-46.5c-3.2 0-5.5-.7-7.1-2.1-1.6-1.4-2.4-3.3-2.4-5.7 0-.8.1-1.6.4-2.2.3-.7.6-1.3 1-1.9.4-.6 1-1.4 1.8-2.3S181.9 379.3 182.5 378.7zM249.6 387.7v-56.4c0-2.9.7-5.1 2-6.6 1.3-1.5 3.1-2.2 5.2-2.2 2.2 0 3.9.7 5.3 2.2 1.4 1.4 2 3.7 2 6.6v56.4c0 3-.7 5.2-2 6.6-1.4 1.5-3.1 2.2-5.3 2.2-2.1 0-3.8-.7-5.2-2.2C250.2 392.9 249.6 390.7 249.6 387.7zM308.1 367.5h-13.3v20.3c0 2.9-.7 5.1-2.1 6.6s-3.1 2.2-5.2 2.2c-2.2 0-3.9-.7-5.3-2.2-1.3-1.5-2-3.7-2-6.5v-55.2c0-3.2.7-5.5 2.2-6.8s3.8-2.1 7-2.1h18.6c5.5 0 9.7.4 12.7 1.3 2.9.8 5.5 2.2 7.6 4.1 2.1 1.9 3.8 4.2 4.9 6.9 1.1 2.7 1.7 5.8 1.7 9.2 0 7.3-2.2 12.8-6.7 16.6S316.9 367.5 308.1 367.5zM304.5 334.7h-9.8v21.9h9.8c3.4 0 6.3-.4 8.6-1.1 2.3-.7 4-1.9 5.2-3.5 1.2-1.6 1.8-3.8 1.8-6.4 0-3.2-.9-5.7-2.8-7.7C315.3 335.7 311 334.7 304.5 334.7z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

.attachment[href$=".rar"]::before,
.attachment[href$=".RAR"]::before,
[data-type="rar"]::before,
[data-type="RAR"]::before {
    --size: 22rem;
    width: var(--size);
    height: var(--size);
    content: '';
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 512 512' viewBox='0 0 512 512' id='rar-file'%3e%3cpath fill='%23f4f4f3' d='M414.2,121.5v317.6c0,7.4-6,13.4-13.4,13.4H111.2c-7.4,0-13.4-6-13.4-13.4V72.9c0-7.4,6-13.4,13.4-13.4h237.6 L414.2,121.5z'%3e%3c/path%3e%3cpath fill='%23edeceb' d='M414.2,121.5h-52.1c-7.4,0-13.4-6-13.4-13.4V59.5L414.2,121.5z'%3e%3c/path%3e%3crect width='316.5' height='103.3' x='97.8' y='307.9' fill='%23219c60'%3e%3c/rect%3e%3cg%3e%3cpath fill='%23f4f4f3' d='M173.9 364.7h-5.1v23c0 3-.7 5.3-2 6.7-1.3 1.4-3.1 2.1-5.2 2.1-2.3 0-4.1-.7-5.4-2.2s-1.9-3.7-1.9-6.6v-55.1c0-3.1.7-5.4 2.1-6.8 1.4-1.4 3.7-2.1 6.8-2.1h23.6c3.3 0 6 .1 8.3.4 2.3.3 4.4.8 6.3 1.7 2.2.9 4.2 2.3 6 4.1 1.7 1.8 3 3.8 3.9 6.1.9 2.3 1.3 4.8 1.3 7.4 0 5.3-1.5 9.6-4.5 12.8-3 3.2-7.6 5.5-13.7 6.8 2.6 1.4 5 3.4 7.4 6.1 2.3 2.7 4.4 5.5 6.3 8.5 1.8 3 3.3 5.7 4.3 8.2 1 2.4 1.5 4.1 1.5 5 0 .9-.3 1.9-.9 2.8-.6.9-1.4 1.7-2.5 2.2-1 .5-2.2.8-3.6.8-1.6 0-3-.4-4.1-1.1-1.1-.8-2.1-1.7-2.9-2.9-.8-1.2-1.9-2.9-3.2-5.2l-5.8-9.7c-2.1-3.5-3.9-6.3-5.6-8.1-1.6-1.9-3.3-3.1-5-3.8C178.6 365.1 176.4 364.7 173.9 364.7zM182.2 334.7h-13.4v19.7h13c3.5 0 6.4-.3 8.8-.9 2.4-.6 4.2-1.6 5.4-3.1 1.3-1.4 1.9-3.4 1.9-6 0-2-.5-3.7-1.5-5.2-1-1.5-2.4-2.6-4.2-3.4C190.5 335 187.2 334.7 182.2 334.7zM272.1 387.2l-3.4-9h-29.1l-3.4 9.2c-1.3 3.6-2.5 6-3.4 7.3-.9 1.3-2.5 1.9-4.6 1.9-1.8 0-3.4-.7-4.8-2-1.4-1.3-2.1-2.8-2.1-4.5 0-1 .2-2 .5-3 .3-1 .9-2.5 1.6-4.3l18.3-46.5c.5-1.3 1.1-2.9 1.9-4.8.7-1.9 1.5-3.4 2.3-4.7.8-1.2 1.9-2.2 3.3-3 1.4-.8 3-1.1 5-1.1 2 0 3.7.4 5.1 1.1 1.4.8 2.4 1.8 3.3 3 .8 1.2 1.5 2.5 2.1 3.9.6 1.4 1.3 3.2 2.2 5.5l18.7 46.2c1.5 3.5 2.2 6.1 2.2 7.7 0 1.7-.7 3.2-2.1 4.6-1.4 1.4-3.1 2.1-5 2.1-1.1 0-2.1-.2-2.9-.6-.8-.4-1.5-1-2.1-1.7-.6-.7-1.1-1.8-1.8-3.2C273.1 389.6 272.6 388.4 272.1 387.2zM243.4 367.4h21.4L254 337.8 243.4 367.4zM317.7 364.7h-5.1v23c0 3-.7 5.3-2 6.7-1.3 1.4-3.1 2.1-5.2 2.1-2.3 0-4.1-.7-5.4-2.2s-1.9-3.7-1.9-6.6v-55.1c0-3.1.7-5.4 2.1-6.8 1.4-1.4 3.7-2.1 6.8-2.1h23.6c3.3 0 6 .1 8.3.4 2.3.3 4.4.8 6.3 1.7 2.2.9 4.2 2.3 6 4.1 1.7 1.8 3 3.8 3.9 6.1.9 2.3 1.3 4.8 1.3 7.4 0 5.3-1.5 9.6-4.5 12.8-3 3.2-7.6 5.5-13.7 6.8 2.6 1.4 5 3.4 7.4 6.1 2.3 2.7 4.4 5.5 6.3 8.5 1.8 3 3.3 5.7 4.3 8.2 1 2.4 1.5 4.1 1.5 5 0 .9-.3 1.9-.9 2.8-.6.9-1.4 1.7-2.5 2.2-1 .5-2.2.8-3.6.8-1.6 0-3-.4-4.1-1.1-1.1-.8-2.1-1.7-2.9-2.9-.8-1.2-1.9-2.9-3.2-5.2l-5.8-9.7c-2.1-3.5-3.9-6.3-5.6-8.1-1.6-1.9-3.3-3.1-5-3.8C322.4 365.1 320.3 364.7 317.7 364.7zM326 334.7h-13.4v19.7h13c3.5 0 6.4-.3 8.8-.9 2.4-.6 4.2-1.6 5.4-3.1 1.3-1.4 1.9-3.4 1.9-6 0-2-.5-3.7-1.5-5.2-1-1.5-2.4-2.6-4.2-3.4C334.3 335 331 334.7 326 334.7z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

.attachment[href$=".mp4"]::before,
.attachment[href$=".MP4"]::before,
[data-type="mp4"]::before,
[data-type="MP4"]::before {
    --size: 22rem;
    width: var(--size);
    height: var(--size);
    content: '';
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 512 512' viewBox='0 0 512 512' id='mp-4-file'%3e%3cpath fill='%23f4f4f3' d='M414.2,121.5v317.6c0,7.4-6,13.4-13.4,13.4H111.2c-7.4,0-13.4-6-13.4-13.4V72.9c0-7.4,6-13.4,13.4-13.4h237.6 L414.2,121.5z'%3e%3c/path%3e%3cpath fill='%23edeceb' d='M414.2,121.5h-52.1c-7.4,0-13.4-6-13.4-13.4V59.5L414.2,121.5z'%3e%3c/path%3e%3crect width='316.5' height='103.3' x='97.8' y='307.9' fill='%23f26a3c'%3e%3c/rect%3e%3cg%3e%3cpath fill='%23f4f4f3' d='M180.6 384.4l-11.5-45.6v49.4c0 2.7-.6 4.8-1.8 6.2s-2.8 2.1-4.9 2.1c-2 0-3.5-.7-4.8-2-1.2-1.4-1.9-3.4-1.9-6.2v-56.6c0-3.1.8-5.2 2.4-6.3 1.6-1.1 3.8-1.6 6.6-1.6h4.5c2.7 0 4.7.2 5.9.7s2.1 1.4 2.7 2.6 1.3 3.3 2 6.2l10.4 39.2 10.4-39.2c.7-2.9 1.4-4.9 2-6.2s1.5-2.1 2.7-2.6 3.2-.7 5.9-.7h4.5c2.8 0 5 .5 6.6 1.6 1.6 1.1 2.4 3.2 2.4 6.3v56.6c0 2.7-.6 4.8-1.8 6.2s-2.9 2.1-4.9 2.1c-1.9 0-3.5-.7-4.7-2.1-1.2-1.4-1.9-3.4-1.9-6.2v-49.4L200 384.4c-.7 3-1.4 5.1-1.8 6.5-.5 1.4-1.3 2.6-2.6 3.8s-3 1.7-5.3 1.7c-1.7 0-3.1-.4-4.3-1.1s-2.1-1.7-2.7-2.8c-.7-1.1-1.2-2.4-1.5-3.8C181.4 387.4 181 385.9 180.6 384.4zM267.5 367.3h-13.3v20.3c0 2.9-.7 5.1-2.1 6.6s-3.1 2.2-5.2 2.2c-2.2 0-3.9-.7-5.3-2.2-1.3-1.5-2-3.7-2-6.5v-55.2c0-3.2.7-5.5 2.2-6.8s3.8-2.1 7-2.1h18.6c5.5 0 9.7.4 12.7 1.3 2.9.8 5.5 2.2 7.6 4.1 2.1 1.9 3.8 4.2 4.9 6.9 1.1 2.7 1.7 5.8 1.7 9.2 0 7.3-2.2 12.8-6.7 16.6S276.4 367.3 267.5 367.3zM264 334.5h-9.8v21.9h9.8c3.4 0 6.3-.4 8.6-1.1 2.3-.7 4-1.9 5.2-3.5 1.2-1.6 1.8-3.8 1.8-6.4 0-3.2-.9-5.7-2.8-7.7C274.7 335.6 270.5 334.5 264 334.5zM333.6 389v-9.1h-24.5c-3.1 0-5.4-.7-7-2.1-1.5-1.4-2.3-3.3-2.3-5.7 0-.6.1-1.2.3-1.9.2-.6.6-1.3 1-2 .5-.7.9-1.4 1.4-2 .5-.7 1.1-1.4 1.8-2.4l25.9-34.6c1.7-2.3 3.1-3.9 4.2-5 1.1-1 2.4-1.5 3.9-1.5 4.9 0 7.4 2.8 7.4 8.5V369h2.1c2.5 0 4.5.3 6 1s2.3 2.2 2.3 4.5c0 1.9-.6 3.3-1.9 4.1-1.2.9-3.1 1.3-5.6 1.3h-3v9.1c0 2.5-.6 4.4-1.7 5.6-1.1 1.2-2.6 1.8-4.4 1.8-1.8 0-3.3-.6-4.4-1.9S333.6 391.4 333.6 389zM312.6 369h21v-28.4L312.6 369z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

.attachment[href$=".mp4"]::before,
.attachment[href$=".MP4"]::before,
[data-type="mp4"]::before,
[data-type="MP4"]::before {
    --size: 22rem;
    width: var(--size);
    height: var(--size);
    content: '';
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 512 512' viewBox='0 0 512 512' id='mp-4-file'%3e%3cpath fill='%23f4f4f3' d='M414.2,121.5v317.6c0,7.4-6,13.4-13.4,13.4H111.2c-7.4,0-13.4-6-13.4-13.4V72.9c0-7.4,6-13.4,13.4-13.4h237.6 L414.2,121.5z'%3e%3c/path%3e%3cpath fill='%23edeceb' d='M414.2,121.5h-52.1c-7.4,0-13.4-6-13.4-13.4V59.5L414.2,121.5z'%3e%3c/path%3e%3crect width='316.5' height='103.3' x='97.8' y='307.9' fill='%23f26a3c'%3e%3c/rect%3e%3cg%3e%3cpath fill='%23f4f4f3' d='M180.6 384.4l-11.5-45.6v49.4c0 2.7-.6 4.8-1.8 6.2s-2.8 2.1-4.9 2.1c-2 0-3.5-.7-4.8-2-1.2-1.4-1.9-3.4-1.9-6.2v-56.6c0-3.1.8-5.2 2.4-6.3 1.6-1.1 3.8-1.6 6.6-1.6h4.5c2.7 0 4.7.2 5.9.7s2.1 1.4 2.7 2.6 1.3 3.3 2 6.2l10.4 39.2 10.4-39.2c.7-2.9 1.4-4.9 2-6.2s1.5-2.1 2.7-2.6 3.2-.7 5.9-.7h4.5c2.8 0 5 .5 6.6 1.6 1.6 1.1 2.4 3.2 2.4 6.3v56.6c0 2.7-.6 4.8-1.8 6.2s-2.9 2.1-4.9 2.1c-1.9 0-3.5-.7-4.7-2.1-1.2-1.4-1.9-3.4-1.9-6.2v-49.4L200 384.4c-.7 3-1.4 5.1-1.8 6.5-.5 1.4-1.3 2.6-2.6 3.8s-3 1.7-5.3 1.7c-1.7 0-3.1-.4-4.3-1.1s-2.1-1.7-2.7-2.8c-.7-1.1-1.2-2.4-1.5-3.8C181.4 387.4 181 385.9 180.6 384.4zM267.5 367.3h-13.3v20.3c0 2.9-.7 5.1-2.1 6.6s-3.1 2.2-5.2 2.2c-2.2 0-3.9-.7-5.3-2.2-1.3-1.5-2-3.7-2-6.5v-55.2c0-3.2.7-5.5 2.2-6.8s3.8-2.1 7-2.1h18.6c5.5 0 9.7.4 12.7 1.3 2.9.8 5.5 2.2 7.6 4.1 2.1 1.9 3.8 4.2 4.9 6.9 1.1 2.7 1.7 5.8 1.7 9.2 0 7.3-2.2 12.8-6.7 16.6S276.4 367.3 267.5 367.3zM264 334.5h-9.8v21.9h9.8c3.4 0 6.3-.4 8.6-1.1 2.3-.7 4-1.9 5.2-3.5 1.2-1.6 1.8-3.8 1.8-6.4 0-3.2-.9-5.7-2.8-7.7C274.7 335.6 270.5 334.5 264 334.5zM333.6 389v-9.1h-24.5c-3.1 0-5.4-.7-7-2.1-1.5-1.4-2.3-3.3-2.3-5.7 0-.6.1-1.2.3-1.9.2-.6.6-1.3 1-2 .5-.7.9-1.4 1.4-2 .5-.7 1.1-1.4 1.8-2.4l25.9-34.6c1.7-2.3 3.1-3.9 4.2-5 1.1-1 2.4-1.5 3.9-1.5 4.9 0 7.4 2.8 7.4 8.5V369h2.1c2.5 0 4.5.3 6 1s2.3 2.2 2.3 4.5c0 1.9-.6 3.3-1.9 4.1-1.2.9-3.1 1.3-5.6 1.3h-3v9.1c0 2.5-.6 4.4-1.7 5.6-1.1 1.2-2.6 1.8-4.4 1.8-1.8 0-3.3-.6-4.4-1.9S333.6 391.4 333.6 389zM312.6 369h21v-28.4L312.6 369z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

.attachment[href$=".mov"]::before,
.attachment[href$=".MOV"]::before,
[data-type="mov"]::before,
[data-type="MOV"]::before {
    --size: 22rem;
    width: var(--size);
    height: var(--size);
    content: '';
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 512 512' viewBox='0 0 512 512' id='mov-file'%3e%3cpath fill='%23f4f4f3' d='M414.2,121.5v317.6c0,7.4-6,13.4-13.4,13.4H111.2c-7.4,0-13.4-6-13.4-13.4V72.9c0-7.4,6-13.4,13.4-13.4h237.6 L414.2,121.5z'%3e%3c/path%3e%3cpath fill='%23edeceb' d='M414.2,121.5h-52.1c-7.4,0-13.4-6-13.4-13.4V59.5L414.2,121.5z'%3e%3c/path%3e%3crect width='316.5' height='103.3' x='97.8' y='307.9' fill='%2390d4f5'%3e%3c/rect%3e%3cg%3e%3cpath fill='%23f4f4f3' d='M171.6 384.6L160.1 339v49.4c0 2.7-.6 4.8-1.8 6.2s-2.8 2.1-4.9 2.1c-2 0-3.5-.7-4.8-2-1.2-1.4-1.9-3.4-1.9-6.2v-56.6c0-3.1.8-5.2 2.4-6.3 1.6-1.1 3.8-1.6 6.6-1.6h4.5c2.7 0 4.7.2 5.9.7s2.1 1.4 2.7 2.6 1.3 3.3 2 6.2l10.4 39.2 10.4-39.2c.7-2.9 1.4-4.9 2-6.2s1.5-2.1 2.7-2.6 3.2-.7 5.9-.7h4.5c2.8 0 5 .5 6.6 1.6 1.6 1.1 2.4 3.2 2.4 6.3v56.6c0 2.7-.6 4.8-1.8 6.2s-2.9 2.1-4.9 2.1c-1.9 0-3.5-.7-4.7-2.1-1.2-1.4-1.9-3.4-1.9-6.2V339L191 384.6c-.7 3-1.4 5.1-1.8 6.5-.5 1.4-1.3 2.6-2.6 3.8s-3 1.7-5.3 1.7c-1.7 0-3.1-.4-4.3-1.1s-2.1-1.7-2.7-2.8c-.7-1.1-1.2-2.4-1.5-3.8C172.3 387.5 172 386.1 171.6 384.6zM262.2 322.6c7.4 0 13.8 1.5 19.1 4.5 5.3 3 9.4 7.3 12.1 12.8 2.7 5.6 4.1 12.1 4.1 19.6 0 5.5-.7 10.6-2.2 15.1-1.5 4.5-3.7 8.4-6.7 11.8-3 3.3-6.7 5.9-11 7.6-4.4 1.8-9.4 2.6-15 2.6-5.6 0-10.6-.9-15-2.7-4.4-1.8-8.1-4.4-11.1-7.6-3-3.3-5.2-7.2-6.7-11.9-1.5-4.6-2.3-9.6-2.3-15 0-5.5.8-10.5 2.4-15.1 1.6-4.6 3.9-8.5 6.9-11.7 3-3.2 6.6-5.7 10.9-7.4S256.7 322.6 262.2 322.6zM282.8 359.4c0-5.2-.8-9.8-2.5-13.6-1.7-3.8-4.1-6.7-7.3-8.7-3.1-2-6.7-3-10.8-3-2.9 0-5.6.5-8 1.6-2.5 1.1-4.6 2.7-6.3 4.8-1.8 2.1-3.2 4.7-4.2 8-1 3.2-1.5 6.9-1.5 10.9 0 4.1.5 7.7 1.5 11 1 3.3 2.5 6 4.3 8.2 1.9 2.2 4 3.8 6.4 4.9 2.4 1.1 5.1 1.6 8 1.6 3.7 0 7.1-.9 10.2-2.8 3.1-1.9 5.6-4.7 7.4-8.6C281.9 369.8 282.8 365 282.8 359.4zM317.9 332.1l16.2 48 16.3-48.3c.8-2.5 1.5-4.3 1.9-5.3.4-1 1.1-1.9 2.1-2.7 1-.8 2.3-1.2 4-1.2 1.2 0 2.4.3 3.4.9 1.1.6 1.9 1.4 2.5 2.5.6 1 .9 2.1.9 3.1 0 .7-.1 1.5-.3 2.3s-.4 1.6-.7 2.4c-.3.8-.6 1.6-.9 2.5L346 383c-.6 1.8-1.2 3.5-1.9 5.1-.6 1.6-1.3 3-2.1 4.2-.8 1.2-1.9 2.2-3.2 3-1.4.8-3 1.2-5 1.2s-3.6-.4-5-1.1c-1.4-.8-2.4-1.8-3.3-3-.8-1.3-1.6-2.7-2.2-4.3-.6-1.6-1.2-3.3-1.9-5.1l-17-46.4c-.3-.8-.6-1.7-.9-2.5-.3-.8-.6-1.7-.8-2.6-.2-.9-.3-1.7-.3-2.4 0-1.7.7-3.2 2-4.5 1.3-1.4 3-2.1 5-2.1 2.5 0 4.2.8 5.2 2.3S316.8 328.8 317.9 332.1z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

/* .attachment:not(.attachment--disabled):hover,
[data-type="pdf"]:hover,
[data-type="pdf"]:focus-visible {
    opacity: 0.6;
} */

.attachment:not(.attachment--disabled):focus-visible {
    text-decoration: underline;
    text-underline-offset: 6rem;
}


/* checkbox */
.checkbox-list {
    display: grid;
    gap: var(--gap, 15rem);
    align-items: flex-start;
    grid-template-columns: 1fr 1fr;
}

@media (max-width:590px) {
    .checkbox-list {
        row-gap:5rem;
        grid-template-columns: 1fr;
    }
}

.checkbox {
    --gap: initial;
    display: flex;
    align-items: center;
    gap: var(--gap, 17rem);
}

.checkbox--bg {
    background-color:#fff;
    padding:20rem;
    border-radius:20rem;
}

.checkbox--brief-other {
    pointer-events: none;
}

.checkbox--brief-other [type="checkbox"]:not(:checked) {
    --border-hover: initial;
    --focus: initial;
    opacity: 0.5;
}

.checkbox__label-text {
    font-size: var(--fs, 18rem);
    font-weight: 400;
    line-height: var(--lh, 1.38);
}

.checkbox__label-text--input {
    padding: 0;
    color: #000;
    border: none;
    font-weight: 400;
    font-stretch: normal;
    width: 100%;
    pointer-events: all;
}

.checkbox__label-text--input::placeholder {
    color: rgba(0, 0, 0, 0.4);
    font-weight: 400;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {

    input[type=checkbox]:not(.default),
    input[type=radio]:not(.default) {
        --active: var(--theme-color);
        --active-inner: #fff;
        --active-bg: var(--theme-color);
        --focus: 2px rgba(39, 94, 254, .5);
        --border: #1D1D1D;
        --border-hover: var(--theme-color);
        --background: transparent;
        --disabled: #fff;
        --disabled-inner: #1d1d1d;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        flex-shrink: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        -webkit-transition: background 0.3s, border-color 0.3s, -webkit-box-shadow 0.2s;
        transition: background 0.3s, border-color 0.3s, -webkit-box-shadow 0.2s;
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
        display: flex;
        justify-content: center;
        padding-block: var(--checkbox-offset, 1rem);
    }

    input[type=checkbox]:not(.default):after,
    input[type=radio]:not(.default):after {
        content: "";
        display: block;
        -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
        transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
    }

    input[type=checkbox]:not(.default):checked,
    input[type=radio]:not(.default):checked {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }

    input[type=checkbox]:not(.default):disabled,
    input[type=radio]:not(.default):disabled {
        --b: #fff;
        --bc: rgba(0, 0, 0, .12);
        cursor: not-allowed;
    }

    input[type=checkbox]:not(.default):disabled+label,
    input[type=radio]:not(.default):disabled+label,
    input[type=checkbox]:not(.default):disabled+span,
    input[type=radio]:not(.default):disabled+span {
        cursor: not-allowed;
        opacity: 0.5;
    }

    input[type=checkbox]:hover:not(:checked):not(:disabled):not(.default),
    input[type=radio]:hover:not(:checked):not(:disabled):not(.default) {
        --bc: var(--border-hover);
    }

    input[type=checkbox]:not(.default):focus-visible,
    input[type=radio]:not(.default):focus-visible {
        -webkit-box-shadow: 0 0 0 var(--focus);
        box-shadow: 0 0 0 var(--focus);
    }

    input[type=checkbox]:not(.switch):not(.default),
    input[type=radio]:not(.switch):not(.default) {
        width: var(--width, 23rem);
        height: var(--height, 21rem);
    }

    input[type=checkbox]:not(.switch):not(.default):after,
    input[type=radio]:not(.switch):not(.default):after {
        opacity: var(--o, 0);
    }

    input[type=checkbox]:not(.switch):not(.default):checked,
    input[type=radio]:not(.switch):not(.default):checked {
        --o: 1;
    }

    input[type=checkbox]:not(.default)+label,
    input[type=radio]:not(.default)+label {
        font-size: 14rem;
        line-height: 21rem;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        margin-left: 4px;
    }

    input[type=checkbox]:not(.switch):not(.default) {
        border-radius: 4rem;
    }

    input[type=checkbox]:not(.switch):not(.default):after {
        width: var(--inner-w, 7rem);
        height: var(--inner-h, 14rem);
        border: 2px solid var(--active-inner);
        border-top: 0;
        border-left: 0;
        left: var(--inner-left, 7rem);
        top: var(--inner-top, 1rem);
        -webkit-transform: rotate(var(--r, 20deg));
        transform: rotate(var(--r, 20deg));
    }

    input[type=checkbox]:not(.switch):not(.default):checked {
        --b: var(--active-bg);
        --r: 43deg;
    }

    input[type=checkbox].switch {
        width: 48rem;
        height: 27rem;
        border-radius: 44rem;
        border-width: 3px;
        --ab: #fff;
    }

    input[type=checkbox].switch:after {
        left: -3px;
        top: -2.5px;
        border-radius: 50%;
        border: 3px solid var(--second-color);
        width: 26px;
        height: 26px;
        background: var(--ab, var(--border));
        -webkit-transform: translateX(var(--x, 0));
        transform: translateX(var(--x, 0));
    }

    input[type=checkbox]:not(.default):disabled:checked,
    input[type=radio]:not(.default):disabled:checked {
        --bc: var(--theme-color);
        opacity: 0.5;
    }

    input[type=radio]:not(.default):disabled:checked {
        --bc: #1d1d1d;
    }

    input[type=checkbox].switch:checked {
        --ab: var(--active-inner);
        --x: 21px;
    }

    input[type=checkbox].switch:disabled:not(:checked):after {
        opacity: 0.6;
    }

    input[type=checkbox]:not(.default):invalid:-moz-placeholder-shown {
        background-color: red;
    }

    input[type=checkbox]:not(.default):invalid:-ms-input-placeholder {
        background-color: red;
    }

    input[type=checkbox]:not(.default):invalid:placeholder-shown {
        background-color: red;
    }

    input[type=radio]:not(.default) {
        border-radius: 50%;
    }

    input[type=radio]:not(.default):after {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: var(--active-inner);
        opacity: 0;
        transform: scale(var(--s, 40%));
        clip-path: circle(50% at 50% 50%);
        -webkit-clip-path: circle(50% at 50% 50%);
        inset: 0;
    }

    input[type=radio]:not(.default):checked::after {
        --s: 60%;
        top: revert;
        left: revert;
    }
}

/* modal */
.modal_bill {
    max-width: var(--max-w, 866rem);
    padding-block: var(--pb, 50rem 59rem);
    padding-inline: var(--pi, 71rem);
}

.modal_bill-container {
    max-width: var(--max-w, 876rem);
    width: 100%;
}

.modal_reject-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

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

.modal_reject-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 43rem;
    width: 70%;
    margin-top: 60rem;
}

.modal_reject-form_submit {
    align-self: unset;
}

.modal_reject-input {
    border-radius: 40rem;
}

.modal_reject-input::placeholder {
    color: gray;
}

/* footer */
.Footer--cabinet {
    margin-top: auto;
    background-color: #F5F5F5;
    color: #1D1D1D;
}

.Footer--cabinet .Footer_TopUp .btn {
    --color: 29, 29, 29;
    font-weight: 400;
    border-color: rgba(var(--color), 0.3);
    color: rgba(var(--color), 1);
    stroke: rgba(var(--color), 1);
}

.Footer--cabinet .Footer_TopUp .btn:hover,
.Footer--cabinet .Footer_TopUp .btn:focus-visible {
    background-color: rgba(var(--color), 1);
    color: #fff;
    stroke: #fff;
}

.Footer--cabinet .Footer_Logo {
    margin-right: revert;
}

.Footer--cabinet .Footer_TopNav {
    margin-left: 129rem;
}

.Footer--cabinet .btn_c {
    background-color: #1D1D1D;
}

.Footer--cabinet .btn_c:hover {
    background-color: #fff;
    border-color: #1D1D1D;
}

.feed {
    color: #1D1D1D;
    display: inline-flex;
    position: relative;
    transition: color .3s ease-in-out;
}

.feed:hover,
.feed:focus-visible {
    color: var(--theme-color)
}

.feed__icon {
    width: var(--w, 18rem);
    height: var(--h, 22rem)
}

.feed__counter {
    position: absolute;
    top: -5rem;
    left: calc(100% - 10rem);
    z-index: 1;
    display: inline-block;
    min-width: 17rem;
    height: 17rem;
    padding: 3rem;
    font-size: 10rem;
    line-height: 12rem;
    text-align: center;
    color: #fff;
    background: var(--theme-color);
    border-radius: 500rem;
}

.feed__counter--hidden {
    display: none;
}

.user-menu {
    color: #1D1D1D;
}

.user-menu__icon {
    --size: 24rem;
    width: var(--size);
    height: var(--size);
}

.user-menu__profile {
    list-style: none;
    display: flex;
    transition: color .3s ease-in-out;
}

.user-menu__profile:focus-visible,
.user-menu__profile:hover {
    color: var(--theme-color);
    cursor: pointer;
}

.user-menu__dropdown[open] .user-menu__profile {
    color: var(--theme-color);
}

.user-menu__profile::-webkit-details-marker {
    display: none
}

.user-menu__list {
    font-size: var(--fs, 18rem);
    font-weight: 400;
    padding-inline: var(--pi, 14rem);
    padding-block: var(--pb, 16rem 26rem);
    display: flex;
    flex-direction: column;
    gap: var(--gap, 12rem);
    position: absolute;
    border-radius: var(--br, 16rem);
    background: #F5F5F5;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04);
    right: 0;
    top: calc(100% + 10rem);
    width: var(--w, 194rem);
    opacity: 0;
    transition: all .22s ease-in-out;
}

.user-menu__icon-mobile {
    display: none;
}

.user-menu__dropdown[open] .user-menu__list {
    opacity: 1;
}

.user-menu__link {
    display: flex;
    gap: var(--gap, 11rem);
    align-items: center;
    transition: color .3s ease-in-out;
}

.user-menu__link:hover,
.user-menu__link:focus-visible {
    color: var(--theme-color)
}

.user-menu__link-icon {
    width: var(--w, 16rem);
    height: auto;
}

.Header_Buttons {
    display: flex;
    align-self: center;
    align-items: center;
    justify-content: flex-end;
    gap: var(--gap, 16rem);
}

/* file loader */
.file-loader {
    --fs: 16rem;
    font-size: var(--fs);
    display: flex;
    flex-direction: column;
    align-self: stretch;
}

.file-loader--added {
    border-top: 1px solid rgba(29, 29, 29, 0.4);
    padding-block-start: var(--pbs, 13rem);
    gap: 7rem;
}

.file-loader__input-wrapper {
    display: flex;
    align-items: center;
    gap: var(--gapl, 12rem 36rem);
    padding-inline-start: 12rem;
}

.file-loader--default .file-loader__input-wrapper {
    padding-inline-start: 0;
}

.file-loader__files {
    display: flex;
    flex-direction: column;
    gap: 12rem;
}

.file-loader__file {
    --gap: 8rem;
    display: flex;
    align-items: center;
    gap: var(--gap)
}

.file-loader__label {
    display: flex;
    align-items: center;
    gap: var(--gap, 13rem);
    cursor: pointer;
    color: #1D1D1D;
}

.file-loader__label--type-secondary {
    --fs: initial;
    --gap: 16rem;
    font-size: var(--fs, 26rem);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 10rem;
    text-decoration-thickness: 1px;
}


.file-loader__label:hover,
.file-loader__label:has(input[type="file"]:focus-visible) {
    opacity: 0.5;
}

@supports not (selector(:has(p))) {
    .file-loader__label:focus-within {
        opacity: 0.5;
    }
}

.file-loader__icon {
    width: var(--w, 22rem);
    height: var(--h, 23rem);
}

@media (max-width:590px) {
    .file-loader__icon {
        --w: 15rem;
        --h: 16rem;
    }
}

.file-loader__desc {
    max-width: var(--w, 335rem);
    line-height: 1.2;
    color: rgba(29, 29, 29, 0.4);
    font-weight: 400;
}

.file-loader__file-delete {
    color: #242424;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--padding, 7rem);
}

.file-loader__file-delete:hover {
    opacity: 0.4;
}

.file-loader__file-delete:focus-visible {
    outline: 1px dashed currentColor
}


.file-loader__file-icon {
    pointer-events: none;


}

.file-loader__submit-button {
    --fs: 18rem;
    --pb: 11rem;
    --pi: 24rem;
    --mbs: 13rem;
    --mw: 144rem;
    color: #1D1D1D;
    align-self: flex-start;
    padding-block: var(--pb);
    padding-inline: var(--pi);
    border-color: var(--theme-color);
    margin-block-start: var(--mbs);
    font-weight: 400;
    font-size: var(--fs);
    min-width: var(--mw);
    letter-spacing: 0.36px;
    line-height: normal;
}

.file-loader__submit-button:hover,
.file-loader__submit-button:focus-visible {
    background-color: var(--theme-color);
    color: #fff;
}

.brief__title {
    font-size: var(--fs, 48rem);
    font-weight: 573;
    line-height: normal;
}

.brief {
    display: flex;
    flex-direction: column;
}

.brief__group {
    padding: 0;
    border: none;
}

.brief__group+.brief__group {
    margin-block-start: var(--mrts, 65rem);
}

.brief__field {
    display: flex;
    flex-direction: column;
}

.brief__field--title {
    margin-block-end: var(--mrb, 40rem);
}

.brief__title {
    font-family: "Roboto Flex", sans-serif;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    font-weight: 629;
    font-stretch: 151%;
    font-variation-settings: "GRAD" 0, "slnt" 0, "XTRA" 468, "XOPQ" 96, "YOPQ" 79, "YTLC" 514, "YTUC" 712, "YTAS" 750, "YTDE" -203, "YTFI" 738;
    margin-bottom: var(--mrb, 20rem);
    line-height: 1.1;
}

.brief__field-input,
.brief__textarea,
.brief__field-input.full,
.brief__textarea.full {
    font-size: var(--fs, 26rem);
    color: #1D1D1D;
    border-radius: var(--rb, 20rem);
    padding-inline: var(--pi, 40rem);
    padding-block: var(--pb, 20rem);
    border: 1px solid currentColor;
    min-height: var(--min-h, 97rem);
    font-weight: 400;
    font-stretch: revert;
}

.brief__textarea {
    min-height: var(--min-h, 192rem);
}

.brief__field-input::placeholder {
    color: rgba(44, 44, 44, 0.4);
    line-height: 1.38;
}

.checkbox--brief {
    --width: 36rem;
    --height: 36rem;
    --inner-h: 22rem;
    --inner-w: 10rem;
    --inner-top: 4rem;
    --inner-left: 12rem;
    --fs: 40rem;
    --lh: .97;
    --gap: 17rem;
    --checkbox-offset: 4rem;
}

.brief__field :is(input:disabled, textarea:disabled) {
    background-color: #F5F5F5;
    border-color: #F5F5F5;
}

.brief__field-list {
    --mrb: 32rem;
    display: flex;
    flex-direction: column;
    gap: var(--gap, 48rem);
}

.brief__field-list--hidden {
    display: none;
}

.brief__field-list--offset {
    --mrbs: initial;
    margin-block-start: var(--mrbs, 63rem);
}

.brief__desc {
    font-size: var(--fs, 26rem);
    line-height: 1.38;
    font-weight: 400;
}

.brief__desc--max-w {
    max-width: var(--max-w, initial);
}

.brief__design-cards {
    margin-block-start: var(--mrt, 59rem);
}

.design-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--item-width, 320rem), 1fr));
    gap: var(--gap, 62rem 48rem);
}

.design-card {
    position: relative;
}

.design-card__label {
    display: block;
    cursor: pointer;
}

input.design-card__input {
    position: absolute;
    overflow: hidden;
    margin: -1px;
    border: 0;
    padding: 0;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0 0 0 0);
    z-index: -99999;
}

input.design-card__input::after {
    display: none;
}

.design-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 302/302;
    transition: filter 1s, box-shadow 0.3s;
    transition-timing-function: ease-in-out;
    border-radius: var(--br, 32rem);
    overflow: hidden;
    position: relative;
    display: block;
}

.design-card__img:is(.lazy) {
    filter: brightness(0.4) blur(18px);
}

.design-card__img:is(.entered, .loaded) {
    filter: blur(0);
}

.design-card__img:not([src]):not([srcset]) {
    background-color: rgba(29, 29, 29, 0.522);
    visibility: visible;
}

.design-card__input:checked~.design-card__img {
    box-shadow: 0 0 0 5rem #ff4d16;
    filter: brightness(90%);
}

.design-card__input:focus-visible~.design-card__img,
.design-card:hover .design-card__img {
    box-shadow: 0 0 0 5rem var(--theme-color);
}

.brief__group--range {
    --mrts: 98rem;
}

.brief__brand-range {
    margin-block-start: var(--mrt, 79rem);
}

.brand-range {
    display: flex;
    flex-direction: column;
    row-gap: var(--gap, 98rem);
}

.brand-range__input {
    --track-width: 100%;
    --track-height: 9rem;
    --track-background: #F5F5F5;
    --track-border: none;
    --track-border-radius: 30rem;
    --thumb-size: 40rem;
    --thumb-background: #1D1D1D;
    --thumb-offset: calc((var(--thumb-size) - var(--track-height)) / -2);
    padding: 0;
    border: none;
    transition: all 0.3s ease-in-out;
    cursor: ew-resize;
    grid-row: 7;
    grid-column: range-area;
}

.brand-range__input:is(.full, .focused) {
    --thumb-background: var(--theme-color);
}

.brand-range__input::-webkit-slider-runnable-track {
    width: var(--track-width);
    height: var(--track-height);
    background: var(--track-background);
    border: var(--track-border);
    border-radius: var(--track-border-radius);
}

.brand-range__input::-moz-range-track {
    width: var(--track-width);
    height: var(--track-height);
    background: var(--track-background);
    border: var(--track-border);
    border-radius: var(--track-border-radius);
}

.brand-range__input::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: var(--thumb-size);
    width: var(--thumb-size);
    border-radius: 50%;
    background: var(--thumb-background);
    border: none;
    margin-top: var(--thumb-offset);
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-property: transform, box-shadow, background-color;
    box-shadow: none;
}

.brand-range__input::-moz-range-thumb {
    border: none;
    height: var(--thumb-size);
    width: var(--thumb-size);
    border-radius: 50%;
    background: var(--thumb-background);
    border: none;
    margin-top: var(--thumb-offset);
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-property: transform, box-shadow, background-color;
    box-shadow: none;
}

.brand-range__input::-webkit-slider-thumb:hover,
.brand-range__input::-webkit-slider-thumb:focus-visible {
    transform: scale(1.1);
    --thumb-background: var(--theme-color);
    box-shadow: 0 10px 27px -4px var(--theme-color);
}

.brand-range__input::-moz-range-thumb:hover,
.brand-range__input::-moz-range-thumb:focus-visible {
    transform: scale(1.1);
    --thumb-background: var(--theme-color);
    box-shadow: 0 10px 27px -4px var(--theme-color);
}

.brand-range__datalist {
    display: flex;
    justify-content: space-between;
    gap: var(--gap, 20rem);
    font: inherit;
    font-size: var(--fs, 18rem);
    font-weight: 400;
    grid-row: 12;
    grid-column: range-area;
    margin-top: -4rem;
}

.brand-range__datalist option {
    padding: 0;
}

.brand-range__item {
    display: grid;
    grid-template-columns: max-content [range-area] 1fr max-content;
    gap: var(--gap, 2px 43rem);
    align-items: center;
}

.brand-range__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--br, 100px);
    border: 2px solid #F5F5F5;
    overflow: hidden;
    padding-block: var(--pb, 10rem);
    padding-inline: var(--pi, 11rem);
    max-width: var(--max-w, 153rem);
    grid-row: span 12;
}

.brand-range__img {
    display: block;
}

.brief__group--goals {
    --mrts: 111rem;
}

.brief__checkbox-list {
    --gap: 36rem;
    --fs: 40rem;
    margin-block-start: var(--mrt, 48rem);
}

.checkbox--lg {
    --width: 39rem;
    --height: 39rem;
}

.brief__group--expectations,
.brief__group--product,
.brief__group--services,
.brief__group--service {
    --mrts: 100rem;
}

.brief__field+.brief__title {
    margin-block-start: var(--mrt, 95rem);
}

.brief__desc+.brief__field {
    margin-block-start: var(--mrt, 32rem);
}

.checkbox--package-design {
    margin-block: var(--mrb, 97rem 80rem);
}

.checkbox :is(.brief__title) {
    margin: 0;
}

.brief__file-loader {
    gap: 20rem;
    --gapl: 52rem;
    margin-block-start: var(--mrt, 68rem);
}

.brief__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--gap, 30rem);
    margin-block-start: var(--mrt, 64rem);
}

.brief__actions-agreement {
    --max-w: 390rem;
    --gap: 12rem;
}

.modal_completion-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.modal_completion-descr {
    font-size: var(--fs, 26rem);
    letter-spacing: 0.52rem;
    line-height: 1.3;
}

.modal_completion-descr:first-of-type {
    margin-top: var(--mrt, 37rem);
}

.modal_completion-descr+.modal_completion-descr {
    margin-top: var(--mrt, 16rem);
}

.modal_completion-descr:last-of-type {
    margin-bottom: var(--mrb, 80rem);
}

.modal_completion-btn {
    align-self: center;
    min-width: auto;
    max-width: var(--max-w, 388rem);
    width: 100%;
}

/* avatar */
.c-avatar {
    --size: 227rem;
    position: relative;
    max-width: var(--size);
    align-self: flex-start;
}

.c-avatar__figure {
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    overflow: hidden;
    background-color: #EBEBEB;
}

.c-avatar__pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: block;
}

.c-avatar__actions {
    position: absolute;
    bottom: 0;
    right: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.c-avatar__file-loader,
.c-avatar__cropper-btn {
    --size: 60rem;
    --unit: 22rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--size);
    height: var(--size);
    background-color: var(--theme-color);
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s, border 0.2s, opacity 0.2s, visibility 0.2s, transform 0.4s;
    transition-timing-function: ease-in-out;
    border: 2px solid transparent;
    opacity: 1;
    visibility: visible;
    grid-column: 1;
    grid-row: 1;
    transform: scale(1);
}

.c-avatar__file-loader:has(input[type="file"]:focus),
.c-avatar__file-loader:hover,
.c-avatar__cropper-btn:hover,
.c-avatar__cropper-btn:focus-visible {
    background-color: #fff;
    color: var(--theme-color);
    border-color: currentColor;
}

@supports not (selector(:has(p))) {
    .c-avatar__file-loader:focus-within {
        background-color: #fff;
        color: var(--theme-color);
        border-color: currentColor;
    }
}

.c-avatar__file-loader::before,
.c-avatar__file-loader::after {
    content: '';
    position: absolute;
    background-color: currentColor;
}

.c-avatar__file-loader::before {
    width: var(--unit);
    height: 2px;
}

.c-avatar__file-loader::after {
    height: var(--unit);
    width: 2px;
}

.c-avatar__cropper-btn.hidden,
.c-avatar__file-loader.hidden {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.5);
}

.c-avatar__cropper-btn-icon {
    width: var(--w, 24rem);
    height: var(--h, 19rem);
}

.cropper-crop-box {
    transform: none !important;
}

.cropper-view-box {
    border-radius: 50%;
}

/* profile card */
.user-profile--profile {
    padding-block-start: 0;
}

.profile-card {
    background-color: #F5F5F5;
    border-radius: var(--br, 40rem);
    padding-inline: var(--pi, 64rem);
    padding-block: var(--pb, 68rem 80rem);
}

.profile-card__header {
    display: flex;
    justify-content: space-between;
    gap: var(--gap, 30rem);
    align-items: center;
}

.profile-card__title {
    align-self: baseline;
}

.profile-card__tabs {
    display: flex;
    flex-direction: column;
    row-gap: var(--gap, 71rem);
}

.profile-card__tablist {
    --br: 40rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    font-size: var(--fs, 20rem);
    font-weight: 629;
    line-height: normal;
    max-width: var(--max-w, 628rem);
    background-color: #fff;
    border-radius: var(--br);
    color: #000;
}

.profile-card__tab {
    border-radius: var(--br);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block: var(--pb, 17rem);
    padding-inline: var(--pi, 15rem);
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.profile-card__tab[aria-selected="true"] {
    color: #fff;
    background-color: var(--theme-color);
}

.profile-card__tabpanel[aria-expanded="false"] {
    display: none;
}

.profile-card__form--profile {
    display: grid;
    grid-template-columns: max-content [fields-area] minmax(0, 570rem);
    gap: var(--gap, 18rem 72rem);
}

.c-form__fields--profile {
    grid-column: fields-area;
}

.c-form__submit--profile {
    grid-column: fields-area;
}

.modal_title {
    overflow-wrap: break-word;
    width: 100%;
    hyphens: manual;
}

.modal_title--bill {
    font-size:30rem;
}

@media (min-width:591px) {
    .modal_title--bill {
        text-align:center;
    }
}

@media (max-width:590px) {
    .modal_title--bill {
        font-size:24rem;
    }
}

.modal_descr--bill {
    font-size:20rem;
    margin-block-start:13rem;
    margin-block-end: 45rem;
}

@media (min-width:591px) {
    .modal_descr--bill {
        text-align:center;
    }
}

@media (max-width:590px) {
    .modal_descr--bill {
        font-size:12rem;
        margin-block-start:14rem;
        margin-block-end: 25rem;
    }

    .modal_descr--bill br {
        display:none;
    }
}

@media (max-width:1024px) {
    .Header_Buttons {
        gap: 0;
    }

    .feed {
        display: none;
    }

    .user-menu__icon {
        display: none;
    }

    .user-menu__profile {
        --size: 52rem;
        width: var(--size);
        height: var(--size);
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid rgba(0, 0, 0, .1);
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }

    .user-menu__icon-mobile {
        --size: 20rem;
        width: var(--size);
        height: var(--size);
        display: revert;
    }

    .l-cabinet--main,
    .l-cabinet {
        padding-block-end: 90rem;
    }

    .l-cabinet__header {
        --mrbs: 40rem;
    }

    .stories-carousel-prev,
    .stories-carousel-next {
        display: none;
    }

    .l-cabinet__section--stories {
        --mrbs: 53rem;
    }

    .l-cabinet__section--projects {
        --mrbs: 62rem;
    }

    .project-cards {
        --gap: 30rem;
    }

    .project-card {
        --pb: 48rem;
    }

    .project-card__tag {
        --fs: 18rem;
    }

    .project-card__title {
        --fs: 35rem;
        --mrb: 16rem;
    }

    .project-card__desc {
        --fs: 22rem;
    }

    .project-card__desc:last-of-type {
        --mrb: 38rem;
    }

    .project-card__delete {
        --fs: 14rem;
    }

    .project-card__desc {
        --max-w: 650rem;
    }

    .project-card--bg {
        background-position: center right 47rem;
        background-size: 238rem;
    }

    .contacts-card {
        --pb: 65rem;
        --pi: 53rem;
    }

    .contacts-card__title {
        --fs: 35rem;
        --mrb: 61rem;
    }

    .contacts-card__manager-info {
        --max-w: 350rem;
    }

    .contacts-card__manager-info::after {
        top: calc(100% + 10rem);
        left: calc(100% - 9rem);
        --width: 76rem;
        --height: 50rem;
        object-fit: contain;
    }

    .c-form__input {
        padding: 22rem 28rem 20rem;
        font-size: 18rem;
        border-radius: 30rem;
    }

    .c-form__input--round {
        border-radius:20rem;
    }

    .c-form__input--valid,
    .c-form__input--valid.full,
    .c-form__input--invalid,
    .c-form__input--invalid.full {
        padding-inline-end: 60rem;
    }

    .c-form__label {
        padding: 0 28rem;
        font-size: 18rem;
    }

    .c-form__field--tel .c-form__label {
        transform: translateY(-74%);
        font-size: 12rem;
    }

    .c-form__input:focus-visible+.c-form__label,
    .c-form__input:not(:placeholder-shown)+.c-form__label {
        transform: translateY(-74%);
        font-size: 12rem;
    }

    .iti__selected-flag {
        --pl: 28rem;
    }

    .iti .c-form__input {
        --pl: clamp(57px, 9vw, 74px);
    }

    .l-cabinet__section--contacts {
        --mrbs: 64rem;
    }

    .c-cards {
        --item-width: 282rem;
        --gap: 24rem;
    }

    /* create project */
    .l-cabinet__header--create {
        --mrbs: 60rem;
    }

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

    .create-project__box--gray {
        --pb: 50rem 60rem;
        --pi: 40rem;
    }

    .create-project__box--grid {
        grid-template-columns: [flow-content] 1fr [info-block] 289rem;
    }

    .create-project__title {
        --fs: 30rem;
        margin-block-end: 30rem;
    }

    .create-project__title--dashed {
        --mrb: 40rem;
    }

    .create-project__step-title {
        --fs: 24rem;
        --mrb: 20rem
    }

    .create-project__step-subtitle {
        --fs: 18rem;
        --mrb: 40rem
    }

    .create-project__info {
        --fs: 22rem;
    }

    .create-project__info::before {
        --size: 26rem;
    }

    .create-project__info::after {
        --width: 28rem;
        --height: 70rem;
        bottom: calc(100% - 27rem);
        right: calc(100% + 46rem);
    }

    .create-project__keyword {
        --fs: 22rem;
        --pb: 13rem;
        --pi: 30rem;
        max-height: 62rem;
    }

    .create-project__header {
        --mrb: 50rem;
        --gap: 18rem;
    }

    .create-project__service-name {
        --fs: 16rem;
        align-self: flex-end;
    }

    .create-project__status {
        --fs: 22rem;
    }

    .create-project__service-number {
        --size: 60rem;
        --fs: 18rem;
    }

    .create-project__desc {
        --fs: 22rem;
    }

    .checkbox-list {
        --gap: 16rem
    }

    .c-tabs__item:first-child {
        flex-basis: auto;
        flex-grow: 0.2;
    }

    .c-tabs__item:nth-child(2) {
        flex-basis: auto;
        flex-grow: 0.4;
    }

    .c-tabs__tab {
        --fs: 18rem;
        --pb: 22rem;
        --pi: 30rem;
    }

    .c-tabs__tabpanel {
        --min-h: 220rem;
        --pi: 34rem;
        --pb: 36rem;
    }

    .c-tabs__tabpanel--empty {
        --pb: 50rem 34rem;
    }

    .c-tabs__title {
        --fs: 22rem;
    }

    .attachments {
        --gap: 10rem;
    }

    .attachment {
        --fs: 22rem;
    }

    .create-project__payment-title {
        --mrb: 28rem;
    }

    .create-project__payment-online,
    .create-project__payment-bill {
        --fs: 18rem;
    }

    .service-cards {
        --gap: 15rem;
        --item-width: 190rem;
    }

    .service-card__figure {
        --br: 6rem;
        max-width: 140rem;
    }

    .service-card__title {
        --fs: 16rem;
        --mrb: 22rem;
        text-wrap: balance;
    }

    .service-card__btn {
        --pb: 12rem;
        --fs: 16rem;
        --mrt: 22rem;
    }

    .modal_bill {
        /* --max-w: 964rem; */
        /* --pb: 65rem; */
    }

    .c-form--modal {
        --gap: 40rem 34rem;
        --mrt: 50rem;
    }

    .c-form--modal,
    .c-form__field--modal {
        grid-template-columns: minmax(0, 230rem) 1fr;
    }

    .modal_reject-form {
        row-gap:30rem;
        margin-block-start: 40rem;
    }

    .c-form__text {
        --fs: 22rem;
    }

    .c-form__submit--modal {
        --max-w: auto;
    }

    /* brief-tab */
    .brief-tab__title,
    .brief__title {
        --fs: 36rem;
    }

    .brief-tab__desc,
    .brief__desc {
        --fs: 22rem;
    }

    .brief-tab__list {
        margin-bottom: 38rem;
        max-width: 495rem;
    }

    .brief-tab__tab {
        padding-block: 22rem;
    }

    .brief__field-input,
    .brief__textarea,
    .brief__field-input.full,
    .brief__textarea.full {
        padding-inline: 32rem;
        min-height: 87rem;
    }

    .brief__textarea,
    .brief__textarea.full {
        min-height: 160rem;
    }

    .checkbox--brief {
        font-size: 18rem;
    }

    .design-cards {
        --item-width: 280rem;
        --gap: 30rem;
    }

    .brand-range__item {
        gap: 2rem 30rem;
    }

    .brand-range__figure {
        max-width: 125rem;
    }

    .brief__group--expectations,
    .brief__group--product,
    .brief__group--services,
    .brief__group--service {
        --mrts: 76rem;
    }

    .brief__field+.brief__title {
        margin-block-start: 68rem;
    }

    .checkbox--package-design {
        margin-block: 59rem;
    }

    .brief__file-loader {
        margin-block-start: 45rem;
    }

    .brief__actions {
        margin-block-start: 30rem;
    }

    .tabbed__section--brief {
        margin-bottom: 0;
    }

    .brief__file-loader {
        --fs: 18rem;
    }

    /* modal */
    .modal_completion-descr:last-of-type {
        margin-block-end: 40rem;
    }

    .hystmodal--stories .hystmodal__window {
        width: 500rem;
    }
}

@media (max-width: 768px) {
    .l-cabinet__title {
        --fs: 43rem;
    }

    .contacts-card__manager-info {
        --fs: 18rem;
    }

    .c-form__captcha {
        --mrb: 0;
        transform: scale(0.77);
        transform-origin: 0 0;
    }
}

@media (max-width:590px) {
    .user-menu__icon-mobile {
        --size: 15rem;
    }

    .user-menu__profile {
        --size: 40rem;
    }

    .user-menu__list {
        --fs: 16rem;
        --w: 173rem;
        --pb: 18rem;
        --br: 10rem;
    }

    .user-menu__link-icon {
        --w: 15rem;
    }

    .header__user-menu .user-menu__profile {
        transform-origin: center right;
        transition: transform .22s ease-in-out;
    }

    .Header.active .user-menu__profile {
        transform: translateX(18rem) scale(.8);
    }

    .l-cabinet {
        padding-block-end: 40rem;
    }

    .l-cabinet__header {
        --mrbs: 26rem;
        flex-direction: column;
        gap: 10rem;
    }

    .l-cabinet__title {
        --fs: 24rem;
        line-height: 1.1;
        letter-spacing: 0.48rem;
    }

    .l-cabinet__title br {
        display: block;
    }

    .l-cabinet__section--stories {
        --mrbs: 36rem;
    }

    .stories-carousel__image {
        height: 100%;
        object-fit: cover;
    }

    .stories-carousel__slide--visited::after {
        --br: 50%;
    }

    .l-cabinet__section--projects {
        --mrbs: 33rem;
    }


    .l-cabinet__section--courses {
        --mrbs: 40rem;
    }

    .l-cabinet__section--help {
        width: 100vw;
        margin-inline-start: calc(-1 * var(--container-offset));
    }

    .project-cards {
        --gap: 15rem;
    }

    .project-card, .project-card--black {
        --pb: 15rem 21rem;
        --pi: 15rem;
        --br:10rem;
    }

    .project-card__btn, .project-card__btn--plus {
        width: 290rem;
        height: 55rem;
        font-size: 16rem;
    }

    .project-card__side {
        display: none;
    }

    .project-card--black img {
        height: 80rem;
        right: unset;
        bottom: 160rem;
        left: 40rem;
    }

    .project-card__btn--plus svg {
        width: 20rem;
        height: 20rem;
    }

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

    .project-card__title {
        --fs: 24rem;
        --mrb: 12rem;
    }

    .project-card__tag {
        --fs: 13rem;
    }

    .project-card__desc {
        line-height: 1.10;
    }

    .project-card__body {
        font-size: 14rem;
        margin-block-end: 15rem;
        row-gap: 15rem;
    }

    .project-card__desc:last-of-type {
        --mrb: 24rem;
    }

    .project-card--bg {
        background-blend-mode: saturation;
        background-size: 0;
    }

    .l-cabinet__section-title {
        --fs: 24rem;
        --mrb: 15rem;
    }

    .l-cabinet__section--contacts {
        --mrbs: 44rem;
        width: 100vw;
        margin-left: -15rem;
    }

    .contacts-card {
        --pb: 42rem;
        --pi: 16rem;
        --br: 30rem;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .contacts-card__manager {
        display: none;
    }

    .contacts-card__title {
        --fs: 24rem;
        --mrb: 18rem;
        line-height: 1.20;
    }

    .c-form__fields:not(.c-form__fields--no-margin) {
        margin-bottom: 20rem;
    }

    .c-form__actions {
        --mrt: 0;
        --gap: 24rem;
    }

    .c-form__input {
        --placeholder: rgb(29 29 29 / 40%);
        padding: 14rem 10rem;
        font-size: 12rem;
        border-radius: 10rem;
    }

    .c-form__input--valid,
    .c-form__input--valid.full,
    .c-form__input--invalid,
    .c-form__input--invalid.full {
        padding-inline-end: 50rem;
        background-position: center right 16rem;
    }


    .iti .c-form__input {
        --pl: clamp(71px, 18vw, 99px)
    }

    .c-form__input::placeholder {
        color: var(--placeholder);
    }

    .c-form__input::-webkit-input-placeholder {
        color: var(--placeholder);
    }

    .c-form__input::-moz-placeholder {
        color: var(--placeholder);
    }

    .c-form__input:-ms-input-placeholder {
        color: var(--placeholder);
    }

    .c-form__input:-moz-placeholder {
        color: var(--placeholder);
    }

    .iti__selected-flag {
        --pl: 27rem;
    }

    .c-form__agreement {
        --fs: 14rem;
        --gap: 11rem;
        order: -1;
    }

    .c-form__captcha,
    .auth-form__captcha {
        transform: revert;
        align-self: flex-start;
        outline: 1px solid #575757;
        outline-offset: -2px;
    }

    .c-form__captcha>div,
    .c-form__captcha>div iframe,
    .auth-form__captcha>div,
    .auth-form__captcha>div iframe {
        width: 100% !important;
        display: block;
    }

    .c-cards {
        --gap: 40rem;
    }

    .c-card__figure {
        --mrb: 12rem;
        border-radius: 8rem;
    }

    .c-card__link {
        --fs: 15rem;
        line-height: 1.38;
    }

    .Footer--cabinet .Footer_TopNav {
        margin-left: auto;
    }

    /* create project */
    .l-cabinet__header--create {
        --mrbs: 20rem;
    }

    .l-cabinet__input {
        border-radius: 10rem;
        font-size: 12rem;
        padding-block: 14rem;
        padding-inline: 10rem;
    }

    .l-cabinet__edit-name {
        margin-top: 20rem;
    }

    .l-cabinet__title--end {
        --mrb: 0;
    }

    .tabbed__tablist {
    display: contents;
    }

    .tabbed__item {
        flex: auto;
        width: 100%;
    }

    .tabbed__item + .tabbed__item {
        margin-block-start:-8rem;
    }

    .tabbed__tab {
        --fs: 12rem;
        min-height: 33rem;
        margin-inline: 9rem;
    }

    .tabbed__tab::before {
        width:28rem;
    }

    .tabbed__item:not(:has(~ .tabbed__item .tabbed__tab[aria-selected="true"])) ~ .tabbed__item {
        order:2;
        opacity:.5;
    }

    .create-project__box--grid {
        padding: 0;
        background-color: transparent;
        --br: 0;
        display: flex;
        flex-direction: column;
    }

    .create-project__title {
        --fs: 20rem;
        margin-block-end: 20rem;
    }

    .create-project__title--dashed {
        --mrb: 18rem;
        text-decoration: none;
        order: -1;
    }

    .create-project__step-title {
        --fs: 16rem;
        --mrb: 0;
        margin-block-end: 6rem;
    }

    .create-project__step-subtitle {
        --fs: 16rem;
        --mrb: 40rem
    }

    .create-project__step-title--above-block {
        font-size: 22rem;
        padding-inline: 15rem;
        margin-top: 40rem;
    }

    .create-project__step-subtitle--above-block {
        font-size: 16rem;
        padding-inline: 15rem;
        margin-bottom: 0;
    }

    .create-project__step-desc {
        font-size:12rem;
        margin-block-end:17rem;
    }

    .create-project__info {
        --fs: 14rem;
        color: currentColor;
        margin-bottom: 20rem;
    }

    .create-project__info::before,
    .create-project__info::after {
        display: none;
    }

    .checkbox {
        --size: 3rem;
        --gap: 14rem;
        border-radius: 5rem;
        padding: 10rem;
    }

    .checkbox__label-text {
        --fs: 12rem;
    }

    .create-project__checkbox-list {
        --mrb: 26rem;
    }

    .create-project__actions {
        --mrt: 18rem;
        --gap: 10rem;
    }

    .create-project__box, .create-project__box--gray {
        --pb: 27rem 39rem;
        --pi: 13rem;
        --br: 35rem;
    }

    .create-project__box {
        border-radius:10rem;
        padding-block:15rem 17rem;
        padding-inline: 11rem;
        row-gap: 26rem;
        margin-block-end: 9rem;
    }

    .create-project__box--sm-gap {
        row-gap:20rem;
    }

    .create-project__box--sm-gap .create-project__actions {
        margin-block-start:0;
    }

    .create-project__box--gray {
        margin-top: 40rem;
        margin-bottom: 60rem;
    }

    .create-project__service-number {
        --size: 28rem;
        --fs: 8rem;
    }

    .create-project__header {
        --mrb: 18rem;
        --gap: 8rem;
        grid-template-columns: [number] min-content [title] 1fr [status] max-content;
        grid-template-rows: [top] auto [center] auto 12rem [bottom] auto 12rem auto;
    }

    .create-project__service-name {
        --fs: 8rem;
    }

    .create-project__status {
        --fs: 10rem;
        grid-row: -1;
        grid-column: 1/-1;
    }

    .create-project__desc {
        --fs: 14rem;
    }

    .c-tabs {
        --br: 6rem;
    }

    .c-tabs__list {
        --gap: 12rem;
    }

    .c-tabs__item:first-child,
    .c-tabs__item:nth-child(2) {
        flex-grow: auto;
    }

    .c-tabs__tab {
        --fs: 8rem;
        --pb: 5rem;
        --pi: 9rem;
    }

    .c-tabs__tab[aria-selected="true"]::after {
        border-bottom-left-radius: var(--blr, 6rem);
        width: var(--after-size, 20rem);
        height: var(--after-size, 20rem);
    }

    .c-tabs__tab[aria-selected="true"]::before {
        -webkit-mask-image: radial-gradient(ellipse 75rem 73rem at var(--horizontal-offset, -15rem) center, #0000 31rem, #000 32rem);
    }

    .c-tabs__tabpanel {
        --min-h: 70rem;
        --pi: 13rem;
        --pb: 21rem 22rem;
    }

    .c-tabs__tabpanel--empty {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .c-tabs__title {
        --fs: 8rem;
    }

    .c-tabs__tabpanel--grid {
        grid-template-columns: 1fr;
        gap: 12rem;
    }

    .c-tabs__actions {
        margin-block-start: 16rem;
        gap: 20rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .c-tabs__actions-icon {
        --w: 16rem;
        --h: 16rem;
    }

    .c-tabs__actions-link {
        font-size: 14rem;
        gap: 8rem;
    }

    .attachments,
    .file-loader__files {
        --fs: 12rem;
        gap: 12rem;
    }

    .attachment,
    .file-loader__file-name {
        gap: 10rem;
        --fs: 12rem;
    }

    .file-loader__size {
        font-size: 10rem;
    }
    
    .attachment[href$=".pdf"]::before,
    .attachment[href$=".PDF"]::before,
    .file-loader__file-name[data-type="pdf"]::before,
    .file-loader__file-name[data-type="PDF"]::before {
        --size: 13rem;
    }

    .create-project__payment {
        --mrtt: 24rem;
        display: flex;
        flex-direction: column;
    }

    .create-project__payment-title {
        margin-block-end: 14rem;
        text-align: center;
    }

    .create-project__payment-actions {
        gap: 12rem;
        --mrb: 18rem;
    }

    .create-project__payment-online,
    .create-project__payment-bill {
        --fs: 14rem;
    }

    .create-project__payment-agreement,
    .c-agreement {
        --fs: 14rem;
        --gap: 8rem;
    }

    .create-project__payment-agreement::before,
    .c-agreement::before {
        transform: scale(0.8);
    }

    .service-cards {
        --gap: 10rem;
        --item-width: 120rem;
    }
    
    .service-card {
        --pb: 10rem 11rem;
        --pi: 10rem;
        --br: 20rem;
    }

    .service-card__title {
        --fs: 12rem;
        --mrb: 10rem;
    }

    .service-card__figure {
        max-width: 106rem;
    }

    .service-card__btn {
        --pb: 12rem;
        --fs: 12rem;
        --mrt: 12rem;
    }

    .tabbed__item:last-of-type {
        margin-block-end: 8rem;
    }

    .modal_bill {
        padding-block: 30rem;
        padding-inline: var(--container-offset);
        width: 100%;
    }

    .c-form--modal {
        display: flex;
        flex-direction: column;
        --gap: 35rem;
        --mrt: 35rem;
        width: 100%;
    }

    .modal_reject-form {
        row-gap: 20rem;
        margin-block-start: 20rem;
    }

    .c-form__fields--modal {
        gap: 20rem;
    }

    .c-form__field--modal {
        grid-template-columns: 1fr;
        gap: 12rem;
    }

    .c-form__text {
        --fs: 12rem;
    }

    /* fileloader */
    .file-loader {
        --fs: 12rem;
        --gap: 0;
    }

    .file-loader--added {
        gap: 16rem;
    }

    .file-loader__label {
        --gap: 10rem;
        font-size: 16rem;
    }

    .file-loader__input-wrapper {
        flex-direction: column;
        align-items: flex-start;
        padding-inline-start: 0;
    }

    .file-loader__file-delete {
        padding: 0;
    }

    .file-loader__submit-button {
        margin-block: 0 8rem;
        align-self: flex-start;
        width: auto;
        min-width: auto;
        padding-block: 10rem;
        padding-inline: 24rem;
        font-weight: 400;
        font-size: 14rem;
    }

    /* brief-tab */
    .brief-tab__title,
    .brief__title {
        --fs: 22rem;
        margin-block-end: 18rem;
    }

    .brief-tab__desc,
    .brief__desc {
        --fs: 16rem;
    }

    .brief-tab__desc {
        margin-block-end: 25rem;
    }

    .brief-tab__tab {
        padding-block: 10rem;
        font-size: 16rem;
    }

    .brief__field-list--offset {
        margin-block-start: 37rem;
        gap: 30rem;
    }

    .brief__field--title {
        margin-block-end: 24rem;
    }

    .brief__group+.brief__group {
        margin-block-start: 30rem;
    }

    .brief__group:is(.brief__group--range) {
        margin-block-start: 37rem;
    }

    .brief__group:is(.brief__group--goals) {
        margin-block-start: 44rem;
    }

    .brief__design-cards {
        margin-block-start: 18rem;
    }

    .design-cards {
        --item-width: 140rem;
        --gap: 10rem;
    }

    .design-card__input:checked~.design-card__img {
        box-shadow: 0 0 0 3rem #ff4d16;
    }

    .brief__brand-range {
        margin-block-start: 37rem;
    }

    .brand-range {
        gap: 36rem;
        width: 290rem;
    }

    .brand-range__item {
        grid-template-columns: max-content max-content;
        grid-template-rows: [logo] max-content [range] max-content [datalist] max-content;
        justify-content: space-between;
        gap: 20rem;
    }

    .brand-range__figure {
        max-width: 110rem;
        grid-row: logo;
    }

    .brand-range__input {
        --thumb-size: 30rem;
        --track-height: 8rem;
        grid-column: 1/-1;
        grid-row: range;
    }

    .brand-range__datalist {
        display: grid;
        grid-template-columns: min-content min-content;
        grid-column: 1/-1;
        grid-row: datalist;
        font-size: 16rem;
    }

    .brand-range__datalist option {
        white-space: break-spaces;
    }

    .brief__checkbox-list {
        margin-block-start: 20rem;
    }

    .brief__field-input,
    .brief__field-input.full {
        min-height: 64rem;
        font-size: 18rem;
        padding-inline: 22rem;
    }

    .brief__textarea,
    .brief__textarea.full {
        min-height: 80rem;
        padding-inline: 22rem;
        font-size: 18rem;
    }

    .brief__field+.brief__title {
        margin-block-start: 30rem;
    }

    .checkbox--package-design {
        margin-block: 30rem;
    }

    .brief__desc+.brief__field {
        margin-block-start: 20rem;
    }

    .brief__file-loader {
        margin-block-start: 30rem;
        --gapl: 20rem;
        gap: 12rem;
    }

    .brief__actions {
        margin-block-start: 20rem;
        row-gap: 20rem;
    }

    .c-tabs__list--completion {
        --gap: 5rem;
        --blr: 4rem;
        --horizontal-offset: -13rem;
        --pie: 14rem;
        --after-size: 12rem;
    }

    .c-tabs__tab {
        max-width: 137rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .c-tabs__list--completion .c-tabs__tab {
        max-width: 85rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    /* modal */
    .modal_completion-descr:first-of-type {
        margin-top: 10rem;
    }

    .modal_completion-descr {
        font-size: 16rem;
    }

    .modal_completion-descr:last-of-type {
        margin-block-end: 31rem;
    }

    .full-width-on-mobile {
        width: 100vw;
        margin-left: -15rem;
    }

    /* profile-card */
    .profile-card {
        --pi: 15rem;
        --pb: 29rem;
        display: flex;
        flex-direction: column;
        gap: 22rem;
    }

    .profile-card__tablist {
        font-size: 11rem;
    }

    .profile-card__tabs {
        row-gap: 40rem;
    }

    .profile-card__tab {
        padding-block: 10rem;
        padding-inline: 10rem;
    }

    .profile-card__form--profile {
        display: flex;
        flex-direction: column;
        gap: 30rem;
    }

    .c-form__fields--profile {
        margin-block-end: 0;
    }

    .user-profile--profile {
        display: none;
    }

    .c-avatar {
        --size: 140rem;
    }

    .c-avatar__file-loader,
    .c-avatar__cropper-btn {
        --size: 40rem;
        --unit: 14rem;
    }

    .c-avatar__cropper-btn-icon {
        --w: 15rem;
        --h: 14rem;
    }

    .c-form--requisites {
        row-gap: 30rem;
    }

    .c-form__requirement {
        font-size: 14rem;
    }

    .c-form__requirement br {
        display: none;
    }

    .c-form__field--requisites {
        row-gap: 12rem;
    }

    .c-form__fields--requisites {
        gap: 16rem;
        margin-block-end: 0;
    }

    .c-form--requisites,
    .c-form__field--requisites {
        display: flex;
        flex-direction: column;
    }

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

    /* modal */
    .hystmodal--stories .hystmodal__window {
        margin: 0;
        width: 300rem;
    }

    .hystmodal--stories .hystmodal__close {
        display: none;
    }
}