.this-computer{border-style:solid;border-width:1px;border-radius:4px;gap:16px;padding-block:16px 18px;padding-inline:18px;display:grid;position:relative}.this-computer h2,.this-computer h3,.this-computer dl,.this-computer ol,.this-computer ul,.this-computer p{margin:0}.this-computer>h2{color:var(--gold);font:400 17px/1.3 var(--font-display);border:0;padding:0}.this-computer h3{color:var(--gold);font:400 15px/1.3 var(--font-display)}.this-computer .ff-actions{margin-block-start:0}.this-computer .this-computer-steps{grid-template-columns:22px max-content minmax(0,1fr) auto;column-gap:12px;padding:0;list-style:none;display:grid}.this-computer .this-computer-steps>li{grid-column:1/-1;grid-template-columns:subgrid;border-block-end:1px solid color-mix(in oklch, var(--line) 60%, transparent);align-items:center;min-block-size:44px;display:grid}.this-computer-mark{background:50%/contain no-repeat;block-size:22px;inline-size:22px}[data-mark=ready]>.this-computer-mark{background-image:url(/assets/forever/ui-art/recorder-ready-e7f7e6d19813.webp)}[data-mark=notready]>.this-computer-mark{background-image:url(/assets/forever/ui-art/recorder-notready-47190d64e914.webp)}[data-mark=waiting]>.this-computer-mark{background-image:url(/assets/forever/ui-art/recorder-waiting-a20e3117526d.webp)}.this-computer-step-label{color:var(--text-lo);font-size:14px}.this-computer-step-value{min-width:0;color:var(--text-hi);font-variant-numeric:tabular-nums;font-size:15px}[data-mark=notready]>.this-computer-step-value{color:oklch(68% .17 28)}[data-mark=waiting]>.this-computer-step-value{color:var(--text)}.this-computer-steps .wow-button{grid-column:4;justify-self:end}.this-computer-folder{overflow-wrap:anywhere}.this-computer .this-computer-saves{gap:6px;padding:0;list-style:none;display:grid}.this-computer-saves li{flex-wrap:wrap;justify-content:space-between;gap:4px 16px;font-size:14px;display:flex}.this-computer-saves span{color:var(--text-lo)}.this-computer-saves .this-computer-flavor{color:var(--text);margin-inline-end:12px}.this-computer-saves strong{color:var(--text-hi);font-weight:400}.this-computer-saves [data-state=failed] strong,.this-computer-saves [data-state=refused] strong,.this-computer-saves [data-state=invalid] strong{color:oklch(68% .17 28)}.this-computer-totals{flex-wrap:wrap;gap:8px 32px;display:flex}.this-computer-totals>div{gap:2px;display:grid}.this-computer-totals dt{color:var(--text-lo);font-size:13px}.this-computer-totals dd{color:var(--gold-bright);font:400 24px/1.1 var(--font-display);margin:0}.this-computer>.wow-button{justify-self:start}.this-computer-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.this-computer-history{gap:6px;display:grid}.this-computer .this-computer-history ol{overscroll-behavior:contain;max-block-size:12rem;padding:0;list-style:none;display:grid;overflow-y:auto}.this-computer-history li{border-block-end:1px solid color-mix(in oklch, var(--line) 45%, transparent);font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;padding-block:4px;font-size:13px;display:grid}.this-computer-history time,.this-computer-history span{color:var(--text-lo)}.this-computer-history strong{color:var(--text);text-align:end;font-weight:400}.this-computer-history [data-result=failed] strong{color:oklch(68% .17 28)}.contributor-here{color:var(--gold);font:400 12px/1.5 var(--font-ui);vertical-align:middle;white-space:nowrap;border:1px solid oklch(50.4% .0551 89.07);border-radius:3px;margin-inline-start:10px;padding-block:1px;padding-inline:8px}@media (max-width:640px){.this-computer .this-computer-steps{grid-template-columns:22px minmax(0,1fr) auto}.this-computer .this-computer-steps>li{padding-block:6px}.this-computer-mark{grid-row:1/span 2}.this-computer-step-label{grid-column:2}.this-computer-step-value{grid-area:2/2}.this-computer-steps .wow-button{grid-area:1/3/span 2}}
.account-page.recorder-page{max-width:1180px}.recorder-panel{gap:20px;display:grid}.recorder-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.recorder-panel-head h1,.recorder-panel>.account-error,.recorder-panel>.contributor-wait{margin:0}.recorder-panel-grid{grid-template-columns:minmax(0,1fr) minmax(17rem,21rem);align-items:start;gap:20px;display:grid}.recorder-panel-side{gap:20px;display:grid}.recorder-panel-card{border-style:solid;border-width:1px;border-radius:4px;gap:12px;padding-block:16px 18px;padding-inline:18px;display:grid;position:relative}.recorder-panel-card h2{color:var(--gold);font:400 17px/1.3 var(--font-display);border:0;margin:0;padding:0}.recorder-commands{gap:12px;margin:0;display:grid}.recorder-commands>div{gap:2px;display:grid}.recorder-commands code{color:var(--gold-bright);font:400 15px/1.4 var(--font-ui)}.recorder-commands dd{color:var(--text);margin:0;font-size:14px}.recorder-panel-side .contributor-key-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.recorder-panel-side .contributor-key-list li{grid-template-columns:minmax(0,1fr) auto}.recorder-panel-side .contributor-key-list li span{grid-column:1}.recorder-panel-side .contributor-key-list li>.wow-button{grid-area:1/2/span 3}.recorder-panel-side .contributor-key-list li>.contributor-unlink{grid-column:1/-1}.recorder-records{gap:14px;display:grid}.recorder-records h2{border:0;margin:0;padding:0;font-size:20px}.recorder-signin{justify-items:start;gap:12px;display:grid}.recorder-signin h1,.recorder-signin p{margin:0}@container page (max-width:900px){.recorder-panel-grid{grid-template-columns:minmax(0,1fr)}}