.comments button{background:transparent;cursor:pointer;border:none;outline:none;padding:0}.comments__button.-loading:after{animation:loading-bg .4s linear infinite;background:repeating-linear-gradient(-45deg,transparent 1px,hsla(0,0%,87%,.4) 2px,hsla(0,0%,87%,.4) 11px,transparent 12px,transparent 20px);content:"";inset:0 0 0 -28px;position:absolute;z-index:1}@keyframes loading-bg{0%{transform:translate(0)}to{transform:translate(28px)}}.comments{container-type:inline-size;margin-bottom:30px}.comments__header-title{color:#1f1f1f;font-weight:600;font-size:1.5rem;line-height:1.3;margin-bottom:20px}.comments__header-title span{color:#b7b8bd;font-weight:600;font-size:1.4rem;line-height:1.3;padding-left:15px}.comments__form{background:#fff;box-shadow:0 2px 60px 4px #2525250d;display:flex;border-radius:15px;margin-bottom:30px;padding:25px}@container (max-width: 600px){.comments__form{padding:20px}}.comments__form textarea{background:#f4f4f4;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;border:none;outline:none;padding:20px;resize:none;height:110px;width:100%}@container (max-width: 600px){.comments__form textarea{font-size:.8rem;padding:15px;height:85px}}.comments__form-textarea{margin-bottom:15px}.comments__form-buttons{display:flex;gap:20px;align-items:center}.comments__form-avatar{display:block;margin-right:25px}@container (max-width: 700px){.comments__form-avatar{display:none}}.comments__form-main{width:calc(100% - 65px)}@container (max-width: 700px){.comments__form-main{width:100%}}.comments__form-submit.button{background:linear-gradient(to right,#71c767,#2da979);border-radius:8px;border:none;color:#fff;cursor:pointer;font-family:inherit;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.01rem;overflow:hidden;outline:none;padding:13px 23px;position:relative;text-transform:uppercase;transition:ease .3s;z-index:1}.comments__form-submit.button:active{top:1px;opacity:.9}.comments__form-submit.button:hover:before{background-color:#2da979}.comments__form-submit.button:before{background-color:transparent;content:"";display:block;position:absolute;top:0;left:0;transition:ease .3s;height:100%;width:100%;z-index:-1}.comments__form-submit.button:after{animation:loading-bg .4s linear infinite;background:repeating-linear-gradient(-45deg,transparent 1px,hsla(0,0%,87%,.4) 2px,hsla(0,0%,87%,.4) 11px,transparent 12px,transparent 20px);content:"";inset:0 0 0 -28px;opacity:0;position:absolute;transition:ease .2s;z-index:1}.comments__form-submit.button.-loading:after{opacity:1}.comments__form-cancel{background:transparent;color:#e41f25;cursor:pointer;font-size:1rem;border:none;outline:none}.comments__form-submit+.comments__form-cancel{margin-left:30px}.comments__form-error{color:#e41f25;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comments__item{padding:15px;position:relative;transition:ease .3s}@container (max-width: 600px){.comments__item{padding:15px 10px}}.comments__item:hover{background-color:#f9f9f9}.comments__item-replies{margin-left:30px}.comments__item.-answer:before{border-left:1px solid #e9e7e7;content:"";display:block;position:absolute;top:0;left:0;pointer-events:none;height:calc(100% - 10px);width:100%}.comments__item.-deleted{opacity:.3;pointer-events:none}.comments__item.-hidden{display:none}.comments__item.-new{animation:highlightFade 10s ease-out forwards}.comments__item-info{display:flex;gap:20px;align-items:center;justify-content:flex-start;margin-bottom:20px}@container (max-width: 600px){.comments__item-info{gap:10px}}.comments__item-user{color:#1f1f1f;font-weight:600;font-size:1.2rem;line-height:1.3;margin-bottom:2px}@container (max-width: 600px){.comments__item-user{font-size:1rem}}.comments__item-date{color:#1f1f1f80;font-size:.9rem;line-height:1.3}@container (max-width: 600px){.comments__item-date{font-size:.8rem}}.comments__item-date span{display:flex;gap:4px;align-items:center}.comments__item-message{color:#1f1f1f;line-height:1.5;margin-bottom:10px}.comments__item-action{display:flex;gap:30px;align-items:center}@container (max-width: 600px){.comments__item-action{gap:15px}}.comments__item-form-error{padding-left:15px;color:#e41f25;font-size:.9rem}.comments__item-answer{color:#1f1f1f80;cursor:pointer;font-size:.9rem;line-height:1.2}.comments__item+.comments__form{margin-top:15px}.comments__item-admin-action{display:flex;gap:10px;align-items:center;position:absolute;top:15px;right:15px}.comments__item-admin-button{background:#fff;display:flex;align-items:center;justify-content:center;height:25px;width:25px}.comments__item-moderation{color:#64c16d;font-size:14px;padding-top:3px}.comments__item-moderation svg{fill:#64c16d;vertical-align:top}@keyframes highlightFade{0%{background-color:#ffeb3b29}80%{background-color:#ffeb3b29}to{background-color:transparent}}.comments__avatar{border-radius:50%;overflow:hidden;height:40px;width:40px;display:flex;align-items:center;justify-content:center;background:#f4f4f4}.comments__avatar img{display:block;object-position:center;object-fit:cover;height:40px;width:40px}.comments__avatar-initials{color:#fff;font-weight:700;font-size:.9rem;-webkit-user-select:none;user-select:none}.comments__avatar--color-1{background-color:#e57373}.comments__avatar--color-2{background-color:#f06292}.comments__avatar--color-3{background-color:#68afc8}.comments__avatar--color-4{background-color:#cd8875}.comments__avatar--color-5{background-color:#64b5f6}.comments__avatar--color-6{background-color:#4fc3f7}.comments__avatar--color-7{background-color:#4db6ac}.comments__avatar--color-8{background-color:#81c784}.comments__avatar--color-9{background-color:#aed581}.comments__avatar--color-10{background-color:#217296}.comments__avatar--color-11{background-color:#ffd54f}.comments__avatar--color-12{background-color:#7fa188}.comments__pagination{display:flex;align-items:center;justify-content:center;padding-top:30px}.comments__pagination-button,.comments__pagination-button.button{background:linear-gradient(to right,#71c767,#2da979);border-radius:4px;border:none;color:#fff;cursor:pointer;font-family:inherit;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.01rem;overflow:hidden;outline:none;padding:10px 22px;position:relative;text-transform:uppercase;text-decoration:none;transition:ease .3s}.comments__pagination-button:active,.comments__pagination-button.button:active{top:1px;opacity:.9}.comments__pagination-button:hover:before,.comments__pagination-button.button:hover:before{background-color:#2da979}.comments__pagination-button:before,.comments__pagination-button.button:before{background-color:transparent;content:"";display:block;position:absolute;top:0;left:0;transition:ease .3s;height:100%;width:100%;z-index:-1}.comments__pagination-replies{margin:.7rem 0}.comments__pagination-show.button{background:#f8f8f8;border-radius:5px;color:#1f1f1fcc;font-size:.9rem;position:relative;overflow:hidden;padding:7px 18px;transition:ease .3s;width:max-content}.comments__pagination-show.button span{display:flex;gap:10px;align-items:center}.comments__pagination-show.button svg{stroke:#71c767;transition:ease .3s}.comments__pagination-show:hover{color:#71c767}.comments__vote{display:flex;align-items:center;order:-1}.comments__vote-count{color:#b7b8bd;margin:0 10px}.comments__vote-count.-positive{color:#64c16d}.comments__vote-count.-negative{color:#e41f25}.comments__vote-increase.active svg{fill:#64c16d}.comments__vote-decrease.active svg{fill:#e41f25}