@layer pages{#comments-page{flex-wrap:wrap;gap:12px;width:100%;min-height:100px;margin-top:1.5rem;display:flex}#comments-page .comment-card{border:var(--style-border);cursor:pointer;width:calc(25% - 9px);box-shadow:var(--heo-shadow-border);background:var(--heo-card-bg);border-radius:12px;padding:14px;transition:all .3s;position:relative;overflow:hidden}span.isBlogger{background:var(--heo-main);color:#fff;letter-spacing:1px;border-radius:3px;margin-left:5px;padding:3px 4px 4px 4.5px;font-size:13px;font-weight:400;line-height:1;display:inline-flex}@media screen and (width<=900px){#comments-page .comment-card{width:calc(50% - 6px)}}@media screen and (width<=768px){#comments-page .comment-card{width:100%}}#comments-page .comment-card:hover{border-color:var(--heo-main)}#comments-page .comment-card:hover .comment-article{opacity:1;top:0}#comments-page .comment-card .comment-info{border-bottom:1px dashed var(--hr-border);align-items:center;margin-bottom:8px;padding-bottom:14px;display:flex}#comments-page .comment-card .comment-info img{object-fit:cover;border-radius:50%;width:50px;height:50px;margin:0}#comments-page .comment-card .comment-info .comment-information{flex-direction:column;margin-left:12px;line-height:1.5;display:flex}#comments-page .comment-card .comment-info .comment-information .comment-user{align-items:center;font-size:15px;font-weight:700;display:flex}#comments-page .comment-card .comment-info .comment-information .comment-author:after{content:"";color:#fdc22d;padding-top:5px;padding-left:6px;font-family:"Font Awesome 6 Free";font-size:14px}[data-theme=dark] #comments-page .comment-card .comment-info .comment-information .comment-author:after{color:var(--heo-main)}#comments-page .comment-card .comment-info .comment-information .comment-time{opacity:.8;font-size:15px}#comments-page .comment-card .comment-info .comment-content{margin:8px 5px 0}.comment-article,.comment-content{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400;line-height:1.7;transition:all .3s;display:-webkit-box;overflow:hidden}.comment-article{z-index:1;background:var(--heo-main);width:100%;height:100%;color:var(--heo-card-bg);opacity:0;text-align:center;justify-content:center;align-items:center;margin:0;padding:1rem;display:flex;position:absolute;top:0;left:0}}