.hm-llm__viewer{padding:clamp(28px,4vw,48px) 0 clamp(36px,5vw,64px);scroll-margin-top:70px;background:var(--hm-bg, #0b0f0d)}.hm-llm__stage{--llm-panel: clamp(330px, 25vw, 420px);--llm-gap: 14px;position:relative;height:clamp(580px,calc(100svh - 150px),1000px);margin:0 clamp(10px,1.4vw,24px);border-radius:22px;overflow:hidden;scroll-margin-top:76px;background:radial-gradient(ellipse at 62% 32%,#13221c,#0c1411 55%,#090d0b);border:1px solid rgba(87,217,166,.22);box-shadow:0 30px 70px #00000080,inset 0 0 160px #57d9a60d}.hm-llm__canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;outline:none}.hm-llm__canvas:focus-visible{box-shadow:inset 0 0 0 3px #57d9a673}.hm-llm__canvas canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block;cursor:grab}.hm-llm__canvas canvas:active{cursor:grabbing}.hm-llm.is-loading .hm-llm__canvas canvas{opacity:.4;transition:opacity .2s}.hm-llm__status{z-index:5;left:calc(50% + (var(--llm-panel) + var(--llm-gap)) / 2);bottom:70px}.hm-llm__status:empty{display:none}.hm-llm.is-fallback .hm-llm__canvas:after{content:"La visualisation 3D n\e9 cessite WebGL : les explications restent disponibles ici et plus bas.";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:30px 30px 30px calc(var(--llm-panel) + 40px);text-align:center;color:#b3bdb8}.hm-llm__labels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.hm-llm__lb{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform;color:#e4f5ec;font-size:13.5px;line-height:1.25;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.6);visibility:hidden}.hm-llm__lb b{display:block;font-weight:700;letter-spacing:.005em}.hm-llm__lb small{display:block;margin-top:1px;font-size:12px;font-weight:500;color:#a7b8b0}.hm-llm__lb.is-compact small{display:none}.hm-llm__lb--w b{color:#c4f4ff}.hm-llm__lb--title{padding-bottom:3px}.hm-llm__lb--rows{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;color:#c9d4cf;text-align:right;padding-right:4px}.hm-llm__lb--tag{padding:5px 10px;border-radius:9px;background:#101815f0;border:1px solid rgba(179,189,184,.35);color:#b3bdb8;font-size:13px;text-shadow:none}.hm-llm__lb--tag b{display:inline;color:#e4f5ec}.hm-llm__lb--tag.is-good{background:#1e5a40f5;border-color:#57d9a6;color:#d8f7ea}.hm-llm__lb--tag.is-good b{color:#fff}.hm-llm__lb--caption{font-size:15px;font-weight:700;color:#d8f7ea;text-align:center}.hm-llm__lb--note{font-size:12.5px;color:#b3bdb8}.hm-llm__lb--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;color:#c9d4cf}.hm-llm__lb--pct{font-size:13px;font-weight:800;color:#57d9a6}.hm-llm__lb--flow{font-size:12.5px;font-weight:700;color:#57d9a6}.hm-llm__tip{position:absolute;z-index:6;pointer-events:none;display:flex;flex-direction:column;gap:2px;max-width:280px;padding:9px 12px;border-radius:10px;background:#0b0f0df2;border:1px solid rgba(87,217,166,.5);box-shadow:0 10px 30px #00000080;font-size:13px;color:#c7cfcb}.hm-llm__tip[hidden]{display:none}.hm-llm__tip b{color:#fff;font-size:13px}.hm-llm__tip em{font-style:normal;font-weight:800;color:#57d9a6;font-size:16px;font-variant-numeric:tabular-nums}.hm-llm__tip small{color:#8f9c96;font-size:11.5px}.hm-llm__overlay{position:absolute;z-index:3;left:calc(50% + (var(--llm-panel) + var(--llm-gap)) / 2);bottom:64px;transform:translate(-50%);width:max-content;max-width:calc(100% - var(--llm-panel) - 60px);box-sizing:border-box;display:none;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#0b0f0ddb;border:1px solid rgba(87,217,166,.3)}.hm-llm[data-chapter=output] .hm-llm__overlay--output,.hm-llm[data-chapter=generate] .hm-llm__overlay--generate,.hm-llm[data-chapter=gpu] .hm-llm__overlay--gpu{display:flex}.hm-llm__overlay--gpu{border-radius:18px}.hm-llm__overlay label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#fff}.hm-llm__overlay label b{min-width:28px;color:#57d9a6;font-variant-numeric:tabular-nums}.hm-llm__overlay input[type=range]{width:min(260px,40vw);accent-color:#57d9a6}.hm-llm__overlay .hm-x3d__chip--ghost{margin-left:0}.hm-llm__top{position:absolute;z-index:4;top:var(--llm-gap);right:var(--llm-gap);left:calc(var(--llm-panel) + var(--llm-gap) * 2);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;pointer-events:none}.hm-llm__top>*{pointer-events:auto}.hm-llm__sentences{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 8px 6px 12px;border-radius:999px;background:#0b0f0dc7;border:1px solid rgba(255,255,255,.08)}.hm-llm__sentences>span{font-size:13px;color:#8f9c96;font-weight:700}.hm-llm__sentences .hm-x3d__chip{min-height:34px}.hm-llm__legend{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:12px;background:#0b0f0dc7;border:1px solid rgba(255,255,255,.08);font-size:12.5px;color:#c7cfcb;pointer-events:none}.hm-llm__legend span{display:flex;align-items:center;gap:8px}.hm-llm__legend i{width:34px;height:10px;border-radius:2px;background:linear-gradient(90deg,var(--b),#141e19 50%,var(--a))}.hm-llm[data-chapter=output] .hm-llm__legend,.hm-llm[data-chapter=generate] .hm-llm__legend,.hm-llm[data-chapter=gpu] .hm-llm__legend,.hm-llm[data-chapter=tokens] .hm-llm__legend{visibility:hidden}.hm-llm__side{position:absolute;z-index:4;top:var(--llm-gap);left:var(--llm-gap);bottom:var(--llm-gap);width:var(--llm-panel);box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:16px 16px 14px;border-radius:18px;background:#0a0e0cdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(87,217,166,.24);box-shadow:0 18px 40px #00000059}.hm-llm__ptop{display:flex;align-items:center;justify-content:space-between;gap:8px}.hm-llm__ptop .hm-llm__play{margin-left:0;white-space:nowrap}.hm-llm__ptop .hm-x3d__chip[data-llm-play].is-active{background:#57d9a6;color:#0b0f0d}.hm-llm__modes{display:inline-flex;align-self:flex-start;padding:4px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.hm-llm__modes button{min-height:34px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:#b3bdb8;font-size:13.5px;font-weight:800;cursor:pointer}.hm-llm__modes button.is-active{background:#57d9a6;color:#0b0f0d}.hm-llm__chapters{flex:1 1 auto;min-height:0;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(87,217,166,.4) transparent}.hm-llm__chapter-n{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#57d9a6}.hm-llm__chapter h3{margin:0 0 12px;font-size:22px;line-height:1.25;color:#fff}.hm-llm__chapter p,.hm-llm__chapter li{font-size:15.5px;line-height:1.62;color:#d2dad6}.hm-llm__chapter p{margin:0 0 12px}.hm-llm__chapter strong{color:#fff}.hm-llm__chapter a{color:#57d9a6;text-decoration:underline;text-underline-offset:3px}.hm-llm__detail{display:none;margin-top:12px;padding-top:12px;border-top:1px dashed rgba(87,217,166,.3)}.hm-llm__detail p{font-size:14.5px;color:#b9c4bf}.hm-llm[data-mode=detail] .hm-llm__detail{display:block}.hm-llm__nav{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.hm-llm__step{min-width:52px;text-align:center;font-size:13.5px;font-weight:800;color:#b3bdb8;font-variant-numeric:tabular-nums}.hm-llm__nav [data-llm-next]{flex:1 1 auto;justify-content:center}.hm-llm__toc{position:absolute;z-index:4;left:calc(var(--llm-panel) + var(--llm-gap) * 2);right:var(--llm-gap);bottom:var(--llm-gap)}.hm-llm__toc>p{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hm-llm__toc ol{list-style:none;margin:0;padding:2px;display:flex;gap:6px;align-items:center;justify-content:center;overflow-x:auto;scrollbar-width:none}.hm-llm__toc ol::-webkit-scrollbar{display:none}.hm-llm__toc li{flex:none}.hm-llm__toc button{display:flex;align-items:center;gap:8px;height:36px;padding:0 6px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0b0f0dcc;color:#c7cfcb;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s}.hm-llm__toc button span{flex:none;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:#ffffff14;color:#57d9a6}.hm-llm__toc button em{display:none;font-style:normal;padding-right:8px}.hm-llm__toc button:hover{border-color:#57d9a699}.hm-llm__toc button.is-active{background:#57d9a6;border-color:#57d9a6;color:#0b0f0d}.hm-llm__toc button.is-active span{background:#0b0f0d;color:#57d9a6}.hm-llm__toc button.is-active em{display:inline}.hm-llm__hint{margin-top:12px}@media(max-width:900px){.hm-llm__stage{--llm-panel: 0px;height:auto;margin:0 12px;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;display:flex;flex-direction:column;gap:12px}.hm-llm__top{position:static;order:0;pointer-events:auto}.hm-llm__sentences{border-radius:16px}.hm-llm__legend{display:none}.hm-llm__canvas{position:relative;order:1;height:62svh;min-height:380px;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#13221c,#0c1411 55%,#090d0b);border:1px solid rgba(87,217,166,.22)}.hm-llm__side{display:contents}.hm-llm__nav{order:2;padding-top:0;border-top:0}.hm-llm__toc{position:static;order:3}.hm-llm__toc ol{justify-content:flex-start}.hm-llm__ptop{order:4}.hm-llm__chapters{order:5;overflow:visible;padding:18px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(87,217,166,.25)}.hm-llm__overlay{left:50%;bottom:10px;max-width:calc(100% - 20px)}.hm-llm.is-fallback .hm-llm__canvas:after{padding:30px}}@media(max-width:640px){.hm-llm__canvas{height:60svh}.hm-llm__chapter h3{font-size:19px}.hm-llm__chapter p,.hm-llm__chapter li{font-size:15px}.hm-llm__overlay{padding:6px 8px;gap:6px}.hm-llm__overlay .hm-x3d__chip{min-height:34px;padding:0 11px;font-size:12.5px}.hm-llm__overlay label{font-size:12.5px;gap:8px}.hm-llm__lb{font-size:12px}.hm-llm__lb small{font-size:11px}}.hm-tex:not(.is-tex){visibility:hidden;min-height:2.6em}.hm-tex.is-empty{display:none}.hm-tex.is-tex-raw{visibility:visible;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;white-space:pre-wrap;word-break:break-word}.hm-llm__tex{margin:2px 0 14px;padding:12px 14px;border-radius:12px;background:#57d9a612;border:1px solid rgba(87,217,166,.24);color:#f1faf5;font-size:14.5px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.hm-llm__tex .katex-display{margin:0}.hm-llm__tex .katex-display.fleqn>.katex,.hm-algo .katex-display.fleqn>.katex{padding-left:0}.hm-algo .katex .arraycolsep{width:1.1em!important}.hm-llm__tex .katex{font-size:1.1em}.hm-llm__detail .hm-llm__tex{margin:6px 0 4px;background:#7ce8ff0f;border-color:#7ce8ff38}.hm-x3d__prose .hm-tex{color:inherit}.hm-x3d__prose .hm-tex:not(.hm-tex--inline){margin:18px 0 22px;padding:14px 18px;border-radius:14px;background:#f2f7f4;border:1px solid #d6e6dd;overflow-x:auto;overflow-y:hidden}.hm-x3d__prose .hm-tex .katex-display{margin:0}.hm-x3d__prose .hm-tex .katex{font-size:1.12em}.hm-algo{margin:22px 0 26px;border-radius:16px;border:1px solid #cfe2d7;background:#f7fbf9;overflow:hidden}.hm-x3d__prose .hm-algo__title{margin:0;padding:10px 18px;background:#0f1a15;color:#57d9a6;font-size:14px;font-weight:800;letter-spacing:.02em}.hm-x3d__prose .hm-algo .hm-tex:not(.hm-tex--inline){margin:0;border:0;border-radius:0;background:transparent;padding:14px 18px 16px}@media(max-width:640px){.hm-llm__tex{font-size:13px;padding:10px 12px}.hm-x3d__prose .hm-tex .katex{font-size:1em}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/hm-llm-3d.css.map */