MediaWiki:Common.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* BEGIN HOSAKA NIGHT RELAY */
/* Hosaka Night Relay 0.4.0: supported Vector 2022 site CSS; styles only. */
body.skin-vector-2022 .mw-body::before{content:"HOSAKA / NIGHT RELAY / ARCHIVE";display:block;color:var(--hosaka-accent);font-family:"Noto Sans Mono",monospace;font-size:12px;letter-spacing:.12em;margin-bottom:16px}
body.skin-vector-2022{--hosaka-background:#E5F4FF;--hosaka-surface:#FFFFFF;--hosaka-raised:#E2E8E5;--hosaka-text:#18282D;--hosaka-muted:#455E65;--hosaka-accent:#006B60;--hosaka-border:#71868B;font-family:"Noto Sans","DejaVu Sans",system-ui,sans-serif;font-size:16px;line-height:1.55;--color-base:var(--hosaka-text);--color-subtle:var(--hosaka-muted);--background-color-base:var(--hosaka-background);--background-color-neutral-subtle:var(--hosaka-surface);--border-color-base:var(--hosaka-border);--color-progressive:var(--hosaka-accent)}
html.skin-theme-clientpref-night body.skin-vector-2022{--hosaka-background:#090D18;--hosaka-surface:#121C2E;--hosaka-raised:#1C2D43;--hosaka-text:#E5F4FF;--hosaka-muted:#A7BDD4;--hosaka-accent:#53E4FF;--hosaka-border:#7893B0}
@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os body.skin-vector-2022,html.vector-feature-night-mode-disabled body.skin-vector-2022{--hosaka-background:#090D18;--hosaka-surface:#121C2E;--hosaka-raised:#1C2D43;--hosaka-text:#E5F4FF;--hosaka-muted:#A7BDD4;--hosaka-accent:#53E4FF;--hosaka-border:#7893B0}}
body.skin-vector-2022,body.skin-vector-2022 .mw-page-container,body.skin-vector-2022 .vector-header-container,body.skin-vector-2022 .vector-column-start,body.skin-vector-2022 .vector-column-end{background:var(--hosaka-background);color:var(--hosaka-text)}
body.skin-vector-2022 .mw-body,body.skin-vector-2022 .vector-sticky-header,body.skin-vector-2022 .vector-dropdown-content,body.skin-vector-2022 .vector-pinnable-header,body.skin-vector-2022 .vector-appearance-content{background:var(--hosaka-surface);color:var(--hosaka-text)}
body.skin-vector-2022 .mw-body{border:1px solid var(--hosaka-border);border-top:2px solid var(--hosaka-accent);border-radius:6px;padding:24px}
body.skin-vector-2022 a{color:var(--hosaka-accent)}
body.skin-vector-2022 .new{color:#B5243F}
body.skin-vector-2022 h1,body.skin-vector-2022 h2,body.skin-vector-2022 h3,body.skin-vector-2022 .mw-heading{font-family:"Noto Sans","DejaVu Sans",sans-serif;color:var(--hosaka-text);border-color:var(--hosaka-border)}
body.skin-vector-2022 h1{font-size:32px;line-height:1.25;font-weight:600}
body.skin-vector-2022 h2{font-size:24px;line-height:1.3;font-weight:600}
body.skin-vector-2022 pre,body.skin-vector-2022 code,body.skin-vector-2022 .mw-code{font-family:"Noto Sans Mono","DejaVu Sans Mono",monospace;background:var(--hosaka-raised);color:var(--hosaka-text);border-color:var(--hosaka-border)}
body.skin-vector-2022 pre{padding:16px;border-radius:6px;overflow:auto}
body.skin-vector-2022 .wikitable,body.skin-vector-2022 .infobox,body.skin-vector-2022 .toc,body.skin-vector-2022 .thumbinner{background:var(--hosaka-surface);color:var(--hosaka-text);border-color:var(--hosaka-border)}
body.skin-vector-2022 .wikitable th,body.skin-vector-2022 .wikitable td,body.skin-vector-2022 .infobox th,body.skin-vector-2022 .infobox td{border-color:var(--hosaka-border)}
body.skin-vector-2022 .wikitable th,body.skin-vector-2022 .infobox th{background:var(--hosaka-raised);color:var(--hosaka-text)}
body.skin-vector-2022 input:not([type=radio]):not([type=checkbox]),body.skin-vector-2022 select,body.skin-vector-2022 textarea,body.skin-vector-2022 .cdx-text-input__input,body.skin-vector-2022 .cdx-search-input__end-button{background:var(--hosaka-surface);color:var(--hosaka-text);border-color:var(--hosaka-border);border-radius:6px}
body.skin-vector-2022 button:not(.cdx-button--fake),body.skin-vector-2022 .mw-ui-button{border-radius:6px}
body.skin-vector-2022 :focus-visible{outline:3px solid var(--hosaka-accent);outline-offset:3px}
body.skin-vector-2022 ::selection{background:var(--hosaka-accent);color:var(--hosaka-background)}
body.skin-vector-2022 .mw-parser-output blockquote{border-left:3px solid var(--hosaka-accent);padding-left:16px;color:var(--hosaka-muted)}
body.skin-vector-2022 #footer{color:var(--hosaka-muted)}
@media(max-width:700px){body.skin-vector-2022 .mw-body{padding:16px}body.skin-vector-2022 h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){body.skin-vector-2022 *,body.skin-vector-2022 *::before,body.skin-vector-2022 *::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){body.skin-vector-2022 .mw-body{border:2px solid CanvasText}}
/* BEGIN HOSAKA SHARED ICON BRANDING */
body.skin-vector-2022{--hosaka-logo:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2224%22%20fill%3D%22%23E5F4FF%22%20%2F%3E%3Cpath%20d%3D%22M40%2038v52M88%2038v52M40%2064h48%22%20fill%3D%22none%22%20stroke%3D%22%23006B60%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%20%2F%3E%3Ccircle%20cx%3D%2288%22%20cy%3D%2238%22%20r%3D%226%22%20fill%3D%22%2318282D%22%20%2F%3E%3C%2Fsvg%3E");--hosaka-search:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23006B60%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22m15%2015%206%206%22%2F%3E%3C%2Fsvg%3E");--hosaka-settings:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23006B60%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");--hosaka-archive:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23855000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14v18H5ZM12%203v11m-2-8h4m-4%203h4m-4%203h4%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2215%22%20width%3D%224%22%20height%3D%223%22%2F%3E%3C%2Fsvg%3E")}
html.skin-theme-clientpref-night body.skin-vector-2022{--hosaka-logo:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2224%22%20fill%3D%22%23090D18%22%2F%3E%3Cpath%20d%3D%22M40%2038v52M88%2038v52M40%2064h48%22%20fill%3D%22none%22%20stroke%3D%22%2353E4FF%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2288%22%20cy%3D%2238%22%20r%3D%226%22%20fill%3D%22%23E5F4FF%22%2F%3E%3C%2Fsvg%3E");--hosaka-search:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2353E4FF%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22m15%2015%206%206%22%2F%3E%3C%2Fsvg%3E");--hosaka-settings:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2353E4FF%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");--hosaka-archive:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFC05A%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14v18H5ZM12%203v11m-2-8h4m-4%203h4m-4%203h4%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2215%22%20width%3D%224%22%20height%3D%223%22%2F%3E%3C%2Fsvg%3E")}
@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os body.skin-vector-2022,html.vector-feature-night-mode-disabled body.skin-vector-2022{--hosaka-logo:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2224%22%20fill%3D%22%23090D18%22%2F%3E%3Cpath%20d%3D%22M40%2038v52M88%2038v52M40%2064h48%22%20fill%3D%22none%22%20stroke%3D%22%2353E4FF%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2288%22%20cy%3D%2238%22%20r%3D%226%22%20fill%3D%22%23E5F4FF%22%2F%3E%3C%2Fsvg%3E");--hosaka-search:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2353E4FF%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22m15%2015%206%206%22%2F%3E%3C%2Fsvg%3E");--hosaka-settings:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2353E4FF%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");--hosaka-archive:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFC05A%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14v18H5ZM12%203v11m-2-8h4m-4%203h4m-4%203h4%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2215%22%20width%3D%224%22%20height%3D%223%22%2F%3E%3C%2Fsvg%3E")}}
body.skin-vector-2022 .mw-logo-icon{content:var(--hosaka-logo);width:48px;height:48px;object-fit:contain}
body.skin-vector-2022 .mw-logo-container{font-size:0;filter:none!important}
body.skin-vector-2022 .mw-logo-container::after{content:"HOSAKA";font-family:"Noto Sans",sans-serif;font-weight:600;font-size:20px;letter-spacing:.14em;color:var(--hosaka-text)}
body.skin-vector-2022 .mw-logo-container .mw-logo-wordmark,body.skin-vector-2022 .mw-logo-container .mw-logo-tagline{display:none}
body.skin-vector-2022 .mw-body::before{background-image:var(--hosaka-archive);background-size:20px 20px;background-position:left center;background-repeat:no-repeat;padding-left:30px;min-height:24px;line-height:24px}
body.skin-vector-2022 .mw-ui-icon-wikimedia-search::before{background-image:var(--hosaka-search)!important;filter:none!important;opacity:1}
body.skin-vector-2022 .mw-ui-icon-wikimedia-appearance::before{background-image:var(--hosaka-settings)!important;filter:none!important;opacity:1}
/* END HOSAKA SHARED ICON BRANDING */
/* HOSAKA PANEL CONTROL CONTRAST FIX */
body.skin-vector-2022 .vector-pinnable-header-toggle-button{background:var(--hosaka-raised)!important;color:var(--hosaka-text)!important;border:1px solid var(--hosaka-border)!important;border-radius:6px;padding:2px 8px}
body.skin-vector-2022 .vector-pinnable-header-toggle-button:hover{background:var(--hosaka-surface)!important;color:var(--hosaka-accent)!important}
html.skin-theme-clientpref-night body.skin-vector-2022 .new{color:#FF798C}
@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os body.skin-vector-2022 .new,html.vector-feature-night-mode-disabled body.skin-vector-2022 .new{color:#FF798C}}
/* BEGIN HOSAKA CANONICAL SHARED SETTINGS */
/* Canonical settings SHA256: 6dc4c8a6618514610cf8711df630cb8e758cd73ef41e4335fd231e735bf51f6a */
body.skin-vector-2022{--hosaka-font-ui:"Noto Sans","DejaVu Sans",system-ui,sans-serif;--hosaka-font-mono:"Noto Sans Mono","DejaVu Sans Mono",monospace;--hosaka-font-size:16px;--hosaka-font-small:14px;--hosaka-font-caption:12px;--hosaka-font-weight:400;--hosaka-heading-weight:600;--hosaka-line-height:1.55;--hosaka-heading-line-height:1.25;--hosaka-h1-size:32px;--hosaka-h2-size:24px;--hosaka-h3-size:20px;--hosaka-radius:6px;--hosaka-radius-circle:50%;--hosaka-border-width:1px;--hosaka-accent-border-width:2px;--hosaka-focus-width:3px;--hosaka-focus-offset:3px;--hosaka-control-padding:10px 12px;--hosaka-panel-padding:24px;--hosaka-panel-padding-mobile:16px;--hosaka-code-padding:16px;--hosaka-table-padding:8px 12px;--hosaka-quote-width:3px;--hosaka-quote-padding:16px;--hosaka-paragraph-margin:0 0 16px;--hosaka-heading-margin:24px 0 12px;--hosaka-transition:120ms ease;--hosaka-disabled-opacity:0.5;--hosaka-link-decoration:underline;--hosaka-link-offset:3px;--hosaka-link-thickness:1px;--hosaka-icon-size:20px;--hosaka-logo-size:48px;--hosaka-brand-size:12px;--hosaka-brand-spacing:.12em;--hosaka-panel-shadow:none;--hosaka-background:#E5F4FF;--hosaka-surface:#FFFFFF;--hosaka-raised:#E2E8E5;--hosaka-text:#18282D;--hosaka-muted:#455E65;--hosaka-accent:#006B60;--hosaka-border:#71868B;--hosaka-link:#006B60;--hosaka-link-hover:#004D45;--hosaka-link-visited:#674A87;--hosaka-error:#B5243F;--hosaka-warning:#855000;--hosaka-success:#23613A;--hosaka-placeholder:#455E65;--hosaka-button-text:#FFFFFF;}
html.skin-theme-clientpref-night body.skin-vector-2022{--hosaka-background:#090D18;--hosaka-surface:#121C2E;--hosaka-raised:#1C2D43;--hosaka-text:#E5F4FF;--hosaka-muted:#A7BDD4;--hosaka-accent:#53E4FF;--hosaka-border:#7893B0;--hosaka-link:#53E4FF;--hosaka-link-hover:#A0F0FF;--hosaka-link-visited:#D7B7FF;--hosaka-error:#FF798C;--hosaka-warning:#FFC05A;--hosaka-success:#9ED5A7;--hosaka-placeholder:#A7BDD4;--hosaka-button-text:#090D18;}
@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os body.skin-vector-2022,html.vector-feature-night-mode-disabled body.skin-vector-2022{--hosaka-background:#090D18;--hosaka-surface:#121C2E;--hosaka-raised:#1C2D43;--hosaka-text:#E5F4FF;--hosaka-muted:#A7BDD4;--hosaka-accent:#53E4FF;--hosaka-border:#7893B0;--hosaka-link:#53E4FF;--hosaka-link-hover:#A0F0FF;--hosaka-link-visited:#D7B7FF;--hosaka-error:#FF798C;--hosaka-warning:#FFC05A;--hosaka-success:#9ED5A7;--hosaka-placeholder:#A7BDD4;--hosaka-button-text:#090D18;}
}
body.skin-vector-2022{font-family:var(--hosaka-font-ui)!important;font-size:var(--hosaka-font-size)!important;font-weight:var(--hosaka-font-weight);line-height:var(--hosaka-line-height);background-color:var(--hosaka-background)!important;color:var(--hosaka-text)!important;}
body.skin-vector-2022 .mw-parser-output{font-family:var(--hosaka-font-ui)!important;font-size:var(--hosaka-font-size)!important;line-height:var(--hosaka-line-height)!important;color:var(--hosaka-text)!important;}
body.skin-vector-2022 .mw-parser-output p{margin:var(--hosaka-paragraph-margin);color:var(--hosaka-text)!important;}
body.skin-vector-2022 .mw-parser-output a{color:var(--hosaka-link)!important;text-decoration-line:var(--hosaka-link-decoration);text-underline-offset:var(--hosaka-link-offset);text-decoration-thickness:var(--hosaka-link-thickness);}
body.skin-vector-2022 a{color:var(--hosaka-link);}
body.skin-vector-2022 .mw-parser-output a:visited{color:var(--hosaka-link-visited)!important;}
body.skin-vector-2022 a:hover{color:var(--hosaka-link-hover)!important;}
body.skin-vector-2022 a.new{color:var(--hosaka-error)!important;}
body.skin-vector-2022 h1{font-family:var(--hosaka-font-ui)!important;color:var(--hosaka-text)!important;font-size:var(--hosaka-h1-size)!important;font-weight:var(--hosaka-heading-weight)!important;line-height:var(--hosaka-heading-line-height)!important;border-color:var(--hosaka-border);}
body.skin-vector-2022 .mw-parser-output h1{margin:var(--hosaka-heading-margin);}
body.skin-vector-2022 h2{font-family:var(--hosaka-font-ui)!important;color:var(--hosaka-text)!important;font-size:var(--hosaka-h2-size)!important;font-weight:var(--hosaka-heading-weight)!important;line-height:var(--hosaka-heading-line-height)!important;border-color:var(--hosaka-border);}
body.skin-vector-2022 .mw-parser-output h2{margin:var(--hosaka-heading-margin);}
body.skin-vector-2022 h3{font-family:var(--hosaka-font-ui)!important;color:var(--hosaka-text)!important;font-size:var(--hosaka-h3-size)!important;font-weight:var(--hosaka-heading-weight)!important;line-height:var(--hosaka-heading-line-height)!important;border-color:var(--hosaka-border);}
body.skin-vector-2022 .mw-parser-output h3{margin:var(--hosaka-heading-margin);}
body.skin-vector-2022 pre,body.skin-vector-2022 code,body.skin-vector-2022 .font-mono{font-family:var(--hosaka-font-mono)!important;font-size:var(--hosaka-font-small);background-color:var(--hosaka-raised);color:var(--hosaka-text);}
body.skin-vector-2022 pre{padding:var(--hosaka-code-padding)!important;border:var(--hosaka-border-width) solid var(--hosaka-border);border-radius:var(--hosaka-radius)!important;overflow:auto;}
body.skin-vector-2022 .mw-parser-output blockquote{border-left:var(--hosaka-quote-width) solid var(--hosaka-accent)!important;padding-left:var(--hosaka-quote-padding)!important;color:var(--hosaka-muted)!important;}
body.skin-vector-2022 .mw-parser-output table{border-collapse:collapse;background:var(--hosaka-surface);color:var(--hosaka-text);}
body.skin-vector-2022 .mw-parser-output th,body.skin-vector-2022 .mw-parser-output td{padding:var(--hosaka-table-padding);border:var(--hosaka-border-width) solid var(--hosaka-border)!important;}
body.skin-vector-2022 .mw-parser-output th{background:var(--hosaka-raised)!important;color:var(--hosaka-text)!important;font-weight:var(--hosaka-heading-weight);}
body.skin-vector-2022 :is(input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),select,textarea){font-family:var(--hosaka-font-ui)!important;font-size:var(--hosaka-font-size)!important;line-height:var(--hosaka-line-height)!important;color:var(--hosaka-text)!important;background-color:var(--hosaka-surface)!important;border:var(--hosaka-border-width) solid var(--hosaka-border)!important;border-radius:var(--hosaka-radius)!important;padding:var(--hosaka-control-padding)!important;}
body.skin-vector-2022 input::placeholder,body.skin-vector-2022 textarea::placeholder{color:var(--hosaka-placeholder)!important;opacity:1;}
body.skin-vector-2022 input[type=checkbox],body.skin-vector-2022 input[type=radio],body.skin-vector-2022 input[type=range]{accent-color:var(--hosaka-accent);}
body.skin-vector-2022 button{font-family:var(--hosaka-font-ui)!important;border-radius:var(--hosaka-radius)!important;color:var(--hosaka-text);}
body.skin-vector-2022 button[type=submit],body.skin-vector-2022 .cdx-button--action-progressive.cdx-button--weight-primary{background:var(--hosaka-accent)!important;color:var(--hosaka-button-text)!important;border:var(--hosaka-border-width) solid var(--hosaka-accent)!important;font-size:var(--hosaka-font-size)!important;line-height:var(--hosaka-line-height)!important;padding:var(--hosaka-control-padding)!important;}
body.skin-vector-2022 button[type=submit]:hover,body.skin-vector-2022 .cdx-button--action-progressive.cdx-button--weight-primary:hover{background:var(--hosaka-link-hover)!important;}
body.skin-vector-2022 :focus-visible{outline:var(--hosaka-focus-width) solid var(--hosaka-accent)!important;outline-offset:var(--hosaka-focus-offset)!important;}
body.skin-vector-2022 ::selection{background:var(--hosaka-accent);color:var(--hosaka-background);}
body.skin-vector-2022 :disabled{opacity:var(--hosaka-disabled-opacity);}
@media(prefers-reduced-motion:reduce){body.skin-vector-2022 *,body.skin-vector-2022 *::before,body.skin-vector-2022 *::after{transition:none!important;animation:none!important;}
}
@media(forced-colors:active){body.skin-vector-2022 a{color:LinkText!important;}
body.skin-vector-2022 button,body.skin-vector-2022 :is(input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),select,textarea){border-color:ButtonText!important;}
}
body.skin-vector-2022 .vector-pinnable-header-toggle-button{font-size:var(--hosaka-font-small)!important;line-height:var(--hosaka-line-height)!important;background:var(--hosaka-raised)!important;color:var(--hosaka-text)!important;border:var(--hosaka-border-width) solid var(--hosaka-border)!important;}
body.skin-vector-2022 #footer,body.skin-vector-2022 .vector-toc-text{font-family:var(--hosaka-font-ui);}
body.skin-vector-2022 .mw-logo-icon{width:var(--hosaka-logo-size);height:var(--hosaka-logo-size);}
body.skin-vector-2022 .mw-body{background:var(--hosaka-surface)!important;color:var(--hosaka-text)!important;padding:var(--hosaka-panel-padding)!important;border:var(--hosaka-border-width) solid var(--hosaka-border)!important;border-top:var(--hosaka-accent-border-width) solid var(--hosaka-accent)!important;border-radius:var(--hosaka-radius)!important;box-shadow:var(--hosaka-panel-shadow)!important;}
body.skin-vector-2022 .mw-body::before{font-family:var(--hosaka-font-mono)!important;font-size:var(--hosaka-brand-size)!important;letter-spacing:var(--hosaka-brand-spacing)!important;color:var(--hosaka-accent)!important;}
@media(max-width:700px){body.skin-vector-2022 .mw-body{padding:var(--hosaka-panel-padding-mobile)!important;}
body.skin-vector-2022 h1{font-size:28px!important;}
}
/* END HOSAKA CANONICAL SHARED SETTINGS */
/* END HOSAKA NIGHT RELAY */