@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);@import url(https://pro.fontawesome.com/releases/v5.10.0/css/all.css);.header[data-v-230026fc]{background:var(--color-dark)}.right-sight[data-v-230026fc]{display:flex;align-items:center}.right-sight img[data-v-230026fc]{width:50px;margin:0 20px}footer[data-v-48144895]{margin-top:auto}:root{--color-main:#4078c0;--color-main-light:#e1f6fb;--color-dark:#222;--color-dark-medium:#444;--color-dark-light:#4b4e6b;--color-light:#e5e5e5;--color-gray:#8b8b8b;--color-light-gray:#b2bdbd;--color-bg:#fafafa;--color-success:#5dd693;--color-error:#fc4b0b}*{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;box-sizing:border-box;text-rendering:optimizeLegibility;font-size:inherit}*,button{margin:0;padding:0}body,html{font-size:56.25%;height:100%}@media only screen and (min-width:1200px){html{font-size:62.5%}}@media only screen and (min-width:2100px){html{font-size:75%}}.content{flex:1 0 auto}body{line-height:1.6;font-weight:400;font-size:1.5rem;color:var(--color-light-gray);background-color:var(--color-bg);min-height:100vh;display:flex;flex-direction:column}img{width:100%}a{display:inline-block;color:var(--color-main);text-decoration:none}.container{max-width:120rem;width:90%;margin:auto}.btn{background-color:transparent;border:none;display:inline-flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease-in-out;padding:1rem 2rem;border-radius:5px;box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);font-weight:500}.btn--link{border-radius:0;padding:0;color:var(--color-main);box-shadow:none}.btn--link:hover{text-decoration:underline}.btn--main{background-color:var(--color-main);color:var(--color-dark)}.btn:hover{opacity:.9}.btn--dark{background-color:var(--color-dark-light);color:var(--color-light)}.btn>svg{fill:currentColor;width:1.6rem;height:1.6rem}.btn--pill{border-radius:10rem;font-size:1.4rem;font-weight:700;padding:6px 2.5rem;color:var(--color-main);background:transparent;border:2px solid var(--color-main)}.action-button{background:transparent;border:none;outline:none;cursor:pointer}.avatar{position:relative;display:inline-block;border-radius:50%;border:2px solid var(--color-main)}.avatar img{display:block;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar:after{content:"";display:block;position:absolute;background-color:var(--color-gray);z-index:111;border-radius:50%;border:.3rem solid var(--color-dark)}.avatar.active:after{background-color:var(--color-success)}.avatar.avatar--small img{width:2.8rem;height:2.8rem}.avatar.avatar--small:after{width:.7rem;height:.7rem;bottom:0;right:-6px}.avatar.avatar--medium img{width:3.6rem;height:3.6rem;border-radius:50%}.avatar.avatar--medium:after{width:.7rem;height:.7rem;bottom:0;right:-6px}.avatar.avatar--large img{display:block;width:8rem;height:8rem;border-radius:50%}.avatar.avatar--large:after{width:1rem;height:1rem;bottom:2px;right:3.5px}.scroll::-webkit-scrollbar{width:.6rem;background-color:#29292e}.scroll::-webkit-scrollbar-thumb{border-radius:1rem;background-color:var(--color-gray)}.dropdown__menu{z-index:111;position:absolute;top:5rem;right:.5rem;background:var(--color-dark-light);border-radius:5px;box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);overflow:hidden;display:none}.dropdown__menu.show{display:block}.dropdown__menu a{padding:1.2rem 4rem;display:block;color:var(--color-light)!important;font-weight:500;font-size:1.4rem}.dropdown__menu a:hover{background-color:var(--color-dark-medium)}.dropdown__menu>a:not(:last-child){border-bottom:1px solid var(--color-dark-medium)}.dropdown__menu a svg{fill:var(--color-light)}.mobile-menu{margin-bottom:3rem}.mobile-menuItems{display:flex;align-items:center;justify-content:center;gap:1rem}@media screen and (min-width:500px){.mobile-menu{display:none}}.header{padding:1.5rem;background-color:var(--color-dark)}.header>.container{display:flex;gap:9.5rem}.header__logo,.header__user{display:flex;gap:2rem;align-items:center}.header__logo>img{height:3.2rem;width:3.2rem}.header__logo>h1{font-weight:700;font-size:2rem;color:var(--color-light)}.header__search>label{background-color:var(--color-dark-medium);padding:1.3rem 1rem;display:flex;align-items:center;gap:1rem;border-radius:4px}.header__search svg{fill:var(--color-gray);width:2rem;height:2rem;margin-left:1rem}.header__search input{width:30rem;background:transparent;border:none;outline:none;color:var(--color-light)}@media screen and (max-width:800px){.header__search input{width:20rem}.header>.container{gap:3rem}}@media screen and (max-width:700px){.header__logo h1{display:none}}@media screen and (max-width:500px){.header__search{display:none}}.header__menu{margin-left:auto;position:relative}.header__menu a{display:flex;gap:1.5rem;align-items:center;font-weight:500;text-decoration:none;color:var(--color-gray)}.header__menu img{height:3.6rem}.header__menu p{line-height:1.2}.header__menu span{color:var(--color-main);font-weight:500;font-size:1.4rem;display:block}.header__menu svg{width:1.6rem;height:1.6rem;fill:var(--color-dark-light)}.dropdown-button{background:transparent;border:0;outline:0;cursor:pointer}.dropdown-button:hover svg{fill:var(--color-main)}.layout{margin-top:5rem}.layout>.container{display:flex;justify-content:space-between;align-items:flex-start}.layout--3>.container>div:first-child{flex-basis:18%;max-width:22.5rem}.layout--3>.container>div:nth-child(2){flex-basis:50%}.layout--3>.container>div:last-child{flex-basis:25%}.layout--2>.container>div:first-child{flex-basis:72%}.layout--2>.container>div:last-child{flex-basis:25%}.layout__box{width:90%;max-width:48rem;min-height:40rem;background-color:var(--color-dark);border-radius:1rem;box-shadow:1px 1px 6px 3px rgba(0,0,0,.1);overflow:hidden;margin:2rem auto}.layout__boxHeader{display:flex;padding:1.5rem;background-color:var(--color-dark-light)}.layout__boxTitle{display:flex;gap:1.5rem;align-items:center}.layout__boxTitle h3{text-transform:uppercase;font-weight:500;color:var(--color-light)}.layout__boxTitle svg{width:1.6rem;height:1.6rem;fill:var(--color-main)}.layout__body{margin:3rem}@media screen and (max-width:900px){.activities,.topics{display:none}.layout--3>.container>div:nth-child(2){flex-basis:100%}}.form__group{margin-bottom:2rem;width:100%}.form__split{display:flex;gap:1.5rem}.form__group label{display:block;font-size:1.5rem;margin-bottom:1rem}.form__group input,.form__group select,.form__group textarea{background:transparent;border:1px solid var(--color-dark-light);padding:1rem;border-radius:3px;width:100%;color:var(--color-light);font-weight:500;outline:none}.form__group input:focus,.form__group textarea:focus{border-color:var(--color-main)}.form__group textarea{background:transparent;height:10rem;resize:none}.form__group select{color:var(--color-gray);font-weight:400}.form__group select option{background-color:var(--color-dark-light);color:var(--color-light);padding:0 10rem}.form__action{display:flex;justify-content:flex-end;gap:3rem}.form__hide{position:absolute;left:-9999px}.form__avatar label{text-align:center;font-size:1.8rem;font-weight:500;color:var(--color-main);cursor:pointer}.form__avatar label:hover{text-decoration:underline}.topics__header{margin-bottom:2rem}.topics__header h2{text-transform:uppercase;font-weight:500;color:var(--color-dark-light)}.topics__list{list-style:none}.topics__list li a{display:flex;justify-content:space-between;margin-bottom:3rem;font-weight:500;color:var(--color-light-gray);transition:all .3s ease-in-out}.topics__list li a.active,.topics__list li a:hover{color:var(--color-main)}.topics__list li a span{padding:.5rem 1rem;background-color:var(--color-dark);border-radius:3px;font-size:1.3rem;font-weight:700;letter-spacing:1px}.topics-page a:hover{text-decoration:underline}.topics-page .topics__list li:not(:last-child) a{margin:2rem 0;padding-bottom:1rem;text-decoration:none;border-bottom:1px solid var(--color-dark-medium)}.topics-page .header__search{display:block}@media screen and (max-width:500px){.mobile-menu .header__search{display:block;margin-bottom:2.4rem}}.roomList__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.4rem}.roomList__header h2{text-transform:uppercase;font-weight:500;color:var(--color-light);letter-spacing:1px}.roomList__header p{font-weight:500;color:var(--color-dark-light)}.roomListRoom{margin-bottom:2.4rem;background-color:var(--color-dark);border-radius:1rem;padding:2rem}.roomListRoom__header{display:flex;justify-content:space-between;align-items:center}.roomListRoom__author{font-weight:500;display:flex;align-items:center;gap:1rem}.roomListRoom__actions{display:flex;align-items:flex-start;gap:1rem;position:relative}.roomListRoom__actions span{font-size:1.4rem;font-weight:500}.roomListRoom__actions svg{fill:var(--color-main);width:1.6rem;height:1.6rem}.roomListRoom__content{margin:1rem 0}.roomListRoom__content a{font-size:2rem;font-weight:500;margin-bottom:1.5rem;color:var(--color-light);transition:all .3s ease-in-out}.roomListRoom__content a:hover{color:var(--color-main)}.roomListRoom__meta{border-top:1px solid var(--color-dark-medium);padding-top:1rem;display:flex;align-items:center;justify-content:space-between}.roomListRoom__joined{color:var(--color-light-gray);display:flex;align-items:center;gap:1rem;font-size:1.4rem;font-weight:500}.roomListRoom__joined svg{fill:var(--color-main);width:1.6rem;height:1.6rem}.roomListRoom__topic{padding:5px 1.5rem;background-color:var(--color-dark-medium);border-radius:5rem;font-weight:500;font-size:1.3rem}.activities{background:var(--color-dark);border-radius:5px;overflow:hidden}.activities__header h2{background-color:var(--color-dark-light);text-transform:uppercase;font-weight:500;padding:1rem 1.5rem;color:var(--color-light);letter-spacing:1px;font-size:1.4rem}.activities__box{margin:1.5rem;padding:1.5rem;border:2px solid var(--color-dark-medium);border-radius:5px}.activities__boxHeader p{font-size:1.4rem;line-height:1.3}.activities__boxHeader p span{color:var(--color-gray);font-size:1.2rem;display:block}.activities__boxContent{margin-left:4.2rem;font-size:1.4rem}.activities__boxContent a:hover{text-decoration:underline}.activities__boxRoomContent{background:var(--color-bg);padding:1rem;border-radius:5px;margin-top:1rem;margin-left:-4.2rem}.roomListRoom__actions svg{fill:var(--color-light-gray)}.create-room.layout .layout__box,.delete-item.layout .layout__box,.update-account.layout .layout__box{max-width:68rem}.auth__tagline{text-align:center;margin-bottom:3rem;color:var(--color-main);font-weight:500;font-size:1.8rem}.auth .layout__boxHeader{text-align:center;justify-content:center}.auth__action{margin-top:3rem;text-align:center}.settings__avatar{margin-bottom:3rem;text-align:center;margin:0 auto;display:flex;justify-content:center}.settings__avatar .avatar{margin:1rem}.profile{margin-bottom:3rem}.profile__avatar,.profile__info{text-align:center}.profile__info h3{font-size:2rem;color:var(--color-light);font-weight:400}.profile__info p{color:var(--color-main);font-weight:500;margin-bottom:1rem}.profile__about{margin-top:2rem}.profile__about h3{text-transform:uppercase;color:var(--color-dark-light);margin-bottom:.5rem}.profile-page .roomList__header{margin-bottom:1.5rem}.profile-page .roomList__header h2{color:var(--color-dark-light)}.participants,.room{background:var(--color-dark);max-height:87.5vh;border-radius:.7rem;overflow:hidden;position:relative}@media screen and (max-width:900px){.participants{display:none}.layout--2>.container>div:first-child{flex-basis:100%}}.participants__top,.room__top{background:var(--color-dark-light);display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:relative}.room__top svg,.thread__top svg{width:1.6rem;height:1.6rem;fill:var(--color-light);cursor:pointer}.room__topLeft{display:flex;align-items:flex-end;gap:1rem}.participants__top,.room__topLeft h3{text-transform:uppercase;font-weight:500;color:var(--color-light)}.room__topLeft svg{width:1.6rem;height:1.6rem;fill:var(--color-light)}.room__topRight{display:flex;-moz-column-gap:1em;column-gap:1em}.room__topRight svg{fill:var(--color-main-light)}.room__header{max-height:30vh;overflow-y:auto;position:absolute;width:95%;background:var(--color-dark);z-index:999;top:4.4rem;padding-top:2rem;padding-bottom:1rem}@media screen and (max-width:500px){.room__header{top:4.3rem;padding-right:2rem}}.room__box{padding-left:2rem;padding-right:2rem;height:80.5vh;padding-bottom:0}@media screen and (max-width:500px){.room__box{padding-left:2.5rem;padding-right:2rem;height:80.5vh;overflow-y:auto;padding-bottom:0}}.room__info{display:flex;justify-content:space-between}.room__info h3{font-size:2.4rem;font-weight:500;color:var(--color-main)}.room__hosted p{text-transform:uppercase;color:var(--color-gray);font-size:1.2rem;font-weight:700;line-height:2}.room__author{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;transition:all .3s ease-in-out}.room__author:hover{text-decoration:underline}.room__topics{padding:.5rem 1.5rem;background:var(--color-dark-light);color:var(--color-light);display:inline-block;font-size:1.4rem;border-radius:1.5rem;margin:1rem 0}.room__conversation{margin-top:1rem;margin-bottom:4rem;height:64%}.threads h3{text-transform:uppercase;font-weight:500;color:var(--color-gray)}.threads{background:var(--color-bg);border-radius:.7rem;overflow-y:auto;height:100%;margin-top:28vh;padding:0 2rem 4rem 2rem}.thread{border-left:2px solid var(--color-dark);padding-left:1rem;margin:2rem 0;padding:2rem}.thread__top{display:flex;align-items:center;justify-content:space-between}.thread__top svg{fill:var(--color-dark-light)}.thread__author{display:flex;align-items:center;gap:1.5rem;font-size:1.4rem}.thread__authorInfo{display:flex;align-items:center;gap:1rem}.thread__details{font-size:1.4rem;margin-top:.5rem}.room__message{padding:1rem 2rem;position:absolute;z-index:111;bottom:0;left:0;right:0;background:transparent}.room__message>form>input{resize:none;border:none;border-radius:.7rem 0 0 .7rems;width:100%;font-weight:500;position:relative}.room__message>form>button,.room__message>form>input{background-color:var(--color-dark-light);color:var(--color-light);outline:none;height:4.5rem;margin-top:-1rem;padding:0 1.2rem;font-size:1.4rem}.room__message>form>button{border-radius:0 .7rem .7rem 0;border:none}.room__message>form>input::-moz-placeholder{color:var(--color-light-gray)}.room__message>form>input::placeholder{color:var(--color-light-gray)}.participants__top span{color:var(--color-main);font-size:1.3rem;text-transform:none}.participants__top{justify-content:flex-start;gap:.5rem}.participants__list{padding:2rem;height:82.5vh;overflow-y:scroll;padding-bottom:0}.participant{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.participant p{color:var(--color-light-gray);line-height:1.2}.participant span{display:block;font-weight:500;color:var(--color-main);font-weight:1.4rem}footer{background:var(--color-dark);padding:20px 30px;flex-shrink:0}footer ul{list-style:none}footer p{text-align:left;margin-top:20px;color:var(--color-dark-medium)}.footer__upper{display:flex;flex-wrap:wrap;justify-content:space-between}footer div li a i{font-size:2.5rem;margin:5px}.faq-heading{border-bottom:#777;padding:20px 60px}.faq-container{display:flex;justify-content:center;flex-direction:column}.faq-page,.hr-line{width:60%;margin:auto}.faq-page{color:#444;cursor:pointer;padding:30px 20px;border:none;outline:none;transition:.4s}.faq-page.active+.faq-body{display:block}.faq-body{margin:auto;width:50%;padding:auto}.active,.faq-page:hover{background-color:#f9f9f9}.faq-body{padding:0 18px;background-color:#fff;display:none;overflow:hidden}.faq-page:after{content:"\02795";font-size:13px;color:#777;float:right;margin-left:5px}.active:after{content:"\2796"}#contact button[type=submit],#contact input[type=email],#contact input[type=tel],#contact input[type=text],#contact input[type=url],#contact textarea{font:400 12px/16px Roboto,Helvetica,Arial,sans-serif}#contact{background:#f9f9f9;padding:25px;margin:2rem 0;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24)}#contact h3{display:block;font-size:30px;font-weight:300;margin-bottom:10px}#contact h4{margin:5px 0 15px;display:block;font-size:13px;font-weight:400}fieldset{border:medium none!important;margin:0 0 10px;min-width:100%;padding:0;width:100%}#contact input[type=email],#contact input[type=tel],#contact input[type=text],#contact input[type=url],#contact textarea{width:100%;border:1px solid #ccc;background:#fff;margin:0 0 5px;padding:10px}#contact input[type=email]:hover,#contact input[type=tel]:hover,#contact input[type=text]:hover,#contact input[type=url]:hover,#contact textarea:hover{transition:border-color .3s ease-in-out;border:1px solid #aaa}#contact textarea{height:100px;max-width:100%;resize:none}#contact button[type=submit]{cursor:pointer;width:100%;border:none;background:var(--color-main);color:#fff;margin:0 0 5px;padding:10px;font-size:15px}#contact button[type=submit]:hover{background:var(--color-main);transition:background-color .3s ease-in-out}#contact button[type=submit]:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}.copyright{text-align:center}#contact input:focus,#contact textarea:focus{outline:0;border:1px solid #aaa}::-webkit-input-placeholder{color:#888}:-moz-placeholder,::-moz-placeholder{color:#888}:-ms-input-placeholder{color:#888}.creators{margin:5rem 0}.creator{display:flex}.creator>img{width:200px;filter:grayscale(100);border:2px solid #222;padding:5px;margin-right:50px}div.divide[data-v-ee633da2]{display:flex;height:100vh;flex-direction:column}.home>.container[data-v-63cbde87]{display:flex;justify-content:space-between;align-items:flex-start}