@import"/css/tokens-9e0311fbe05d39ffbf5fa8ef44019694.css";.login-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.login-modal[hidden]{display:none}.login-modal.login-modal-departing{animation:login-modal-depart .18s ease-out forwards;pointer-events:none}.login-backdrop{position:absolute;inset:0;background:var(--starpl-panel-bg);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.login-panel{position:relative;width:100%;max-width:360px;background:var(--starpl-modal-panel-bg);border:1px solid var(--starpl-modal-border);border-radius:var(--starpl-radius-md);padding:28px 28px 24px;color:var(--starpl-modal-text-body);box-shadow:0 16px 48px #00000080}.login-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.login-title{font-size:var(--starpl-fs-lg);font-weight:500;color:var(--starpl-modal-text);letter-spacing:.2px}.login-close{background:transparent;border:none;color:var(--starpl-modal-close);font-size:var(--starpl-fs-2xl);cursor:pointer;padding:0 4px;line-height:1}.login-close:hover{color:var(--starpl-modal-close-hover)}.login-error,.login-notice{margin-bottom:14px;padding:9px 11px;border-radius:var(--starpl-radius-xs);font-size:var(--starpl-fs-sm);line-height:1.4}.login-error{background:rgba(var(--starpl-modal-error-bg-rgb),.2);border-left:2px solid var(--starpl-modal-error-line);color:var(--starpl-modal-error)}.login-notice{background:#28507833;border-left:2px solid var(--starpl-accent-blue);color:var(--starpl-modal-text-soft)}.login-social{display:grid;gap:8px;margin-bottom:14px}.login-social[hidden]{display:none}.login-social-btn{width:100%;min-height:42px;border-radius:var(--starpl-radius-xs);font-size:var(--starpl-fs-md);font-family:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.login-social-btn.google{order:1}.login-social-btn.kakao{order:2}.login-divider{order:3}html:lang(ko) .login-social-btn.kakao{order:1}html:lang(ko) .login-social-btn.google{order:2}.login-social-btn.google{background:#fff;border:1px solid var(--starpl-modal-google-border);color:var(--starpl-modal-google-text)}.login-social-btn.kakao{background:var(--starpl-modal-kakao-bg);border:1px solid var(--starpl-modal-kakao-border);color:var(--starpl-modal-kakao-text)}.login-social-btn:hover{filter:brightness(.97)}.login-social-btn:disabled{cursor:wait;opacity:.72}.login-divider{display:flex;align-items:center;gap:10px;margin:6px 0 0;color:var(--starpl-modal-divider-text);font-size:11.5px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--starpl-modal-divider)}.login-form label{display:block;margin:12px 0 5px;font-size:var(--starpl-fs-sm);color:var(--starpl-modal-label)}.login-form input[type=email],.login-form input[type=password]{width:100%;padding:9px 11px;background:var(--starpl-modal-input-bg);border:1px solid var(--starpl-modal-border);border-radius:var(--starpl-radius-xs);color:var(--starpl-modal-text);font-size:var(--starpl-fs-md);font-family:inherit;box-sizing:border-box}.login-form input:focus{outline:none;border-color:var(--starpl-accent-blue)}.login-form .login-remember{display:flex;align-items:center;gap:7px;margin:14px 0 0;font-size:var(--starpl-fs-sm);color:var(--starpl-modal-label);cursor:pointer;user-select:none;-webkit-user-select:none}.login-form .login-remember input{margin:0;width:14px;height:14px;accent-color:var(--starpl-accent-blue);cursor:pointer}.login-submit{margin-top:22px;width:100%;padding:10px;background:var(--starpl-modal-btn-bg);border:1px solid var(--starpl-accent-blue);border-radius:var(--starpl-radius-xs);color:var(--starpl-modal-text);font-size:var(--starpl-fs-md);font-family:inherit;cursor:pointer;letter-spacing:.3px}.login-submit:hover{background:var(--starpl-modal-btn-bg-hover)}.login-foot{margin-top:18px;text-align:center;font-size:var(--starpl-fs-sm);color:var(--starpl-modal-muted)}.login-foot a{color:var(--starpl-modal-link);text-decoration:none}.login-foot a:hover{color:var(--starpl-modal-link-hover)}.login-foot .login-foot-forgot{display:block;margin-top:8px}@keyframes login-modal-depart{to{opacity:0}}@media(max-width:600px){.login-panel{padding:22px 20px 18px;border-radius:var(--starpl-radius-lg)}.login-title{font-size:15px}}@media(hover:none)and (pointer:coarse){.login-form input[type=email],.login-form input[type=password]{font-size:var(--starpl-fs-lg)!important}}