.KsProjectCard{--font-color-light:rgb(var(--primary-gray-rgb));--bg-color-light:rgb(var(--primary-white-rgb));--hover-bg-color-light:rgba(var(--primary-gray-rgb),0.04);--border-color-light:rgba(var(--primary-gray-rgb),0.08);--active-bg-color-light:rgba(var(--primary-blue-rgb),0.1);--active-border-color-light:rgba(var(--primary-blue-rgb),0.3);--font-color-dark:rgb(var(--primary-white-rgb));--bg-color-dark:rgb(var(--primary-gray-rgb));--hover-bg-color-dark:rgba(var(--primary-white-rgb),0.04);--border-color-dark:rgba(var(--primary-white-rgb),0.12);--active-bg-color-dark:rgba(var(--primary-blue-rgb),0.2);--active-border-color-dark:rgba(var(--primary-blue-rgb),0.4);box-sizing:border-box;width:var(--list-card-width);height:114px;border-radius:8px;transition:background .3s,border-color .3s}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsProjectCard{background:var(--bg-color-dark)}}:where(html.is-dark) .KsProjectCard{background:var(--bg-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsProjectCard{background:var(--bg-color-light)}}:where(html.is-light) .KsProjectCard{background:var(--bg-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsProjectCard{border:1px solid var(--border-color-dark)}}:where(html.is-dark) .KsProjectCard{border:1px solid var(--border-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsProjectCard{border:1px solid var(--border-color-light)}}:where(html.is-light) .KsProjectCard{border:1px solid var(--border-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsProjectCard:hover{background:var(--hover-bg-color-dark)}}:where(html.is-dark) .KsProjectCard:hover{background:var(--hover-bg-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsProjectCard:hover{background:var(--hover-bg-color-light)}}:where(html.is-light) .KsProjectCard:hover{background:var(--hover-bg-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsProjectCard.isActive{border-color:var(--active-border-color-dark)}}:where(html.is-dark) .KsProjectCard.isActive{border-color:var(--active-border-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsProjectCard.isActive{border-color:var(--active-border-color-light)}}:where(html.is-light) .KsProjectCard.isActive{border-color:var(--active-border-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsProjectCard.isActive{background:var(--active-bg-color-dark)}}:where(html.is-dark) .KsProjectCard.isActive{background:var(--active-bg-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsProjectCard.isActive{background:var(--active-bg-color-light)}}:where(html.is-light) .KsProjectCard.isActive{background:var(--active-bg-color-light)}.KsProjectCard__inner{display:flex;height:100%;width:100%;cursor:pointer;align-items:center;padding:12px;gap:12px}.KsProjectCard__cover{height:100%;flex-shrink:0;flex-grow:0;background-size:cover;background-position:50%;background-repeat:no-repeat;width:120px;border-radius:4px}.KsProjectCard__main{display:flex;height:100%;flex:1 1 0%;flex-direction:column;justify-content:space-between;overflow:hidden;gap:4px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsProjectCard__main{color:var(--font-color-dark)}}:where(html.is-dark) .KsProjectCard__main{color:var(--font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsProjectCard__main{color:var(--font-color-light)}}:where(html.is-light) .KsProjectCard__main{color:var(--font-color-light)}.KsProjectCard__content{display:flex;flex-direction:column;gap:4px}.KsProjectCard__title,.KsProjectCard__title-input{width:100%;-webkit-user-select:text;-moz-user-select:text;user-select:text;font-weight:400;font-style:normal;font-size:14px;line-height:21px}.KsProjectCard__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:42px}.KsProjectCard__title-input{overflow:hidden;white-space:nowrap;background-color:transparent;height:21px;border:0}.KsProjectCard__description{width:100%;overflow:hidden;font-weight:400;font-style:normal;font-size:12px;line-height:150%}.KsProjectCard__description p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.4}.KsProjectCard__author{display:flex;width:100%;align-items:center;gap:6px}.KsProjectCard__author i{flex-shrink:0;flex-grow:0;background-size:cover;background-position:50%;background-repeat:no-repeat;width:16px;height:16px;border-radius:50%}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsProjectCard__author i{border:.5px solid var(--border-color-dark)}}:where(html.is-dark) .KsProjectCard__author i{border:.5px solid var(--border-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsProjectCard__author i{border:.5px solid var(--border-color-light)}}:where(html.is-light) .KsProjectCard__author i{border:.5px solid var(--border-color-light)}.KsProjectCard__author p{flex:1 1 0%}.KsProjectCard__status{display:flex;flex-shrink:1;flex-grow:1;align-items:center;gap:6px}.KsProjectCard__status-favorite{width:16px;height:16px;color:rgb(var(--primary-yellow-rgb))}.KsProjectCard__status-favorite svg{height:100%;width:100%}.KsProjectCard__status-tag{display:flex;align-items:center;padding:0 6px;height:18px;border-radius:4px;font-weight:400;font-style:normal;font-size:9px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsProjectCard__status-tag{background:var(--hover-bg-color-dark)}}:where(html.is-dark) .KsProjectCard__status-tag{background:var(--hover-bg-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsProjectCard__status-tag{background:var(--hover-bg-color-light)}}:where(html.is-light) .KsProjectCard__status-tag{background:var(--hover-bg-color-light)}.KsProjectCard__status-tag span{opacity:.6}.KsProjectCard__status-tag-beta{padding:2px 6px;border-radius:4px;background:var(--yellow,#ffcc5d);color:#202020}.KsProjectCard__status-tag-beta,.KsProjectCard__status-version{display:flex;align-items:center;font-family:Poppins;font-size:9px;font-style:normal;font-weight:400;line-height:150%}.KsProjectCard__status-version{padding:1px 4px;border-radius:2px;opacity:.6}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsProjectCard__status-version{color:hsla(0,0%,100%,.4)}}:where(html.is-dark) .KsProjectCard__status-version{color:hsla(0,0%,100%,.4)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsProjectCard__status-version{color:rgba(32,32,32,.4)}}:where(html.is-light) .KsProjectCard__status-version{color:rgba(32,32,32,.4)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsProjectCard__status-version{background:hsla(0,0%,100%,.08)}}:where(html.is-dark) .KsProjectCard__status-version{background:hsla(0,0%,100%,.08)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsProjectCard__status-version{background:hsla(0,0%,50%,.08)}}:where(html.is-light) .KsProjectCard__status-version{background:hsla(0,0%,50%,.08)}.KsProjectCard__status-beta{padding:2px 6px;background:var(--yellow,#ffcc5d);color:#202020;font-family:Poppins;font-size:9px;font-style:normal;font-weight:400;line-height:150%}.KsProjectCard__more,.KsProjectCard__status-beta{display:flex;align-items:center;border-radius:4px}.KsProjectCard__more{flex-shrink:0;flex-grow:0;justify-content:center;opacity:0;width:20px;height:20px;transition:opacity .3s}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsProjectCard__more{color:var(--font-color-dark)}}:where(html.is-dark) .KsProjectCard__more{color:var(--font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsProjectCard__more{color:var(--font-color-light)}}:where(html.is-light) .KsProjectCard__more{color:var(--font-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsProjectCard__more{background:var(--hover-bg-color-dark)}}:where(html.is-dark) .KsProjectCard__more{background:var(--hover-bg-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsProjectCard__more{background:var(--hover-bg-color-light)}}:where(html.is-light) .KsProjectCard__more{background:var(--hover-bg-color-light)}.KsProjectCard__more svg{width:16px;height:16px;opacity:.6}.KsProjectCard.isActive .KsProjectCard__more,.KsProjectCard:hover .KsProjectCard__more{opacity:1}