body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
.button{padding:6px 12px;border:0;border-radius:2px;cursor:pointer;font-size:14.22px;user-select:none;display:flex;align-items:center;background:none}.left-icon-spacing-small{margin:0 4px 0 0}.right-icon-spacing-small{margin:0 0 0 4px}.primary{background-color:#4b83ee;color:#fff}.primary:hover{background-color:#3c69be}.primary:active{background-color:#305497}.primary.disabled-btn{background-color:rgba(75,131,238,.6);cursor:not-allowed}.primary.disabled-btn:hover{background-color:rgba(75,131,238,.6)}.secondary{background-color:#f5f5f5;color:#292929}.secondary:hover{background-color:#e3e7e8}.secondary:active{background-color:#c7cfd1}.gost{color:#606060}.gost:hover{background-color:#f5f5f5}.gost:active{background-color:#dde2e3}.gost.disabled-btn{cursor:not-allowed}.icon{padding:0;display:flex}.icon>*{margin:0}.icon:hover{background-color:#f5f5f5}.icon:active{background-color:#dde2e3}.sm{padding:4px}
.comment{display:flex;flex-flow:row nowrap;width:100%}.comment:not(:last-child){margin:0 0 16px 0}.comment .comment-col1{display:flex;flex-flow:column nowrap;align-items:center;margin:0}.comment .comment-col1 img{margin:0 0 6px 0}.comment .comment-col2{width:inherit;margin:0 0 0 12px}.comment .comment-col2 h6{color:#1a1a1b;font-size:14.22px;font-weight:500;line-height:1.375rem}.comment .comment-col2 p{color:#292929;font-size:16px;white-space:pre-wrap;word-break:break-word;line-height:20px}@media screen and (max-width: 425px){.comment .comment-col2 p{font-size:14.22px}}.comment .comment-col2 .comment-footer,.comment .comment-col2 .edit-comment-footer{display:flex;align-items:center;flex-flow:row wrap;margin:8px 0 0 0;position:relative;right:2px}.comment .comment-col2 .edit-comment-footer{justify-content:flex-end}.comment .comment-col2 .replyComments,.comment .comment-col2 .replyComments .threadComments:nth-of-type(2),.comment .comment-col2 .replyComments .threadComments:nth-of-type(2) .threadComments,.comment .comment-col2 .replyComments .threadComments{display:flex;margin:15px 0 0 0;position:relative;left:-10px;width:100%}.comment .comment-col2 .replyComments .threadComments,.comment .comment-col2 .replyComments .threadComments:nth-of-type(2) .threadComments{position:static !important}.comment .comment-col2 .replyComments .threadComments .avatar{margin:0}.comment .comment-col2 .replyComments .threadComments .comment-col2{margin-bottom:8px}.comment .comment-col2 .replyComments .threadComments:nth-of-type(2){margin-bottom:0}.comment .comment-col2 .replies_btn_container{display:flex;align-items:center;justify-content:start;margin:8px 0 8px 0}.comment .comment-col2 .replies_btn_container .replies_btn{color:#4b83ee}.comment .comment-col2 .replies_btn_container .replies_btn .down_arrow,.comment .comment-col2 .replies_btn_container .replies_btn .up_arrow{margin:0 6px 0 0}
.comment-box-wrapper{max-height:200px;overflow-y:auto;border:1px solid #878a8c;border-radius:2px}.comment-box-wrapper:focus-within{outline:1px solid}.comment-box-wrapper textarea{resize:none;font-size:14px;line-height:18px;width:100%;overflow:hidden;display:flex;border:none;white-space:pre-wrap;word-break:break-word;padding:16px;margin:0;color:#292929}.comment-box-wrapper textarea::placeholder{color:#8f8f8f}.comment-box-wrapper textarea:focus{outline:none}
.wrapper{margin:16px 0 8px 8px;display:flex;flex-flow:row nowrap;position:relative;left:-16px}.wrapper .col-1{margin:0 14px 0 0}.wrapper .commentBoxContainer{display:flex;flex-flow:column nowrap;max-width:700px;width:100%}
.modal{position:fixed;background-color:rgba(135,138,140,.3);outline:solid;z-index:1;inset:0;min-height:100%;overflow:hidden;z-index:999}@media screen and (min-width: 471px){.modal{display:flex;flex-direction:column;align-items:center;justify-content:center}}
.delete-modal-body{background-color:#fff;padding:34px 42px;border-radius:2px}.delete-modal-body p{color:#292929}.delete-modal-body .delete-modal-body-footer{display:flex;justify-content:flex-end;margin:20px 0 0 0}@media screen and (max-width: 470px){.delete-modal-body{position:absolute;bottom:0;width:100%}.delete-modal-body{padding:25px 20px}}
.tagContainer{display:flex;justify-content:center;align-items:center;height:fit-content;font-size:12.64px;font-weight:500;padding:2px 4px;border-radius:2px;line-height:15px;cursor:context-menu;user-select:none}.lightGrey{color:#292929;background-color:#e8e8e8}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{font-family:"Inter",sans-serif !important;font-size:16px;box-sizing:border-box}.flex{display:flex;flex-direction:row;justify-content:flex-end}.right-spacing-12{margin:0 12px 0 0}.app{display:flex;justify-content:center;align-items:center}.app .comment-area{width:600px;margin:40px auto}.app .comment-area .title{font-size:20.25px}.app .comment-area .initial-comment{margin:16px 0 8px 0;max-width:600px;width:100%}.app .comment-area .comment-section{margin:16px 0 0 0}.commentbox-footer{margin:16px 0 0 0;display:flex;justify-content:flex-end}.margin-left-4{margin:0 0 0 8px}.divider{display:flex;flex-flow:column nowrap;padding:0 7px;width:16px;height:100%}.divider .threadline{width:2px;background-color:#edeff1;height:100%}.divider:hover .threadline{background-color:#4b83ee}.mb-6{margin:0 0 6px 0}.comment-label{font-size:12.64px;color:#292929;margin:0 0 4px 0}@media(max-width: 630px){.comment-area{width:90% !important}}.reply-to-user-tag{padding:4px;margin:0 4px 0 0;display:inline-block;background-color:#eef3fd;text-decoration:none;color:#3c69be}.horizontal_line{height:2px;background-color:#edeff1;margin:16px 0 0 0}
.loading{height:50vh;display:flex;justify-content:center;align-items:center;font-size:20.25px}
