:root{--transition: all .7s}.button-container{display:flex;width:100vw;height:100px;justify-content:center;align-items:center;padding-bottom:300px;margin-top:50px;gap:1.4rem}#dark{background:linear-gradient(0deg,rgb(37,37,37) 0%,rgba(0,0,0,1) 100%);transition:var(--transition)}#light{background:linear-gradient(0deg,rgb(255,255,255) 0%,rgb(206,206,206) 100%);transition:var(--transition)}.container{margin:0 auto;padding-top:100px;max-height:fit-content;max-width:fit-content;border-radius:10px;height:fit-content;width:100vw}.calculator-grid{border-radius:10px;display:grid;grid-template-columns:repeat(4,8rem);max-width:100%;max-height:100%}.span-two{grid-column:span 2}.output{padding:1rem;border-radius:10px 10px 0 0;display:flex;flex-direction:column;max-height:fit-content;height:150px;align-items:flex-end;justify-content:space-around;grid-column:1/-1;word-wrap:break-word;word-break:break-all}.output .previous-operand{font-size:2.2rem}.output .current-operand{font-size:4rem}.output .long-char{font-size:2.4rem}#dark .calculator-grid{box-shadow:0 0 1px 8px #fff;transition:var(--transition)}#light .calculator-grid{box-shadow:0 0 1px 8px #2e2d09d6;transition:var(--transition)}#dark .output{background-color:#000000bf;transition:var(--transition)}#dark .output .previous-operand{color:#ffffffbf;transition:var(--transition)}#dark .output .current-operand{color:#fff;transition:var(--transition)}#dark .calculator-grid>button{background-color:#ffffffbf;border:1px solid white}#dark .calculator-grid>button:hover,.calculator-grid>button:focus{background-color:#ffffffe6}#light .output{background-color:#efefefbf;transition:var(--transition)}#light .output .current-operand{color:#000;transition:var(--transition)}#light .output .previous-operand{color:#000000bf;transition:var(--transition)}#light .calculator-grid>button{background-color:#cdcbcbd0;border:1px solid white}#light .calculator-grid>button:hover,.calculator-grid>button:focus{background-color:#ffffffe6}.calculator-grid>button{font-size:2.4rem;height:10vh;cursor:pointer;outline:none}.calculator-grid>button:nth-last-child(1){border-radius:0 0 10px}.calculator-grid>button:nth-last-child(3){border-radius:0 0 0 10px}input[type=checkbox]{height:0;width:0;visibility:hidden}label{cursor:pointer;text-indent:-9999px;width:80px;height:40px;background:grey;display:block;border-radius:100px;position:relative}label:after{content:"";position:absolute;top:5px;left:5px;width:30px;height:30px;background:#fff;border-radius:90px;transition:.3s}input:checked+label{background:#63ab75}input:checked+label:after{left:calc(100% - 5px);transform:translate(-100%)}label:active:after{width:70px}.theme-title{font-size:2.5rem}#light .theme-title{color:#1c1c1c}#dark .theme-title{color:#f9f9f9}.svg-copy{width:50px;height:50px;fill:#fff;stroke:#fff;background-color:#f66;padding:10px;border-radius:3000px;cursor:pointer;margin-left:20px;transition:var(--transition)}.svg-copy:hover{background-color:#f33}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif}*,*:before,*:after{box-sizing:border-box}body,html{font-size:62.5%;overflow:hidden;margin:0}