:root{--main-color:#5457b6;--secondary-color:#c3c4ef;--danger-color:#ed6468;--soft-danger-color:#ffb8bb;--background-color:#f5f6fa;--main-font:"Rubik",sans-serif}#root,.App,body,html{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.borde{border:2px solid #000}.App{height:100%;width:100%}.App,.messageFormContainer{background-color:var(--background-color)}.messageFormContainer{bottom:0;left:0;padding-bottom:15px;position:fixed;width:100vw}.messageForm{grid-gap:20px;background-color:#fff;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:20px auto 0;min-height:130px;padding:10px;width:86vw}.messageForm__input{border:1px solid #f5f6fa;font-size:18px;grid-column:1/3;padding:5px;resize:vertical}.messageForm__replyContentUsername{color:var(--main-color);font-weight:bolder}.messageForm__input:focus{outline:none}.messageForm__submit{text-align:end}.messageForm__btnSubmit{background-color:var(--main-color);border:none;border-radius:7px;color:#fff;cursor:pointer;height:45px;min-width:50px;transition:all .2s linear;width:65%}.messageForm__btnSubmit:hover{background-color:#c3c4ef}@media only screen and (min-width:800px){.messageForm{min-width:55vw;width:700px}}.commentWithReplies{width:100%}.commentWithReplies__repliesContent{display:grid;grid-template-columns:10% 90%;margin-top:20px}.commentWithReplies__verticalLine:before{background-color:#eaecf1;content:"";display:inline-block;height:99%;width:3px}.commentWithReplies__replies{display:flex;flex-direction:column;gap:20px}.comment{grid-gap:10px;background-color:#fff;border-radius:10px;display:grid;gap:10px;grid-template-columns:30% 70%;min-width:calc(100% - 9vw);padding:15px}.comment__header{align-items:center;display:flex;gap:5%;grid-column:1/3}.comment__username{color:#324152;font-weight:bolder}.comment_youText{background-color:var(--main-color);color:#fff;font-size:10px;font-weight:700;padding:4px 5px}.comment__date{color:#67727e;margin-left:auto;margin-right:15px}.comment__content{color:#67727e;grid-column:1/3;width:calc(100% - 15px);word-break:break-word}.comment__content--edit{border:1px solid #324152;border-radius:10px;box-sizing:border-box;color:#000;padding:5px 10px}.comment__content--edit:focus{outline:none}.comment__editButtonContainer{grid-column:1/3;text-align:end;width:calc(100% - 15px)}.comment__btnEdit{background-color:var(--main-color);border:none;border-radius:7px;color:#fff;padding:13px 20px;transition:opacity .2s linear}.comment__replyContentUsername{color:var(--main-color);font-weight:bolder}.comment__likes{background-color:var(--background-color);border-radius:10px;display:grid;grid-template-columns:1fr 1fr 1fr;height:40px}.comment__likeCounter{color:var(--main-color);display:grid;font-weight:bolder;place-items:center}.comment__options{align-items:center;display:flex;justify-content:flex-end;padding-right:15px}.comment__dislikeComment,.comment__likeComment{background-color:transparent;border:0;color:var(--secondary-color);cursor:pointer;font-weight:bolder;text-align:center}@media only screen and (min-width:800px){.comment{gap:10px;grid-template-columns:10% 58% 32%;padding:20px 30px}.comment__content{grid-column:2/4}.comment__likesContainer{display:flex;grid-column:1/2;grid-row:1/3;justify-content:center}.comment__likes{grid-template-columns:1fr;height:95%;width:70%}.comment__header{align-items:center;display:flex;gap:5%;grid-column:2/3}.comment__date{margin-left:0;margin-right:auto}.comment_youText{font-size:16px!important;padding:4px 8px}.comment__options{gap:10px;grid-column:3/4;grid-row:1/2}.comment__editButtonContainer{grid-column:1/4;text-align:end}.comment__btnEdit:hover{opacity:.4}}.modal{background-color:rgba(61,61,61,.5);display:grid;height:100%;left:0;place-items:center;position:fixed;top:0;width:100%;z-index:999}.modal__content{background-color:#fff;border-radius:8px;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;max-width:85%;padding:20px}@media only screen and (min-width:800px){.modal__content{max-width:50%}}.index{margin:0 auto;padding:30px 0;position:relative;width:91vw}.index *{font-family:var(--main-font)}.index__comments{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.modal__title{color:#324152;font-size:18px;grid-column:1/3;margin:0}.modal__description{color:#67727e;grid-column:1/3}.modal__buttons{grid-gap:10px;display:grid;gap:10px;grid-column:1/3;grid-template-columns:1fr 1fr}@media only screen and (min-width:800px){.index{min-width:55vw;width:700px}.index *{font-size:18px}}
/*# sourceMappingURL=main.1d8eebf8.css.map*/