.card-main{background:var(--color-surface);border:1px solid var(--color-gray-9);border-radius:8px;flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.card-main:hover,.card-main:focus-visible,.card-main:focus{outline:1px solid var(--color-primary-hover);outline-offset:-1px}.card-main__gradient{min-height:100%;max-height:216px;display:flex}.card-main__info{flex-direction:column;justify-content:space-between;height:100%;display:flex}.card-main__img-tags{width:100%;display:flex}.card-main__img-tag-icon-done *{fill:var(--color-white)}.card-main__img-tag-category{margin-left:auto}.card-main__title{-webkit-line-clamp:4;line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-bottom:8px;display:-webkit-box;overflow:hidden}.card-main__text{overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;line-height:var(--line-height-14);font-weight:var(--weight-regular);color:rgba(var(--color-white-rgb)/70%);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-main__line{visibility:hidden;opacity:0;display:none}.card-main__bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-main__btn{visibility:hidden;opacity:0;flex-shrink:0;width:auto;display:none}@media (hover:hover) and (pointer:fine){.card-main--withBtn:hover .card-main__text{display:none}.card-main--withBtn:hover .card-main__line{visibility:visible;opacity:1;display:block}.card-main--withBtn:hover .card-main__btn{visibility:visible;opacity:1;width:100%;display:flex}}@media (hover:none),(pointer:coarse){.card-main--withBtn .card-main__line{visibility:visible;opacity:1;display:block}.card-main--withBtn .card-main__btn{visibility:visible;opacity:1;display:flex}}.card-main--big .card-main__gradient{max-height:268px}