.os-details-comments{z-index:22;position:absolute;top:0;right:0;bottom:0;width:420px;transition:.3s;transform:translate(420px);border-left:1px solid #f4f4f4;background-color:#fff}.os-details-comments.is-active{transform:translate(0)}.os-details-comments .close-comments{z-index:10;position:absolute;top:calc(50% - 20px);left:-11px;transition:.3s;transform:rotate(-180deg)}.os-details-comments .close-comments:hover{opacity:.8}.os-details-comments .send-comment{height:130px;min-height:130px;padding:10px;display:flex;gap:10px;flex-direction:column;align-items:flex-end}.os-details-comments .send-comment .send-text{width:100%;display:flex;gap:10px;align-items:center}.os-details-comments .send-comment .send-text .send-comment-avatar{width:32px;height:32px;border-radius:50%}.os-details-comments .details-comments-list{z-index:2;position:relative}.os-details-comments .details-comments-list ul{width:100%;padding:12px;display:flex;gap:12px;flex-direction:column}.os-details-comments .details-comments-list ul li{width:100%;display:flex;gap:10px;flex-direction:column;list-style-type:none}.os-details-comments .details-comments-list ul li ul{padding:6px 0;padding-inline-start:42px}.os-details-comments .details-comments-list ul li .comment-data{display:flex;gap:10px}.os-details-comments .details-comments-list ul li .comment-data .comment-avatar{width:32px;height:32px;transition:.3s;border-radius:50%}.os-details-comments .details-comments-list ul li .comment-data .comment-avatar:hover{opacity:.8}.os-details-comments .details-comments-list ul li .comment-data .comment-details{width:100%;display:flex;gap:6px;flex-direction:column}.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-user{opacity:.88;display:flex;align-items:center}.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-user .comment-user-name{display:flex;gap:2px;align-items:center;font-size:13px;transition:.3s;white-space:nowrap}.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-user .comment-user-name:hover{color:var(--os-theme)}.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-user .comment-user-name img{width:12px}.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-user .comment-user-location{opacity:.88;display:flex;gap:10px;align-items:center;font-size:12px;white-space:nowrap;margin-inline-start:10px}.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-user .comment-user-location time{white-space:nowrap}.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-content{line-height:22px}.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-controls{opacity:.88;display:flex;gap:10px;align-items:center}.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-controls .comment-like,.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-controls .comment-reply{display:flex;align-items:center;font-size:12px;transition:.3s}.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-controls .comment-like path,.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-controls .comment-reply path{transition:.3s}.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-controls .comment-like.is-active,.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-controls .comment-reply.is-active{color:var(--os-danger)}.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-controls .comment-like.is-active path,.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-controls .comment-reply.is-active path{fill:var(--os-danger)}.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-controls .comment-like:hover,.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-controls .comment-reply:hover{color:var(--os-theme)}.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-controls .comment-like:hover path,.os-details-comments .details-comments-list ul li .comment-data .comment-details .comment-controls .comment-reply:hover path{fill:var(--os-theme)}.os-details-comments .details-comments-list ul li .comment-save{width:100%;padding-inline-start:42px}.os-details-comments .details-comments-list ul li .comment-more{opacity:.88;display:flex;gap:10px;align-items:center}.os-details-comments .details-comments-list ul li .comment-more .comment-expand{position:relative;font-size:12px;display:flex;align-items:center;transition:.3s;padding-inline-end:2px;padding-inline-start:22px}.os-details-comments .details-comments-list ul li .comment-more .comment-expand:hover{color:var(--os-theme)}.os-details-comments .details-comments-list ul li .comment-more .comment-expand:after{opacity:.4;position:absolute;content:"";right:-20px;width:20px;height:1px;background-color:var(--os-text-color)}.os-details-comments .details-comments-list ul li .comment-more .comment-expand:before{opacity:.4;position:absolute;content:"";left:0;width:20px;height:1px;background-color:var(--os-text-color)}.os-details-comments .comments-list-operation{z-index:10;position:absolute;top:40%;right:10px;transition:.3s;display:flex;gap:10px;flex-direction:column}.os-details-comments .comments-list-operation svg{opacity:.9;transition:.3s}.os-details-comments .comments-list-operation svg.is-bottom{transform:rotate(180deg)}.os-details-comments .comments-list-operation svg.is-active{opacity:.4;pointer-events:none}.os-details-comments .comments-list-operation svg.is-active:hover{fill:currentColor;color:currentColor}.os-details-comments .comments-list-operation svg:hover{fill:var(--os-theme);color:var(--os-theme)}.os-details-comments .details-comments-empty{display:flex;flex-direction:column;align-items:center}.os-details-comments .details-comments-empty p{opacity:.8}