@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap);:root{--p-Moderate-blue:#5457b6;--p-Soft-Red:#ed6468;--p-Light-grayish-blue:#c3c4ef;--p-Pale-red:#ffb8bb;--n-Dark-blue:#324152;--n-Grayish-Blue:#67727e;--n-Light-gray:#eaecf1;--n-Very-light-gray:#f5f6fa;--n-White:#fff}*,:root{font-family:Rubik,sans-serif}*{margin:0;padding:0}ul{list-style-type:none}.flex{display:flex}.grid{display:grid}img{border-radius:50%;height:30px;width:30px}html{background-color:#f5f6fa;background-color:var(--n-Very-light-gray);box-sizing:border-box}body{padding:1rem}.comment-container{background-color:#fff;background-color:var(--n-White);border-radius:5px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem}.user-info{align-items:center;margin-bottom:1rem}.user-avatar,.user-name{margin-right:1rem}.user-name{color:#324152;color:var(--n-Dark-blue);font-weight:500}.created-at{font-size:.8rem;inline-size:7rem}.comment-text,.created-at{color:#67727e;color:var(--n-Grayish-Blue);overflow-wrap:break-word}.comment-text{line-height:21px;margin-bottom:1rem;width:100%}.user-action{align-content:center;justify-content:space-between}.user-action-buttons{gap:1rem}.user-action-rating{align-items:center}.rBtn{border:none;color:#c3c4ef;color:var(--p-Light-grayish-blue);cursor:pointer;font-size:1.1rem;font-weight:500}.rating-points{align-content:center;color:#5457b6;color:var(--p-Moderate-blue);font-weight:500;margin-inline:-2px;text-align:center;z-index:0}.rBtn:hover{background-color:#eaecf1;background-color:var(--n-Light-gray)}.rBtn,.rating-points{background-color:#f5f6fa;background-color:var(--n-Very-light-gray);height:35px;width:30px}.rating-plus:disabled{background-color:#acd1af;color:#fff;color:var(--n-White)}.rating-minus:disabled{background-color:#ed6468;background-color:var(--p-Soft-Red);color:#fff;color:var(--n-White)}.rating-plus{border-radius:5px 0 0 5px;z-index:1}.rating-minus{border-radius:0 5px 5px 0;z-index:1}.comments-list-container{gap:1rem}.comment-button{background:transparent;border:none;font-weight:700}.send{color:#5457b6;color:var(--p-Moderate-blue);cursor:pointer}.send:before{content:url(/comments-section/static/media/icon-reply.bfb4589d45cd96abd45e.svg);margin-right:.5rem}.edit{color:#5457b6;color:var(--p-Moderate-blue);cursor:pointer}.edit:before{content:url(/comments-section/static/media/icon-edit.b0c7f9ebaec367bd3ae2.svg);margin-right:.5rem}.delete{color:#ed6468;color:var(--p-Soft-Red);cursor:pointer}.delete:before{content:url(/comments-section/static/media/icon-delete.86cedbf2e37529f9c8f1.svg);margin-right:.5rem}.reply-c{background:transparent;gap:1rem;justify-self:end;padding:0;position:relative;width:95%}.reply-c.comment-container:before{background-color:#eaecf1;background-color:var(--n-Light-gray);content:"";height:100%;left:-1rem;position:absolute;top:0;width:2px}.send-comment-container{margin-top:1rem}.replyCommentAction{justify-content:space-between;margin-top:1rem}.replyBtn{background-color:#5457b6;background-color:var(--p-Moderate-blue);border:none;border-radius:5px;color:#fff;color:var(--n-White);cursor:pointer;padding:.5rem 1rem}.replyBtn:disabled{background-color:#eaecf1;background-color:var(--n-Light-gray)}#replyCommentArea{border:1px solid #eaecf1;border:1px solid var(--n-Light-gray);border-radius:5px;height:6ch;padding:1rem;resize:none}#replyCommentArea:hover{border:1px solid #5457b6;border:1px solid var(--p-Moderate-blue)}#replyCommentArea:focus,#replyCommentArea:focus-visible,#replyCommentArea:focus-within{border:1px solid #5457b6;border:1px solid var(--p-Moderate-blue);outline:none}.userBadge{background-color:#5457b6;background-color:var(--p-Moderate-blue);color:#fff;color:var(--n-White);font-size:.7rem;font-weight:700;padding:.2rem}.replyingTo{color:#5457b6;color:var(--p-Moderate-blue);font-weight:600}.action-container{display:flex;gap:.5rem}.cancelBtn{background-color:#ed6468;background-color:var(--p-Soft-Red)}.see-comments{background-color:#5457b6;background-color:var(--p-Moderate-blue);border:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#fff;color:var(--n-White);font-size:.7rem;font-weight:500;margin-left:auto;margin-top:-1rem;padding-inline:1rem;padding-bottom:.2rem;padding-top:.2rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.see-comments:hover{cursor:pointer;opacity:50%}:focus-visible{border:1px solid #5457b6;border:1px solid var(--p-Moderate-blue);opacity:75%;outline:none}.comment-button:hover,.replyBtn:hover{opacity:50%}.replyBtn:focus-visible{border:none;box-shadow:0 0 5px #5457b6;box-shadow:0 0 5px var(--p-Moderate-blue)}.comment-button:focus-visible{border:1px solid #5457b6;border:1px solid var(--p-Moderate-blue);border-radius:5px}.see-comments:focus-visible{border:none;opacity:33%;outline:none}.confirmDelete-container-backgorund{background-color:rgba(0,0,0,.488);bottom:0;left:0;position:fixed;right:0;top:0;z-index:90}.confirmDelete-container{background-color:#fff;background-color:var(--n-White);border-radius:5px;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;padding:1.5rem;position:fixed;text-align:left;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70%;z-index:99}.confirmDelete-text{flex-direction:column;margin-bottom:1rem}.deleteTitle{color:#324152;color:var(--n-Dark-blue);font-size:1.5rem;font-weight:500;margin-bottom:1rem}.deleteText{color:#67727e;color:var(--n-Grayish-Blue);margin-bottom:.5rem}.confirmDelete-actions{justify-content:space-between}.delete-cancel,.delete-confirm{background-color:#ed6468;background-color:var(--p-Soft-Red);border:none;border-radius:5px;color:#fff;color:var(--n-White);cursor:pointer;font-size:1rem;padding:1rem;text-transform:uppercase}.delete-cancel{background-color:#67727e;background-color:var(--n-Grayish-Blue)}.delete-cancel:hover,.delete-confirm:hover{opacity:55%}@media (min-width:920px){body{margin-inline:auto;max-width:1000px}}
/*# sourceMappingURL=main.9409859e.css.map*/