| 1 |
.tl-post-comments{--tl-comment-box-bg: #f3f8fa;--tl-comment-box-radius: 8px;--tl-comment-box-padding: 24px;--tl-comment-gap: 24px;--tl-comment-avatar-gap: 21px;--tl-comment-avatar-size: 65px;--tl-comment-avatar-radius: 50%;--tl-title-color: #09080e;--tl-author-color: #1e2828;--tl-date-color: #767878;--tl-text-color: #767878;--tl-reply-color: #1e2828;--tl-form-bg: #f3f8fa;--tl-form-radius: 8px;--tl-form-padding: 24px;--tl-form-title-color: #1e2828;--tl-label-color: #adaeae;--tl-input-bg: #ffffff;--tl-input-color: #1e2828;--tl-input-placeholder: #757575;--tl-input-border-color: #e2e8e8;--tl-input-radius: 4px;--tl-btn-bg: #c4f567;--tl-btn-bg-hover: #b6ea54;--tl-btn-color: #221f1d;--tl-btn-color-hover: #221f1d;--tl-btn-radius: 8px;box-sizing:border-box}.tl-post-comments *,.tl-post-comments *::before,.tl-post-comments *::after{box-sizing:border-box}.tl-post-comments .tl-post-comments__title{margin:0 0 24px;color:var(--tl-title-color);font-size:24px;line-height:1.4;font-weight:500}.tl-post-comments .tl-post-comments__title-count{font-weight:inherit}.tl-post-comments .tl-post-comments__list{list-style:none;margin:0;padding:0}.tl-post-comments .tl-post-comments__list .tl-comment{list-style:none;margin:0 0 var(--tl-comment-gap)}.tl-post-comments .tl-post-comments__list .tl-comment:last-child{margin-bottom:0}.tl-post-comments .tl-post-comments__list .children{list-style:none;margin:var(--tl-comment-gap) 0 0;padding:0 0 0 40px}.tl-post-comments .tl-post-comments__list .children .tl-comment:last-child{margin-bottom:0}.tl-post-comments .tl-comment__inner{display:flex;gap:var(--tl-comment-avatar-gap);align-items:flex-start;background:var(--tl-comment-box-bg);padding:var(--tl-comment-box-padding);border-radius:var(--tl-comment-box-radius)}.tl-post-comments .tl-comment__avatar{flex:0 0 auto;width:var(--tl-comment-avatar-size);height:var(--tl-comment-avatar-size)}.tl-post-comments .tl-comment__avatar img{display:block;width:100%;height:100%;border-radius:var(--tl-comment-avatar-radius);-o-object-fit:cover;object-fit:cover}.tl-post-comments .tl-comment__body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:16px}.tl-post-comments .tl-comment__head{display:flex;flex-direction:column;gap:4px}.tl-post-comments .tl-comment__author{color:var(--tl-author-color);font-size:24px;line-height:1.2;font-weight:400}.tl-post-comments .tl-comment__author a{color:inherit;text-decoration:none}.tl-post-comments .tl-comment__date{color:var(--tl-date-color);font-size:16px;line-height:1.6;text-decoration:none}.tl-post-comments .tl-comment__date:hover{color:var(--tl-date-color)}.tl-post-comments .tl-comment__text{color:var(--tl-text-color);font-size:16px;line-height:1.6;word-break:break-word}.tl-post-comments .tl-comment__text p{margin:0 0 12px}.tl-post-comments .tl-comment__text p:last-child{margin-bottom:0}.tl-post-comments .tl-comment__moderation{margin:0;font-style:italic;color:var(--tl-date-color);font-size:14px}.tl-post-comments .tl-comment__reply a{display:inline-block;color:var(--tl-reply-color);font-size:16px;line-height:1.6;text-decoration:none}.tl-post-comments .tl-comment__reply a:hover{text-decoration:underline}.tl-post-comments .tl-post-comments__pagination{margin-top:24px}.tl-post-comments .tl-post-comments__pagination .page-numbers{display:inline-block;padding:6px 12px;margin:0 4px 4px 0;border-radius:4px;text-decoration:none;color:var(--tl-author-color)}.tl-post-comments .tl-post-comments__pagination .page-numbers.current{background:var(--tl-btn-bg);color:var(--tl-btn-color)}.tl-post-comments .comment-respond,.tl-post-comments .tl-post-comments__form{background:var(--tl-form-bg);padding:var(--tl-form-padding);border-radius:var(--tl-form-radius);margin-top:var(--tl-comment-gap)}.tl-post-comments .tl-post-comments__form-title,.tl-post-comments .comment-reply-title{margin:0 0 24px;color:var(--tl-form-title-color);font-size:24px;line-height:1.2;font-weight:400}.tl-post-comments .tl-post-comments__form-title small,.tl-post-comments .comment-reply-title small{margin-left:12px;font-size:14px;font-weight:400}.tl-post-comments .tl-post-comments__form-title small a,.tl-post-comments .comment-reply-title small a{color:var(--tl-reply-color)}.tl-post-comments .comment-form{display:flex;flex-wrap:wrap;gap:16px}.tl-post-comments .comment-form>p,.tl-post-comments .comment-form .comment-form-author,.tl-post-comments .comment-form .comment-form-email,.tl-post-comments .comment-form .comment-form-url,.tl-post-comments .comment-form .comment-form-comment,.tl-post-comments .comment-form .comment-form-cookies-consent,.tl-post-comments .comment-form .form-submit{flex:1 1 100%;margin:0}.tl-post-comments .comment-form .comment-form-author,.tl-post-comments .comment-form .comment-form-email{flex:1 1 var(--tl-form-col, calc(50% - 8px))}.tl-post-comments .comment-form label{display:block;margin-bottom:4px;color:var(--tl-label-color);font-size:16px;line-height:1.6}.tl-post-comments .comment-form input[type=text],.tl-post-comments .comment-form input[type=email],.tl-post-comments .comment-form input[type=url],.tl-post-comments .comment-form textarea{width:100%;background:var(--tl-input-bg);color:var(--tl-input-color);border:1px solid var(--tl-input-border-color);border-radius:var(--tl-input-radius);padding:9px 14px;font-size:16px;line-height:1.6}.tl-post-comments .comment-form input[type=text]::-moz-placeholder, .tl-post-comments .comment-form input[type=email]::-moz-placeholder, .tl-post-comments .comment-form input[type=url]::-moz-placeholder, .tl-post-comments .comment-form textarea::-moz-placeholder{color:var(--tl-input-placeholder)}.tl-post-comments .comment-form input[type=text]::placeholder,.tl-post-comments .comment-form input[type=email]::placeholder,.tl-post-comments .comment-form input[type=url]::placeholder,.tl-post-comments .comment-form textarea::placeholder{color:var(--tl-input-placeholder)}.tl-post-comments .comment-form input[type=text]:focus,.tl-post-comments .comment-form input[type=email]:focus,.tl-post-comments .comment-form input[type=url]:focus,.tl-post-comments .comment-form textarea:focus{outline:none;border-color:var(--tl-btn-bg)}.tl-post-comments .comment-form input[type=text],.tl-post-comments .comment-form input[type=email],.tl-post-comments .comment-form input[type=url]{height:44px}.tl-post-comments .comment-form textarea{min-height:100px;resize:vertical}.tl-post-comments .comment-form .comment-form-cookies-consent{display:flex;align-items:center;gap:8px}.tl-post-comments .comment-form .comment-form-cookies-consent input{width:auto;height:auto}.tl-post-comments .comment-form .comment-form-cookies-consent label{margin:0}.tl-post-comments .tl-post-comments__submit,.tl-post-comments .form-submit input[type=submit]{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:var(--tl-btn-radius);background:var(--tl-btn-bg);color:var(--tl-btn-color);font-size:18px;line-height:1.5;cursor:pointer;transition:background .2s ease,color .2s ease}.tl-post-comments .tl-post-comments__submit:hover,.tl-post-comments .tl-post-comments__submit:focus,.tl-post-comments .form-submit input[type=submit]:hover,.tl-post-comments .form-submit input[type=submit]:focus{background:var(--tl-btn-bg-hover);color:var(--tl-btn-color-hover)}.tl-post-comments .tl-post-comments__notice{margin:0;padding:16px 20px;border-radius:var(--tl-form-radius);background:var(--tl-form-bg);color:var(--tl-date-color);font-size:16px}@media(max-width: 767px){.tl-post-comments .comment-form .comment-form-author,.tl-post-comments .comment-form .comment-form-email{flex:1 1 100%}.tl-post-comments .tl-comment__inner{flex-direction:column}} |
