#commentlist{background-color:#fff;margin:-3.25rem -1rem 5rem;padding:2.5rem 1rem}#commentlist .head{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #f1f1f1}#commentlist .head .h3{font-size:24px;font-weight:400;font-style:normal;font-stretch:normal;line-height:3.13;height:3.13em;letter-spacing:-.7px;text-align:left;margin:0}#commentlist .listavatar{overflow:hidden;border-radius:50%;display:inline-block;width:40px;min-width:40px;height:40px;margin-right:10px}#commentlist .listavatar.default{border:0}#commentlist .listavatar img{height:100%}#commentlist ul.commentlist{list-style:none;padding:36px 0 0;margin:0}#commentlist ul.commentlist li{padding:0 0 26px;margin-bottom:26px}#commentlist ul.commentlist li:before{display:none}#commentlist ul.commentlist li:last-child{border:0}#commentlist ul.commentlist li.level-2{border-left:2px solid #f6f6f6;padding:0;margin:0 0 0 18px}#commentlist ul.commentlist li.level-2.end{margin-bottom:54px}#commentlist ul.commentlist li.level-2 .comment_wrapper{margin-left:18px;margin-bottom:36px;padding:0}#commentlist ul.commentlist li.level-2 .comment_wrapper .listavatar{width:30px;height:30px;min-width:30px}#commentlist .listheader{display:flex;align-items:center}#commentlist .listheader .topline{display:flex;flex-direction:column;flex:1}#commentlist .listheader .username{display:flex}#commentlist .listheader .username .name{color:#3f4c58;font-size:16px;font-weight:400;margin:0}#commentlist .listheader .rating{display:flex;flex-direction:column;line-height:1}#commentlist .listheader .rating .stars{background-color:#fff;display:inline-flex;justify-content:space-between;width:128px;padding:5px 5px 5px 0;border-radius:15px;margin-right:10px}#commentlist .listheader .rating .stars .fa-star{font-size:12px;color:#ffd055}#commentlist .listheader .rating .stars .grey{color:#eee}#commentlist .listheader .rating .date{font-size:13px}#commentlist .tools{display:flex}#commentlist .button{display:inline-block;margin:10px 0 0;background-color:#f6f6f6;border-radius:40px;padding:0 10px;font-size:14px;cursor:pointer}#commentlist .button .fa-thumbs-up{color:var(--mix-primary-color)}#commentlist .button span{margin-left:6px}#commentlist .button:hover{background-color:#ddd}#commentlist .button.stop{background-color:var(--mix-primary-color-light);color:#fff}#commentlist .button.own{cursor:unset}#commentlist .button.own:hover{background-color:#f6f6f6}#commentlist .listentry{width:100%}#commentlist .listentry .comment{background-color:#f6f6f6;font-size:16px;padding:16px;white-space:pre-line;word-break:break-word;border-radius:0 10px 10px 10px;line-height:1.55;margin-top:10px}#commentlist .listentry .comment img{margin:0 22px 22px 0;padding:10px;background-color:#fff;border-radius:0 20px 20px 20px 20px}#commentlist .dropdown.menu{margin-left:auto;height:1rem}#commentlist .dropdown.menu ul{padding:0;border-radius:8px;overflow:hidden;box-shadow:5px 5px 5px rgba(0,0,0,.15)}#commentlist .dropdown.menu li{padding:0;margin:0}#commentlist .dropdown.menu li a{color:#3f4c58;text-decoration:none;font-size:.9rem;padding:.3rem 1.5rem;display:flex;align-items:center}#commentlist .dropdown.menu li i{margin-right:.75rem;font-size:1.25rem}#commentlist .dropdown.menu .dropdown-toggle{background-color:transparent;border:0;color:#bdbdbd;box-shadow:none!important;padding-left:5px}#commentlist .dropdown.menu .dropdown-toggle:after,#commentlist .dropdown.menu .dropdown-toggle:before{display:none}#commentlist .dropdown.menu .dropdown-item.active,#commentlist .dropdown.menu .dropdown-item:active{background-color:#bdbdbd;color:#fff}#commentlist .reply{display:flex;margin:10px 0 0;background-color:#eaeaea;padding:10px;border-radius:20px;font-size:14px}#commentlist .reply .replytext{padding-top:0}#commentlist .reply .replytext p{margin-bottom:0}#commentlist .reply .replytext ul{list-style:disc}#commentlist .reply .replytext ol{list-style:decimal}#commentlist .reply .replytext li{padding:0;margin:0;border:0}#commentlist .reply .username{font-weight:700}#commentlist .reply .listavatar img{width:40px;height:40px}#commentlist .loader{max-width:200px;margin:0 auto;display:block;margin-bottom:20px}#commentlist .spinner{height:64px}#commentlist .spinner .v-spinner{position:absolute;top:0;left:50%;transform:translate(-50%,50%)}#commentlist .empty{margin-top:20px}#commentlist .empty span{padding-right:18px}#commentlist .large-text{display:none}#commentlist .short-text{display:block}@media (min-width:375px){#commentlist .head .h3{font-size:1.75rem}#commentlist .listheader .rating{align-items:center;flex-direction:row}#commentlist .listheader .rating .stars{padding:5px}}@media (min-width:576px){#commentlist ul.commentlist li.level-2{margin:0 0 0 36px}#commentlist ul.commentlist li.level-2 .comment_wrapper{margin-left:36px}#commentlist .listheader{padding-bottom:10px}#commentlist .button{margin:10px 0 0}#commentlist .listentry .comment{margin:0}#commentlist .listentry .comment img{float:left;margin:0 22px 22px 0;width:auto;max-width:220px}#commentlist .listavatar span{width:44px;height:44px}#commentlist .large-text{display:block}#commentlist .short-text{display:none}}