.calculator{border-radius:10px;box-shadow:0 3px 6px 0 rgba(0,0,0,.15),0 2px 4px 0 rgba(0,0,0,.12);margin-inline-start:auto;margin-inline-end:auto;margin-block-start:0px;max-inline-size:22rem;overflow:hidden;color:#424c52}.screen{display:flex;background:#424c52}.screen,input{font-family:Times;color:#fff;font-size:4.5rem;padding-inline-start:.75rem;padding-block-start:.5rem;padding-block-end:.5rem;padding-inline-end:.75rem;text-align:end}.calculator input{border:0;background-color:transparent;padding:0}.calculator input#money,.calculator input#time{margin:0 12px 0 0}.calculator__input,.calculator__output{width:100%}.calculator__keys{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;background:#fff;padding:.5rem}.calculator__key{background:#eff2f5;border:0;padding-block-start:1rem;padding-block-end:1rem;padding-inline-end:1.25rem;padding-inline-start:1.25rem;font-size:1.5rem;inline-size:70px;block-size:70px;margin:.25rem;border-radius:40px}.calculator__key:active,.calculator__key:focus{box-shadow:0 0 8px 0 rgba(0,0,0,.3) inset;outline:0}.calculator__key--operator{min-width:90px;background:#d2dce4;inline-size:auto}.calculator__key--operator:active{background:#c0cdd8}.results{font-size:1.5rem;line-height:87px;margin-left:8px}.calculator__key--clear{grid-column:4/5;grid-row:1/span 4;background:#ff7077;height:auto}.calculator__key--dot{grid-column:2/span 2;grid-row:4;width:auto}