body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App_app__dufu1{background-image:url(/composition-model/static/media/gradient.8fee4368fed228fd913d.jpg);background-size:cover;inset:0}header{align-items:center;box-shadow:0 0 1rem var(--headerShadow);color:#fff;display:flex;height:1rem;justify-content:space-between;padding:1rem}header .App_header__w9Uhx{font-size:1.1rem}header .App_buttons__hYpKf{display:flex;gap:1rem}header .App_buttons__hYpKf>div{background:#00000024;border-radius:.3rem;cursor:pointer;font-size:.8rem;padding:.5rem;transition:background .1s;-webkit-user-select:none;user-select:none}header .App_buttons__hYpKf>div:hover{background:#00000035}header .App_buttons__hYpKf .App_theme__fEqXL>div{background-size:contain;height:1rem;width:1rem}.App_section__OB\+97{display:flex;height:calc(100vh - 3rem)}.App_section__OB\+97>div{overflow:auto}.App_source__M\+tpU{background:var(--sourceBg);min-width:12rem;padding:1rem;transition:background .2s;width:50%}.App_source__M\+tpU:focus{outline:medium none invert;outline:initial}.App_source__M\+tpU>.App_block__Q6RQj{margin-left:0}.App_source__M\+tpU>.App_input__zDlJk+.App_label__0koYf{margin-left:0!important}.App_source__M\+tpU .App_label__0koYf{color:var(--labelColor);font-size:.8rem}.App_source__M\+tpU .App_block__Q6RQj{margin-left:1rem}.App_source__M\+tpU .App_input__zDlJk{background:transparent;border:initial;box-shadow:0 .02rem var(--labelColor);font-size:1rem;margin:.2rem 0 .5rem;padding:.2rem;transition:box-shadow .1s;width:calc(100% - .4rem)}.App_source__M\+tpU .App_input__zDlJk:focus{box-shadow:0 .12rem var(--labelColor);outline:medium none invert;outline:initial}.App_visualization__wafm4{width:100%}.App_visualization__wafm4 .App_block__Q6RQj{align-items:center;background:var(--blockBg);border-radius:.3rem;box-shadow:0 0 .4rem #00000017;display:grid;margin:.5rem;overflow:hidden;text-align:center;transition:background .2s}.App_visualization__wafm4 .App_label__0koYf{color:var(--labelColor);font-size:.8rem;margin:.2rem 0}.App_visualization__wafm4 .App_children__4iQn0{display:flex;flex-wrap:wrap;justify-content:center}.App_visualization__wafm4 .App_children__4iQn0:empty{display:none}.App_visualization__wafm4 .App_input__zDlJk{background:transparent;border:initial;font-size:1rem;min-width:10rem;padding:.8rem;text-align:center}.App_visualization__wafm4 .App_input__zDlJk:focus{background:var(--inputFocus);outline:medium none invert;outline:initial}.App_dim__rq\+\+F{background:#00000070;bottom:0;left:0;position:fixed;right:0;top:0}.App_popup__HCqZf{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60vmin}.App_popup__HCqZf .App_header__w9Uhx{background:url(/composition-model/static/media/gradient.8fee4368fed228fd913d.jpg) center 70%;border-radius:.3rem .3rem 0 0;color:#fff;font-size:1.1rem;padding:.8rem 1.5rem;text-align:center}.App_popup__HCqZf .App_content__qWENX{background:var(--popupBg);border-radius:0 0 .3rem .3rem;color:var(--popupColor);padding:1rem 1.5rem}code{background:var(--codeBg);border-radius:.3rem;font-size:.7rem;padding:.25rem}p{margin:.2rem 0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#981579;border-radius:10px}::-webkit-scrollbar-track{background:#ffffff0a}.App_app__dufu1.App_light__dPlZz{--labelColor:#555;--inputFocus:#ffffff3f;--sourceBg:#ffffff6e;--blockBg:#ffffff4d;--headerShadow:#ffffff24;--codeBg:#dedede;--popupBg:#fff;--popupColor:#111}.App_app__dufu1.App_light__dPlZz .App_theme__fEqXL>div{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff'%3E%3Cpath d='M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z'/%3E%3C/svg%3E")}.App_app__dufu1.App_dark__5sroF{--labelColor:#d4d4d4;--inputFocus:#00000027;--sourceBg:#00000059;--blockBg:#00000031;--headerShadow:#00000024;--codeBg:#404040;--popupBg:#1c1c1c;--popupColor:#ddd}.App_app__dufu1.App_dark__5sroF .App_theme__fEqXL>div{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff'%3E%3Cpath d='M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z'/%3E%3C/svg%3E")}.App_app__dufu1.App_dark__5sroF input{color:#e6e6e6}