.button{cursor:pointer;margin-top:11px;display:flex;box-sizing:border-box;width:100%;height:44px;border-radius:22px;background-color:var(--cream);border:1px solid var(--green-light);box-shadow:var(--button-shadow)}.button_disabled{color:var(--grey);border-color:var(--cream)}.button_attraction{background-color:var(--green-light);color:var(--light);border:none}.button_danger{color:var(--error);border-color:var(--error)}.button:focus{border:1px solid var(--accent);background-color:var(--light);color:var(--accent)}.button__caption{width:auto;height:auto;margin:auto;background:none;border:none;cursor:pointer;font-family:var(--accent-font);font-size:var(--medium);color:var(--green-light)}.button__caption_attraction{color:var(--light)}.button__icons{height:40px;width:40px;border-radius:50%;display:inline-block}.button__icons:hover{filter:drop-shadow(var(--icon-shadow))}.button__icons:active{filter:hue-rotate(260deg)}
a{text-align:center}a.link{color:var(--message-color);text-decoration:none;font-size:14px}a.link:hover{opacity:.6}
.input-sign{width:100%;box-sizing:border-box;outline:0;border-width:0 0 1px;border-color:var(--green-light);font-size:var(--big)}.input-sign:focus{border-color:var(--accent)}.input-profile{width:100%;box-sizing:border-box;outline:0;border-width:0;font-size:var(--big);text-align:right}.input-profile:focus{border-color:var(--accent)}.input-profile::placeholder{opacity:1;font-family:var(--main-font);color:var(--black)}.input-message{flex-grow:1;height:40px;box-sizing:border-box;outline:0;border-width:0;border-color:var(--green-light);font-size:var(--main);text-align:left;border-radius:20px;margin:0 10px;padding:20px}.input-search{flex-grow:1;height:40px;box-sizing:border-box;outline:0;border-width:0;border-color:var(--green-light);font-size:var(--main);text-align:center;border-radius:20px;background-color:var(--green-light);margin:0 10px;color:var(--light)}.input-search::placeholder{color:var(--light)}
.sign-input-error{font-size:var(--tiny);margin:0}.profile-input-error{font-size:var(--tiny);margin:0;text-align:right}.submitted{color:var(--error)}
.wrapper{height:55px;width:100%;display:flex;flex-direction:column}.controlled-sign-input{height:auto;width:100%}.sign-caption{font-size:var(--small);display:none;margin:0}.controlled-profile-input{width:100%;margin-top:20px;display:flex;border-style:solid;border-width:0 0 1px;border-color:var(--green-light)}.profile-caption{font-size:var(--big);width:40%;opacity:.5}
.screen_type_splash .screen__content{background:--black}.screen_loading::after{content:"";display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-family:var(--accent-font);font-size:var(--huge);color:var(--green-light);position:absolute}
.title{font-family:var(--accent-font);text-align:center;color:var(--green-light);margin-bottom:10px}
.subtitle{font-family:var(--accent-font);text-align:center;margin-bottom:15px}
.button-back__wrapper{width:100%;height:100%;background-color:var(--green-light);display:flex}.button-back__button{margin:auto}
.photo{height:100px;width:100px;border-radius:50%;background-color:var(--green-light);margin:auto;overflow:hidden;display:flex;align-content:center}img{height:100%;width:100%}.inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.inputfile+label{color:var(--light);text-align:center;cursor:pointer;margin:auto}
.search__wrapper{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}
.tabs__wrapper{width:100%;height:70px;display:flex;justify-content:space-evenly;align-items:center}
.chats__wrapper{width:100%;height:auto;margin:10px auto;display:flex;justify-content:space-between;padding:10px;box-sizing:border-box;border-bottom:1px solid var(--green-light);border-radius:22px 22px 22px 0;align-items:center;background-color:var(--light)}.chats__wrapper-active{background-color:var(--green-black);color:var(--light)}.chats__data{height:100%;display:flex;flex-grow:1}.chats__details{height:60px;width:60px;align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.chats__photo{height:60px;width:60px;border-radius:50%;background-color:var(--green-light);margin:auto 10px auto auto;overflow:hidden;box-sizing:border-box}.chats__text{margin:auto auto auto 0;height:auto;flex-grow:1;display:flex;flex-direction:column;box-sizing:border-box}.chats__name{font-family:var(--accent-font);font-size:var(--big);width:100%;height:100%}.chats__last-message{font-size:var(--small);width:100%;height:100%}.chats__time{height:auto;font-size:var(--small)}.chats__counter{height:25px;width:25px;border-radius:50%;display:flex;background-color:var(--green-light)}.chats__counter-text{width:auto;height:auto;margin:auto}
.contact__wrapper{width:100%;height:70px;margin:auto;display:flex;justify-content:space-between}.contact__data{height:100%;display:flex;flex-grow:1;align-items:center}.contact__name{font-family:var(--accent-font);margin:auto auto auto 0;height:auto;flex-grow:1;color:var(--light);font-size:var(--big)}.contact__users{font-family:var(--accent-font);margin:auto auto auto 0;height:auto;flex-grow:1;color:var(--light);font-size:var(--tiny)}.contact__photo{height:40px;width:40px;border-radius:50%;background-color:var(--green-light);margin-right:10px;overflow:hidden}.contact__details{height:40px;width:40px;border-radius:50%;display:flex;margin:auto}
.message__buble{box-sizing:border-box;height:auto;width:fit-content;max-width:400px;padding:10px}.message__buble img{width:100%;height:100%}.message-in{border-radius:22px 22px 22px 0;margin:10px auto 10px 0;background-color:var(--green-light);color:var(--light)}.message-out{border-radius:22px 22px 0;margin:10px 0 10px auto;background-color:var(--cream);border:1px solid var(--green-light);color:var(--green-light)}.photo__buble{box-sizing:border-box;height:auto;width:auto;max-width:300px;max-height:300px;min-height:200px;color:var(--light);overflow:hidden;padding-bottom:0}.photo__buble img{width:100%;height:100%}.photo-in{border-radius:22px 22px 22px 0;margin:10px auto 10px 0}.photo-out{border-radius:22px 22px 0;margin:10px 0 10px auto}
.message__wrapper{width:100%;height:70px;display:flex;justify-content:space-between;align-items:center}.message__add{box-sizing:border-box;height:40px;width:40px;border-radius:50%}
.button-send{box-sizing:border-box;height:40px;width:40px;border-radius:50%}.sendable{display:none}
.logo{width:auto;height:auto;margin:auto}
.newchat__wrapper{width:100%;height:70px;display:flex;justify-content:space-evenly;align-items:center}
:root{--light: white;--cream: mintcream;--green-light: #2a9273;--green-black: #1d4948;--accent: #d3950e;--black: #1e2e05;--grey: gainsboro;--error: #d70d39;--icon-shadow: 3px 3px 3px rgb(2 15 15 / 85%);--module-shadow: 5px 5px 10px rgb(0 0 0 / 50%);--button-shadow: 1px 1px 2px rgb(0 0 0 / 20%);--accent-font: "Literata", serif;--main-font: "Sarabun", sans-serif;--huge: 25px;--big: 19px;--medium: 16px;--small: 13px;--tiny: 9px}@font-face{font-family:Literata;src:url(a956369f2f51fdaa9232.woff2) format("woff2"),url(a0d763ff4e29b15677f7.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Sarabun;src:url(67b11dbc7ac3519893ac.woff2) format("woff2"),url(5ef664b35cca40b7171b.woff) format("woff");font-weight:400;font-style:normal}body{display:flex;width:100%;height:100vh;margin:0;font-family:var(--main-font);background-color:var(--green-black);color:var(--black)}.bg-main{display:flex;flex-direction:column;width:100%;flex-grow:1;background-color:var(--green-black)}.bg-error{display:flex;flex-direction:column;width:100%;flex-grow:1;background-size:cover}.app{width:100%;height:100%;display:flex;margin:auto}.layout__wrapper{width:100%;height:100%;display:flex;margin:auto}.layout{width:100%;height:100%;display:flex;margin:auto}a{display:flex;text-decoration:none}::placeholder{opacity:.75;font-family:var(--main-font)}.form{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;margin:auto;padding:30px;background:var(--light);border-radius:22px;box-shadow:var(--module-shadow)}.form__wrapper{flex-grow:1;width:100%;display:flex;min-height:700px;box-sizing:border-box}.form__top{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.form__bottom{width:100%}.form-profile{width:480px;height:730px;margin-top:30px}.form-signin{width:400px;height:500px;margin-top:40px}.form-signup{width:400px;height:680px;margin-top:40px}.form-error{width:350px;height:300px;margin-top:125px}.form-module{flex-grow:1;width:400px;display:none;top:100px;right:100px;min-height:70px;box-sizing:border-box;position:absolute;margin:auto}.form-module_active{flex-grow:1;width:400px;display:flex;top:95px;right:15px;min-height:70px;box-sizing:border-box;position:absolute;margin:auto}.messenger{display:flex;flex-direction:row;width:100%;height:100%}.messenger__left{display:flex;flex-direction:column;box-sizing:border-box;width:534px;height:100%}.messenger__right{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;border-left:2px solid var(--green-light)}.messenger__search{display:flex;box-sizing:border-box;width:100%;height:80px;padding:10px;align-items:center;background-color:var(--green-black)}.messenger__newchat{display:flex;box-sizing:border-box;width:100%;height:80px;padding:10px;align-items:center;background-color:var(--green-black)}.messenger__chats{box-sizing:border-box;width:100%;flex-grow:1;padding:10px 15px;background-color:var(--green-light);overflow:auto}.messenger__tabs{display:flex;box-sizing:border-box;width:100%;height:80px;padding:10px;background-color:var(--green-black)}.messenger__contact{display:flex;box-sizing:border-box;width:100%;height:80px;padding:10px;background-color:var(--green-black)}.messenger__chat{display:flex;flex-direction:column-reverse;overflow:auto;flex-grow:1;background-color:var(--cream);width:100%;box-sizing:border-box;padding:10px 15px}.messenger__message{display:flex;box-sizing:border-box;width:100%;height:80px;padding:10px;background-color:var(--green-black)}.chat-content{margin:auto;width:100%}