html[data-surface=account]{--account-ink:100%;--ink-share:var(--account-ink);--navigation-ink:var(--account-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-surface=account] .menubar{--ink-share:var(--account-ink)}@media (prefers-color-scheme:light){html[data-surface=account]{--account-ink:0%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-surface=account] :is(.menu,.sheet){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}html[data-surface=account]{--danger:color-mix(in oklab, var(--color-fail) var(--ink-share), var(--color-ember));--warn:color-mix(in oklab, var(--color-needs) var(--ink-share), #8a4f00);--field-focus:color-mix(in oklab, var(--color-amber) var(--ink-share), #26242cb8);--stamp:color-mix(in oklch, var(--color-amber) var(--ink-share), #8a4f00);--account-surface:color-mix(in oklab, #1c1b20 var(--ink-share), #fff)}@layer components{.account-main{padding-block:calc(var(--menubar-h) + 24px) 96px}.account-col{max-inline-size:720px;margin-inline:auto}.account-section{border-block-start:1px solid var(--hairline);padding-block:32px}@media (min-width:40rem){.account-section{padding-block:40px}}.account-row{box-shadow:inset 0 -1px 0 var(--hairline);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;padding-block:12px;display:grid}.account-row:last-child{box-shadow:none}.account-balance{font-variant-numeric:lining-nums tabular-nums}.account-meter{background:var(--hairline);border-radius:1px;block-size:2px;overflow:hidden}.account-meter>span{background:var(--fg-3);block-size:100%;display:block}.account-meter[data-level=warn]>span{background:var(--warn)}.account-meter[data-level=danger]>span{background:var(--danger)}.account-input{border:1px solid color-mix(in oklab, var(--fg) 18%, transparent);background:var(--field);block-size:44px;inline-size:100%;color:var(--fg);font:inherit;border-radius:10px;padding-inline:12px;font-size:16px}.account-input::placeholder{color:var(--fg-3)}.account-input[aria-invalid=true]{border-color:var(--danger)}.account-input:focus-visible{border-color:var(--field-focus);box-shadow:0 0 0 1px var(--field-focus), 0 0 0 4px color-mix(in oklab, var(--field-focus) 22%, transparent);outline:none}.account-input[aria-invalid=true]:focus-visible{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger), 0 0 0 4px color-mix(in oklab, var(--danger) 22%, transparent)}.account-code{font-family:var(--font-mono);letter-spacing:.3em;font-variant-numeric:tabular-nums;font-size:24px}.account-dialog{border:1px solid var(--hairline);background:var(--account-surface);max-block-size:calc(100svh - 32px);inline-size:min(440px,100vw - 32px);color:var(--fg);border-radius:16px;margin:auto;padding:24px;box-shadow:0 24px 60px -20px #00000080}.account-dialog-wide{inline-size:min(560px,100vw - 32px)}.account-dialog::backdrop{background:#0006}.account-dialog[data-covered]{visibility:hidden}.account-dialog[data-covered]::backdrop{background:0 0}.account-note{border:1px solid var(--hairline);background:var(--account-surface);pointer-events:auto;border-radius:12px;inline-size:min(360px,100%);padding:16px 16px 8px;box-shadow:0 24px 60px -20px #00000080}.account-ghost{background:var(--field);border-radius:6px;display:block}.account-danger{color:var(--danger)}main h1[tabindex="-1"]:focus,.account-main:focus{outline:none}.account-flush{margin-inline-start:-14px}.account-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-block-start:4px;display:flex}.account-actions-start{justify-content:flex-start}.account-busy[aria-busy=true]>.account-busy-label{visibility:hidden}.account-busy>.dots{justify-content:center;position:absolute;inset:0}.account-text-button{min-block-size:44px;color:var(--fg-2);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklch, currentColor 45%, transparent);text-decoration-color:color-mix(in oklch, currentColor 45%, transparent);cursor:pointer;align-items:center;display:inline-flex}.account-text-button:hover:not(:disabled){color:var(--fg)}.account-text-button:disabled{color:var(--fg-3);cursor:default;text-decoration:none}.account-affix{position:relative}.account-affix>.account-input{padding-inline-end:80px}.account-affix>span{color:var(--fg-3);pointer-events:none;align-items:center;font-size:14px;display:flex;position:absolute;inset-block:0;inset-inline-end:12px}.account-affix>.account-select{appearance:none;cursor:pointer;padding-inline-end:40px}.account-affix>svg{color:var(--fg-2);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-end:14px;translate:0 -50%}.account-affix>.account-reveal{color:var(--fg-2);cursor:pointer;padding-inline:12px;font-size:14px;position:absolute;inset-block:0;inset-inline-end:4px}.account-affix>.account-reveal:hover{color:var(--fg)}.account-select option{background:var(--page-bg);color:var(--fg)}.account-details>summary{min-block-size:44px;color:var(--fg-2);cursor:pointer;align-items:center;gap:10px;list-style:none;display:inline-flex}.account-details>summary::-webkit-details-marker{display:none}.account-details>summary:after{content:"";block-size:6px;inline-size:6px;transition:rotate var(--duration-hover) var(--ease-sail);border-block-end:1.5px solid;border-inline-end:1.5px solid;translate:0 -2px;rotate:45deg}.account-details[open]>summary:after{translate:0 1px;rotate:225deg}.account-details>summary:hover{color:var(--fg)}.account-entry{box-shadow:inset 0 -1px 0 var(--hairline)}.account-entry:last-child{box-shadow:none}.account-entry summary{cursor:pointer;transition:background-color var(--duration-hover) var(--ease-sail);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"desc desc amount""time meta meta";align-items:baseline;gap:2px 8px;margin-inline:-8px;padding:12px 8px;list-style:none;display:grid}.account-entry summary::-webkit-details-marker{display:none}.account-entry summary:hover,.account-entry details[open]>summary{background:var(--field)}.account-entry-time{grid-area:time}.account-entry-desc{grid-area:desc;min-inline-size:0}.account-entry-meta{overflow-wrap:anywhere;grid-area:meta;min-inline-size:0}.account-entry-meta:before{content:"· "}.account-entry-amount{text-align:end;white-space:nowrap;grid-area:amount}.account-entry-details{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:6px 16px;padding-block:12px 16px;display:grid}.account-entry-details>div{display:contents}.account-entry-details dt{color:var(--fg-3)}.account-entry-details dd{color:var(--fg-2)}@media (min-width:40rem){.account-entry summary{grid-template-columns:3.5rem minmax(0,1fr) auto;grid-template-areas:"time desc amount"".meta.";column-gap:16px}.account-entry-meta:before{content:none}.account-entry-details{padding-inline-start:calc(3.5rem + 16px)}}.account-list{border-block-start:1px solid var(--hairline)}.account-device{border-block-end:1px solid var(--hairline);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding-block:14px;display:grid}.account-device-icon{background:var(--field);block-size:40px;inline-size:40px;color:var(--fg-2);border-radius:10px;place-items:center;display:grid}.artifact-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.artifact-scopes{flex-wrap:wrap;gap:8px;display:flex}.artifact-search{flex:14rem;max-inline-size:20rem}.artifact-search>.account-input{padding-inline-end:40px}.artifact-search>.account-input::-webkit-search-cancel-button{display:none}.artifact-row{border-block-end:1px solid var(--hairline);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding-block:14px;display:grid;position:relative}.artifact-row-link{color:var(--fg);text-decoration:none}.artifact-row-link:after{content:"";position:absolute;inset:0}.artifact-row-link:focus-visible{outline:none}.artifact-row:has(.artifact-row-link:focus-visible){outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.artifact-row-go{color:var(--fg-3);transition:translate var(--duration-hover) var(--ease-sail), color var(--duration-hover) var(--ease-sail)}@media (hover:hover){.artifact-row:has(.artifact-row-link):hover .artifact-row-link{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklch, currentColor 45%, transparent);text-decoration-color:color-mix(in oklch, currentColor 45%, transparent)}.artifact-row:hover .artifact-row-go{color:var(--fg);translate:2px}}.account-bullets{gap:6px;padding-inline-start:1.25em;list-style:outside;display:grid}.account-bullets ::marker{color:var(--fg-3)}.account-empty{align-items:center;gap:16px;display:flex}.account-fade,.account-dialog[open]{animation:account-fade var(--duration-hover) var(--ease-sail) both}@keyframes account-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.account-fade,.account-dialog[open]{animation:none}}}@media (pointer:coarse){html[data-surface=account] .btn-sm{block-size:44px}html[data-surface=account] :is(.menubar-brand,.account-link){align-items:center;min-block-size:44px;display:inline-flex}html[data-surface=account] .command{block-size:48px}html[data-surface=account] .command-copy{block-size:44px;padding-inline:12px}}@media (max-width:767px){html[data-surface=account] .menubar .menubar-item{block-size:44px}html[data-surface=account] .menubar .menubar-signin{display:inline-flex}}
