/*
 * Pixi V2, jetons de la norme « Aurore et verre » repris des planches (Main, S01-*, valeurs relevees dans les styles des
 * planches, pas dans la doc). Tous les jetons portent le prefixe --pxip2- (prefixe `pxip`, registre CSS) et sont poses sur la
 * racine de la page (#pxip-app) ou du panneau (.pxip-panel), jamais sur :root. Le registre des prefixes n'admet pas `pxip2-` pour une classe
 * (seulement `pxip-` et `pxipa-`) : la racine du panneau est `.pxip-panel`, pas `.pxip2-panel` (v2-architecture-front.md section 5 est a corriger).
 * Une regle par ligne (LiteSpeed combine et minifie : un diff lisible retrouve la regle fautive, conflicts.md P31).
 */
@font-face{font-family:'Urbanist';font-style:normal;font-weight:400 800;font-display:swap;src:url('../../fonts/urbanist/urbanist-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Urbanist';font-style:normal;font-weight:400 800;font-display:swap;src:url('../../fonts/urbanist/urbanist-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/instrument-serif-italic-latin.woff2') format('woff2');}
#pxip-app,.pxip-panel{--pxip2-bg:radial-gradient(55% 55% at 10% 6%,rgba(32,201,184,.15),rgba(32,201,184,0) 70%),radial-gradient(45% 50% at 90% 16%,rgba(61,190,115,.16),rgba(61,190,115,0) 70%),radial-gradient(55% 55% at 70% 100%,rgba(61,190,115,.13),rgba(61,190,115,0) 70%),#f7f9f8;}
#pxip-app,.pxip-panel{--pxip2-surf:rgba(255,255,255,.6);--pxip2-surf2:rgba(255,255,255,.9);--pxip2-rail:rgba(255,255,255,.66);--pxip2-btn2:rgba(255,255,255,.85);--pxip2-modal:rgba(255,255,255,.94);--pxip2-modal-line:rgba(1,40,39,.09);}
#pxip-app,.pxip-panel{--pxip2-ink:#0A3D3A;--pxip2-mut:#5d7070;--pxip2-acc:#1E9B52;--pxip2-acc-ink:#0f6b3a;--pxip2-line:rgba(10,61,58,.09);--pxip2-hover:rgba(10,61,58,.05);--pxip2-tint:rgba(30,155,82,.1);--pxip2-tint-bd:rgba(15,163,107,.2);}
#pxip-app,.pxip-panel{--pxip2-grad:linear-gradient(135deg,#0A3D3A,#1E9B52);--pxip2-shadow:0 20px 48px -22px rgba(15,163,107,.3),0 2px 8px rgba(15,163,107,.05),inset 0 1px 0 rgba(255,255,255,.9);--pxip2-r:12px;--pxip2-rp:9999px;}
#pxip-app,.pxip-panel{--pxip2-ink2:#0b2b28;--pxip2-mut2:#586e6b;--pxip2-teal:#0e9784;--pxip2-go:linear-gradient(115deg,#128f50 0%,#16a05a 42%,#0e9784 100%);--pxip2-go-text:linear-gradient(100deg,#12924f 0%,#0fa08a 52%,#2a87d0 100%);}
#pxip-app,.pxip-panel{--pxip2-danger:#d32f2f;--pxip2-danger-ink:#b3261e;--pxip2-amber-ink:#6b5400;--pxip2-amber-bg:rgba(236,171,0,.12);--pxip2-amber-bd:rgba(236,171,0,.4);--pxip2-focus:#1E9B52;}
#pxip-app,.pxip-panel{--pxip2-glass:linear-gradient(140deg,rgba(255,255,255,.9),rgba(255,255,255,.7));--pxip2-glass-shadow:inset 0 1px 0 #fff,0 30px 64px -34px rgba(13,82,74,.45),0 8px 20px -12px rgba(13,82,74,.14);--pxip2-chip-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 8px 20px -14px rgba(13,82,74,.4);}
#pxip-app,.pxip-panel{--pxip2-spring:cubic-bezier(.34,1.56,.64,1);--pxip2-out:cubic-bezier(.16,1,.3,1);--pxip2-std:cubic-bezier(.4,0,.2,1);--pxip2-safe-b:env(safe-area-inset-bottom,0px);}
/* Pile des infobulles : niveau des infobulles vertes (10-coque.css) et de l'en-tete de la colonne carte, au-dessus de la carte Leaflet (dont les z-index vont jusqu'a 1100, enfermes dans le cadre de la carte). */
#pxip-app,.pxip-panel{--pxip2-z-tip:50;}
/* Mot fort d'un titre : un seul par titre, Instrument Serif italique en degrade vert vers bleu (norme Aurore et verre). */
#pxip-app .pxip-accent,.pxip-panel .pxip-accent{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.015em;padding-right:.04em;background:var(--pxip2-go-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
@keyframes pxip2In{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes pxip2Fade{from{opacity:0}to{opacity:1}}
@keyframes pxip2Wave{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1)}}
@keyframes pxip2Pulse{0%{box-shadow:0 0 0 0 rgba(211,47,47,.35)}100%{box-shadow:0 0 0 10px rgba(211,47,47,0)}}
@keyframes pxip2Sh{0%{background-position:-480px 0}100%{background-position:480px 0}}
@keyframes pxip2Halo{to{transform:rotate(360deg)}}
@keyframes pxip2Sheet{from{transform:translateY(100%)}to{transform:none}}
@keyframes pxip2Drawer{from{transform:translateX(-100%)}to{transform:none}}
/* !important : coupe le mouvement meme la ou une regle de lot ou d'un tiers l'anime ; ses regles `animation:`/`transition:` (specificite 1,2,0 et plus, pxip2Pulse, pxip2Wave, pxip2In...) l'emporteraient sinon. */
@media (prefers-reduced-motion:reduce){#pxip-app *,#pxip-app *::before,#pxip-app *::after,.pxip-panel *,.pxip-panel *::before,.pxip-panel *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}