.category-text{color:rgba(238,101,183,.859);font-size:20px;font-weight:700;text-align:left;text-decoration:none}.x-icon{display:block;height:29px;margin:auto;width:29px}.container-modal{grid-gap:10px;display:grid;gap:10px;grid-template-rows:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.modal-text{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;letter-spacing:1.5px;margin-left:3%}.modal-text-team{color:rgba(238,101,183,.859);font-size:12px;font-weight:700;text-align:center;text-decoration:none}.planet-img{animation:rotateClockwise 30s linear infinite;height:100%;margin:50% auto;width:100%}@keyframes rotateClockwise{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notlogin-kakao-image{align-items:center;display:flex;justify-content:center}.notlogin-problem-text{font-size:12px;margin-top:15px;text-decoration:none}.notlogin-problem-text,.notlogin-text{color:#fff;font-weight:700;text-align:center}.notlogin-text{font-size:33px;text-shadow:0 4px 10px #0000004d}.notlogin-container{grid-gap:10px;display:grid;gap:10px;grid-template-rows:1.5fr 1fr 1.5fr .7fr 1.3fr 1fr;height:100vh}.yeslogin-btn{align-items:center;display:flex;justify-content:center}.yeslogin-logout-text{color:#000;font-size:14px;font-weight:bolder;margin-top:1%;text-align:center;text-decoration:none}.yeslogin-wellcome-text{color:444444;font-size:25px;font-weight:700;text-align:center;text-decoration:none}.yeslogin-container{grid-gap:5px;display:grid;gap:5px;grid-template-rows:1.5fr 1fr 1fr 1fr 1.5fr 2fr .5fr 1fr;height:93vh}.modal-text{align-items:center;color:rgba(238,101,183,.859);display:flex;font-size:25px;font-weight:700;text-align:left;text-decoration:none}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.modal-slide-in{animation:slideInFromLeft .5s ease-out 0s 1 forwards;background:#fff}.mypage-header{align-items:center;display:flex;padding:0 0 0 29px}.mypage-text{color:#3c3939;font-size:25px;font-weight:700;text-align:center;text-decoration:none}.mypage-container{grid-gap:10px;border:0 solid #000;border-radius:10px;box-shadow:5px 5px 10px #0000000a,-5px -5px 10px #00000008;display:grid;gap:10px;grid-template-rows:1fr 3fr 3fr;height:100%;overflow:hidden}.mypage-nick-level{padding:20px 30px}.mypage-nickname{font-size:24px;font-weight:700}.mypage-level{font-size:17px}.myprofile{height:70vh;padding:29px}.mypage-img-container{overflow:hidden}.mypage-img{left:-5%;max-height:400px;max-width:400px;object-fit:contain;position:absolute;top:15%}.mypage-btns{align-items:center;display:flex;flex-direction:column}.mypage-btn1{background-color:#c56fb2}.mypage-btn1,.mypage-btn2{border:none;border-radius:21px;color:#fff;font-size:22px;font-weight:900;height:43px;margin-top:15px;width:253px}.mypage-btn2{background-color:#f2d123}.mypage-btn3{background-color:#68d966;border:none;border-radius:21px;color:#fff;font-size:22px;font-weight:900;height:43px;margin-top:15px;width:253px}.help-header{align-items:center;display:flex;padding:0 0 0 29px}.help-text{color:#3c3939;font-size:25px;font-weight:700;text-align:center;text-decoration:none}.help-container{grid-gap:80px;display:grid;gap:80px;grid-template-rows:.7fr 1fr;height:87vh}.path-container{align-items:center;display:flex;justify-content:center;padding:0 29px}.path-box,.paths{width:100%}.path-box{background:#f9f9f9;border:2px solid #000;border-radius:33px;display:grid;grid-template-columns:1.5fr 1fr;height:60px;margin:12px 0 5px}.path-text{align-items:center;color:#3c3939;display:flex;font-size:16px;font-weight:700;justify-content:center;text-align:center;text-decoration:none}.help-explain-container{grid-gap:20px;display:grid;gap:20px;grid-template-rows:.5fr 1.5fr}.help-explain-text-short{font-size:25px;padding:29px 0 0 29px}.help-explain-text-long,.help-explain-text-short{color:#515151;font-weight:700;text-decoration:none}.help-explain-text-long{font-size:14px;line-height:1.3;padding:10px 0 0 29px}.help-helpfriends-loc{left:150px;position:absolute;top:170px}.help-helpfriends{height:110%;width:110%}-- .explain-box{background:#f9f9f9;border-radius:20px;display:grid;grid-template-rows:1fr 1fr;margin:30px 0}.need-help-text{font-size:26px}.need-help-text,.need-help-text2{color:#3c3939;font-weight:700;text-align:center;text-decoration:none}.need-help-text2{font-size:16px}.path-icon{align-items:center;display:flex;justify-content:center}.fontfamily{font-family:Noto Sans KR,sans-serif}.sfp-detail{background-color:#fff;border-radius:17px;box-shadow:0 4px 10px #0006;display:block;height:450px;margin:45% auto auto;width:281px}.sfp-container{grid-gap:20px;display:grid;gap:20px;grid-template-rows:.5fr 6.7fr 1.3fr;height:410px;padding:20px 10px;width:261px}.sfp-sfp{font-size:20px;font-weight:700;text-align:center}.sfp-info-container{grid-gap:15px;display:grid;gap:15px;grid-template-rows:repeat(5,1fr)}.sfp-info-age-locate-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1.3fr;padding-left:3.5%;padding-right:3.5%}.sfp-info-holder{border-radius:10px;box-shadow:0 4px 10px #0003;color:#9d9d9d;display:grid;font-size:12px;grid-template-columns:1.5fr 7fr;height:30px;margin:auto;overflow:hidden;padding:2%;width:250px}.sfp-category-text{align-items:center;display:flex;justify-content:baseline}.sfp-age-input,.sfp-animal-input,.sfp-body-input,.sfp-locate-input,.sfp-name-input,.sfp-univ-input{background-color:#f3f3f3;border:none;border-radius:10px;color:#9d9d9d;font-size:12px;height:95%;object-fit:contain;width:95%}input:focus{outline:none}.sfp-regist-button{margin-left:14%;margin-right:5%;width:109px}.sfp-cancel-button,.sfp-regist-button{background-color:#fff;border:2px solid #666;border-radius:20px;color:#666;font-size:13px;font-weight:700;height:36px;text-align:center}.sfp-cancel-button{width:70px}.sfp-button-loc{align-items:center;display:flex;justify-content:center}.friendsList{background-color:#fff;border:0 solid #d5d5d5;border-radius:15px;margin:5px 0 0;overflow-y:auto;padding:10px 29px}.friends-item{grid-gap:5px;background:#fff;border-radius:16px;box-shadow:3px 15px 15px #00000008,-3px -3px 15px #00000008;display:grid;gap:5px;grid-template-columns:.1fr 2fr 4.9fr 1fr;justify-content:space-between;margin-bottom:14px;padding:6px 3px 6px 0}.align-item{align-items:center;display:flex}.withfriends-myinfo-modify-button{align-items:center;display:flex;justify-content:center}.withfriends-myinfo-img{height:100%;object-fit:cover;width:100%}.withfriends-myinfo-nickname-container{margin-left:15%;margin-top:26%}.withfriendsContainer{grid-gap:10px;display:grid;gap:10px;grid-template-rows:7.1fr .5fr 1fr;margin-top:10px;max-height:73vh;min-height:73vh}.btn-location{align-items:start;margin-top:-20%}.copyed-inform-text{align-items:center;background-color:#2c2b2b;border-radius:6px;color:#fff;display:flex;font-size:13px;height:30px;justify-content:center;margin-top:20px;position:absolute;width:180px;z-index:1}.alarmpage-modal-detail{background-color:#fff;border:2px solid #000;border-radius:15px;box-shadow:0 4px 10px #0006;display:block;height:200px;margin:60% auto;padding:10px;width:288px}.alarmpage-modal-container{grid-gap:10px;display:grid;gap:10px;grid-template-rows:2fr 1fr;height:100%}.alarmpage-modal-text{align-items:center;display:flex;font-size:20px;font-weight:700;justify-content:center;text-align:center}.alarmpage-modal-buttons{border:0;border-radius:10px;height:40px;margin-left:5%;margin-right:5%;width:115px}.my-span{position:relative}.my-img{left:0;position:absolute;top:0}.dot-container{align-items:start;display:flex}.header-history{align-items:center;display:flex;padding:0 0 0 29px}.history-text{color:#3c3939;font-size:25px;font-weight:700;text-align:center;text-decoration:none}.history-date{color:#333;font-size:12px;font-weight:700;margin-bottom:4px}.history-meeter{color:#777;font-size:10px;font-weight:700}.history-details{color:#777;font-size:8px;font-weight:700}.history-container{grid-gap:20px;display:grid;gap:20px;grid-template-rows:7fr .5fr;height:70vh;max-height:75vh;padding:2px 20px 20px}.history-list{background-color:#fff;border:0 solid #d5d5d5;border-radius:30px;overflow-y:auto;padding:10px}.history-item{grid-gap:10px;background:#fff;border-radius:16px;box-shadow:3px 15px 15px #00000008,-3px -3px 15px #00000008;display:grid;gap:10px;grid-template-columns:.1fr 1fr 3.5fr 1.5fr;height:67px;margin-bottom:14px;padding:3px}.history-item p{color:#333;margin:0}.middle-sort{align-items:center;display:flex;justify-content:center}.avatar{border-radius:50%;height:40px;width:40px}.history-navigate>span{color:#ccc;font-size:24px}.history-info{align-items:center;display:flex}.history-nickname{font-weight:700;margin-left:12px}.report-button{background-color:#444;border:.2px solid #d5d5d5;border-radius:10px;color:#fff;font-size:9px;font-weight:700;height:20px;text-align:center;width:50px}.button-select-delete-locate{display:flex;justify-content:flex-end;margin-right:9%;margin-top:6%}.select-button{width:35px}.delete-all-button,.select-button{background-color:#fff;border:none;color:#000;font-size:9px;font-weight:700;height:20px;text-align:center}.delete-all-button{width:55px}.choice-button{background-color:#fff;border:1px solid grey;border-radius:10px;height:13px;width:13px}.choice-button-active{background-color:#5786ff;border:1px solid #fff;border-radius:10px;box-shadow:0 0 0 1px gray;height:13px;width:13px}.choice-button-locate{margin-top:-80%}.delete-button{background-color:#fff;border:0 solid #666;border-radius:8px;box-shadow:0 1px 10px #0003;color:#000;font-size:16px;font-weight:700;padding:5px;text-align:center}.delete-button-loc{align-items:center;display:flex;justify-content:center}.history-empty-text{color:#cccbcb;font-size:16px;margin-top:8%;text-align:center}.history-modal-detail{background-color:#fff;border:2px solid #000;border-radius:15px;box-shadow:0 4px 10px #0006;display:block;height:200px;margin:60% auto;padding:10px;width:288px}.history-modal-container{grid-gap:5px;display:grid;gap:5px;grid-template-rows:2fr 1fr;height:100%}.history-modal-text-big{color:#444;font-size:21px;font-weight:700;text-align:center}.history-modal-text-small{color:#838383;font-size:13px;font-weight:700;text-align:center}.history-modal-buttons-container{align-items:center;display:flex;justify-content:center}.history-modal-buttons{background-color:#fff;border:1.5px solid #000;border-radius:15px;font-size:17px;font-weight:700;height:44px;margin-left:5%;margin-right:5%;width:115px}.app-background{background-image:url(/static/media/Welcome02.ab8332a163ee724b5a45.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;left:0;margin:auto;max-height:1000px;max-width:450px;position:fixed;top:0;width:100vw}.app-background,.buttons{display:flex;flex-direction:column}.buttons{align-items:center;height:auto;justify-content:center;position:absolute;top:75%;transform:translateY(-50%);width:100%}.register-button{border:.4vw solid #fff;border-radius:25px;font-size:16px;font-weight:700;margin-bottom:15px;padding:15px 40px}.logout-button,.register-button{background-color:initial;color:#fff;cursor:pointer;display:flex}.logout-button{border:none;border-radius:25px;font-size:3vw}.home{display:grid;grid-template-rows:.5fr 2.3fr .9fr .9fr .95fr;height:100vh}.progress-bar-container{align-items:center;background-color:#e0e0e0;border-radius:4px;display:flex;height:5%;margin-top:10%;text-align:center;width:100%}.progress-bar{background-color:#fff;border-radius:4px;height:100%;transition:width .5s ease-in-out;width:0}.header1{height:100%;width:100%}.header1 img{align-items:center;display:flex;justify-content:center;width:100%}.image-with-typing{height:100%;position:relative;width:100%}.message{font-weight:650}.rcontainer{height:107px}.message.received{background:#f9f9f9;box-shadow:0 1px 3px #00000040;justify-content:flex-start;margin-left:19%;margin-top:-59%;max-width:46vw;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.typing-container{display:flex;justify-content:flex-end;margin-right:20%;position:relative}.footer{gap:20px;justify-content:center;left:50%;text-align:center;top:80%}.button,.button.secondary{background-color:initial;border:.4vw solid #fff;border-radius:20px;color:#fff;cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:1rem;margin:0 10px;padding:10px 20px;width:150px}.slider-container{display:flex;justify-content:center;position:relative;width:100%}.slider-labels{color:#fff;display:flex;font-size:4vw;justify-content:space-between;margin-top:18%}.slider-label-left{margin-left:6%;position:absolute}.slider-label-right{margin-right:6%;position:absolute}.slider-label-left{left:0}.slider-label-right{right:0}.slider-instruction{color:#fff;font-size:2vw;margin-top:19%;position:absolute;text-align:center;width:100%}:root{--slider-percentage:50%}.slider{-webkit-appearance:none;background:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:15%;outline:none;pointer-events:none;position:absolute;width:90%}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#cfa6df 50%,#fff 0);background:linear-gradient(to right,#cfa6df var(--slider-percentage),#fff var(--slider-percentage));border-radius:4px;height:8px;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:26px;margin-top:-10px;pointer-events:auto;width:26px;z-index:2}.slider::-moz-range-thumb{background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:26px;width:26px}.slider::-moz-range-track{background:linear-gradient(90deg,#cfa6df 50%,#fff 0);background:linear-gradient(to right,#cfa6df var(--slider-percentage),#fff var(--slider-percentage));border-radius:4px;height:8px;width:100%}.value-container{display:flex;justify-content:flex-end}.slider-value{background-color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:20%;margin-top:5%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.buttons-container{display:flex;justify-content:space-between;width:100%}.next-button,.previous-button{background-color:initial;border:2px solid #fff;color:#fff;cursor:pointer;font-weight:700;height:8vw;outline:none;width:15vw}.next-button:hover,.previous-button:hover{background-color:#ffffff4d}.mbti-category{flex-wrap:wrap;text-align:center}.gender-container{justify-content:center;text-align:center}.gender-buttons{background-color:initial;border:.4vw solid #fff;border-radius:20px;color:#fff;cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:1rem;margin:0 10px;padding:10px 20px;width:30vw}.JobSelectionButton{flex-direction:column;font-family:Noto Sans KR,sans-serif;position:relative}.JobSelectionButton,.job-selection{align-items:center;display:flex;justify-content:center}.job-selection{background-color:initial;border:.6vw solid #fff;border-radius:25px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;font-size:3.5vw;height:3%;margin-top:-40%;outline:none;padding:10px 30px;position:absolute;text-align:center;width:40%}.joboptions{-webkit-overflow-scrolling:touch;background-color:#fff;border:1px solid #ddd;border-radius:9px;color:#626262;font-size:3vw;left:0;max-height:9vh;overflow-y:auto;position:absolute;right:0;top:100%;width:55vw}.jobselectoptions{border:1px solid silver;border-bottom:1px solid #eee}.SchoolSelectionButton{align-items:center;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;justify-content:center;position:relative}.input-wrapper{font-family:Noto Sans KR,sans-serif;font-size:3vw}.input-wrapper,.region-selection{align-items:center;background-color:initial;border:.6vw solid #fff;border-radius:25px;cursor:pointer;display:flex;height:3%;justify-content:center;outline:none;padding:10px 30px;position:absolute;text-align:center;width:40%}.region-selection{box-shadow:0 4px 8px #0000001a;color:#fff;font-size:3.5vw}.school-selection{align-items:center;background-color:initial;border:none;display:flex;justify-content:center;outline:none;text-align:center}.school-selection,.school-selection::placeholder{color:#fff;font-family:Noto Sans KR,sans-serif;font-size:3.5vw}.region button{border:none;outline:none}.schooloptions{-webkit-overflow-scrolling:touch;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0003;color:#626262;font-size:3vw;left:0;max-height:9vh;overflow-y:auto;position:absolute;right:0;top:100%;width:55vw}.schooloptions,.schoolselectoptions{font-family:Noto Sans KR,sans-serif;z-index:5}.schoolselectoptions{border:1px solid silver;border-bottom:1px solid #eee;cursor:pointer}.mbti-button{background-color:initial;border:2px solid #f0f8ff;border-radius:20px;color:#fff;cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:3vw;font-weight:700;height:7vw;margin:5px;transition:background-color .3s,color .3s;width:18vw}.mbti-selection-container1{margin-right:7%;margin-top:10%}.mbti-selection-container1,.mbti-selection-container2{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.mbti-selection-container2{margin-left:7%}.mbti-selection-container3{margin-right:7%;margin-top:-8%}.mbti-selection-container3,.mbti-selection-container4{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.mbti-selection-container4{margin-left:7%}.gender-buttons.selected,.mbti-button.selected{background-color:#fff;border:2px solid #fff;box-shadow:0 4px 8px #0000001a;color:#565656;font-family:Noto Sans KR,sans-serif;transform:scale(1.05)}.heightslider-container{margin-left:auto;margin-right:auto;margin-top:12%;position:relative;width:100%}.heightslider{-webkit-appearance:none;background:#fff;height:.8vw;outline:none;width:90vw}.heightslider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-color:#fff #0000 #0000;border-style:solid;border-width:3vw 1.5vw 0;cursor:pointer;height:0;margin-top:-5%;position:relative;width:0;z-index:2}.heightslider::-moz-range-thumb{-webkit-appearance:none;appearance:none;border-color:pink #0000 #0000;border-style:solid;border-width:3vw 1.5vw 0;cursor:pointer;height:0;margin-top:-5%;position:relative;width:0;z-index:2}.marks{display:flex;gap:7.75%;justify-content:space-between;margin-left:-6%;margin-top:-1%;width:90vw}.mark{background:#fff;height:3vw;margin-left:95%;width:.5vw}.mark-label{color:#fff;display:grid;font-size:3vw;margin-left:40%;place-items:center;width:4vw}.heightslider-instructions{color:#fff;font-size:2vw;text-align:center}.heightlocation-container{display:grid;place-items:center}.physicalbutton-container{align-items:center;display:flex;flex-direction:column;width:100%}.physicalbutton-container button{background-color:initial;border:2px solid #f0f8ff;border-radius:20px;color:#fff;cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:2.7vw;font-weight:500;height:25px;margin:2vw;transition:background-color .3s,color .3s;width:70px}.physicalbutton-container button.selected{background-color:#fff;border:2px solid #fff;box-shadow:0 4px 8px #0000001a;color:#565656;font-family:Noto Sans KR,sans-serif;transform:scale(1.05)}.hobby-container{margin-top:0;z-index:5}.hobby-container,.hobby-container2{align-content:flex-start;display:flex;flex-wrap:wrap;justify-content:center}.hobby-btn{background-color:initial;border:2px solid #f0f8ff;border-radius:20px;color:#fff;cursor:pointer;font-size:2.5vw;height:6vw;margin:2px;transition:background-color .3s,color .3s;width:27vw}.hobby-btn,.hobby-btn.selected{font-family:Noto Sans KR,sans-serif}.hobby-btn.selected{background-color:#fff;border:2px solid #fff;box-shadow:0 4px 8px #0000001a;color:#565656;transform:scale(1.05)}.faceSelectionButton{display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;justify-content:flex-start;margin-top:15%;position:relative}.faceTypecontainer{margin-left:15%}.toneSelectionButton{display:flex;flex-direction:column;margin-left:30%;position:relative}.face-button,.toneSelectionButton{font-family:Noto Sans KR,sans-serif}.face-button{background-color:initial;border:2px solid #f0f8ff;border-radius:20px;color:#fff;cursor:pointer;font-size:3vw;font-weight:700;height:7vw;margin:1vw;transition:background-color .3s,color .3s;width:17vw}.face-button.selected{background-color:#fff;border:2px solid #fff;box-shadow:0 4px 8px #0000001a;color:#565656;font-family:Noto Sans KR,sans-serif;transform:scale(1.05)}.slider3{-webkit-appearance:none;background:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:15%;outline:none;pointer-events:none;position:absolute;width:90%}.slider3::-webkit-slider-runnable-track{background:#fff;border-radius:4px;height:8px;width:100%}.slider3::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:26px;margin-top:-10px;pointer-events:auto;width:26px;z-index:2}.slider3::-moz-range-thumb{background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:26px;width:26px}.slider3::-moz-range-track{background:#fff;border-radius:4px;height:8px;width:100%}.slider3value-container{color:#fff;gap:5vw;margin-top:5%}.slider3value-container,.value-box{display:flex;font-size:5vw;font-weight:500;justify-content:center}.value-box{border:2px solid #fff;height:3.5vh;text-align:center;width:8vw}.home7{display:grid;grid-template-rows:1.29fr 6.5fr .3fr 1fr 1fr;height:100vh}.typing-container07{display:flex;justify-content:flex-end;margin-right:20%;position:relative;z-index:2}.message.typing07{background:#f9f9f9;border:none;box-shadow:0 1px 3px #00000040;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:40vw;padding:1% 3%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.home2,.home3{display:grid;grid-template-rows:.515fr 2.45fr 1.8fr .95fr;height:100vh}.character-selector{display:flex;justify-content:center;margin-top:0;position:relative;text-align:center}.character-selector img{margin:0 5vw}.character-selector button{background:#0000;border:none;color:#3f3f3f;font-size:3vh;margin-left:-1vw;margin-top:5vw;outline:none}.unlockslider-container{margin-top:8%;position:relative;text-align:center;width:100%}.unlockslider{-webkit-appearance:none;appearance:none;background:#0000;border:2px solid #fff;border-radius:10vw;height:8vh;margin-top:5%;outline:none;width:60vw}.unlockslider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #fff;border-radius:50%;cursor:pointer;height:13vw;width:13vw}.unlockslider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:10vw;width:10vw}.unlockslider::-ms-thumb{background:#fff;border-radius:50%;cursor:pointer;height:10vw;width:10vw}.unlockslider.active+.unlockslider-thumb{left:calc(100% - 20px)}.unlockslider.active{background:#cfa6df}.unlockslider-text{color:#dbdbdb;font-size:2.5vw;margin-top:5px;text-align:center}.buttons09-container{display:flex;justify-content:space-between;width:100%}.message.typing09{background:#f9f9f9;border:none;box-shadow:0 1px 3px #00000040;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:40vw;padding:1% 3%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.typing-container09{display:flex;justify-content:flex-end;margin-right:20%;margin-top:0;position:relative;z-index:2}.home10{display:grid;grid-template-rows:.3fr .6fr 1.8fr .9fr;height:100vh}.header,.header10 img{display:flex;justify-content:center}.header10 img{align-items:center;width:100%;z-index:-1}.image-with-typing10{position:relative;z-index:0}.message{border-radius:15px;flex-direction:column;font-size:3.25vw;margin-bottom:6px;padding:1% 2%}.message,.message.received10{background:#f9f9f9;box-shadow:0 1px 3px #00000040;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message.received10{justify-content:flex-start;margin-left:19%;margin-top:-440px;max-width:46vw;position:relative}.typingwrap{position:relative}.message.received2{background:#f9f9f9;box-shadow:0 1px 3px #00000040;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-start;margin-left:19%;max-width:44vw;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.rcontainer10{height:30px}.typing-container10{display:flex;justify-content:flex-end;margin-right:20%;margin-top:-35px;position:relative}.message.typing{background:#f9f9f9;border:none;box-shadow:0 1px 3px #00000040;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:40vw;padding:1% 3%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.buttons-container10{display:flex;justify-content:space-between;margin-top:55px;width:100%}.myprofile-container{grid-gap:5px;display:grid;gap:5px;grid-template-rows:2fr 1fr 1fr 1fr 1fr 1.5fr;height:97%}.myprofile2-header{align-items:center;display:flex;padding:16px}.myprofile2-text{color:#3c3939;font-size:25px;font-weight:700;text-align:center;text-decoration:none}.myprofile2-container{grid-gap:10px;grid-template-rows:7fr 1fr;min-height:80vh}.myprofile2-container,.myprofile2-myinfo{display:grid;gap:10px;margin:10px;padding:10px}.myprofile2-myinfo{grid-gap:10px;border-radius:15px;box-shadow:0 4px 10px #0000001a;grid-template-rows:.5fr 2fr}.myprofile2-myinfo-detail{grid-gap:7%;display:grid;gap:7%;grid-template-rows:3fr 1fr}.myprofile2-myinfo-first{grid-gap:3px;display:grid;gap:3px;grid-template-columns:1.5fr 1.5fr 1fr}.myprofile2-myinfo-img-container{align-items:center;display:flex;justify-content:center;padding:10%}.myprofile2-myinfo-img{height:100%;object-fit:cover;width:100%}.myprofile2-myinfo-nickname{font-size:22px;font-weight:700;margin-left:-25%;margin-top:21%;text-align:center}.myprofile2-myinfo-modify-button{border:none;border-radius:10px;font-size:15px;font-weight:700;margin-top:40%;text-align:center;width:100%}.myprofile2-myinfo-logout{color:#ca8ca6;font-size:13px;font-weight:lighter;text-align:center}.myprofile2-modify-container{display:grid;grid-template-rows:1fr 1fr 1fr}.myprofile2-modify-button-container{align-items:center;display:flex}.myprofile2-modify-container>div{align-items:center;display:flex;justify-content:center}.myprofile2-modify-button{background-color:#f4f4f4;border:none;border-radius:20px;font-size:22px;font-weight:700;height:80%;width:90%}#root,body,html{height:100%;margin:0}#root{height:100vh}
/*# sourceMappingURL=main.1f84a8aa.css.map*/