@scope(.hhh-page){.surf{--depart:0 8px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--surface);block-size:auto;max-block-size:min(80svh,80dvh);inline-size:auto;max-inline-size:none;color:var(--encre);box-shadow:var(--ombre-3);opacity:0;translate:var(--depart);transition-property:opacity,translate,display,overlay;transition-duration:.16s;transition-timing-function:var(--courbe);transition-behavior:allow-discrete;border:0;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow:hidden}.surf:popover-open{opacity:1;translate:none}@starting-style{.surf:popover-open{opacity:0;translate:var(--depart)}}@supports not selector(:popover-open){.surf{display:none}}.surf-corps{overscroll-behavior:contain;max-block-size:min(80svh,80dvh);padding:.6rem;padding-block-end:calc(.6rem + env(safe-area-inset-bottom,0px));overflow-y:auto}@media (min-width:768px){.surf{inset:auto;border-radius:var(--r);max-block-size:min(60svh,60dvh);inline-size:max-content;max-inline-size:min(92vw,22rem);inset-block-start:5.5rem;inset-inline-start:50%;transform:translate(-50%)}.surf-corps{max-block-size:min(60svh,60dvh);padding-block-end:.6rem}.surf--large{max-inline-size:min(94vw,34rem)}.surf--dessous{--depart:0 -8px}.surf--dessus{--depart:0 8px}.surf--debut{--depart:8px 0}.surf--fin{--depart:-8px 0}}@supports (anchor-name:--a){@media (min-width:768px){.surf-ancre{anchor-name:var(--ancre)}.surf-portee{anchor-scope:all}.surf{position-anchor:var(--ancre);position-try-fallbacks:flip-block,flip-inline;position-visibility:anchors-visible;margin:.35rem;inset:auto;transform:none}.surf--dessous{position-area:block-end span-inline-end}.surf--dessus{position-area:block-start span-inline-end}.surf--debut{position-area:inline-start span-block-end}.surf--fin{position-area:inline-end span-block-end}}}.tir{block-size:auto;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--encre);opacity:0;transition-property:opacity,display,overlay;transition-duration:.16s;transition-timing-function:var(--courbe);transition-behavior:allow-discrete;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.tir[open]{opacity:1;justify-content:center;align-items:flex-end;display:flex}@starting-style{.tir[open]{opacity:0}}.tir::backdrop{background:color-mix(in oklab,var(--encre-fond) 58%,transparent);opacity:0;transition:opacity .16s var(--courbe)}.tir[open]::backdrop{opacity:1}@starting-style{.tir[open]::backdrop{opacity:0}}.tir-corps{background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;max-block-size:min(88svh,88dvh);inline-size:100%;max-inline-size:640px;box-shadow:var(--ombre-3);transition:translate .16s var(--courbe);flex-direction:column;display:flex;overflow:hidden;translate:0 8px}.tir[open] .tir-corps{translate:none}@starting-style{.tir[open] .tir-corps{translate:0 8px}}.tir-poignee{background:var(--trait-2);border-radius:99px;flex:none;block-size:4px;inline-size:2.25rem;margin:.55rem auto .15rem}.tir-tete{border-bottom:1px solid var(--trait);flex:none;align-items:flex-start;gap:.75rem;padding:.5rem .9rem .7rem;display:flex}.tir-intitule{flex:1;min-inline-size:0}.tir-tete h2{font-size:var(--t-md);letter-spacing:-.015em}.tir-desc{font-size:var(--t-sm);color:var(--encre-2);margin-top:.2rem}.tir-fermer{border-radius:var(--r);background:var(--surface-2);block-size:44px;inline-size:44px;color:var(--encre-2);transition:background var(--vitesse),color var(--vitesse);flex:none;place-items:center;margin-block-start:-.15rem;display:grid}.tir-fermer:hover{background:var(--surface-3);color:var(--encre)}.tir-fermer svg{block-size:20px;inline-size:20px}.tir-contenu{overscroll-behavior:contain;scroll-snap-type:y proximity;flex:1;min-block-size:0;padding:.85rem .9rem 1rem;overflow-y:auto}.tir-section{scroll-snap-align:start;scroll-margin-block-start:.85rem}.tir-pied{border-top:1px solid var(--trait);background:var(--surface-2);flex:none;gap:.5rem;padding:.7rem .9rem;padding-block-end:calc(.7rem + env(safe-area-inset-bottom,0px));display:flex}.tir-pied>*{flex:1}@media (prefers-reduced-motion:reduce){.surf,.tir,.tir::backdrop,.tir-corps{transition-duration:0s}.tir-contenu{scroll-snap-type:none}}}
