/**
 * 이 파일은 회원모듈의 일부입니다. (https://www.imodules.io)
 *
 * 관리자 로그인화면의 패스키 로그인 버튼 스타일을 정의한다.
 *
 * @file /modules/member/admin/styles/Login.css
 * @author sungjin <esung246@naddle.net>
 * @license MIT License
 * @modified 2026. 11. 10.
 */
body[data-frame='admin'] > main[data-layout='login'] > section > form {
    > button[data-action='passkey'] {
        display: block;
        width: 100%;
        height: 46px;
        margin-top: 10px;
        background: rgba(255, 255, 255, 0.15);
        border: 1px solid rgba(255, 255, 255, 0.6);
        border-radius: 5px;
        color: var(--aui-white-primary);
        font-size: 16px;
        cursor: pointer;

        > i {
            margin-right: 8px;
            font-size: 14px;
        }

        &:hover,
        &:focus {
            background: rgba(255, 255, 255, 0.3);
            outline: none;
        }

        &[hidden] {
            display: none;
        }

        &[disabled] {
            opacity: 0.6;
            cursor: not-allowed;

            > i {
                animation: mi-loading 2s infinite linear;

                &::before {
                    content: '\efff';
                }
            }
        }
    }
}