.settings{--ui-field:#24242c;--ui-line:#2e2e38;--ui-line-strong:#454550;--ui-text:#ececf1;--ui-text-muted:#8f8f9d;--ui-accent:#eef0e6;--ui-ink:#1c1f26;--ui-font:var(--font-body);color:var(--ui-text,#e9e7e2);font-family:var(--ui-font,system-ui);display:grid}.settings-value{box-sizing:border-box;border:1px dashed var(--ui-line-strong,#4a505c);min-width:9.5rem;height:38px;color:var(--ui-text-muted,#969ca7);place-items:center start;padding:0 10px;font-size:.88rem;font-weight:600;display:grid}.settings-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;min-height:48px;padding:6px 0;display:grid}label.settings-row{cursor:pointer}.settings-row-label{gap:2px;font-weight:400;display:grid}.settings-row-label small{color:var(--ui-text-muted,#969ca7);font-size:.74rem;font-weight:400;line-height:1.4}.settings-note{color:var(--ui-text-muted,#969ca7);margin:12px 0 0;font-size:.8rem;line-height:1.5}.settings-stepper{color:#fdf5ea;background:#1f2433;border:0;border-radius:4px;align-items:stretch;min-height:40px;display:flex;overflow:hidden;box-shadow:0 2px 4px #00000026,inset 0 -4px #00000040}.settings-stepper button{width:40px;min-height:40px;color:inherit;font:700 1.1rem/1 var(--ui-font,system-ui);cursor:pointer;background:0 0;border:0;border-radius:0;margin:0;padding:0;transition:background-color .16s,color .16s}.settings-stepper button:hover:not(:disabled){color:#fff;background:#6d5bd0}.settings-stepper button:active:not(:disabled){background:#5949b8}.settings-stepper button:focus-visible{z-index:1;outline-offset:-2px;outline:2px solid #fdf5ea;position:relative}.settings-stepper output{min-width:3.2rem;font:700 .9rem/1 var(--ui-font,system-ui);font-variant-numeric:tabular-nums;border-left:1px solid #ffffff1a;border-right:1px solid #ffffff1a;place-items:center;padding:0 8px;display:grid}.pixel-select-root{position:relative}.pixel-select{text-align:left;white-space:nowrap;color:#fdf5ea;min-width:9.5rem;min-height:40px;font:inherit;cursor:pointer;appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAK0lEQVR42mN8+fzRfwYiABMDkYARxsBlsrikHCNJJmKAl88f/cdmOtEmAgCs/g8czjogRgAAAABJRU5ErkJggg==) right 10px center/10px 6px no-repeat,#1f2433;border:0;border-radius:4px;margin:0;padding:0 38px 0 16px;font-size:.9rem;font-weight:700;transition:box-shadow .12s,background-color .16s,color .16s;display:block;box-shadow:0 2px 4px #00000026,inset 0 -4px #00000040}.pixel-select:hover:not(:disabled){background-color:#292f42;box-shadow:0 1px 2px #0000001a,inset 0 -2px #00000040}.pixel-select[data-open]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAK0lEQVR42mNgQAPvPjz7/+7Ds//o4kwMRAJGZJOwKRASkGIkzURcJpHtRgAxBg9S6lIAcQAAAABJRU5ErkJggg==) right 10px center/10px 6px no-repeat,#292f42;box-shadow:0 0 1px #0000000d,inset 0 -1px #00000040}.settings .pixel-select:focus-visible,.settings .settings-checkbox:focus-visible{outline-offset:2px;outline:2px solid #fdf5ea}.pixel-select-list{z-index:50;background:#1f2433;border:0;border-radius:4px;max-height:240px;margin:0;padding:4px;list-style:none;position:fixed;overflow-y:auto;box-shadow:0 8px 20px #0000004d}.pixel-select-list li{color:#fdf5ea;font:inherit;white-space:nowrap;cursor:pointer;border-radius:3px;padding:8px 12px;font-size:.9rem;font-weight:700;position:relative}.pixel-select-list li[data-active]{color:#fff;background:#6d5bd0}.pixel-select-list li[aria-disabled]{color:var(--ui-text-muted,#969ca7);opacity:.45;cursor:not-allowed}.settings-checkbox{cursor:pointer;appearance:none;background:#1f2433;border:0;border-radius:4px;place-items:center;width:40px;height:40px;margin:0;transition:box-shadow .12s,background-color .16s;display:grid;box-shadow:0 2px 4px #00000026,inset 0 -4px #00000040}.settings-checkbox:after{content:"";visibility:hidden;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAQElEQVR42q3QMQ4AMAgCQOj//0wnl6YkVcpoDBclmpEkAFgYhl2pMheriSRfpNrLxbPRzfMb3S1OisXrF53+RdxmHCQCzBI5+gAAAABJRU5ErkJggg==) 50%/contain no-repeat;width:14px;height:12px}.settings-checkbox:checked{background:#1f2433}.settings-checkbox:checked:after{visibility:visible}.settings-row:hover .settings-checkbox:not(:disabled){background-color:#292f42;box-shadow:0 1px 2px #0000001a,inset 0 -2px #00000040}.settings-checkbox:active:not(:disabled){box-shadow:0 0 1px #0000000d,inset 0 -1px #00000040}.settings button:disabled,.pixel-select:disabled,.settings-checkbox:disabled{cursor:not-allowed;opacity:.45}.settings-heading{border-top:1px solid var(--ui-line,#333842);color:var(--ui-text-muted,#969ca7);letter-spacing:.14em;text-transform:uppercase;margin:18px 0 4px;padding-top:14px;font-size:.72rem;font-weight:700}.settings-heading:first-child{border-top:0;margin-top:0;padding-top:0}.settings+.settings{border-top:1px solid var(--ui-line,#333842);margin-top:6px;padding-top:14px}
