@import url(https://fonts.googleapis.com/css2?family=Spartan:wght@700&display=swap);.container-display{width:100%;text-align:end;padding:6px 30px;border-radius:10px;margin-bottom:20px;font-size:1.4rem;overflow:hidden;max-width:520px}.container-display.Blue{background-color:#182034;color:#fff}.container-display.White{background-color:#ededed;color:#35352c}.container-display.Purple{background-color:#1d0934;color:#ffe53d}.button{border-radius:10px;border-top:none;border-right:none;border-left:none;font-size:34px;height:60px;padding-top:10px}@media screen and (min-width:375px) and (max-width:540px){.button{font-size:25px;border-radius:5px}}.button:hover{cursor:pointer}.button.Blue{background-color:#eae3dc;border-bottom:5px solid #b4a597;color:#444b5a}.button.Blue:active{background-color:#444b5a;color:#eae3dc}.button.Blue.equal:active{background-color:#eae3dc;color:#d03f2f}.button.Blue.delete:active,.button.Blue.reset:active{background-color:#eae3dc;color:#65739a}.button.White{background-color:#e5e4e1;border-bottom:5px solid #a69d91;color:#35352c}.button.White:active{background-color:#35352c;color:hsl(45deg 7% 89%)}.button.White.equal:active{background-color:#eae3dc;color:#ca5502}.button.White.delete:active,.button.White.reset:active{background-color:#eae3dc;color:#377f86}.button.Purple{background-color:#341c4f;border-bottom:5px solid #871c9c;color:#ffe53d}.button.Purple:active{background-color:#ffe53d;color:#341c4f}.button.Purple.equal:active{background-color:#1b2428;color:#00e0d1}.button.Purple.delete:active,.button.Purple.reset:active{background-color:#eae3dc;color:#bc15f4}.button.delete,.button.equal,.button.reset{font-size:20px}.button.equal,.button.reset{grid-column:span 2}.button.Blue.delete,.button.Blue.reset{background-color:#65739a;color:#eae3dc;border-bottom:4px solid #404e72}.button.Blue.equal{background-color:#d03f2f;border-bottom:4px solid #93261a;color:#eae3dc}.button.White.delete,.button.White.reset{background-color:#377f86;color:#eae3dc;border-bottom:4px solid #1b5f65}.button.White.equal{background-color:#ca5502;border-bottom:4px solid #893901;color:#fff}.button.Purple.delete,.button.Purple.reset{background-color:#58077d;color:#eae3dc;border-bottom:4px solid #bc15f4}.button.Purple.equal{background-color:#00e0d1;border-bottom:4px solid #6cf9f2;color:#1b2428}.Header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:10px}.Header.Blue{color:#fff}.Header.White{color:#35352c}.Header.Purple{color:#ffe53d}.Header-Theme{display:grid;grid-template-columns:.8fr 1fr;grid-template-rows:1fr 1fr;-webkit-align-items:center;align-items:center;margin-bottom:20px;font-size:12px;letter-spacing:1px}.Header-Numbers{letter-spacing:7px;justify-self:center;font-size:10px;margin-left:8px}.slider{display:-webkit-flex;display:flex;border-radius:50px;width:70px;padding:3px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.slider.Blue,.switch.Blue.false:before{background-color:#232c43}.slider.White,.switch.White.false:before{background-color:#d1cccc}.slider.Purple,.switch.Purple.false:before{background-color:#1d0934}.switch:before{content:"";display:block;width:13px;height:13px;top:0;left:0;border-radius:50px;-webkit-transform:scale(1.3);transform:scale(1.3);cursor:pointer}.switch.Blue.true:before{background-color:#d03f2f}.switch.White.true:before{background-color:#ca5502}.switch.Purple.true:before{background-color:#00e0d1}.container-keys{display:grid;grid-template-columns:repeat(4,100px);grid-gap:20px;padding:30px;border-radius:10px}@media screen and (min-width:375px) and (max-width:540px){.container-keys{grid-template-columns:repeat(4,60px);grid-gap:12px}}.container-keys.Blue{background-color:#232c43}.container-keys.White{background-color:#d1cccc}.container-keys.Purple{background-color:#1d0934}body{display:-webkit-flex;display:flex;height:100vh;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:2px;background-color:#3a4764}*{box-sizing:border-box;font-family:"Spartan","sans-serif"}
/*# sourceMappingURL=main.ae5bd294.chunk.css.map */