/* Transparent vector artwork: no tile, no bitmap checkerboard, no account-state claim. */
.mk-auth-mark{display:inline-block!important;position:relative!important;flex:0 0 56px!important;width:56px!important;height:56px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none;vertical-align:middle;filter:drop-shadow(0 5px 4px #0006) drop-shadow(0 1px 1px #fff2)}
.mk-auth-mark>.mk-auth-svg{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;background:transparent!important;border:0!important;overflow:visible}
.mk-auth-mark::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#fff9 48%,#fff4 52%,transparent 65%);background-size:300% 100%;background-position:150% 0;mask:url("/authenticator-mask.svg") center/contain no-repeat;-webkit-mask:url("/authenticator-mask.svg") center/contain no-repeat;opacity:0;animation:mk-auth-shimmer 2.2s .2s ease-out 1 both}
.mk-auth-badge{display:flex;align-items:center;gap:12px;min-width:0;margin:16px 0;padding:12px 16px;border:1px solid #759eab70;border-radius:18px;background:linear-gradient(135deg,#193746ed,#152737ed);box-shadow:inset 0 1px #dcfff326,0 7px 16px #0002;text-align:left;color:#f0fff9;font-family:inherit}
.mk-auth-copy{display:flex!important;flex-direction:column!important;min-width:0;gap:3px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.mk-auth-copy>strong{font-size:12px!important;font-weight:750!important;letter-spacing:1.2px;line-height:1.45;color:#bff4df}.mk-auth-copy>span{font-size:15px!important;font-weight:650!important;line-height:1.5;color:#f0fff9;overflow-wrap:anywhere;border:0!important;padding:0!important;background:transparent!important}
.account-security>.mk-auth-mark{flex-basis:48px!important;width:48px!important;height:48px!important}.entry-security{flex-wrap:nowrap;gap:10px}.entry-security>.mk-auth-copy{display:flex}.entry-security>.mk-auth-mark{flex-basis:48px!important;width:48px!important;height:48px!important}
@keyframes mk-auth-shimmer{0%{opacity:0;background-position:150% 0}20%{opacity:.6}80%{opacity:.6}100%{opacity:0;background-position:-50% 0}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.mk-auth-badge:hover .mk-auth-mark::after,.account-security:hover .mk-auth-mark::after,.entry-security:hover .mk-auth-mark::after{animation:mk-auth-hover 1.5s ease-out 1 both}}@keyframes mk-auth-hover{0%{opacity:0;background-position:150% 0}25%,75%{opacity:.5}100%{opacity:0;background-position:-50% 0}}
@media(max-width:350px){.mk-auth-badge{padding:10px 12px;gap:8px}.mk-auth-copy>span{font-size:14px!important}.mk-auth-mark{flex-basis:44px!important;width:44px!important;height:44px!important}}
@media(prefers-reduced-motion:reduce){.mk-auth-mark::after{animation:none!important;display:none!important}}
[data-motion=off] .mk-auth-mark::after,[data-atmosphere=off] .mk-auth-mark::after,html.reduce-motion .mk-auth-mark::after,body.reduce-motion .mk-auth-mark::after{animation:none!important;display:none!important}

/* Callback pages keep their strict no-image policy; no mask resource is requested. */
.mk-auth-badge--quiet .mk-auth-mark::after{display:none!important;animation:none!important}