:where(html){line-height:1.15}:where(h1){-webkit-margin-after:.67em;-webkit-margin-before:.67em;font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;-webkit-margin-before:0;margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:initial;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:initial}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;-webkit-user-select:none;user-select:none;vertical-align:initial}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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a,input{cursor:pointer}.App{border-right:1px solid var(--secondary-bg-color);margin-left:calc(var(--scrollbar-width)*-2);max-width:var(--max-width)}@media(max-width:768px){.App{display:flex;flex-direction:column;width:100%}}.main{display:grid;grid-auto-rows:1fr;grid-template-columns:360px auto;margin-left:calc(var(--nav-width) + var(--scrollbar-width));max-width:var(--max-width)}.main.triple{grid-template-columns:360px auto 300px}@media(min-width:768px)and (max-width:1105px){.main.triple{grid-auto-rows:unset;grid-template-columns:360px auto}}@media(max-width:768px){.main{display:block;margin-left:unset;margin-top:var(--nav-width);width:100%}}.Details,.Details-notebook,.flexColumn{align-items:center;display:flex;flex-direction:column}.Details>div,.withGreyBorder{border:1px solid var(--secondary-bg-color)}@media(min-width:768px)and (max-width:1105px){.Details-notebook{align-items:flex-start;flex-direction:row;margin-left:calc(var(--nav-width) + var(--scrollbar-width))}}.Details-notebook>div{width:100%}.Details-notebook>div:last-of-type{height:100%}@media(min-width:768px)and (max-width:1105px){.Details{display:none}}.Details>div{width:100%}.Details>div:last-of-type{height:100%}.error{background-color:orange;border:3px solid #000;box-shadow:"0 1px 1px rgba(0,0,0,0.08), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.16),0 8px 8px rgba(0,0,0,0.20);";color:#000;display:block;font-size:20px;font-weight:600px;max-width:300px;padding:10px 20px;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);-webkit-user-select:none;user-select:none}.error hr{background-color:#000;border:none;height:1px}.error p{overflow-wrap:break-word}.flexColumn,.message--sender{align-items:center;display:flex;flex-direction:column}.flexRowVerticallyCentered,.message{align-items:center;display:flex;flex-direction:row}.message{padding-top:20px}.message--user{justify-content:flex-start}.message--host{justify-content:flex-end}.message--sender{padding:0 20px}.message .baloon{word-wrap:break-word;border-radius:8px;margin-top:-15px;max-width:50%;padding:12px}.message .baloon-host{background-color:var(--host-baloon-color);position:relative}.message .baloon-host:after{background-color:var(--host-baloon-color);content:"";display:block;height:10px;margin-bottom:-4px;pointer-events:none;position:absolute;right:-10px;top:15px;transform:translate(-50%) rotate(45deg);transition:transform .2s ease-out;width:10px;z-index:3}.message .baloon-user{background-color:var(--user-baloon-color);position:relative}.message .baloon-user:after{background-color:var(--user-baloon-color);content:"";display:block;height:10px;left:0;margin-bottom:-4px;pointer-events:none;position:absolute;top:15px;transform:translate(-50%) rotate(45deg);transition:transform .2s ease-out;width:10px;z-index:3}.message:last-of-type{padding-bottom:40px}.Chat__header,.Chat__header .buttons,.flexRow{display:flex;flex-direction:row}.flexRowVerticallyCentered{align-items:center;display:flex;flex-direction:row}.Chat__header .buttons .button--chat,.flexbox-row-centered{align-items:center;display:flex;flex-direction:row;justify-content:center}.Chat__header,.withGreyBorder{border:1px solid var(--secondary-bg-color)}.Chat__header .buttons .button--chat:disabled>svg,.Chat__header .buttons .button--chat>svg,.svg--chat{box-sizing:initial;height:20px;width:20px}.Chat__header .buttons .button--chat,.button{background-color:initial;border:none;cursor:pointer;text-align:inherit}.Chat__header .buttons .button--chat:disabled,.button:disabled{cursor:default}.Chat__message-section input,.text-input{background-color:var(--main-bg-color);border-radius:30px;height:var(--users-search-height);padding:6px 6px 6px 14px}.Chat{flex-grow:1;height:calc(var(--details-height)*10 + var(--users-search-wrapper-height));position:relative}.Chat__header{align-items:center;height:calc(var(--users-search-height) + (var(--users-search-wrapper-height) - var(--users-search-height))/2);justify-content:space-between;padding-left:30px}.Chat__header .buttons{height:100%}.Chat__header .buttons .button--chat{border-left:1px solid var(--secondary-bg-color);cursor:pointer;width:calc(var(--users-search-height) + (var(--users-search-wrapper-height) - var(--users-search-height))/2)}.Chat__header .buttons .button--chat>svg{fill:var(--blue-text-color)}.Chat__header .buttons .button--chat:hover:not([disabled]){background-color:#d3d3d3}.Chat__header .buttons .button--chat:disabled{cursor:default}.Chat__header .buttons .button--chat:disabled>svg{fill:var(--main-text-color)}.Chat__message-section{align-items:center;border-bottom:1px solid var(--secondary-bg-color);border-top:1px solid var(--secondary-bg-color);bottom:0;display:flex;height:var(--users-search-wrapper-height);justify-content:space-between;padding-left:calc((var(--users-search-height) + (var(--users-search-wrapper-height) - var(--users-search-height))/2 - var(--svg-width))/2);position:-webkit-sticky;position:sticky;width:100%}@media(max-width:768px){.Chat__message-section{flex-direction:column;margin-top:0;padding-left:5vw;padding-right:5vw;padding-top:10px}}.Chat__message-section:hover{background-color:var(--secondary-bg-color)}.Chat__message-section input{border:none;flex-grow:1;width:100%}@media(max-width:768px){.Chat__message-section input{margin-left:10vw;margin-right:10vw}}.Chat .chat--core{height:calc(100% - var(--users-search-wrapper-height) - var(--users-search-height) - (var(--users-search-wrapper-height) - var(--users-search-height))/2);max-height:calc(100% - var(--users-search-wrapper-height) - var(--users-search-height) - (var(--users-search-wrapper-height) - var(--users-search-height))/2);overflow-y:scroll}.withDottedBottomBorder{border-bottom:1px dotted var(--main-text-color)}.Navigation,.flexColumn{align-items:center;display:flex;flex-direction:column}.Navigation>.Navigation__item,.flexRowVerticallyCentered{align-items:center;display:flex;flex-direction:row}.form__svg{fill:#767676;box-sizing:initial;height:var(--svg-width);transition:fill .1s ease-in-out;width:var(--svg-width)}.text-input{background-color:var(--main-bg-color);border-radius:30px;height:var(--users-search-height);padding:6px 6px 6px 14px}.Navigation{background-color:var(--main-nav-bg-color);bottom:0;float:left;margin-left:calc(100vw - 100%);position:fixed;top:0;width:var(--nav-width)}@media(max-width:768px){.Navigation{flex-direction:row;height:var(--nav-width);justify-content:flex-start;position:static;position:fixed;top:0;width:100%;z-index:1000}}.Navigation>.Navigation__item{background-color:var(--main-nav-bg-color);border-bottom:1px dotted var(--nav-icon-color);justify-content:center;width:100%}.Navigation>.Navigation__item:hover{background-color:var(--hover-nav-bg-color)}.Navigation>.Navigation__item.active{background-color:var(--active-nav-bg-color);cursor:pointer}.Navigation>.Navigation__item.active:hover{background-color:var(--hover-nav-bg-color)}.Navigation>.Navigation__item>img{fill:var(--nav-icon-color);aspect-ratio:1;width:35%}.Navigation>.Navigation__item:after{content:"";display:block;padding-bottom:100%}:root{--main-bg-color:#fff;--secondary-bg-color:#f5f7fd;--main-nav-bg-color:#425daa;--hover-nav-bg-color:#7c8fc2;--active-nav-bg-color:#2b4288;--blue-text-color:#425daa;--main-text-color:#757575;--main-text-color:#978b86;--bold-text-color:#413d3e;--user-baloon-color:#e2dbdb;--host-baloon-color:#dee5fb;--spinner-color:#cfb6a8;--font-larger:18px;--large-padding:24px;--nav-width:80px;--users-search-height:45px;--users-search-wrapper-height:80px;--svg-width:20px;--details-height:99.5px;--max-width:1440px}#root{font-family:Lato,sans-serif;height:100vh;width:100vw}.circular--square{border-radius:50%;position:relative}body{height:100vh;overflow-x:hidden;width:100vw}input,select,textarea{color:var(--main-text-color);font-size:16px}.Users .users--search-wrapper,.withDottedBottomBorder{border-bottom:1px dotted var(--main-text-color)}.flexColumn{align-items:center;display:flex;flex-direction:column}.flexRow{display:flex;flex-direction:row}.Users>.details>.content .last-comment,.flexRowVerticallyCentered,.flexbox-row-centered{align-items:center;display:flex;flex-direction:row}.flexbox-row-centered{justify-content:center}.heavy{font-weight:800}.blueText{color:var(--blue-text-color)}.withGreyBorder{border:1px solid var(--secondary-bg-color)}.withGreySideBorders{border-left:1px solid var(--secondary-bg-color);border-right:1px solid var(--secondary-bg-color)}.withGreyText{color:var(--main-text-color)}.upperCase{text-transform:uppercase}.withDottedBorder{border-bottom:1px dotted var(--main-text-color)}*{box-sizing:border-box}.Users .users--search-wrapper>.users--search .button.button--reset>svg,.Users .users--search-wrapper>.users--search .button.button--search>svg,.form__svg{fill:#767676;box-sizing:initial;height:var(--svg-width);transition:fill .1s ease-in-out;width:var(--svg-width)}.social__svg{fill:var(--blue-text-color);box-sizing:initial;height:var(--svg-width);width:var(--svg-width)}.svg--chat{height:20px;width:20px}.svg,.svg--chat{box-sizing:initial}.svg{height:36px;padding-left:14px;padding-right:14px;width:36px}.cut-string240{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:240px}.image-wrapper{position:relative}.button{background-color:initial;border:none;cursor:pointer;text-align:inherit}.button:disabled{cursor:default}.Users .users--search-wrapper>.users--search,.text-input{background-color:var(--main-bg-color);border-radius:30px;height:var(--users-search-height);padding:6px 6px 6px 14px}.sr-only{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}:focus{outline:2px ridge #0ca4f6;outline-offset:1px;z-index:2000}.scrollOffset{margin-left:calc(100vw - 100%)}.details_header_icon{box-sizing:initial;height:36px;padding-left:14px;padding-right:14px;width:36px}.Users{background-color:var(--secondary-bg-color);min-height:100vh}@media(max-width:768px){.Users{margin-left:unset;width:100%}}.Users>.details{background-color:var(--secondary-bg-color);border-bottom:1px dotted var(--main-text-color);height:var(--details-height);padding:var(--large-padding);position:relative}.Users>.details.clickable{cursor:pointer}.Users>.details .image-wrapper{position:relative}.Users>.details .image-wrapper svg{fill:var(--blue-text-color);height:15px;position:absolute;right:-10px;top:-5px;width:15px}.Users>.details.active{background-color:var(--main-bg-color)}.Users>.details.active:after{background-color:var(--main-nav-bg-color);content:"";display:block;height:100%;position:absolute;right:0;top:0;width:10px}.Users>.details:hover img{transform:scale(1.1)}.Users>.details>.content{align-items:center;display:flex;justify-content:start;position:relative}.Users>.details>.content .text--content{align-items:center;display:flex;height:40px;justify-content:space-between;padding-left:12px}.Users>.details>.content .last-comment{background-color:var(--main-bg-color);border-radius:30px;color:var(--main-text-color);font-size:12px;height:30px;padding:6px;position:absolute;right:0;width:70px}.Users .users--search-wrapper{align-items:center;display:flex;height:var(--users-search-wrapper-height);justify-content:center;position:relative}.Users .users--search-wrapper>.users--search{background-color:var(--main-bg-color);display:flex;font-size:15px;font-weight:400;height:var(--users-search-height);line-height:1.6;position:relative;width:320px}.Users .users--search-wrapper>.users--search>input{border:none;flex-grow:1;width:100%}.Users .users--search-wrapper>.users--search .button.button--reset>svg{padding-left:14px;padding-right:14px}
/*# sourceMappingURL=main.4d7ebc4b.css.map*/