.logo{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;margin:30px 0}@media(max-width:768px){.logo{-webkit-transform:scale(.85);transform:scale(.85)}}.logo__text{font-family:hwt-gothic-round,sans-serif;font-weight:900;font-style:normal;font-size:30px;padding:0 5px;margin-top:5px}.room-dropdown__trigger{width:60%;padding:10px 0 5px;margin:10px 0 0;display:-moz-box;display:flex;justify-content:space-around;-moz-box-align:baseline;align-items:baseline;font-family:forma-djr-deck,sans-serif;font-size:16px;font-weight:500;font-style:normal;text-transform:capitalize;background-color:transparent;border:none;border-bottom:1px solid}@media(max-width:478px){.room-dropdown__trigger{width:75%;font-size:14px}}.room-dropdown__arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid}.room-dropdown__content{width:105px;padding:10px 0;background-color:#f3f4f2}.room-dropdown__item{cursor:pointer;border:none;width:100%;padding:10px;text-transform:capitalize}.room-dropdown__item:hover{background-color:#000;color:#fff}.room-dropdown__item:active{opacity:1}.user-list{height:100%;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.user-list__header{width:100%;margin:15px 0 10px;text-align:center;font-family:forma-djr-deck,sans-serif;font-weight:500;font-style:normal;color:#43b581}.user-list__item{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;margin:10px 0}@media(max-width:478px){.user-list__item{-moz-box-pack:center;justify-content:center}}.user-list__item--avatar{position:relative;width:40px;height:40px;margin-right:5px}.user-list__item--avatar>div{position:unset!important}.user-list__item--avatar:after{content:"";position:absolute;bottom:5px;right:-4px;width:9px;height:9px;border:2px solid #fff;border-radius:999px;background-color:#43b581}@media(max-width:478px){.user-list__item--avatar{width:56px;height:56px;margin-right:0}.user-list__item--avatar:after{right:-2px;bottom:4px}}.user-list__item--name{font-family:forma-djr-deck,sans-serif;font-size:inherit;font-weight:500;font-style:normal}@media(max-width:478px){.user-list__item--name{display:none}}.message-list--wrapper{grid-column:2;justify-self:center;align-self:center;width:100%;height:100%;padding:0 120px;overflow-y:auto;overflow-x:hidden}@media(max-width:768px){.message-list--wrapper{padding:0 40px}}.message-list{width:100%;padding:45px 0}.message-list__item,.message-list__item--sent{list-style-type:none;width:100%;padding:10px 0;margin:30px 0;display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.message-list__item--sent{-moz-box-orient:horizontal;-moz-box-direction:reverse;flex-direction:row-reverse}.content,.content--sent{position:relative;display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.content--sent{-moz-box-orient:horizontal;-moz-box-direction:reverse;flex-direction:row-reverse}.content--sent .content__text--name{text-align:right}.content__avatar{position:relative;width:100px;height:100px;margin:0 15px;align-self:flex-start;flex-shrink:0;border-radius:100%;overflow:hidden}.content__avatar>div{position:unset!important}@media(max-width:768px){.content__avatar{width:80px;height:80px}}@media(max-width:478px){.content__avatar{margin:0 5px;width:64px;height:64px}}.content__text{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.content__text--name{font-family:forma-djr-micro,sans-serif;font-size:12px;font-weight:500;opacity:.6}.content__text--message{grid-column:2;grid-row:2;max-width:700px}@media(max-width:1366px){.content__text--message{max-width:600px}}.message-input{position:fixed;bottom:0;left:180px;width:-webkit-calc(100% - 180px);width:calc(100% - 180px);padding-bottom:50px}@media(max-width:1366px){.message-input{left:160px;width:-webkit-calc(100% - 160px);width:calc(100% - 160px)}}@media(max-width:768px){.message-input{left:140px;width:-webkit-calc(100% - 140px);width:calc(100% - 140px)}}@media(max-width:478px){.message-input{left:100px;width:-webkit-calc(100% - 100px);width:calc(100% - 100px);padding-bottom:30px}}.message-input__typing{position:absolute;top:0;left:10%;font-weight:500;color:#d81e5b}.message-input__typing>span{color:#d81e5b}form{height:72px;width:100%;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:end;align-items:flex-end}form input{border-radius:0;background:transparent;width:60%;height:50px;padding:0 20px;margin:0 20px;font-family:forma-djr-text,sans-serif;font-size:24px;border:none;border-bottom:1px solid rgba(0,0,0,.6);-webkit-transition:border-bottom-color .3s ease;transition:border-bottom-color .3s ease}form input::-webkit-input-placeholder{color:rgba(0,0,0,.65);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease}form input::-moz-placeholder{color:rgba(0,0,0,.65);-moz-transition-property:opacity,transform;transition-property:opacity,transform;transition-duration:.3s;transition-timing-function:ease}form input:-ms-input-placeholder{color:rgba(0,0,0,.65);-ms-transition-property:opacity,transform;transition-property:opacity,transform;transition-duration:.3s;transition-timing-function:ease}form input::placeholder{color:rgba(0,0,0,.65);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease}form input:focus{outline:none;border-bottom-color:#d81e5b}form input:focus::-webkit-input-placeholder{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}form input:focus::-moz-placeholder{opacity:0;transform:translateY(20px)}form input:focus:-ms-input-placeholder{opacity:0;transform:translateY(20px)}form input:focus::placeholder{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}@media(max-width:478px){form input{padding:0 10px;margin:0 10px;font-size:20px}}form button{border:none;cursor:pointer;flex-shrink:0;display:-moz-inline-box;display:inline-flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;width:55px;height:55px;border-radius:999px;background-color:#d81e5b}form button:disabled{cursor:auto}form button:enabled:hover{background-color:#ad1849}form button:enabled:active{background-color:#971540}.hero{height:100%;display:grid;grid-template-columns:140px 5fr;grid-template-rows:5fr;grid-gap:0;gap:0;grid-auto-columns:6fr;grid-auto-rows:4fr;grid-auto-flow:column}@media(max-width:768px){.hero{grid-auto-flow:row}}.hero__content{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;padding:0 20px;margin-left:-140px;margin-bottom:-65px}@media(max-width:768px){.hero__content{padding:0 20px;margin-bottom:-100px}}.hero__content--text{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center}.hero__content--button{cursor:pointer;display:inline-block;-moz-box-align:center;align-items:center;-webkit-tap-highlight-color:rgba(0,0,0,0);border:none;border-radius:999px;margin:60px 0 0;padding:25px 120px;font-family:Gilroy,sans-serif;font-size:20px;font-weight:500;background-color:#000;color:#fff}.hero__content--button:hover{opacity:.8}.hero__content--button:active{opacity:1}@media(max-width:1366px){.hero__content--button{font-size:17px;padding:20px 80px}}@media(max-width:768px){.hero__content--button{margin:20px 0;padding:20px 60px;font-size:16px}}@media(max-width:478px){.hero__content--button{padding:15px 35px;font-size:13px}}.hero__image{display:block;position:relative}@media(max-width:768px){.hero__image{grid-column:1/3}}.chatroom{height:100vh;display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.chatroom,.chatroom__content{width:100%;-moz-box-pack:center;justify-content:center}.chatroom__content{height:100%;display:grid;grid-template-columns:180px 1fr;grid-template-rows:100%}@media(max-width:1366px){.chatroom__content{grid-template-columns:160px 1fr}}@media(max-width:768px){.chatroom__content{grid-template-columns:140px 1fr}}@media(max-width:478px){.chatroom__content{grid-template-columns:100px 1fr}}.sidebar{height:100%;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center;background-color:#f6f6f6}@media(max-width:478px){.sidebar{font-size:14px}}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-SemiBold.woff2) format("woff2"),url(/fonts/Gilroy-SemiBold.woff) format("woff");font-weight:500}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth}html{height:100%;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{height:100vh;width:100vw;overflow:hidden;background-color:#f6f7f8;color:#000}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{color:inherit;text-decoration:none}h1{margin:0 0 20px;display:inline;inline-size:-moz-min-content;inline-size:min-content;word-spacing:100vw;font-family:forma-djr-banner,sans-serif;font-weight:700;font-style:normal;font-size:-webkit-calc(5rem + 7.5vw);font-size:calc(5rem + 7.5vw);line-height:.8}@media(max-width:1366px){h1{font-size:-webkit-calc(4rem + 7.5vw);font-size:calc(4rem + 7.5vw)}}@media(max-width:768px){h1{font-size:-webkit-calc(3.5rem + 9vw);font-size:calc(3.5rem + 9vw);line-height:.75}}@media(max-width:478px){h1{font-size:-webkit-calc(2rem + 9vw);font-size:calc(2rem + 9vw);line-height:.8}}h2{margin:0;display:inline;width:100%;font-family:forma-djr-text,sans-serif;font-weight:500;font-style:normal;font-size:-webkit-calc(1.25rem + .5vw);font-size:calc(1.25rem + .5vw)}@media(max-width:1366px){h2{width:80%;font-size:-webkit-calc(1rem + .75vw);font-size:calc(1rem + .75vw)}}@media(max-width:768px){h2{width:75%;margin:20px 0 0}}@media(max-width:478px){h2{font-size:16px;line-height:1.2}}h3{font-family:forma-djr-micro;font-weight:700;font-style:normal;font-size:14px}h3,p{margin:0}p{font-family:forma-djr-text,sans-serif;font-weight:400;font-size:32px}@media(max-width:1366px){p{font-size:24px}}@media(max-width:768px){p{font-size:18px}}@media(max-width:478px){p{font-size:16px}}.avatar{border-radius:100%}#sign_out{width:100%;height:105px;padding:5px 20px;display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between;-moz-box-align:center;align-items:center;color:#040f0f}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#313130;border-radius:20px;border:6px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#aaaba9}