body{font-family:League Spartan,sans-serif;font-weight:700}.calculator{display:flex;flex-direction:column;gap:24px;margin:32px;padding:32px;width:100%;min-width:327px;max-width:540px;border-radius:10px;background-color:#242d44}.calculator .logo{color:#fff;font-size:2rem;font-weight:700}.calculator .output{display:flex;justify-content:end;align-items:center;padding:0 32px;height:128px;font-size:3.5rem;font-weight:700;overflow:hidden;background-color:#181f33;color:#fff;border-radius:10px}.calculator .buttons{display:flex;flex-wrap:wrap;gap:24px}.calculator .button{display:flex;flex:0 1 25%;align-items:center;justify-content:center;height:64px;width:100%;max-width:101px;color:#434a59;font-size:2.5rem;font-weight:700;text-transform:uppercase;user-select:none;-webkit-user-select:none;background-color:#eae3dc;box-shadow:0 -4px #b3a497 inset;border-radius:10px;cursor:pointer}.calculator .button.primary,.calculator .button.secondary{font-size:1.75rem;color:#fff}.calculator .button.primary{background-color:#d03f2f;box-shadow:0 -4px #93261a inset;flex-basis:50%;max-width:227px}.calculator .button.secondary{background-color:#647198;box-shadow:0 -4px #414e73 inset}.calculator .button.secondary:not(.--short){flex-basis:50%;max-width:225px}.calculator .button:hover{opacity:.8}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:32px;display:flex;justify-content:center;align-items:center;background-color:#3a4663}