.compOnMain{text-decoration:none;display:flex;align-items:center;gap:20px}.compOnMain .description{-webkit-line-clamp:2}.compOnMain .num{margin-bottom:14px}.compOnMain .imges{display:flex;flex-direction:row}.compOnMain img{width:120px;height:auto;border-radius:10px;border:3px solid var(--bg-color);z-index:2;rotate:-2deg}.compOnMain img:nth-child(2){rotate:2deg;margin-left:-90px;transform:scale(.95);z-index:1}.compOnMain .compName{color:var(--text-color);font-size:18px;font-weight:500;margin-bottom:5px;line-height:1.4em;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2}.compOnMain:hover .compName{text-decoration:underline}.compOnMain .description{color:var(--grey);line-height:1.4em;margin-bottom:10px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.compOnMain .num{color:var(--grey);font-size:15px;display:flex;align-items:center;white-space:nowrap}.compOnMain .num span{display:inline-block;background-color:var(--grey);border-radius:50%;min-height:3px;min-width:3px;margin:1px 6px 0}@media (max-width:550px){.compOnMain{gap:10px}.compOnMain .compName{font-size:14px;margin-bottom:8px}.compOnMain .description,.compOnMain .num{font-size:12px}.compOnMain img{width:90px}.compOnMain img:nth-child(2){margin-left:-75px}.compOnMain .num span{min-height:2px;min-width:2px;margin:1px 4px 0}}