.dashboard{align-items:center;background-color:#d3d3d3;background-color:var(--overlay-primary-color);display:flex;height:100vh;justify-content:center}.dashboard .container{background-color:#fff;background-color:var(--overlay-secondary-color);border-radius:10px;box-shadow:6px 6px 6px rgba(41,41,41,.616);display:flex;height:80%;overflow:hidden;padding:12px;width:85%}@media screen and (max-width:480px){.dashboard .container{border:0;border-radius:0;box-shadow:none;height:100vh;padding:0;position:relative;width:100%}}.dashboard .container .tool-bar{display:none}@media screen and (max-width:480px){.dashboard .container .tool-bar{background-color:initial;color:#242424;color:var(--grey-light-color);display:block;font-size:20px;padding:14.5px 10px;position:absolute;text-align:center;z-index:100}}.dashboard .container .tool-bar .tool-bar-btn{opacity:1;padding:10px 15px;position:relative;transition:1s ease .25s;visibility:visible}.dashboard .container .tool-bar .tool-bar-btn--open{opacity:0;padding:10px 15px;position:relative;transition:.25s ease;visibility:hidden}.dashboard .container .sidebar{align-items:center;display:flex;flex:1 1;flex-direction:column;z-index:1}@media screen and (max-width:480px){.dashboard .container .sidebar{flex:none;height:100vh;left:0;position:absolute;top:0;-webkit-transform:translateX(-110%);transform:translateX(-110%);transition:all .25s cubic-bezier(.7,-.1,.33,1.04) .25s;width:100%}.dashboard .container .sidebar:before{background-color:#e4e4e4;background-color:var(--primary-dark-color);bottom:0;content:"";height:85%;position:absolute;width:100%;z-index:-10}.dashboard .container .sidebar--open{background-color:#f0f0f0;background-color:var(--secondary-dark-color);-webkit-transform:translateX(0);transform:translateX(0)}.dashboard .container .sidebar--open~.chatbox{-webkit-filter:blur(10px) opacity(.5) brightness(.5);filter:blur(10px) opacity(.5) brightness(.5)}}.dashboard .container .sidebar .navbar{align-items:center;background-color:#d3d3d3;background-color:var(--overlay-primary-color);border-radius:20px;box-shadow:6px 0 0 #00000027;color:#000;color:var(--white-color);display:flex;height:69px;justify-content:space-between;margin:7px 0 23px;padding:10px;position:relative;width:100%}@media screen and (max-width:480px){.dashboard .container .sidebar .navbar{align-self:start;background-color:#f0f0f0;background-color:var(--secondary-dark-color);border-radius:0;flex-direction:row-reverse;height:70px;margin:0;padding:16px;position:relative}}.dashboard .container .sidebar .navbar .user{align-items:center;display:flex;gap:14px;margin-right:32px}@media screen and (max-width:480px){.dashboard .container .sidebar .navbar .user{flex-direction:row-reverse;justify-content:start;margin-right:0;width:calc(100% - 80px)}}.dashboard .container .sidebar .navbar .user .name{color:#000;color:var(--white-color);font-size:18px}@media screen and (max-width:480px){.dashboard .container .sidebar .navbar .user .name{font-size:16px}}.dashboard .container .sidebar .navbar .user img{background-color:#aacafa;background-color:var(--tertiary-color);border-radius:50%;height:50px;object-fit:cover;overflow:hidden;width:50px}@media screen and (max-width:480px){.dashboard .container .sidebar .navbar .user img{height:40px;width:40px}}.dashboard .container .sidebar .navbar .dropdown{display:inline-block}.dashboard .container .sidebar .navbar .dropdown .dropdown-btn{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;justify-content:center;padding:10px;-webkit-transform:rotate(1turn);transform:rotate(1turn);transition:all 1.2s ease-out}@media screen and (max-width:480px){.dashboard .container .sidebar .navbar .dropdown .dropdown-btn{cursor:none}}.dashboard .container .sidebar .navbar .dropdown .dropdown-btn:before{color:#000;color:var(--white-color);content:"\f013";font-family:fontAwesome;font-size:24px}.dashboard .container .sidebar .navbar .dropdown .dropdown-btn:hover{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1.2s ease}@media screen and (max-width:480px){.dashboard .container .sidebar .navbar .dropdown .dropdown-btn:hover{transition:1.2s ease-out}}.dashboard .container .sidebar .navbar .dropdown .dropdown-content{align-items:center;background-color:#d3d3d3;background-color:var(--overlay-primary-color);border-bottom-right-radius:20px;border-top-right-radius:20px;display:flex;flex-direction:row;height:100%;padding:10px;position:absolute;right:0;top:0;width:82%}@media screen and (max-width:480px){.dashboard .container .sidebar .navbar .dropdown .dropdown-content{background-color:#f0f0f0;background-color:var(--secondary-dark-color);border-radius:0;height:100%;left:0}}.dashboard .container .sidebar .navbar .dropdown .dropdown-content ul{display:flex;gap:20px;justify-content:flex-end;width:100%}.dashboard .container .sidebar .navbar .dropdown .dropdown-content ul li{align-items:center;background-color:#aacafa;background-color:var(--tertiary-color);border-radius:10px;cursor:pointer;display:flex;height:40px;padding:10px 20px;transition:.25s ease;width:120px}.dashboard .container .sidebar .navbar .dropdown .dropdown-content ul li:hover{background-color:#fff;background-color:var(--overlay-secondary-color)}@media screen and (max-width:480px){.dashboard .container .sidebar .navbar .dropdown .dropdown-content ul li{max-width:110px;padding:10px 15px}}.dashboard .container .sidebar .navbar .dropdown .dropdown-content ul li.logout{display:flex;justify-content:space-between;width:120px}.dashboard .container .sidebar .navbar .dropdown .dropdown-content ul li .btn-theme{width:100%}.dashboard .container .sidebar .navbar .dropdown .dropdown-content ul li .btn-theme .fa-moon{border-radius:10px;display:flex;justify-content:space-between;transition:.25s ease}.dashboard .container .sidebar .navbar .dropdown .dropdown-content ul li .btn-theme .fa-moon:hover{background-color:#fff;background-color:var(--overlay-secondary-color)}@media screen and (max-width:480px){.dashboard .container .sidebar .navbar .dropdown .dropdown-content ul li .btn-theme .fa-moon{border-radius:0;gap:0;padding:0}}.dashboard .container .sidebar .navbar .dropdown .dropdown-content ul li .btn-theme .fa-moon:after{content:"Dark";font-family:Roboto,sans-serif;font-weight:400}.dashboard .container .sidebar .navbar .dropdown .dropdown-content ul li .btn-theme .fa-sun{display:flex;justify-content:space-between}.dashboard .container .sidebar .navbar .dropdown .dropdown-content ul li .btn-theme .fa-sun:hover{background-color:#fff;background-color:var(--overlay-secondary-color)}@media screen and (max-width:480px){.dashboard .container .sidebar .navbar .dropdown .dropdown-content ul li .btn-theme .fa-sun{border-radius:0;gap:0;padding:0}}.dashboard .container .sidebar .navbar .dropdown .dropdown-content ul li .btn-theme .fa-sun:after{content:"Light";font-family:Roboto,sans-serif;font-weight:400}.dashboard .container .sidebar .searchbar{width:90%}@media screen and (max-width:480px){.dashboard .container .sidebar .searchbar{background-color:#e4e4e4;background-color:var(--primary-dark-color);border-radius:30px 30px 0 0;margin-bottom:10px;padding:20px 10px;width:100%}.dashboard .container .sidebar .searchbar:before{background-color:#f0f0f0;background-color:var(--secondary-dark-color);bottom:0;content:"";left:0;min-height:100vh;position:absolute;width:100%;z-index:-100}}.dashboard .container .sidebar .searchbar .search-form{align-items:center;background-color:#e4e4e4;background-color:var(--primary-dark-color);border-radius:10px;display:flex;margin-top:15px;min-height:48px;padding:8px;width:100%}@media screen and (max-width:480px){.dashboard .container .sidebar .searchbar .search-form{background-color:#fff;background-color:var(--overlay-secondary-color);border-radius:50px;margin-top:0}}.dashboard .container .sidebar .searchbar .search-form .go-search{background-color:#d3d3d3;background-color:var(--overlay-primary-color);border:none;border-radius:6px;color:#505050;color:var(--grey-mid-color);cursor:pointer;height:39px;min-width:39px;padding:10px;transition:.15s ease .25s}.dashboard .container .sidebar .searchbar .search-form .go-search:hover{scale:.9}@media screen and (max-width:480px){.dashboard .container .sidebar .searchbar .search-form .go-search{border-radius:50px}}.dashboard .container .sidebar .searchbar .search-form .go-search i{font-size:18px}.dashboard .container .sidebar .searchbar .search-form input{align-items:center;background-color:initial;border:none;color:#242424;color:var(--grey-light-color);display:flex;height:100%;margin:10px;outline:none;width:100%}.dashboard .container .sidebar .searchbar .search-form input::-webkit-input-placeholder{color:#505050;color:var(--grey-mid-color);padding:5px}.dashboard .container .sidebar .searchbar .search-form input::placeholder{color:#505050;color:var(--grey-mid-color);padding:5px}.dashboard .container .sidebar .searchbar .search-result{background-color:#e4e4e4;background-color:var(--primary-dark-color);border-radius:0 0 20px 20px;margin-top:-30px;padding:10px;width:100%}@media screen and (max-width:480px){.dashboard .container .sidebar .searchbar .search-result{background-color:#fff;background-color:var(--overlay-secondary-color)}}.dashboard .container .sidebar .searchbar .search-result .notFound{color:#aacafa;color:var(--tertiary-color);margin-top:10px;text-align:center;width:100%}.dashboard .container .sidebar .searchbar .search-result .user-chat{align-items:center;background-color:#e4e4e4;background-color:var(--primary-dark-color);border-radius:10px;color:#000;color:var(--white-color);cursor:pointer;display:flex;gap:18px;margin-top:15px;padding:15px 20px;transition:.25s ease}@media screen and (max-width:480px){.dashboard .container .sidebar .searchbar .search-result .user-chat{background-color:#aacafa;background-color:var(--tertiary-color);border-radius:15px;margin-top:30px;position:relative}.dashboard .container .sidebar .searchbar .search-result .user-chat:before{background-color:#2c2c2c;background-color:var(--primary-mid-color);content:"";height:1.5px;left:0;position:absolute;top:-10px;width:100%}}.dashboard .container .sidebar .searchbar .search-result .user-chat:hover{-webkit-transform:scale(.98);transform:scale(.98)}.dashboard .container .sidebar .searchbar .search-result .user-chat img{background-color:#aacafa;background-color:var(--tertiary-color);border-radius:50%;height:50px;object-fit:cover;overflow:hidden;width:50px}.dashboard .container .sidebar .searchbar .search-result .user-chat .user-chat-info span{font-size:18px;font-weight:500}.dashboard .container .sidebar .searchbar .search-result .user-chat .user-chat-info p{font-size:14px}.dashboard .container .sidebar .contact{margin-top:35px;overflow-y:scroll;width:90%}.dashboard .container .sidebar .contact::-webkit-scrollbar{display:none}@media screen and (max-width:480px){.dashboard .container .sidebar .contact{background-color:#e4e4e4;background-color:var(--primary-dark-color);height:100%;margin-top:0;padding:10px;width:100%}}.dashboard .container .sidebar .contact .user-chat{align-items:center;background-color:#f0f0f0;background-color:var(--secondary-dark-color);border-radius:10px;color:#000;color:var(--white-color);cursor:pointer;display:flex;gap:22px;margin:15px 0;padding:15px 20px;transition:.25s ease}@media screen and (max-width:480px){.dashboard .container .sidebar .contact .user-chat{background-color:#f0f0f0;background-color:var(--secondary-dark-color);border-radius:20px;cursor:none;margin:0 0 10px;padding:15px}}.dashboard .container .sidebar .contact .user-chat:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}.dashboard .container .sidebar .contact .user-chat img{background-color:#aacafa;background-color:var(--tertiary-color);border-radius:50%;height:50px;object-fit:cover;overflow:hidden;width:50px}.dashboard .container .sidebar .contact .user-chat .user-chat-info{display:flex;flex-direction:column;gap:5px;width:calc(100% - 75px)}.dashboard .container .sidebar .contact .user-chat .user-chat-info span{font-size:16px;font-weight:500}.dashboard .container .sidebar .contact .user-chat .user-chat-info .last-content{color:#505050;color:var(--grey-mid-color);font-size:14px;max-width:200px;overflow:hidden;padding-right:20px;text-overflow:ellipsis;white-space:nowrap}.dashboard .container .chatbox{align-items:center;display:flex;flex:2 1;flex-direction:column;padding-left:14px}@media screen and (max-width:480px){.dashboard .container .chatbox{background-color:#f0f0f0;background-color:var(--secondary-dark-color);flex:none;overflow:hidden;padding-bottom:12px;padding-left:0;transition:.35s ease-out;width:100%}}.dashboard .container .chatbox .chat-info{align-items:center;background-color:#aacafa;background-color:var(--tertiary-color);border-radius:20px;display:flex;height:80px;justify-content:flex-end;margin:2px 52px 20px 0;padding:10px;position:relative;width:calc(100% + 52px)}@media screen and (max-width:480px){.dashboard .container .chatbox .chat-info{align-self:flex-start;background-color:initial;border-radius:0;box-shadow:0 1px 0 1px rgba(0,0,0,.123);margin:0;padding:10px;width:100%}}.dashboard .container .chatbox .chat-info .contact-name{align-items:center;color:#242424;color:var(--grey-light-color);display:flex;font-size:16px;font-weight:400;gap:15px;margin-right:20px}@media screen and (max-width:480px){.dashboard .container .chatbox .chat-info .contact-name{justify-content:center;margin-right:0;width:100%}}.dashboard .container .chatbox .chat-info .contact-name img{background-color:#aacafa;background-color:var(--tertiary-color);border-radius:50px;max-height:56px;min-width:56px;object-fit:cover;overflow:hidden}@media screen and (max-width:480px){.dashboard .container .chatbox .chat-info .contact-name img{display:none}}.dashboard .container .chatbox .chat-info .contact-name .display-name{color:#000;color:var(--white-color);font-size:18px;font-weight:700}@media screen and (max-width:480px){.dashboard .container .chatbox .chat-info .contact-name .display-name{color:#000;color:var(--white-color);font-size:16px;font-weight:400}}.dashboard .container .chatbox .chat-info .chat-icons{display:flex;gap:10px}.dashboard .container .chatbox .chat-info .chat-icons i{color:#000;color:var(--white-color);cursor:pointer;font-size:20px;width:28px}.dashboard .container .chatbox .messages{background-color:#f0f0f0;background-color:var(--secondary-dark-color);border-radius:20px;height:calc(100% - 120px);overflow-y:scroll;padding:20px 20px 50px;width:100%}.dashboard .container .chatbox .messages::-webkit-scrollbar{display:none}@media screen and (max-width:480px){.dashboard .container .chatbox .messages{border-radius:0;height:calc(100% - 60px);margin:8px 0;padding:10px}}.dashboard .container .chatbox .messages .display-msg{display:flex;gap:10px;margin:10px 0;transition:.35s ease}.dashboard .container .chatbox .messages .display-msg .display-msg-info{display:flex;flex-direction:column}.dashboard .container .chatbox .messages .display-msg .display-msg-info img{background-color:#d3d3d3;background-color:var(--overlay-primary-color);border-radius:50%;height:50px;object-fit:cover;overflow:hidden;width:50px}@media screen and (max-width:480px){.dashboard .container .chatbox .messages .display-msg .display-msg-info img{height:40px;width:40px}}.dashboard .container .chatbox .messages .display-msg .display-msg-content{display:flex;flex-direction:column;gap:3px;justify-content:center;max-width:80%}.dashboard .container .chatbox .messages .display-msg .display-msg-content p{background-color:#aacafa;background-color:var(--tertiary-color);border-radius:0 10px 10px 10px;color:#000;color:var(--white-color);font-size:16px;font-weight:400;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}@media screen and (max-width:480px){.dashboard .container .chatbox .messages .display-msg .display-msg-content p{font-size:14px}}.dashboard .container .chatbox .messages .display-msg .display-msg-content img{background-color:#fff;background-color:var(--overlay-secondary-color);border-radius:0 10px 10px 10px;height:auto;max-width:200px;object-fit:cover}@media screen and (max-width:480px){.dashboard .container .chatbox .messages .display-msg .display-msg-content img{max-width:150px}}.dashboard .container .chatbox .messages .display-msg .display-msg-content .timer{color:#505050;color:var(--grey-mid-color);font-size:10px;margin-left:10px}.dashboard .container .chatbox .messages .display-msg .display-msg-content .timer.show--timer{display:block}.dashboard .container .chatbox .messages .display-msg.owner{flex-direction:row-reverse;gap:0}.dashboard .container .chatbox .messages .display-msg.owner .display-msg-info{display:flex;flex-direction:column}.dashboard .container .chatbox .messages .display-msg.owner .display-msg-info img{display:none}.dashboard .container .chatbox .messages .display-msg.owner .display-msg-content{align-items:flex-end}.dashboard .container .chatbox .messages .display-msg.owner .display-msg-content p{background-color:#d3d3d3;background-color:var(--overlay-primary-color);border-radius:10px;color:#000;color:var(--white-color)}.dashboard .container .chatbox .messages .display-msg.owner .display-msg-content img{border-radius:10px}@media screen and (max-width:480px){.dashboard .container .chatbox .messages .display-msg.owner .display-msg-content img{max-width:150px}}.dashboard .container .chatbox .messages .display-msg.owner .display-msg-content .timer{color:#505050;color:var(--grey-mid-color);font-size:10px;margin-right:10px}.dashboard .container .chatbox .messages .display-msg.owner .display-msg-content .timer.show--timer{display:block}.dashboard .container .chatbox .input-bar{align-items:center;background-color:#ccc;background-color:var(--primary-light-color);border-radius:50px;display:flex;height:60px;justify-content:space-between;margin-top:-35px;outline:none;position:relative;width:90%;z-index:0}@media screen and (max-width:480px){.dashboard .container .chatbox .input-bar{align-self:flex-end;box-shadow:none;height:46px;margin-right:15px;margin-top:0;width:calc(100% - 92px)}}.dashboard .container .chatbox .input-bar label{padding:20px}@media screen and (max-width:480px){.dashboard .container .chatbox .input-bar label{align-items:center;background-color:#ccc;background-color:var(--primary-light-color);border-radius:50%;display:flex;height:46px;justify-content:center;position:absolute;-webkit-transform:translateX(-62px);transform:translateX(-62px);width:46px}}.dashboard .container .chatbox .input-bar .fa-images{color:#505050;color:var(--grey-mid-color);cursor:pointer;font-size:18px;margin-top:1px;transition:.25s ease}@media screen and (max-width:480px){.dashboard .container .chatbox .input-bar .fa-images{color:#242424;color:var(--grey-light-color)}}.dashboard .container .chatbox .input-bar .fa-images:hover{color:#242424;color:var(--grey-light-color)}.dashboard .container .chatbox .input-bar input[type=text]{background-color:initial;border:none;color:#242424;color:var(--grey-light-color);font-size:18px;margin-left:20px;outline:none;width:100%}@media screen and (max-width:480px){.dashboard .container .chatbox .input-bar input[type=text]{font-size:16px;margin-left:15px}}.dashboard .container .chatbox .input-bar input[type=text]::-webkit-input-placeholder{color:#505050;color:var(--grey-mid-color)}.dashboard .container .chatbox .input-bar input[type=text]::placeholder{color:#505050;color:var(--grey-mid-color)}.dashboard .container .chatbox .input-bar input[type=file]{color:#505050;color:var(--grey-mid-color);font-size:12px;width:110px}@media screen and (max-width:480px){.dashboard .container .chatbox .input-bar input[type=file]{display:none}}.dashboard .container .chatbox .input-bar input[type=file]::-webkit-file-upload-button{display:none}.dashboard .container .chatbox .input-bar .send{align-items:center;display:flex;height:100%}.dashboard .container .chatbox .input-bar .send button{background-color:initial;border:none;border-radius:50%;cursor:pointer;height:60px;padding-right:10px;width:60px}@media screen and (max-width:480px){.dashboard .container .chatbox .input-bar .send button{background-color:initial;height:46px;padding-right:6px;width:46px}}.dashboard .container .chatbox .input-bar .send button .fa-comment{color:#242424;color:var(--grey-light-color);font-size:26px;transition:.25s ease}@media screen and (max-width:480px){.dashboard .container .chatbox .input-bar .send button .fa-comment{font-size:24px}}.dashboard .container .chatbox .input-bar .send button:hover>.fa-comment{color:#505050;color:var(--grey-mid-color)}.form-container{align-items:center;background-color:#f0f0f0;background-color:var(--secondary-dark-color);display:flex;height:100vh;justify-content:center}@media screen and (max-width:480px){.form-container{padding:20px}}.form-container .form-wrapper{align-items:center;border-radius:20px;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:30px 60px}@media screen and (max-width:480px){.form-container .form-wrapper{padding:30px 50px}}.form-container .form-wrapper .title{color:#242424;color:var(--grey-light-color);font-size:28px;font-weight:700;margin-bottom:10px}.form-container .form-wrapper form{align-items:center;display:flex;flex-direction:column;gap:15px}.form-container .form-wrapper form .avatar-wrapper{background-image:url(https://cdn.pixabay.com/photo/2016/11/13/21/46/sheep-1822137_1280.jpg);background-position:-25px;background-repeat:no-repeat;background-size:cover;border:3px solid #505050;border:3px solid var(--grey-mid-color);border-radius:50%;height:120px;margin:15px 0 0;overflow:hidden;position:relative;width:120px}.form-container .form-wrapper form .avatar-wrapper img{height:100%;object-fit:cover;width:100%}.form-container .form-wrapper form .avatar-wrapper #avatar{background-color:rgba(0,0,0,.377);border:none;border-radius:0;bottom:0;cursor:pointer;height:50%;left:0;outline:none;position:absolute;transition:.4s;width:100%}.form-container .form-wrapper form .avatar-wrapper #avatar:hover{height:100%}.form-container .form-wrapper form .avatar-wrapper #avatar:hover:before{-webkit-transform:translateY(33px) scale(1.3);transform:translateY(33px) scale(1.3)}.form-container .form-wrapper form .avatar-wrapper #avatar::-webkit-file-upload-button{visibility:hidden}.form-container .form-wrapper form .avatar-wrapper #avatar:before{color:#fff;color:var(--overlay-secondary-color);content:"\f083";display:flex;font-family:fontAwesome;font-size:22px;justify-content:center;margin:5px;transition:.4s ease;-webkit-user-select:none;user-select:none}.form-container .form-wrapper form #avatar-label{color:#505050;color:var(--grey-mid-color)}.form-container .form-wrapper form input{background-color:#d3d3d3;background-color:var(--overlay-primary-color);border:none;border-radius:10px;color:#000;color:var(--white-color);padding:15px;width:250px}.form-container .form-wrapper form input::-webkit-input-placeholder{color:#505050;color:var(--grey-mid-color)}.form-container .form-wrapper form input::placeholder{color:#505050;color:var(--grey-mid-color)}.form-container .form-wrapper form button{background-color:#d3d3d3;background-color:var(--overlay-primary-color);border:none;border-radius:50px;color:#000;color:var(--white-color);cursor:pointer;font-size:16px;font-weight:700;height:50px;margin:20px 0;transition:.3s ease;width:120px}.form-container .form-wrapper form button:hover{box-shadow:3px 3px 0 rgba(0,0,0,.253);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.form-container .form-wrapper #error-login{background-color:#aacafa;background-color:var(--tertiary-color);border-radius:50px;color:#000;color:var(--white-color);font-size:14px;margin-bottom:8px;padding:5px 10px}.form-container .form-wrapper p{color:#505050;color:var(--grey-mid-color);font-size:14px}.form-container .form-wrapper p a{color:#000;color:var(--white-color);text-underline-offset:6px}*{box-sizing:border-box;font-family:Roboto,sans-serif;list-style-type:none;margin:0;padding:0}:root{--primary-dark-color:#e4e4e4;--primary-mid-color:#2c2c2c;--primary-light-color:#ccc;--secondary-dark-color:#f0f0f0;--tertiary-color:#aacafa;--overlay-tertiary-color:#bebdc9;--overlay-secondary-color:#fff;--overlay-primary-color:#d3d3d3;--white-color:#000;--grey-light-color:#242424;--grey-mid-color:#505050}[data-theme=dark]{--primary-dark-color:#141414;--primary-mid-color:#2c2c2c;--primary-light-color:#535353;--secondary-dark-color:#1d1d1d;--tertiary-color:#8e3838;--overlay-tertiary-color:#221c47;--overlay-secondary-color:#000;--overlay-primary-color:#3c3569;--white-color:#fff;--grey-light-color:#f4f4f4;--grey-mid-color:#b4b4b4}.form-container{overflow:hidden}.form-container .avatar-upload{align-items:center;display:flex;flex-direction:column;position:absolute;-webkit-transform:translateY(-220px);transform:translateY(-220px)}.form-container.login img{border:4px solid #505050;border:4px solid var(--grey-mid-color);border-radius:100px;height:120px;margin:10px 0 15px;object-fit:cover;object-position:-25px center;width:120px}
/*# sourceMappingURL=main.db9c22e6.css.map*/