.hUXOcW_gallery{color:#252830;background:#fff;min-height:100dvh}.hUXOcW_header{color:#858a93;border-bottom:1px solid #eceef1;align-items:center;gap:28px;height:70px;padding:0 36px;font-size:12px;display:flex}.hUXOcW_header>a:last-child{color:#5e6570;margin-left:auto}.hUXOcW_brand{color:#242830;letter-spacing:-.7px;font-size:17px;font-weight:580}.hUXOcW_main{max-width:1280px;margin:0 auto;padding:36px 40px}.hUXOcW_navigation{flex-wrap:wrap;gap:8px;padding-bottom:42px;display:flex}.hUXOcW_navigation button{color:#727985;cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:10px 16px;font-size:12px;display:flex}.hUXOcW_navigation button[aria-pressed=true]{color:#285ca4;background:#f0f4fa}.hUXOcW_navigation button span{opacity:.65;font-variant-numeric:tabular-nums;font-size:10px}.hUXOcW_demo{grid-template-columns:minmax(0,1fr) 238px;gap:52px;display:grid}.hUXOcW_figureColumn{min-width:0}.hUXOcW_figureHeader{letter-spacing:.1em;color:#858b96;justify-content:space-between;margin-bottom:18px;font-size:10px;display:flex}.hUXOcW_demo h1{letter-spacing:-1px;font-size:clamp(24px,3vw,34px);font-weight:480;line-height:1.25}.hUXOcW_description{color:#777f8a;max-width:620px;min-height:47px;margin:14px 0 30px;font-size:13px;line-height:1.8}.hUXOcW_figure{margin:0}.hUXOcW_canvas{aspect-ratio:10/7;touch-action:none;cursor:grab;border:1px solid #e9ecf0;border-radius:8px;width:100%;display:block}.hUXOcW_canvas:active{cursor:grabbing}.hUXOcW_figure figcaption{color:#8a909a;margin-top:14px;font-size:11px}.hUXOcW_formula{font-family:var(--font-geist-mono), monospace;color:#64707f;overflow-wrap:anywhere;padding-top:24px;font-size:11px;line-height:1.8}.hUXOcW_controls{padding-top:4px}.hUXOcW_controls fieldset{border:0;border-bottom:1px solid #eceef1;min-width:0;margin:0 0 30px;padding:0 0 26px}.hUXOcW_controls legend{margin-bottom:24px;font-size:12px;font-weight:550}.hUXOcW_control+.hUXOcW_control{margin-top:24px}.hUXOcW_control label{color:#777e89;justify-content:space-between;gap:10px;font-size:11px;display:flex}.hUXOcW_control output{font-variant-numeric:tabular-nums;color:#3974c7}.hUXOcW_control input{accent-color:#427cc9;cursor:pointer;width:100%;height:16px;margin-top:12px;display:block}.hUXOcW_checkbox{color:#747c88;align-items:center;gap:9px;margin-top:20px;font-size:11px;display:flex}.hUXOcW_checkbox input{accent-color:#427cc9}.hUXOcW_actions{gap:10px;display:grid}.hUXOcW_actions button{cursor:pointer;text-align:left;border:1px solid #e6e9ee;border-radius:6px;justify-content:space-between;padding:10px 12px;font-size:11px;display:flex}.hUXOcW_actions button:hover{background:#f6f8fb}.hUXOcW_asideNote{color:#8a919c;margin-top:22px;font-size:11px;line-height:1.8}.hUXOcW_footer{color:#a0a5ae;padding-top:44px;font-size:10px}.hUXOcW_gallery a:focus-visible,.hUXOcW_gallery button:focus-visible,.hUXOcW_gallery input:focus-visible{outline-offset:4px;outline:2px solid #3976ce}@media (max-width:900px){.hUXOcW_demo{grid-template-columns:minmax(0,1fr) 200px;gap:24px}.hUXOcW_main{padding:28px 24px}}@media (max-width:660px){.hUXOcW_header{gap:18px;padding:0 20px}.hUXOcW_header>span{display:none}.hUXOcW_main{padding:24px 16px}.hUXOcW_navigation{gap:0;padding-bottom:30px}.hUXOcW_navigation button{padding:10px}.hUXOcW_demo{grid-template-columns:minmax(0,1fr)}.hUXOcW_description{margin-bottom:20px}.hUXOcW_controls{grid-template-columns:1fr 1fr;column-gap:24px;display:grid}.hUXOcW_actions,.hUXOcW_asideNote{grid-column:1/-1}}