.comment-reply-input-container{width:100%;position:relative;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out;display:none}.comment-reply-input-container.show{opacity:1;display:block}.comment-reply-form-input{display:none}.comments-section-container{background:var(--component-fallback-bg)}.comments-section-container .title{display:inline-block;position:relative;width:100%}.comments-section-container .title h4{background:var(--bs-primary-medium);color:#fff;padding:10px 15px;width:-moz-fit-content;width:fit-content;border-radius:5px;font-weight:bold;position:relative;z-index:2}.comments-section-container .title h4 .comment-count{display:flex;position:absolute;top:-12px;right:-12px;background:var(--bs-secondary);color:#fff;font-size:12px;font-weight:bold;width:28px;height:28px;justify-content:center;border-radius:50%;align-items:center}.comments-section-container .title::after{content:"";position:absolute;bottom:1px;left:2px;width:calc(100% - 2px);height:2px;background:var(--bs-secondary)}.comments{gap:10px}.comments #add-comment{border-radius:5px;background:var(--bs-secondary);width:-moz-fit-content;width:fit-content}.comments #add-comment svg{width:20px;height:20px}.comments .comment-form{border-radius:16px;border:2px solid #636363;padding:20px}.comments .comment-form form{gap:20px}.comments .comment-form .comment__username_input,.comments .comment-form .comment__input{background:var(--bs-primary-medium) !important}.comments .comments-wrapper{gap:15px}.comments .comment{gap:10px}.comments .comment__submit-icon{position:absolute;background:none;border:none;cursor:pointer;width:50px;height:50px;right:5px;bottom:20px}.comments .comment__header{gap:10px;font-size:14px}.comments .comment__details-header{gap:10px}.comments .comment__author{color:#fff;font-size:16px;font-style:normal;font-weight:700;line-height:160%}.comments .comment__author-label{padding:2px 5px 3px 5px;border-radius:5px;background:var(--bs-primary-dark);font-size:12px;font-style:normal;font-weight:400;line-height:12px}.comments .comment__date-time{color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:160%}.comments .comment__username_input,.comments .comment__input{width:100%;position:relative;padding:15px;color:#fff;gap:10px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:var(--bs-primary-dark)}.comments .comment__input{height:80px}.comments .comment__body,.comments .comment__reply{background:var(--bs-primary-medium);padding:10px;border-radius:8px;gap:8px;font-size:14px;line-height:1.5}.comments .comment__body__text p,.comments .comment__reply__text p{display:inline;color:var(--bs-secondary);font-size:16px;font-style:normal;font-weight:600;line-height:160%}.comments .comment__reply-btn{display:flex;padding:2px 5px 3px 5px;align-items:center;gap:5px;border-radius:5px;background:none;border:1px solid rgba(168,30,34,0);cursor:pointer}.comments .comment__reply-btn:active{border-radius:5px;border:1px solid var(--bs-secondary);background:var(--bs-secondary)}.comments .comment__reply-btn__text{color:#fff;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:12px}.comments .comment form{gap:20px;display:flex;flex-direction:column}.comments .reply.last-comment::before{height:30px}.comments .reply{margin-left:40px;padding-left:20px}.comments .reply::before{content:"";position:absolute;left:-20px;height:calc(100% + 10px);top:-5px;bottom:0;width:1px;background-color:#777}.comments .reply::after{content:"";position:absolute;left:-20px;top:15px;width:35px;height:20px;border:1px solid #777;border-right:none;border-top:none;border-bottom-left-radius:10px;background:rgba(0,0,0,0)}@media(max-width: 768px){.comments-section-container{width:100%}.comment__header{flex-direction:column !important;justify-content:center;align-items:start !important}.comment__body,.comment__reply{gap:5px}.reply{padding-left:0 !important}.reply::after{width:15px !important}}