@import"https://fonts.googleapis.com/css2?family=Spartan:wght@700&display=swap";[data-theme="1"]{--main-background: #3b4664;--screen-background: #181f32;--button-container: #252d44;--main-text: #fff;--btn-primary-b: #eae3db;--btn-primary-t: #444452;--btn-primary-s: #d3c8be;--btn-secondary-b: #647299;--btn-secondary-t: #fff;--btn-secondary-s: #435072;--btn-third-b: #d33f2e;--btn-third-t: #fff;--btn-third-s: #932518}[data-theme="2"]{--main-background: #e6e6e6;--screen-background: #eeeeee;--button-container: #d3cdcd;--main-text: #35352b;--btn-primary-b: #e5e4e0;--btn-primary-t: #414138;--btn-primary-s: #a2988c;--btn-secondary-b: #388187;--btn-secondary-t: #eefcfc;--btn-secondary-s: #246b70;--btn-third-b: #c85401;--btn-third-t: #fff;--btn-third-s: #803200}[data-theme="3"]{--main-background: #17062a;--screen-background: #1e0836;--button-container: #1e0836;--main-text: #fee639;--btn-primary-b: #331b4d;--btn-primary-t: #ffeb4e;--btn-primary-s: #8a21a2;--btn-secondary-b: #56077c;--btn-secondary-t: #fff;--btn-secondary-s: #8716b2;--btn-third-b: #00decf;--btn-third-t: #033c3c;--btn-third-s: #7afffa}html{font-size:100%;box-sizing:border-box;font-family:"Spartan",sans-serif !important;font-weight:bold}body{background-color:var(--main-background);min-height:100vh;margin:0px;display:flex;align-items:center;justify-content:center}body .calc.container{max-width:600px}body .toggle__input{grid-template-areas:"theme1 theme2 theme3";grid-template-columns:1fr 1fr 1fr}body [data-t="1"] .toggle__button{grid-area:theme1}body [data-t="2"] .toggle__button{grid-area:theme2}body [data-t="3"] .toggle__button{grid-area:theme3}@media(max-width: 64rem){*{cursor:auto !important}}*,*::before,*::after{box-sizing:inherit;font-family:inherit}h1,h2,h3,h4,h5{margin:0;padding:0}.attribution{font-size:11px;text-align:center}.attribution a{color:hsl(228,96%,80%)}.container{margin:auto;padding-left:10px;padding-right:10px}.row{display:flex;align-items:center}.calc .controls{justify-content:space-between;color:var(--main-text);transition:color 1s ease-in-out}.calc .toggle{gap:10px}.calc .toggle__label-container{display:grid;grid-template-columns:repeat(3, 1fr);text-align:center}.calc .toggle__input{width:4.875rem;height:1.625rem;background-color:var(--screen-background);transition:background-color 1s ease-in-out;border-radius:1.25rem;display:grid;cursor:pointer}.calc .toggle__button{width:1.625rem;height:100%;max-height:1.625rem;transition:transform .5s ease-in-out;transform:translateX(calc(1.625rem * (var(--t) - 1)));display:flex;align-items:center;justify-content:center}.calc .toggle__content{height:.8125rem;width:.8125rem;transition:color 1s ease-in-out,border 1s ease-in-out;background-color:var(--btn-third-b);border:1px solid var(--btn-third-b);border-radius:50%}.calc__screen,.calc__buttons{padding:1.75rem;border-radius:.625rem}.calc__screen{width:100%;min-height:6.25rem;margin-top:2.0625rem;margin-bottom:2.0625rem;background-color:var(--screen-background);color:var(--main-text);transition:color 1s ease-in-out,background-color 1s ease-in-out;border:none;outline:none !important;text-align:end;font-size:2rem;font-weight:bold !important}.calc__buttons{display:grid;grid-template-areas:"button button button button" "button button button button" "button button button button" "button button button button" "reset  reset  equal  equal";grid-gap:.625rem;background-color:var(--button-container);transition:background-color 1s ease-in-out}.calc__button{display:flex;justify-content:center;align-items:center;min-height:3.75rem;outline:none !important;border:none !important;border-radius:.3125rem;border-bottom-style:inset !important;border-bottom-width:.25rem !important;transition:color 1s ease-in-out,border .1s ease-in-out,background-color 1s ease-in-out,border-bottom-color 1s ease-in-out}.calc__button:active{border:none !important}.calc__button--primary{background-color:var(--btn-primary-b);color:var(--btn-primary-t);border-bottom-color:var(--btn-primary-s) !important}.calc__button--secondary{background-color:var(--btn-secondary-b);color:var(--btn-secondary-t);border-bottom-color:var(--btn-secondary-s) !important}.calc__button--third{background-color:var(--btn-third-b);color:var(--btn-third-t);border-bottom-color:var(--btn-third-s) !important}.calc__button--reset{grid-area:reset}.calc__button--equal{grid-area:equal}.calc__button--numbers{color:var(--btn-primary-t);font-size:1.875rem}/*# sourceMappingURL=styles.css.map */