/* Sign-in screen v7: the screen is your link. A big mntlst.cc/name you can type into, set in an
   Avant Garde style face, on plain black. Sign-in sits underneath, no cards or decoration. */
@font-face{font-family:"mnt-adv";src:url(../assets/fonts/adventor-bold.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"mnt-adv";src:url(../assets/fonts/adventor-regular.woff) format("woff");font-weight:400;font-display:swap}
#au.a7{--bk:#000;--wh:#f7f7f5;--sv:#a9adb6;--dim:#6c6f77;--line:#26282e;--fld:#141519;--dc:#5865f2;--adv:"mnt-adv","Avenir Next",Futura,system-ui,sans-serif;
  position:absolute;inset:0;display:none;flex-direction:column;background:var(--bk);color:var(--wh);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0;text-align:left}
#au.a7.on{display:flex}
.a7-top{flex:none;display:flex;align-items:center;height:calc(70px + var(--sat,0px));padding:calc(var(--sat,0px) + 12px) 76px 12px 24px}
.a7-logo{width:34px;height:34px;border-radius:10px}
.a7-wrap{flex:1 0 auto;display:flex;flex-direction:column;padding:6vh 24px calc(var(--sab,0px) + 22px)}

/* the link */
.a7-url{--a7max:92px;display:block;padding-bottom:10px;border-bottom:3px solid var(--line);cursor:text;transition:border-color .2s}
.a7-url:focus-within{border-color:var(--sv)}
.a7-dom{display:block;font:400 26px/1 var(--adv);letter-spacing:-.02em;color:var(--sv)}
.a7-hw{display:inline-grid;grid-template-columns:auto auto;align-items:center;max-width:100%;margin-top:4px;font:700 var(--a7s,var(--a7max))/1.02 var(--adv);letter-spacing:-.045em}
.a7-hw>input,.a7-hw>.a7-sz{grid-area:1/1;font:inherit;letter-spacing:inherit;padding:0;margin:0;white-space:pre}
.a7-hw>input{width:0;min-width:100%;background:none;border:0;outline:0;color:var(--wh);caret-color:var(--sv);border-radius:0;-webkit-appearance:none;appearance:none}
.a7-hw>input::placeholder{color:#3b3d44;opacity:1}
.a7-hw>.a7-sz{visibility:hidden;overflow:hidden;padding-right:.14em}
.a7-hw::after{content:"";grid-area:1/2;width:.07em;height:.8em;margin-left:0;background:var(--sv);animation:a7blink 1.05s steps(1) infinite}
.a7-url:focus-within .a7-hw::after{display:none}
@keyframes a7blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.a7-hw::after{animation:none}}
.a7-sub{margin:20px 0 0;max-width:30ch;font-size:16px;line-height:1.45;color:var(--dim)}

/* sign in */
.a7-act{margin-top:auto;padding-top:36px}
#au.a7 .ts-wrap{margin:0 0 12px;min-height:0}
#au.a7 .ts-wrap:has(#ts:empty){display:none}
#au.a7 #aerr{margin:0 0 12px;font-size:14px;color:#ff6b5e}
.a7-act .a7-dc{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:0!important;height:56px!important;border-radius:14px!important;border:0!important;
  background:var(--dc)!important;color:#fff!important;box-shadow:none!important;font:700 17px/1 var(--adv)!important;letter-spacing:-.01em}
.a7-act .a7-dc svg{width:22px;height:22px;color:#fff!important}
.a7-act .a7-dc:not(:disabled):active{transform:scale(.985)}
.a7-act .a7-dc:focus-visible,.a7-act .au-go:focus-visible,.a7-app:focus-visible{outline:2px solid var(--wh);outline-offset:3px}
.a7-act .au-em{margin-top:10px}
.a7-act .au-row{height:56px;border-radius:14px;background:var(--fld);box-shadow:inset 0 0 0 1.5px var(--line)}
.a7-act .au-row:focus-within{box-shadow:inset 0 0 0 1.5px var(--sv)}
.a7-act .au-row input{font-size:16px;color:var(--wh)}
.a7-act .au-go{border-radius:10px;background:var(--sv)!important;color:#000!important}
.a7-act .au-go:disabled{background:#2a2c31!important;color:#6c6f77!important}
#au.a7 .b5-agree{margin:18px 0 0!important;text-align:left!important;font-size:13px!important;line-height:1.5;color:var(--dim)!important}
#au.a7 .b5-agree .lnk{color:var(--wh)}
.a7-app{display:block;margin:14px 0 0;padding:4px 0;font-size:13px;color:var(--dim);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#3b3d44}
#au.a7 .pv-link{display:inline-block;margin:10px 0 0}
@media (max-height:700px){.a7-wrap{padding-top:3vh}.a7-url{--a7max:80px}.a7-act{padding-top:24px}}

/* tablets and computers: the link fills the left, sign-in sits bottom right */
@media (min-width:700px){
  body[data-view=au] #app{width:100%!important;height:100vh!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important}
  .a7-top{height:88px;padding-left:48px}
  .a7-logo{width:40px;height:40px;border-radius:12px}
  .a7-wrap{flex:0 0 auto;flex-direction:row;align-items:flex-end;gap:56px;width:100%;max-width:1280px;margin:auto;padding:0 48px 88px;box-sizing:border-box}
  .a7-claim{flex:1;min-width:0}
  .a7-url{--a7max:176px;border-bottom-width:4px;padding-bottom:16px}
  .a7-dom{font-size:40px}
  .a7-sub{font-size:18px;margin-top:24px}
  .a7-act{flex:none;width:360px;margin:0;padding:0}
}
@media (min-width:700px) and (max-width:1000px){.a7-wrap{flex-direction:column;align-items:stretch}.a7-act{width:100%;max-width:440px;margin-top:48px}.a7-url{--a7max:130px}}
