/* A reserved login stage keeps Folio's reactions away from the form controls. */
#loginFolio{position:relative;display:grid;place-items:center;flex:0 0 auto;height:144px;width:100%;margin:0 0 8px;pointer-events:none;user-select:none}
.lf-art{--lf-gaze-x:0px;--lf-gaze-y:0px;--lf-head-tilt:0deg;position:relative;display:block;width:150px;height:150px;margin-top:-6px;isolation:isolate;filter:drop-shadow(0 9px 8px rgba(118,56,17,.12))}
.lf-art *{box-sizing:border-box}
.lf-figure,.lf-body,.lf-body-texture,.lf-face{position:absolute;inset:0;width:100%;height:100%}
.lf-body{transform:rotate(var(--lf-head-tilt));transform-origin:51% 85%;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.lf-body-texture img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}
.lf-foot,.lf-arm{position:absolute;display:block;transform-origin:50% 50%}
.lf-foot img,.lf-arm img{position:absolute;max-width:none!important;width:224.33%;height:120.23%;left:-62.25%;top:-10.35%;object-fit:fill}
.lf-foot{width:16.99%;height:11.32%;top:84.21%;transform-origin:50% 8.45%}
.lf-foot-left{left:29.3%;transform:rotate(-3deg)}
.lf-foot-right{left:55.61%;transform:rotate(3deg)}
.lf-arm{z-index:3;width:16%;height:23%;top:54%;transition:left .38s cubic-bezier(.22,1,.36,1),top .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 2px 2px rgba(125,53,8,.12))}
.lf-arm-left{left:9%;transform:rotate(22deg)}
.lf-arm-right{left:78%;transform:rotate(-22deg)}
.lf-face{z-index:2;overflow:visible}
.lf-gaze{transform:translate(var(--lf-gaze-x),var(--lf-gaze-y));transition:transform .22s ease-out}
.lf-eye{transform-box:fill-box;transform-origin:center;transition:opacity .14s ease,transform .25s ease}
.lf-peek-brow,.lf-smirk{opacity:0;transition:opacity .2s ease}
.lf-smile{transition:opacity .2s ease}
#loginFolio[data-state="covered"] .lf-arm-left,#loginFolio[data-state="peek"] .lf-arm-left{left:29.7%;top:35.2%;transform:rotate(-13deg) scale(1.18)}
#loginFolio[data-state="covered"] .lf-arm-right{left:56.4%;top:35.2%;transform:rotate(13deg) scale(1.18)}
#loginFolio[data-state="covered"] .lf-eye{opacity:0;transition-delay:.12s}
#loginFolio[data-state="covered"] .lf-smile{transform:translateY(1px) scaleY(.8);transform-origin:50% 53%}
#loginFolio[data-state="peek"] .lf-arm-right{left:74%;top:52%;transform:rotate(-52deg)}
#loginFolio[data-state="peek"] .lf-eye-left{opacity:0}
#loginFolio[data-state="peek"] .lf-eye-right{transform:scaleY(.65)}
#loginFolio[data-state="peek"] .lf-peek-brow,#loginFolio[data-state="peek"] .lf-smirk{opacity:1}
#loginFolio[data-state="peek"] .lf-smile{opacity:0}
#loginFolio[data-state="peek"] .lf-body{transform:rotate(3deg)}
.lf-password-wrap{position:relative;min-width:0;width:100%}
.lf-password-wrap>input#loginPassword{padding-right:88px!important}
.lf-password-toggle{position:absolute!important;top:50%;right:4px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;gap:5px;min-width:76px;min-height:44px;padding:6px 8px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;color:var(--muted,#667085)!important;font:inherit;font-size:12px!important;font-weight:600!important;line-height:1!important;cursor:pointer;white-space:nowrap;touch-action:manipulation}
.lf-password-toggle:hover{color:var(--text,#253247)!important;background:var(--dm-hover,rgba(127,139,154,.1))!important}
.lf-password-toggle:focus-visible{outline:2px solid var(--primary,#b54c12)!important;outline-offset:1px}
.lf-password-toggle svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lf-eye-slash{display:none}
.lf-password-wrap[data-revealed="true"] .lf-eye-slash{display:block}
@media(max-width:640px){#loginFolio{height:128px;margin-bottom:5px}.lf-art{width:136px;height:136px}}
@media(prefers-reduced-motion:reduce){#loginFolio *,#loginFolio *::before,#loginFolio *::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.lf-password-toggle{color:ButtonText!important}.lf-password-toggle:focus-visible{outline-color:Highlight!important}}