#input-com-body[data-v-4b442375]{position:relative;width:fit-content;margin:0 auto}.disable-input-com-body[data-v-4b442375],.disable-input-com-body input[data-v-4b442375]{cursor:not-allowed!important}#input-com-body #input-com[data-v-4b442375]{width:var(--width);height:var(--height);font-size:var(--font-size);font-family:Noto Sans SC,serif;color:var(--text-color);border-radius:.3rem;border:#dcdcdc var(--border-width) solid;transition:.3s;padding-left:1.6rem;box-sizing:border-box;background:#fff;padding-right:calc(var(--password-padding-right) + var(--character-padding-right));text-align:var(--center);font-weight:var(--font-weight)}#input-com-body #input-com[data-v-4b442375]::placeholder{font-family:Noto Sans SC,serif;font-size:var(--font-size)}#input-com-body #input-com[data-v-4b442375]:hover{border:var(--border-color) var(--border-width) solid}#input-com-body #input-com[data-v-4b442375]:focus{border:var(--border-color) var(--border-width) solid}#input-com-body #prefix[data-v-4b442375]{position:absolute;top:calc((var(--height) - 1.3rem) / 2);left:.2rem}[data-v-4b442375] #prefix-svg,#input-com-body .svg[data-v-4b442375]{width:1.2rem;fill:#333}#input-com-body #character-count[data-v-4b442375]{position:absolute;top:calc((var(--height) - 1.8rem) / 2);left:calc(var(--width) - var(--password-padding-right) - 3.8rem);font-size:calc(var(--font-size) - .2rem);color:#7d7d7d}#input-com-body #show-password-container div[data-v-4b442375]{position:absolute;left:calc(var(--width) - 1.4rem);top:calc((var(--height) - 1.3rem) / 2);cursor:pointer}@media (max-width: 780px){#input-com-body #prefix[data-v-4b442375],#input-com-body #character-count[data-v-4b442375],#input-com-body #show-password-container div[data-v-4b442375]{top:calc((var(--height) - 1.5rem) / 2)}}@keyframes showTipCardAnimation{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0);max-height:500px}}@keyframes hideTipCardAnimation{0%{opacity:1}to{opacity:0;transform:translateY(2rem)}}@keyframes loadAnimation{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes moveUpToBottom{0%{transform:translateY(-.001rem)}25%{transform:translateY(-.2rem)}75%{transform:translateY(.2rem)}to{transform:translateY(.001rem)}}@keyframes foldParagraph{0%{transform:translateY(0)}to{transform:translateY(-10rem);opacity:0}}@keyframes unfoldParagraph{0%{transform:translateY(-10rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rotateFoldSvg{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes rotateUnfoldSvg{0%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes foldViewLoad{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1}}@keyframes foldViewUnload{0%{opacity:1}to{opacity:0;transform:translateY(-1rem)}}@keyframes messageNotificationAppear{0%{right:-30rem}to{right:3rem}}@keyframes messageNotificationDisappear{0%{right:3rem}to{right:-30rem}}@keyframes loadRotateDot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tipWindowAppear{0%{top:-4rem}to{top:5rem}}@keyframes tipWindowDisappear{0%{top:5rem}to{top:-4rem}}@keyframes operationWindowAppear{0%{transform:translateY(-2rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes operationWindowDisappear{0%{transform:translateY(0);opacity:1}to{transform:translateY(-2rem);opacity:0}}@keyframes changeColor{0%{background:#bcc6ff}25%{background:#bdffe2}50%{background:#e2ffbd}75%{background:#ffbdbd}to{background:#bcc6ff}}@keyframes cityCardImageLoadingAnimation{0%{background:#646464;color:#fff}50%{background:#c8c8c8;color:#646464}to{background:#646464;color:#fff}}@keyframes cityCardImageLoadingEndAnimation{0%{opacity:1}to{opacity:0}}@keyframes emojiWindowAppear{0%{transform:scale(0);top:-8rem;opacity:.1}to{transform:scale(1);top:3rem}}@keyframes emojiWindowDisappear{0%{transform:scale(1);top:3rem}to{transform:scale(0);top:-8rem;opacity:.1}}@keyframes highlightReplyAnimation{0%{background:#fff}25%{background:#d6d6d6;transform:scale(1.05)}50%{transform:scale(1)}to{background:#fff}}@keyframes postDetailCardAppearAnimation{0%{transform:scale(0);opacity:0}to{transform:scale(1)}}@keyframes postDetailCardDisappearAnimation{0%{transform:scale(1)}to{transform:scale(0);opacity:0}}@keyframes floatingCardShakeAnimation{0%{transform:rotate(0)}30%{transform:rotate(-10deg)}50%{transform:rotate(0)}70%{transform:rotate(10deg)}to{transform:rotate(0)}}@keyframes searchWindowMaskShow{0%{-webkit-backdrop-filter:blur(0rem);backdrop-filter:blur(0rem);background:#fff0}to{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);background:#fff9}}@keyframes searchWindowMaskDisappear{0%{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);background:#fff9}to{-webkit-backdrop-filter:blur(0rem);backdrop-filter:blur(0rem);background:#fff0}}@keyframes searchWindowShow{0%{transform:scale(0) translateY(-10rem)}to{transform:scale(1) translateY(0)}}@keyframes searchWindowDisappear{0%{transform:scale(1)}to{transform:scale(0) translateY(-10rem)}}@keyframes userInfoWindowShow{0%{transform:scale(0) translateY(-10rem)}to{transform:scale(1) translateY(0)}}@keyframes userInfoWindowDisappear{0%{transform:scale(1)}to{transform:scale(0) translateY(-10rem)}}@keyframes userInfoWindowMaskShow{0%{background:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#00000080;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem)}}@keyframes userInfoWindowMaskDisappear{0%{background:#00000080;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem)}to{background:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes cityImageWindowMaskShow{0%{background-color:#fff0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background-color:#ffffff80;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem)}}@keyframes cityImageWindowMaskDisappear{0%{background-color:#ffffff80;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem)}to{background-color:#fff0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes cityImageWindowBodyShow{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes cityImageWindowBodyDisappear{0%{transform:scale(1)}to{transform:scale(0)}}