.kakao-button{cursor:pointer;box-sizing:border-box;background-color:#fee500;border:1px solid #fee500;border-radius:8px;justify-content:center;align-items:center;width:100%;height:48px;font-family:inherit;transition:all .2s ease-in-out;display:flex}.kakao-button:hover{background-color:#fdd835;border-color:#fdd835}.kakao-button:active{background-color:#fbc02d;border-color:#fbc02d}.kakao-button:focus{outline:none}.kakao-button:disabled{color:#bdbdbd;cursor:not-allowed;box-shadow:none;background-color:#f5f5f5;border-color:#e0e0e0;transform:none}.kakao-button:disabled .kakao-icon path{fill:#bdbdbd}.kakao-button:disabled:hover{box-shadow:none;background-color:#f5f5f5;border-color:#e0e0e0;transform:none}.kakao-button .kakao-button-content{justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.kakao-button .kakao-icon{flex-shrink:0}.kakao-button .kakao-icon path{transition:fill .2s ease-in-out}.kakao-button .kakao-text{color:#000;white-space:nowrap;text-align:center;font-size:14px;font-weight:500}
.label-input-box{flex-direction:column;gap:8px;width:100%;display:flex}.label-input-box label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-dark)}@media screen and (max-width:700px){.label-input-box label{font-size:var(--font-size-xs)}}.label-input-box label.error{color:var(--color-error)}.label-input-box label.success{color:var(--color-success)}.label-input-box label .required{color:var(--color-error);font-size:var(--font-size-sm)}.label-input-box .label-input{flex-direction:column;gap:3px;display:flex;position:relative}.label-input-box .label-input input{box-sizing:border-box;background-color:var(--color-white);width:100%;height:48px;font-size:var(--font-size-sm);border:1px solid #e4e6ea;border-radius:8px;outline:none;padding:8px 40px 8px 12px}@media screen and (max-width:700px){.label-input-box .label-input input{height:40px}}.label-input-box .label-input input:focus{border-color:var(--color-primary)}.label-input-box .label-input input::placeholder{color:#575757;font-size:var(--font-size-sm)}.label-input-box .label-input input:disabled{color:var(--color-dark);opacity:1;background-color:#f9f9fa}.label-input-box .label-input input.success{border-color:var(--color-success)}.label-input-box .label-input input.error{border-color:var(--color-error)}.label-input-box .label-input input.left{padding:8px 12px 8px 40px}.label-input-box .label-input input.no-icon{padding:8px 12px}.label-input-box .label-input input.align-right{text-align:right}.label-input-box .label-input input.align-right::placeholder{text-align:left}.label-input-box .label-input .icon{cursor:pointer;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.label-input-box .label-input .icon.left{left:12px;right:auto}.label-input-box .error-text{font-size:var(--font-size-xs);margin-top:-2px;padding-left:12px}.label-input-box .help-text{font-size:var(--font-size-xs);color:#7e7e86;white-space:pre-line;margin-top:-2px;padding-left:12px}@media screen and (max-width:700px){.label-input-box .help-text{font-size:10px}}
