html.sys-root{background-color:var(--color-machine)}body.sys main{background:0 0;padding-block:0}body.sys{background:var(--color-machine);color:var(--color-machine-ink);font-family:var(--font-prose);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}.sys-wrap{max-width:900px;margin-inline:auto;padding-inline:24px}@media (width>=810px){.sys-wrap{padding-inline:48px}}.sys-skip{z-index:40;background:var(--color-machine-ink);color:var(--color-machine);font-family:var(--font-code);padding:12px 20px;font-size:12px;position:absolute;top:0;left:-9999px}.sys-skip:focus{left:0}.sys-head{padding:56px 0 8px}body.sys .sys-kicker{font-family:var(--font-code);letter-spacing:.16em;text-transform:uppercase;color:var(--color-machine-ink-2);margin:0;font-size:13px;font-weight:500}body.sys h2{font-family:var(--font-code);letter-spacing:.16em;text-transform:uppercase;color:var(--color-machine-ink-2);margin:88px 0 0;font-size:13px;font-weight:500}body.sys main>p{color:var(--color-machine-ink-2);text-wrap:pretty;margin:18px 0 0}body.sys main>h2+p{margin-top:16px}body.sys code{font-family:var(--font-code);color:var(--color-machine-ink);font-size:.92em}:focus-visible{outline:1px solid var(--color-machine-signal);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sys-grid,.sys-marks,.sys-rules,.sys-space,.sys-type{margin:30px 0 var(--space-block);border-radius:var(--radius-mat);gap:2px;padding:0;list-style:none;display:grid;overflow:hidden}.sys-rules{border-radius:0;overflow:visible}.sys-grid>li{background:var(--color-machine-raised);grid-template-columns:34px minmax(0,10rem) minmax(0,6rem) minmax(0,1fr);align-items:center;gap:6px 16px;margin:0;padding:12px 14px;display:grid}.sys-grid>li:nth-child(odd){background:var(--color-machine-band)}.sys-swatch{border-radius:var(--radius-inset);width:34px;height:34px;box-shadow:inset 0 0 0 1px #ffffff1f}.sys-name{color:var(--color-machine-ink);font-size:15px;font-weight:600}.sys-value{font-family:var(--font-code);color:var(--color-machine-ink-2);font-size:13px}.sys-use{color:var(--color-machine-ink-2);text-wrap:pretty;font-size:15px;line-height:1.45}.sys-meta{font-family:var(--font-code);color:var(--color-machine-ink-2);grid-column:2/-1;font-size:12px}.sys-type>li{background:var(--color-machine-raised);grid-template-columns:minmax(0,10rem) minmax(0,6rem) minmax(0,1fr) minmax(0,6rem);align-items:center;gap:16px;margin:0;padding:12px 14px;display:grid;overflow:hidden}.sys-type>li:nth-child(odd){background:var(--color-machine-band)}.sys-specimen{font-family:var(--font-prose);text-align:right;color:var(--color-machine-ink);line-height:1}.sys-space>li{background:var(--color-machine-raised);grid-template-columns:minmax(0,10rem) minmax(0,6rem) minmax(0,1fr);align-items:baseline;gap:6px 16px;margin:0;padding:12px 14px;display:grid}.sys-space>li:nth-child(odd){background:var(--color-machine-band)}.sys-bar{background:var(--color-machine-ink);opacity:.14;grid-column:1/-1;width:100%;margin-top:8px;display:block}.sys-marks>li{background:var(--color-machine-raised);grid-template-columns:34px minmax(0,10rem) minmax(0,1fr);align-items:center;gap:16px;margin:0;padding:12px 14px;display:grid}.sys-marks>li:nth-child(odd){background:var(--color-machine-band)}.sys-mark{background:var(--color-machine-ink);width:20px;height:20px;margin-inline:auto;display:block;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.sys-rules>li{background:var(--color-machine-raised);margin:0;padding:20px}body.sys .sys-rule{font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;color:var(--color-machine-ink-2);margin:0;font-size:13px;font-weight:500}.sys-statement{text-wrap:pretty;font-size:17px;font-weight:600;color:var(--color-machine-ink)!important;margin:12px 0 0!important;line-height:1.45!important}.sys-why{text-wrap:pretty;color:var(--color-machine-ink-2)!important;margin:8px 0 0!important;font-size:15px!important;line-height:1.55!important}@media (width<=700px){.sys-grid>li,.sys-marks>li{grid-template-columns:34px minmax(0,1fr)}.sys-type>li,.sys-space>li{grid-template-columns:minmax(0,1fr)}.sys-grid .sys-value,.sys-grid .sys-use,.sys-marks .sys-use,.sys-meta{grid-column:2/-1}.sys-specimen{text-align:left}}