.app-container{width:auto;border-radius:8px;outline:1px solid var(--border);outline-offset:-1px}.tooltip{position:absolute;background-color:#333;color:#fff;padding:5px;border-radius:3px;z-index:1000;pointer-events:none}.line{width:100%;height:1px;background-color:var(--border)}.calculator-container{background:var(--background)!important;border-radius:0 0 8px 8px}@font-face{font-family:Monaco;src:url(../../../public/Monaco.ttf) format("tff")}.calculator{display:flex;flex-direction:column;gap:10px;padding:7px 15px 12px}.row{display:flex;align-items:center;gap:5px}.result-field{flex:1;padding-left:6px;padding-right:6px;display:flex;align-items:center;gap:5px;height:36px;border-radius:8px;border:1px solid #00000046;background:var(--secondaryBackground);border:1px solid #8b8b8b57;box-shadow:0 2px #00000059,inset 0 1px #0a0a0a;overflow:hidden}.result-field::placeholder{color:#6b6b6b;margin-left:5px;font-size:14px!important;font-family:Consolas}.result-field:focus{outline:none}.result-input{background:transparent;flex-grow:1;padding-top:8px;overflow-x:scroll;width:100%;display:flex;align-items:center;overflow-y:hidden;height:25px}.latex-container{overflow-y:auto;width:100%;height:auto;min-height:36px;max-height:150px;align-items:start;overflow-x:auto;display:flex;align-items:center}.latex-container .result-input{padding:7px 0;height:auto;overflow-x:auto}.latex-container .result-input{height:100%}.result-input::-webkit-scrollbar{height:7px;background:transparent;cursor:pointer}.result-input::-webkit-scrollbar-track{background:transparent}.result-input::-webkit-scrollbar-thumb{background:#474747;border-radius:12px;border:2px solid var(--secondaryBackground);cursor:pointer!important}.result-input::-webkit-scrollbar-thumb:hover{background:#6a6a6a}.precision-input{background:transparent;flex-grow:1;border:none;color:#fff;font-family:Consolas;font-weight:400;font-size:16px;outline:none;width:20px;text-align:center}.precision-input-container{display:flex;gap:2px}.result-label{height:20px!important;padding:0 4px;background:#1f1f1f;font-family:Consolas;font-weight:400;font-size:12px;border-radius:5px;border:1px solid rgb(63,63,63)}.result-field::placeholder{color:#838383}.input-field:focus{outline:1px solid #49483e}::selection{background:#49483e}::-moz-selection{background:#49483e}.error{width:62px;gap:2px;color:#ffe4b2;background-color:#a17b13;display:flex;justify-content:center;align-items:center;height:20px;font-size:12px;font-weight:400;border-radius:5px;margin:2px;border:1px solid #9c691d;box-shadow:inset 0 -1.5px #774409,inset 1px 1px #fd7;cursor:help;place-self:center}.error{background:linear-gradient(180deg,#52493e,#463e34);color:#ffc340;border:1px solid #ff951c36;width:62px;border-radius:5px;gap:2px;height:18px;font-size:12px;font-weight:400;display:flex;justify-content:center;align-items:center;cursor:help;box-shadow:inset 0 -1.5px #2113036c,inset 1px 1px #ffdd7786;box-shadow:0 -1px #ffe19f8c,0 2px #ffb51538}#notation{width:65px}#notation:hover{background-color:#292929}.ace_function{color:#f90}.ace_numeric{color:#a9fc99}.ace_operator,.ace_parenthesis{color:#a7a7a7}.ace_constant{color:#48b9aa;font-weight:700}.ace_reserved-keyword{color:#f90}.ace_string-expression{color:#ffc75f}.ace_argument-placeholder{color:#fff}.ace_unit{color:#48ffa3}.ace_custom-variable{text-decoration:underline rgb(169,252,153);text-underline-offset:2px}.ace_scientific-notation{color:#a9fc99}.ace_snippet-marker{-moz-box-sizing:border-box;box-sizing:border-box;background:#c2c1d017;border:1px dotted rgba(211,208,235,.62);border:none;position:absolute}.ace_placeholder{color:#6b6b6b;margin-left:5px;font-size:16px!important;font-family:Consolas;opacity:1}.math-input{padding:0!important;background:#1b1b1b;font-size:16px!important}#math-input-container{border:1px solid rgb(122,122,122);display:flex;align-items:center;padding:6px 5px;min-height:24px;height:auto;flex:1;border-radius:8px;background:var(--secondaryBackground);border:1px solid #8b8b8b57;box-shadow:0 2px #00000059,inset 0 1px #0a0a0a}.math-input-focused{outline:1px solid rgb(124,124,124);outline-offset:-1px}#ace-editor{width:auto!important;flex:1!important;background:var(--secondaryBackground)}#ace-editor ::-webkit-scrollbar{width:5px;background:transparent;cursor:pointer!important}#ace-editor ::-webkit-scrollbar-track{background:transparent}#ace-editor ::-webkit-scrollbar-thumb{background:#474747;border-radius:12px;cursor:pointer!important}#ace-editor ::-webkit-scrollbar-thumb:hover{background:#6a6a6a}#ace-editor .ace_content{padding:0}.ace_layer .ace_active-line{background-color:#4f4331!important;border-top:1px solid rgba(114,98,74,.308);border-bottom:1px solid #3b3326c0}.ace_completion-highlight{color:#f90!important}.ace_completion-meta{padding:2px}.ace_dark.ace_editor.ace_autocomplete{top:10px;box-shadow:1px 1px 7px #0000008f;border:1px solid rgb(94,93,92);background:#0a0a0aad;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);margin-top:12px;border-radius:3px;font-size:12px!important}.open_keyboard{background:#13131370!important}.ace_dark>.ace_mobile-menu{display:none}.ace_dark.ace_editor.ace_autocomplete .ace_line-hover{border:none;outline:1px solid orange;outline-offset:-1px;background:#473e2e}.MathJax{font-size:14px;margin:0!important}.latex-result-container div{height:100%}.latex-result-container{font-size:13px}.latex-result-container span{display:flex;justify-content:center;align-items:center}.latex-result-hidden{visibility:hidden}.mjx-merror{background-color:transparent!important;color:#fff!important;font-family:Inter!important}.button{border:1px solid #00000046;background:linear-gradient(180deg,#363636,#313131);box-shadow:0 -1px #ffffff2b,0 2px #0000004d;color:#fff;font-family:Inter;font-weight:500;border-radius:8px;height:40px;display:flex;align-items:center;justify-content:center;font-size:13px;outline:none;padding:0}.button:hover{background:#414141;cursor:pointer}.button:active{position:relative;top:1px}.button:disabled:active{top:0}.button:disabled{cursor:not-allowed}.red-btn{background:#362323;background:linear-gradient(180deg,#492f2f,#362323);color:#ff8686;border:1px solid #1d04048f;font-size:14px}.red-btn:hover{background:linear-gradient(180deg,#583535,#573636);color:#ff8686}.yellow-btn{background:#52493e;background:linear-gradient(180deg,#52493e,#463e34);color:#ffc340;border:1px solid #0000008f}.yellow-btn:hover{background:#5a5045}.black-btn{background:linear-gradient(180deg,rgb(19,19,19) 0%,var(--secondaryBackground) 100%);box-shadow:0 2px #00000060;font-family:Consolas;font-weight:400;font-size:12px;border-radius:5px;border:1px solid rgb(63,63,63)}.black-btn:hover{background-color:#292929}.options-bar-container{width:100%;display:flex;height:25px;align-items:center;gap:5px;margin-bottom:-4px;margin-top:-4px;justify-content:space-between}.row-group{display:flex;align-items:center;gap:10px}.options-item{display:flex;align-items:center;gap:5px}.options-item label{font-size:12px;display:flex;justify-content:center;align-items:center;color:silver;gap:2px}.dropdown{background:var(--secondaryBackground);color:#fff;box-shadow:0 2px #00000060;font-family:Consolas;font-weight:400;font-size:12px;border-radius:5px;border:1px solid rgb(63,63,63);display:flex;justify-content:center;align-items:center;gap:3px;padding:0 3px;height:22px}.dropdown:hover{background-color:#292929}.dropdown option{background:#1f1f1f;color:silver}.number-input-container{display:flex;justify-content:center;align-items:center;padding:0;gap:1px}.number-input-container input{background:var(--secondaryBackground);border:1px solid rgb(63,63,63);flex-grow:1;border-radius:5px;color:#fff;font-family:Consolas;font-weight:400;font-size:12px;outline:none;width:25px;text-align:center;-moz-appearance:none!important;-webkit-appearance:none!important;appearance:none!important;box-shadow:0 2px #00000060;height:18px!important}.number-input-container input[type=number]::-webkit-inner-spin-button,.number-input-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input-container input[type=number]{-moz-appearance:textfield}.increment-container{display:flex;flex-direction:column;gap:1px}.increment-container button{height:10px;width:15px;padding:0;display:flex;justify-content:center;align-items:center;color:#fff;border:none;background:#1f1f1f;border-radius:2px;cursor:pointer;border:1px solid rgb(63,63,63);box-shadow:0 2px #00000060}.increment-container button:hover{background:#313131}.increment-container button:active{position:relative;top:1px}.toggle-input-container{display:flex;justify-content:center;align-items:center;gap:3px}.toggle-input-container input[type=checkbox]{height:0;width:0;visibility:hidden;position:absolute}.toggle-input-dot{height:3px;width:3px;border-radius:50%}.toggle-input-container label{cursor:pointer;text-indent:-9999px;width:28px;height:16px;background:var(--secondaryBackground);display:block;border-radius:100px;position:relative;border:1px solid rgb(63,63,63);box-shadow:0 2px #00000060}.toggle-input-container label:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;background:linear-gradient(180deg,#6a6a6a,#9e9e9e);border-radius:90px;transition:.2s;border:1px solid rgb(175,175,175)}.toggle-input-container input:checked+label{transition:all .2s}.toggle-input-container input:checked+label:after{left:calc(100% - 3px);transform:translate(-100%)}.toggle-input-container label:active:after{width:8px}.Keyboard-container{padding:10px 20px;width:auto;display:flex;justify-content:center;align-items:center}.Keyboard{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;max-width:750px}.row{display:flex;justify-content:space-between;align-items:start;flex-direction:horizontal;flex-grow:1;gap:5px}sup{font-size:10px!important;margin-bottom:8px}.docs-icon path{stroke:#fff}.grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:0px;width:60px;margin:2px 0}.cell{width:10px;height:10px;border:1px solid #5a5a5a;border-radius:1px;transition:background-color .3s;cursor:pointer}.highlight{background-color:#ffffff32;border:1px solid rgb(255,255,255)}.matrix-select-label{font-size:10px;margin-bottom:2px;margin-top:-2px}.title-bar{background:var(--secondaryBackground);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(30px);border-bottom:1px solid var(--border);display:flex;padding:0 15px;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;height:40px;-webkit-user-select:none;user-select:none;-webkit-app-region:drag;outline:1px solid var(--border);outline-offset:-1px}.title-bar button{-webkit-app-region:no-drag!important;-webkit-user-select:auto!important;user-select:none}.logo{font-family:Inter;font-size:12px;font-weight:400;letter-spacing:.5px;display:flex;gap:4px;color:#d3d3d3;align-items:center}.logo div{background:#ff9b05;border-bottom:2px solid rgb(138,90,0);color:#242424;border-radius:3px;padding:1px 3px;font-weight:700}.title-bar-item{display:flex;flex-direction:row;gap:5px}.settings-btn div{display:flex;transition:transform .3s ease-in-out}.settings-btn:hover div{transform:rotate(45deg)}.vertical-line{width:1px;height:auto;background-color:var(--border);margin:2px}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont-Cl4AQHp9.ttf) format("truetype")}:root{--border: rgb(48, 48, 48);--background: #1b1b1b;--secondaryBackground: rgb(13, 13, 13);font-family:Inter;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;overflow:hidden;width:100%;display:flex;justify-content:center;align-items:center;background:#3d3d3d;background:url(/assets/noise100x100-CMw6pObM.svg);background-size:100px;background-repeat:repeat;height:100%}#root{min-width:100%;display:flex;justify-content:center}select{outline:none}.main{max-width:800px;width:100%;min-width:680px;margin-top:10vh!important;margin:20px}body{min-width:100%;height:100%;background:radial-gradient(20.16% 26.96% at 52.05% 12.92%,#1f1f1f7a,#000000b9 200%),linear-gradient(180deg,#1d1d1d80,#000000c9)}.description{color:#8d8888;font-size:14px}li{padding:5px}.dashed-grid-paper{--grid-size: 20px;--grid-strength: 1px;--grid-dash: 10px;--grid-gap: 5px;--grid-color: #ffffff09;--paper-color: #1a1a1a00;width:100%;height:100vh;background-color:var(--paper-color);background-size:var(--grid-dash) var(--grid-dash),var(--grid-size) var(--grid-size);background-image:linear-gradient(to bottom,transparent var(--grid-gap),var(--paper-color) var(--grid-gap)),linear-gradient(to right,var(--grid-color) var(--grid-strength),transparent var(--grid-strength)),linear-gradient(to right,transparent var(--grid-gap),var(--paper-color) var(--grid-gap)),linear-gradient(to bottom,var(--grid-color) var(--grid-strength),transparent var(--grid-strength))}code{background-color:#2e2e2e;color:#f8f8f2;padding:2px 4px;border-radius:4px;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.9em}kbd{text-transform:capitalize;background-color:#eee;border-radius:3px;border:1px solid #b4b4b4;box-shadow:0 1px 1px #0003,inset 0 -1px #00000080,0 2px #ffffffb3 inset;color:#333;display:inline-block;font-weight:700;line-height:1;padding:2px 4px;white-space:nowrap;font-size:11px}mark{background:none;color:#ffa114;font-family:Courier New,Courier,monospace}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background:#0000008f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(15px);color:#fff;border:1px solid rgb(51,51,51);border-radius:4px;font-size:12px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-arrow{width:16px;height:16px;color:#00000048}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:4px 6px;z-index:1}.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}