html.iframe, html.iframe body {
    background-color: transparent;
}

.register-modal-wrapper .tip-inline {
    font-size: 0.8rem;
    color: #f5475d;
    margin-top: 0.2667rem;
    min-height: 1rem;
}

.register-modal-wrapper .psw {
    position: relative;
}

.register-modal-wrapper .psw .form-control {
    padding-right: 2.5rem;
}

.register-modal-wrapper .psw .eye {
    position: absolute;
    top: 50%;
    right: 0.8rem;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    color: #8e9194;
}

.register-modal-wrapper .psw .eye .svg-com {
    position: absolute;
    top: 0;
    right: 0;
    width: 1rem;
    height: 1rem;
}

.register-modal-wrapper .psw .eye .svg-c {
    display: none;
}

.register-modal-wrapper .psw .eye .svg-on {
    display: block;
}

.register-modal-wrapper .psw .eye.cl .svg-c {
    display: block;
}

.register-modal-wrapper .psw .eye.cl .svg-on {
    display: none;
}

.register-modal-wrapper .register-agree {
    align-items: flex-start;
}

.register-modal-wrapper .register-agree label {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: #8e9194;
    cursor: pointer;
}

.register-modal-wrapper .register-agree .input-switch {
    flex-shrink: 0;
    margin: 0;
}

.register-modal-wrapper .register-login-link {
    text-align: center;
    font-size: 0.875rem;
    color: #8e9194;
    margin-top: 0.5rem;
}

.register-modal-wrapper .register-login-link a {
    color: #ffbc01;
    text-decoration: none;
}

.register-modal-wrapper .register-login-link a:hover {
    text-decoration: underline;
}