.video-tuto{--vt-accent:var(--orange,#e9632c);--vt-trait:color-mix(in srgb,currentColor 14%,transparent);--vt-voile:color-mix(in srgb,currentColor 3.5%,transparent);--vt-doux:color-mix(in srgb,currentColor 66%,transparent);margin:0;color:inherit;background:var(--vt-voile);border:1px solid var(--vt-trait);border-radius:14px;overflow:hidden;min-width:0}.video-tuto-cadre{position:relative;aspect-ratio:16/9;background:#15120f;overflow:hidden}.video-tuto-cadre video,.video-tuto-lancer img{display:block;width:100%;height:100%;object-fit:cover}.video-tuto-cadre video{object-fit:contain;background:#15120f}.video-tuto-lancer{position:absolute;inset:0;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;color:#fff}.video-tuto-lancer:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,rgba(12,10,8,.55),transparent);pointer-events:none}.video-tuto-lecture{position:absolute;left:12px;bottom:12px;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:999px;background:rgba(255,255,255,.95);color:#1b1714;font-size:.875rem;font-weight:600;line-height:1;box-shadow:0 6px 20px rgba(0,0,0,.3);transition:transform .18s ease,background .18s ease}.video-tuto-rond{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--vt-accent)}.video-tuto-rond svg{width:16px;height:16px;margin-left:2px;fill:#fff}.video-tuto-duree{font-variant-numeric:tabular-nums;font-weight:500;color:#5f554c}.video-tuto-lancer:hover .video-tuto-lecture{transform:translateY(-1px);background:#fff}.video-tuto-lancer:focus-visible{outline:none}.video-tuto-lancer:focus-visible .video-tuto-lecture{outline:3px solid var(--vt-accent);outline-offset:3px}.video-tuto-sourdine{position:absolute;z-index:1;left:10px;top:10px;padding:3px 9px;border-radius:999px;background:rgba(12,10,8,.72);color:#fff;font-size:.75rem;font-weight:500;line-height:1.5;letter-spacing:.01em}.video-tuto figcaption{display:flex;flex-direction:column;gap:4px;padding:13px 16px 15px}.video-tuto figcaption strong{font-size:.975rem;font-weight:600;letter-spacing:-.012em;line-height:1.35}.video-tuto figcaption>span{font-size:.875rem;line-height:1.5;color:var(--vt-doux)}.video-tuto figcaption small{font-size:.75rem;color:var(--vt-doux);font-variant-numeric:tabular-nums}.video-tuto-texte{margin-top:6px;font-size:.8125rem}.video-tuto-texte summary{width:fit-content;cursor:pointer;color:var(--vt-doux);font-weight:500;border-radius:6px}.video-tuto-texte summary:hover{color:inherit}.video-tuto-texte summary:focus-visible{outline:2px solid var(--vt-accent);outline-offset:2px}.video-tuto-texte ol{margin:8px 0 0;padding-left:1.3em;line-height:1.55;display:grid;gap:3px}.video-tuto-texte p{margin:8px 0 0;color:var(--vt-doux)}.video-tuto-compacte{border-radius:12px}.video-tuto-compacte .video-tuto-lecture{left:8px;bottom:8px;gap:6px;padding:4px 10px 4px 4px;font-size:.75rem}.video-tuto-compacte .video-tuto-rond{width:24px;height:24px}.video-tuto-compacte .video-tuto-rond svg{width:12px;height:12px}.video-tuto-compacte .video-tuto-sourdine{display:none}.video-tuto-compacte figcaption{padding:10px 12px 12px;gap:3px}.video-tuto-compacte figcaption strong{font-size:.875rem}.video-tuto-attente{display:grid;place-items:center;background:var(--vt-voile);border-bottom:1px dashed var(--vt-trait)}.video-tuto-pellicule{width:44px;height:32px;border:2px solid var(--vt-trait);border-radius:7px;position:relative}.video-tuto-pellicule:after{content:"";position:absolute;left:15px;top:7px;border-left:12px solid var(--vt-trait);border-top:7px solid transparent;border-bottom:7px solid transparent}.video-tuto-absente figcaption small{color:var(--muted-foreground,#5f554c);font-weight:500}.video-tuto-perdue{position:absolute;inset:0;display:grid;place-content:center;gap:12px;padding:20px;text-align:center;color:#fff;font-size:.875rem;line-height:1.5}.video-tuto-perdue p{margin:0}.video-tuto-perdue button{justify-self:center;padding:8px 16px;border:0;border-radius:999px;background:var(--vt-accent);color:#fff;font-weight:600;cursor:pointer}.video-tuto-perdue button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media (prefers-reduced-motion:reduce){.video-tuto-lecture{transition:none}.video-tuto-lancer:hover .video-tuto-lecture{transform:none}}