.canvas-illustrations{--illustration-ink: var(--ink, var(--wb-ink, #202329));--illustration-muted: var(--ink-3, var(--wb-ink2, #626872));--illustration-face: var(--bg-panel, var(--wb-panel, #f7f8fa));--illustration-line: var(--line, var(--wb-line, #d7dce3));color:var(--illustration-ink);min-width:0}.canvas-illustration-frame{position:relative;overflow:hidden;aspect-ratio:3 / 2;padding:.25rem;border:1px solid var(--illustration-line);border-radius:.875rem;background:#242624;box-shadow:inset 0 1px #ffffff24,0 3px 0 -1px var(--illustration-line),0 10px 18px -12px #0008}.canvas-illustration-frame img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.625rem}.canvas-illustration-label{position:absolute;left:.75rem;top:.75rem;padding:.25rem .5rem;border-radius:.375rem;background:#141615df;color:#f3f4f3;font-size:.875rem;line-height:1.5}.canvas-illustration-caption{display:flex;flex-direction:column;gap:.125rem;padding-top:.625rem}.canvas-illustration-caption strong{font-size:.875rem;line-height:1.4;font-weight:600}.canvas-illustration-caption>span{font-size:.875rem;line-height:1.5;color:var(--illustration-muted)}.canvas-illustration-controls{display:flex;align-items:center;gap:.5rem;padding-block:.5rem .75rem;font-size:.875rem}.canvas-illustration-controls button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-width:2rem;height:2rem;padding:.25rem;border-radius:.5rem;border:1px solid var(--illustration-line);background:var(--illustration-face);color:var(--illustration-ink);box-shadow:inset 0 1px #ffffff26,0 2px 3px #0001;font:inherit;cursor:pointer}.canvas-illustration-controls button:focus-visible{outline:2px solid var(--accent, #1ba67b);outline-offset:2px}.canvas-illustration-controls .canvas-illustration-play{margin-left:auto;padding-inline:.625rem}@media(min-width:768px)and (pointer:coarse){.canvas-illustration-controls:where(:not([data-mn-landscape],[data-mn-landscape] *)){gap:.75rem}.canvas-illustration-controls button:where(:not([data-mn-landscape],[data-mn-landscape] *)){position:relative}.canvas-illustration-controls button:where(:not([data-mn-landscape],[data-mn-landscape] *)):after{content:"";position:absolute;inset:-6px}}@media(max-width:767px){.canvas-illustration-label,.canvas-illustration-caption>span,.canvas-illustration-controls{font-size:.875rem}.canvas-illustration-caption strong{font-size:1rem}.canvas-illustration-controls button{min-width:2.75rem;height:2.75rem}}@media(pointer:coarse)and (max-height:500px){.canvas-illustration-label:where([data-mn-landscape],[data-mn-landscape] *),.canvas-illustration-caption>span:where([data-mn-landscape],[data-mn-landscape] *),.canvas-illustration-controls:where([data-mn-landscape],[data-mn-landscape] *){font-size:.875rem}.canvas-illustration-caption strong:where([data-mn-landscape],[data-mn-landscape] *){font-size:1rem}.canvas-illustration-controls button:where([data-mn-landscape],[data-mn-landscape] *){min-width:2.75rem;height:2.75rem}}