@charset "UTF-8";@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.header-layout{min-width:100%;height:56px;border-bottom:1px solid #d6d6d6}.header-layout .content{margin:0 auto;max-width:460px;min-width:360px;padding:0 16px}.page-layout{min-width:100%;min-height:100%;padding-bottom:60px}@media (max-width: 500px){.page-layout{min-width:360px}}.layout{width:100%;max-width:460px;margin:0 auto;padding:0 16px}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:56px}.header-container .header-logo{width:auto;height:20px}.header-container .menu-item{color:#636363;background:transparent;padding:8px 12px;border:none;text-decoration:none}.header-container .menu-item:hover,.header-container .menu-item.active{color:#6c60c6}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.mbti-score-graph-container{width:100%}.mbti-score-graph-container .graph-item{display:flex;height:20px;justify-content:space-between;align-items:center}.mbti-score-graph-container .graph-item .graph-char{width:8px;color:#636363;text-align:center}.mbti-score-graph-container .graph-item .graph-bar{width:100%;height:8px;background:#fff;border-radius:100px;overflow:hidden;margin:0 4px}.mbti-score-graph-container .graph-item .graph-bar .graph-bar-progress{height:100%;border-radius:100px}.mbti-score-graph-container .graph-item .graph-score{width:40px;color:#636363}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.mbti-card-container{background:#faf2fd;padding:12px;border-radius:8px}.mbti-card-container .title-wrapper{display:flex;justify-content:space-between;width:100%;margin-bottom:3px}.mbti-card-container .img-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.mbti-card-container .img-wrapper .mbti-image{display:flex;justify-content:center;align-items:center;width:100px;height:100px}.mbti-card-container .mbti-data-container{width:100%}.mbti-card-container .mbti-data-container .mbti-title{text-align:center;margin-bottom:2px}.mbti-card-container .mbti-data-container .mbti-subtitle{text-align:center;width:100%;color:#636363;margin-bottom:16px;white-space:pre-line}.mbti-card-container .mbti-data-container .mbti-score-graph-container{width:95%;margin:0 auto}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.mbti-vote-card-container{width:100%;border-radius:8px;padding:12px 16px}.mbti-vote-card-container .title-wrapper{display:flex;align-items:center;margin-bottom:13px}.mbti-vote-card-container .title-wrapper .image-wrapper{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:#fff;border-radius:100%;margin-right:6px}.mbti-vote-card-container .title-wrapper .title-text{margin-right:4px}.mbti-vote-card-container .title-wrapper .subtitle-text{color:#a3a3a3}.mbti-vote-card-container .mbti-score-graph-container{padding:0 7px}.no-votes-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:160px;background:#f7f7f7;border-radius:8px}.no-votes-container .no-votes-text{color:#a3a3a3}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.outline-chip{display:flex;justify-content:center;align-items:center;padding:2px 6px;border-radius:100px;border:1px solid #6c60c6;color:#6c60c6}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.outline-chip-gray{display:flex;justify-content:center;align-items:center;padding:2px 6px;margin-left:4px;border-radius:100px;border:1px solid #a3a3a3;color:#a3a3a3}.outline-chip-gray.cursor-pointer{cursor:pointer}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.visitors-container{width:100%;padding:16px;background:#f7f7f7;border-radius:8px}.visitors-container .visitors-list .visitor-item{width:100%;padding:12px 0;border-bottom:1px solid #d6d6d6}.visitors-container .visitors-list .visitor-item:last-child{border-bottom:none}.visitors-container .visitors-list .visitor-item .main-section{display:flex;align-items:center;width:100%;margin-bottom:4px}.visitors-container .visitors-list .visitor-item .main-section .image-wrapper{display:flex;justify-content:center;align-items:center;width:28px;height:28px;background:#fff;border-radius:100%;margin-right:8px}.visitors-container .visitors-list .visitor-item .main-section .image-wrapper .profile-image{width:28px;height:auto}.visitors-container .visitors-list .visitor-item .main-section .text-wrapper{width:100%}.visitors-container .visitors-list .visitor-item .main-section .text-wrapper .text{color:#636363}.visitors-container .visitors-list .visitor-item .sub-section{display:flex;flex-wrap:wrap;width:100%;padding-left:36px}.visitors-container .no-data-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:128px}.visitors-container .no-data-container .no-data-text{color:#a3a3a3}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.ouline-button{background-color:transparent;border-radius:100px;border:1px solid currentColor;cursor:pointer}.ouline-button.disabled{color:#636363;background-color:#d6d6d6}.ouline-button[data-size=small]{padding:7px 8px;width:fit-content}.ouline-button[data-size=large]{padding:12px 0;width:100%}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.solid-button{color:#fff;border-radius:100px;border:none;cursor:pointer}.solid-button.disabled{color:#636363;background-color:#d6d6d6}.solid-button[data-size=small]{padding:7px 8px;width:fit-content}.solid-button[data-size=large]{padding:12px 0;width:100%}.button-wrapper{display:flex;justify-content:center;align-items:center;gap:8px}.button-icon-text{display:flex;align-items:center;gap:4px}.button-icon-text img{width:16px;height:16px}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.home-page-layout .home-my-card-layout{margin-top:32px;margin-bottom:28px}.home-page-layout .home-vote-card-layout{margin-bottom:28px}.home-page-layout .home-vote-card-layout .home-vote-title{margin-bottom:8px}.home-page-layout .home-visitors-container .home-visitors-title-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.home-page-layout .home-visitors-container .home-visitors-title-wrapper .svg-button{display:flex;align-items:center;color:#6c60c6;background-color:transparent;cursor:pointer;border:none}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.loading-wrapper{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.error-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 56px);text-align:center}.error-page .error-message{margin-bottom:20px}.error-page .error-description{color:#6c60c6}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.setting-card-container{background:#faf2fd;padding:12px 12px 16px;border-radius:8px}.setting-card-container .img-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.setting-card-container .img-wrapper .mbti-image{display:flex;justify-content:center;align-items:center;width:100px;height:100px}.setting-card-container .mbti-data-container{width:100%;margin-bottom:24px}.setting-card-container .mbti-data-container .mbti-title{text-align:center;margin-bottom:2px}.setting-card-container .mbti-data-container .mbti-subtitle{text-align:center;width:100%;color:#636363;margin-bottom:16px;white-space:pre-line}.setting-card-container .mbti-data-container .mbti-score-graph-container{width:95%;margin:0 auto}.setting-card-container .buttons-container{display:flex;flex-direction:column;gap:8px;align-items:center}.setting-card-container .buttons-container .logout-button{width:fit-content;padding:6px;color:#6c60c6;background-color:transparent;border:none;cursor:pointer}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.input-wrapper{flex-grow:1}.input-wrapper .input-box{width:100%;padding:12px 16px;border:1px solid #a3a3a3;border-radius:4px;outline:none}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.login-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.login-layout .logo{margin-bottom:12px}.login-layout .title{color:#000;margin-bottom:40px;text-align:center}.login-layout form{width:100%;display:flex;flex-direction:column}.login-layout .input-field:first-child{margin-bottom:8px}.login-layout .error-text{color:#fa4e4e;margin-top:4px}.login-layout .button-section{display:flex;flex-direction:column;gap:8px;margin-top:32px}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.back-header-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:56px}.back-header-container .back{height:24px;width:24px;cursor:pointer}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.title2{color:#000;text-align:center;margin-bottom:24px}.mbti-wrapper{display:flex;justify-content:center;gap:4px;margin-bottom:40px}.mbti-box{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #6c60c6;border-radius:6px;text-align:center}.slider-wrapper{width:85%;color:#d6d6d6;display:flex;justify-content:space-between;margin:0 32px 40px}.slider-wrapper p{margin-top:-4px;color:#636363}.slider-container{width:100%;position:relative;margin:0 4px}.slider{width:100%;height:8px;border-radius:4px;background-color:#ddd}.track-0{background-color:#6c60c6;height:100%;border-radius:4px}.track-1{background-color:#96e2bc;height:100%;border-radius:4px}.thumb{background-color:#fff;border:1px solid #6c60c6;height:24px;width:24px;border-radius:50%;cursor:pointer;margin-top:-8px}.percentage{position:absolute;top:-28px;color:#000;transition:left .1s ease}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.title-header-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:56px;border-bottom:1px solid #d6d6d6}.title-header-container .back{height:24px;width:24px;cursor:pointer}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.mbti-result-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background-color:#fff;overflow-y:auto}.test-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 56px)}.test-layout .count{color:#918cea;margin-bottom:16px}.test-layout .question{text-align:center;margin:0 30px}.test-layout .button-wrapper{display:flex;justify-content:center;gap:8px;margin-top:36px;margin-bottom:36px}.test-layout .select-button{width:120px;height:48px;border-radius:100px;border:none;color:#636363;cursor:pointer}.test-layout .result{margin-bottom:10px}.result-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 150px)}.result-layout .result-title{margin-bottom:30px}.result-layout .result-card{width:100%;padding:20px;margin-bottom:20px;border-radius:12px;box-shadow:0 2px 10px #0000001a;text-align:center}.result-layout .result-card .mbti-result{margin-bottom:20px}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.join-layout{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 56px)}.join-layout .logo{margin-bottom:12px}.join-layout .title{color:#000;margin-bottom:40px;text-align:center}.join-layout form{width:100%;display:flex;flex-direction:column}.join-layout .input-field{width:100%;margin-bottom:8px}.join-layout .input-field .input-with-button{width:100%;align-items:center;display:flex;gap:10px}.join-layout .input-field .input-with-button .button-wrapper{flex-shrink:0}.join-layout .error-text{color:#fa4e4e;margin-top:4px}.join-layout .button-section{margin-top:10px}.join-layout .button-section{width:100%;display:flex;flex-direction:column;gap:4px}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.guestbook-layout .guestbook-form{display:flex;flex-direction:column}.guestbook-layout .guestbook-form .title{margin:26px 0 8px}.guestbook-layout .guestbook-form .anonymous-checkbox{display:flex;align-items:center;gap:4px;margin-bottom:20px;color:#6c60c6;cursor:pointer}.guestbook-layout .guestbook-form .message-input{height:100px;padding:10px;border:1px solid #ccc;border-radius:10px;margin-bottom:32px;font-size:14px;resize:none}.guestbook-layout .guestbook-form .message-input:focus{border-color:#6c60c6;outline:none}.guestbook-layout .guestbook-form .mbti-section{margin-bottom:38px}.guestbook-layout .guestbook-form .mbti-section .mbti-title{margin-bottom:24px}.guestbook-layout .guestbook-form .mbti-section .mbti-preview{display:flex;justify-content:center;gap:4px;margin-bottom:24px}.guestbook-layout .guestbook-form .mbti-section .mbti-preview .mbti-letter{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:6px}.guestbook-layout .guestbook-form .mbti-section .mbti-preview .mbti-letter.selected{border:1px solid #6c60c6}.guestbook-layout .guestbook-form .mbti-section .mbti-selector{display:flex;flex-direction:column;gap:8px;padding:0 40px}.guestbook-layout .guestbook-form .mbti-section .mbti-selector .mbti-row{display:flex;gap:8px}.guestbook-layout .guestbook-form .mbti-section .mbti-selector .mbti-row .mbti-button{flex:1;padding:12px 0;border-radius:999px;border:none;background-color:#d6d6d6;color:#636363;cursor:pointer}.guestbook-layout .guestbook-form .mbti-section .mbti-selector .mbti-row .mbti-button.selected{background-color:#918cea;color:#fff;font-weight:600}.guestbook-layout .guestbook-form .submit-button{margin-top:20px;background-color:#6c60c6;color:#fff;border:none;padding:14px;font-size:16px;border-radius:999px;cursor:pointer}.guestbook-layout .guestbook-form .submit-button:hover{background-color:#5a4ab5}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.mbti-friend-card-container{width:100%;border-radius:8px;padding:12px 16px}.mbti-friend-card-container .head-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.mbti-friend-card-container .head-wrapper .title-wrapper{display:flex;align-items:center;gap:4px}.mbti-friend-card-container .head-wrapper .title-wrapper .image-wrapper{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:#fff;border-radius:100%;margin-right:6px}.mbti-friend-card-container .head-wrapper .title-wrapper .subtitle-text{color:#a3a3a3}.mbti-friend-card-container .mbti-score-graph-container{padding:0 7px}.no-items-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:160px;background:#f7f7f7;border-radius:8px}.no-items-container .no-items-text{color:#a3a3a3}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2"),url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2"),url(/fonts/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.f-title1{font-size:24px;font-weight:700;line-height:32px;letter-spacing:-.6px}.f-title2{font-size:18px;font-weight:700;line-height:26px;letter-spacing:-.4px}.f-body1{font-size:16px;font-weight:500;line-height:24px;letter-spacing:-.3px}.f-body2{font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.3px}.f-caption{font-size:12px;font-weight:500;line-height:18px;letter-spacing:-.3px}.f-green{color:#3fac75}.f-purple{color:#6c60c6}.f-yellow{color:#f3be3b}.f-blue{color:#3cc4c8}.b-green{border:1px solid #3fac75}.b-purple{border:1px solid #6c60c6}.b-yellow{border:1px solid #f3be3b}.b-blue{border:1px solid #3cc4c8}#root{width:100%;min-height:100%}*,*:before,*:after{font-family:Pretendard,"Apple Color Emoji","Segoe UI Emoji",sans-serif;box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Arial,sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}.title{margin:26px 0 8px}.friend-list{display:flex;flex-direction:column;gap:10px;padding-bottom:30px}.no-data-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:128px}.no-data-container .no-data-text{white-space:pre;color:#a3a3a3}.setting-nickname-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 56px);gap:24px;width:100%;padding:20px}.setting-nickname-layout .title-text{text-align:center}.setting-nickname-layout .input-wrapper{width:100%}.setting-mbti-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 56px);gap:24px;width:100%}.setting-mbti-layout .button-section{width:100%;display:flex;flex-direction:column;gap:8px}