.fs-demo .fs-account{position:relative;flex:0 0 auto}.fs-demo .fs-account[hidden],.fs-demo .fs-account [hidden]{display:none}.fs-demo .fs-account-login{gap:var(--fs-space-2);min-height:var(--fs-ctl-h);padding-inline:var(--fs-space-3);font-size:var(--fs-size-14);white-space:nowrap}.fs-demo .fs-account-toggle{gap:var(--fs-space-2);min-height:var(--fs-ctl-h);max-width:15rem;padding:0 var(--fs-space-3) 0 6px;font-size:var(--fs-size-14)}.fs-demo .fs-account-avatar{display:inline-grid;flex:0 0 auto;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--fs-c-accent-soft);color:var(--fs-c-accent);border:var(--fs-border) solid var(--fs-c-accent-line);font:var(--fs-weight-bold) var(--fs-size-14) / 1 var(--fs-font-ui)}.fs-demo .fs-account-who{display:inline-flex;align-items:center;gap:var(--fs-space-2);min-width:0}.fs-demo .fs-account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-demo .fs-account-team{flex:0 0 auto;padding-block:1px;font-size:var(--fs-size-12)}.fs-demo .fs-account-caret{width:8px;height:8px;margin-left:2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}.fs-demo .fs-account-toggle[aria-expanded=true] .fs-account-caret{transform:translateY(2px) rotate(-135deg)}.fs-demo .fs-account-menu{position:absolute;z-index:40;top:calc(100% + 6px);right:0;min-width:15rem;padding:var(--fs-space-2);border:var(--fs-border) solid var(--fs-c-line-strong);border-radius:var(--fs-radius);background:var(--fs-c-surface);box-shadow:var(--fs-shadow-pop)}.fs-demo .fs-account-menu-head{margin:0;padding:var(--fs-space-2) var(--fs-space-3) var(--fs-space-3);border-bottom:var(--fs-border) solid var(--fs-c-line);color:var(--fs-c-ink-muted);font-size:var(--fs-size-12)}.fs-demo .fs-account-menu-role{color:var(--fs-c-accent)}.fs-demo .fs-account-items{display:grid;gap:2px;margin:var(--fs-space-2) 0 0;padding:0;list-style:none}.fs-demo .fs-account-item{display:flex;align-items:center;width:100%;min-height:var(--fs-ctl-h);padding:0 var(--fs-space-3);border:0;border-radius:var(--fs-radius);background:none;color:var(--fs-c-ink);font:var(--fs-weight-medium) var(--fs-size-14) / 1.2 var(--fs-font-ui);text-align:left;cursor:pointer}.fs-demo .fs-account-item:is(:hover,:focus-visible){background:var(--fs-c-surface-2, #171a1f)}.fs-demo .fs-account-items li:last-child{margin-top:var(--fs-space-1);padding-top:var(--fs-space-1);border-top:var(--fs-border) solid var(--fs-c-line)}.fs-demo .fs-account-items li:last-child .fs-account-item{color:var(--fs-c-ink-muted)}.fs-demo .fs-account-panel{width:min(720px,calc(100vw - 32px))}.fs-demo .fs-account-panel-inner{display:grid;gap:var(--fs-space-4);padding:28px 28px 32px}.fs-demo .fs-account-panel-eyebrow{margin:0;color:var(--fs-c-accent)}.fs-demo .fs-account-panel-title{margin:0;padding-right:48px;font:var(--fs-weight-bold) var(--fs-size-28, 28px) / 1.15 var(--fs-font-ui)}.fs-demo .fs-account-panel-title:focus{outline:none}.fs-demo .fs-account-panel-body{display:grid;gap:var(--fs-space-4)}.fs-demo .fs-account-loading,.fs-demo .fs-account-empty p{margin:0;color:var(--fs-c-ink-muted);font-size:var(--fs-size-14);line-height:1.5}.fs-demo .fs-account-empty{display:grid;gap:var(--fs-space-3);justify-items:start;padding:var(--fs-space-5);border:var(--fs-border) dashed var(--fs-c-line-strong);border-radius:var(--fs-radius)}.fs-demo .fs-account-list{display:grid;gap:var(--fs-space-2);margin:0;padding:0;list-style:none}.fs-demo .fs-account-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:var(--fs-space-2) var(--fs-space-4);align-items:center;padding:var(--fs-space-4);border:var(--fs-border) solid var(--fs-c-line);border-radius:var(--fs-radius);background:var(--fs-c-surface)}.fs-demo .fs-account-row-main{display:grid;gap:4px;min-width:0}.fs-demo .fs-account-row-main p,.fs-demo .fs-account-row-actions{margin:0}.fs-demo .fs-account-row-meta{color:var(--fs-c-ink-muted);font-size:var(--fs-size-12)}.fs-demo .fs-account-ref{color:var(--fs-c-accent);font-family:var(--fs-font-mono)}.fs-demo .fs-account-row-title{overflow:hidden;color:var(--fs-c-ink);font:var(--fs-weight-medium) var(--fs-size-16) / 1.35 var(--fs-font-ui);text-overflow:ellipsis;white-space:nowrap}.fs-demo .fs-account-row-actions{display:flex;flex-wrap:wrap;grid-column:2 / -1;align-items:center;gap:var(--fs-space-2) var(--fs-space-4)}.fs-demo .fs-account-row-actions>.fs-link{display:inline-flex;align-items:center;min-height:var(--fs-ctl-h)}.fs-demo .fs-account-game{display:grid;place-items:center;width:40px;height:40px;overflow:hidden;border:var(--fs-border) solid var(--fs-c-line);border-radius:var(--fs-radius);background:var(--fs-c-bg);color:var(--fs-c-ink-muted);font:var(--fs-weight-bold) var(--fs-size-14) / 1 var(--fs-font-ui)}.fs-demo .fs-account-game .fs-game-logo-box{width:32px;height:auto}.fs-demo .fs-account-foot{margin:0}.fs-demo .fs-account-row-note{grid-column:2 / -1;margin:0;color:var(--fs-c-ink-muted);font-size:var(--fs-size-12)}.fs-demo .fs-account-reason{display:grid;gap:var(--fs-space-2);grid-column:2 / -1;padding:var(--fs-space-3) 14px;border:var(--fs-border) solid color-mix(in oklab,var(--fs-c-danger) 45%,transparent);border-left:3px solid var(--fs-c-danger);border-radius:var(--fs-radius);background:var(--fs-c-danger-bg)}.fs-demo .fs-account-reason p{margin:0}.fs-demo .fs-account-reason-title{color:var(--fs-c-danger);font-size:var(--fs-size-12);font-weight:var(--fs-weight-strong);letter-spacing:.02em}.fs-demo .fs-account-reason-date{color:var(--fs-c-ink-muted);font-weight:var(--fs-weight-regular)}.fs-demo .fs-account-reason-text{color:var(--fs-c-ink);font-size:var(--fs-size-14);line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}.fs-demo .fs-account-reason .fs-account-row-actions{grid-column:auto}.fs-demo .fs-account-reason-advice{color:var(--fs-c-ink);font-size:var(--fs-size-14);line-height:1.5}.fs-demo .fs-account-reason-sign{color:var(--fs-c-ink-muted);font-size:var(--fs-size-12)}.fs-demo .fs-account-reason-keep{color:var(--fs-c-ink-muted);font-size:var(--fs-size-12);line-height:1.45}.fs-demo .fs-account-row--replaced{border-style:dashed;background:transparent}.fs-demo .fs-account-row--replaced :is(.fs-account-row-title,.fs-account-game){color:var(--fs-c-ink-muted)}.fs-demo .fs-account-pending:empty{display:none}.fs-demo .fs-account-item .fs-account-pending{margin-left:auto;background:var(--fs-c-accent);color:var(--fs-c-on-primary)}.fs-demo a.fs-account-item{text-decoration:none}.fs-demo .fs-account-badge,.fs-demo .fs-tk-badge{white-space:nowrap}.fs-demo :is(.fs-account-badge--ok,.fs-tk-badge--ok){border-color:color-mix(in oklab,var(--fs-c-ok) 55%,transparent);background:var(--fs-c-ok-bg);color:var(--fs-c-ok)}.fs-demo :is(.fs-account-badge--warn,.fs-tk-badge--warn){border-color:color-mix(in oklab,var(--fs-c-warn) 55%,transparent);background:var(--fs-c-warn-bg);color:var(--fs-c-warn)}.fs-demo :is(.fs-account-badge--danger,.fs-tk-badge--danger){border-color:color-mix(in oklab,var(--fs-c-danger) 55%,transparent);background:var(--fs-c-danger-bg);color:var(--fs-c-danger)}.fs-demo :is(.fs-account-badge--accent,.fs-tk-badge--accent){border-color:var(--fs-c-accent-line);color:var(--fs-c-accent)}.fs-demo :is(.fs-account-badge--muted,.fs-tk-badge--muted){color:var(--fs-c-ink-muted)}.fs-demo .fs-account-row-note--edit-pending,.fs-demo .fs-account-row-note--withdrawal-requested{color:var(--fs-c-warn)}.fs-demo .fs-account-row-note--withdrawal-refused{color:var(--fs-c-ink)}.fs-demo .fs-account-status{margin:0;padding:var(--fs-space-3) 14px;border:var(--fs-border) solid var(--fs-c-line-strong);border-left-width:3px;border-radius:var(--fs-radius);font-size:var(--fs-size-14);line-height:1.5}.fs-demo .fs-account-status--ok{border-color:color-mix(in oklab,var(--fs-c-ok) 55%,transparent);background:var(--fs-c-ok-bg);color:var(--fs-c-ink)}.fs-demo .fs-account-status--danger{border-color:color-mix(in oklab,var(--fs-c-danger) 55%,transparent);background:var(--fs-c-danger-bg);color:var(--fs-c-ink)}.fs-demo .fs-account-danger{color:var(--fs-c-danger)}.fs-demo .fs-btn.fs-account-danger:not(.fs-btn--quiet){border-color:color-mix(in oklab,var(--fs-c-danger) 55%,transparent)}.fs-demo .fs-account-row-actions .fs-btn[aria-busy=true]{opacity:.7;cursor:progress}.fs-demo :is(.fs-account-panel,.fs-account-confirm){-webkit-tap-highlight-color:transparent}.fs-demo .fs-account-confirm{width:min(480px,calc(100vw - 32px))}.fs-demo .fs-account-confirm-inner{display:grid;gap:var(--fs-space-3);padding:24px}.fs-demo .fs-account-confirm-inner p{margin:0}.fs-demo .fs-account-confirm-title{margin:0;font:var(--fs-weight-bold) var(--fs-size-20, 20px) / 1.2 var(--fs-font-ui)}.fs-demo .fs-account-confirm-ref{overflow-wrap:anywhere;color:var(--fs-c-ink-muted);font-size:var(--fs-size-14)}.fs-demo .fs-account-confirm-lead{color:var(--fs-c-ink);font-size:var(--fs-size-14);line-height:1.5}.fs-demo .fs-account-confirm-field{display:grid;gap:var(--fs-space-2)}.fs-demo .fs-account-confirm-label{font:var(--fs-weight-medium) var(--fs-size-14) / 1.3 var(--fs-font-ui)}.fs-demo .fs-account-confirm-optional,.fs-demo .fs-account-confirm-hint{color:var(--fs-c-ink-muted);font-size:var(--fs-size-12)}.fs-demo .fs-account-confirm-reason{min-height:88px}.fs-demo .fs-account-confirm-hint{display:flex;justify-content:space-between;gap:var(--fs-space-3)}.fs-demo .fs-account-confirm-error{color:var(--fs-c-danger);font-size:var(--fs-size-14)}.fs-demo .fs-account-confirm-error:empty{display:none}.fs-demo .fs-account-confirm-actions{grid-column:auto;justify-content:flex-end}@media(max-width:767px){.fs-demo[data-fs-interactive] .fs-account{order:1}.fs-demo .fs-account-login{width:var(--fs-ctl-h);padding:0;justify-content:center}.fs-demo .fs-account-login-label,.fs-demo .fs-account-who{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.fs-demo .fs-account-toggle{width:var(--fs-ctl-h);padding:0;justify-content:center}.fs-demo .fs-account-caret{display:none}.fs-demo .fs-account-menu{position:fixed;top:calc(var(--fs-header-h) + 4px);right:var(--fs-gutter);left:var(--fs-gutter);min-width:0}.fs-demo .fs-account-panel-inner{padding:22px 18px 24px}.fs-demo .fs-account-row{grid-template-columns:40px minmax(0,1fr)}.fs-demo .fs-account-row>.fs-account-badge{grid-column:2;justify-self:start}.fs-demo .fs-account-row-title{white-space:normal}.fs-demo .fs-account-reason .fs-btn{width:100%}.fs-demo .fs-account-confirm-inner{padding:20px 16px}.fs-demo .fs-account-confirm-actions .fs-btn{flex:1 1 auto}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/fs-account.css.map */