@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0}body{width:100vw;height:100vh;overflow-x:hidden;overflow-y:hidden;background-color:#152329;display:flex;justify-content:center}.kanit-thin{font-family:Kanit,sans-serif;font-weight:100;font-style:normal}.kanit-extralight{font-family:Kanit,sans-serif;font-weight:200;font-style:normal}.kanit-light{font-family:Kanit,sans-serif;font-weight:300;font-style:normal}.kanit-regular{font-family:Kanit,sans-serif;font-weight:400;font-style:normal}.kanit-medium{font-family:Kanit,sans-serif;font-weight:500;font-style:normal}.kanit-semibold{font-family:Kanit,sans-serif;font-weight:600;font-style:normal}.kanit-bold{font-family:Kanit,sans-serif;font-weight:700;font-style:normal}.kanit-extrabold{font-family:Kanit,sans-serif;font-weight:800;font-style:normal}.kanit-black{font-family:Kanit,sans-serif;font-weight:900;font-style:normal}.kanit-thin-italic{font-family:Kanit,sans-serif;font-weight:100;font-style:italic}.kanit-extralight-italic{font-family:Kanit,sans-serif;font-weight:200;font-style:italic}.kanit-light-italic{font-family:Kanit,sans-serif;font-weight:300;font-style:italic}.kanit-regular-italic{font-family:Kanit,sans-serif;font-weight:400;font-style:italic}.kanit-medium-italic{font-family:Kanit,sans-serif;font-weight:500;font-style:italic}.kanit-semibold-italic{font-family:Kanit,sans-serif;font-weight:600;font-style:italic}.kanit-bold-italic{font-family:Kanit,sans-serif;font-weight:700;font-style:italic}.kanit-extrabold-italic{font-family:Kanit,sans-serif;font-weight:800;font-style:italic}.kanit-black-italic{font-family:Kanit,sans-serif;font-weight:900;font-style:italic}.body[data-v-5c94b9cb]{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.main[data-v-5c94b9cb]{width:20vw;border-radius:30px;background-color:#263036;color:#c6dee4;font-family:Kanit;padding:5vh 5vw 5vh 5vw;text-align:center}.title[data-v-5c94b9cb]{margin-bottom:5vh}h1[data-v-5c94b9cb]{font-size:2rem;font-weight:700;margin-bottom:-1vh}h3[data-v-5c94b9cb]{font-weight:400;font-size:1rem}input[data-v-5c94b9cb]{background-color:transparent;padding:.75vh 0vw .75vh 0vw;width:100%;margin-bottom:1.5vh;border:none;border-bottom:1px solid #c6dee4;text-align:center;color:#c6dee4;font-family:Kanit;font-weight:400;font-size:1rem}input[data-v-5c94b9cb]:last-child{margin-bottom:.5vh}input[data-v-5c94b9cb]:focus{outline:none}.passwordHint[data-v-5c94b9cb]{font-size:.9rem;margin-bottom:3vh}.passwordHint[data-v-5c94b9cb]:hover{cursor:pointer}button[data-v-5c94b9cb]{background-color:#152329;padding:1vh 3vw 1vh 3vw;border:none;border-radius:13px;color:#c6dee4;font-family:Kanit;font-weight:400;font-size:1rem;transition:.35s}button[data-v-5c94b9cb]:hover{background-color:#17262c;box-shadow:0 0 2px #fff3}@media screen and (max-width:1300px){.main[data-v-5c94b9cb]{width:30vw}button[data-v-5c94b9cb]{padding:1vh 5vw 1vh 5vw}}@media screen and (max-width:1200px){.main[data-v-5c94b9cb]{width:35vw}}@media screen and (max-width:968px){.main[data-v-5c94b9cb]{width:50vw}button[data-v-5c94b9cb]{padding:1vh 6vw 1vh 6vw}}@media screen and (max-width:768px){.main[data-v-5c94b9cb]{width:60vw}button[data-v-5c94b9cb]{padding:1vh 8vw 1vh 8vw}}@media screen and (max-width:670px){.main[data-v-5c94b9cb]{width:80vw}button[data-v-5c94b9cb]{padding:1vh 10vw 1vh 10vw}}@media screen and (max-width:480px){.main[data-v-5c94b9cb]{width:85vw}button[data-v-5c94b9cb]{padding:1vh 12vw 1vh 12vw}}.message[data-v-ff09b31f]{font-family:Ubuntu;font-weight:400;color:#c6dee4;font-size:1.1rem;margin-bottom:1vh}.senderName[data-v-ff09b31f]{margin-right:.5vw;font-weight:600}.self[data-v-ff09b31f]{color:#92b3bc}.container[data-v-fbfe09f7]{width:65vw;height:100vh;padding:2vh 0;display:grid;grid-template-rows:1fr 7vh;gap:2vh;box-sizing:border-box}.messageBox[data-v-fbfe09f7]{border-radius:13px;background-color:#263036;padding:2vh 2vw 2vh 2vw;overflow-y:scroll}.inputBox[data-v-fbfe09f7]{width:100%;height:7vh;border-radius:13px;background-color:#263036;display:grid;grid-template-columns:1fr 7vh}.messageInput[data-v-fbfe09f7]{background-color:transparent;border:none;outline:none;padding:0 2vw;color:#c6dee4;font-family:Ubuntu;font-weight:500;font-size:1rem}.messageSendButtonBox[data-v-fbfe09f7]{width:100%;display:flex;justify-content:center}.messageSendButton[data-v-fbfe09f7]{width:45%;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;transition:.35s ease-out}.messageSendButton[data-v-fbfe09f7]:hover{width:50%;cursor:pointer}@media screen and (max-width:1200px){.container[data-v-fbfe09f7]{width:80vw}}@media screen and (max-width:960px){.container[data-v-fbfe09f7]{width:90vw}}@media screen and (max-width:960px){.container[data-v-fbfe09f7]{width:96vw}.messageBox[data-v-fbfe09f7]{padding:3vh 3vw 3vh 3vw}.messageInput[data-v-fbfe09f7]{padding:0 3vw}}@media screen and (max-width:480px){.messageBox[data-v-fbfe09f7]{padding:3vh 4vw 3vh 4vw}.messageInput[data-v-fbfe09f7]{padding:0 4vw}}