body{background:#fff;font-family:Roboto,sans-serif}.tn-header-comment{padding:16px 32px;gap:12px;background:#fff;margin-bottom:45px;border-bottom:1px solid #D9D9D9}@media (max-width: 640px){.tn-header-comment{margin-bottom:15px}}.tn-header-comment .tn-title{font-weight:400;font-size:32px;line-height:38px;color:#323232;display:inline-flex;flex-direction:column;margin-left:15px}.tn-header-comment .tn-title-sub{font-weight:700;font-size:12px;line-height:14px;color:#323232}.tn-header-comment .tn-comment-logo img{width:64px}.tn-icon-show_chart{width:40px;height:40px;background-image:url(/build/assets/show_chart-CaKrJgZf.svg)}.tn-icon-mark-chat-unread{width:40px;height:40px;background-image:url(/build/assets/mark_chat_unread-DALGnXnE.svg)}.tn-icon-insert-chart{width:40px;height:40px;background-image:url(/build/assets/insert_chart-DTCiaJGS.svg)}.tn-icon-bookmark-border{width:24px;height:24px;background-image:url(/build/assets/bookmark_border-B701vuqv.svg)}.tn-icon-more-horiz{width:24px;height:24px;background-image:url(/build/assets/more_horiz-BcCigt_D.svg)}.tn-icon-settings{width:24px;height:24px;background-image:url(/build/assets/settings-D49ssnRU.svg)}.tn-icon-message{width:24px;height:24px;background-image:url(/build/assets/message-Cjyp9Tco.svg)}.tn-icon-person-add{width:24px;height:24px;background-image:url(/build/assets/person_add-GvkGcTiX.svg)}.tn-comment-rating-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px}@media (max-width: 640px){.tn-comment-rating-grid{grid-template-columns:100%;grid-gap:20px}}.tn-comment-rating-grid .tn-comment-rating{background:#fff;border:1px solid #E0E0E0;border-radius:8px;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.tn-comment-rating-grid .tn-comment-rating .tn-comment-rating-title{font-weight:400;font-size:16px;line-height:1.5;text-transform:uppercase;color:#828282;grid-column:span 2}.tn-comment-rating-grid .tn-comment-rating .tn-comment-rating-icon{grid-row:span 2;display:flex;justify-content:center;align-items:center}.tn-comment-rating-grid .tn-comment-rating .tn-comment-rating-value{font-weight:500;font-size:20px;line-height:1.5;color:#333;grid-column:span 2}.tn-comment-rating-grid .tn-comment-rating .tn-comment-rating-value span{font-weight:500;font-size:14px;line-height:24px;color:#2e9901}.tn-comment-side{box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #E0E0E0;border-radius:8px;padding:16px 0;position:sticky;top:120px;width:250px;float:right}@media (max-width: 640px){.tn-comment-side{width:100%;float:none;order:-1;position:relative;margin-bottom:20px;top:0}}.tn-comment-side .title{font-weight:700;font-size:20px;line-height:24px;color:#333;text-align:center}.tn-comment-side hr{width:100%;border:none;border-bottom:1px solid #E0E0E0;margin:20px 0}.tn-comment-side .ava{width:148px;height:148px;border-radius:50%;overflow:hidden}.tn-comment-side .rang{margin-top:20px;padding:0 20px;width:100%;box-sizing:border-box}.tn-comment-side .rang .title{font-weight:400;font-size:12px;line-height:16px;color:#bdbdbd;text-align:left}.tn-comment-side .rang .rang-name{font-weight:400;font-size:14px;line-height:20px;color:#333}.tn-comment-side .rang time{font-weight:400;font-size:12px;line-height:16px;color:#828282}.tn-comment-side .rang .tn-progress{margin:10px 0}.tn-container{overflow:unset;box-sizing:border-box}@media (max-width: 640px){.tn-container{padding:15px;display:flex;flex-direction:column}}.tn-comment-list{margin-top:24px;border:1px solid #E0E0E0;border-radius:8px;padding:16px}.tn-comment-list .tn-comment-list-header .filter{display:flex;margin-bottom:33px}.tn-comment-list .tn-comment-list-header .filter li{font-weight:500;font-size:14px;line-height:16px;color:#828282;text-transform:uppercase;cursor:pointer;position:relative}.tn-comment-list .tn-comment-list-header .filter li:not(:last-child){margin-right:15px}.tn-comment-list .tn-comment-list-header .filter li.tn-active{color:#000}.tn-comment-list .tn-comment-list-header .filter li.tn-active:after{content:"";width:100%;display:block;border:2px solid #2E9901;position:absolute;left:0;bottom:-10px}.tn-comment-list .tn-input-search{display:flex;align-items:center;border:1px solid #E0E0E0;border-radius:8px;padding:8px 12px}.tn-comment-list .tn-input-search input[type=text]{border:none}.tn-comment-list .tn-input-search input[type=text]::-moz-placeholder{text-transform:uppercase}.tn-comment-list .tn-input-search input[type=text]::placeholder{text-transform:uppercase}.tn-comment-list-grid{margin-top:24px}.tn-comment-list-item{border:1px solid #E0E0E0;border-radius:16px;padding:16px;margin-bottom:24px}.tn-comment-list-item .title{font-weight:500;font-size:20px;line-height:1.2;color:#000;margin-bottom:12px}@media (max-width: 640px){.tn-comment-list-item .title{font-size:16px}}.tn-comment-list-item .text{font-style:normal;font-weight:400;font-size:16px;line-height:1.5;color:#000;max-width:800px;margin-bottom:16px}@media (max-width: 640px){.tn-comment-list-item .text{font-size:14px}}.tn-button-link{background:transparent;padding:10px;color:var(--green);font-size:12px;line-height:16px}.tn-button-link-border{background:transparent;padding:10px;color:var(--green);font-size:12px;line-height:16px;border:1px solid #E0E0E0;border-radius:4px}.tn-button-rounded{padding:10px;border-radius:4px;font-weight:700;font-size:12px;line-height:16px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;color:#fff}.tn-data-list{margin-bottom:16px;position:relative}.tn-data-list li:not(:last-child):after{background-color:transparent}.tn-data-list li.right{position:absolute;right:0;top:0;transform:translateY(-50%)}@media (max-width: 640px){.tn-data-list li.right{transform:translateY(-25%)}}.tn-data-list .name{font-style:normal;font-weight:400;font-size:12px;line-height:1.5;color:#000;text-transform:uppercase}.tn-data-list time{font-style:normal;font-weight:500;font-size:10px;line-height:16px;text-transform:uppercase;color:#828282}.tn-button-group{display:inline-flex;justify-content:flex-start;align-content:center}.tn-comment-main{display:inline-block;width:calc(100% - 250px);padding-right:20px;box-sizing:border-box}@media (min-width: 640px){.tn-comment-main{min-height:300px}}@media (max-width: 640px){.tn-comment-main{width:100%;padding:0}}.tn-progress{height:8px;border-radius:16px;background:#c4c4c4;width:100%}.tn-progress .tn-progress-green-solid{border-radius:16px;height:8px;background:var(--green)}.tn-progress:after{display:none}.settings{width:100%;margin-top:15px;padding:0 20px;box-sizing:border-box}.settings .tn-button-group{width:100%}.settings .tn-button-link-border{display:flex;justify-content:center;align-items:center}.settings .tn-button-link-border:not(:first-child){width:100%}.settings .tn-button-link-border:not(:last-child){margin-right:10px}.settings .tn-button-link-border .tn-icon-message{margin-right:10px}.subscribe{width:100%;margin-top:10px;padding:0 20px;box-sizing:border-box}@media (max-width: 640px){.subscribe{display:none}}.subscribe .tn-button-rounded{width:100%}.subscribe .tn-button-rounded .tn-icon-person-add{margin-right:10px}.subscribers{width:100%;margin-top:15px;padding:0 20px;box-sizing:border-box}@media (max-width: 640px){.subscribers{display:none}}.subscribers .title{font-weight:400;font-size:14px;line-height:20px;color:#bdbdbd;text-transform:uppercase;text-align:left}.subscribers .title .count{font-size:16px;line-height:24px;color:#333}.subscribers .subscribers-list{margin:15px 0;display:grid;grid-template-columns:repeat(4,40px);grid-gap:16px}.subscribers .subscribers-list .subscribers-item img{width:100%;border-radius:50%}.comment-rating{background:#32a80126;border-radius:4px;padding:5px;font-weight:400;font-size:12px;line-height:16px;color:#000}.tn-author-section .tn-author-list{grid-template-columns:1fr 1fr}@media (max-width: 640px){.tn-author-section .tn-author-list{grid-template-columns:100%}}.tn-author-section .tn-author-list .tn-author-list-item{box-shadow:0 0 20px #0003;border-radius:10px;display:flex;grid-gap:30px}@media (max-width: 640px){.tn-author-section .tn-author-list .tn-author-list-item{grid-gap:15px;align-items:center;flex-wrap:wrap;justify-content:center;flex-direction:column}}.tn-author-section .tn-author-list .tn-author-list-item .tn-author-list-data{display:flex;align-items:center}.tn-author-section .tn-author-list .tn-author-list-item .tn-author-list-data .tn-data-list{margin:0}.tn-author-section .tn-author-list .tn-author-list-item .tn-author-list-data .tn-data-list li{font-size:17px}.tn-author-section .tn-author-list .tn-author-list-item .tn-author-list-data .tn-data-list li .tn-icon-show_chart{margin:0 5px -5px 0}.tn-author-section .tn-author-list .tn-author-list-item .tn-author-list-data .tn-icon-show_chart{width:20px;height:20px}.tn-author-section .tn-author-list .tn-author-list-item .tn-author-list-data>*{margin-right:15px}@media (max-width: 640px){.tn-author-section .tn-author-list .tn-author-list-item .tn-author-list-data>*{margin-right:10px}}.tn-author-section .tn-author-list .tn-author-list-item .tn-author-list-image{align-items:center}@media (max-width: 640px){.tn-author-section .tn-author-list .tn-author-list-item .tn-author-list-image{grid-template-columns:50px auto}}.tn-author-section .tn-author-list .tn-author-list-item .tn-author-list-image .tn-background-cover{width:80px;height:80px}@media (max-width: 640px){.tn-author-section .tn-author-list .tn-author-list-item .tn-author-list-image .tn-background-cover{width:50px;height:50px}}.commentators-menu-container{display:flex;margin:20px 0;overflow:hidden;overflow-x:auto}.commentators-menu-container li:not(:last-child){margin-right:15px}.commentators-menu-container li a,.commentators-menu-container li button{border:none;text-transform:uppercase;font-size:14px;line-height:16px;color:#fff;background:#32a801;border-radius:4px;box-sizing:border-box;padding:10px 20px;min-width:100px;display:inline-block;text-align:center;white-space:nowrap}@media (max-width: 640px){.commentators-menu-container li a,.commentators-menu-container li button{padding:5px 10px}}.commentators-menu-container li.active a,.commentators-menu-container li.active button{background:#242833}
