.c-passi-guidati{--pg-num: 40px;--pg-gap: var(--s-8);--pg-esci: cubic-bezier(.4, 0, 1, 1);position:relative;list-style:none;padding:0;display:grid;gap:var(--pg-gap);grid-template-columns:minmax(0,1fr)}.c-passi-guidati__passo{position:relative;display:grid;grid-template-columns:var(--pg-num) minmax(0,1fr);column-gap:var(--s-4);align-items:start;align-content:start;min-width:0}.c-passi-guidati__num{position:relative;z-index:1;grid-row:span 3;display:grid;place-items:center;width:var(--pg-num);height:var(--pg-num);border-radius:50%;background:var(--viola-100);color:var(--viola-700);font-weight:700;font-size:17px;font-variant-numeric:tabular-nums;transition:background-color var(--dur-3) var(--ease),color var(--dur-3) var(--ease)}.c-passi-guidati__titolo{margin:8px 0 0;font-size:var(--t-h4);line-height:var(--lh-h4);font-weight:600;color:var(--testo)}.c-passi-guidati__riga{margin-top:var(--s-3);font-size:var(--t-small);line-height:var(--lh-small);color:var(--testo-2)}.c-passi-guidati__passo:not(:last-child):after{content:"";position:absolute;z-index:0;left:calc(var(--pg-num) / 2 - 1px);top:calc(var(--pg-num) + 6px);bottom:calc(-1 * var(--pg-gap) + 6px);width:2px;border-radius:2px;background:var(--viola-300);transform-origin:top}@media(min-width:1024px){.c-passi-guidati{--pg-gap: var(--s-6);grid-template-columns:repeat(var(--pg-n, 3),minmax(0,1fr))}.c-passi-guidati[data-passi="4"]{--pg-n: 4}.c-passi-guidati[data-passi="2"]{--pg-n: 2}.c-passi-guidati__passo{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;align-content:stretch}.c-passi-guidati__scena{align-self:stretch}.c-passi-guidati__num{grid-row:auto}.c-passi-guidati__titolo{margin-top:var(--s-4)}.c-passi-guidati__passo:not(:last-child):after{left:calc(var(--pg-num) + 8px);right:calc(-1 * var(--pg-gap) + 8px);top:calc(var(--pg-num) / 2 - 1px);bottom:auto;width:auto;height:2px;transform-origin:left}}.c-passi-guidati__scena{position:relative;margin-top:var(--s-3);max-width:300px;min-height:168px;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:12px;border-radius:var(--r-md);border:1px solid var(--bordo);background:#fff;box-shadow:var(--ombra-1);font-size:var(--t-small);line-height:var(--lh-small);color:var(--testo)}@media(min-width:1024px){.c-passi-guidati__scena{max-width:none}}.c-passi-guidati__scena .i{width:16px;height:16px;flex:0 0 auto}.c-passi-guidati__scena .simbolo{width:13px;height:16px;flex:0 0 auto}.c-passi-guidati__vtesta{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--testo);padding-bottom:8px;border-bottom:1px solid var(--slate-200)}.c-passi-guidati__vtesta .i{color:var(--viola-700)}.c-passi-guidati__vriga{display:flex;align-items:center;gap:8px;min-width:0;color:var(--testo-2)}.c-passi-guidati__vriga>span{min-width:0;overflow-wrap:anywhere}.c-passi-guidati__vriga b{color:var(--testo);font-weight:600}.c-passi-guidati__vfinta{display:block;height:8px;border-radius:4px;background:var(--slate-200);width:var(--w, 100%);flex:0 1 auto}.c-passi-guidati__vbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:flex-start;min-height:32px;padding:6px 12px;border-radius:var(--r-sm);background:var(--notte);color:#fff;font-weight:600;font-size:13px;line-height:18px;text-align:center;transition:transform var(--dur-1) var(--ease),background-color var(--dur-1) var(--ease)}.c-passi-guidati__vbtn--chiaro{background:#fff;color:var(--testo);border:1px solid var(--slate-300)}.c-passi-guidati__vbtn--testo{background:none;color:var(--viola-700);padding-left:0;padding-right:0;text-decoration:underline;text-underline-offset:3px}.c-passi-guidati__vstato{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;height:24px;padding:0 10px;border-radius:var(--r-full);background:var(--verde-50);color:var(--verde-800);border:1px solid var(--verde-200);font-size:var(--t-micro);font-weight:600}.c-passi-guidati__vstato .i{width:12px;height:12px;stroke-width:2.5}.c-passi-guidati__vchips{display:flex;flex-wrap:wrap;gap:6px}.c-passi-guidati__vchip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 10px;border-radius:var(--r-full);border:1px solid var(--slate-300);background:#fff;font-size:13px;line-height:18px;font-weight:600;color:var(--testo);transition:background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.c-passi-guidati__vchip.is-scelto{background:var(--notte);border-color:var(--notte);color:#fff}.c-passi-guidati__vchip--punto:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--canale, var(--slate-400))}.c-passi-guidati__vsegmenti{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding:3px;border-radius:var(--r-sm);background:var(--slate-100)}.c-passi-guidati__vsegmenti .c-passi-guidati__vchip{justify-content:center;border-color:transparent;background:transparent;border-radius:8px;text-align:center}.c-passi-guidati__vsegmenti .c-passi-guidati__vchip.is-scelto{background:#fff;color:var(--testo);border-color:var(--slate-300);box-shadow:var(--ombra-1)}.c-passi-guidati__vswitch{position:relative;flex:0 0 auto;width:36px;height:20px;border-radius:var(--r-full);background:var(--verde-500);transition:background-color var(--dur-1) var(--ease);margin-left:auto}.c-passi-guidati__vswitch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--ombra-1);transform:translate(16px);transition:transform var(--dur-1) var(--ease)}.c-passi-guidati__vspunta{display:flex;align-items:center;gap:8px;color:var(--testo-2)}.c-passi-guidati__vspunta:before{content:"";flex:0 0 auto;width:16px;height:16px;border-radius:4px;background:var(--verde-600) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat;border:1px solid var(--verde-600);transition:background-color var(--dur-1) var(--ease)}.c-passi-guidati__vgriglia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}.c-passi-guidati__vbolla{align-self:flex-start;max-width:88%;padding:6px 10px;border-radius:12px 12px 12px 4px;background:#fff;border:1px solid var(--bordo);display:grid;gap:5px;min-width:60%}.c-passi-guidati__vbolla--ia{align-self:flex-end;border-radius:12px 12px 4px;background:var(--viola-50);border-color:var(--viola-200)}.c-passi-guidati__vbolla--team{align-self:flex-end;border-radius:12px 12px 4px;background:var(--verde-100);border-color:var(--verde-200)}.c-passi-guidati__vbolla small{font-size:var(--t-micro);line-height:var(--lh-micro);font-weight:600;color:var(--viola-700)}.c-passi-guidati__vavviso{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);background:var(--slate-50);border:1px solid var(--bordo);box-shadow:var(--ombra-1)}.c-passi-guidati__vavviso .i{color:var(--viola-700)}.c-passi-guidati__vavviso>span{display:grid;gap:5px;flex:1 1 auto;min-width:0}.c-passi-guidati__vnumero{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r-full);background:var(--viola-50);color:var(--viola-700);font-size:var(--t-micro);font-weight:700;white-space:nowrap}.c-passi-guidati__vavatar{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--slate-200);color:var(--slate-800);font-size:11px;font-weight:700}.c-passi-guidati__vavatar--viola{background:var(--viola-100);color:var(--viola-700)}.c-passi-guidati__vcampo{display:flex;align-items:center;gap:8px;min-height:32px;padding:4px 10px;border-radius:var(--r-sm);border:1px solid var(--slate-300);background:#fff;color:var(--testo-2)}.c-passi-guidati__vcampo .c-passi-guidati__vfinta{flex:1 1 auto}.c-passi-guidati.is-gioca .c-passi-guidati__passo:not(:last-child):after{transform:scale(0)}.c-passi-guidati.is-gioca .c-passi-guidati__passo.is-linea:not(:last-child):after{transform:none;transition:transform var(--dur-3) var(--ease)}.c-passi-guidati.is-gioca .c-passi-guidati__passo.is-corrente .c-passi-guidati__num{background:var(--viola-600);color:#fff}.c-passi-guidati.is-gioca .c-passi-guidati__passo:not(.is-corrente):not(.is-fatto) .c-passi-guidati__scena{opacity:.5}.c-passi-guidati.is-gioca .c-passi-guidati__scena{transition:opacity var(--dur-2) var(--ease)}.c-passi-guidati.is-gioca .is-attesa{opacity:0;transition:opacity var(--dur-2) var(--pg-esci)}.c-passi-guidati.is-gioca .is-entra{animation:pg-entra var(--dur-2) var(--ease-out) both}.c-passi-guidati.is-gioca .c-passi-guidati__vswitch.is-spento{background:var(--slate-300)}.c-passi-guidati.is-gioca .c-passi-guidati__vswitch.is-spento:after{transform:none}.c-passi-guidati.is-gioca .c-passi-guidati__vspunta.is-spento:before{background-color:#fff;background-image:none;border-color:var(--slate-300)}.c-passi-guidati.is-gioca .is-premuto{transform:scale(.94)}.c-passi-guidati.is-pausa *,.c-passi-guidati.is-pausa *:before,.c-passi-guidati.is-pausa *:after{animation-play-state:paused!important}.c-passi-guidati__dito{position:absolute;z-index:3;left:0;top:0;width:20px;height:20px;border-radius:50%;pointer-events:none;background:#8048e859;border:2px solid var(--viola-600);transition:transform .52s var(--ease),opacity var(--dur-2) var(--ease)}.c-passi-guidati__dito:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--viola-600);opacity:0}.c-passi-guidati__dito.is-tocco:after{animation:pg-tocco .42s var(--ease-out)}@keyframes pg-entra{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes pg-tocco{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@media(prefers-reduced-motion:reduce){.c-passi-guidati__dito{display:none}}.c-passi-guidati__vswitch--spento{background:var(--slate-300)}.c-passi-guidati__vswitch--spento:after{transform:none}