/* Original Sway Compass biometric templates, scoped to the access screen. */
.scope-biometric { width: 100%; text-align: center; }
.scope-biometric [hidden] { display: none !important; }
.scope-biometric .swl-login-box__header { margin-bottom: 1.5rem; }
.scope-biometric .swl-login-box__body { min-height: 9rem; display: flex; justify-content: center; align-items: center; }
.scope-biometric .swl-button-biometric { cursor: pointer; min-width: 96px; min-height: 96px; }
.scope-biometric .swl-button-biometric:focus-visible { outline: 3px solid #ffcb42; outline-offset: 6px; border-radius: 1rem; }
.scope-biometric .swl-button-biometric:disabled { cursor: default; opacity: 1; }
.scope-biometric__status { min-height: 3rem; margin: 1rem 0; color: #52617b; font-size: 1rem; line-height: 1.5; }
.scope-biometric .swl-login-box__buttons { gap: 1rem; }
.scope-biometric .swl-login-box__buttons button,
.scope-biometric .swl-login-box__buttons a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.scope-biometric[data-biometric-kind="faceid"] [data-biometric-fingerprint-label] { display: none; }
.scope-biometric__static-mark { font-size: 4rem; color: #263765; }
.scope-biometric__static-mark .swl-icon { font-size: inherit; }
@media (max-height: 600px) {
    .swl-login:has(.scope-biometric) .swl-main { margin-block: 1rem; }
    .scope-biometric .swl-login-box__header { margin-bottom: .75rem; }
    .scope-biometric .swl-login-box__body { min-height: 6rem; }
    .scope-biometric__status { margin-block: .5rem; }
}