/**
 * Programme d'installation de Windows 98 (moteur winsetup-9x) : mode texte du BIOS vidéo (720 × 400, cellules 9 × 16)
 * et assistant graphique en 16 couleurs (640 × 480). Couleurs relevées sur la VM (pilote 16 couleurs de l'installateur :
 * gris var(--w9-face), ombre var(--w9-shadow), bleu marine #0000a8, sarcelle #57a8a8). Polices : police du BIOS vidéo QEMU, MS Sans Serif
 * 8 pt (SSERIFE.FON) et Arial de Windows 98 (mini.cab) rastérisées au pixel, comme les rend l'écran 16 couleurs.
 */
@font-face {
    font-family: "VGA QEMU 9x16";
    src: url("../../../../../share/capsuleos/assets/fonts/windows/boot/vga-qemu-9x16.ttf") format("truetype");
}

@font-face {
    font-family: "MS Sans Serif Win98";
    src: url("../../../../../share/capsuleos/assets/fonts/windows/98/MSSansSerifWin98-8pt.ttf") format("truetype");
}

@font-face {
    font-family: "MS Sans Serif Win98";
    font-weight: 700;
    src: url("../../../../../share/capsuleos/assets/fonts/windows/98/MSSansSerifWin98-8pt-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "MS Sans Serif Win98 10";
    font-weight: 700;
    src: url("../../../../../share/capsuleos/assets/fonts/windows/98/install/MSSansSerifWin9810-10pt-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Arial Win98 Pixel 24";
    src: url("../../../../../share/capsuleos/assets/fonts/windows/98/install/ArialWin98Pixel24-24px.ttf") format("truetype");
}

@font-face {
    font-family: "Arial Win98 Pixel 24";
    font-weight: 700;
    src: url("../../../../../share/capsuleos/assets/fonts/windows/98/install/ArialWin98Pixel24-24px-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Arial Win98 Pixel 21";
    font-weight: 700;
    src: url("../../../../../share/capsuleos/assets/fonts/windows/98/install/ArialWin98Pixel21-21px-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Arial Win98 Pixel 19";
    font-weight: 700;
    src: url("../../../../../share/capsuleos/assets/fonts/windows/98/install/ArialWin98Pixel19-19px-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Verdana Win2000 Pixel 16";
    src: url("../../../../../share/capsuleos/assets/fonts/windows/2000/install/VerdanaWin2000Pixel16-16px.ttf") format("truetype");
}

@font-face {
    font-family: "System Win95";
    src: url("../../../../../share/capsuleos/assets/fonts/windows/95/install/System95-10pt.ttf") format("truetype");
}

@font-face {
    font-family: "MS Serif Win95 24";
    src: url("../../../../../share/capsuleos/assets/fonts/windows/95/install/MSSerif24-24pt.ttf") format("truetype");
}

@font-face {
    font-family: "MS Serif Win95 18 Bold";
    src: url("../../../../../share/capsuleos/assets/fonts/windows/95/install/MSSerif18B-18pt-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Tahoma Win2000 Pixel Bold";
    src: url("../../../../../share/capsuleos/assets/fonts/windows/2000/TahomaWin2000Pixel-11px-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "NT Setup 9x12";
    src: url("../../../../../share/capsuleos/assets/fonts/windows/2000/install/nt-setup-9x12.ttf") format("truetype");
}

@font-face {
    font-family: "Arial Win98 Pixel 20";
    src: url("../../../../../share/capsuleos/assets/fonts/windows/98/install/ArialWin98Pixel20-20px-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Arial Win98 Pixel 11";
    src: url("../../../../../share/capsuleos/assets/fonts/windows/98/install/ArialWin98Pixel11-11px.ttf") format("truetype");
}

@font-face {
    font-family: "Arial Win98 Pixel 11";
    font-weight: 700;
    src: url("../../../../../share/capsuleos/assets/fonts/windows/98/install/ArialWin98Pixel11-11px-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Arial Win98 Pixel 16";
    font-weight: 700;
    src: url("../../../../../share/capsuleos/assets/fonts/windows/98/install/ArialWin98Pixel16-16px-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Arial Win98 Pixel 13";
    src: url("../../../../../share/capsuleos/assets/fonts/windows/98/install/ArialWin98Pixel13-13px.ttf") format("truetype");
}

.w9-stage {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    background: #000000;
    overflow: hidden;
}

.w9-screen {
    position: absolute;
    top: 0;
    left: 0;
    font: 400 11px/13px "MS Sans Serif Win98", sans-serif;
    --w9-face: #c0c7c8;
    --w9-shadow: #87888f;
    --w9-navy: #0000a8;
    color: #000000;
    /* Fond de l'installateur : tramage un pixel sur deux bleu #0000ff / noir (pilote 16 couleurs), bleu quand x + y est pair. */
    background: #000000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'%3E%3Crect width='1' height='1' fill='%230000ff'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%230000ff'/%3E%3C/svg%3E") 0 0 / 2px 2px;
    transform-origin: 0 0;
    overflow: hidden;
    -webkit-font-smoothing: none;
}

.w9-screen--dos {
    font: 400 16px/16px "VGA QEMU 9x16", monospace;
    color: #aaaaaa;
    background: #000000;
}

.w9-screen--nt {
    font: 400 12px/12px "NT Setup 9x12", monospace;
}

.w9-screen--nt .w9-cell {
    height: 12px;
}

.w9-screen--logon {
    --w9-face: #c0c0c0;
    --w9-shadow: #808080;
    --w9-navy: #000080;
    background: #008080;
}

.w9-host {
    position: absolute;
    inset: 0;
}

.w9-host * {
    box-sizing: border-box;
}

/* La réinitialisation globale (reset.css : « * { font-family: var(--font) } ») casserait l'héritage de la police. */
.w9-host,
.w9-host * {
    font-family: inherit;
}

/* ------------------------------------------------------------------ mode texte */
.w9-cell {
    position: absolute;
    height: 16px;
    white-space: pre;
}

.w9-dosbox {
    position: absolute;
}

.w9-dosbar {
    position: absolute;
    width: 0;
}

.w9-cursor {
    animation: w9-blink 0.5s steps(1) infinite;
}

html[data-capsule-measure="1"] .w9-cursor {
    animation: none;
}

@keyframes w9-blink {
    50% {
        opacity: 0;
    }
}

/* ------------------------------------------------------------------ panneau gauche et bandeau */
.w9-panel {
    position: absolute;
    inset: 0;
    font: 400 11px/14px "Arial Win98 Pixel 11", sans-serif;
}

.w9-panel.is-sans {
    font: 400 11px/13px "MS Sans Serif Win98", sans-serif;
}

.w9-panel::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 134px;
    background: #000000;
    content: "";
}

.w9-panel__header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
    background: #000000;
}

.w9-panel__flag {
    position: absolute;
    top: 4px;
    left: 142px;
}

.w9-panel__title {
    position: absolute;
    top: 0;
    left: 182px;
    margin: 0;
    font: 400 24px/28px "Arial Win98 Pixel 24", sans-serif;
    white-space: nowrap;
    color: #ffffff;
}

.w9-panel__title b {
    font-weight: 700;
}

.w9-panel__step,
.w9-panel__estimate {
    position: absolute;
    left: 4px;
    display: flex;
    align-items: flex-start;
    width: 128px;
    color: #ffffff;
}

.w9-panel__icon {
    flex: none;
    margin-top: 3px;
    margin-right: 4px;
}

.w9-panel__estimate .w9-panel__icon {
    margin-top: 0;
    margin-right: 2px;
}

.w9-panel__estimate .w9-panel__label {
    margin-top: 1px;
}

.w9-panel__label {
    width: 104px;
    margin-top: 1px;
}

.w9-panel__step.is-active {
    font-weight: 700;
    color: #ffff00;
}

.w9-panel.is-plain-active .w9-panel__step.is-active,
.w9-panel.is-plain-time .w9-panel__time {
    font-weight: 400;
}

.w9-panel__title.is-small,
.w9-panel__title.is-small b {
    top: 3px;
    left: 182px;
    font: 400 20px/26px "Arial Win98 Pixel 20", sans-serif;
}

.w9-field.is-disabled.is-white {
    color: var(--w9-shadow);
    background: #ffffff;
}

.w9-btn.is-disabled.is-flat {
    text-shadow: none;
}

.w9-panel__rule {
    position: absolute;
    left: 4px;
    width: 126px;
    height: 1px;
    background: #ffffff;
}

.w9-panel__time {
    position: absolute;
    left: -1px;
    width: 134px;
    margin: 0;
    font-weight: 700;
    text-align: center;
    color: #ffff00;
}

.w9-panel__info {
    position: absolute;
    left: 8px;
    width: 124px;
    margin: 0;
    white-space: pre-line;
    color: #ffffff;
}

.w9-panel__info.is-yellow {
    color: #ffff00;
}

.w9-panel__copy {
    position: absolute;
    left: 0;
    width: 134px;
    margin: 0;
    text-align: center;
    color: #ffffff;
}

.w9-panel__logo {
    position: absolute;
    top: 457px;
    left: 18px;
}

/* ------------------------------------------------------------------ textes, images, cadres */
.w9-text {
    position: absolute;
    margin: 0;
    white-space: pre-line;
}

.w9-text.is-bold {
    font-weight: 700;
}

.w9-font--title {
    font: 700 21px/24px "Arial Win98 Pixel 21", sans-serif;
}

.w9-font--title19 {
    font: 700 19px/22px "Arial Win98 Pixel 19", sans-serif;
}

.w9-font--slide-title {
    font: 700 16px/19px "Arial Win98 Pixel 16", sans-serif;
}

.w9-font--system {
    font: 400 14px/16px "System Win95", sans-serif;
}

/* Boîte du mini-Windows 3.1 (redémarrage) : légende centrée en police System, case du menu système à gauche. */
.w9-win--w31inactive .w9-win__title {
    color: #000000;
    background: #ffffff;
}

.w9-btn.w9-btn--system .w9-btn__label {
    font: 400 14px/16px "System Win95", sans-serif;
}

/* Case du menu système (« — ») à gauche de la légende. */
.w9-win--w31dlg .w9-win__title::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border-right: 1px solid #000000;
    background: var(--w9-face) linear-gradient(#ffffff, #ffffff) 4px 7px / 10px 3px no-repeat;
    box-shadow: inset 4px 7px 0 -4px #000000;
    content: "";
}

.w9-win--w31dlg .w9-win__title {
    justify-content: center;
}

.w9-win--w31dlg .w9-win__text {
    flex: 1;
    padding-left: 19px;
    font: 400 14px/16px "System Win95", sans-serif;
    text-align: center;
}

.w9-font--serif24 {
    font: 400 33px/35px "MS Serif Win95 24", serif;
}

.w9-font--serif18b {
    font: 400 25px/27px "MS Serif Win95 18 Bold", serif;
    letter-spacing: 0.5px;
}

/* Boutons du mini-Windows 3.1 du Setup de Windows 95 : cadre noir de 2 px aux coins adoucis, relief épais. */
.w9-btn.w9-btn--w31 {
    border: 2px solid #000000;
    border-radius: 2px;
    background: var(--w9-face);
    box-shadow: inset 2px 2px 0 #ffffff, inset -3px -3px 0 var(--w9-shadow);
}

.w9-list__row.has-check {
    display: flex;
    align-items: center;
    height: 17px;
}

.w9-list__check {
    flex: none;
    width: 13px;
    height: 13px;
    margin-right: 4px;
    border: 1px solid #000000;
    background: #ffffff;
}

.w9-list__text {
    padding: 0 1px;
}

.w9-tri {
    position: absolute;
    width: 5px;
    height: 9px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="9" shape-rendering="crispEdges"><rect x="0" y="0" width="1" height="1"/><rect x="0" y="1" width="2" height="1"/><rect x="0" y="2" width="3" height="1"/><rect x="0" y="3" width="4" height="1"/><rect x="0" y="4" width="5" height="1"/><rect x="0" y="5" width="4" height="1"/><rect x="0" y="6" width="3" height="1"/><rect x="0" y="7" width="2" height="1"/><rect x="0" y="8" width="1" height="1"/></svg>') no-repeat;
}

.w9-font--verdana16 {
    font: 400 16px/18px "Verdana Win2000 Pixel 16", sans-serif;
}

.w9-font--slide {
    font: 400 13px/16px "Arial Win98 Pixel 13", sans-serif;
}

.w9-img {
    position: absolute;
    overflow: hidden;
}

.w9-img img {
    position: absolute;
    top: 0;
    left: 0;
    image-rendering: pixelated;
}

.w9-rect {
    position: absolute;
}

.w9-box {
    position: absolute;
}

.w9-box--sunken {
    border-top: 1px solid var(--w9-shadow);
    border-left: 1px solid var(--w9-shadow);
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    box-shadow: inset 1px 1px 0 #000000, inset -1px -1px 0 var(--w9-face);
}

.w9-box--thin {
    border-top: 1px solid var(--w9-shadow);
    border-left: 1px solid var(--w9-shadow);
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.w9-box--group {
    border: 1px solid var(--w9-shadow);
    box-shadow: 1px 1px 0 #ffffff, inset 1px 1px 0 #ffffff;
}

.w9-box--tab {
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    box-shadow: inset -1px -1px 0 var(--w9-shadow);
}

.w9-box--tabhead {
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #000000;
    box-shadow: inset -1px 0 0 var(--w9-shadow);
    background: var(--w9-face);
}

.w9-text.w9-grouplabel {
    padding: 0 2px;
    background: var(--w9-face);
}

.w9-box--sep {
    border-top: 1px solid var(--w9-shadow);
    border-bottom: 1px solid #ffffff;
}

/* ------------------------------------------------------------------ fenêtres
   Classique : gris, blanc, gris (haut/gauche), ombre puis noir (bas/droite), barre de titre de 18 px.
   « setup » (accueil, initialisation) : liseré noir, cadre bleu marine de 4 px, filet blanc, titre centré, corps blanc.
   « wizard » (assistant) : liseré ombre et blanc / ombre et noir, titre centré dans un cadre en creux. */
.w9-win {
    position: absolute;
    padding: 2px;
    border-top: 1px solid var(--w9-face);
    border-left: 1px solid var(--w9-face);
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background: var(--w9-face);
    box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 var(--w9-shadow);
}

.w9-win__title {
    position: relative;
    display: flex;
    align-items: center;
    height: 18px;
    padding: 0 2px 0 2px;
    font-weight: 700;
    color: #ffffff;
    background: var(--w9-navy);
}

.w9-win.is-inactive .w9-win__title {
    color: var(--w9-face);
    background: var(--w9-shadow);
}

.w9-win--setup {
    padding: 3px 4px 4px;
    border: 1px solid #000000;
    background: var(--w9-navy);
    box-shadow: none;
}

.w9-win--setup::after {
    position: absolute;
    top: 23px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    background: #ffffff;
    content: "";
}

.w9-win--setup .w9-win__title {
    justify-content: center;
    height: 20px;
    border: 1px solid #ffffff;
    border-bottom-color: #000000;
}

.w9-win--wizard {
    padding: 0;
    border-top: 1px solid var(--w9-shadow);
    border-left: 1px solid var(--w9-shadow);
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 var(--w9-shadow);
}

.w9-win--wizard .w9-win__text,
.w9-win--setup .w9-win__text {
    flex: none;
    font: 700 14px/16px "MS Sans Serif Win98 10", sans-serif;
    letter-spacing: -0.28px;
}

.w9-win--wizard .w9-win__title {
    justify-content: center;
    margin: 3px 3px 0;
    border-top: 1px solid var(--w9-shadow);
    border-left: 1px solid var(--w9-shadow);
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    height: 20px;
}

.w9-win__text {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
}

.w9-win.is-centered .w9-win__text {
    flex: none;
}

.w9-win__btn {
    position: relative;
    width: 16px;
    height: 14px;
    margin-left: 2px;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    color: #000000;
    background: var(--w9-face);
    box-shadow: inset -1px -1px 0 #000000, inset 1px 1px 0 #ffffff, inset -2px -2px 0 var(--w9-shadow);
}

.w9-win__btn--close::before,
.w9-win__btn--close::after {
    position: absolute;
    top: 6px;
    left: 4px;
    width: 8px;
    height: 2px;
    background: #000000;
    content: "";
    transform: rotate(45deg);
}

.w9-win__btn--close::after {
    transform: rotate(-45deg);
}

.w9-win__btn--close.is-disabled::before,
.w9-win__btn--close.is-disabled::after {
    background: var(--w9-shadow);
}

/* ------------------------------------------------------------------ contrôles */
/* Boutons de l'installateur (16 couleurs) : liseré noir, relief de 2 px ; bouton par défaut : liseré de 2 px. */
.w9-btn {
    position: absolute;
    padding: 0;
    border: 1px solid #000000;
    font: inherit;
    color: #000000;
    background: var(--w9-face);
    box-shadow: inset 2px 2px 0 #ffffff, inset -2px -2px 0 var(--w9-shadow);
    cursor: default;
}

.w9-btn.is-default {
    border-width: 2px;
}

.w9-btn.is-focus .w9-btn__label {
    outline: 1px dotted #000000;
    outline-offset: 1px;
}

/* Bouton Windows 95/98 ordinaire (après l'installation : ouverture de session). */
.w9-btn--classic {
    border: 0;
    box-shadow: inset -1px -1px 0 #000000, inset 1px 1px 0 #ffffff, inset -2px -2px 0 var(--w9-shadow);
}

.w9-btn--classic.is-default,
.w9-btn--classic.is-default-inactive {
    border: 1px solid #000000;
    box-shadow: inset -1px -1px 0 #000000, inset 1px 1px 0 #ffffff, inset -2px -2px 0 var(--w9-shadow);
}

.w9-btn.is-disabled {
    color: var(--w9-shadow);
    text-shadow: 1px 1px 0 #ffffff;
}

.w9-btn__label {
    display: inline-block;
}

.w9-radio,
.w9-check {
    position: absolute;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.w9-radio__dot {
    flex: none;
    position: relative;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: inset 1px 1px 0 var(--w9-shadow), inset -1px -1px 0 #ffffff, inset 2px 2px 0 #000000, inset -2px -2px 0 var(--w9-face);
}

.w9-radio.is-checked .w9-radio__dot::after {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000000;
    content: "";
}

.w9-radio--bitmap .w9-radio__dot {
    width: 13px;
    height: 13px;
    margin-right: 5px;
    border-radius: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" shape-rendering="crispEdges"><rect x="4" y="0" width="1" height="1" fill="%2387888f"/><rect x="5" y="0" width="1" height="1" fill="%2387888f"/><rect x="6" y="0" width="1" height="1" fill="%2387888f"/><rect x="7" y="0" width="1" height="1" fill="%2387888f"/><rect x="2" y="1" width="1" height="1" fill="%2387888f"/><rect x="3" y="1" width="1" height="1" fill="%23000000"/><rect x="4" y="1" width="1" height="1" fill="%23000000"/><rect x="5" y="1" width="1" height="1" fill="%23000000"/><rect x="6" y="1" width="1" height="1" fill="%23000000"/><rect x="7" y="1" width="1" height="1" fill="%23000000"/><rect x="8" y="1" width="1" height="1" fill="%23000000"/><rect x="9" y="1" width="1" height="1" fill="%2387888f"/><rect x="1" y="2" width="1" height="1" fill="%2387888f"/><rect x="2" y="2" width="1" height="1" fill="%23000000"/><rect x="3" y="2" width="1" height="1" fill="%2387888f"/><rect x="4" y="2" width="1" height="1" fill="%23ffffff"/><rect x="5" y="2" width="1" height="1" fill="%23ffffff"/><rect x="6" y="2" width="1" height="1" fill="%23ffffff"/><rect x="7" y="2" width="1" height="1" fill="%23ffffff"/><rect x="8" y="2" width="1" height="1" fill="%23ffffff"/><rect x="9" y="2" width="1" height="1" fill="%23000000"/><rect x="10" y="2" width="1" height="1" fill="%2387888f"/><rect x="1" y="3" width="1" height="1" fill="%23000000"/><rect x="2" y="3" width="1" height="1" fill="%2387888f"/><rect x="3" y="3" width="1" height="1" fill="%23ffffff"/><rect x="4" y="3" width="1" height="1" fill="%23ffffff"/><rect x="5" y="3" width="1" height="1" fill="%23ffffff"/><rect x="6" y="3" width="1" height="1" fill="%23ffffff"/><rect x="7" y="3" width="1" height="1" fill="%23ffffff"/><rect x="8" y="3" width="1" height="1" fill="%23ffffff"/><rect x="9" y="3" width="1" height="1" fill="%23ffffff"/><rect x="10" y="3" width="1" height="1" fill="%2387888f"/><rect x="0" y="4" width="1" height="1" fill="%2387888f"/><rect x="1" y="4" width="1" height="1" fill="%23000000"/><rect x="2" y="4" width="1" height="1" fill="%23ffffff"/><rect x="3" y="4" width="1" height="1" fill="%23ffffff"/><rect x="4" y="4" width="1" height="1" fill="%23ffffff"/><rect x="5" y="4" width="1" height="1" fill="%23ffffff"/><rect x="6" y="4" width="1" height="1" fill="%23ffffff"/><rect x="7" y="4" width="1" height="1" fill="%23ffffff"/><rect x="8" y="4" width="1" height="1" fill="%23ffffff"/><rect x="9" y="4" width="1" height="1" fill="%23ffffff"/><rect x="10" y="4" width="1" height="1" fill="%23ffffff"/><rect x="11" y="4" width="1" height="1" fill="%2387888f"/><rect x="12" y="4" width="1" height="1" fill="%23ffffff"/><rect x="0" y="5" width="1" height="1" fill="%2387888f"/><rect x="1" y="5" width="1" height="1" fill="%23000000"/><rect x="2" y="5" width="1" height="1" fill="%23ffffff"/><rect x="3" y="5" width="1" height="1" fill="%23ffffff"/><rect x="4" y="5" width="1" height="1" fill="%23ffffff"/><rect x="5" y="5" width="1" height="1" fill="%23ffffff"/><rect x="6" y="5" width="1" height="1" fill="%23ffffff"/><rect x="7" y="5" width="1" height="1" fill="%23ffffff"/><rect x="8" y="5" width="1" height="1" fill="%23ffffff"/><rect x="9" y="5" width="1" height="1" fill="%23ffffff"/><rect x="10" y="5" width="1" height="1" fill="%23ffffff"/><rect x="11" y="5" width="1" height="1" fill="%2387888f"/><rect x="12" y="5" width="1" height="1" fill="%23ffffff"/><rect x="0" y="6" width="1" height="1" fill="%2387888f"/><rect x="1" y="6" width="1" height="1" fill="%23000000"/><rect x="2" y="6" width="1" height="1" fill="%23ffffff"/><rect x="3" y="6" width="1" height="1" fill="%23ffffff"/><rect x="4" y="6" width="1" height="1" fill="%23ffffff"/><rect x="5" y="6" width="1" height="1" fill="%23ffffff"/><rect x="6" y="6" width="1" height="1" fill="%23ffffff"/><rect x="7" y="6" width="1" height="1" fill="%23ffffff"/><rect x="8" y="6" width="1" height="1" fill="%23ffffff"/><rect x="9" y="6" width="1" height="1" fill="%23ffffff"/><rect x="10" y="6" width="1" height="1" fill="%23ffffff"/><rect x="11" y="6" width="1" height="1" fill="%2387888f"/><rect x="12" y="6" width="1" height="1" fill="%23ffffff"/><rect x="0" y="7" width="1" height="1" fill="%2387888f"/><rect x="1" y="7" width="1" height="1" fill="%23000000"/><rect x="2" y="7" width="1" height="1" fill="%23ffffff"/><rect x="3" y="7" width="1" height="1" fill="%23ffffff"/><rect x="4" y="7" width="1" height="1" fill="%23ffffff"/><rect x="5" y="7" width="1" height="1" fill="%23ffffff"/><rect x="6" y="7" width="1" height="1" fill="%23ffffff"/><rect x="7" y="7" width="1" height="1" fill="%23ffffff"/><rect x="8" y="7" width="1" height="1" fill="%23ffffff"/><rect x="9" y="7" width="1" height="1" fill="%23ffffff"/><rect x="10" y="7" width="1" height="1" fill="%23ffffff"/><rect x="11" y="7" width="1" height="1" fill="%2387888f"/><rect x="12" y="7" width="1" height="1" fill="%23ffffff"/><rect x="1" y="8" width="1" height="1" fill="%23000000"/><rect x="2" y="8" width="1" height="1" fill="%23ffffff"/><rect x="3" y="8" width="1" height="1" fill="%23ffffff"/><rect x="4" y="8" width="1" height="1" fill="%23ffffff"/><rect x="5" y="8" width="1" height="1" fill="%23ffffff"/><rect x="6" y="8" width="1" height="1" fill="%23ffffff"/><rect x="7" y="8" width="1" height="1" fill="%23ffffff"/><rect x="8" y="8" width="1" height="1" fill="%23ffffff"/><rect x="9" y="8" width="1" height="1" fill="%23ffffff"/><rect x="10" y="8" width="1" height="1" fill="%23ffffff"/><rect x="11" y="8" width="1" height="1" fill="%2387888f"/><rect x="12" y="8" width="1" height="1" fill="%23ffffff"/><rect x="1" y="9" width="1" height="1" fill="%2387888f"/><rect x="2" y="9" width="1" height="1" fill="%23000000"/><rect x="3" y="9" width="1" height="1" fill="%23ffffff"/><rect x="4" y="9" width="1" height="1" fill="%23ffffff"/><rect x="5" y="9" width="1" height="1" fill="%23ffffff"/><rect x="6" y="9" width="1" height="1" fill="%23ffffff"/><rect x="7" y="9" width="1" height="1" fill="%23ffffff"/><rect x="8" y="9" width="1" height="1" fill="%23ffffff"/><rect x="9" y="9" width="1" height="1" fill="%23ffffff"/><rect x="10" y="9" width="1" height="1" fill="%2387888f"/><rect x="11" y="9" width="1" height="1" fill="%23ffffff"/><rect x="2" y="10" width="1" height="1" fill="%2387888f"/><rect x="3" y="10" width="1" height="1" fill="%2387888f"/><rect x="4" y="10" width="1" height="1" fill="%23ffffff"/><rect x="5" y="10" width="1" height="1" fill="%23ffffff"/><rect x="6" y="10" width="1" height="1" fill="%23ffffff"/><rect x="7" y="10" width="1" height="1" fill="%23ffffff"/><rect x="8" y="10" width="1" height="1" fill="%23ffffff"/><rect x="9" y="10" width="1" height="1" fill="%2387888f"/><rect x="11" y="10" width="1" height="1" fill="%23ffffff"/><rect x="4" y="11" width="1" height="1" fill="%2387888f"/><rect x="5" y="11" width="1" height="1" fill="%2387888f"/><rect x="6" y="11" width="1" height="1" fill="%2387888f"/><rect x="7" y="11" width="1" height="1" fill="%2387888f"/><rect x="8" y="11" width="1" height="1" fill="%2387888f"/><rect x="9" y="11" width="1" height="1" fill="%23ffffff"/><rect x="10" y="11" width="1" height="1" fill="%23ffffff"/><rect x="4" y="12" width="1" height="1" fill="%23ffffff"/><rect x="5" y="12" width="1" height="1" fill="%23ffffff"/><rect x="6" y="12" width="1" height="1" fill="%23ffffff"/><rect x="7" y="12" width="1" height="1" fill="%23ffffff"/><rect x="8" y="12" width="1" height="1" fill="%23ffffff"/></svg>') no-repeat;
    box-shadow: none;
}

.w9-radio--bitmap.is-checked .w9-radio__dot {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" shape-rendering="crispEdges"><rect x="4" y="0" width="1" height="1" fill="%2387888f"/><rect x="5" y="0" width="1" height="1" fill="%2387888f"/><rect x="6" y="0" width="1" height="1" fill="%2387888f"/><rect x="7" y="0" width="1" height="1" fill="%2387888f"/><rect x="2" y="1" width="1" height="1" fill="%2387888f"/><rect x="3" y="1" width="1" height="1" fill="%23000000"/><rect x="4" y="1" width="1" height="1" fill="%23000000"/><rect x="5" y="1" width="1" height="1" fill="%23000000"/><rect x="6" y="1" width="1" height="1" fill="%23000000"/><rect x="7" y="1" width="1" height="1" fill="%23000000"/><rect x="8" y="1" width="1" height="1" fill="%23000000"/><rect x="9" y="1" width="1" height="1" fill="%2387888f"/><rect x="1" y="2" width="1" height="1" fill="%2387888f"/><rect x="2" y="2" width="1" height="1" fill="%23000000"/><rect x="3" y="2" width="1" height="1" fill="%2387888f"/><rect x="4" y="2" width="1" height="1" fill="%23ffffff"/><rect x="5" y="2" width="1" height="1" fill="%23ffffff"/><rect x="6" y="2" width="1" height="1" fill="%23ffffff"/><rect x="7" y="2" width="1" height="1" fill="%23ffffff"/><rect x="8" y="2" width="1" height="1" fill="%23ffffff"/><rect x="9" y="2" width="1" height="1" fill="%23000000"/><rect x="10" y="2" width="1" height="1" fill="%2387888f"/><rect x="1" y="3" width="1" height="1" fill="%23000000"/><rect x="2" y="3" width="1" height="1" fill="%2387888f"/><rect x="3" y="3" width="1" height="1" fill="%23ffffff"/><rect x="4" y="3" width="1" height="1" fill="%23ffffff"/><rect x="5" y="3" width="1" height="1" fill="%2387888f"/><rect x="6" y="3" width="1" height="1" fill="%2387888f"/><rect x="7" y="3" width="1" height="1" fill="%2387888f"/><rect x="8" y="3" width="1" height="1" fill="%23ffffff"/><rect x="9" y="3" width="1" height="1" fill="%23ffffff"/><rect x="10" y="3" width="1" height="1" fill="%2387888f"/><rect x="0" y="4" width="1" height="1" fill="%2387888f"/><rect x="1" y="4" width="1" height="1" fill="%23000000"/><rect x="2" y="4" width="1" height="1" fill="%23ffffff"/><rect x="3" y="4" width="1" height="1" fill="%23ffffff"/><rect x="4" y="4" width="1" height="1" fill="%23000000"/><rect x="5" y="4" width="1" height="1" fill="%23000000"/><rect x="6" y="4" width="1" height="1" fill="%23000000"/><rect x="7" y="4" width="1" height="1" fill="%23000000"/><rect x="8" y="4" width="1" height="1" fill="%23000000"/><rect x="9" y="4" width="1" height="1" fill="%23ffffff"/><rect x="10" y="4" width="1" height="1" fill="%23ffffff"/><rect x="11" y="4" width="1" height="1" fill="%2387888f"/><rect x="12" y="4" width="1" height="1" fill="%23ffffff"/><rect x="0" y="5" width="1" height="1" fill="%2387888f"/><rect x="1" y="5" width="1" height="1" fill="%23000000"/><rect x="2" y="5" width="1" height="1" fill="%23ffffff"/><rect x="3" y="5" width="1" height="1" fill="%2387888f"/><rect x="4" y="5" width="1" height="1" fill="%23000000"/><rect x="5" y="5" width="1" height="1" fill="%23000000"/><rect x="6" y="5" width="1" height="1" fill="%23000000"/><rect x="7" y="5" width="1" height="1" fill="%23000000"/><rect x="8" y="5" width="1" height="1" fill="%23000000"/><rect x="9" y="5" width="1" height="1" fill="%2387888f"/><rect x="10" y="5" width="1" height="1" fill="%23ffffff"/><rect x="11" y="5" width="1" height="1" fill="%2387888f"/><rect x="12" y="5" width="1" height="1" fill="%23ffffff"/><rect x="0" y="6" width="1" height="1" fill="%2387888f"/><rect x="1" y="6" width="1" height="1" fill="%23000000"/><rect x="2" y="6" width="1" height="1" fill="%23ffffff"/><rect x="3" y="6" width="1" height="1" fill="%2387888f"/><rect x="4" y="6" width="1" height="1" fill="%23000000"/><rect x="5" y="6" width="1" height="1" fill="%23000000"/><rect x="6" y="6" width="1" height="1" fill="%23000000"/><rect x="7" y="6" width="1" height="1" fill="%23000000"/><rect x="8" y="6" width="1" height="1" fill="%23000000"/><rect x="9" y="6" width="1" height="1" fill="%2387888f"/><rect x="10" y="6" width="1" height="1" fill="%23ffffff"/><rect x="11" y="6" width="1" height="1" fill="%2387888f"/><rect x="12" y="6" width="1" height="1" fill="%23ffffff"/><rect x="0" y="7" width="1" height="1" fill="%2387888f"/><rect x="1" y="7" width="1" height="1" fill="%23000000"/><rect x="2" y="7" width="1" height="1" fill="%23ffffff"/><rect x="3" y="7" width="1" height="1" fill="%2387888f"/><rect x="4" y="7" width="1" height="1" fill="%23000000"/><rect x="5" y="7" width="1" height="1" fill="%23000000"/><rect x="6" y="7" width="1" height="1" fill="%23000000"/><rect x="7" y="7" width="1" height="1" fill="%23000000"/><rect x="8" y="7" width="1" height="1" fill="%23000000"/><rect x="9" y="7" width="1" height="1" fill="%2387888f"/><rect x="10" y="7" width="1" height="1" fill="%23ffffff"/><rect x="11" y="7" width="1" height="1" fill="%2387888f"/><rect x="12" y="7" width="1" height="1" fill="%23ffffff"/><rect x="1" y="8" width="1" height="1" fill="%23000000"/><rect x="2" y="8" width="1" height="1" fill="%23ffffff"/><rect x="3" y="8" width="1" height="1" fill="%23ffffff"/><rect x="4" y="8" width="1" height="1" fill="%23000000"/><rect x="5" y="8" width="1" height="1" fill="%23000000"/><rect x="6" y="8" width="1" height="1" fill="%23000000"/><rect x="7" y="8" width="1" height="1" fill="%23000000"/><rect x="8" y="8" width="1" height="1" fill="%23000000"/><rect x="9" y="8" width="1" height="1" fill="%23ffffff"/><rect x="10" y="8" width="1" height="1" fill="%23ffffff"/><rect x="11" y="8" width="1" height="1" fill="%2387888f"/><rect x="12" y="8" width="1" height="1" fill="%23ffffff"/><rect x="1" y="9" width="1" height="1" fill="%2387888f"/><rect x="2" y="9" width="1" height="1" fill="%23000000"/><rect x="3" y="9" width="1" height="1" fill="%23ffffff"/><rect x="4" y="9" width="1" height="1" fill="%23ffffff"/><rect x="5" y="9" width="1" height="1" fill="%2387888f"/><rect x="6" y="9" width="1" height="1" fill="%2387888f"/><rect x="7" y="9" width="1" height="1" fill="%2387888f"/><rect x="8" y="9" width="1" height="1" fill="%23ffffff"/><rect x="9" y="9" width="1" height="1" fill="%23ffffff"/><rect x="10" y="9" width="1" height="1" fill="%2387888f"/><rect x="11" y="9" width="1" height="1" fill="%23ffffff"/><rect x="2" y="10" width="1" height="1" fill="%2387888f"/><rect x="3" y="10" width="1" height="1" fill="%2387888f"/><rect x="4" y="10" width="1" height="1" fill="%23ffffff"/><rect x="5" y="10" width="1" height="1" fill="%23ffffff"/><rect x="6" y="10" width="1" height="1" fill="%23ffffff"/><rect x="7" y="10" width="1" height="1" fill="%23ffffff"/><rect x="8" y="10" width="1" height="1" fill="%23ffffff"/><rect x="9" y="10" width="1" height="1" fill="%2387888f"/><rect x="11" y="10" width="1" height="1" fill="%23ffffff"/><rect x="4" y="11" width="1" height="1" fill="%2387888f"/><rect x="5" y="11" width="1" height="1" fill="%2387888f"/><rect x="6" y="11" width="1" height="1" fill="%2387888f"/><rect x="7" y="11" width="1" height="1" fill="%2387888f"/><rect x="8" y="11" width="1" height="1" fill="%2387888f"/><rect x="9" y="11" width="1" height="1" fill="%23ffffff"/><rect x="10" y="11" width="1" height="1" fill="%23ffffff"/><rect x="4" y="12" width="1" height="1" fill="%23ffffff"/><rect x="5" y="12" width="1" height="1" fill="%23ffffff"/><rect x="6" y="12" width="1" height="1" fill="%23ffffff"/><rect x="7" y="12" width="1" height="1" fill="%23ffffff"/><rect x="8" y="12" width="1" height="1" fill="%23ffffff"/></svg>');
}

.w9-radio--bitmap.is-checked .w9-radio__dot::after {
    content: none;
}

.w9-radio.is-focus .w9-radio__label {
    outline: 1px dotted #000000;
}

.w9-check__box {
    flex: none;
    position: relative;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    background: #ffffff;
    box-shadow: inset 1px 1px 0 var(--w9-shadow), inset -1px -1px 0 #ffffff, inset 2px 2px 0 #000000, inset -2px -2px 0 var(--w9-face);
}

.w9-check.is-checked .w9-check__box::after {
    position: absolute;
    top: 2px;
    left: 3px;
    width: 4px;
    height: 7px;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    content: "";
    transform: rotate(40deg);
}

.w9-field {
    position: absolute;
    padding: 2px 3px;
    border: 0;
    font: inherit;
    color: #000000;
    background: #ffffff;
    box-shadow: inset 1px 1px 0 var(--w9-shadow), inset -1px -1px 0 #ffffff, inset 2px 2px 0 #000000, inset -2px -2px 0 var(--w9-face);
    outline: none;
}

.w9-field:focus {
    box-shadow: inset 1px 1px 0 var(--w9-shadow), inset -1px -1px 0 #ffffff, inset 2px 2px 0 #000000, inset -2px -2px 0 var(--w9-face);
    outline: none;
}

.w9-field::selection {
    color: #ffffff;
    background: var(--w9-navy);
}

.w9-field.is-disabled {
    background: var(--w9-face);
}

.w9-list {
    position: absolute;
    padding: 2px;
    background: #ffffff;
    box-shadow: inset 1px 1px 0 var(--w9-shadow), inset -1px -1px 0 #ffffff, inset 2px 2px 0 #000000, inset -2px -2px 0 var(--w9-face);
    overflow: hidden;
}

.w9-list__row {
    height: 13px;
    padding-left: 2px;
    white-space: nowrap;
}

.w9-list__row.is-selected {
    color: #ffffff;
    background: var(--w9-navy);
}

/* Rectangle de focus (pointillé en inversion : jaune sur le bleu de la sélection). */
.w9-list.is-focus .w9-list__row.is-selected {
    outline: 1px dotted #ffff00;
    outline-offset: -1px;
}

.w9-scroll {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    width: 16px;
    /* Gouttière tramée blanc / gris (16 couleurs). */
    background: var(--w9-face) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E") 0 0 / 2px 2px;
}

.w9-scroll.is-solid {
    background: var(--w9-face);
}

.w9-scroll--free {
    top: auto;
    right: auto;
    bottom: auto;
}

.w9-scroll__up,
.w9-scroll__down,
.w9-scroll__thumb {
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    background: var(--w9-face);
    box-shadow: inset -1px -1px 0 #000000, inset 1px 1px 0 #ffffff, inset -2px -2px 0 var(--w9-shadow);
}

.w9-scroll__up {
    top: 0;
}

.w9-scroll__down {
    bottom: 0;
}

.w9-scroll__up::after,
.w9-scroll__down::after {
    position: absolute;
    top: 6px;
    left: 4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
}

.w9-scroll__up::after {
    border-bottom: 4px solid #000000;
}

.w9-scroll__down::after {
    border-top: 4px solid #000000;
}

/* Liste de Windows Me (pilote 16 couleurs) : cadre intérieur noir, flèches à tige, gouttière unie. */
.w9-list--me {
    box-shadow: inset 1px 0 0 var(--w9-shadow), inset -1px -1px 0 #ffffff, inset 2px 2px 0 #000000, inset -2px -2px 0 #000000;
}

.w9-list--me .w9-scroll {
    right: 3px;
    width: 15px;
    border-left: 1px solid #000000;
    background: var(--w9-face);
}

.w9-list--me .w9-scroll__up,
.w9-list--me .w9-scroll__down {
    width: 15px;
    height: 15px;
    background: var(--w9-face) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" shape-rendering="crispEdges"><rect x="7" y="4" width="1" height="1"/><rect x="6" y="5" width="3" height="1"/><rect x="5" y="6" width="5" height="1"/><rect x="4" y="7" width="7" height="1"/><rect x="6" y="8" width="3" height="1"/><rect x="6" y="9" width="3" height="1"/><rect x="6" y="10" width="3" height="1"/></svg>') no-repeat;
    box-shadow: 0 1px 0 #000000, inset 1px 1px 0 #ffffff, inset -2px -2px 0 var(--w9-shadow);
}

.w9-list--me .w9-scroll__down {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" shape-rendering="crispEdges"><rect x="6" y="4" width="3" height="1"/><rect x="6" y="5" width="3" height="1"/><rect x="6" y="6" width="3" height="1"/><rect x="4" y="7" width="7" height="1"/><rect x="5" y="8" width="5" height="1"/><rect x="6" y="9" width="3" height="1"/><rect x="7" y="10" width="1" height="1"/></svg>');
    box-shadow: 0 -1px 0 #000000, inset 1px 1px 0 #ffffff, inset -2px -2px 0 var(--w9-shadow);
}

.w9-list--me .w9-scroll__up::after,
.w9-list--me .w9-scroll__down::after {
    content: none;
}

.w9-list--me .w9-scroll__thumb {
    width: 15px;
    height: 17px;
    box-shadow: inset 0 1px 0 #000000, inset 0 -1px 0 #000000, inset 1px 2px 0 #ffffff, inset -2px -3px 0 var(--w9-shadow);
}

.w9-progress {
    position: absolute;
    padding: 2px;
    background: #ffffff;
    box-shadow: inset 1px 1px 0 var(--w9-shadow), inset -1px -1px 0 #ffffff;
    overflow: hidden;
}

.w9-progress.is-flat {
    padding: 0;
    box-shadow: none;
}

.w9-progress.is-flat .w9-progress__pct {
    font-family: "MS Sans Serif Win98 10", sans-serif;
}

/* Barre du mini-Windows 3.1 du Setup de Windows 95 : cadre noir d'un pixel, sans marge. */
.w9-progress--flat31 {
    padding: 0;
    border: 1px solid #000000;
    box-shadow: none;
}

.w9-progress--flat31 .w9-progress__pct,
.w9-progress--flat31 .w9-progress__over .w9-progress__pct {
    line-height: 21px;
}

/* Barre de Windows 2000 : marge intérieure couleur de face, remplissage continu. */
/* Légende des fenêtres de Windows 2000 : Tahoma gras 8 pt. */
.w9-win--2k .w9-win__text {
    font: 400 11px/13px "Tahoma Win2000 Pixel Bold", sans-serif;
}

.w9-progress--bar2k {
    background: var(--w9-face);
}

.w9-progress--blocks {
    background: var(--w9-face);
}

.w9-progress__fill {
    display: block;
    width: 0;
    height: 100%;
    background: var(--w9-navy);
}

.w9-progress--blocks .w9-progress__fill {
    background: repeating-linear-gradient(90deg, var(--w9-navy) 0 8px, transparent 8px 10px);
}

.w9-progress__pct,
.w9-progress__over {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    color: #000000;
}

.w9-progress__over {
    right: auto;
    width: 0;
    overflow: hidden;
    white-space: nowrap;
}

.w9-progress__over .w9-progress__pct {
    width: 116px;
    color: #ffffff;
}

.w9-combo,
.w9-spin {
    position: absolute;
    display: flex;
    align-items: center;
    padding: 2px 3px;
    background: #ffffff;
    box-shadow: inset 1px 1px 0 var(--w9-shadow), inset -1px -1px 0 #ffffff, inset 2px 2px 0 #000000, inset -2px -2px 0 var(--w9-face);
}

.w9-combo__value,
.w9-spin__value {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
}

.w9-combo.is-focus .w9-combo__value,
.w9-spin__value.is-selected {
    color: #ffffff;
    background: var(--w9-navy);
}

.w9-combo__arrow {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    width: 16px;
    background: var(--w9-face);
    box-shadow: inset -1px -1px 0 #000000, inset 1px 1px 0 #ffffff, inset -2px -2px 0 var(--w9-shadow);
}

.w9-combo__arrow::after {
    position: absolute;
    top: 7px;
    left: 4px;
    border-top: 4px solid #000000;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
}

.w9-spin__arrows {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    display: flex;
    flex-direction: column;
    width: 16px;
}

.w9-spin__up,
.w9-spin__down {
    flex: 1;
    background: var(--w9-face);
    box-shadow: inset -1px -1px 0 #000000, inset 1px 1px 0 #ffffff;
}

.w9-cal {
    position: absolute;
    background: #ffffff;
    box-shadow: inset 1px 1px 0 var(--w9-shadow), inset -1px -1px 0 #ffffff, inset 2px 2px 0 #000000, inset -2px -2px 0 var(--w9-face);
}

.w9-cal__head,
.w9-cal__grid {
    display: grid;
    grid-template-columns: repeat(7, 22.5px);
    margin-left: 2px;
}

.w9-cal__head {
    margin-top: 2px;
    color: #ffffff;
    background: var(--w9-shadow);
}

.w9-cal__head span,
.w9-cal__grid span {
    height: 18px;
    line-height: 18px;
    text-align: center;
}

.w9-cal__grid .is-today {
    color: #ffffff;
    background: var(--w9-navy);
}

.w9-clock {
    position: absolute;
}

.w9-slide {
    position: absolute;
    inset: 0;
}