html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-size:16px}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}[role=button]{cursor:pointer}*,*:before,*:after{box-sizing:border-box}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:BeVietnamPro;src:url(/assets/BeVietnamPro-Bold-D9maWAkd.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:BeVietnamPro;src:url(/assets/BeVietnamPro-Medium-7CCl_R_0.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:BeVietnamPro;src:url(/assets/BeVietnamPro-Regular-0c0Yow3w.woff2) format("woff2");font-weight:400;font-style:normal}:root{--white: #fff;--white-rgb: 255, 255, 255;--black: #000;--black-rgb: 0, 0, 0;--background: #ffffff;--gray: #8C8E8F;--gray-rgb: 140, 142, 143;--text: #000;--text-secondary: #8f5fb6;--border: #ac88e3;--error: #a7223a;--secondary: #4aa1b9;--secondary-rgb: 74, 161, 185;--primary: #9064bd;--disabled: #4d316c;--primary-rgb: 144, 89, 204;--card: #c6b0e0;--card-rgb: 208,156,28;--red-rgb: 255, 68, 236;--red: #FF4418;--green: #27AE60;--green-rgb: 39, 174, 96;--ton: #3A71A4;--ton-rgb: 58, 113, 164}*{color:var(--text)}html{scroll-behavior:smooth;width:100%;max-width:100%;font-family:BeVietnamPro,sans-serif;height:100%;background:var(--background)}html *{font-family:BeVietnamPro,sans-serif;transition:all .25s ease}body{height:100%;overflow-x:hidden}body img{max-width:100%}body.overflow{overflow:hidden;height:100%}#root{width:100%;height:100%}.container{width:100%;padding:0 16px}.app-wrapper{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.app-wrapper{padding-bottom:83.4px}}.user-profile{display:flex;align-items:center;justify-content:flex-start;gap:8px}.avatar{border-radius:50%;overflow:hidden}.paragraph_default_1{font-size:13px;font-weight:300;line-height:1.44}.paragraph a{text-decoration:underline;font-weight:inherit;line-height:inherit;font-size:inherit;color:var(--primary);vertical-align:baseline;cursor:pointer}.navbar{position:fixed;top:0;right:0;left:0;padding:12px 0;z-index:100000}.navbar__container{gap:100px;display:flex;justify-content:space-between}.navbar__container__user{display:flex;justify-content:flex-end;align-items:center;gap:8px}.navbar__container__left{display:flex;align-items:center;justify-content:flex-start;gap:100px}@media (max-width: 768px){.navbar__container__left>.navbar__links{display:none}}@media (max-width: 768px){.navbar__container>.navbar__container__user{display:none}}.navbar__links{display:flex;align-items:center;justify-content:flex-start;gap:32px}.navbar__links__link{font-size:16px;line-height:1.2;color:var(--text)}.navbar__links__link_active{color:var(--primary);text-decoration:underline}.disconnect-button{width:100%;display:flex;justify-content:center;max-width:120px}.disconnect-button .button{padding:8px 16px}.button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 32px;border:none;outline:none;font-weight:600;cursor:pointer;border-radius:6px}.button_primary{background:var(--primary);color:var(--white)}.button_primary svg path{fill:var(--white)}.button_secondary{background:rgba(var(--secondary-rgb),.2)}.button_secondary svg path{fill:var(--white)}.button:disabled{cursor:not-allowed;background:var(--disabled);opacity:.4;color:rgba(var(--white-rgb),.4)}.button:disabled svg path{fill:rgba(var(--white-rgb),.4)}.logo{font-size:40px;color:var(--primary)}.logo img{width:60px}.menu-wrapper{position:fixed;height:100%;top:0;right:0;bottom:0;left:0;background:rgba(var(--gray-rgb),.25);z-index:1000000}.menu{position:absolute;top:0;right:0;width:200px;min-height:320px;background:var(--white);border-bottom-left-radius:10px;padding:55px 16px 10px;display:flex;flex-direction:column;gap:16px}.menu .navbar__links{flex-direction:column;align-items:flex-start;gap:8px}.menu .navbar__links__link{border-bottom:1px solid var(--border);padding:8px;width:100%}.menu .navbar__links__link_active{text-decoration:none;background-color:var(--card);color:var(--white)}.menu__button{display:none;cursor:pointer;position:relative;align-items:center;z-index:10000000}@media (max-width: 768px){.menu__button{display:flex}}.home{height:100%;width:100%;display:flex;justify-content:flex-start;flex-direction:column;gap:4px}.home__header{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:23px}.home__header>.home__header__heading{font-size:120px;line-height:1;text-align:center}@media (max-width: 768px){.home__header>.home__header__heading{font-size:60px}}.home__header>.home__header__subheading{font-size:40px;line-height:1;max-width:400px;text-align:center}@media (max-width: 768px){.home__header>.home__header__subheading{font-size:32px}}.home__container{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;flex:1;gap:200px}.home__container .button,.home__container .input-wrapper{max-width:320px}@media (max-width: 768px){.home__container{gap:60px}}.home__login{display:flex;justify-content:center;flex-direction:column;gap:16px}.home__login .paragraph{max-width:320px;text-align:center;font-size:20px}.heading{color:var(--heading);width:fit-content}.heading_variant-h2{font-size:23px;line-height:1.1;font-weight:500}.heading_variant-h3{font-size:43px;line-height:1.1;font-weight:500}.heading_variant-h4{font-size:24px;line-height:28px}.heading span{color:var(--heading-span)}.connect-button{width:100%;display:flex;justify-content:flex-start;padding-top:40px;gap:60px;flex-direction:column;align-items:center;border-radius:16px 16px 0 0;border-top:1px solid var(--border);height:40%;position:fixed;background:var(--background);bottom:0;left:0;right:0}.connect-button .button{max-width:320px}.connect-button .button svg{width:32px;height:32px}.connect-button__close{position:absolute;right:16px;top:16px;display:flex;align-items:center;cursor:pointer}.connect-button__buttons{display:flex;align-items:center;justify-content:center;gap:16px}.connect-button__email{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:16px}.input-wrapper{display:flex;flex-direction:column;gap:2px;align-items:flex-start;width:100%}.input-wrapper>.paragraph{color:var(--error)}.input-wrapper__input-block{position:relative;display:flex;flex-direction:column;gap:2px;align-items:flex-start;width:100%}.input-wrapper__input-block__input{width:100%;max-width:320px;background:none;border-radius:4px;border:2px solid var(--border);padding:8px 16px;outline:none}.rooms-layout{width:100%;padding-top:80px;display:flex;align-items:stretch;justify-content:flex-start;gap:16px;height:100%;max-height:calc(100% - 80px)}@media (max-width: 768px){.rooms-layout{max-height:100%}}.rooms-layout__list-wrapper{max-width:300px;min-width:300px;display:flex;flex-direction:column;align-items:center;gap:20px}@media (max-width: 768px){.rooms-layout__list-wrapper{display:none;max-width:unset;min-width:unset;width:100%}}.rooms-layout__list{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:space-between;width:100%;border-radius:12px;border:2px solid var(--border);background:var(--card);padding:16px;gap:32px}.rooms-layout__buttons{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;width:100%}.rooms-layout__back{position:absolute;left:0;top:50%;transform:translateY(-50%);cursor:pointer;display:none}@media (max-width: 768px){.rooms-layout__back{display:flex}}.rooms-layout__main-wrapper{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:stretch;gap:20px;padding-right:48px}.rooms-layout__main-wrapper .heading{width:100%;text-align:center}.rooms-layout__main-wrapper__header{width:100%;display:flex;justify-content:center;position:relative}@media (max-width: 768px){.rooms-layout__main-wrapper{padding-right:0;display:none}}.rooms-layout__main{height:calc(100% - 45px);border-radius:12px;border:2px solid var(--border);background:var(--card)}.rooms-layout__mobile_show{display:flex}.rooms-list{display:flex;flex-direction:column;gap:8px;width:100%}.rooms-list__item{display:flex;cursor:pointer;width:100%;padding:8px 16px;align-items:center;justify-content:flex-start;gap:12px;border:1px solid var(--border);border-radius:4px}.rooms-list__item_active{background:var(--secondary)}.rooms{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.create-room{width:100%;flex:1;height:100%}.create-room__container{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}.create-room__form{display:flex;margin-top:16px;flex-direction:column;gap:20px;align-items:center;width:100%;max-width:500px;justify-content:center}.create-room__form .button,.create-room__form .input-wrapper{max-width:320px}.create-room__form>.paragraph{text-align:center;font-size:20px}.create-room__result{border-radius:12px;width:100%;max-width:500px;padding:16px 32px;background:var(--card);border:4px solid var(--border)}.create-room__result__users{margin-top:20px;gap:20px;display:flex;align-items:stretch;justify-content:flex-start}.create-room__result__users__user{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px}.create-room__result__users__user .paragraph{white-space:wrap;word-break:break-all}.room{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.room>.button{max-width:320px}.room__main{width:100%;height:100%;display:flex;flex-direction:column}.room-header{padding:8px 16px;width:100%;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--border)}.room-header__left{display:flex;justify-content:flex-start;gap:20px;align-items:center}.room-header__right{display:flex;justify-content:flex-end;gap:20px;align-items:center}.room-header .user-profile{flex-direction:row-reverse}.share-button{padding:8px;border-radius:8px;background:var(--secondary);display:flex;align-items:center;cursor:pointer}.share-button svg{width:20px;height:20px}.room-input{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;padding:16px;border-top:1px solid var(--border);position:relative}@media (max-width: 768px){.room-input .button{padding-left:16px;padding-right:16px}}.room-input__add-icon{display:none;color:var(--white)}@media (max-width: 768px){.room-input__add-icon{display:block}}@media (max-width: 768px){.room-input__add-text{display:none}}.room-input__content{display:flex;flex-direction:column;width:100%;gap:4px}.room-input__content .paragraph{font-size:12px}.room-input__file-input{position:absolute;opacity:0;z-index:-10;bottom:0}.room-input__textarea{width:100%;background:none;border-radius:4px;border:2px solid var(--border);padding:8px 16px;outline:none;min-height:41px}.room-input .button{width:fit-content;white-space:nowrap}.room-main{flex:1;width:calc(100% + 48px);overflow-y:scroll;overflow-x:auto;padding:0 32px 0 16px;margin-right:-48px}.room-main::-webkit-scrollbar{width:32px}.room-main::-webkit-scrollbar-thumb{border-radius:4px;background:transparent;width:32px;border:4px solid var(--primary)}.room-main::-webkit-scrollbar-track{background:var(--card);border-radius:4px}@media (max-width: 768px){.room-main{padding:0 16px;margin-right:0;width:100%}.room-main::-webkit-scrollbar{width:5px}}.room-main__wrapper{justify-content:flex-end;display:flex;flex-direction:column;align-items:stretch;gap:16px}.room-main__anchor{height:0;width:100%;opacity:0}.message{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row-reverse;gap:4px}.message__date{margin-top:4px}.message__date .paragraph{font-size:8px}.message_other{flex-direction:row}.message_other .message__main{justify-content:flex-start;flex-direction:row}.message_other .message__main__content,.message_other .message__main__content__file{align-items:flex-start}.message_other .message__main .paragraph,.message_other .message__main .heading{text-align:left}.message__main{display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:row-reverse;gap:8px;max-width:80%}.message__main__content{display:flex;flex-direction:column;align-items:flex-end}.message__main__content .heading{font-size:14px;line-height:1.2}.message__main__content .paragraph{word-break:break-all;white-space:pre-wrap}.message__main__content .paragraph,.message__main__content .heading{text-align:right}.message__main__content__file{cursor:pointer;display:flex;align-items:flex-end;gap:4px;margin-top:4px;justify-content:flex-end;flex-direction:column}.message__main__content__file img{max-width:400px;height:auto}.message__main__content__file__icon{min-width:24px;height:24px;border-radius:16px;background:var(--secondary)}.message__main__content__file .paragraph{font-size:10px}@media (max-width: 768px){.message .message__main__content__file img{max-width:100px}}.alert-wrapper{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;align-content:flex-end;gap:10px;position:fixed;top:100px;right:40px;z-index:1000000}.alert{display:flex;gap:20px;align-items:flex-start;align-content:center;justify-content:flex-start;position:relative;background:var(--white);border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 16px;width:280px;z-index:10000}.alert__main{display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-content:flex-start;gap:8px;flex:1;padding-right:12px}.alert__main .heading{font-size:16px;line-height:1;color:var(--black)}.alert__main .paragraph{color:var(--black);white-space:pre-wrap;word-break:break-word;opacity:.4;font-size:14px}.alert_error .alert__icon-wrapper{background:rgba(var(--red-rgb),.5)}.alert_error .alert__icon-wrapper svg path{fill:var(--red)}.alert_success .alert__icon-wrapper{background:rgba(var(--green-rgb),.5)}.alert_success .alert__icon-wrapper svg path{fill:var(--green)}.alert_info .alert__icon-wrapper{background:rgba(var(--ton-rgb),.5)}.alert_info .alert__icon-wrapper svg path{fill:var(--ton)}.alert__icon-wrapper{display:flex;align-items:center;justify-content:center;padding:12px;border-radius:15px}.alert__icon-wrapper>svg{min-width:33px;height:auto}.alert__close-button{display:flex;align-items:center;justify-content:center;border:none;outline:none;padding:4px;position:absolute;right:8px;top:8px;background:none;cursor:pointer}.alert__close-button svg path{fill:var(--black)}.tools{padding-top:100px;height:100%}.tools .container{height:100%}.tools__container{height:calc(100% - 45px);border-radius:12px;border:2px solid var(--border);display:flex;justify-content:center;flex-direction:column;align-items:center;gap:20px}.tools__container .paragraph{font-size:20px;text-align:center}.tools__container .button{width:fit-content}.tools__result{display:flex;align-items:center;justify-content:center;gap:20px}.tools__result__pub-key{border:2px solid var(--border);background:transparent;border-radius:16px;padding:8px 16px;max-width:300px;white-space:wrap;word-break:break-all}.tools__result__copy{background:rgba(var(--secondary-rgb),.5);border:2px solid var(--secondary);cursor:pointer;padding:8px;display:flex;border-radius:8px}.tools__result__copy svg{width:16px;height:16px}@media (max-width: 768px){.tools__result{flex-direction:column}}