._figure_1eubl_1{margin:38px 0 44px}._figure_1eubl_1>img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-panel,20px);background:#eef1e9;width:100%;height:auto;display:block}._figure_1eubl_1 figcaption{color:#75806e;grid-template-columns:90px 1fr;gap:15px;padding-top:13px;font-size:11px;line-height:1.75;display:grid}._figure_1eubl_1 figcaption>span{color:#957b43}._demo_1eubl_1{border-radius:var(--radius-panel,20px);background:#f4f6ef;border:1px solid #dce2d5;margin:36px 0 42px;overflow:hidden}._demoHeading_1eubl_1{padding:25px 28px 0}._demoHeading_1eubl_1>span{color:#957b43;font-size:10px}._demo_1eubl_1 ._demoHeading_1eubl_1>h3{letter-spacing:-.4px;margin:11px 0 8px;font-size:23px;line-height:1.35}._demoHeading_1eubl_1>p{color:#7a8572;margin:0;font-size:12px;line-height:1.75}._controls_1eubl_1{flex-wrap:wrap;gap:7px;padding:18px 28px 0;display:flex}._controls_1eubl_1>button{border-radius:var(--radius-control,12px);color:#58664f;cursor:pointer;background:#fff;border:1px solid #d0d9c7;padding:8px 12px;font-size:11px;line-height:1.4;transition:background-color .2s,border-color .2s}._controls_1eubl_1>button[aria-pressed=true]{color:#735b2d;background:#eee5d2;border-color:#b59b61}._controls_1eubl_1>button:hover{border-color:#a48b54}._controls_1eubl_1>button:focus-visible{outline-offset:3px;outline:2px solid #9c8043}._canvas_1eubl_1{background-image:linear-gradient(#b5c0ac12 1px,#0000 1px),linear-gradient(90deg,#b5c0ac12 1px,#0000 1px);background-position:50%;background-size:28px 28px;width:100%;height:auto;max-height:395px;padding:10px 25px 0;display:block}._canvas_1eubl_1 text{fill:#697763;font-family:inherit;font-size:20px}._layer_1eubl_1{transition:opacity .4s,fill .4s,stroke .4s}._demo_1eubl_1[data-animate=true] ._trace_1eubl_1{stroke-dasharray:900;stroke-dashoffset:0;animation:.7s ease-out both _drawPath_1eubl_1}._demo_1eubl_1 figcaption{background:#fafbf7;border-top:1px solid #dce2d5;padding:18px 28px 21px}._demo_1eubl_1 ._explanation_1eubl_1{color:#46593f;margin:0;font-size:13px;line-height:1.8}._demo_1eubl_1 ._note_1eubl_1{color:#89927e;margin:11px 0 0;font-size:10px;line-height:1.7}@keyframes _drawPath_1eubl_1{0%{stroke-dashoffset:900px}to{stroke-dashoffset:0}}@media (max-width:760px){._figure_1eubl_1{margin:28px 0 33px}._figure_1eubl_1 figcaption{grid-template-columns:1fr;gap:4px;font-size:11px}._demo_1eubl_1{margin:28px 0 34px}._demoHeading_1eubl_1{padding:21px 18px 0}._demo_1eubl_1 ._demoHeading_1eubl_1>h3{margin-top:10px;font-size:21px}._demoHeading_1eubl_1>p{font-size:12px}._controls_1eubl_1{gap:6px;padding:17px 18px 0}._controls_1eubl_1>button{padding:9px 10px;font-size:11px}._canvas_1eubl_1{padding:8px 0 0}._canvas_1eubl_1 text{font-size:22px}._demo_1eubl_1 figcaption{padding:17px 18px 20px}._demo_1eubl_1 ._explanation_1eubl_1{font-size:12px}._demo_1eubl_1 ._note_1eubl_1{font-size:10px}}@media (prefers-reduced-motion:reduce){._layer_1eubl_1,._controls_1eubl_1>button{transition:none}._demo_1eubl_1[data-animate=true] ._trace_1eubl_1{animation:none}}