@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@700&display=swap);:root{--bg-main-dark:#3a4764;--bg-output-dark:#182034;--bg-keys-dark:#232c43;--btn-primary-dark:#f8f7f6;--btn-primary-hover-dark:#fff;--shadow-primary-dark:#b4a597;--btn-secondary-dark:#637097;--btn-secondary-hover-dark:#7d86a1;--shadow-secondary-dark:#404e72;--btn-tertiary-dark:#d03f2f;--btn-tertiary-hover-dark:#d7675b;--shadow-tertiary-dark:#93261a;--text-dark:#fff;--primary-text-dark:#444b5a;--bg-main-light:#e6e6e6;--bg-output-light:#ededed;--bg-keys-light:#d1cccc;--btn-primary-light:#e5e4e1;--btn-primary-hover-light:#f5f5f5;--shadow-primary-light:#a69d91;--btn-secondary-light:#377f86;--btn-secondary-hover-light:#599aa1;--shadow-secondary-light:#1b5f65;--btn-tertiary-light:#ca5502;--btn-tertiary-hover-light:#d1722e;--shadow-tertiary-light:#893901;--text-light:#000;--primary-text-light:#35352c;--bg-main-violet:#160628;--bg-output-violet:#1d0934;--bg-keys-violet:#1d0934;--btn-primary-violet:#341c4f;--btn-primary-hover-violet:#5c3d7f;--shadow-primary-violet:#871c9c;--btn-secondary-violet:#58077d;--btn-secondary-hover-violet:#892cb5;--shadow-secondary-violet:#bc15f4;--btn-tertiary-violet:#00e0d1;--btn-tertiary-hover-violet:#a8f5f0;--shadow-tertiary-violet:#6cf9f2;--text-violet:#fff;--primary-text-violet:#ffe53d;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg-main:var(--bg-main-dark);--bg-output:var(--bg-output-dark);--bg-keys:var(--bg-keys-dark);--btn-primary:var(--btn-primary-dark);--btn-primary-hover:var(--btn-primary-hover-dark);--shadow-primary:var(--shadow-primary-dark);--btn-secondary:var(--btn-secondary-dark);--btn-secondary-hover:var(--btn-secondary-hover-dark);--shadow-secondary:var(--shadow-secondary-dark);--btn-tertiary:var(--btn-tertiary-dark);--btn-tertiary-hover:var(--btn-tertiary-hover-dark);--shadow-tertiary:var(--shadow-tertiary-dark);--text:var(--text-dark);--primary-text:var(--primary-text-dark)}}@media(prefers-color-scheme:light){:root{--bg-main:var(--bg-main-light);--bg-output:var(--bg-output-light);--bg-keys:var(--bg-keys-light);--btn-primary:var(--btn-primary-light);--btn-primary-hover:var(--btn-primary-hover-light);--shadow-primary:var(--shadow-primary-light);--btn-secondary:var(--btn-secondary-light);--btn-secondary-hover:var(--btn-secondary-hover-light);--shadow-secondary:var(--shadow-secondary-light);--btn-tertiary:var(--btn-tertiary-light);--btn-tertiary-hover:var(--btn-tertiary-hover-light);--shadow-tertiary:var(--shadow-tertiary-light);--text:var(--text-light);--primary-text:var(--primary-text-light)}}@media(prefers-color-scheme:violet){:root{--bg-main:var(--bg-main-violet);--bg-output:var(--bg-output-violet);--bg-keys:var(--bg-keys-violet);--btn-primary:var(--btn-primary-violet);--btn-primary-hover:var(--btn-primary-hover-violet);--shadow-primary:var(--shadow-primary-violet);--btn-secondary:var(--btn-secondary-violet);--btn-secondary-hover:var(--btn-secondary-hover-violet);--shadow-secondary:var(--shadow-secondary-violet);--btn-tertiary:var(--btn-tertiary-violet);--btn-tertiary-hover:var(--btn-tertiary-hover-violet);--shadow-tertiary:var(--shadow-tertiary-violet);--text:var(--text-violet);--primary-text:var(--primary-text-violet)}}:root[color-scheme=dark]{--bg-main:var(--bg-main-dark);--bg-output:var(--bg-output-dark);--bg-keys:var(--bg-keys-dark);--btn-primary:var(--btn-primary-dark);--btn-primary-hover:var(--btn-primary-hover-dark);--shadow-primary:var(--shadow-primary-dark);--btn-secondary:var(--btn-secondary-dark);--btn-secondary-hover:var(--btn-secondary-hover-dark);--shadow-secondary:var(--shadow-secondary-dark);--btn-tertiary:var(--btn-tertiary-dark);--btn-tertiary-hover:var(--btn-tertiary-hover-dark);--shadow-tertiary:var(--shadow-tertiary-dark);--text:var(--text-dark);--primary-text:var(--primary-text-dark)}:root[color-scheme=light]{--bg-main:var(--bg-main-light);--bg-output:var(--bg-output-light);--bg-keys:var(--bg-keys-light);--btn-primary:var(--btn-primary-light);--btn-primary-hover:var(--btn-primary-hover-light);--shadow-primary:var(--shadow-primary-light);--btn-secondary:var(--btn-secondary-light);--btn-secondary-hover:var(--btn-secondary-hover-light);--shadow-secondary:var(--shadow-secondary-light);--btn-tertiary:var(--btn-tertiary-light);--btn-tertiary-hover:var(--btn-tertiary-hover-light);--shadow-tertiary:var(--shadow-tertiary-light);--text:var(--text-light);--primary-text:var(--primary-text-light)}:root[color-scheme=violet]{--bg-main:var(--bg-main-violet);--bg-output:var(--bg-output-violet);--bg-keys:var(--bg-keys-violet);--btn-primary:var(--btn-primary-violet);--btn-primary-hover:var(--btn-primary-hover-violet);--shadow-primary:var(--shadow-primary-violet);--btn-secondary:var(--btn-secondary-violet);--btn-secondary-hover:var(--btn-secondary-hover-violet);--shadow-secondary:var(--shadow-secondary-violet);--btn-tertiary:var(--btn-tertiary-violet);--btn-tertiary-hover:var(--btn-tertiary-hover-violet);--shadow-tertiary:var(--shadow-tertiary-violet);--text:var(--text-violet);--primary-text:var(--primary-text-violet)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text);font-family:League Spartan,sans-serif;font-weight:700;transition:all .5s}.calculator{flex-direction:column;height:100vh;justify-content:center;margin:0 auto;width:540px}.calculator,header{align-items:center;display:flex}header{justify-content:space-between;margin-bottom:2rem;width:100%}.title{font-size:1.8rem}.theme{font-size:.75rem}.output{align-items:flex-end;background-color:var(--bg-output);border-radius:9px;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:2rem;width:100%;word-break:break-all}.current-operand{font-size:3.4rem}.calc-grid{grid-gap:1.5rem;background-color:var(--bg-keys);border-radius:9px;display:grid;gap:1.5rem;grid-template-columns:repeat(4,100px);grid-template-rows:repeat(5,60px);padding:2rem}.span-2{grid-column:span 2}button{background-color:var(--btn-primary);border:none;border-radius:6px;box-shadow:0 4px 0 0 var(--shadow-primary);color:var(--primary-text);cursor:pointer;font-family:inherit;font-size:2.4rem;font-weight:inherit;transition:all .3s}button:hover{background-color:var(--btn-primary-hover)}.btn-dark{background-color:var(--btn-secondary);box-shadow:0 4px 0 0 var(--shadow-secondary);color:var(--text);font-size:1.6rem}.btn-dark:hover{background-color:var(--btn-secondary-hover)}.btn-equal{background-color:var(--btn-tertiary);box-shadow:0 4px 0 0 var(--shadow-tertiary);color:#fff;color:var(--text-dark)}.btn-equal:hover{background-color:var(--btn-tertiary-hover)}.tw-toggle{background-color:var(--bg-keys);border-radius:20px;display:inline-block;padding:2px 3px;position:relative;width:auto}.theme{font-size:12px;margin-right:20px}.tw-toggle label{bottom:28px;cursor:pointer;position:absolute}.tw-toggle input{cursor:pointer;height:16px;margin-right:6px;opacity:0;width:16px;z-index:3}input[value=violet]{margin-right:0}.tw-toggle span{background:#fff;border-radius:50%;display:block;height:16px;left:20px;line-height:21px;position:absolute;top:2px;transition:all .3s ease-in-out;width:16px}.tw-toggle input[value=dark]:checked~span{background:var(--btn-tertiary);color:#fff;left:4px;top:3.5px}.tw-toggle input[value=violet]:checked~span{background:var(--btn-tertiary);left:46px;top:3.5px}.tw-toggle input[value=light]:checked~span{background:var(--btn-tertiary);left:23px;top:3.5px}@media(max-width:480px){.calculator{padding:18px;width:100%}.calc-grid{border-radius:9px;gap:1rem;grid-template-columns:repeat(4,60px);grid-template-rows:repeat(5,55px);padding:1.5rem}}
/*# sourceMappingURL=main.950b118e.css.map*/