.main{min-height:calc(100vh - 20px);background:#2e3339;display:flex;align-items:center;justify-content:center}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:baseline}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:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.signin{padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:40px}.signin__wrapper{min-width:260px;display:flex;flex-direction:column}.signin__header{padding:20px 0;color:#fff}.signin__label{height:80px;max-width:260px;display:flex;flex-direction:column;align-items:center;align-self:center;justify-content:space-around}.signin__input{min-width:260px;padding:10px;color:#fff;border-radius:20px;background-color:#2e3339;outline:0;border-width:0;box-shadow:inset 0 -1px 1px gray,inset 1px 1px 1px #000}.signin__input--invalid{border-width:1px;border-color:#e54;outline:0;box-shadow:inset 0 -1px 3px gray,inset 3px 3px 3px #000}.signin__rule{font-size:12px;color:transparent}.signin__rule--show{color:red}.signin__rememberContainer{display:flex;justify-content:space-between}.signin__rememberWrapper{display:flex;gap:5px;color:#fff}.signin__rememberLabel{cursor:pointer}.signin__inputRemember{display:none}.signin__inputRemember+label:before{content:"";display:block;width:20px;height:20px;border:1px solid #fff;position:absolute;left:0;top:-2px;opacity:.6;transition:all .12s,border-color .08s}.signin__inputRemember:checked+label:before{width:10px;top:-7px;left:7px;border-radius:0;opacity:1;border-top-color:transparent;border-left-color:transparent;transform:rotate(45deg)}.signin__inputRemember+label{cursor:pointer;display:block;position:relative;padding-left:30px;color:#fff;user-select:none}.signin__forgotLink{cursor:pointer;text-decoration:none;color:#e54}.signin__authButton{cursor:pointer;box-sizing:content-box;min-width:260px;padding:10px;color:#fff;border-color:#e54;background-color:#e54;border-radius:20px;border:0}.signin__aside{align-self:flex-start;display:flex;gap:20px;color:#fff}.signin__signupLink{cursor:pointer;font-size:16px;text-decoration:none;background-color:transparent;border:0;color:#e54}.notfound__container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:center;color:#fff}.notfound__backNavigate{cursor:pointer;text-decoration:none;padding:10px 30px;border:1px solid #e54;color:#e54;background-color:transparent}.servererror__container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:center;color:#fff}.servererror__backNavigate{cursor:pointer;text-decoration:none;padding:10px 30px;border:1px solid #e54;color:#e54;background-color:transparent}.loader{width:48px;height:48px;border-radius:50%;display:inline-block;border-top:4px solid #fff;border-right:4px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.loader__container{position:fixed;top:0;left:0;right:0;height:100%;overflow:auto;background:rgba(222,211,211,.5);z-index:9999;min-height:100%;box-sizing:border-box;transition:background-color 2s ease-in-out;display:flex;justify-content:center;align-items:center}.loader__container:after{content:"";box-sizing:border-box;position:absolute;width:48px;height:48px;border-radius:50%;border-left:4px solid #ff3d00;border-bottom:4px solid transparent;animation:rotation .5s linear infinite reverse}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.newchatmodal__wrapper{padding:20px;width:90%;min-height:50%;margin:auto;display:flex;flex-direction:column;justify-content:space-between;background-color:#2e3339;border-radius:25px}.newchatmodal__header{height:10%;color:#fff;display:flex;justify-content:space-between;align-items:center}.newchatmodal__close{color:#fff;border:0;background-color:transparent}.newchatmodal__input{color:#fff;padding:10px 20px;border-radius:20px;border-width:0;background-color:#2e3339;box-shadow:inset 0 -1px 3px gray,inset 3px 3px 3px #000}.newchatmodal__confirm{width:50%;color:#fff;background-color:transparent;border:0}.newchatmodal__abolution{width:50%;color:#fff;background-color:transparent;border:0;border-right:1px solid #e54}.logoutmodal__wrapper{color:#fff;padding:20px;width:90%;margin:auto;display:flex;flex-direction:column;justify-content:space-between;text-align:center;gap:40px;background-color:#2e3339;border-radius:25px}@media (width >= 640px){.logoutmodal__wrapper{width:30%}}.logoutmodal__header{height:10%;color:#fff;display:flex;justify-content:space-between;align-items:center}.logoutmodal__close{color:#fff;border:0;background-color:transparent}.logoutmodal__close:hover{cursor:pointer;color:#e54}.logoutmodal__footer{display:flex;justify-content:space-between;align-items:center}.logoutmodal__confirm{width:50%;color:#fff;background-color:transparent;border:0}.logoutmodal__confirm:hover{cursor:pointer;color:#e54}.logoutmodal__abolution{width:50%;color:#fff;background-color:transparent;border:0;border-right:1px solid #e54}.logoutmodal__abolution:hover{cursor:pointer;color:#e54}.modal{position:fixed;display:flex;top:0;left:0;right:0;height:100%;overflow:auto;background:rgba(222,211,211,.5);z-index:9995;min-height:100%;box-sizing:border-box;transition:background-color 2s ease-in-out}.deletemodal__wrapper{color:#fff;padding:20px;width:90%;margin:auto;display:flex;flex-direction:column;justify-content:space-between;text-align:center;gap:40px;background-color:#2e3339;border-radius:25px}@media (width >= 640px){.deletemodal__wrapper{width:30%}}.deletemodal__header{height:10%;color:#fff;display:flex;justify-content:space-between;align-items:center}.deletemodal__close{color:#fff;border:0;background-color:transparent}.deletemodal__close:hover{cursor:pointer;color:#e54}.deletemodal__footer{display:flex;justify-content:space-between;align-items:center}.deletemodal__confirm{width:50%;color:#fff;background-color:transparent;border:0}.deletemodal__confirm:hover{cursor:pointer;color:#e54}.deletemodal__abolution{width:50%;color:#fff;background-color:transparent;border:0;border-right:1px solid #e54}.deletemodal__abolution:hover{cursor:pointer;color:#e54}.newchatmodal__wrapper{color:#fff;text-align:center;padding:20px;width:90%;min-height:50%;margin:auto;display:flex;flex-direction:column;justify-content:space-between;background-color:#2e3339;border-radius:25px}@media (width >= 640px){.newchatmodal__wrapper{width:30%;min-height:30%}}.newchatmodal__header{height:10%;display:flex;justify-content:space-between;align-items:center}.newchatmodal__avatarWrapper{margin:auto;cursor:pointer;background-image:url(/assets/upload-d70457ab.svg);background-repeat:no-repeat;background-position:center;height:120px;width:120px;object-fit:contain}.newchatmodal__updateInput{opacity:0;position:absolute;z-index:-1}.newchatmodal__close{border:0;background-color:transparent}.newchatmodal__close:hover{cursor:pointer;color:#e54}.newchatmodal__footer{display:flex;justify-content:space-between;align-items:center}.newchatmodal__confirm{width:50%;background-color:transparent;border:0}.newchatmodal__confirm:hover{cursor:pointer;color:#e54}.newchatmodal__abolution{width:50%;background-color:transparent;border:0;border-right:1px solid #e54}.newchatmodal__abolution:hover{cursor:pointer;color:#e54}.changepasswordmodal__wrapper{padding:20px;width:90%;min-height:50%;margin:auto;display:flex;flex-direction:column;justify-content:space-between;background-color:#2e3339;border-radius:25px}@media (width >= 640px){.changepasswordmodal__wrapper{width:30%;min-height:30%}}.changepasswordmodal__header{height:10%;color:#fff;display:flex;justify-content:space-between;align-items:center}.changepasswordmodal__close{color:#fff;border:0;background-color:transparent}.changepasswordmodal__close:hover{cursor:pointer;color:#e54}.changepasswordmodal__label{display:flex;flex-direction:column;gap:10px}.changepasswordmodal__input{color:#fff;padding:10px 20px;border-radius:20px;border-width:0;background-color:#2e3339;box-shadow:inset 0 -1px 3px gray,inset 3px 3px 3px #000}.changepasswordmodal__rule{font-size:12px;color:transparent}.changepasswordmodal__rule--show{color:red}.changepasswordmodal__footer{display:flex;justify-content:space-between;align-items:center}.changepasswordmodal__confirm{width:50%;color:#fff;background-color:transparent;border:0}.changepasswordmodal__confirm:hover{cursor:pointer;color:#e54}.changepasswordmodal__abolution{width:50%;color:#fff;background-color:transparent;border:0;border-right:1px solid #e54}.changepasswordmodal__abolution:hover{cursor:pointer;color:#e54}.chatsettings{position:fixed;display:flex;top:0;left:0;right:0;height:100%;overflow:auto;background:rgba(222,211,211,.5);z-index:9995;min-height:100%;box-sizing:border-box;transition:background-color 2s ease-in-out}.chatsettings__wrapper{padding:20px;width:90%;min-height:30%;margin:auto;display:flex;flex-direction:column;gap:10px;background-color:#2e3339;border-radius:25px}@media (width >= 640px){.chatsettings__wrapper{width:30%;min-height:30%}}.chatsettings__header{height:10%;color:#fff;display:flex;justify-content:space-between;align-items:center}.chatsettings__close{color:#fff;border:0;background-color:transparent}.chatsettings__close:hover{cursor:pointer;color:#e54}.chatsettings__input{width:100%;color:#fff;padding:10px 20px;border-radius:20px;border-width:0;background-color:#2e3339;outline:0;box-shadow:inset 0 -1px 3px gray,inset 3px 3px 3px #000}.chatsettings__input::placeholder{color:#fff}.chatsettings__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.chatsettings__confirm{width:50%;color:#fff;background-color:transparent;border:0}.chatsettings__confirm:hover{cursor:pointer;color:#e54}.chatsettings__abolution{width:50%;color:#fff;background-color:transparent;border:0;border-right:1px solid #e54}.chatsettings__abolution:hover{cursor:pointer;color:#e54}.members{padding:10px 0;width:100%}.userchatcard{display:flex;align-items:center}.userchatcard__avatar{height:32px;width:32px;object-fit:cover;border:2px solid #2e3339;border-radius:50%;background-position:center;box-shadow:-1px -1px 1px gray,1px 1px 1px #000}.userchatcard__name{color:#fff;margin-left:10px}.userchatcard__deleteButton{margin-left:auto;cursor:pointer;color:#ffffffa7;background-color:transparent;border:0}.userchatcard__deleteButton:hover{color:#45b5ff}.proposals{width:90%;position:absolute;display:flex;flex-direction:column;background-color:#ded3d380}@media (width >= 640px){.proposals{width:30%}}.proposals__control{display:flex;justify-content:space-between;color:#fff}.proposals__addButton{width:50%;cursor:pointer;padding:10px 20px;background-color:#e54;color:#fff;border:0}.proposals__addButton:hover{background-color:#2e3339}.proposals__clearButton{width:50%;cursor:pointer;padding:10px 20px;background-color:#2e3339;color:#fff;border:0}.proposals__clearButton:hover{background-color:#e54}.proposalitem{cursor:pointer;padding:10px;color:#fff;display:flex;align-items:center}.proposalitem--pressed{background-color:#e54}.proposalitem:hover{color:#fff}.proposalitem__avatar{height:16px;width:16px;object-fit:contain}.proposalitem__name{margin-left:10px}.memberstoadd{color:#fff;padding:10px 0;width:100%}.memberstoadd__list{margin-top:20px}.supposedmember{display:flex;align-items:center}.supposedmember__avatar{height:32px;width:32px;object-fit:cover;border:2px solid #2e3339;border-radius:50%;background-position:center;box-shadow:-1px -1px 1px gray,1px 1px 1px #000}.supposedmember__name{color:#fff;margin-left:10px}.supposedmember__deleteButton{margin-left:auto;cursor:pointer;color:#ffffffa7;background-color:transparent;border:0}.supposedmember__deleteButton:hover{color:#45b5ff}.chatowner{color:#ffffffa7;margin:10px 10px 10px auto}.signup{padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:40px}.signup__wrapper{min-width:260px;display:flex;flex-direction:column}.signup__header{padding:20px 0;color:#fff}.signup__label{height:80px;max-width:260px;display:flex;flex-direction:column;align-items:center;align-self:center;justify-content:space-around}.signup__input{min-width:260px;padding:10px;color:#fff;border-radius:20px;background-color:#2e3339;outline:0;border-width:0;box-shadow:inset 0 -1px 1px gray,inset 1px 1px 1px #000}.signup__input--invalid{border-width:1px;border-color:#e54;outline:0;box-shadow:inset 0 -1px 3px gray,inset 3px 3px 3px #000}.signup__rule{font-size:12px;color:transparent}.signup__rule--show{color:red}.signup__rememberContainer{display:flex;justify-content:space-between}.signup__rememberWrapper{display:flex;gap:5px;color:#fff}.signup__rememberLabel{cursor:pointer}.signup__inputRemember{display:none}.signup__inputRemember+label:before{content:"";display:block;width:20px;height:20px;border:1px solid #fff;position:absolute;left:0;top:-2px;opacity:.6;transition:all .12s,border-color .08s}.signup__inputRemember:checked+label:before{width:10px;top:-7px;left:7px;border-radius:0;opacity:1;border-top-color:transparent;border-left-color:transparent;transform:rotate(45deg)}.signup__inputRemember+label{cursor:pointer;display:block;position:relative;padding-left:30px;color:#fff;user-select:none}.signup__forgotLink{cursor:pointer;text-decoration:none;color:#e54}.signup__authButton{cursor:pointer;box-sizing:content-box;min-width:260px;padding:10px;color:#fff;border-color:#e54;background-color:#e54;border-radius:20px;border:0}.signup__aside{align-self:flex-start;display:flex;gap:20px;color:#fff}.signup__signupLink{cursor:pointer;font-size:16px;text-decoration:none;background-color:transparent;border:0;color:#e54}.chat__init{margin:auto}.chat__header{padding:0 10px;display:flex;align-items:center}.chat__avatar{padding:5px;width:32px;height:32px;object-fit:cover;border:1px solid #fff;border-radius:50%}.chat__info{display:flex;flex-direction:column;margin-left:10px}.chat__rename{height:18px;width:18px;object-fit:contain;margin-left:auto;cursor:pointer;padding:10px;display:inline-flex;border-radius:100%;box-shadow:1px 1px 1px #000}.chat--pressed{padding:100px;filter:brightness(0) saturate(100%) invert(38%) sepia(68%) saturate(1151%) hue-rotate(330deg) brightness(98%) contrast(91%)}.chat__delete{height:18px;width:18px;object-fit:contain;cursor:pointer;padding:10px;display:inline-flex;border-radius:100%;box-shadow:1px 1px 1px #000}.chat__delete--pressed{filter:brightness(0) saturate(100%) invert(38%) sepia(68%) saturate(1151%) hue-rotate(330deg) brightness(98%) contrast(91%)}.participants{cursor:pointer;color:#ffffffa7}.messages__list{padding:20px;max-height:70vh;overflow:auto;display:flex;flex-direction:column;align-items:flex-start}.messages__card{margin:10px;padding:10px;background:#181a1c;border-radius:10px;display:flex;flex-direction:column;gap:5px}.messages__card--you{align-self:flex-end;background-color:#e54}.messages__author{margin-left:auto;font-weight:700}.chatlist{width:100%}.chatlist__load{color:#ffffffa7;margin:auto}.chatcard{cursor:pointer;padding:10px;color:#fff;display:flex;min-height:50px;gap:20px;align-items:center}.chatcard__avatar{padding:5px;width:32px;height:32px;object-fit:cover;border:1px solid #fff;border-radius:50%}.chatcard__chatInfo{font-size:10pt;display:flex;flex-direction:column;justify-content:center}.chatcard__title{font-weight:700}.chatcard__nomsg{color:#ffffffa7;font-style:italic}.chatcard__lastmsgInfo{display:flex;flex-direction:column;gap:5px}.chatcard__unreadedInfo{margin-left:auto;display:flex;flex-direction:column;align-items:center}.chatcard__time{font-weight:700;color:#e54}.chatcard__count{font-weight:700;width:50%;text-align:center;background-color:#e54;border:0;border-radius:25px}.messenger{box-sizing:content-box;display:flex;gap:20px}@media (width <= 1200px){.messenger{width:90vw}}@media (width >= 1200px){.messenger{width:1200px}}.messenger__board{display:flex;flex-direction:column}@media (width <= 1200px){.messenger__board{width:90vw}}@media (width >= 540px){.messenger__board{width:50%}}@media (width >= 540px) and (width > 800px){.messenger__board{width:30%}}.messenger__chatList{min-height:60vh;max-height:65vh;overflow:auto;display:flex}.messenger__controls{display:flex;flex-direction:column;gap:20px}.messenger__addChat{gap:10px;display:flex;align-items:center}.messenger__avatar{height:64px;width:64px;object-fit:cover;border:2px solid #2e3339;border-radius:50%;box-shadow:-1px -1px 1px gray,1px 1px 1px #000}.messenger__chatsHeader{margin:0;color:#fff}.messenger__logoutButton{cursor:pointer;margin-left:auto;padding:5px 10px;color:#fff;border-radius:25px;border:0;box-shadow:1px 1px 1px #000;background-color:transparent;border-color:transparent;filter:brightness(0) saturate(100%) invert(38%) sepia(68%) saturate(1151%) hue-rotate(330deg) brightness(98%) contrast(91%)}.messenger__addTree{cursor:pointer;height:30px;width:30px;font-size:22px;background-color:#e54;border-color:#e54;border-radius:50%;color:#fff;margin-left:auto;border-width:0;box-shadow:3px 3px 2px #000}.messenger__addTree--pressed{background-color:transparent;border-color:transparent;filter:brightness(0) saturate(100%) invert(38%) sepia(68%) saturate(1151%) hue-rotate(330deg) brightness(98%) contrast(91%)}.messenger__search{padding:10px 20px;border-radius:20px;border-width:0;color:#fff;background-color:#2e3339;outline:0;box-shadow:inset 0 -1px 3px gray,inset 3px 3px 3px #000}.messenger__search::placeholder{color:#fff}.messenger__appControls{margin:auto 0;display:flex;justify-content:space-between;padding:5px 15px;border:1px solid #2e3339;border-radius:20px;box-shadow:0 -1px 3px gray,2px 2px 2px #000}.messenger__appControlSetter{cursor:pointer;padding:10px;display:inline-flex;border-radius:100%;box-shadow:1px 1px 1px #000}.messenger__appControlSetter--pressed{filter:brightness(0) saturate(100%) invert(38%) sepia(68%) saturate(1151%) hue-rotate(330deg) brightness(98%) contrast(91%)}.messenger__chatBox{width:70%;display:flex;flex-direction:column;justify-content:space-between;color:#fff}@media (width < 540px){.messenger__chatBox{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}}.messenger__label{display:flex;flex-direction:column}.messenger__input{color:#fff;padding:10px 20px;border-radius:20px;border-width:0;background-color:#2e3339;outline:0;box-shadow:inset 0 -1px 3px gray,inset 3px 3px 3px #000}.messenger__input::placeholder{color:#fff}.messenger__input--invalid{border:1px solid #e54}.messenger__rule{color:transparent}.messenger__rule--shown{margin:0;padding:0;display:inline;font-size:12px;color:red}:root{--hue: 320;--bg: oklch(35% .3 var(--hue));--text: oklch(85% .1 var(--hue));--shadow: oklch(25% .2 var(--hue));--highlight: oklch(98% .05 var(--hue))}.settings{padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:40px}.settings__wrapper{width:100%;min-width:250px;display:flex;flex-direction:column}.settings__headerWrapper{padding:20px;display:flex;justify-content:center}.settings__backwardsTouchButton{position:relative;margin-right:250px;content:"";width:10px;height:10px;border-top:2px solid white;border-left:2px solid white;transform:rotate(-45deg)}@media (width >= 640px){.settings__backwardsTouchButton{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}}.settings__header{position:absolute;color:#fff;text-align:center;font-weight:700}.settings__avatarWrapper{cursor:pointer;display:flex;flex-direction:column;align-items:center;color:#fff}.settings__avatar{height:128px;width:128px;object-fit:cover;border:2px solid #2e3339;border-radius:50%;background-position:center;box-shadow:-1px -1px 1px gray,1px 1px 1px #000}.settings__updateInput{opacity:0;position:absolute;z-index:-1}.settings__label{height:80px;max-width:250px;display:flex;flex-direction:column;align-items:center;align-self:center;justify-content:space-around}.settings__input{min-width:250px;padding:10px;color:#fff;border-radius:20px;background-color:#2e3339;outline:0;border-width:0;box-shadow:inset 0 -1px 1px gray,inset 1px 1px 1px #000}.settings__rule{font-size:12px;color:transparent}.settings__rule--show{color:red}.settings__changePasswordButton{color:#fff;display:flex;align-items:center;gap:10px;font-weight:700}.settings__repassword{height:32px;width:32px;display:inline-flex;cursor:pointer;padding:10px;border-radius:100%;box-shadow:1px 1px 1px #000}.settings__repassword--pressed{filter:brightness(0) saturate(100%) invert(38%) sepia(68%) saturate(1151%) hue-rotate(330deg) brightness(98%) contrast(91%)}.settings__applyButton{cursor:pointer;box-sizing:content-box;min-width:250px;padding:10px;color:#fff;border-color:#e54;background-color:#e54;border-radius:20px;border:0}.settings__gobackLink{margin:20px 0;cursor:pointer;text-decoration:none;padding:10px 30px;border:1px solid #e54;color:#e54;background-color:transparent}@media (width <= 640px){.settings__gobackLink{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}}