body {
    min-height: 100dvh;
    display: grid;

    place-content: center;
}

.content {
    max-width: 400px;
    width: 100%;
    padding-inline: 0.5rem;

    .imgs {
        display: flex;
        flex-direction: column;
        margin-bottom: 1rem;

        .brand {
            width: 100%;
        }

        .logo {
            max-height: 150px;
            min-height: 50px;
            height: 20dvh;
            aspect-ratio: 1;
        }
    }

    .action-buttons {
        display: flex;
        flex-direction: column;
        row-gap: 0.5rem;
    }
}

.passkey-capable, .passkey-incapable {
    display: none;
}

[data-passkey-capable="false"] {
    .passkey-incapable {
        display: block;
    }
}


[data-passkey-capable="true"] {
    .passkey-capable {
        display: block;
    }
}