@media (prefers-color-scheme: dark){a{color:#54a4ff;background-color:transparent;text-decoration:none}}:root{--bg: #121212;--hover: #272727;--font: white;--font-transparent: rgba(255, 255, 255, .5);--yellow: #ffc814;--orange: #ff7214;--blue: #0982fc;--gray: #6e6e6e;--red: #fc4848;--green: #349234;--key: #8a8a8a}body{background-color:var(--bg);font-family:JetBrains Mono,monospace;padding:0;margin:0}ul{list-style-type:none;padding:0}input{font-family:JetBrains Mono,monospace;background-color:var(--bg);color:var(--yellow);border-width:0px;border:none;outline:none;font-size:24px;width:100%;padding:0}.listItem{padding:12px;line-break:auto;border-radius:12px}.centered{text-align:center}.step{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:12px;border-radius:12px;background-color:var(--hover);font-size:18px}code{color:var(--yellow);font-family:JetBrains Mono,monospace;background-color:var(--bg);padding:2px;border-radius:5px;margin-bottom:10px}.container{padding-left:13px;padding-right:13px}.hoverable:hover>input,.hoverable:hover{background-color:var(--hover)}.result{margin:0%;font-size:24px;color:var(--font)}a:link{color:#fff;background-color:transparent;text-decoration:none}a:hover{color:#bc38fa;background-color:transparent;text-decoration:underline}.conf{font-family:JetBrains Mono,monospace;background-color:var(--bg);color:var(--yellow);border-width:0px;border:none;outline:none;border-radius:7px;font-size:16px;margin-bottom:12px;background-color:#4d4141;width:30%;max-width:100px;padding:2px}::placeholder{color:var(--gray);opacity:1}:-ms-input-placeholder{color:var(--gray)}::-ms-input-placeholder{color:var(--gray)}#navbar a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}#navbar{overflow:hidden;background-color:var(--hover)}.sticky{position:fixed;top:0;width:100%}code{color:var(--yellow)}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0009}.modal-content{background-color:var(--bg);color:var(--font);margin:5% auto;padding:5px 20px 20px;border-radius:12px;width:80%}.modal.show{-webkit-animation:fadein .2s;animation:fadein .2s}.modal.hide{-webkit-animation:fadeout .2s;animation:fadeout .25s}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:var(--red);text-decoration:none;cursor:pointer}#snackbar{visibility:hidden;left:50%;min-width:200px;transform:translate(-50%);background-color:var(--hover);color:#fff;text-align:center;border-radius:12px;padding:16px;position:fixed;z-index:1;bottom:30px}#snackbar.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.keyboardRow,.keyboardRowSmall{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.keyboardRowSmall>.key{float:left;margin:0 5px 5px 0;width:80px;height:35px;font-size:24px;line-height:20px;text-align:center;color:var(--font);background:var(--hover);border:none;border-radius:5px}.keyboard{width:100%;max-height:100%;color:#fff;text-align:center}.key{float:left;margin:0 5px 5px 0;width:80px;height:60px;font-size:24px;line-height:60px;text-align:center;color:var(--font);background:var(--key);border:none;border-radius:5px}#divide,#multiply,#minus,#plus{background-color:var(--yellow);color:var(--bg)}#equals{width:165px}body,html,#container{height:100%}.top{overflow-y:auto;height:40%;width:100%;margin:auto}.bottom{height:60%;width:100%;margin:auto;color:#fff;display:flex;justify-content:center;align-items:center}#more{font-family:JetBrains Mono,monospace;display:none;position:absolute;right:26px;padding-top:9px;padding-bottom:26px;background-color:transparent;font-weight:700;border:none;color:var(--font-transparent);font-size:24px}#more:hover{color:var(--yellow)}.btn{background-color:var(--hover);color:var(--font);border:none;border-radius:12px;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin-top:10px;cursor:pointer;width:100%}.collapsible{cursor:pointer;width:100%;border:none;text-align:left;padding-left:12px;padding-right:12px;outline:none;color:var(--font);border-radius:12px;background-color:var(--hover)}.collapsible:after{font-weight:700;float:right;margin-left:5px;border-radius:12%}.bottom-radius-off{border-bottom-left-radius:0%;border-bottom-right-radius:0%}.active:after{border-top-left-radius:0%;border-top-right-radius:0%}.content{color:var(--font);border-radius:0% 0% 12px 12px;background-color:var(--hover);padding:0 18px;max-height:0;overflow:hidden;transition:max-height .2s ease-out}