#calculator{background:#000;border-radius:10px;max-width:500px;overflow:hidden;padding:140px 0 0;width:100%}#display-wrapper{position:relative}#display-wrapper::before{background:linear-gradient(to right,#000,transparent);content:"";height:100%;left:25px;position:absolute;top:0;width:50px}#display-input{color:var(--text-primary);font-size:6rem;overflow-x:auto}#display-input,#formula-input{background-color:transparent;border:0;font-family:inherit;overflow:hidden;padding:0 25px;text-align:right;width:100%}#display-input:focus,#formula-input:focus{outline:0}#formula-input{color:var(--colour-neutral-500);font-size:2rem;padding-bottom:10px;padding-top:10px}#buttons{align-items:center;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;justify-content:center;padding:25px}.calc-button{appearance:none;aspect-ratio:1/1;background-color:var(--colour-neutral-750);border:0;border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-xl);padding:0;transition:100ms filter ease-out;width:100%}.calc-button:active,.calc-button:hover{filter:brightness(1.2)}.calc-button.function{background-color:var(--colour-neutral-550)}.calc-button.operator{background-color:var(--colour-accent)}