:root{--large-container-max-width:1920px;--container-max-width:1240px;--container-padding:96px;--container-padding-redesign:64px;--project-max-width:812px;--project-margin-right:340px;--header-height:84px}@media screen and (max-width:1400px){:root{--container-padding:64px;--project-max-width:750px}}@media screen and (max-width:1100px){:root{--project-margin-right:0}}@media screen and (max-width:992px){:root{--container-padding:48px;--container-padding-redesign:48px;--project-max-width:646px;--project-margin-right:0}}@media screen and (max-width:768px){:root{--container-padding:8px;--container-padding-redesign:20px;--project-margin-right:0}}.project-card{background-color:var(--color-white);border:1px solid var(--ui-border);border-radius:16px;display:flex;flex-direction:column;max-height:380px;min-width:0;overflow:hidden;padding-bottom:109px;position:relative;width:100%}.project-card:hover .project-card__data{transform:translateY(-100px)}.project-card__gallery{border-radius:var(--border-radius-default);height:100%;max-height:294px;position:relative;width:100%}.project-card__handover{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#ffffffad;border-radius:2px;color:var(--ui-text-base);font-size:14px;font-weight:600;line-height:150%;padding:4px 6px}.project-card__right-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;left:9px;position:absolute;right:9px;top:9px;z-index:2}.project-card__divider{background:var(--ui-border);margin:12px 0}.project-card__right-flex{display:flex;flex-grow:1;gap:2px;justify-content:flex-end}.project-card button{align-items:center;background:#ffffffad;border:2px solid hsla(0,0%,100%,.15);border-radius:var(--border-radius-default);color:var(--color-primary);cursor:pointer;display:flex;height:40px;justify-content:center;line-height:1;padding:0;width:40px}.project-card button.like-active{background-color:var(--color-purple);border:2px solid #876ff1;color:var(--color-white)}.project-card button:hover{box-shadow:0 4px 24px #2727263d}.project-card__buttons{display:flex;gap:2px}.project-card__pagination{align-items:center;bottom:12px;-moz-column-gap:6px;column-gap:6px;display:flex;left:50%;margin:0;position:absolute;transform:translate(-50%);z-index:2}.project-card__pagination-button{background-color:var(--text-color);border-radius:50%;height:4px;opacity:.5;width:4px}.project-card__pagination-button_active{height:6px;opacity:1;width:6px}.project-card__data{background-color:var(--color-white);border-radius:8px;display:flex;flex-direction:column;padding:12px;position:absolute;top:214px;transition:.3s linear;width:100%;z-index:10}.project-card__title{color:var(--primary-color);font-size:18px;font-style:normal;font-weight:500;line-height:28px;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card__price{color:var(--primary-color);flex-direction:row;flex-wrap:wrap;font-size:14px;font-weight:400;gap:4px;line-height:150%}.project-card__info,.project-card__price{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.project-card__info{gap:10px}.project-card__info-img{border-radius:4px;flex-shrink:0;max-width:50px;overflow:hidden;width:100%}.project-card__info-text{flex-grow:1;min-width:0}.project-card__bold{font-weight:600}.project-card__price-badge{background:#272726;border-radius:4px;color:#fff;padding:2px 4px}.project-card__developer{color:var(--text-secondary);font-size:18px;font-weight:400;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card__container{border-radius:var(--border-radius-default);height:214px;overflow:hidden;position:relative;width:100%}.project-card__img{height:100%;transition:transform .3s ease-in-out;width:100%}.project-card__img_hovered{transform:scale(1.1)}.project-card__mouse-over{bottom:0;display:flex;height:80%;left:0;position:absolute;right:0;z-index:2}.project-card__wrapper{display:flex;flex-direction:column}.project-card_redesign .project-card__container,.project-card_redesign .project-card__gallery{border-radius:16px}@media (max-width:780px){.project-card__developer{font-size:16px}}
