:root{--border: 1px solid var(--color-medium-border);--color-basic-font: #222;--color-light-text: #999;--color-accent: green;--color-accent-background: #c2fbd7;--color-basic-background: #f5fafa;--color-dark-border: #777;--color-medium-border: #999;--color-lighter-border: #eae3e3;--color-light-border: #f5efef;--color-focus-visible: #cfcdcd;--color-message-background: #E4FDF0;--color-disabled-font: #a0a0a0;--color-error: #fb2263;--warn-color: #ff5a5a;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}.color1{color:#3f0b28}.color2{color:#9f143e}.color3{color:#dfa2fa}.color4{color:#ffc3f4}.color5{color:#ffecf4}html{height:100%;margin:0;font-size:18px;color:var(--color-basic-font)}*{box-sizing:border-box}body{height:100%;margin:0 auto;text-align:center;overflow:auto}#app{height:100%;position:relative}h1{font-size:2.2em;line-height:1.1}.full-width{width:100%}.gap-1{gap:1rem}.gap-2{gap:1.5rem!important}.material-icons.size-18{font-size:18px}.material-icons.size-24{font-size:24px}.material-icons.size-36{font-size:36px}.material-icons.size-48{font-size:48px}app-control-wrapper{display:block}error-message{font-size:.7rem;color:var(--color-error);text-align:left}button{cursor:pointer}.button{border-radius:50px;color:var(--color-accent);padding:9px 20px;transition:all .25s;border:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;outline:0;font-size:1.1rem;font-weight:500;cursor:pointer}.button .button-icon{pointer-events:none}[color=warn]{background-color:var(--color-warning-background, var(--warn-color));box-shadow:#ff5a5a33 0 -25px 18px -14px inset,#ff5a5a26 0 1px 2px,#ff5a5a26 0 2px 4px,#ff5a5a26 0 2px 8px,#ff5a5a26 0 4px 16px;color:#fff}[color=warn]:hover{box-shadow:#ff5a5a59 0 -25px 18px -14px inset,#ff5a5a40 0 1px 2px,#ff5a5a40 0 2px 4px,#ff5a5a40 0 1px 8px,#ff5a5a40 0 1px 16px,#ff5a5a40 0 4px 32px;color:var(--color-basic-font)}button[disabled]{background-color:var(--color-disabled-background, #e0e0e0)!important;box-shadow:#96969633 0 -25px 18px -14px inset,#9696961a 0 1px 2px,#9696961a 0 2px 4px,#9696961a 0 2px 8px,#9696961a 0 4px 16px!important;cursor:not-allowed!important;color:var(--color-disabled-font, #a0a0a0)!important}input{display:block;width:100%;border:none;border-bottom:1px solid var(--color-dark-border);padding:10px 10px 10px 5px}input:focus{outline:none}.error{border-bottom:1px solid var(--color-error)}[type=file]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.upload-file-input{border-radius:50%}.group{position:relative}app-control-wrapper label{position:absolute;top:5px;left:5px;color:var(--color-light-gray);transition:.2s ease all;pointer-events:none}input:focus~label,input:valid~label,select:focus~label,select:valid~label{top:-20px;color:var(--color-accent);font-size:14px}.bar{position:relative;display:block;width:100%}.bar:before,.bar:after{content:"";position:absolute;bottom:1px;width:0;height:1px;background:var(--color-accent);transition:.2s ease width}.bar:before{left:50%}.bar:after{right:50%}input:focus~.bar:before,input:focus~.bar:after,select:focus~.bar:before,select:focus~.bar:after{width:50%}.highlight{position:absolute;top:25%;left:0;width:100px;height:60%;opacity:.5;pointer-events:none}input:focus~.highlight,select:focus~.highlight{animation:inputHighlighter .3s ease}@keyframes inputHighlighter{0%{background:#5264ae}to{width:0;background:transparent}}.input-icon{pointer-events:none;position:absolute;right:10px;top:calc(50% - 12px);color:var(--color-accent)}.link{color:inherit;text-decoration:none}.card{display:flex;flex-direction:column;gap:1rem;border:1px solid var(--color-light-border);border-radius:1rem;box-shadow:0 0 3px 2px #0000001a;padding:2.5rem}.card__title{margin-block:0 1rem}.form{display:flex;flex-direction:column;gap:2rem;min-width:450px}.form__actions{display:flex;gap:1.2rem;justify-content:end;margin-block-start:1rem;flex-wrap:wrap}.avatar{border-radius:50%;border:var(--border);background-color:#7fffd4;box-shadow:#2cbb6326 0 0 1px 4px}.avatar[size=large]{inline-size:150px;block-size:150px}.avatar[size=small]{inline-size:50px;block-size:50px}.icon-button{border-radius:50%;color:var(--color-accent);padding:12px;transition:all .25s;border:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;outline:0;font-size:1.1rem;font-weight:500;width:60px;height:60px;cursor:pointer}[color=primary]{background-color:var(--color-accent-background);box-shadow:#2cbb6333 0 -25px 18px -14px inset,#2cbb6326 0 1px 2px,#2cbb6326 0 2px 4px,#2cbb6326 0 2px 8px,#2cbb6326 0 4px 16px}[color=primary]:hover{box-shadow:#2cbb6359 0 -25px 18px -14px inset,#2cbb6340 0 1px 2px,#2cbb6340 0 2px 4px,#2cbb6340 0 1px 8px,#2cbb6340 0 1px 16px,#2cbb6340 0 4px 32px;color:var(--color-basic-font)}[color=basic]{background-color:var(--color-basic-background);box-shadow:#0000001a 0 -25px 18px -14px inset,#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 2px 8px,#0000001a 0 4px 16px}[color=basic]:hover{box-shadow:#00000026 0 -25px 18px -14px inset,#00000026 0 1px 2px,#00000026 0 2px 4px,#0000001a 0 1px 8px,#0000001a 0 1px 16px,#0000001a 0 1px 32px;color:var(--color-basic-font)}button:focus,button:focus-visible{outline:1px auto var(--color-focus-visible)}.arrow-back-icon{pointer-events:none}app-popover{display:block;position:relative}app-popover .popover-content{position:relative}app-popover button{outline:none;border:0;border-radius:50%}app-popover .popover{position:absolute;inset:2rem 2.5rem auto auto;border:1px solid var(--color-medium-border);box-shadow:#96969633 0 -25px 18px -14px inset,#9696961a 0 1px 2px,#9696961a 0 2px 4px,#9696961a 0 2px 8px,#9696961a 0 4px 16px!important}.dialog{position:fixed;top:50%;left:50%;border:none;padding:0;margin:0;transform:translate(-50%,-50%);box-shadow:#96969633 0 -25px 18px -14px inset,#9696961a 0 1px 2px,#9696961a 0 2px 4px,#9696961a 0 2px 8px,#9696961a 0 4px 16px!important}.dialog__wrapper{padding:1em}.dialog__error{font-size:.8rem;color:var(--color-error)}dialog::backdrop{background-color:#0000007f}.close-dialog-btn{position:absolute;inset-block-start:2px;inset-inline-end:2px;border-radius:6px;transition:background-color .2s linear}.scroll-lock{overflow:hidden}.popover-option{padding:5px 7px;cursor:pointer}.popover-option:not(:last-child){border-block-end:1px solid var(--color-medium-border)}select{display:block;width:100%;border:none;border-bottom:1px solid var(--color-dark-border);padding:10px 10px 10px 5px}select:focus{outline:none}.wrapper{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.link{color:inherit;text-decoration:none;cursor:pointer}.link:hover{color:var(--color-accent);transition:color .5s}.link[size=large]{font-size:2rem}.link[size=large]:after{height:2px}.link-nice:after{content:"";display:block;width:0%;height:1px;margin-top:-3px;background-color:var(--color-basic-font);transition:width .2s,background-color .5s}.link-nice:hover:after{width:100%;background-color:var(--color-accent)}[color=danger] .link{color:red}[color=danger] .link-nice:hover:after{background-color:red}.page-container{display:flex;flex-direction:column;gap:2rem;min-width:450px}.page-container{display:flex;flex-direction:column;gap:2.5rem;min-width:450px}.page-container__actions{display:flex;gap:1.2rem;justify-content:end;margin-block-start:1rem;flex-wrap:wrap}.error-image{display:block;height:100%;max-width:100%;margin:auto}.profile-page__actions{margin-block-start:2rem;line-height:2rem}.edit-profile__container{margin:auto}.edit-profile__actions{margin-block-start:2rem;line-height:2rem}.edit-profile__avatar-uploader{margin:auto}.profile-data-item{width:100%;display:flex;align-items:center;justify-content:space-between;border-block-end:var(--border)}app-avatar-uploader{display:block;position:relative}app-avatar-uploader[size=large]{inline-size:150px;block-size:150px}app-avatar-uploader label[for=avatar]{--invisible-color: rgb(0 0 0 / 0%);position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;transition:opacity .7s;background-color:var(--color-light-text);opacity:0;display:flex;align-items:center;justify-content:center}app-avatar-uploader label[for=avatar]:hover{opacity:.7;background-color:var(--color-light-text)}app-avatar-uploader label[for=avatar] .avatar-uploader-icon{color:#000;font-size:xx-large}app-avatar-uploader [type=file]{display:none}.profile-page__container{margin:auto}.profile-page__actions{margin-block-start:2rem;line-height:2rem;display:flex;justify-content:space-between}@media (max-width: 600px){.profile-page__actions{flex-direction:column;align-items:center;gap:7px}}.profile-page__actions button{align-items:center;display:flex;gap:1rem}.chat-container{block-size:100%;inline-size:100%;display:flex}.chat-container__messages{display:flex;flex-direction:column;gap:1.5rem;width:max(310px,25%);padding:10px;padding-inline-end:0;border-inline-end:var(--border);background-color:var(--color-basic-background)}.chat-container__selected-chat-content{flex-grow:1;background-color:azure}.chat-container__messages-list{overflow-y:auto}.chat{display:flex;flex-direction:column}.chat__header{display:flex;padding:5px 7px;border-block-end:1px solid var(--color-medium-border);justify-content:space-between;align-items:flex-start}.chat__header-title{display:block}.chat__header-title h2{margin:0}.chat__header-label{font-weight:400}.chat__content{flex-grow:1;overflow:auto}.chat__footer{display:block;padding:12px 8px}.chat-list-item{--padding: 10px;display:flex;list-style:none;gap:1.5rem;min-height:70px;border-block-start:1px solid var(--color-lighter-border);margin-inline:calc(0px - var(--padding));padding:var(--padding);align-items:center}.chat-list-item:last-child{border-block-end:1px solid var(--color-lighter-border)}.chat-list-item__active{background-color:#e0ffff}.chat-list-item__data{text-align:left;padding-inline-end:10px;font-size:.9rem}.chat-list-item__data-row{margin:0}.message-form{display:flex;align-items:center;gap:.5rem;max-width:800px;margin:auto}.message-form [name=message]{border-radius:1rem 1rem 0 0;height:3rem}chat-header-menu{display:block}app-chats-list{display:block;width:100%;padding:5px 10px}app-messages-list{display:block}.messages-list-container{display:flex;flex-direction:column;padding:1.5rem 3rem;max-width:1000px;margin:auto}app-message-item{display:inline-block;border:1px solid var(--color-lighter-border);padding:7px 10px;border-radius:.5rem}app-message-item[owner=true]{align-self:flex-end;background-color:var(--color-accent-background)}app-message-item:not([owner=true]){align-self:flex-start;background-color:var(--color-basic-background)}app-message-item .date-time{font-size:.7rem;padding-inline-start:60px;text-align:end}app-message-item .message-text{padding-inline-end:60px;padding-block-end:1rem;text-align:start}.form-layout{display:flex;align-items:center;height:100%;min-width:500px;justify-content:center}.profile-layout{max-width:750px;margin:auto;display:flex;align-items:center;height:100%;justify-content:center}.error-layout{width:500px;height:100%}