button{max-width:7rem;height:5rem;border:none;border-bottom:.3rem solid var(--grayish-orange);border-radius:.5rem;font-size:3rem;font-weight:700;color:var(--very-dark-grayish-blue);background-color:var(--light-grayish-orange)}button:active,button.deletion:active,button.reset:active,button.equals:active{border:none}.btns-container--btn__double{max-width:initial;grid-column:span 2}button.deletion,button.reset{border-bottom:.3rem solid var(--desaturated-blue-medium);font-size:1.8rem;font-weight:700;color:var(--white);background-color:var(--desaturated-blue-light)}button.equals{font-size:1.8rem;color:var(--white);background-color:var(--red);border-bottom:.3rem solid var(--dark-red)}.calc-container{width:90%;max-width:40rem;margin:0 auto}.header-calc{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:center}.text-toggle-description{margin-right:2.5rem;margin-bottom:.5rem;align-self:end;color:var(--white);font-size:1.3rem;font-weight:400;letter-spacing:.4rem}.calc-title{font-weight:800;color:var(--white)}.toggle--circle-container{position:relative;width:7.5rem;height:2.5rem;border-radius:2rem;display:flex;background-color:var(--dark-desaturated-blue)}.toggle--numers-of-themes-container{margin-bottom:.5rem;display:flex;justify-content:space-around;font-size:1.4rem;font-weight:700;color:var(--white);list-style:none}.toggle--circle-container__circle.theme-default{position:absolute;top:.4rem;left:.5rem;width:1.7rem;height:1.7rem;border-radius:50%;background-color:var(--red);transition:all .3s ease}.toggle--circle-container__circle.theme-white{position:absolute;top:.4rem;transition:all .3s ease;transform:translate(2.7rem);width:1.7rem;height:1.7rem;border-radius:50%;background-color:var(--red)}.toggle--circle-container__circle.theme-gamer{position:absolute;top:.4rem;transition:all .3s ease;transform:translate(5.4rem);width:1.7rem;height:1.7rem;border-radius:50%;background-color:var(--red)}.toggle-container{display:flex;align-items:center}input{width:100%;height:8rem;margin-bottom:2rem;padding:0 2rem;border-radius:1.5rem;border:none;background-color:var(--very-dark-desaturated-blue);font-size:3.5rem;font-weight:700;color:var(--white);outline:none;text-align:end}.buttons-container{width:100%;padding:2rem;border-radius:1rem;display:grid;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(4,1fr);gap:1rem;background-color:var(--dark-desaturated-blue)}.calc-container.theme-default{--desaturated-blue: hsl(222, 26%, 31%);--dark-desaturated-blue: hsl(223, 31%, 20%);--very-dark-desaturated-blue: hsl(224, 36%, 15%);--desaturated-blue-light: hsl(225, 21%, 49%);--desaturated-blue-medium: hsl(226, 17%, 41%);--red: hsl(6, 63%, 50%);--dark-red: hsl(6, 70%, 34%);--light-grayish-orange: hsl(30, 25%, 89%);--grayish-orange: hsl(28, 16%, 65%);--very-dark-grayish-blue: hsl(226, 30%, 32%);--white: hsl(0, 0%, 100%)}.calc-container.theme-white{--desaturated-blue: hsl(0, 0%, 90%);--dark-desaturated-blue: hsl(0, 5%, 81%);--very-dark-desaturated-blue: hsl(0, 0%, 93%);--desaturated-blue-light: rgb(26, 161, 158);--desaturated-blue-medium: hsl(35, 11%, 61%);--red: hsl(25, 98%, 40%);--dark-red: hsl(25, 99%, 27%);--light-grayish-orange: hsl(30, 25%, 89%);--grayish-orange: hsl(28, 16%, 65%);--very-dark-grayish-blue: hsl(60, 10%, 19%);--white: hsl(60, 10%, 19%)}.calc-container.theme-gamer{--desaturated-blue: hsl(268, 75%, 9%);--dark-desaturated-blue: hsl(268, 71%, 12%);--very-dark-desaturated-blue: hsl(268, 71%, 12%);--desaturated-blue-light: hsl(268, 47%, 21%);--desaturated-blue-medium: hsl(290, 70%, 36%);--red: hsl(176, 100%, 44%);--dark-red: hsl(177, 92%, 70%);--light-grayish-orange: hsl(281, 89%, 26%);--grayish-orange: hsl(285, 91%, 52%);--very-dark-grayish-blue: hsl(52, 100%, 62%);--white: white}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;font-family:League Spartan,sans-serif}body{height:100vh;display:grid;place-items:center;font-size:1.6rem;background-color:var(--desaturated-blue)}#root{width:100%}