:root{--background-main:#3a4764;--background-secondary:#232c43;--background-screen:#182034;--keys-background:#637097;--keys-shadow:#b4a597;--keys-toggle:#d03f2f;--keys-toggle-shadow:#93261a;--keys-background-main:#eae3dc;--keys-background-main-shadow:#3a4764;--text-main:#444b5a;--text-white:#faefef;--text-equals:#fff;--text-delete-reset:#faefef}[data-theme=light]{--background-main:#e6e6e6;--background-secondary:#d1cccc;--background-screen:#ededed;--keys-background:#377f86;--keys-shadow:#a69d91;--keys-toggle:#ca5502;--keys-toggle-shadow:#893901;--keys-background-main:#e5e4e1;--keys-background-main-shadow:#1b5f65;--text-main:#35352c;--text-white:#35352c;--text-delete-reset:#faefef}[data-theme=dark]{--background-main:#160628;--background-secondary:#1d0934;--keys-background:#58077d;--keys-shadow:#bc15f4;--keys-toggle:#00e0d1;--keys-toggle-shadow:#6cf9f2;--keys-background-main:#341c4f;--keys-background-main-shadow:#871c9c;--text-main:#ffe53d;--text-dark-blue:#1b2428;--text-white:#ffe53d;--text-equals:#000;--text-delete-reset:#ffe53d}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizespeed;min-height:100vh;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background-color:var(--background-main);place-items:center;font-family:Spartan,sans-serif;font-size:32px;display:grid}.heading{color:var(--text-white)}.heading-primary{font-size:32px}.heading-secondary{text-transform:uppercase;letter-spacing:1.4px;margin-top:1.25rem;margin-right:1rem;font-size:12px}.calculator{background-color:var(--background-main);margin:auto;padding:1.5rem}.calculator__heading{display:flex}.calculator__toggle{justify-content:center;align-items:center;margin-left:auto;display:flex}.toggle__numbers{color:var(--text-white);justify-content:space-around;font-size:14px;font-weight:600;display:flex}.toggle__background{background-color:var(--background-screen);border-radius:20px;align-items:center;width:4rem;height:1.5rem;display:flex}.toggle__btn{background-color:var(--keys-toggle);cursor:pointer;border:none;border-radius:50%;width:1rem;height:1rem;margin:3px;padding:0}.toggle__btn--2{justify-content:center}.toggle__btn--3{margin-left:auto}.calculator__screen{place-items:center;margin-top:2rem;display:grid}input{background-color:var(--background-screen);color:var(--text-white);text-align:right;border:none;border-radius:10px;width:100%;height:5.5rem;padding:1rem;font-weight:600}.calculator__keys{background-color:var(--background-secondary);border-radius:10px;grid-template-columns:repeat(4,minmax(10px,1fr));gap:.5rem;margin-top:1.5rem;padding:1.5rem;display:grid}@media screen and (width>=620px){.calculator__keys{gap:1.5rem}}.key{background-color:var(--keys-background-main);cursor:pointer;border:none;border-bottom:5px solid var(--keys-shadow);color:var(--text-main);text-align:center;border-radius:10px;padding:.5rem;font-weight:600}.key:active{border-bottom:5px solid #0000;transform:translateY(2px)}.key-0{grid-area:4/2/5/3}.key-1{grid-area:3/1/4/2}.key-2{grid-area:3/2/4/3}.key-3{grid-area:3/3/4/4}.key-4{grid-area:2/1/3/2}.key-5{grid-area:2/2/3/3}.key-6{grid-area:2/3/3/4}.key-del,.key-reset{background-color:var(--keys-background);border-bottom:solid 5px var(--keys-background-main-shadow);text-transform:uppercase;color:var(--text-delete-reset);grid-area:1/4/2/5;align-items:center;font-size:18px}.key-multiply{grid-area:4/4/5/5}.key-dot{grid-area:4/1/5/2}.key-reset{grid-area:5/1/6/span 2}.key-equals{background-color:var(--keys-toggle);border-bottom:solid 5px var(--keys-toggle-shadow);color:var(--text-equals);grid-column:3/span 2}p{color:var(--text-main);font-weight:600}.attribution{text-align:center;font-size:11px}.attribution a{color:#3e52a3}
/*# sourceMappingURL=repo.8e63afb6.css.map */