.ss-tuto-ruban{border-top:1px solid var(--da-hairline);margin-top:40px;padding-top:22px}.ss-tuto-lien{width:100%;color:var(--da-txt);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:20px;grid-template-columns:172px 1fr auto;align-items:center;gap:18px;margin:-12px;padding:12px;transition:background-color .25s;display:grid}.ss-tuto-lien:hover{background:#1f6fd40d}html.dark .ss-tuto-lien:hover{background:#ffffff0a}.ss-tuto-lien:focus-visible{outline:2px solid var(--da-bleu);outline-offset:2px}.ss-tuto-vignette{aspect-ratio:16/9;background:var(--da-surface-2);transition:transform .35s var(--da-ease-ligne), box-shadow .35s ease;border-radius:14px;display:block;position:relative;overflow:hidden}.ss-tuto-lien:hover .ss-tuto-vignette{box-shadow:var(--da-ombre-carte);transform:translateY(-2px)}.ss-tuto-vignette img{object-fit:cover;width:100%;height:100%;display:block}.ss-tuto-texte{min-width:0;display:block}.ss-tuto-etiquette{letter-spacing:.13em;text-transform:uppercase;color:var(--da-txt-3);font-size:10.5px;display:block}.ss-tuto-titre{font-size:15.5px;font-weight:var(--fw-500);letter-spacing:-.012em;margin:7px 0 5px;transition:color .25s;display:block}.ss-tuto-lien:hover .ss-tuto-titre{color:var(--da-bleu)}.ss-tuto-resume{color:var(--da-txt-2);max-width:56ch;font-size:13px;line-height:1.55;display:block}.ss-tuto-action{color:var(--da-txt-3);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.ss-tuto-fleche{transition:transform .3s var(--da-ease-ligne);display:inline-block}.ss-tuto-lien:hover .ss-tuto-fleche{transform:translate(3px)}@media (max-width:760px){.ss-tuto-lien{grid-template-columns:1fr}.ss-tuto-action{display:none}}.ss-tuto-lire{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:52px;height:52px;transition:transform .3s var(--da-ease-ligne), background-color .3s ease;background:#ffffff29;border:1px solid #ffffff57;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ss-tuto-lire.petit{width:38px;height:38px}.ss-tuto-lire svg{fill:#fff;width:17px;height:17px;margin-left:3px}.ss-tuto-lire.petit svg{width:13px;height:13px;margin-left:2px}.ss-tuto-lien:hover .ss-tuto-lire,.ss-tuto-affiche:hover .ss-tuto-lire{background:#ffffff47;transform:translate(-50%,-50%)scale(1.12)}.ss-tuto-voile{z-index:120;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0c122657;place-items:center;padding:26px;animation:.3s ss-tuto-paraitre;display:grid;position:fixed;inset:0;overflow:auto}html.dark .ss-tuto-voile{background:#0009}@keyframes ss-tuto-paraitre{0%{opacity:0}}.ss-tuto-scene{aspect-ratio:16/9;background:#000;position:relative}.ss-tuto-iframe{border:0;width:100%;height:100%;display:block}.ss-tuto-affiche{cursor:pointer;background:#000;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.ss-tuto-affiche img{object-fit:cover;width:100%;height:100%;display:block}.ss-tuto-affiche.grande .ss-tuto-lire{width:74px;height:74px}.ss-tuto-affiche.grande .ss-tuto-lire svg{width:24px;height:24px;margin-left:4px}.ss-tuto-croix{cursor:pointer;border:1px solid var(--da-hairline);width:30px;height:30px;color:var(--da-txt-2);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.ss-tuto-croix:hover{color:var(--da-txt)}.ss-tuto-croix svg{width:14px;height:14px}.ss-tuto-croix.sur-video{z-index:4;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border-color:#ffffff47;width:32px;height:32px;position:absolute;top:12px;right:12px}.ss-tuto-croix.sur-video:hover{color:#fff;background:#00000080}.ss-tuto-modale{background:var(--da-surface-2);border:1px solid var(--da-hairline);width:min(760px,100%);box-shadow:var(--da-ombre-carte);animation:ss-tuto-monter .42s var(--da-ease-ligne);border-radius:22px;position:relative;overflow:hidden}html.dark .ss-tuto-modale,html.dark .ss-tuto-bulle{background:#0d0f16}@keyframes ss-tuto-monter{0%{opacity:0;transform:translateY(18px)}}.ss-tuto-modale-tete{border-bottom:1px solid var(--da-hairline);align-items:center;gap:12px;padding:15px 18px;display:flex}.ss-tuto-modale-tete>div:first-child{min-width:0}.ss-tuto-modale-titre{font-size:14.5px;font-weight:var(--fw-500);letter-spacing:-.01em;color:var(--da-txt);margin-top:3px}.ss-tuto-modale-tete .ss-tuto-croix{margin-left:auto}.ss-tuto-modale-pied{align-items:center;gap:14px;padding:15px 18px;display:flex}.ss-tuto-modale-pied .ss-tuto-resume{flex:1}.ss-tuto-bulle{background:var(--da-surface-2);border:1px solid var(--da-hairline);width:min(780px,100%);box-shadow:var(--da-ombre-carte);animation:ss-tuto-grandir .42s var(--da-ease-ligne);border-radius:26px;position:relative;overflow:hidden}@keyframes ss-tuto-grandir{0%{opacity:0;transform:scale(.9)translateY(14px)}}.ss-tuto-bulle-pied{align-items:center;gap:14px;padding:16px 20px;display:flex}.ss-tuto-bulle-pied>div:first-child{min-width:0}.ss-tuto-bulle-titre{font-size:14.5px;font-weight:var(--fw-700);letter-spacing:-.01em;color:var(--da-txt);margin-bottom:3px}.ss-tuto-bulle-actions{flex:none;align-items:center;gap:9px;margin-left:auto;display:flex}.ss-tuto-passer,.ss-tuto-fermer{font:inherit;cursor:pointer;border:1px solid var(--da-hairline);color:var(--da-txt-2);white-space:nowrap;background:0 0;border-radius:999px;padding:9px 14px;font-size:13px}.ss-tuto-passer:hover,.ss-tuto-fermer:hover{color:var(--da-txt)}.ss-tuto-cta{font:inherit;font-size:13px;font-weight:var(--fw-500);cursor:pointer;background:var(--da-cta);color:#fff;box-shadow:var(--da-cta-ombre);white-space:nowrap;border:0;border-radius:999px;padding:9px 18px;transition:background-color .2s,transform .2s,box-shadow .2s}.ss-tuto-cta:hover{background:var(--da-cta-hover);box-shadow:var(--da-cta-ombre-hover);transform:translateY(-1px)}@media (max-width:620px){.ss-tuto-bulle-pied,.ss-tuto-modale-pied{flex-direction:column;align-items:flex-start}.ss-tuto-bulle-actions{width:100%;margin-left:0}.ss-tuto-cta{flex:1}}@media (prefers-reduced-motion:reduce){.ss-tuto-voile,.ss-tuto-modale,.ss-tuto-bulle{animation:none}.ss-tuto-lien,.ss-tuto-vignette,.ss-tuto-fleche,.ss-tuto-lire,.ss-tuto-titre,.ss-tuto-cta{transition:none}}