:root{--font-sans: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;--font-mono: "Bitstream Vera Sans Mono", monospace;--background-color: white;--panel-color: #f2f2f2;--input-color: var(--background-color);--text-color: #222;--link-color: #0070f3;--toggle-disabled-color: #ccc;--info-color: #777;--button-hover-color: #e2e3e5;--axis-color: #70769e;--input-shadow: 1px 1px 4px rgba(0, 0, 0, .08);--highlight-input-shadow: 1px 1px 4px rgba(0, 0, 0, .25);--annotation-shadow: 3px 3px 4px 1px rgba(0, 0, 0, .16)}@media(prefers-color-scheme:dark){:root{--background-color: #2a303a;--panel-color: #37393e;--input-color: #252424;--text-color: #eee;--link-color: #5da4f6;--toggle-disabled-color: var(--input-color);--info-color: #ccc;--button-hover-color: #444851;--axis-color: #888;--input-shadow: 2px 2px 8px rgba(0, 0, 0, .3);--highlight-input-shadow: var(--input-shadow);--annotation-shadow: 4px 4px 8px 1px rgba(0, 0, 0, .4)}}html,body{padding:0;margin:0;font-family:var(--font-sans);background-color:var(--background-color);color:var(--text-color)}a{color:var(--link-color);text-decoration:none}*{box-sizing:border-box}@font-face{font-family:Bitstream Vera Sans Mono;src:url(../Bitstream-Vera-Sans-Mono-400.woff2) format("woff2"),url(../Bitstream-Vera-Sans-Mono-400.woff) format("woff");font-display:swap}._fillColor_jb2am_1{color:var(--text-color);padding:4px;border-radius:4px;width:67px;border:none;background:unset;outline:none;font-family:inherit;font-size:inherit}._fillColor_jb2am_1:hover,._fillColor_jb2am_1:focus{box-shadow:1px 1px 4px #00000014;background-color:var(--background-color)}._colorPickerWrapper_jb2am_17{border-radius:50%;border:1px solid rgba(0,0,0,.2);position:relative;bottom:1px}._colorPicker_jb2am_17{opacity:0;width:17px;cursor:pointer}._component_pf55p_1{position:relative;margin-right:-12px;padding-right:12px;margin-left:24px;padding-left:12px;border-radius:6px}@media(max-width:620px){._component_pf55p_1{margin-right:-8px;padding-right:8px}}._component_pf55p_1:hover ._dropdown_pf55p_15,._component_pf55p_1:hover ._relativeToggle_pf55p_16,._component_pf55p_1:hover ._addButton_pf55p_17,._component_pf55p_1:hover ._removeButton_pf55p_18,._component_pf55p_1:hover ._info_pf55p_19,._component_pf55p_1:focus-within ._dropdown_pf55p_15,._component_pf55p_1:focus-within ._relativeToggle_pf55p_16,._component_pf55p_1:focus-within ._addButton_pf55p_17,._component_pf55p_1:focus-within ._removeButton_pf55p_18,._component_pf55p_1:focus-within ._info_pf55p_19{display:block}._component_pf55p_1:hover ._instruction_pf55p_26,._component_pf55p_1:focus-within ._instruction_pf55p_26{box-shadow:var(--input-shadow);background-color:var(--input-color)}._highlighted_pf55p_31{background-color:var(--background-color);padding-top:2px;margin-bottom:2px}._highlighted_pf55p_31:hover ._instruction_pf55p_26,._highlighted_pf55p_31:hover ._dropdown_pf55p_15,._highlighted_pf55p_31:hover ._toggleSwitch_pf55p_38,._highlighted_pf55p_31:hover ._button_pf55p_39,._highlighted_pf55p_31:focus-within ._instruction_pf55p_26,._highlighted_pf55p_31:focus-within ._dropdown_pf55p_15,._highlighted_pf55p_31:focus-within ._toggleSwitch_pf55p_38,._highlighted_pf55p_31:focus-within ._button_pf55p_39{box-shadow:var(--highlight-input-shadow)}._commandLine_pf55p_46{display:flex;align-items:center;column-gap:10px;row-gap:4px}@media(max-width:620px){._commandLine_pf55p_46{flex-wrap:wrap}}._instruction_pf55p_26{flex:1 1 auto;font-family:var(--font-mono);color:var(--text-color);font-size:16px;line-height:18px;padding:4px;margin:2px 0;border-radius:4px;border:none;background:unset;outline:none}._annotation_pf55p_72{display:none;position:absolute;padding:4px;top:-32px;background-color:var(--input-color);color:#999;font-size:14px;border-radius:4px;box-shadow:var(--annotation-shadow);z-index:100}._annotation_pf55p_72:before{content:"";display:block;position:absolute;margin-left:-6px;border-top:6px solid var(--input-color);border-left:6px solid transparent;border-right:6px solid transparent;height:0;width:0;left:50%;top:26px}._instruction_pf55p_26:focus+._annotation_pf55p_72{display:block}._partNameActive_pf55p_102{color:var(--text-color)}._controls_pf55p_106{display:flex;align-items:center;gap:10px}@media(max-width:565px){._controls_pf55p_106{width:100%}}._dropdown_pf55p_15{width:100px;background-color:var(--input-color);color:var(--text-color);border:none;padding:4px;box-shadow:var(--input-shadow);border-radius:4px}@media(max-width:565px){._dropdown_pf55p_15{width:100%}}._dropdown_pf55p_15,._relativeToggle_pf55p_16,._addButton_pf55p_17,._removeButton_pf55p_18,._info_pf55p_19{display:none}._relativeToggle_pf55p_16{position:relative;height:18px;min-width:64px;font-family:var(--font-sans)}._toggleCheckbox_pf55p_147{opacity:0;position:absolute;left:-10000px;pointer-events:none}._toggleCheckbox_pf55p_147:checked+._toggleSwitch_pf55p_38{background-color:#66bb6a}._toggleCheckbox_pf55p_147:checked+._toggleSwitch_pf55p_38:before{transform:translate(16px)}._toggleCheckbox_pf55p_147:focus-visible+._toggleSwitch_pf55p_38{outline:-webkit-focus-ring-color auto 1px}._toggleSwitch_pf55p_38{background-color:var(--toggle-disabled-color);position:absolute;cursor:pointer;border-radius:4px;inset:0 0 0 28px;transition:background-color .4s;box-shadow:var(--input-shadow)}._toggleSwitch_pf55p_38:before{background-color:#fff;border-radius:4px;bottom:2px;content:"";height:14px;left:2px;position:absolute;transition:transform .4s;width:16px;box-shadow:var(--input-shadow)}._buttons_pf55p_188{display:flex}._button_pf55p_39{font-family:Arial;color:#fff;border:none;border-radius:4px;box-shadow:var(--input-shadow);width:18px;height:18px;line-height:18px;cursor:pointer;padding:0;font-size:20px;position:relative}._button_pf55p_39:before{position:absolute}._addButton_pf55p_17{background-color:#66bb6a}._addButton_pf55p_17:before{content:"+";bottom:0;left:3px}._removeButton_pf55p_18{margin-left:4px;background-color:#d64747}._removeButton_pf55p_18:before{content:"-";bottom:2px;left:6px}._info_pf55p_19{border:1px solid var(--info-color);color:var(--info-color);border-radius:100%;min-width:16px;height:16px;text-align:center;font-size:12px;line-height:15px;cursor:pointer;-webkit-user-select:none;user-select:none}._infoBox_pf55p_242{padding:4px 3px 8px;background-color:var(--background-color);font-size:14px;font-family:var(--font-sans);border-radius:4px;z-index:100}._infoString_pf55p_251{margin-bottom:4px}._component_1lbzs_1{height:100%;display:flex;flex-direction:column;font-family:var(--font-mono);font-size:14px;line-height:18px;min-width:504px}@media(max-width:1060px){._component_1lbzs_1{min-width:0}}._indented_1lbzs_16{margin-left:20px}._component_17mya_1{width:537px;height:68px;margin-right:auto;padding:8px 12px;border-radius:6px;border:none;outline:none;font-size:14px;line-height:18px;color:var(--text-color);font-family:var(--font-mono);box-shadow:2px 2px 4px #00000040;background-color:var(--panel-color)}@media(max-width:620px){._component_17mya_1{width:100%}}._component_8xail_1{display:flex;width:100%;margin:14px 0 10px}@media(max-width:620px){._component_8xail_1{overflow:auto;padding-bottom:4px}}._shape_8xail_13{min-width:60px;height:60px;background-color:var(--panel-color);border-radius:10px;border:none;box-shadow:2px 2px 4px #00000040;padding:10px;margin-right:16px;cursor:pointer}._shape_8xail_13:hover{background-color:var(--button-hover-color)}._shape_8xail_13:active{transform:scale(.95);box-shadow:1px 1px 4px #00000040}._paste_8xail_32{color:var(--text-color);font-size:16px;padding:10px 20px;min-width:80px}._component_wypy2_1{display:flex;margin:14px 0 0 6px}@media(max-width:620px){._component_wypy2_1{margin:6px 0 0 4px}}._component_wypy2_1 svg path{transition:d .3s}._component_wypy2_1 svg circle{transition:cx .3s,cy .3s}._yCoords_wypy2_17{display:flex;flex-direction:column;justify-content:space-between;text-align:right;margin:20px 4px 1px}._rightWrapper_wypy2_25{width:100%}._xCoords_wypy2_29{display:flex;justify-content:space-between;margin-bottom:2px}@media(max-width:620px){._coord_wypy2_36{font-size:14px}}._view_wypy2_41{border-top:1px dashed var(--axis-color);border-left:1px dashed var(--axis-color)}._component_1yeoe_1{height:60px;margin-top:auto;display:flex;gap:10px}._component_1yeoe_1 button{cursor:pointer;flex:1;font-size:16px;padding:4px 6px;border-radius:10px;border:none;box-shadow:2px 2px 4px #00000040;background-color:var(--panel-color);color:var(--text-color)}._component_1yeoe_1 button svg{height:16px}._component_1yeoe_1 button:hover{background-color:var(--button-hover-color)}._component_1yeoe_1 button:active{transform:scale(.95)}._component_1yeoe_1 ._convert_1yeoe_27{min-width:152px}@media(max-width:1060px){._component_1yeoe_1{height:52px}._component_1yeoe_1 button{font-size:14px}._component_1yeoe_1 ._convert_1yeoe_27{min-width:136px}}@media(max-width:500px){._component_1yeoe_1 ._convert_1yeoe_27{min-width:0}}._container_45g2m_1{min-height:100vh;max-width:1500px;padding:0 24px;margin:0 auto;display:flex;flex-direction:column;align-items:center}@media(max-width:1060px){._container_45g2m_1{max-width:790px;padding:0 14px}}._heading_45g2m_17{font-size:90px;width:100%;margin:20px 0 0}@media(max-width:1060px){._heading_45g2m_17{font-size:60px}}._intro_45g2m_28{width:100%}._intro_45g2m_28 p{max-width:625px;line-height:22px}._code_45g2m_36{font-family:Bitstream Vera Sans Mono,monospace;font-size:14px;background:#e9e9e9;padding:2px 6px;border-radius:4px}._main_45g2m_44{display:grid;grid-template-columns:repeat(2,1fr);column-gap:30px;width:100%;margin:10px 0}@media(max-width:1060px){._main_45g2m_44{grid-template-columns:1fr}}._sectionWrapper_45g2m_57{display:flex;flex-direction:column;gap:10px}@media(max-width:1060px){._sectionWrapper_45g2m_57{max-width:750px;margin-bottom:10px;flex-direction:column-reverse}}._section_45g2m_57{height:100%;background-color:var(--panel-color);border-radius:20px;box-shadow:2px 2px 4px #00000040;padding:20px 24px}@media(max-width:1060px){._section_45g2m_57{max-width:750px}}@media(max-width:620px){._section_45g2m_57{padding:14px}}._viewer_45g2m_88{position:sticky;top:24px;height:fit-content;padding:0 24px 20px 0}@media(max-width:620px){._viewer_45g2m_88{padding:0 14px 10px 0}}._learnMore_45g2m_100{width:100%;margin-bottom:80px}