.article-comments{border:1px solid var(--color-border);border-radius:var(--br);margin-top:var(--large);padding:var(--medium)}.article-comments a.agBtnSort,.article-comments span.agCommentVotes,.article-comments a.agBtnDownvote,.article-comments a.agBtnUpvote,.article-comments input.agCommentFormHeader,.article-comments .agBtnReply,.article-comments .agBtnMore{display:none !important}.article-comments .agCommentForm:before{content:"Kommentoi juttua";font-size:var(--font-medium);margin-bottom:var(--large);display:block;font-family:var(--ff2);font-weight:bold;color:var(--color-bw)}.article-comments:not(:has(.agCommentForm)) .agCommentWrapper>.agComments:has(.agCommentWrap)::before{content:"Kommentointi on päättynyt";font-size:var(--font-large);margin-bottom:var(--large);display:block;font-family:var(--ff2);display:none}.article-comments a{outline:0;padding:var(--small);background:transparent;border-radius:4px;border:1px solid var(--color1);color:var(--color1);font-family:var(--ff2);font-size:var(--font-small)}.article-comments a:hover{background:none}.article-comments .comments-title p{margin:0;font-family:var(--ff2)}.article-comments span.agCharLimit{margin-top:-16px}.article-comments .agCommentHeader{display:none}.article-comments .agReplyAmount,.article-comments span,.article-comments .agCommentText,.article-comments .agThankYouBox{font-style:normal;font-family:var(--ff2)}.article-comments .agCommentText{font-size:14px}.article-comments .agReplyAmount{margin-right:var(--small)}.article-comments .agComment{width:100%;border:0;background:0;padding:0.5em 0;margin:0}.article-comments .agComment.agCommentBox{width:100%;padding-top:var(--medium);margin-top:var(--medium)}.article-comments .agComment a{position:relative;border:transparent;color:transparent;padding-left:0;padding-right:0;margin:0}.article-comments .agComment a:before{content:"";position:absolute;width:15px;height:15px;background-repeat:no-repeat;top:0;left:0;right:0;margin:auto;bottom:0}.article-comments .agComment a.agBtnReply:before{background-image:url(/static/4/icons/reply-regular.svg);margin-left:0}.article-comments .agComment a.agBtnDownvote:before{background-image:url(/static/4/icons/thumbs-down-regular.svg);margin-right:0}.article-comments .agComment a.agBtnUpvote:before{background-image:url(/static/4/icons/thumbs-up-regular.svg)}.article-comments .agComment .agBtnMore{color:var(--color1);font-weight:bold;text-decoration:underline}.article-comments .agCommentForm{border:none;background:transparent;padding:0;width:100%;margin:0}.article-comments .agCommentForm input,.article-comments .agCommentForm textarea,.article-comments .agCommentForm button{border:1px solid var(--color-border);border-radius:6px;padding:var(--small);background:transparent}.article-comments .agCommentForm input,.article-comments .agCommentForm textarea{margin:0 0 var(--medium)}.article-comments .agCommentForm button{cursor:pointer;background:var(--color1);color:var(--color3);border-radius:50px;padding:6px 12px;font-size:var(--font-regular)}.article-comments .agCommentForm input{display:inline-block;max-width:100%}.agCommentWrapper *{font-family:var(--ff2)}.article-comments .agCommentForm input,.article-comments .agCommentForm textarea{font-size:var(--font-regular)}.agComments.agCommentBox{margin:16px 0 0 0;padding-top:8px;border-top:1px solid var(--color-border);padding-left:0}.agCommentBox:not(:has(li)){display:none}