@import url(https://fonts.googleapis.com/css2?family=Spartan:wght@700&display=swap);:root,[data-theme=theme-1]{--main-bg:#3a4764;--togglekeypad:#232c43;--screenbg:#182034;--keybg--1:#637097;--keyshadow-1:#404e72;--keybgtoggle:#d03f2f;--keyshadow:#93261a;--keybg--2:#eae3dc;--keyshadow-2:#b4a597;--text:#444b5a;--text2:#fff;--text3:#fff;--font-family:"Spartan",sans-serif;--text4:#fff;--text-footer:#893901}[data-theme=theme-2]{--main-bg:#e6e6e6;--togglekeypad:#d1cccc;--screenbg:#ededed;--keybg--1:#377f86;--keyshadow-1:#1b5f65;--keybgtoggle:#ca5502;--keyshadow:#893901;--keybg--2:#e5e4e1;--keyshadow-2:#a69d91;--text:#35352c;--text2:#35352c;--text3:#35352c;--text4:#fff;--text-footer:#377f86}[data-theme=theme-3]{--main-bg:#160628;--togglekeypad:#1d0934;--screenbg:#1d0934;--keybg--1:#58077d;--keyshadow-1:#bc15f4;--keybgtoggle:#00e0d1;--keyshadow:#6cf9f2;--keybg--2:#341c4f;--keyshadow-2:#871c9c;--text3:#ffe53d;--text:#ffe53d;--text2:#fff;--text4:#35352c;--text-footer:#ffe53d}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);font-size:32px;color:var(--text2);background-color:var(--main-bg);min-height:100vh}#root,body{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column}.container{max-width:375px;width:100%;color:var(--text2);height:auto;padding:25px}.row{display:flex;flex-direction:row;width:100%}.align-center{align-items:center}.space-between{justify-content:space-between}.space-evenly{justify-content:space-around}ul:nth-child(2){position:relative;width:100px;justify-content:space-around;margin:6px 0}.col,ul:nth-child(2){display:flex;align-items:center}.col{flex-direction:column}ul label{font-size:.8rem}ul:nth-child(2):before{position:absolute;width:95px;background-color:var(--togglekeypad);content:"";height:25px;left:-1;border-radius:10px;z-index:-1}li{list-style:none}.theme,li{display:inline-flex}.theme{font-size:1rem;align-items:center}input[type=radio]{-webkit-appearance:none;appearance:none;border-radius:50%;width:19px;height:19px;background-color:#fff;cursor:pointer;opacity:0}input[type=radio]:checked{background-color:var(--keybgtoggle);opacity:1}.label-ul{background-color:var(--main-bg)}.label-ul,label{color:var(--text3)}.calc-screen{height:90px;width:100%;margin:30px 0 25px}input[type=text]{height:100%;width:100%;background-color:var(--screenbg);border-color:transparent;outline:none;border-radius:10px;font-size:3rem;color:var(--text3);text-align:right;padding-right:5px;padding-left:5px}input[type=text]::-webkit-input-placeholder{color:var(--text3)}input[type=text]:-ms-input-placeholder{color:var(--text3)}input[type=text]::placeholder{color:var(--text3)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inner-box{background-color:var(--togglekeypad);padding:25px;border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;grid-row-gap:10px}.calc-button{background-color:var(--keyshadow-2);color:var(--text);position:relative;height:65px;text-transform:uppercase;font-size:1.9rem;border-color:transparent;border-radius:5px;cursor:pointer;font-weight:700;z-index:1;transition:.2s}.keypad-color-blue{color:#fff;background-color:var(--keyshadow-1)}.keypad-color-blue,.keypad-color-red{height:65px;text-transform:uppercase;font-size:1.3rem;border-color:transparent;border-radius:5px;cursor:pointer;font-weight:700;z-index:1;transition:.2s;position:relative}.keypad-color-red{color:var(--text4);background-color:var(--keyshadow)}.calc-button:after{background-color:var(--keybg--2)}.calc-button:after,.keypad-color-blue:after{position:absolute;width:104%;height:59px;top:-1px;left:-1px;content:"";z-index:-1;border-radius:5px}.keypad-color-blue:after{background-color:var(--keybg--1)}.keypad-color-blue:active:after{transition:.2s ease;visibility:collapse}.calc-button:active{-webkit-transform:translateY(4px);transform:translateY(4px);transition:.2s ease;height:62px;background-color:var(--keybg--2)}.calc-button:active:after{transition:.2s ease;visibility:collapse}.keypad-color-blue:active{-webkit-transform:translateY(4px);transform:translateY(4px);transition:.2s ease;height:62px;background-color:var(--keybg--1)}.keypad-color-red:after{position:absolute;width:104%;height:59px;top:-1px;left:-1px;content:"";z-index:-1;background-color:var(--keybgtoggle);border-radius:5px}.keypad-color-red:active:after{transition:.2s ease;visibility:collapse}.keypad-color-red:active{-webkit-transform:translateY(4px);transform:translateY(4px);transition:.2s ease;height:62px;background-color:var(--keybgtoggle)}.two-col{grid-column:2 span}footer{font-size:.8rem;position:relative;margin-top:3%;display:flex;justify-content:center;color:var(--text2)}footer,footer a{text-decoration:none}footer a{color:var(--text-footer)}@media (max-width:425px){footer{font-size:.7rem;margin-bottom:10px}}
/*# sourceMappingURL=main.13b169de.chunk.css.map */