@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#3a4764;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:League Spartan,sans-serif}.calculator{margin:20px auto;max-width:500px;padding:10px}.calculator header{align-items:center;display:flex;justify-content:space-between;padding:5px 0}.calculator header p{font-size:30px;margin:0}.calculator header .theme{align-items:flex-end;display:flex;text-transform:uppercase}.calculator header .theme p{font-size:12px;margin-bottom:5px;margin-right:10px}.calculator header .theme .number-toggle{display:flex;justify-content:space-between;padding:0 8px}.calculator header .theme .number-toggle p{margin-right:0}.calculator header .theme .container{border-radius:13px;padding:5px;width:60px}.calculator header .theme .container .button{border-radius:50%;cursor:pointer;height:13px;width:13px}.calculator .input-number{-webkit-appearance:none;border:none;border-radius:10px;font-size:50px;margin:10px 0;padding:15px;text-align:end;width:100%}.calculator .input-number::-webkit-inner-spin-button,.calculator .input-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calculator .input-button{-ms-grid-columns:(minmax(0,100px))[4];grid-gap:15px;border-radius:10px;display:-ms-grid;display:grid;gap:15px;grid-template-columns:repeat(4,minmax(0,100px));justify-content:center;padding:20px 10px}.calculator .input-button .btn-reset{-ms-grid-column-span:2;-ms-grid-column:1;grid-column:1/3}.calculator .input-button .btn-sum{-ms-grid-column-span:2;-ms-grid-column:3;grid-column:3/5}.calculator .input-button .btn{border:none;border-radius:10px;cursor:pointer;font-size:32px;padding:15px 10px;text-align:center;text-transform:uppercase}.calculator .input-button .btn:hover{box-shadow:none!important;position:relative;top:5px}.attribution{font-size:11px;margin-top:20px;text-align:center}.theme-1{background-color:#3a4764}.theme-1 header{color:#fff}.theme-1 header .theme .container{background-color:#232c43}.theme-1 header .theme .button{background-color:#d03f2f}.theme-1 .input-number{background-color:#182034;color:#fff}.theme-1 .input-number::-webkit-input-placeholder{color:#fff}.theme-1 .input-number:-ms-input-placeholder{color:#fff}.theme-1 .input-number::placeholder{color:#fff}.theme-1 .input-button{background-color:#182034}.theme-1 .input-button .btn-del,.theme-1 .input-button .btn-reset{background-color:#637097!important;box-shadow:0 5px 0 0 #404e72!important;color:#fff!important}.theme-1 .input-button .btn-sum{background-color:#d03f2f!important;box-shadow:0 5px 0 0 #93261a!important;color:#fff!important}.theme-1 .input-button .btn{background-color:#eae3dc;box-shadow:0 5px 0 0 #b4a597;color:#444b5a}.theme-1 .attribution{color:#182034}.theme-1 .attribution a{color:#eae3dc}.theme-2{background-color:#e6e6e6}.theme-2 header{color:#fff;color:#35352c}.theme-2 header .theme .container{background-color:#d1cccc}.theme-2 header .theme .button{background-color:#ca5502;left:17px;position:relative}.theme-2 .input-number{background-color:#ededed;color:#35352c}.theme-2 .input-number::-webkit-input-placeholder{color:#fff}.theme-2 .input-number:-ms-input-placeholder{color:#fff}.theme-2 .input-number::placeholder{color:#fff}.theme-2 .input-button{background-color:#d1cccc}.theme-2 .input-button .btn-del,.theme-2 .input-button .btn-reset{background-color:#377f86!important;box-shadow:0 5px 0 0 #1b5f65!important;color:#fff!important}.theme-2 .input-button .btn-sum{background-color:#ca5502!important;box-shadow:0 5px 0 0 #893901!important;color:#fff!important}.theme-2 .input-button .btn{background-color:#e5e4e1;box-shadow:0 5px 0 0 #a69d91;color:#35352c}.theme-2 .attribution{color:#35352c}.theme-2 .attribution a{color:#ca5502}.theme-3{background-color:#160628}.theme-3 header{color:#fff;color:#ffe53d}.theme-3 header .theme .container{background-color:#1d0934}.theme-3 header .theme .button{background-color:#00e0d1;left:36px;position:relative}.theme-3 .input-number{background-color:#1d0934;color:#ffe53d}.theme-3 .input-number::-webkit-input-placeholder{color:#fff}.theme-3 .input-number:-ms-input-placeholder{color:#fff}.theme-3 .input-number::placeholder{color:#fff}.theme-3 .input-button{background-color:#1d0934}.theme-3 .input-button .btn-del,.theme-3 .input-button .btn-reset{background-color:#58077d!important;box-shadow:0 5px 0 0 #bc15f4!important;color:#fff!important}.theme-3 .input-button .btn-sum{background-color:#00e0d1!important;box-shadow:0 5px 0 0 #6cf9f2!important;color:#1b2428!important}.theme-3 .input-button .btn{background-color:#341c4f;box-shadow:0 5px 0 0 #871c9c;color:#ffe53d}.theme-3 .attribution{color:#bc15f4}.theme-3 .attribution a{color:#ffe53d}.box{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}
/*# sourceMappingURL=main.0c60ceef.css.map*/