body{margin:0;padding:0;font-family:Titillium Web,sans-serif;font-size:16px;color:#4d4d4d}.page-wrapper{width:100%;height:100vh;background-image:linear-gradient(hsla(0,0%,90.6%,.774),#ebebeb),url(../img/wallpaper.66fb8e08.jpg);background-size:cover}a{text-decoration:none}button{cursor:pointer}li{list-style:none}ul{padding:0}figure,ul{margin:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.logo-box[data-v-47f99b42]{text-align:center;margin-bottom:40px}.logo[data-v-47f99b42]{max-width:50%}.logo-heading[data-v-47f99b42]{font-family:Lexend Zetta,sans-serif;position:relative;margin-top:0;font-size:22px;font-weight:400;letter-spacing:.5px;text-transform:uppercase;color:rgba(58,58,58,.425)}.logo-heading[data-v-47f99b42]:after{position:absolute;content:"";left:40%;bottom:-16px;width:20%;height:7%;background:hsla(0,0%,50.2%,.212)}.input-box{position:relative;display:flex;align-items:center;width:75%}@media (max-width:576px){.input-box{width:80%}}.input-box:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#e7e7e7}.input-item{width:100%;height:54px;padding-left:60px;font-size:16px;border:0 solid #a5a5a5;background:#fff;transition:.3s ease-out}::-moz-placeholder{color:#a3a3a3}:-ms-input-placeholder{color:#a3a3a3}::-ms-input-placeholder{color:#a3a3a3}::placeholder{color:#a3a3a3}.input-box:last-of-type:after{content:none}.radius-top{border-radius:10px 10px 0 0}.radius-top:focus{outline:none;box-shadow:-3px -3px 7px -4px hsla(0,0%,63.9%,.87),3px -3px 7px -4px hsla(0,0%,63.1%,.88)}.radius-bottom{border-radius:0 0 15px 15px}.radius-bottom:focus{outline:none;box-shadow:-3px 3px 7px -4px #a1a1a1,3px 3px 7px -4px #a1a1a1}.input-middle:focus{outline:none;box-shadow:0 0 7px 0 #a1a1a1}.input-icon{position:absolute;padding-left:20px;transition:.3s ease-out}.input-item:focus+.input-icon>.input-icon-svg{-webkit-filter:invert(.4) sepia(1) saturate(20) hue-rotate(220deg) brightness(1);filter:invert(.4) sepia(1) saturate(20) hue-rotate(220deg) brightness(1)}.input-icon-svg{width:22px}.btn[data-v-d7cfd9e4]{z-index:1;width:75%;margin-top:30px;padding:16px;font-size:18px;color:#969696;border:1px solid #ebebeb;border-radius:10px;background:linear-gradient(0deg,#dbdbdb,#fff);box-shadow:1px 1px 5px -1px #c7c7c7;transition:.2s ease;transform-style:preserve-3d;cursor:pointer}@media (max-width:576px){.btn[data-v-d7cfd9e4]{width:80%}}.btn[data-v-d7cfd9e4]:hover{transform:translateZ(-10px)}.btn[data-v-d7cfd9e4]:focus{outline-color:#d4d4d4}.page-wrapper[data-v-11a175a4]{display:flex;width:100%;height:100vh}.form-box[data-v-11a175a4]{display:flex;flex-direction:column;align-items:center;margin:auto;padding:35px 0;min-width:300px;border-radius:20px;background-image:linear-gradient(0deg,#fff,#e4e4e4);box-shadow:5px 3px 10px 0 hsla(0,0%,82%,.78),-5px 3px 10px 0 hsla(0,0%,82%,.84);perspective:1000px}.link[data-v-11a175a4]{position:relative;padding:3px;font-weight:600;color:#313131}.link[data-v-11a175a4]:after{position:absolute;content:"";left:3px;bottom:3px;width:90%;height:1px;background:#616161;transition:.3s;transform-origin:left;transform:scale(0)}.link[data-v-11a175a4]:hover:after{transform:scale(1)}.page-wrapper[data-v-9ac4a5fa]{display:flex;width:100%;height:100vh}.form-box[data-v-9ac4a5fa]{display:flex;flex-direction:column;align-items:center;min-width:300px;margin:auto;padding:35px 0;border-radius:20px;background-image:linear-gradient(0deg,#fff,#e4e4e4);box-shadow:5px 3px 10px 0 hsla(0,0%,82%,.78),-5px 3px 10px 0 hsla(0,0%,82%,.84);perspective:1000px}@media (max-width:576px){.form-box[data-v-9ac4a5fa]{padding:25px 0}}.link[data-v-9ac4a5fa]{position:relative;padding:3px;color:#313131;font-weight:600}.link[data-v-9ac4a5fa]:after{position:absolute;content:"";left:3px;bottom:3px;width:90%;height:1px;background:#616161;transition:.3s;transform-origin:left;transform:scale(0)}.link[data-v-9ac4a5fa]:hover:after{transform:scale(1)}.chatbox-wrapper[data-v-6e945787]{display:flex;flex-direction:column;height:100vh}.header[data-v-6e945787]{height:62px;background:rgba(0,0,0,.062)}.header-user[data-v-6e945787]{position:relative;top:14px;left:25%;display:flex;justify-content:center;width:50%}.header-user-img[data-v-6e945787]{width:30px;height:30px;border-radius:100px}.header-user-name[data-v-6e945787]{padding-left:5px;font-size:20px;white-space:nowrap}.messages-box[data-v-6e945787]{flex:1;overflow-y:auto;background:transparent}.messages-box[data-v-6e945787]::-webkit-scrollbar-track{border-radius:10px;background-color:#f5f5f5;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.messages-box[data-v-6e945787]::-webkit-scrollbar{width:8px;background-color:#f5f5f5}.messages-box[data-v-6e945787]::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(72,60,99,.47);box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.messages-outer[data-v-6e945787]{display:flex;flex-direction:column;margin:10px 20px}@media (max-width:576px){.messages-outer[data-v-6e945787]{margin:10px 0}}.message[data-v-6e945787]{max-width:45%;padding:10px 10px;border-radius:10px;word-break:break-all}.textFrom[data-v-6e945787]{position:relative;right:-53%;margin:10px 10px;color:#000;background:#a8ffd4;box-shadow:1px 1px 3px 1px hsla(120,0%,70%,50%)}.textTo[data-v-6e945787]{position:relative;right:-15px;margin:10px 10px;color:#000;background:#d2b8f5;box-shadow:-1px 1px 3px 1px hsla(120,0%,70%,50%)}@media (max-width:576px){.textFrom[data-v-6e945787]{right:-46%;margin:10px 0}.textTo[data-v-6e945787]{margin:10px 0}}.footer[data-v-6e945787]{position:relative;z-index:3;height:60px;background-image:linear-gradient(0deg,#b1b0b0,#ebebeb);box-shadow:0 -2px 7px 1px hsla(120,0%,70%,50%)}.message-form[data-v-6e945787]{display:flex;justify-content:center;padding:15px}.message-input[data-v-6e945787]{width:90%;margin-left:30px;padding:5px 10px;border:1px solid transparent;border-radius:4px}.message-input[data-v-6e945787]:focus{outline:2px solid rgba(4,0,255,.349)}.send-message-icon[data-v-6e945787]{width:30px;height:30px;margin-left:20px;transition:.2s;cursor:pointer}.send-message-icon[data-v-6e945787]:hover{-webkit-filter:invert(.4) sepia(1) saturate(20) hue-rotate(220deg) brightness(1);filter:invert(.4) sepia(1) saturate(20) hue-rotate(220deg) brightness(1)}.aside{position:fixed;top:0;left:0;z-index:5;display:flex;flex-direction:column;flex:0 1 250px;min-width:280px;height:100%;border-radius:0 50px 0 0;background-image:linear-gradient(0deg,#eee,#fff);box-shadow:3px 0 10px -5px #a0a0a0;transform:translateX(0);transition:.2s ease-out}.aside-closed{transform:translateX(-280px)}@media (max-width:576px){.aside{min-width:260px}.aside-closed{transform:translateX(-260px)}}.btn-aside-toggler{position:absolute;top:5px;right:-57px;z-index:8;width:50px;height:50px;text-align:center;border:none;border-radius:100px;background-image:linear-gradient(0deg,#fff,#e4e4e4);box-shadow:7px 5px 10px -9px #7f8280;outline:none}@media (max-width:768px){.btn-aside-toggler{display:block}}.aside-toggler-svg{position:relative;left:1px;width:65%;transition:.5s ease}.aside-toggler-reverse{left:-1px;transform:rotateY(-180deg)}.btn-aside-toggler:hover>.aside-toggler-svg{-webkit-filter:invert(.4) sepia(1) saturate(20) hue-rotate(220deg) brightness(1);filter:invert(.4) sepia(1) saturate(20) hue-rotate(220deg) brightness(1)}.aside-title{position:relative;left:30px;margin:10px 5px 10px;font-family:Titillium Web,sans-serif;font-size:26px;font-weight:200;color:hsl(120 0% 75%);letter-spacing:1px;text-transform:lowercase}.aside-user-item{padding:15px 10px}.user-list{overflow-y:scroll}.user-list::-webkit-scrollbar-track{border-radius:10px;background-color:hsla(0,0%,96.1%,0)}.user-list::-webkit-scrollbar{width:10px}.user-list::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(72,60,99,.22)}.aside-user-item{position:relative;display:flex;align-items:center;padding:10px 10px;transition:.2s ease-in-out;cursor:pointer}.aside-user-item:hover{background-image:linear-gradient(90deg,#f3f3f3,hsla(0,0%,89.4%,0))}.user-item-img{width:45px;height:45px;margin-right:10px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.btn-round[data-v-ef870088]{position:absolute;top:0;right:0;width:50px;height:50px;text-align:center;border:none;border-radius:100px;background-image:linear-gradient(0deg,#fff,#e4e4e4);box-shadow:7px 5px 10px -9px #7f8280;outline:none}.btn-round-icon[data-v-ef870088]{position:relative;left:1px;width:65%;transition:.5s ease}.btn-round:hover>.btn-round-icon[data-v-ef870088]{-webkit-filter:invert(.4) sepia(1) saturate(20) hue-rotate(220deg) brightness(1);filter:invert(.4) sepia(1) saturate(20) hue-rotate(220deg) brightness(1)}.user-modal[data-v-62f50f46]{position:absolute;top:5px;right:5px}.user-modal-box[data-v-62f50f46]{position:relative;z-index:7;display:flex;flex-direction:column;margin-top:5px;padding:25px;border-radius:10px;text-align:center;background:hsl(120 0% 100%);box-shadow:1px 1px 9px 1px hsla(120 0% 60%);transform:translate(-45px,40px) scale(0);transform-origin:top right;transition:.3s ease}.overlay[data-v-62f50f46]{position:absolute;top:0;right:0;z-index:5;width:100vw;height:100vh;background:transparent;transform:scale(0)}.visible[data-v-62f50f46]{transform:translate(-45px,40px) scale(1)}.visible-overlay[data-v-62f50f46]{transform:translateY(-5px) scale(1)}.user-modal__heading[data-v-62f50f46]{margin:0 0 15px;font-size:20px;font-weight:700}.user-modal__link[data-v-62f50f46]{margin:7px 0;padding:15px 50px;font-size:16px;letter-spacing:1px;border:1px solid hsl(120 0% 100%);background:#f7f7f7}.user-modal__link[data-v-62f50f46]:hover{border:1px solid hsl(240 100% 50%);color:hsl(240 100% 50%);background:#fff}.user-modal-btn[data-v-62f50f46]{position:relative;z-index:7;display:block;margin-left:auto;padding:10px;border:1px dotted hsl(120 0% 70%);border-radius:100px;background-image:linear-gradient(0deg,#fff,#e4e4e4);box-shadow:2px 1px 5px 1px hsl(120 0% 70%);cursor:pointer;outline:none}.icon-svg[data-v-62f50f46]{width:25px;transition:.3s ease}.user-pic-img[data-v-62f50f46]{width:70px;height:70px;margin:0 auto;border-radius:100px;-o-object-fit:cover;object-fit:cover}.user-modal-btn:hover>.icon-svg[data-v-62f50f46]{-webkit-filter:invert(.4) sepia(1) saturate(20) hue-rotate(220deg) brightness(1);filter:invert(.4) sepia(1) saturate(20) hue-rotate(220deg) brightness(1)}.wrapper[data-v-0542c541]{height:100vh}.main-content[data-v-0542c541]{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:3 0px;height:100%;transition:.2s ease-out}.main-content-margin[data-v-0542c541]{margin-left:250px}@media (max-width:576px){.main-content-margin[data-v-0542c541]{margin-left:0}}.header-width[data-v-0542c541]{transition:.2s ease-out}.logo[data-v-0542c541]{max-width:30%}.main-user-pic[data-v-0542c541]{width:300px;height:300px;text-align:center}@media (max-width:576px){.main-user-pic img[data-v-0542c541]{width:170px;height:170px}}.main-user-pic img[data-v-0542c541]{width:300px;height:300px;border-radius:72% 28% 49% 51%/41% 30% 70% 59%;-o-object-fit:cover;object-fit:cover}.main-user-caption[data-v-0542c541]{font-size:30px;font-weight:700}.wrapper[data-v-59512ba6]{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;height:100vh}.profile-wrapper[data-v-59512ba6]{display:flex;flex-direction:row}@media (max-width:576px){.profile-wrapper[data-v-59512ba6]{flex-direction:column}}.profile-img[data-v-59512ba6]{text-align:center}.user-img[data-v-59512ba6]{margin:0}.user-img>img[data-v-59512ba6]{width:280px;height:280px;border-radius:300px;-o-object-fit:cover;object-fit:cover}@media (max-width:576px){.user-img>img[data-v-59512ba6]{width:180px;height:180px}}.form-group[data-v-59512ba6]{display:flex;flex-direction:column;margin-top:22px;margin-left:25px}@media (max-width:576px){.form-group[data-v-59512ba6]{margin-top:4px}}.inputfile[data-v-59512ba6]{position:absolute;z-index:-1;width:.1px;height:.1px;opacity:0;overflow:hidden}.inputfile+label[data-v-59512ba6]{display:inline-block;font-size:28px;font-weight:700;color:#5a5a5a;cursor:pointer}.inputfile:focus+label[data-v-59512ba6]{outline:1px dotted #000}.inputfile+label [data-v-59512ba6]{pointer-events:none}.file-label[data-v-59512ba6]{position:relative;width:100%;transform:translateX(-10px)}@media (max-width:576px){.file-label[data-v-59512ba6]{transform:translateX(-15px)}}.file-icon[data-v-59512ba6]{position:absolute;top:10px;max-width:30px;margin-left:5px}.file-label:hover>.file-icon[data-v-59512ba6]{-webkit-filter:invert(.4) sepia(1) saturate(20) hue-rotate(220deg) brightness(1);filter:invert(.4) sepia(1) saturate(20) hue-rotate(220deg) brightness(1);outline:none}.profile-img[data-v-59512ba6]{display:flex;flex-direction:column;align-items:center}.profile-label[data-v-59512ba6]{margin:10px 0 3px;font-size:20px;font-weight:600}.profile-input[data-v-59512ba6]{padding:10px;width:250px;font-size:18px;color:#8f8f8f;border:none;border-radius:5px;background:#f5f5f5}.profile-input[data-v-59512ba6]:focus{outline:none;box-shadow:inset 0 0 3px 1px #00f}.buttons-box[data-v-59512ba6]{display:flex;justify-content:center;width:100%;margin-top:22px;perspective:1000}.btn[data-v-59512ba6]{width:100%;padding:15px 10px;font-size:16px;font-weight:500;color:#555;border:none;border-radius:10px;background:#f1f1f1;transition:.5s ease}.btn[data-v-59512ba6]:hover{color:#fff;background:#40f;box-shadow:0 2px 7px 1px #00f}.btn[data-v-59512ba6]:focus{outline:1px dotted #636363}.btn[data-v-59512ba6]:nth-child(2){margin-left:10px}