.light{background-color:#fff}.light .calculator{color:#343a40;background-color:#dee2e6}.light .calculator .result{background-color:#ced4da}.light .calculator button{background-color:#ced4da;color:#343a40}.light .calculator button.contrast{background:#c7f9cc}.light .calculator button.special{background:rgb(247,201,157)}.light .calculator button.switch .line:after{background-color:#b02c2c}.light footer a{color:#000}.dark{background-color:#000}.dark .calculator{color:#ccd4dc;background-color:#323639}.dark .calculator .result{background-color:#414244}.dark .calculator button{background-color:#1e2021;color:#e7e9e9}.dark .calculator button.contrast{background:#bd77b0}.dark .calculator button.special{background:rgb(81,161,73)}.dark .calculator button.switch .line:after{background-color:#4a4fba}.dark footer a{color:#fff}.calculator{gap:10px;width:320px;display:grid;padding:24px 16px;border-radius:8px;position:relative;grid-template-areas:"result result result result" "clear positive-negative percentage divide" "seven eight nine multiply" "four five six minus" "one two three sum" "zero zero coma equal";transition:all .3s ease-in-out 0s;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.calculator .result{grid-area:result;height:46px;padding:24px 16px 8px;overflow:hidden;position:relative;font-size:40px;max-width:100%;text-align:right;box-shadow:#0000000f 0 2px 4px inset;margin-bottom:16px;border-radius:8px;white-space:nowrap;text-overflow:ellipsis;transition:all .3s ease-in-out 0s}.calculator .result p{position:absolute;top:6px;right:16px;margin:0;font-size:18px}.calculator button:active{opacity:.9}.calculator button:not(.switch){cursor:pointer;border:0px solid transparent;padding:8px;min-width:70px;font-size:24px;min-height:64px;box-shadow:#0000002e 0 2px 4px;border-radius:6px;transition:all .3s ease-in-out 0s}.calculator button.switch{position:absolute;top:-20px;right:20px;z-index:0;width:70px;height:20px;border:0px solid transparent;cursor:pointer;border-radius:8px 8px 0 0;padding:0;transition:all .3s ease-in-out 0s}.calculator button.switch:hover{top:-18px;height:18px}.calculator button.switch:hover div:after{height:4px}.calculator button.switch:active{top:-16px;height:16px}.calculator button.switch:active div:after{height:2px}.calculator button.switch div{width:100%;height:100%;position:relative}.calculator button.switch div:after{content:"";width:100%;height:6px;position:absolute;bottom:0;left:0;transition:all .3s ease-in-out 0s}.calculator .theme{position:absolute;top:-55px;right:45px;width:20px;height:20px;border-radius:100%;background-color:#fff}.calculator .theme .degrade{position:relative}.calculator .theme .degrade:after{left:-5px;top:-5px;content:"";background-color:#000;height:30px;width:30px;position:absolute;rotate:45deg;z-index:-1}.calculator .theme .degrade:before{left:-5px;top:-5px;content:"";background-color:#000;height:30px;width:30px;position:absolute;rotate:90deg;z-index:-1}footer{margin-top:16px;text-align:center}:root{font-family:Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;height:100vh}#root{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}a{text-decoration:none}