.flowly-auth{--u:clamp(.52px,min(.0926vh,.0521vw),.82px);--auth-line:#c8c8c8;--auth-rule:#c4c4c4;--auth-sub:#525252;--auth-faint:#919191;--auth-pane:max(440px,calc(588*var(--u)));--auth-col:calc(406*var(--u));color:#000;font-family:var(--font-sans);background:#fff}.flowly-auth.is-tall{--u:clamp(.52px,min(.0873vh,.0521vw),.82px)}.flowly-auth .auth-wrap{grid-template-columns:minmax(0,1fr)var(--auth-pane);height:100svh;display:grid;overflow:hidden}.flowly-auth .auth-art{padding:0 calc(65*var(--u))calc(100*var(--u));background:#000;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.flowly-auth .auth-art:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#00000080 100%);position:absolute;inset:0}.flowly-auth .auth-artmark{top:calc(65*var(--u));left:calc(65*var(--u));z-index:2;color:#fff;filter:drop-shadow(0 4px 11px #00000059);position:absolute}.flowly-auth .auth-artmark svg{width:calc(64*var(--u));height:calc(56*var(--u));display:block}.flowly-auth .auth-headline{z-index:2;font-size:calc(52*var(--u));letter-spacing:-.015em;color:#fff;max-width:16ch;margin:0;font-weight:500;line-height:1.2;position:relative}.flowly-auth .auth-pane{z-index:3;padding:calc(100*var(--u))calc(40*var(--u))calc(45*var(--u));background:#fff;flex-direction:column;align-items:center;display:flex;position:relative;overflow-y:auto}.flowly-auth .auth-col{width:100%;max-width:var(--auth-col);flex-direction:column;flex:1;display:flex}.flowly-auth .auth-brand{align-self:center;align-items:center;gap:calc(12*var(--u));color:#000;margin-bottom:calc(56*var(--u));text-decoration:none;display:inline-flex}.flowly-auth .auth-brand svg{width:calc(38*var(--u));height:calc(38*var(--u))}.flowly-auth .auth-brand span{font-size:calc(32*var(--u));letter-spacing:-.02em;font-weight:600}.flowly-auth .auth-col h1{font-size:calc(32*var(--u));text-align:center;margin:0;font-weight:600;line-height:1.32}.flowly-auth .auth-col .sub{font-size:max(15px,calc(20*var(--u)));text-align:center;color:#000;max-width:calc(330*var(--u));margin:calc(6*var(--u))auto 0;font-weight:400;line-height:1.35}.flowly-auth form{margin-top:calc(44*var(--u));flex-direction:column;display:flex}.flowly-auth .field{display:contents}.flowly-auth .field label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flowly-auth .field input{width:100%;height:calc(60*var(--u));padding:0 calc(20*var(--u));border:1px solid var(--auth-line);border-radius:calc(12*var(--u));font-family:inherit;font-size:max(14px,calc(17*var(--u)));color:#000;background:#fff;font-weight:500;transition:border-color .18s,box-shadow .18s}.flowly-auth .field+.field input{margin-top:calc(12*var(--u))}.flowly-auth .field input::placeholder{color:#00000080;font-weight:500}.flowly-auth .field input:focus{border-color:#000;outline:none;box-shadow:0 0 0 3px #00000014}.flowly-auth .field input:disabled{opacity:.55}.flowly-auth .auth-rule{background:var(--auth-rule);height:1px;margin:calc(16*var(--u))0 calc(17*var(--u));border:0}.flowly-auth .social-btn{justify-content:center;align-items:center;gap:calc(10*var(--u));width:100%;height:calc(60*var(--u));border:1px solid var(--auth-line);border-radius:calc(12*var(--u));font-family:inherit;font-size:max(14px,calc(17*var(--u)));color:#000;cursor:pointer;background:#fff;font-weight:500;transition:background .18s;display:flex}.flowly-auth .social-btn:hover:not(:disabled){background:#f6f6f6}.flowly-auth .social-btn:disabled{opacity:.55;cursor:not-allowed}.flowly-auth .social-btn svg{width:calc(30*var(--u));height:calc(30*var(--u))}.flowly-auth .btn-primary{justify-content:center;align-items:center;gap:calc(9*var(--u));width:100%;height:calc(60*var(--u));margin-top:calc(28*var(--u));border-radius:calc(12*var(--u));font-family:inherit;font-size:max(13px,calc(16*var(--u)));letter-spacing:.02em;color:#fff;cursor:pointer;background:#000;border:1px solid #000;font-weight:600;transition:opacity .18s;display:flex}.flowly-auth .btn-primary:hover:not(:disabled){opacity:.86}.flowly-auth .btn-primary:disabled{opacity:.6;cursor:not-allowed}.flowly-auth .auth-switch{align-items:center;gap:calc(12*var(--u));margin:calc(18*var(--u))0 0;font-size:max(11px,calc(12*var(--u)));font-weight:600;line-height:calc(16*var(--u));letter-spacing:.02em;color:var(--auth-sub);display:flex}.flowly-auth .auth-switch:before,.flowly-auth .auth-switch:after{content:"";background:var(--auth-sub);flex:1;height:1px}.flowly-auth .auth-switch .lbl{align-items:center;gap:calc(5*var(--u));white-space:nowrap;flex:none;display:inline-flex}.flowly-auth .auth-switch .lockup{align-items:center;gap:calc(5*var(--u));white-space:nowrap;display:inline-flex}.flowly-auth .auth-switch .lockup svg{width:calc(17*var(--u));height:calc(15*var(--u))}.flowly-auth .auth-switch .lockup b{font-size:calc(13*var(--u));letter-spacing:-.01em;font-weight:500}.flowly-auth .btn-secondary{width:100%;height:calc(60*var(--u));margin-top:calc(17*var(--u));border:1px solid var(--auth-line);border-radius:calc(10*var(--u));font-family:inherit;font-size:max(13px,calc(16*var(--u)));letter-spacing:.02em;color:var(--auth-sub);cursor:pointer;background:#fff;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:background .18s;display:flex}.flowly-auth .btn-secondary:hover{background:#f6f6f6}.flowly-auth .legal-note{margin:calc(18*var(--u))0 0;font-size:max(11px,calc(12*var(--u)));text-align:center;color:var(--auth-faint);line-height:1.5}.flowly-auth .legal-note a{color:var(--auth-sub);text-decoration:underline}.flowly-auth .auth-copy{margin:calc(34*var(--u))0 0;font-size:calc(14*var(--u));text-align:center;color:var(--auth-faint);font-weight:600}.flowly-auth .spin{width:calc(18*var(--u));height:calc(18*var(--u));animation:.7s linear infinite flw-spin}@keyframes flw-spin{to{transform:rotate(360deg)}}.flowly-auth.is-dark{--auth-line:#2e2e2e;--auth-rule:#2a2a2a;--auth-sub:#ffffff9e;--auth-faint:#fff6;color:#fff;background:#000}.flowly-auth.is-dark .auth-pane{background:#000;justify-content:flex-start}.flowly-auth.is-dark .auth-brand{color:#fff}.flowly-auth.is-dark .auth-col .sub{color:var(--auth-sub)}.flowly-auth.is-dark .auth-art:before{content:"";z-index:2;background:#ffffff14;width:1px;position:absolute;inset:0 0 0 auto}.flowly-auth.is-dark .btn-primary{color:#000;background:#fff;border-color:#fff}.flowly-auth.is-dark .btn-primary:disabled{opacity:.35}.flowly-auth.is-dark .btn-secondary{border-color:var(--auth-line);color:#fff;background:0 0}.flowly-auth.is-dark .btn-secondary:hover{background:#ffffff0f}.flowly-auth.is-dark .auth-col{justify-content:center}.flowly-auth.is-dark .auth-brand{margin-bottom:calc(40*var(--u))}.flowly-auth .device-col{flex-direction:column;display:flex}.flowly-auth .device-label{margin:calc(44*var(--u))0 calc(12*var(--u));font-size:max(12px,calc(14*var(--u)));text-align:center;color:var(--auth-sub);font-weight:500}.flowly-auth .code-field{position:relative}.flowly-auth .code-field input{opacity:0;caret-color:#0000;cursor:text;width:100%;height:100%;position:absolute;inset:0}.flowly-auth .code-cells{gap:calc(8*var(--u));grid-template-columns:repeat(6,1fr);display:grid}.flowly-auth .code-cell{height:calc(64*var(--u));border:1px solid var(--auth-line);border-radius:calc(12*var(--u));min-height:48px;font-family:var(--font-mono),ui-monospace,monospace;font-size:max(22px,calc(30*var(--u)));color:#fff;background:#ffffff08;place-items:center;font-weight:600;transition:border-color .18s,background .18s,color .3s;display:grid;position:relative}.flowly-auth .code-cell.is-active{border-color:#ffffff8c}.flowly-auth .code-cell .caret{background:#61e1fe;border-radius:1px;width:2px;height:42%;animation:1.1s step-end infinite code-caret}@keyframes code-caret{50%{opacity:0}}.flowly-auth .code-field.is-error .code-cell{border-color:#ff404099}.flowly-auth .code-field.is-linking .code-cell{animation:1.6s ease-in-out infinite code-pulse}.flowly-auth .code-field.is-linking .code-cell:nth-child(2){animation-delay:.12s}.flowly-auth .code-field.is-linking .code-cell:nth-child(3){animation-delay:.24s}.flowly-auth .code-field.is-linking .code-cell:nth-child(4){animation-delay:.36s}.flowly-auth .code-field.is-linking .code-cell:nth-child(5){animation-delay:.48s}.flowly-auth .code-field.is-linking .code-cell:nth-child(6){animation-delay:.6s}@keyframes code-pulse{50%{color:#61e1fe;border-color:#61e1feb3}}.flowly-auth .code-field.is-success .code-cell{color:#01f438;border-color:#01f43873}.flowly-auth .device-status{min-height:20px;margin-top:calc(16*var(--u));font-size:max(12px,calc(14*var(--u)));color:var(--auth-sub);text-align:center;justify-content:center;align-items:center;gap:8px;display:flex}.flowly-auth .device-status.is-active{color:#61e1fe}.flowly-auth .device-status.is-success{color:#01f438}.flowly-auth .device-status.is-error{color:#ff5a5a}.flowly-auth .device-col .btn-primary{margin-top:calc(32*var(--u))}.flowly-auth .device-account{margin:calc(18*var(--u))0 0;font-size:max(12px,calc(13*var(--u)));color:var(--auth-faint);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;display:flex}.flowly-auth .device-account b{color:var(--auth-sub);font-weight:500}.flowly-auth .device-account button{font:inherit;color:#fff;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.flowly-auth .device-hint{margin:calc(12*var(--u))0 0;font-size:max(11px,calc(12*var(--u)));color:var(--auth-faint);text-align:center}@media (max-width:1180px){.flowly-auth{--auth-pane:46vw}}@media (max-width:900px){.flowly-auth{--u:1px;--auth-col:420px}.flowly-auth .auth-wrap{grid-template-columns:1fr;height:auto;min-height:100svh;overflow:visible}.flowly-auth .auth-art{display:none}.flowly-auth .auth-pane{padding:44px 24px 36px;overflow-y:visible}.flowly-auth .auth-col{margin-inline:auto}.flowly-auth .auth-brand{margin-bottom:40px}.flowly-auth form{margin-top:30px}.flowly-auth .btn-primary{margin-top:32px}}@media (prefers-reduced-motion:reduce){.flowly-auth .spin{animation-duration:1.6s}.flowly-auth .code-field.is-linking .code-cell{animation:none}.flowly-auth *{transition-duration:.01ms!important}}
