.Project{display:flex;cursor:pointer;flex-direction:column;justify-content:space-between;gap:1.5rem;border-radius:1rem;border-width:1px;background-color:hsla(var(--black-150));background-image:var(--ava-project-card-background);background-size:100% 100px;background-repeat:no-repeat;padding:1rem}.Project:hover{border-color:hsla(var(--ava-red-full));--tw-shadow:var(--ava-project-card-shadow);--tw-shadow-colored:var(--ava-project-card-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.Project{border-color:transparent}.Project.--light{background-color:hsla(var(--white-0))!important;--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.Project.--light:hover{border-width:0!important}.Project.--light{background-image:none}.Project.--light .Project__footer__item span:nth-child(2),.Project.--light .Project__header__content>h3{color:hsla(var(--black-0))!important}.Project__header{display:flex;flex-direction:column;gap:1rem}.Project__header__content{display:flex;flex-direction:column}.Project__header__content h3{margin:0;font-size:1rem;line-height:1.5rem;font-weight:500}.Project__header__content p{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;color:hsla(var(--white-200))}.Project__footer{display:flex;align-items:center;justify-content:space-between}.Project__footer__start{display:flex;align-items:center;gap:1rem}.Project__footer__item{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.Project__footer__item span:first-child{font-size:12px;color:hsla(var(--white-200))}.Project__footer__item span:nth-child(2){font-size:.75rem;line-height:1rem;color:hsla(var(--white-0))}.Project__button{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-color:hsla(var(--ava-red-full));fill:hsla(var(--ava-red-full));color:hsla(var(--ava-red-full))}.group:hover .Project__button{background-color:hsla(var(--ava-red-full));color:hsla(var(--white-0))}.Project__button{background:linear-gradient(90deg,rgba(232,65,66,.24),rgba(130,36,37,.24))}.Project:hover .Project__button{background-color:hsla(var(--ava-red-full));color:hsla(var(--white-0))}.Project:hover .Project__button svg path{fill:#fff}