:is(.vi,:root:has(.vi)){--vi-b-fond:#16161a;--vi-b-mot:#fff;--vi-b-filet:#ffffff29;--vi-b-ou:#ffffffb8}.vi{background:var(--mf-color-page);min-height:100svh}.vi-sonde-barres{visibility:hidden;pointer-events:none;block-size:4rem;inline-size:4rem;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:scroll}@supports selector(::-webkit-scrollbar){:root[data-vi-barres]:has(.vi-site .p-app:not(.c-app)){overflow-y:scroll}:root[data-vi-barres]:has(.vi-site .p-app:not(.c-app))::-webkit-scrollbar{inline-size:var(--vi-barres)}:root[data-vi-barres]:has(.vi-site .p-app:not(.c-app))::-webkit-scrollbar-track{background:linear-gradient(var(--vi-b-fond) 0 3rem, transparent 3rem)}:root[data-vi-barres]:has(.vi-site .p-app:not(.c-app))::-webkit-scrollbar-thumb{border-radius:var(--s-r-pill);background:color-mix(in oklab, var(--mf-color-fg) 32%, transparent) padding-box;border:.25rem solid #0000}:root[data-vi-barres]:has(.vi-site .p-app:not(.c-app))::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab, var(--mf-color-fg) 48%, transparent)}}.vi-barre{z-index:60;height:3rem;color:var(--vi-b-mot);background:var(--vi-b-fond);font-size:var(--s-t-2);align-items:center;gap:.75rem;padding-inline:1rem;display:flex;position:sticky;top:0}.vi-barre a{color:var(--vi-b-mot);flex:none;align-items:center;gap:.5rem;display:inline-flex}.vi-retour{font-weight:600}.vi-retour:hover span{text-underline-offset:.2em;text-decoration:underline}.vi-sep{background:var(--vi-b-filet);flex:none;width:1px;height:1.25rem}.vi-ou{min-width:0;color:var(--vi-b-ou);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}.vi-barre a.vi-creer{border-radius:var(--s-r-1);height:2rem;font-size:var(--s-t-2);color:var(--s-on-act);background:var(--s-act);box-shadow:var(--s-glow-act);margin-inline-start:auto;padding-inline:1rem;font-weight:600}.vi-creer:hover{filter:brightness(1.06)}.vi-exemple{align-items:flex-start;gap:var(--s-sp-2);padding:var(--s-sp-2) var(--s-sp-4);color:var(--vi-b-mot);background:var(--vi-b-fond);border-block-start:1px solid var(--vi-b-filet);font-size:var(--s-t-2);margin:0;line-height:1.45;display:flex}.vi-exemple svg{flex:none;margin-block-start:.1rem}.vi-site{isolation:isolate;background:var(--mf-color-page);position:relative}@keyframes vi-paraitre{0%{opacity:0}to{opacity:1}}.vi-attente{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.vi-attente .skeleton{background-color:color-mix(in oklab, var(--mf-color-fg) 5%, transparent);background-image:none;animation:.15s ease-out .2s both vi-paraitre}.vi-attente-accroche{border-radius:var(--s-r-4);height:min(60svh,36rem);display:block}.vi-attente-bande{border-radius:var(--s-r-4);height:12rem;display:block}.vi[data-vi-espace] .vi-attente{visibility:hidden}@keyframes vi-avancer{0%{transform:scaleX(.1)}40%{transform:scaleX(.6)}to{transform:scaleX(.92)}}.vi[data-vi-attente] .vi-barre:after{content:"";background:color-mix(in oklab, var(--vi-b-mot) 45%, transparent);pointer-events:none;transform-origin:0;height:1px;animation:.15s ease-out .2s both vi-paraitre,6s cubic-bezier(.1,.7,.2,1) .2s both vi-avancer;position:absolute;inset-block-end:0;inset-inline:0}[dir=rtl] .vi[data-vi-attente] .vi-barre:after{transform-origin:100%}.vi[data-vi-attente=long] .vi-site{cursor:progress}@media (prefers-reduced-motion:reduce){.vi[data-vi-attente] .vi-barre:after{opacity:0;animation:none;transform:scaleX(.6)}.vi[data-vi-attente=long] .vi-barre:after{opacity:1}}.vi-site [data-header-slot],.vi-site .sticky{top:3rem}.vi-site .p-app{--mf-viewport-h:calc(100svh - 3rem)}.vi-site .p-rail,.vi-site .p-topbar{inset-block-start:3rem}@media (max-width:40rem){.vi-barre{gap:.5rem;padding-inline:.75rem}.vi-ou,.vi-sep{display:none}.vi-barre a.vi-retour{flex:0 auto;min-width:0}.vi-retour span{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:12rem;overflow:hidden}}.vi-site button[data-mf-busy]{-webkit-text-fill-color:transparent;position:relative}.vi-site button[data-mf-busy]>*{visibility:hidden}.vi-site button[data-mf-busy]:after{content:attr(data-mf-busy);text-align:center;-webkit-text-fill-color:currentColor;place-items:center;padding-inline:.75rem;display:grid;position:absolute;inset:0}.vi[data-cadre] .vi-site [data-header-slot],.vi[data-cadre] .vi-site .sticky{top:0}.vi[data-cadre] .vi-site .p-app{--mf-viewport-h:100svh}.vi[data-cadre] .vi-site .p-rail,.vi[data-cadre] .vi-site .p-topbar{inset-block-start:0}
