html{filter:var(--site-hue-filter,none)}dialog:modal,dialog::backdrop{filter:var(--site-hue-filter,none)}.has-color-picker{flex-wrap:wrap;gap:12px 24px}.staff-footer.has-color-picker,.account-footer.has-color-picker{display:flex;align-items:center;justify-content:space-between}.theme-footer{padding:20px;border-top:1px solid #cbd3c7}.page-color-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font:500 13px/1.4 var(--body,Arial,sans-serif);white-space:nowrap;flex-shrink:0;cursor:pointer}.page-color-toggle:hover,.page-color-toggle[aria-expanded=true]{background:transparent;color:var(--green,#155c42)}.page-color-swatch{width:13px;height:13px;border-radius:50%;background:var(--green,#155c42);border:1px solid currentColor}.page-color-panel{position:fixed;inset:auto auto 78px;right:max(18px,calc((100vw - 1200px)/2));width:350px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 96px);overflow-y:auto;margin:0;padding:20px;background:#141414;color:#f3f3f3;border:1px solid #606060;border-radius:8px;font:400 14px/1.6 var(--body,Arial,sans-serif);color-scheme:dark;z-index:60;text-align:left}.page-color-panel h2{font:600 22px/1.3 var(--display,Georgia,serif);color:#f3f3f3;margin:0 0 8px;letter-spacing:0}.page-color-panel p{font:400 13px/1.6 var(--body,Arial,sans-serif);color:#d0d0d0;margin:0}.page-color-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:16px 0}.page-color-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-width:0;min-height:58px;margin:0;padding:7px 2px;border:1px solid transparent;border-radius:5px;background:transparent;color:#eee;font:400 11px/1.3 var(--body,Arial,sans-serif);cursor:pointer}.page-color-choice:hover{background:#303030;color:#fff}.page-color-choice[aria-pressed=true]{border-color:#fff;background:#303030;color:#fff}.color-choice-dot{display:block;width:22px;height:22px;border-radius:50%;background:var(--swatch);border:1px solid #fff8;position:relative}.page-color-choice[aria-pressed=true] .color-choice-dot:after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #141414;border-width:0 2px 2px 0;transform:rotate(45deg)}.page-color-reset{min-height:44px;padding:8px 12px;margin:0 0 10px;border:1px solid #777;border-radius:5px;background:transparent;color:#f3f3f3;font:400 13px/1.4 var(--body,Arial,sans-serif);cursor:pointer}.page-color-reset:hover:not(:disabled){background:#303030;color:#fff}.page-color-reset:disabled{opacity:.55;cursor:default}.page-color-panel :focus-visible{outline:3px solid var(--picker-accent,#65e68b);outline-offset:2px}.page-color-panel #page-color-note{font-size:12px;color:#bdbdbd}.color-panel-fallback{filter:var(--site-hue-inverse,none)}@media (max-width:380px){.page-color-panel{padding:15px}.page-color-options{gap:4px}.page-color-choice{font-size:10px;min-height:54px}}