@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{min-height:100vh;font-family:"Poppins",sans-serif;font-size:1.6rem;background-color:#121212;color:#fff;overflow:hidden}.wrapper{max-width:calc(100vw - 3em);margin:0 auto;width:100%}@media screen and (min-width:576px){.wrapper{max-width:calc(100vw - 5em)}}@media screen and (min-width:992px){.wrapper{max-width:calc(100vw - 10em)}}@media screen and (min-width:1600px){.wrapper{max-width:1400px}}.container{flex-grow:1;padding:0 60px}.btn-group{display:flex;align-items:center;justify-content:space-between;grid-gap:1em;gap:1em}.btn-group .btn{width:100%;text-transform:capitalize}.btn-group .btn--50{width:50%}.text-clip{white-space:nowrap;text-overflow:ellipsis}.overflow-hidden,.text-clip{overflow:hidden}.flex-row{display:flex;align-items:center}.flex-column{display:flex;flex-direction:column}.align-start{align-items:start;align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end;align-items:end}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-end{justify-content:end}.vertical-container{height:100%;display:flex;flex-direction:column;flex-grow:1}.separator{display:flex;justify-content:center;align-items:center;margin-bottom:.5em}.separator:after,.separator:before{content:"";height:1px;width:100%;background-color:var(--text-primary);opacity:.1}.separator span{min-width:-webkit-max-content;min-width:max-content;margin:0 1em;opacity:.4;font-size:1.4rem;font-weight:300;color:var(--text-primary)}.separator.no-text:after,.separator.no-text:before{content:"";height:1px;width:100%;background-color:var(--text-primary);opacity:.1}.w100{width:100%}.h100{height:100%}.flex-grow-1{flex-grow:1}.mb0{margin-bottom:0}.mb05{margin-bottom:.5em}.mb1{margin-bottom:1em}.mb2{margin-bottom:2em}.mb3{margin-bottom:3em}.mt0{margin-top:0}.mt05{margin-top:.5em}.mt1{margin-top:1em}.mt2{margin-top:2em}.mt3{margin-top:3em}.gap0{grid-gap:0;gap:0}.gap05{grid-gap:.5em;gap:.5em}.gap1{grid-gap:1em;gap:1em}.gap2{grid-gap:2em;gap:2em}.gap3{grid-gap:3em;gap:3em}.absolute-center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.btn{min-width:-webkit-max-content;min-width:max-content;display:block;padding:.5em 1em;border:1px solid var(--text-accent);border-radius:var(--border-radius);font-size:1.6rem;text-decoration:none;font-family:"Poppins",sans-serif;font-weight:500;text-align:center;background-color:var(--text-accent);color:var(--btn-text);transition:.3s;cursor:pointer;-webkit-user-select:none;user-select:none}.btn:hover{background-color:var(--text-accent-darken25)}.btn--secondary{border:1px solid var(--text-accent);background-color:transparent;color:var(--text-accent);transition:.3s}.btn--secondary:hover{background-color:var(--bg-dark-lighten15)}.custom-scrollbar::-webkit-scrollbar{width:2px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{border-radius:5px;background:var(--bg-dark-lighten120)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--bg-dark-lighten90)}.custom-scrollbar--horizontal::-webkit-scrollbar{height:3px}.outside-click-handler{all:inherit}button{font-family:"Poppins",sans-serif}li,ul{list-style-type:none}h1,h2,h3{color:var(--text-heading)}a{text-decoration:none}a,input,textarea{color:var(--text-primary)}input,textarea{font-family:"Poppins",sans-serif;outline:none}label{display:block;margin-bottom:16px}label p{display:block;margin-bottom:6px}textarea{min-height:160px}.error{max-width:40ch;padding:8px;margin:10px 0;border:1px solid red;border-radius:var(--border-radius);color:red;background:pink}.text-center{text-align:center}.text-capitalize{text-transform:capitalize}.text-uppercase{text-transform:uppercase}.cursor-pointer{cursor:pointer}.EmojiPickerReact{z-index:200}.EmojiPickerReact .epr-preview{display:none!important}.EmojiPickerReact .epr-body{margin-right:5px}.EmojiPickerReact .epr-body::-webkit-scrollbar{width:4px}.EmojiPickerReact .epr-body::-webkit-scrollbar-track{background:transparent}.EmojiPickerReact .epr-body::-webkit-scrollbar-thumb{border-radius:5px;background:var(--text-low-contrast)}.EmojiPickerReact .epr-body::-webkit-scrollbar-thumb:hover{background-color:#aaa}.EmojiPickerReact li.epr-emoji-category>.epr-emoji-category-label{top:-1px}.App{min-height:100vh;height:100%;max-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-dark);color:var(--text-primary);overflow:hidden auto}.App.electron-app{min-height:calc(100vh - 26.78px);max-height:calc(100vh - 26.78px)}@media screen and (min-width:768px){.App{flex-direction:row}}.App .no-chats{display:flex;flex-direction:column;align-items:center;grid-gap:1em;gap:1em;text-align:center}.App .no-chats h2{font-size:3rem}.App .no-chats a .btn,.App .no-chats h2{text-transform:capitalize}.dashboard{justify-content:center;align-items:center}.chat,.dashboard{flex-grow:1;display:flex;background-color:var(--bg-dark)}.chat{width:100%;flex-direction:row}@media screen and (max-width:768px){.chat{height:100%;position:fixed;left:0;-webkit-animation:hideChat .3s forwards;animation:hideChat .3s forwards;z-index:20}.chat.active{-webkit-animation:showChat .3s forwards;animation:showChat .3s forwards}}.chat__top-bar{position:relative;display:flex;justify-content:space-between;align-items:center;padding:.6em 2em .6em 1em;background-color:var(--bg-dark);z-index:80}.chat__top-bar:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--border-color);z-index:90}.chat__top-bar .close-chat{padding:.4em;margin-right:1em;border-radius:50vw;font-size:1.8rem;color:var(--text-accent);cursor:pointer}.chat__top-bar .close-chat:active{background-color:var(--bg-dark-lighten10)}.chat__top-bar .avatar{width:32px;height:32px;margin-right:.5em}.chat__top-bar .vertical-container{line-height:1em}.chat__top-bar .vertical-container h3{font-weight:600;font-size:1.6rem;color:var(--text-heading)}.chat__top-bar .vertical-container .isActive{text-transform:capitalize;font-size:1.3rem;color:var(--text-mid-contrast)}.chat__top-bar .top-bar-options{position:relative;width:35px;height:35px;display:flex;justify-content:center;align-items:center;padding:.4em .8em;border-radius:50vw;cursor:pointer;transition:.3s}.chat__top-bar .top-bar-options:hover{background-color:var(--bg-dark-lighten10)}.chat__top-bar .top-bar-options.active i{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.chat__top-bar .top-bar-options i{font-size:2rem;pointer-events:none;color:var(--text-accent);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.chat__comments{position:relative;height:0;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;padding:0 .5em}.chat__comments .input-focus{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:10}@-webkit-keyframes showChat{0%{left:100%}to{left:0}}@keyframes showChat{0%{left:100%}to{left:0}}@-webkit-keyframes hideChat{0%{left:0}to{left:100%}}@keyframes hideChat{0%{left:0}to{left:100%}}.message{position:relative;width:100%;display:flex;flex-direction:column;margin-top:2px;background-color:transparent}.message:has(.message__response){margin-top:1.5em}.message:has(.message__response.no-margin){margin-top:0}.message.owner:has(.file-message) .message__content-text,.message:has(.file-message) .message__content-text{padding:0;background:transparent}.message:hover .message__content .message-tools{-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width:768px){.message:hover .message__content .message-tools{-webkit-transform:translateY(-50%);transform:translateY(-50%);visibility:visible;opacity:1}}.message.owner{align-self:flex-end;align-items:flex-end}@media screen and (min-width:768px){.message.owner .message__content .message-tools{left:-6.5em;right:auto;flex-direction:row-reverse}}.message.owner .message__content-text{border:1px solid var(--message-border-owner);border-radius:25px;background:var(--message-bg-owner) fixed;color:var(--message-color-owner)}.message.owner .created-at{align-self:flex-end}.message.owner .react-with-emoji{right:calc(100% + .5em);left:unset}.message.owner .react-with-emoji svg{right:10px;left:auto;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.message.group-top{margin-top:20px}.message.group-top .message__content-text{border-radius:25px 25px 25px 5px}.message.group-top.owner .message__content-text{border-radius:25px 25px 5px 25px}.message.group-middle .message__content-text{border-radius:5px 25px 25px 5px}.message.group-middle.owner .message__content-text{border-radius:25px 5px 5px 25px}.message.group-bottom .message__content-text{border-radius:5px 25px 25px 25px}.message.group-bottom.owner .message__content-text{border-radius:25px 5px 25px 25px}.message.deleted .message__content{-webkit-user-select:none;user-select:none}.message.deleted .message__content-text{border:1px solid var(--bg-dark-lighten10);background-image:none;background-color:var(--bg-dark);color:var(--bg-dark-lighten90)}.message.emoji-response{margin-bottom:1em}.message__response{max-width:80%;display:flex;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer}.message__response,.message__response-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message__response-message{max-width:100%;padding:.4em 1em 1.5em;margin-bottom:-1.5em;border-radius:25px;border:1px solid var(--bg-dark-lighten10);font-size:1.5rem;word-break:break-all;background-color:var(--bg-dark-lighten5);color:var(--bg-dark-lighten90);overflow:hidden}.message__response-img{background-color:rgba(0,0,0,.5);margin-bottom:-1em;border-radius:15px;overflow:hidden}.message__response-img img,.message__response-img video{position:relative;max-height:150px;margin-bottom:-1em;border-radius:15px;z-index:0}.message__response.deleted .response__message{font-style:italic}.message__author{display:inline-block;margin-left:60px;font-size:1.4rem;color:var(--bg-dark-lighten90)}.message__content{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:80%;display:flex;align-items:flex-end}.message__content:has(.message__content-text:hover) .message-createdAt{scale:1}.message__content:has(.emoji-reactions:hover) .message-createdAt,.message__content:has(.message__content-text .modal) .message-createdAt{scale:0}.message__content .emoji-reactions{position:absolute;bottom:0;right:0;display:flex;align-items:center;justify-content:center;background-color:var(--bg-dark-lighten15);border-radius:50vw;cursor:pointer;-webkit-transform:translate(25%,50%);transform:translate(25%,50%);z-index:100}.message__content .emoji-reactions__reaction{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.message__content .emoji-reactions__reaction:hover-display-name{display:block}.message__content .emoji-reactions__reaction-content{font-size:1.5rem;-webkit-user-select:none;user-select:none}.message__content .emoji-reactions__reaction-display-name{width:-webkit-max-content;width:max-content;display:none;position:absolute;top:0;padding:.6em;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);font-size:1.3rem;background-color:var(--bg-dark-lighten20);color:var(--text-primary);-webkit-transform:translateY(-120%);transform:translateY(-120%)}.message__content .show-reactions{min-width:30%;max-width:100%;position:relative;display:flex;flex-direction:column;border-radius:var(--border-radius);z-index:160}.message__content .show-reactions h3{margin-bottom:.5em;font-size:2.2rem}.message__content .show-reactions__reaction{display:flex;align-items:center;justify-content:space-between;grid-gap:3em;gap:3em;padding:.5em;border-radius:var(--border-radius);transition:.3s}.message__content .show-reactions__reaction:hover{background-color:var(--bg-dark-lighten10)}.message__content .show-reactions__reaction-author{display:flex;align-items:center;grid-gap:1em;gap:1em}.message__content .show-reactions__reaction-author .avatar{width:45px;height:45px}.message__content .show-reactions__reaction-author p{color:var(--text-primary)}.message__content .show-reactions__reaction-author p:nth-of-type(2){font-size:1.2rem;color:var(--text-mid-contrast)}.message__content .show-reactions__reaction-emoji{font-size:2.2rem}.message__content .message-createdAt{display:block;scale:0;width:-webkit-max-content;width:max-content;position:absolute;font-size:1.2rem;-webkit-transform-origin:left;transform-origin:left;transition:.3s;z-index:50}.message__content .message-createdAt.hidden{scale:0}.message__content .message-tools{width:100%;position:fixed;bottom:0;left:0;padding:1.2em;display:flex;justify-content:space-around;grid-gap:.4em;gap:.4em;font-size:1.6rem;cursor:pointer;background-color:var(--bg-dark-lighten10);border-top:1px solid var(--bg-dark-lighten20);box-shadow:0 0 5px var(--bg-dark-lighten10);color:var(--text-primary);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transform-origin:left;transform-origin:left;transition:.1s;transition-delay:.3s;z-index:100}.message__content .message-tools.visible{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible}@media screen and (min-width:768px){.message__content .message-tools{width:auto;position:absolute;top:50%;right:-4.5em;bottom:unset;left:unset;visibility:hidden;opacity:0;padding:0;border:none;box-shadow:none;background-color:transparent}.message__content .message-tools,.message__content .message-tools.visible{-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.message__content .message-tools:hover+.message-createdAt{scale:0}.message__content .message-tools i{position:relative;padding:.4em;font-size:2rem}@media screen and (min-width:768px){.message__content .message-tools i{font-size:1.6rem}}.message__content .message-tools i:hover .tooltip{visibility:visible;opacity:1;scale:1}.message__content .message-tools i .tooltip{display:block;visibility:hidden;opacity:0;scale:0;font-weight:400}.message__content-margin{position:relative;width:32px;height:32px;margin-right:10px}.message__content-margin .avatar-container{--size:32px}.message__content-margin .profile-preview-tooltip .avatar-container{--size:75px}.message__content-text{padding:8px 12px;border-radius:25px;border:1px solid var(--message-border);font-size:1.5rem;word-break:break-all;background-color:var(--message-bg);color:var(--message-color);overflow:hidden}@media screen and (min-width:768px){.message__content-text:hover+.message-tools{visibility:hidden;opacity:0}}.message__content-text .file-message{position:relative}.message__content-text .file-message:hover .file-message__preview{display:block}.message__content-text .file-message img{display:block;width:100%;max-height:200px}.message__content-text .file-message img.previewed{width:auto;max-height:800px;position:fixed;top:50%;left:50%;border-radius:var(--border-radius);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:200}.message__content-text .file-message video{display:block;max-height:200px;width:158px}.message__content-text .file-message img.previewed,.message__content-text .file-message video.previewed{width:auto;max-height:800px;position:fixed;top:50%;left:50%;border-radius:var(--border-radius);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:200}.message__content-text .file-message__preview{padding:1em;display:none;width:25px;height:25px;position:absolute;top:.2em;right:.2em;border-radius:50vw;background-color:rgba(0,0,0,.4);color:#fff;pointer-events:none}.message__content-text .file-message__preview i{position:absolute;top:50%;left:50%;font-size:1rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.message .react-with-emoji{position:absolute;top:calc(50% - 1.5em);left:calc(100% + .5em);right:unset;z-index:300;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.message .react-with-emoji svg{position:absolute;bottom:-10px;left:10px;fill:#222}.message .react-with-emoji .EmojiPickerReact .epr-preview{display:none}.message .react-with-emoji .EmojiPickerReact .epr-body{margin-right:5px}.message .react-with-emoji .EmojiPickerReact .epr-body::-webkit-scrollbar{width:4px}.message .react-with-emoji .EmojiPickerReact .epr-body::-webkit-scrollbar-track{background:transparent}.message .react-with-emoji .EmojiPickerReact .epr-body::-webkit-scrollbar-thumb{border-radius:5px;background:var(--text-low-contrast)}.message .react-with-emoji .EmojiPickerReact .epr-body::-webkit-scrollbar-thumb:hover{background-color:#aaa}.message .react-with-emoji .EmojiPickerReact li.epr-emoji-category>.epr-emoji-category-label{top:-1px}.message .seen{display:inline-block;align-self:flex-end;display:flex;grid-gap:.5em;gap:.5em;margin:.3em 0}.message .seen:empty{display:none}.message .seen .avatar{width:16px;height:16px}.avatar{display:inline-block;width:50px;height:50px;border-radius:50%;overflow:hidden;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;border-radius:inherit;aspect-ratio:1/1;object-fit:cover}.avatar-container{--size:45px;min-width:var(--size);width:var(--size);max-width:var(--size);min-height:var(--size);height:var(--size);max-height:var(--size);position:relative;display:flex;justify-content:center;align-items:center;border-radius:50vw;overflow:visible}.avatar-container>a{width:100%;height:100%;border-radius:50vw}.avatar-container .avatar{width:100%;height:100%;position:relative;z-index:0}.avatar-container a>.avatar:hover:before{opacity:1;visibility:visible}.avatar-container a>.avatar:before{content:"view profile";opacity:0;visibility:hidden;top:0;left:0;font-size:.9rem;font-weight:700;text-align:center;text-transform:uppercase;background-color:rgba(0,0,0,.5);transition:opacity .2s}.avatar-container .status,.avatar-container a>.avatar:before{position:absolute;bottom:0;right:0;display:flex;align-items:center;justify-content:center}.avatar-container .status{width:34%;height:34%;border-radius:50%;background-color:var(--bg-dark-lighten5)}.avatar-container .status__dot{width:68%;height:68%;position:relative;border-radius:50vw}.avatar-container .status__dot .tooltip{display:block;visibility:hidden;opacity:0;text-transform:capitalize;font-size:1.2rem;scale:0}.avatar-container .status__dot:hover .tooltip{visibility:visible;opacity:1;scale:1}.avatar-container .status__dot:before{transition:background-color .3s;background-color:var(--bg-dark-lighten5)}.avatar-container .status__dot--online{background-color:#3ba55d}.avatar-container .status__dot--idle{position:relative;background-color:#faa81a;-webkit-clip-path:circle(60%);clip-path:circle(60%)}.avatar-container .status__dot--idle:before{content:"";width:90%;height:90%;position:absolute;top:-25%;left:-25%;border-radius:50vw;z-index:0}.avatar-container .status__dot--do-not-disturb{display:flex;justify-content:center;align-items:center;background-color:#ed4245}.avatar-container .status__dot--do-not-disturb:before{content:"";width:70%;height:20%}.avatar-container .status__dot--invisible{display:flex;justify-content:center;align-items:center;background-color:#747f8d}.avatar-container .status__dot--invisible:before{content:"";width:50%;height:50%;border-radius:50vw}.tooltip{width:-webkit-max-content;width:max-content;display:none;position:absolute;padding:.6em;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);font-size:1.3rem;font-family:"Poppins",sans-serif;background-color:var(--bg-dark-lighten20);z-index:1000;overflow:hidden;transition:scale .3s,opacity .3s}.tooltip.top,.tooltip:not(.top,.bottom,.right,.left){top:0;left:50%;-webkit-transform:translate(-50%,calc(-100% - 8px));transform:translate(-50%,calc(-100% - 8px))}.tooltip.top.end{left:50%}.tooltip.top.end,.tooltip.top.start{-webkit-transform:translateY(calc(-100% - 8px));transform:translateY(calc(-100% - 8px))}.tooltip.top.start{left:0;right:50%}.tooltip.bottom{bottom:0;left:50%;-webkit-transform:translate(-50%,calc(100% + 8px));transform:translate(-50%,calc(100% + 8px))}.tooltip.bottom.end{left:50%}.tooltip.bottom.end,.tooltip.bottom.start{-webkit-transform:translateY(calc(100% + 8px));transform:translateY(calc(100% + 8px))}.tooltip.bottom.start{left:0;right:50%}.tooltip.left.end,.tooltip.right.end{top:50%}.tooltip.left.start,.tooltip.right.start{bottom:50%}.tooltip.left{left:0;-webkit-transform:translateX(calc(-100% - 8px));transform:translateX(calc(-100% - 8px))}.tooltip.right{right:0;-webkit-transform:translateX(calc(100% + 8px));transform:translateX(calc(100% + 8px))}.chats{position:relative;flex-grow:1;display:flex;flex-direction:column;padding:0 1em;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);background-color:var(--bg-dark-lighten5);color:var(--text-primary);resize:horizontal}@media screen and (min-width:768px){.chats{flex-grow:0}}.chats .page-title{display:flex;align-items:center;justify-content:space-between;margin:1em 0 .6em}.chats .page-title h2{font-size:3rem;font-weight:500}.chats .pinned{margin:1em 0}.chats .pinned__add,.chats .pinned a .avatar{width:45px;height:45px}.chats__search-bar{width:100%;display:flex;align-items:center;grid-gap:1em;gap:1em;padding:.8rem 1.2rem;margin:.8em 0 1.2em;border:1px solid var(--border-color);border-radius:var(--border-radius);border-radius:50vw;font-size:1.5rem;background-color:var(--bg-dark);color:var(--text-mid-contrast);outline:none}.chats__search-bar input{all:unset;cursor:text;flex-grow:1}.chats__filtered-user{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:.5em;border-radius:var(--border-radius);cursor:pointer;color:#fff;transition:.3s}.chats__filtered-user:hover{background-color:var(--bg-dark-lighten10)}.chats__filtered-user .avatar{width:35px;height:35px}.chats__filtered-user span{font-size:1.6rem}.chats__list{display:flex;flex-direction:column;grid-gap:.2em;gap:.2em;overflow-y:scroll}@media screen and (max-width:768px){.chats__list{margin-bottom:73px}}.chats__list:hover a:after{opacity:.5}.chats__list-chat{position:relative;display:flex;align-items:center;grid-gap:.6em;gap:.6em;padding:.5em;margin:1px 10px 1px 1px;border-radius:var(--border-radius);text-decoration:none;transition:background-color .3s;z-index:2}.chats__list-chat.unread .display-name,.chats__list-chat.unread .last-chat{font-weight:700;color:var(--text-primary)}@media screen and (min-width:768px){.chats__list-chat.active{background-color:var(--bg-dark-lighten15);cursor:default}}.chats__list-chat:not(.active):hover{background-color:var(--bg-dark-lighten10)}.chats__list-chat:not(.active):active{background-color:var(--bg-dark-lighten15)}.chats__list-chat .display-name{font-weight:400;font-size:1.5rem;color:var(--text-primary)}.chats__list-chat .display-name span{color:var(--text-mid-contrast)}.chats__list-chat .last-chat{display:flex;align-items:center;color:var(--text-low-contrast)}.chats__list-chat .last-chat .last-message{font-size:1.3rem;overflow:hidden}.chats__list-chat .last-chat .comment-date{width:-webkit-max-content;width:max-content;position:relative;font-size:1.2rem}.chats__list-chat .last-chat .dot{height:2px;width:2px;margin:0 5px;background-color:var(--text-low-contrast)}.pinned{display:flex;align-items:center}.pinned.horizontal{flex-direction:row}.pinned.horizontal.full{justify-content:center}.pinned.horizontal a{margin-right:calc(20% - 45px)}.pinned.vertical{flex-direction:column}.pinned.vertical a{margin-bottom:.5em}.pinned a{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer}.pinned a .avatar{width:40px;height:40px;transition:.3s}.pinned a .avatar:hover{border-radius:15px}.pinned__add{width:40px;height:40px;display:flex;justify-content:center;align-items:center;padding:.5em;border-radius:50%;font-size:1.8rem;background-color:var(--bg-dark-lighten15);color:var(--text-accent);cursor:pointer;transition:.3s}.pinned__add:hover{border-radius:15px;background-color:var(--text-accent);color:var(--text-primary)}.pinned__modal{display:flex;flex-direction:column;grid-gap:3em;gap:3em;margin-top:2em}.pinned__modal-current-favs{display:flex;align-items:center;justify-content:space-between}.pinned__modal-current-favs .flex-row:empty{display:none}.pinned__modal-current-favs .fav{position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}.pinned__modal-current-favs .fav:not(:last-of-type){margin-right:1.5em}.pinned__modal-current-favs .fav__remove{width:20px;height:20px;position:absolute;bottom:-3px;right:-3px;display:flex;justify-content:center;align-items:center;border-radius:50vw;font-size:1.2rem;background-color:rgba(0,0,0,.7)}.pinned__modal-current-favs .fav--empty{width:50px;height:50px;border-radius:50%;border:1px solid var(--bg-dark-lighten15);color:var(--text-mid-contrast);transition:.3s;overflow:hidden}.pinned__modal-current-favs .fav--empty:hover{border:1px solid var(--text-mid-contrast);color:var(--text-low-contrast)}.pinned__modal-current-favs .fav--empty i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pinned__modal-current-favs .fav:hover .avatar{border-radius:15px}.pinned__modal-current-favs .fav .avatar{transition:.3s}.pinned__modal input{padding:.8em}.pinned__modal-chats-list{max-height:250px;display:flex;flex-direction:column;padding:0 .5em;overflow-y:auto}.pinned__modal-chats-list li{display:flex;justify-content:space-between;align-items:center;padding:.4em;border-radius:var(--border-radius);background-color:transparent;transition:background-color .3s;-webkit-user-select:none;user-select:none;cursor:pointer}.pinned__modal-chats-list li.dragged{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-self:flex-end;padding:0;background-color:transparent}.pinned__modal-chats-list li.hover-over-slot .handle .avatar{width:40px;height:40px}.pinned__modal-chats-list li:hover{background-color:var(--bg-dark-lighten15)}.pinned__modal-chats-list li:hover .handle{color:var(--bg-dark-lighten90)}.pinned__modal-chats-list li .flex-row{grid-gap:.8em;gap:.8em}.pinned__modal-chats-list li .flex-row .avatar{width:30px;height:30px}.pinned__modal-chats-list li .flex-row p{justify-self:start}.pinned__modal-chats-list li .handle{justify-self:flex-end;padding:.5em;font-size:1.2rem;color:var(--bg-dark-lighten25);transition:color .3s;cursor:grab}.pinned__modal-chats-list li .handle .avatar{transition:.3s}.modal{width:100%;height:100%;position:fixed;top:50%;left:50%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.6);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:999}.modal__content{width:100%;height:100%;position:relative;padding:2.5em 1em 1em;box-shadow:0 8px 24px rgba(24,24,24,.2);background-color:var(--bg-dark-lighten5);color:var(--text-primary-darken20);z-index:160}@media screen and (min-width:768px){.modal__content{width:unset;max-width:calc(100% - 2em);height:unset;border-radius:var(--border-radius)}}.modal__content:has(.modal__content-padding){padding:0}.modal__content:has(.modal__content-padding) .btn-group{width:100%;padding:1em;margin-top:0;border-radius:0 0 var(--border-radius) var(--border-radius);background-color:var(--bg-dark-lighten10)}.modal__content-padding{padding:2.5em 3em 1em}.modal__content h3{font-size:2.4rem;margin-bottom:.5em;font-weight:500}.modal__content h3+p:not(.mb0){margin-bottom:2em;line-height:1}.modal__content .btn-group{margin-top:1em}.modal__content .btn-group .btn{font-weight:400;color:var(--text-primary)}.modal__content .btn-group .btn--secondary{border:1px solid var(--bg-dark-lighten5);background-color:var(--bg-dark-lighten5);color:var(--text-primary-darken20)}.modal .close-btn{width:30px;height:30px;position:absolute;top:.5em;right:.5em;display:flex;justify-content:center;align-items:center;border-radius:50vw;font-size:2rem;cursor:pointer;transition:.3s;z-index:180;color:var(--text-primary-darken50)}.modal .close-btn:hover{color:var(--text-primary)}.input-field{position:relative;display:flex;align-items:center;margin-bottom:0;border:2px solid var(--bg-dark-lighten10);border-radius:var(--border-radius);background-color:var(--bg-dark-lighten5);transition:border .3s;cursor:text}.input-field input{width:100%;padding:.8em 1em;border:none;outline:none;font-size:1.6rem;background-color:transparent;color:var(--text-primary);z-index:6}.input-field:has(.input-field__label) input{padding:1.2em .8em .6em}.input-field__label{position:absolute;top:50%;margin-bottom:0;pointer-events:none;font-size:1.5rem;color:var(--text-mid-contrast);-webkit-transform:translate(.8em,-50%) scale(1);transform:translate(.8em,-50%) scale(1);-webkit-transform-origin:top left;transform-origin:top left;transition:.2s cubic-bezier(0,0,.2,1) 0ms;z-index:20}.input-field__label.active{-webkit-transform:translate(.8em,-100%) scale(.8);transform:translate(.8em,-100%) scale(.8);color:var(--text-primary-darken50)}.input-field__after{width:-webkit-max-content;width:max-content;display:flex;justify-content:center;align-items:center}.input-field__after i{font-size:2.2rem;color:var(--text-primary-darken100)}.input-field__before{margin-left:.8em}.input-field__after{position:absolute;top:50%;right:.8em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.input-field:focus-within{border:2px solid var(--text-accent)}.input-field:focus-within .input-field__label{-webkit-transform:translate(.8em,-100%) scale(.8);transform:translate(.8em,-100%) scale(.8);color:var(--text-accent)}.input-field.field-error{border:2px solid #ff6681;-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}40%,60%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}40%,60%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}}.input-field.field-error .input-field__label{color:#ff6681}.input-field.field-error .input-field__icon{display:block;color:#ff6681;-webkit-animation:show .3s linear 1;animation:show .3s linear 1}.input-field__optional{vertical-align:middle;font-size:1.3rem;font-style:italic}.input-field__icon{position:absolute;top:50%;right:.8em;font-size:2.2rem;color:#ff6681;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:center;transform-origin:center;cursor:text;z-index:10}.input-field__icon--password{display:block;color:var(--text-primary-darken100);transition:color .3s;cursor:pointer}.input-field__icon--password:hover{color:var(--text-primary-darken50)}.input-field__icon--error{display:none}.input-field__icon--after{color:var(--text-primary-darken100)}@-webkit-keyframes show{0%{opacity:0;scale:0}60%{opacity:1;scale:1.2}80%{opacity:1;scale:.8}to{opacity:1;scale:1}}@keyframes show{0%{opacity:0;scale:0}60%{opacity:1;scale:1.2}80%{opacity:1;scale:.8}to{opacity:1;scale:1}}.field:not(.mb0){margin-bottom:1em}.field__title{margin-bottom:.4em;font-size:1.5rem;color:var(--text-primary-darken20)}.field__help-text{color:var(--text-primary-darken100)}.field__error,.field__help-text{margin-top:.3em;font-size:1.3rem}.field__error{color:#ff6681}.color-picker{min-width:50%;max-width:-webkit-max-content;max-width:max-content;height:40px;display:flex;align-items:center;margin:0 0 1em;border-radius:var(--border-radius);overflow:hidden}.color-picker__value{width:50%;padding:.5em;border:3px solid var(--bg-dark);border-radius:0;text-align:center;font-size:1.6rem;background-color:var(--bg-dark)}.color-picker input[type=color]{width:50%;height:100%;padding:0;border:none;cursor:pointer;background-color:transparent}.color-picker input[type=color]::-webkit-color-swatch{border-radius:0 var(--border-radius) var(--border-radius) 0;border:3px solid var(--bg-dark);border-left:none}.color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.github-btn{width:100%;height:46px;display:flex;align-items:center;padding:0 18px 0 8px;margin:5px 0;border:none;border-radius:4px;text-decoration:none;background-color:#24292e;color:#fff;cursor:pointer}.github-btn span{width:100%;font-family:"Roboto",sans-serif;font-size:18px}.google-btn{width:100%;display:flex;align-items:center;padding:0 18px 0 0;margin:5px 0;border:none;border-radius:4px;text-decoration:none;background-color:#4285f4;color:#fff;cursor:pointer}.google-btn span{width:100%;font-family:"Roboto",sans-serif;font-size:18px}.loader{--size:32px;height:var(--size);width:var(--size);-webkit-animation:loader-1-1 4.8s linear infinite;animation:loader-1-1 4.8s linear infinite}.loader span{display:block;-webkit-animation:loader-1-2 1.2s linear infinite;animation:loader-1-2 1.2s linear infinite}.loader span,.loader span:after{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:var(--size);width:var(--size);clip:rect(0,var(--size),var(--size),calc(var(--size)/2))}.loader span:after{content:"";border:3px solid #fff;border-radius:50%;-webkit-animation:loader-1-3 1.2s cubic-bezier(.77,0,.175,1) infinite;animation:loader-1-3 1.2s cubic-bezier(.77,0,.175,1) infinite}@-webkit-keyframes loader-1-1{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes loader-1-1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loader-1-2{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(220deg)}}@keyframes loader-1-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(220deg);transform:rotate(220deg)}}@-webkit-keyframes loader-1-3{0%{-webkit-transform:rotate(-140deg)}50%{-webkit-transform:rotate(-160deg)}to{-webkit-transform:rotate(140deg)}}@keyframes loader-1-3{0%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}50%{-webkit-transform:rotate(-160deg);transform:rotate(-160deg)}to{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}.tab-bar{width:100%;position:fixed;bottom:0;left:0;justify-content:space-between;grid-gap:.5em;gap:.5em;padding:.4em 1em;background-color:var(--bg-dark-lighten5);z-index:10}.tab-bar,.tab-bar__link{display:flex;align-items:center}.tab-bar__link{position:relative;justify-content:center;flex-direction:column;padding:.5em;border-radius:8px;text-decoration:none;font-size:2rem;color:var(--text-primary-darken100);overflow:hidden}.tab-bar__link--friends .pending-indicator{width:20px;height:20px;position:absolute;top:0;right:.5em;padding:.1em;border-radius:50vw;background-color:var(--bg-dark-lighten10);-webkit-user-select:none;user-select:none}.tab-bar__link--friends .pending-indicator p{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:50vw;font-size:1.5rem;background-color:var(--text-accent);color:var(--text-heading)}.tab-bar__link.active,.tab-bar__link.active .tab-bar__link-description{color:var(--text-accent)}.tab-bar__link-description{font-size:1.3rem;color:var(--text-primary-darken100)}.tooltip.profile-preview-tooltip{display:block;padding:0;cursor:default;overflow:visible}.profile-preview{min-width:300px;position:relative;display:flex;flex-direction:column;grid-gap:1em;gap:1em;padding:1em;font-size:1.5rem}.profile-preview__banner{width:100%;height:57px;position:absolute;top:0;left:0;border-radius:8px 8px 0 0;z-index:0}.profile-preview__header{display:flex;justify-content:space-between}.profile-preview__header .avatar-container{--size:75px;background-color:var(--bg-dark-lighten20)}.profile-preview__header .avatar-container .status{background-color:var(--bg-dark-lighten20)}.profile-preview__header .avatar-container .avatar{padding:.3em}.profile-preview__header>a{height:-webkit-max-content;height:max-content;padding:.2em;z-index:10}.profile-preview__info{display:flex;flex-direction:column;grid-gap:.4em;gap:.4em;padding:.5em .8em;border-radius:8px;background-color:var(--bg-dark-lighten15)}.profile-preview__info .name{font-weight:500;font-size:2rem}.profile-preview__info .bio{max-width:80ch;word-break:break-all}.profile-preview__info .cards{display:flex;flex-direction:column;grid-gap:1em;gap:1em}.profile-preview__info .cards__card{max-width:30ch}.profile-preview__info .cards__card h4{margin-bottom:.3em;font-size:1.3rem;font-weight:600;text-transform:uppercase}.profile-preview__info .cards__card p{font-size:1.3rem;color:var(--text-primary-darken50)}.profile-preview__info .cards .status-picker{position:relative;display:flex;justify-content:space-between;align-items:center;grid-gap:.5em;gap:.5em;padding:.5em;border-radius:4px;cursor:pointer;transition:background-color .3s}.profile-preview__info .cards .status-picker:hover{background-color:var(--bg-dark-lighten20)}.profile-preview__info .cards .status-picker:hover .tooltip-container .tooltip{display:block}.profile-preview__info .cards .status-picker:hover .flex-row .status-dot:before{background-color:var(--bg-dark-lighten20)}.profile-preview__info .cards .status-picker .tooltip-container{position:absolute;right:0;bottom:-.5em;padding:.5em .5em .5em 2em;-webkit-transform:translateX(100%);transform:translateX(100%);display:flex;justify-content:center;align-items:center}.profile-preview__info .cards .status-picker .tooltip-container .tooltip{display:none;position:unset;padding:.6em;background-color:var(--bg-dark-lighten15);-webkit-transform:none;transform:none}.profile-preview__info .cards .status-picker .tooltip-container .tooltip .picker{display:flex;flex-direction:column;grid-gap:.2em;gap:.2em}.profile-preview__info .cards .status-picker .tooltip-container .tooltip .picker .status{display:flex;align-items:center;grid-gap:.5em;gap:.5em;padding:.5em .8em;border-radius:4px;cursor:pointer;transition:background-color .3s;order:1}.profile-preview__info .cards .status-picker .tooltip-container .tooltip .picker .status:hover,.profile-preview__info .cards .status-picker .tooltip-container .tooltip .picker .status:hover .status-dot:before{background-color:var(--bg-dark-lighten25)}.profile-preview__info .cards .status-picker .tooltip-container .tooltip .picker .status--current{order:0;position:relative;margin-bottom:1em}.profile-preview__info .cards .status-picker .tooltip-container .tooltip .picker .status--current:after{content:"";width:90%;height:1px;position:absolute;bottom:-.5em;left:50%;background-color:var(--bg-dark-lighten25);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.profile-preview__info .cards .status-picker .tooltip-container .tooltip .picker .status__name{text-transform:capitalize}.profile-preview__info .cards .status-picker .status-dot{width:13px;height:13px;border-radius:50vw}.profile-preview__info .cards .status-picker .status-dot:before{transition:background-color .3s}.profile-preview__info .cards .status-picker .status-dot--online{background-color:#3ba55d}.profile-preview__info .cards .status-picker .status-dot--idle{position:relative;background-color:#faa81a}.profile-preview__info .cards .status-picker .status-dot--idle:before{content:"";width:12px;height:12px;position:absolute;top:-25%;left:-25%;border-radius:50vw;background-color:var(--bg-dark-lighten15)}.profile-preview__info .cards .status-picker .status-dot--do-not-disturb{display:flex;justify-content:center;align-items:center;background-color:#ed4245}.profile-preview__info .cards .status-picker .status-dot--do-not-disturb:before{content:"";width:9px;height:3px;background-color:var(--bg-dark-lighten15)}.profile-preview__info .cards .status-picker .status-dot--invisible{display:flex;justify-content:center;align-items:center;background-color:#747f8d}.profile-preview__info .cards .status-picker .status-dot--invisible:before{content:"";width:7px;height:7px;border-radius:50vw;background-color:var(--bg-dark-lighten15)}.profile-preview__info .cards .status-picker .flex-row{grid-gap:.5em;gap:.5em}.profile-preview__info .cards .status-picker span{text-transform:capitalize;font-size:1.4rem;color:var(--text-primary-darken50)}.profile-preview__info .cards .status-picker i{font-size:1.3rem;color:var(--text-primary-darken50)}.tool-bar{align-items:center;padding:1em .8em;background-color:var(--bg-dark-lighten5)}.tool-bar,.tool-bar__pages{display:flex;flex-direction:column}.tool-bar__pages{grid-gap:.5em;gap:.5em}.tool-bar__pages a{position:relative;display:flex;justify-content:center;align-items:center;padding:.5em;border-radius:8px;text-decoration:none;font-size:2rem;background-color:var(--bg-dark-lighten10);color:var(--text-primary-darken100);overflow:hidden;transition:background-color .3s}.tool-bar__pages a:hover{background-color:var(--bg-dark-lighten15)}.tool-bar__pages a:active{background-color:var(--bg-dark-lighten25)}.tool-bar__pages a.friends .pending-indicator{width:20px;height:20px;position:absolute;top:0;right:0;padding:.1em;border-radius:50vw;background-color:var(--bg-dark-lighten10);-webkit-user-select:none;user-select:none}.tool-bar__pages a.friends .pending-indicator p{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:50vw;font-size:1.5rem;background-color:var(--text-accent);color:var(--text-heading)}.tool-bar__pages a.active{color:var(--text-primary)}.tool-bar .separator-no-text,.tool-bar__pages a.active,.tool-bar__pages a.active .pending-indicator{background-color:var(--bg-dark-lighten15)}.tool-bar .separator-no-text{width:60%;height:2px;margin:.8em 0}.tool-bar__profile-menu{width:40px;height:40px;position:relative;margin-top:auto;cursor:pointer}.tool-bar__profile-menu>.avatar-container{width:100%;height:100%}.messages{flex-grow:1;display:flex;flex-direction:column-reverse;padding:0 1.5em;overflow-x:hidden;overflow-y:scroll}.messages .full-img{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:200}.messages .full-img,.messages .full-img .wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.messages .full-img__img{max-width:100%;max-height:100%;position:relative;border-radius:var(--border-radius);z-index:80}.messages .full-img__background{width:100vw;height:100vh;position:absolute;top:50%;left:50%;display:flex;justify-content:center;align-items:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:50}.messages .full-img__background img{width:100%;min-height:130%;max-height:130%}.messages .full-img__background .backdrop-blur{width:100%;height:100%;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:300}.messages .full-img__tools{position:absolute;top:1em;right:1em;display:flex;grid-gap:1em;gap:1em;z-index:100}.messages .full-img__tools .tool{padding:1.4em;border:none;border-radius:50vw;background-color:var(--bg-dark);color:var(--text-primary);cursor:pointer}.messages .full-img__tools .tool i{position:absolute;font-size:2.2rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.messages .messages-wrapper{display:flex;flex-direction:column;align-items:flex-start}.messages .bottom-ref{visibility:hidden;opacity:0;pointer-events:none}.messages__conversation-start{margin:2em 0;align-self:center;text-align:center;font-size:1.5rem}.messages__conversation-start p:nth-of-type(2){font-size:1.3rem;color:var(--text-mid-contrast)}.messages__centered{align-self:center;text-align:center;font-size:1.3rem;color:var(--text-low-contrast)}.messages .confirm-message-delete{width:100%;display:flex;flex-direction:column;padding:1.5em;border-radius:var(--border-radius);z-index:160}.messages .confirm-message-delete p:nth-of-type(2){margin-top:2em}.messages .confirm-message-delete .message-to-delete{max-height:400px;display:flex;flex-direction:column;padding:0 1em 0 0;margin:1em 0;overflow-y:auto}.messages .confirm-message-delete .message-to-delete span{word-break:break-all;font-size:1.5rem}.messages .confirm-message-delete .message-to-delete span:first-of-type{margin-bottom:1em}.messages .confirm-message-delete .message-to-delete img{max-height:250px;border-radius:var(--border-radius)}.messages .confirm-message-delete .vertical-btns{display:flex;grid-gap:.5em;gap:.5em;margin-top:1.5em}.messages .confirm-message-delete .vertical-btns button{width:50%}.messages .scroll-down{width:40px;height:40px;position:absolute;bottom:5em;left:50%;display:flex;justify-content:center;align-items:center;padding:1em;border-radius:50vw;box-shadow:0 5px 5px rgba(0,0,0,.35);cursor:pointer;background-color:var(--bg-dark);-webkit-transform:translate(-50%,-10%);transform:translate(-50%,-10%);z-index:100;opacity:0;transition:.5s}.messages .scroll-down:hover{background-color:var(--bg-dark-lighten15)}.messages .scroll-down.active{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.messages .scroll-down i{color:var(--text-accent)}.pop{-webkit-animation:pop .8s ease-out;animation:pop .8s ease-out}@-webkit-keyframes pop{50%{background-color:var(--bg-dark-lighten5)}}@keyframes pop{50%{background-color:var(--bg-dark-lighten5)}}form{display:flex;flex-direction:column;margin:1em .5em}form .response{width:100%;display:flex;align-items:flex-start;justify-content:space-between;padding:.5em .8em 1.5em;border-top:1px solid var(--border-color);font-size:1.4rem}form .response__content{color:var(--text-low-contrast)}form .response__content img{max-height:150px;border-radius:var(--border-radius)}form .response__close-btn{padding:.2em;cursor:pointer}form .response__close-btn i{font-size:1.8rem}form .add-comment{display:flex;align-items:flex-end}form .add-comment .attach-image{display:flex;align-items:center;padding:8px 0;margin:0 20px 0 0}form .add-comment .attach-image:hover{cursor:pointer}form .add-comment .attach-image input{display:none}form .add-comment .attach-image i{font-size:2.5rem;color:var(--text-accent)}form .add-comment .message-field{width:100%;min-height:36px;position:relative;display:flex;justify-content:space-between;align-items:flex-end;padding:.8rem 1.2rem;margin:0;border:1px solid var(--input-border);border-radius:20px;background-color:var(--input-bg)}form .add-comment .message-field .column{width:100%;flex-direction:column}form .add-comment .message-field .column .thumbnails{display:flex;flex-direction:row;padding:.5em 0}form .add-comment .message-field .column .thumbnails .file-thumbnail{display:inline-block;position:relative}form .add-comment .message-field .column .thumbnails .file-thumbnail img{width:48px;height:48px;border-radius:15px}form .add-comment .message-field .column .thumbnails .file-thumbnail .remove-img{position:absolute;top:-8px;right:-8px;padding:5px;border:none;border-radius:50vw;background-color:var(--bg-dark);color:var(--text-accent)}form .add-comment .message-field .column .thumbnails .file-thumbnail .remove-img:hover{cursor:pointer}form .add-comment .message-field .column .thumbnails .file-thumbnail .remove-img .close-btn{display:block;width:12px;height:12px}form .add-comment .message-field .column>label{all:unset}form .add-comment .message-field .column>label input{width:100%;padding:0 0 0 .5em;border:none;font-size:1.5rem;color:var(--input-text);background-color:var(--input-bg)}form .add-comment .message-field .column>label input:focus{outline:none}form .add-comment .message-field .toggle-emoji-picker{border:none;background-color:transparent;cursor:pointer}form .add-comment .message-field .toggle-emoji-picker i{font-size:2.5rem;color:var(--text-accent)}form .add-comment .EmojiPickerReact{position:absolute;top:0;right:0;-webkit-transform:translateY(-105%);transform:translateY(-105%)}form .add-comment .EmojiPickerReact .epr-preview{display:none}form .add-comment .EmojiPickerReact .epr-body{margin-right:5px}form .add-comment .EmojiPickerReact .epr-body::-webkit-scrollbar{width:4px}form .add-comment .EmojiPickerReact .epr-body::-webkit-scrollbar-track{background:transparent}form .add-comment .EmojiPickerReact .epr-body::-webkit-scrollbar-thumb{border-radius:5px;background:var(--text-low-contrast)}form .add-comment .EmojiPickerReact .epr-body::-webkit-scrollbar-thumb:hover{background-color:#aaa}form .add-comment .EmojiPickerReact li.epr-emoji-category>.epr-emoji-category-label{top:-1px}form .add-comment .input-tool{max-height:41px;padding:4px 0;margin:0 0 0 15px;border:none;background-color:transparent;-webkit-user-select:none;user-select:none}form .add-comment .input-tool:hover{cursor:pointer}form .add-comment .input-tool i{font-size:3rem;color:var(--text-accent)}form .add-comment .input-tool span{display:flex;justify-content:center;align-items:center;pointer-events:none}.chat-options{width:100%;height:100%;position:fixed;display:flex;align-items:center;flex-direction:column;flex-basis:100%;padding:1.5em 1em;background-color:var(--bg-dark);z-index:100}@media screen and (min-width:768px){.chat-options{max-width:380px;position:relative;border-left:1px solid var(--border-color);z-index:100}.chat-options .avatar-container{--size:75px}}.chat-options .close-chat-options{padding:.4em;margin-right:auto;border-radius:50vw;font-size:2rem;color:var(--text-accent);cursor:pointer}.chat-options .close-chat-options:active{background-color:var(--bg-dark-lighten10)}.chat-options .avatar-container{--size:90px}.chat-options h3{font-size:2.4rem;margin:.2em 0 1.5em}.chat-options .option,.chat-options h3{min-width:-webkit-max-content;min-width:max-content}.chat-options .option{width:100%;align-self:flex-start;display:flex;justify-content:space-between;grid-gap:1em;gap:1em;margin-bottom:.2em;padding:.4em .5em;border-radius:var(--border-radius);cursor:pointer;transition:.3s;color:var(--text-primary)}.chat-options .option:hover,.chat-options .option__icon{background-color:var(--bg-dark-lighten15)}.chat-options .option__icon{width:28px;height:28px;display:flex;justify-content:center;align-items:center;border-radius:50vw;font-size:1.3rem}.chat-options .option__icon i{pointer-events:none}.chat-options .modal:has(.theme-creator){top:0;left:0;right:0;bottom:0;-webkit-transform:unset;transform:unset}.chat-options .modal__content{padding-top:2.5em}.chat-options .modal__content .user{display:flex;align-items:center;justify-content:space-between;grid-gap:3em;gap:3em;padding:.5em;border-radius:var(--border-radius);cursor:pointer;transition:.3s}.chat-options .modal__content .user:hover{background-color:var(--bg-dark-lighten10)}.chat-options .modal__content .user .author{display:flex;align-items:center;grid-gap:.6em;gap:.6em}.chat-options .modal__content .user .avatar{min-width:45px;width:45px;min-height:45px;height:45px}.chat-options .modal__content .user__display-name{font-weight:600}.chat-options .modal__content .user p{color:var(--text-primary)}.chat-options .modal__content .user p:nth-of-type(2){font-size:1.3rem;color:var(--text-mid-contrast)}.chat-options .modal__content .user input{width:100%}.chat-options .modal__content .user i{padding:.5em;border-radius:50vw;font-size:1.9rem;transition:.3s}.chat-options .modal__content .user i:hover{background-color:var(--bg-dark-lighten5)}.chat-options .modal__content .user i:active{background-color:var(--bg-dark-lighten10)}.theme-picker__themes{display:flex;flex-wrap:wrap;grid-gap:.2em;gap:.2em;margin-bottom:2em}.theme-picker__themes__theme{display:flex;padding:.4em;border-radius:var(--border-radius);cursor:pointer;transition:.3s}.theme-picker__themes__theme:hover{-webkit-transform:scale(.93);transform:scale(.93)}.theme-picker__themes__theme:hover .theme-tools{opacity:1;visibility:visible}.theme-picker__themes__theme:active{-webkit-transform:scale(.85);transform:scale(.85)}.theme-picker__themes__theme.current{position:relative;z-index:10}.theme-picker__themes__theme.current:after{content:"";width:100%;height:100%;border-radius:50vw;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.theme-picker__themes__theme.current .theme-tick,.theme-picker__themes__theme.current:after{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.theme-picker__themes__theme.current .theme-tick{display:block;font-size:3rem;background-color:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:10;-webkit-filter:invert(100%);filter:invert(100%)}.theme-picker__themes__theme .theme-tick{display:none}.theme-picker__themes__theme .theme-bg{position:relative;width:55px;height:55px;border-radius:50vw}.theme-picker__themes__theme .theme-tools{opacity:0;visibility:hidden}.theme-picker__themes__theme .theme-tools__edit,.theme-picker__themes__theme .theme-tools__remove{width:18px;height:18px;position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50vw;background-color:var(--bg-dark-lighten15);transition:.3s;z-index:20}.theme-picker__themes__theme .theme-tools__edit:hover,.theme-picker__themes__theme .theme-tools__remove:hover{background-color:var(--bg-dark-lighten25)}.theme-picker__themes__theme .theme-tools__edit i,.theme-picker__themes__theme .theme-tools__remove i{font-size:.9rem;color:var(--text-primary)}.theme-picker__themes__theme .theme-tools__remove{bottom:-.5em;right:.5em}.theme-picker__themes__theme .theme-tools__edit{bottom:.5em;right:-.5em}.theme-picker .create-theme{position:relative;width:55px;height:55px;display:flex;justify-content:center;align-items:center;margin:.4em;border:none;border-radius:50vw;box-shadow:var(--bg-dark-lighten15) 0 2px 8px 0;cursor:pointer;background-color:var(--bg-dark-lighten10);color:var(--text-primary);overflow:hidden;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.theme-picker .create-theme:hover{-webkit-transform:scale(.93);transform:scale(.93)}.theme-picker .create-theme:active{-webkit-transform:scale(.85);transform:scale(.85)}.theme-picker .create-theme i{pointer-events:none;font-size:2.5rem;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.theme-creator{max-height:100vh;display:flex;align-items:start;justify-content:center;flex-direction:column;grid-gap:2em;gap:2em;overflow:hidden auto}@media screen and (min-width:768px){.theme-creator{flex-direction:row}}.theme-creator__form{max-height:80vh;margin:0;overflow-y:auto}.theme-creator__form>.field{margin:0 1em .5em}.theme-creator__form>.field p{display:flex;align-items:center;grid-gap:.5em;gap:.5em;padding:.2em 0;margin-bottom:.3em;border-radius:var(--border-radius);font-size:1.5rem;color:var(--text-primary);cursor:pointer}.theme-creator__form>.field p i{font-size:1.2rem;color:var(--text-primary)}.theme-creator__form>.field p i.active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.theme-creator__form>.field .flex-row{grid-gap:1.5em;gap:1.5em}.theme-creator__form>.field input[type=range]{accent-color:var(--text-accent)}.theme-creator__form>.field .colors-list{max-height:150px;overflow-y:auto}.theme-creator__form>.field .colors-list .color-picker{margin-bottom:.4em}.theme-creator__form>.field .colors-list .color-picker .remove-color{min-width:30px;min-height:30px;display:flex;justify-content:center;align-items:center;margin-left:1em;border-radius:50vw;cursor:pointer;transition:.3s}.theme-creator__form>.field .colors-list .color-picker .remove-color:hover{background-color:var(--bg-dark)}.theme-creator__form>.field .add-color{display:flex;align-items:center;grid-gap:.5em;gap:.5em;padding:.3em .5em;margin:.5em 0 1em;border-radius:var(--border-radius);background-color:var(--bg-dark);cursor:pointer}.theme-creator__form>.field .add-color i,.theme-creator__form>.field .add-color span{font-size:1.4rem}.theme-creator__preview .chat-preview{border-radius:8px;overflow:hidden;-webkit-user-select:none;user-select:none}.theme-creator__preview .chat-preview__top-bar{display:flex;align-items:center;justify-content:space-between;grid-gap:.5em;gap:.5em;padding:.3em 1em;box-shadow:0 0 2px rgba(0,0,0,.3);font-size:1.7rem}.theme-creator__preview .chat-preview__top-bar__user{display:flex;align-items:center;grid-gap:.5em;gap:.5em;font-weight:700}.theme-creator__preview .chat-preview__top-bar__user .avatar{width:25px;height:25px}.theme-creator__preview .chat-preview__top-bar i{font-size:1.6rem}.theme-creator__preview .chat-preview__messages{display:flex;flex-direction:column;padding:1em}.theme-creator__preview .chat-preview__messages-message{max-width:80%;display:inline-block;align-self:flex-start;padding:8px 12px;margin-bottom:2px;font-size:1.4rem}.theme-creator__preview .chat-preview__messages-message.owner{align-self:flex-end}.theme-creator__preview .chat-preview__messages .centered{margin:1em 0;font-size:1.3rem;text-align:center}.theme-creator__preview .chat-preview>.flex-row{max-width:100%;margin:0 .5em .8em;grid-gap:.5em;gap:.5em}.theme-creator__preview .chat-preview>.flex-row i{font-size:2rem}.theme-creator__preview .chat-preview__input{width:100%;display:flex;justify-content:space-between;align-items:center;padding:4px 12px;border-radius:50vw;font-size:1.5rem;color:#7c7c7c}.theme-creator__preview .chat-preview__quick-emoji{font-size:2rem}.theme-creator__preview .btn-group{grid-gap:1.5em;gap:1.5em;margin-top:1em}.theme-creator__preview .btn-group .btn{width:50%;text-transform:uppercase}.auth{width:100%;min-height:100%;display:flex;justify-content:center;align-items:center;z-index:0}.auth__background-canvas{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1}.auth__background-canvas-container{width:100%;height:100%;position:relative}.auth__background-canvas-container svg{position:absolute}.auth__background-canvas-container svg.one{top:0}.auth__background-canvas-container svg.two{bottom:0}.auth__background-canvas-container svg path{fill:var(--bg-dark-lighten5)}.auth .wrapper{width:100%;max-width:calc(100vw - 3em);min-height:100%;display:flex;align-items:center;flex-direction:column;margin:0 auto;z-index:10}@media screen and (min-width:576px){.auth .wrapper{max-width:calc(100vw - 5em)}}@media screen and (min-width:992px){.auth .wrapper{max-width:calc(100vw - 10em)}}@media screen and (min-width:1600px){.auth .wrapper{max-width:1400px}}.auth__logo{margin:1em auto 1em 0;display:flex;align-items:center;grid-gap:.8em;gap:.8em;pointer-events:none;-webkit-user-select:none;user-select:none}.auth__logo img{border-radius:50vw;width:30px;height:30px}.auth__logo h1{font-size:2.4rem;font-weight:900}.auth__change-page{align-self:center;font-size:1.6rem;color:var(--text-primary-darken20)}.auth__change-page a{text-decoration:none;color:var(--text-accent);cursor:pointer}.auth__form{width:100%;height:100%;flex-grow:1;align-self:center;justify-self:center;display:flex;justify-content:center;flex-direction:column}.auth__form-title{margin-bottom:1.5em}.auth__form-title h2{margin-bottom:.2em;font-size:3.6rem;font-weight:900}.auth__form-email-sent{display:flex;flex-direction:column;align-items:center}.auth__form-email-sent img{width:100%}.auth__form-email-sent .btn{margin-bottom:1em}.auth__form-email-sent .redirect{font-size:1.4rem;color:var(--text-low-contrast)}.auth__form-reset-password{align-self:flex-end;margin-bottom:.5em;border:0;font-size:1.6rem;text-decoration:none;background-color:transparent;color:var(--text-accent);cursor:pointer}.auth__form .btn{padding:.8em;margin-top:2em;font-weight:700;font-size:1.6rem}.auth__form .btn.forgot-password{margin:.5em 0}@media screen and (min-width:576px){.auth__form-title{margin-bottom:3em}.auth__form-title h2{font-size:5rem}.auth__form-title p{font-size:2rem}}@media screen and (min-width:768px){.auth__logo{margin:2.4em auto 0 0}.auth__form{width:75%}}@media screen and (min-width:992px){.auth__form{width:60%}}@media screen and (min-width:1200px){.auth__form{width:50%}}@media screen and (max-width:576px){body:has(.App>.auth){overflow:hidden auto}}.profile{max-height:100vh;display:flex;align-items:center;flex-direction:column;overflow:hidden auto;z-index:10}.profile,.profile .wrapper{width:100%;max-width:100%;flex-grow:1}.profile .wrapper{height:100%;position:relative;padding:3em 1em 0;margin:0;z-index:0}@media screen and (max-width:768px){.profile .wrapper{margin-bottom:8em}}@media screen and (min-width:768px){.profile .wrapper{padding:3em 3em 0}}@media screen and (min-width:992px){.profile .wrapper{max-width:calc(100% - 6em)}}@media screen and (min-width:1200px){.profile .wrapper{max-width:900px}}@media screen and (min-width:1600px){.profile .wrapper{max-width:1000px}}.profile .banner{width:100%;height:calc(2em + 100px);position:absolute;top:0;left:0;background-size:cover;background-position:50%;z-index:-1}@media screen and (min-width:768px){.profile .banner{border-radius:0 0 var(--border-radius) var(--border-radius)}}.profile__header{width:100%;display:flex;flex-direction:column;margin-bottom:5em}.profile__header-user{position:relative;max-width:100%;display:flex;align-items:start;flex-direction:column;grid-gap:1em;gap:1em;grid-gap:.5em;gap:.5em}.profile__header-user .avatar-container{--size:150px;background-color:var(--bg-dark)}.profile__header-user .avatar-container .status{width:21%;height:21%;bottom:.25em;right:.5em;background-color:var(--bg-dark)}.profile__header-user .avatar-container .status__dot:before{background-color:var(--bg-dark)}.profile__header-user .avatar-container .avatar{padding:.4em;background-color:var(--bg-dark)}.profile__header-user .flex-column{margin-bottom:1em;grid-gap:2em;gap:2em}.profile__header-user .flex-column .name{font-size:2.6rem;font-weight:500;color:var(--text-heading)}.profile__header-user .flex-column .bio{margin-right:1em;word-wrap:break-word;font-size:1.3rem;color:var(--text-primary-darken20);font-style:italic}.profile__header-user .flex-column .badges{display:flex;flex-wrap:wrap;grid-gap:.5em;gap:.5em}.profile__header-user .flex-column .badges__badge{display:flex;padding:.4em .6em;border-radius:9px;font-size:1.2rem;background-color:var(--bg-dark-lighten15);color:var(--text-primary-darken50)}.profile__header-user .flex-column .badges__badge .country{display:flex;align-items:center;grid-gap:.5em;gap:.5em}.profile__header-additional{position:absolute;top:4.2em;right:0;display:flex;flex-direction:column;align-self:flex-start;align-items:flex-end;grid-gap:1em;gap:1em}.profile__header-additional:has(.premium){top:2.5em}.profile__header-additional .premium{min-width:-webkit-max-content;min-width:max-content;display:flex;align-items:center;grid-gap:.5em;gap:.5em;padding:.5em .8em;margin-top:1.5em;border-radius:4px;background-color:var(--bg-dark-lighten15)}.profile__header-additional .premium span{-webkit-background-clip:text;background-clip:text;font-weight:700;background-image:linear-gradient(90deg,#ff0018,#ff0417,#ff310e,#ff5d06,#ff7a01,#ff8701,#ffb001,#d9c507,#79c718,#01c92d,#01be69,#01b3aa,#0ba1df,#3f77e6,#724cec,#8a39ef,#8a39ef);color:transparent}.profile__header-additional .premium img{width:25px;height:25px}.profile__header-additional .btn-group .action-btn{padding:.4em .8em;border-radius:4px;font-weight:400;font-size:1.4rem}.profile__comments{margin-top:auto}.profile__comments .avatar{min-width:40px;width:40px;min-height:40px;height:40px}.profile__comments .comment-input{display:flex;flex-direction:column;grid-gap:.5em;gap:.5em;padding:0 .5em;margin:1.5em 0 1em}.profile__comments .comment-input>.avatar{width:40px;height:40px}.profile__comments .comment-input .field{margin-bottom:0}.profile__comments .comment-input .field .input-field{background-color:var(--bg-dark-lighten10)}.profile__comments .comment-input .input-controls{width:100%;display:flex;align-items:center;justify-content:flex-end;grid-gap:1em;gap:1em;grid-column:2/3}.profile__comments .comment-input .input-controls i{position:relative;padding:.4em;margin-right:auto;border-radius:50vw;font-size:2.3rem;color:var(--text-primary-darken20);cursor:pointer;transition:color .5s,background-color .3s}.profile__comments .comment-input .input-controls i:hover{background-color:var(--bg-dark-lighten15)}.profile__comments .comment-input .input-controls button{border:none;text-transform:capitalize}.profile__comments .comment-input .input-controls button.cancel-btn{background-color:transparent;color:var(--text-primary-darken20)}.profile__comments .comment-input .input-controls button.cancel-btn:hover{background-color:var(--bg-dark-lighten15)}.profile__comments .comment-input .input-controls button:disabled{background-color:var(--bg-dark-lighten15);color:var(--text-low-contrast);cursor:default}.profile__comments .comment-input .input-controls .tooltip{display:block}.profile__comments .comments-container{display:flex;flex-direction:column;overflow-y:auto}.profile__comments .comments-container__comment{position:relative;display:flex;align-items:flex-start;grid-gap:1em;gap:1em;padding:1em .5em;border-radius:8px;transition:.3s}.profile__comments .comments-container__comment:hover{background-color:var(--bg-dark-lighten10)}.profile__comments .comments-container__comment:hover .delete-comment{display:block}.profile__comments .comments-container__comment .flex-column{grid-gap:.2em;gap:.2em}.profile__comments .comments-container__comment .flex-row{grid-gap:.5em;gap:.5em}.profile__comments .comments-container__comment span:first-of-type{font-size:1.3rem;font-weight:500;color:var(--text-primary-darken20)}.profile__comments .comments-container__comment span:nth-of-type(2){font-size:1.2rem;color:var(--text-mid-contrast)}.profile__comments .comments-container__comment p{font-size:1.4rem;color:var(--text-primary-darken20)}.profile__comments .comments-container__comment .delete-comment{display:none;position:absolute;top:.4em;right:.4em;padding:.5em;font-size:1.3rem;color:var(--text-mid-contrast);cursor:pointer;transition:color .3s}.profile__comments .comments-container__comment .delete-comment:hover{color:var(--text-primary-darken20)}.settings{width:100%;flex-grow:1;display:flex;padding:1em;z-index:10}.settings .wrapper{width:100%;max-width:calc(100vw - 2em);min-height:100%;position:relative;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;z-index:0}@media screen and (min-width:576px){.settings .wrapper{max-width:calc(100vw - 4em)}}@media screen and (min-width:768px){.settings .wrapper{max-width:calc(100vw - 10em)}}@media screen and (min-width:992px){.settings .wrapper{max-width:calc(100vw - 8em);max-height:calc(100vh - 2em);flex-direction:row}.settings .settings__sidebar{width:-webkit-max-content;width:max-content}.settings .settings__sidebar>.custom-scrollbar{height:100%;max-height:unset;padding:0;overflow-y:auto}}@media screen and (min-width:1200px){.settings .wrapper{max-width:1100px}}@media screen and (min-width:1600px){.settings .wrapper{max-width:1400px}}.settings__sidebar{width:100%;height:100%;display:flex;flex-direction:column;padding:2em 1em .8em;margin-bottom:75px}.settings__sidebar>.custom-scrollbar{height:100%;grid-gap:.5em;gap:.5em}.settings__sidebar-link{min-width:-webkit-max-content;min-width:max-content;display:flex;align-items:center;grid-gap:.8em;gap:.8em;padding:1em 1.4em;border-radius:8px;text-transform:capitalize;background-color:var(--bg-dark-lighten5);transition:.2s}.settings__sidebar-link:hover{background-color:var(--bg-dark-lighten10)}.settings__sidebar-link:active{background-color:var(--bg-dark-lighten15)}@media screen and (min-width:992px){.settings__sidebar-link.active{background-color:var(--text-accent);cursor:default}.settings__sidebar-link.active i{color:var(--text-primary)}}.settings__sidebar-link img{width:20px;height:20px}.settings__sidebar-link i{color:var(--text-accent)}.settings__sidebar-link.logout{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--bg-dark-lighten15);background-color:transparent;cursor:pointer;color:#f53649}@media screen and (min-width:992px){.settings__sidebar-link.logout{margin-top:auto}}.settings__sidebar-link.logout i{color:#f53649}.settings__sidebar-link.logout:hover{border:1px solid #f53649}.settings__sidebar .modal__content{display:flex;align-items:center;flex-direction:column}.settings__sidebar .modal .fa-hand{font-size:5rem}.settings__sidebar .modal .btn-group .btn:nth-child(2){border:1px solid #f53649;background-color:#f53649;color:var(--text-primary)}.settings__sidebar .modal .btn-group .btn:first-child{border:1px solid #f53649;background-color:transparent;color:#f53649}.settings__sidebar-user{width:100%;display:flex;align-items:center;grid-gap:.8em;gap:.8em;padding:.6em 1em;margin-bottom:2em;border-radius:8px;background-color:var(--bg-dark-lighten5);transition:background-color .2s}.settings__sidebar-user:hover{background-color:var(--bg-dark-lighten10)}.settings__sidebar-user:active{background-color:var(--bg-dark-lighten15)}.settings__sidebar-user .avatar-container{--size:55px}.settings__sidebar-user>.flex-column{width:100%;flex-grow:1;overflow:hidden}.settings__sidebar-user h3,.settings__sidebar-user p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings__sidebar-user h3{font-weight:500;font-size:1.6rem}.settings__sidebar-user p{font-size:1.3rem}.settings__content{width:100%;height:100%;position:fixed;top:0;left:0;padding:1.2em 1.6em calc(1.2em + 75px);background-color:var(--bg-dark);overflow:hidden auto;z-index:100}.settings__content .loader{--size:120px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.settings__content .close-btn{width:35px;height:35px;position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50vw;font-size:2rem;cursor:pointer}.settings__content .close-btn:hover{background-color:var(--bg-dark-lighten5)}.settings__content .setting-title{width:100%;margin-bottom:2em;font-weight:500;text-transform:capitalize}@media screen and (max-width:992px){.settings__content .setting-title{text-align:right}}@media screen and (min-width:992px){.settings{margin-bottom:0}.settings__content{position:relative;flex-grow:1;padding:2em 3em .8em}}.account-details{min-height:100%;display:flex;flex-direction:column}.account-details__details{display:flex;flex-direction:column;grid-gap:.5em;gap:.5em}.account-details__details-field{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto);padding:.5em .8em}.account-details__details-field>h3{grid-column:1/2;grid-row:1/2;align-self:end;font-size:1.3rem;text-transform:uppercase;color:var(--text-primary-darken20)}.account-details__details-field p{grid-column:1/2;grid-row:2/3;color:var(--text-primary);font-size:1.5rem}.account-details__details-field p.text-clip{padding-right:2em}.account-details__details-field .flex-row{grid-column:2/3;grid-row:1/3;justify-self:end}.account-details__details-field .flex-row>.btn,.account-details__details-field>.btn{grid-column:2/3;grid-row:1/3;justify-self:end;text-transform:capitalize;font-size:1.5rem;border:none;background-color:transparent}.account-details__details-field .modal__content{display:flex;flex-direction:column}.account-details__details-field .modal__content>p{max-width:45ch;align-self:center;text-align:center;font-size:1.5rem;color:var(--text-primary-darken50)}.account-details__details-field .modal__content>h3{align-self:center;text-align:center}.account-details__details-field .modal__content .otp-code{display:flex;align-items:center;grid-gap:.5em;gap:.5em}.account-details__details-field .modal__content .otp-code input{height:60px;padding:10px;border:1px solid var(--bg-dark-lighten25);text-align:center;font-size:3.2rem;background-color:var(--bg-dark-lighten10)}.account-details__details-field .modal__content .otp-code input::-webkit-inner-spin-button,.account-details__details-field .modal__content .otp-code input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.account-details__details-field .modal__content .react-tel-input{width:100%}.account-details__details-field .modal__content .react-tel-input:after{content:"";display:inline-block;position:absolute;top:50%;right:1em;font-style:normal;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 6 Free";font-weight:600;color:var(--text-primary-darken50);cursor:text;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.account-details__details-field .modal__content .react-tel-input .form-control{width:100%;position:relative;padding:.8em 1em .8em 4em;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-dark-lighten10);font-family:inherit;color:var(--input-text);outline:none;box-shadow:none}.account-details__details-field .modal__content .react-tel-input .flag-dropdown .selected-flag{box-shadow:none}.account-details__details-field .modal__content .react-tel-input .flag-dropdown .selected-flag:before{display:none}.account-details__details-field .modal__content .react-tel-input .flag-dropdown .country-list{background-color:var(--bg-dark);overflow-x:hidden}.account-details__details-field .modal__content .react-tel-input .flag-dropdown .country-list::-webkit-scrollbar{width:5px}.account-details__details-field .modal__content .react-tel-input .flag-dropdown .country-list .search{top:-1px;padding:10px 10px 6px;background-color:var(--bg-dark)}.account-details__details-field .modal__content .react-tel-input .flag-dropdown .country-list .search .search-box{padding:.6em .8em;margin:0;border:none;border-radius:8px}.account-details__details-field .modal__content .react-tel-input .flag-dropdown .country-list .country{border-radius:4px}.account-details__details-field .modal__content .react-tel-input .flag-dropdown .country-list .country.highlight{background-color:var(--bg-dark-lighten15)}.account-details__details-field .modal__content .react-tel-input .flag-dropdown .country-list .country:hover{background-color:var(--bg-dark-lighten10)}.account-details__details-delete-account{align-self:flex-end;margin-top:auto}.account-details__details-delete-account>.btn{margin-top:2em;border:1px solid var(--bg-dark-lighten15);font-weight:400;background-color:transparent;color:#f53649}.account-details__details-delete-account .modal__content{border:2px solid #f53649;font-size:1.5rem}.account-details__details-delete-account .modal__content .countdown{display:flex;flex-direction:column;align-items:center;grid-gap:1.5em;gap:1.5em}.account-details__details-delete-account .modal__content .countdown h3{margin-bottom:0}.account-details__details-delete-account .modal__content .countdown div{font-size:6rem}.account-details__details-delete-account .modal__content .countdown .btn{text-transform:uppercase;font-size:1.8rem}.account-details__details-delete-account .modal__content .fa-trash-can{width:60px;height:60px;position:absolute;top:0;display:flex;justify-content:center;align-items:center;border-radius:50vw;padding:.3em;font-size:3.6rem;background-color:#f53649;color:var(--text-primary);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.account-details__details-delete-account .modal__content .btn:not(.btn--secondary){border:1px solid #f53649;background-color:#f53649;color:var(--text-heading)}.account-details__details-delete-account .modal__content ul{display:flex;flex-direction:column;margin:.8em 0 2em}.account-details__details-delete-account .modal__content ul li{width:-webkit-max-content;width:max-content;display:flex;align-items:center;grid-gap:.5em;gap:.5em}.account-details__details-delete-account .modal__content ul li i{display:flex;justify-content:center;align-items:center;width:15px;height:15px;border:1px solid #f53649;border-radius:50vw;color:#f53649;overflow:hidden;font-size:1.5rem}.profile-settings__container{width:100%;display:flex;flex-direction:column;grid-gap:3em;gap:3em}.profile-settings__fields{display:flex;flex-direction:column;grid-gap:2em;gap:2em}.profile-settings__fields-field .field-title{margin-bottom:.3em;font-size:1.3rem;text-transform:uppercase;color:var(--text-primary-darken20)}.profile-settings__fields-field .btn-group{justify-content:start}.profile-settings__fields-field .btn{width:-webkit-max-content;width:max-content;font-size:1.4rem}.profile-settings__fields-field .modal:has(.dropzone-container) .modal__content{padding:.8em}.profile-settings__fields-field .modal:has(.dropzone-container) .modal__content .dropzone-container{position:relative;flex:1 1;display:flex;align-items:center;flex-direction:column;grid-gap:.8em;gap:.8em;padding:5em 7em;border:2px dashed var(--bg-dark-lighten50);border-radius:var(--border-radius);background-color:transparent;transition:border .24s ease-in-out}.profile-settings__fields-field .modal:has(.dropzone-container) .modal__content .dropzone-container.accepted{border:2px dashed var(--text-accent)}.profile-settings__fields-field .modal:has(.dropzone-container) .modal__content .dropzone-container.rejected{border:2px dashed #ec4245}.profile-settings__fields-field .modal:has(.dropzone-container) .modal__content .dropzone-container .btn{padding:.8em 1em;font-size:1.7rem;color:var(--text-primary)}.profile-settings__fields-field .modal:has(.dropzone-container) .modal__content .dropzone-container p{font-size:1.5rem;color:var(--text-primary-darken50)}.profile-settings__fields-field .crop-container .modal__content-padding{padding:2.5em 1em 1em}.profile-settings__fields-field .crop-container .modal__content-padding section{position:relative;display:flex;align-items:center;flex-direction:column;background-color:transparent}.profile-settings__fields-field .crop-container .modal__content-padding section h3{align-self:flex-start;margin-bottom:.5em;font-size:2.4rem}.profile-settings__fields-field .crop-container .modal__content-padding .reactEasyCrop_Container{position:relative;padding:9em 16em}.profile-settings__fields-field .crop-container .modal__content-padding .controls{width:70%;margin-top:1em}.profile-settings__fields-field .crop-container .btn-group .btn{width:-webkit-max-content;width:max-content}.profile-settings__fields-field .color-picker{margin-bottom:0}.profile-settings__fields-field .textarea-container{width:100%;max-width:450px;position:relative;margin-bottom:.5em}.profile-settings__fields-field .textarea-container textarea{width:100%;padding:.8em 1em;border:none;border-radius:var(--border-radius);resize:none;font-size:1.4rem;background-color:var(--bg-dark-lighten10)}.profile-settings__fields-field .textarea-container__char-counter{position:absolute;bottom:.5em;right:.5em;color:var(--text-primary-darken50)}.profile-settings__fields-field .textarea-container__char-counter.limit{color:#ec4245}.profile-settings .profile-preview{min-width:100%;width:100%;border-radius:var(--border-radius);background-color:var(--bg-dark-lighten10)}.profile-settings .profile-preview__banner{height:80px}.profile-settings .profile-preview__header .avatar-container{--size:120px;background-color:var(--bg-dark-lighten10)}.profile-settings .profile-preview__header .avatar-container:hover .avatar:before{opacity:1;visibility:visible}.profile-settings .profile-preview__header .avatar-container .avatar:before{content:"change avatar";opacity:0;visibility:hidden;position:absolute;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;text-align:center;text-transform:uppercase;background-color:rgba(0,0,0,.5);transition:opacity .2s;cursor:pointer}.profile-settings .profile-preview__header .avatar-container .status{background-color:var(--bg-dark-lighten10)}.profile-settings .profile-preview__info{background-color:var(--bg-dark-lighten5)}.profile-settings .profile-preview__info .bio{width:100%}.profile-settings .reset-toast{display:flex;align-items:center;grid-gap:1.5em;gap:1.5em}.profile-settings .reset-toast button{margin-right:.5em;border:none;font-weight:700;font-size:1.7rem;background-color:transparent;color:var(--text-accent);cursor:pointer}.profile-settings .reset-toast button:hover{text-decoration:underline}.profile-settings .Toastify__toast-container{width:-webkit-max-content;width:max-content}.profile-settings .Toastify__toast{cursor:default}.friends{padding:1em;z-index:10}.friends__title-bar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5em .5em .5em 1em;margin-bottom:1em;border-radius:var(--border-radius);background-color:var(--bg-dark-lighten5);overflow:hidden}.friends__title-bar-title{display:flex;align-items:center;grid-gap:.5em;gap:.5em;cursor:pointer}.friends__title-bar-title h2{font-weight:500;font-size:2rem;color:var(--text-primary);transition:color .3s}.friends__title-bar-title h2:hover{color:var(--text-primary-darken50)}.friends__title-bar-title h2:active{color:var(--text-primary-darken100)}.friends__title-bar-add,.friends__title-bar-pending{padding:.3em .7em;border-radius:var(--border-radius);text-transform:capitalize;transition:background-color .2s;cursor:pointer}.friends__title-bar-pending{position:relative;display:flex;align-items:center;grid-gap:.5em;gap:.5em}.friends__title-bar-pending.active{cursor:default}.friends__title-bar-pending.active,.friends__title-bar-pending.active .pending-indicator{background-color:var(--bg-dark-lighten15)}.friends__title-bar-pending:not(.active):hover{background-color:var(--bg-dark-lighten10)}.friends__title-bar-pending:not(.active):active{background-color:var(--bg-dark-lighten15)}.friends__title-bar-pending .pending-indicator{width:20px;height:20px;position:absolute;top:0;right:0;padding:.2em;border-radius:50vw;background-color:var(--bg-dark-lighten5);-webkit-user-select:none;user-select:none}.friends__title-bar-pending .pending-indicator p{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:50vw;font-size:1.4rem;background-color:var(--text-accent);color:var(--text-heading)}.friends__title-bar-add{display:flex;align-items:center;grid-gap:.5em;gap:.5em;background-color:#3ba55d;color:var(--text-heading)}.friends__title-bar-add i{font-size:1.4rem}.friends__title-bar-add.active{background-color:transparent;color:#3ba55d;cursor:default}.friends__title-bar-add:not(.active):hover{background-color:#31814b}.friends__title-bar-add:not(.active):active{background-color:#2a8d4a}.friends__filter{width:100%;max-width:100%;display:flex;align-items:center;margin-bottom:2em;border-radius:var(--border-radius);background-color:var(--bg-dark-lighten5);overflow:hidden}.friends__filter-item{min-width:-webkit-max-content;min-width:max-content;width:20%;height:43px;display:flex;justify-content:center;align-items:center;grid-gap:.5em;gap:.5em;padding:.5em 1em;text-align:center;text-transform:capitalize;color:var(--text-primary);transition:.2s;cursor:pointer}.friends__filter-item.active,.friends__filter-item.active .status:before{background-color:var(--bg-dark-lighten15)}.friends__filter-item:hover,.friends__filter-item:hover .status:before{background-color:var(--bg-dark-lighten10)}.friends__filter-item:active{background-color:var(--bg-dark-lighten15)}.friends__filter-item .status{width:16px;height:16px;position:relative;border-radius:50vw}.friends__filter-item .status:before{transition:background-color .3s;background-color:var(--bg-dark-lighten5)}.friends__filter-item .status--online{background-color:#3ba55d}.friends__filter-item .status--idle{position:relative;background-color:#faa81a;-webkit-clip-path:circle(60%);clip-path:circle(60%)}.friends__filter-item .status--idle:before{content:"";width:90%;height:90%;position:absolute;top:-25%;left:-25%;border-radius:50vw;z-index:0}.friends__filter-item .status--do-not-disturb{display:flex;justify-content:center;align-items:center;background-color:#ed4245}.friends__filter-item .status--do-not-disturb:before{content:"";width:70%;height:20%}.friends__filter-item .status--offline{display:flex;justify-content:center;align-items:center;background-color:#747f8d}.friends__filter-item .status--offline:before{content:"";width:50%;height:50%;border-radius:50vw}.friends__search{width:100%;display:flex;align-items:center;grid-gap:1em;gap:1em;padding:.6em 1em;margin-bottom:3em;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:text}.friends__search i{color:var(--text-primary-darken100)}.friends__search input{all:unset;flex-grow:1}.friends__list{margin-bottom:75px}.friends__list-title{position:-webkit-sticky;position:sticky;top:-1em;margin-bottom:1em;text-transform:uppercase;color:var(--text-primary-darken50);background-color:var(--bg-dark);z-index:10}.friends__list-users{display:flex;align-items:center;flex-wrap:wrap;grid-gap:1em;gap:1em}.friends__list-users .user{position:relative;display:flex;align-items:center;grid-gap:1.5em;gap:1.5em;padding:.5em .8em;border-radius:var(--border-radius);background-color:var(--bg-dark-lighten5);cursor:pointer;overflow:hidden}@media screen and (max-width:768px){.friends__list-users .user{width:100%}}.friends__list-users .user .avatar-container{--size:59px}.friends__list-users .user p{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.8rem}@media screen and (min-width:768px){.friends__list-users .user p{max-width:200px}}.friends__list-users .user p:nth-child(2){text-transform:capitalize;font-size:1.5rem;color:var(--text-mid-contrast)}.friends__add{margin-top:2em}.friends__add-title{font-size:1.8rem;text-transform:uppercase;font-weight:500;font-weight:700;color:var(--text-primary-darken20)}.friends__add-description{margin-bottom:1em;color:var(--text-primary-darken50)}.friends__add-description a{color:var(--text-accent);text-decoration:underline}.friends__add>.field .input-field{padding:.6em 1em}.friends__add>.field .input-field input{padding:0}.friends__add>.field .input-field__icon{position:static;-webkit-transform:none;transform:none}.friends__add-code-input{width:100%;display:flex;align-items:center;grid-gap:1em;gap:1em;padding:.6em 1em;margin-bottom:3em;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:text}.friends__add-code-input input{all:unset;flex-grow:1}.friends__add-search .field{margin-bottom:2em}.friends__add-search .users-list{max-height:300px;display:flex;flex-direction:column;grid-gap:.5em;gap:.5em;margin-bottom:72.68px;padding-right:.5em;overflow:hidden auto}.friends__add-search .users-list__user{display:flex;justify-content:space-between;align-items:center;padding:.6em;border-radius:var(--border-radius);background-color:var(--bg-dark-lighten5)}.friends__add-search .users-list__user .avatar{min-width:30px;width:30px;min-height:30px;height:30px}.friends__add-search .users-list__user>.flex-row{max-width:calc(100% - 78px)}.friends__add-search .users-list__user i{width:35px;height:35px;position:relative;display:flex;justify-content:center;align-items:center;border-radius:50vw;transition:.3s;cursor:pointer}.friends__add-search .users-list__user i .tooltip{display:block;visibility:hidden;opacity:0;scale:0}.friends__add-search .users-list__user i:hover{background-color:var(--bg-dark-lighten15);color:#3ba55d}.friends__add-search .users-list__user i:hover .tooltip{visibility:visible;opacity:1;scale:1}.friends__add-search .users-list__user i:active{background-color:var(--bg-dark-lighten20)}.friends__invites{max-height:calc(100% - 72.68px);display:flex;flex-direction:column;grid-gap:.5em;gap:.5em;padding-right:.5em;overflow:hidden auto}.friends__invites-user{display:flex;align-items:center;justify-content:space-between}.friends__invites-user .avatar{min-width:50px;min-height:50px}.friends__invites-user p{max-width:calc(100% - 1em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends__invites-user p:first-child{font-weight:500;font-size:1.6rem}.friends__invites-user p:nth-child(2){font-size:1.4rem;color:var(--text-primary-darken50)}.friends__invites-user .options__accept,.friends__invites-user .options__decline{width:38px;height:38px;position:relative;display:flex;justify-content:center;align-items:center;border-radius:50vw;font-size:2rem;cursor:pointer}.friends__invites-user .options__accept:hover .tooltip,.friends__invites-user .options__decline:hover .tooltip{scale:1;color:var(--text-primary)}.friends__invites-user .options__accept .tooltip,.friends__invites-user .options__decline .tooltip{display:block;scale:0;-webkit-transform-origin:left;transform-origin:left;transition:scale .2s}.friends__invites-user .options__decline{border:1px solid var(--bg-dark-lighten20);color:var(--bg-dark-lighten90)}.friends__invites-user .options__accept{border:1px solid #3ba55d;color:#3ba55d}
/*# sourceMappingURL=main.791e28dd.chunk.css.map */