.crm-auth-source{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;clip:rect(0,0,0,0)!important;overflow:hidden!important;white-space:nowrap!important;border:0!important}
.crm-auth-group>.form-text{display:none}
.crm-authenticator{--auth-field-bg:var(--bs-body-bg,#fff);--auth-border:var(--bs-border-color,#d5d9dd);--auth-text:var(--bs-body-color,#202833);--auth-blue:var(--bs-primary,#175676);position:relative;color:var(--auth-text);margin-top:10px}
.crm-auth-app{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--auth-border);border-radius:6px;background:color-mix(in srgb,var(--auth-text) 3%,var(--auth-field-bg))}
.crm-auth-google{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;background:#fff;border-radius:5px}
.crm-auth-google img{display:block;object-fit:contain}
.crm-auth-app strong{display:block;font-size:12px;font-weight:500;color:var(--bs-emphasis-color,var(--auth-text))}
.crm-auth-app small{display:block;margin-top:3px;font-size:11px;line-height:1.5;color:var(--bs-secondary-color,var(--auth-text))}
.crm-auth-stage{position:relative;width:100%;max-width:338px;height:46px;margin:60px auto 0}
.crm-auth-digits{position:absolute;inset:0;display:flex;gap:8px}
.crm-auth-digit{position:relative;flex:1;min-width:0;height:46px;border-radius:6px;overflow:hidden;transition:transform .45s cubic-bezier(.22,.8,.25,1),opacity .2s,box-shadow .2s}
.crm-auth-digit::before{content:'';position:absolute;inset:0;background:var(--auth-border);border-radius:inherit}
.crm-auth-digit::after{content:'';position:absolute;inset:1px;background:var(--auth-field-bg);border-radius:5px;z-index:1;pointer-events:none}
.crm-auth-digit:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--auth-blue) 18%,transparent)}
.crm-auth-digit:focus-within::before{background:var(--auth-blue)}
.crm-auth-digit input{position:relative;z-index:2;display:block;width:100%;height:100%;padding:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;text-align:center;font:400 24px/1 'DM Sans Variable','DM Sans',system-ui,sans-serif;color:var(--auth-text);caret-color:var(--auth-text);border-radius:6px}
.crm-auth-status{margin:47px 0 12px;text-align:center;font-size:11px;line-height:1.6;color:var(--bs-secondary-color,var(--auth-text));min-height:18px}
.crm-auth-lines{position:absolute;left:50%;top:-15px;transform:translateX(-50%);width:160px;height:76px;overflow:visible;opacity:0}
.crm-auth-lines path{fill:none;stroke:#5c7b8e;stroke-width:2;stroke-linecap:round;stroke-dasharray:850;stroke-dashoffset:850}
@property --crm-auth-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.crm-authenticator[data-state=verifying] .crm-auth-digit{transform:translate(var(--crm-auth-x),var(--crm-auth-y))}
.crm-authenticator[data-state=verifying] .crm-auth-digit::before{background:conic-gradient(from var(--crm-auth-angle),var(--auth-border) 0 65%,#175676 78%,#83afc9 87%,var(--auth-border) 92%);animation:crm-auth-orbit .9s linear infinite}
@keyframes crm-auth-orbit{to{--crm-auth-angle:360deg}}
.crm-authenticator[data-state=verifying] .crm-auth-lines{opacity:1;transition:opacity .1s .35s}
.crm-authenticator[data-state=verifying] .crm-auth-lines path{animation:crm-auth-connect .7s .35s ease forwards}
@keyframes crm-auth-connect{to{stroke-dashoffset:0}}
.crm-authenticator[data-state=collapsing] .crm-auth-digit,.crm-authenticator[data-state=success] .crm-auth-digit{transform:translate(var(--crm-auth-center),0) scale(.3);opacity:0}
.crm-auth-tick{position:absolute;left:calc(50% - 25px);top:-2px;width:50px;height:50px;display:grid;place-items:center;border:1.7px solid #4f9e70;border-radius:6px;background:var(--auth-field-bg);opacity:0;transform:scale(.3);z-index:4}
.crm-auth-tick svg{width:25px;height:25px;fill:none;stroke:#62ad80;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.crm-auth-tick path{stroke-dasharray:32;stroke-dashoffset:32}
.crm-auth-halo{position:absolute;left:50%;top:23px;transform:translate(-50%,-50%);width:50px;height:50px;border:1px solid #649678;border-radius:18px;opacity:0}
.crm-authenticator[data-state=success] .crm-auth-tick{opacity:1;transform:scale(1);transition:transform .4s cubic-bezier(.18,1.4,.3,1),opacity .15s}
.crm-authenticator[data-state=success] .crm-auth-tick path{animation:crm-auth-check .3s .1s ease forwards}
@keyframes crm-auth-check{to{stroke-dashoffset:0}}
.crm-authenticator[data-state=success] .crm-auth-halo{animation:crm-auth-halo .7s ease-out both}
@keyframes crm-auth-halo{0%{opacity:.6}100%{width:160px;height:160px;opacity:0;border-radius:36px}}
.crm-authenticator[data-state=success] .crm-auth-status{color:#62ad80}
.crm-authenticator[data-state=error] .crm-auth-status{color:var(--bs-danger,#c24e57)}
.crm-auth-confetti{position:absolute;left:0;top:-87px;width:100%;height:220px;pointer-events:none;z-index:5}
@media(max-width:400px){.crm-auth-digits{gap:6px}.crm-auth-app{padding:10px;gap:9px}.crm-auth-app small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.crm-authenticator *,.crm-authenticator *::before,.crm-authenticator *::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;transition-delay:0ms!important}}
