@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@600;700&display=swap";#root{display:grid;grid-template-columns:1fr minmax(20rem,33.7rem) 1fr;grid-template-rows:minmax(6.5rem,10.75rem) 4fr 1fr;column-gap:1.5rem}._header_lbb2r_1{grid-column:2 / 3;align-self:end;display:flex;justify-content:space-between;align-items:center;padding-block:.875rem 2rem;color:var(--text-accent)}._themes-switch-container_1cuys_1{display:flex;align-items:center}._themes-switch-container_1cuys_1>span{font-size:.75rem;text-transform:uppercase;margin-inline-end:1.625rem}._themes-switch-btn_1cuys_12{display:flex;position:relative;justify-content:space-evenly;align-items:center;width:4.25rem;padding:.3125rem .25rem;border-radius:15px;background-color:var(--background-secondary)}._slider_1cuys_23{position:absolute;left:10%;width:1rem;height:1rem;border-radius:10px;transition:left .25s ease-out;background-color:var(--btn-tertiary)}._themes-switch-btn_1cuys_12 button{padding:.5rem;cursor:pointer;border-radius:10px;border:0}._themes-switch-btn_1cuys_12 button:hover{background-color:var(--btn-primary)}._slider_1cuys_23[data-current-btn=theme-1]{left:10%}._slider_1cuys_23[data-current-btn=theme-2]{left:40%}._slider_1cuys_23[data-current-btn=theme-3]{left:70%}._themes-switch-btn_1cuys_12 label{font-size:.875rem;position:absolute;bottom:110%}._themes-switch-btn_1cuys_12>label:nth-of-type(1){left:16%}._themes-switch-btn_1cuys_12>label:nth-of-type(2){right:45%}._themes-switch-btn_1cuys_12>label:nth-of-type(3){right:16%}._calculator_1i634_1{display:flex;flex-direction:column;row-gap:1.4rem}._calc-output_1oeb2_1{outline:0;border:0;text-align:right;font-size:var(--font-size-primary);color:var(--input-color-primary);border-radius:10px;background-color:var(--background-tertiary);padding-block:2.5rem 3rem;padding-inline:2.1rem}@media screen and (max-width: 31em){._calc-output_1oeb2_1{padding-block:1.625rem 2rem}}._calc-btns_nm19t_1{display:grid;grid-template-columns:repeat(4,minmax(3.75rem,6.25rem));grid-template-rows:repeat(5,3.75rem);grid-template-areas:"num-7 num-8 num-9 del" "num-4 num-5 num-6 plus" "num-1 num-2 num-3 minus" "dec num-0 div mult" "reset reset equal equal";justify-content:center;gap:1.5rem;padding-block:2rem 2.25rem;padding-inline:1.875rem;border-radius:10px;background-color:var(--background-secondary)}@media screen and (max-width: 31em){._calc-btns_nm19t_1{gap:.8rem;padding-block:1.5rem 1.75rem;padding-inline:1.5rem}}._calc-btns_nm19t_1 button:active{box-shadow:0;translate:0 4px}._btn-num_1nuz8_1{font-size:var(--font-size-primary);color:var(--text-primary);background-color:var(--btn-primary);box-shadow:var(--btn-shadow-offset) var(--btn-shadow-primary)}._btn-num_1nuz8_1:hover{background-color:var(--btn-hover-primary)}._btn-num--0_1nuz8_12{grid-area:num-0}._btn-num--1_1nuz8_15{grid-area:num-1}._btn-num--2_1nuz8_18{grid-area:num-2}._btn-num--3_1nuz8_21{grid-area:num-3}._btn-num--4_1nuz8_24{grid-area:num-4}._btn-num--5_1nuz8_27{grid-area:num-5}._btn-num--6_1nuz8_30{grid-area:num-6}._btn-num--7_1nuz8_33{grid-area:num-7}._btn-num--8_1nuz8_36{grid-area:num-8}._btn-num--9_1nuz8_39{grid-area:num-9}._btn_131ts_1{outline:0;border:0;font-size:var(--font-size-primary);border-radius:var(--btn-border-radius);padding-inline:1.25rem;padding-block:.5rem .25rem}@media screen and (max-width: 31em){._btn_131ts_1{--font-size-primary: 1.875rem;--btn-border-radius: 5px;padding-inline:0}}._btn-op_1b1gv_1{color:var(--text-primary);background-color:var(--btn-primary);box-shadow:var(--btn-shadow-offset) var(--btn-shadow-primary)}._btn-op_1b1gv_1:hover{background-color:var(--btn-hover-primary)}._btn-op--plus_1b1gv_10{grid-area:plus}._btn-op--minus_1b1gv_14{grid-area:minus}._btn-op--mult_1b1gv_18{grid-area:mult}._btn-op--div_1b1gv_22{grid-area:div}._btn-op--dec_1b1gv_26{grid-area:dec}._btn-fnc_15mvx_1{font-size:var(--font-size-secondary);color:var(--text-secondary);text-transform:uppercase;background-color:var(--btn-secondary);box-shadow:var(--btn-shadow-offset) var(--btn-shadow-secondary)}@media screen and (max-width: 31em){._btn-fnc_15mvx_1{--font-size-secondary: 1.25rem}}._btn-fnc_15mvx_1:hover{background-color:var(--btn-hover-secondary)}._btn-fnc--del_15mvx_19{grid-area:del}._btn-fnc--reset_15mvx_22{grid-area:reset}._btn-equal_y36bh_1{font-size:var(--font-size-secondary);grid-area:equal;color:var(--text-tertiary);background-color:var(--btn-tertiary);box-shadow:var(--btn-shadow-offset) var(--btn-shadow-tertiary)}._btn-equal_y36bh_1:hover{background-color:var(--btn-hover-tertiary)}._content_4wjwf_1{grid-column:2 / 3}:root{--root-font-size: 1rem;--font-size-primary: 2.375rem;--font-size-secondary: 1.5rem;--font-size-tertiary: .625rem;--background-primary: #3b4664;--background-secondary: #252d44;--background-tertiary: #181f32;--text-primary: #484e61;--text-secondary: #fff8ff;--text-tertiary: #181f32;--text-accent: #fff8ff;--btn-primary: #eae3db;--btn-secondary: #647299;--btn-tertiary: #d13f30;--btn-hover-primary: #ffffff;--btn-hover-secondary: #a2b3e1;--btn-hover-tertiary: #f96c5b;--btn-shadow-offset: 0 4px 0;--btn-border-radius: 10px;--btn-shadow-primary: #b6a49a;--btn-shadow-secondary: #414e71;--btn-shadow-tertiary: #8e2517;--input-color-primary: #fff8ff;box-sizing:border-box;font-size:1rem;font-family:League Spartan,sans-serif;line-height:1.5;font-weight:700;color-scheme:light dark;color:#ffffffde}button{cursor:pointer}button,input{font-weight:700;font-family:League Spartan,sans-serif}*{margin:0;padding:0;transition:background-color .25s ease,color .25s ease}*:before,*:after{box-sizing:inherit}body{background-color:var(--background-primary)}body[data-theme=theme-1]{--background-primary: #3b4664;--background-secondary: #252d44;--background-tertiary: #181f32;--text-primary: #484e61;--text-secondary: #fff8ff;--text-tertiary: #181f32;--text-accent: #fff8ff;--btn-primary: #eae3db;--btn-secondary: #647299;--btn-tertiary: #d13f30;--btn-hover-primary: #ffffff;--btn-hover-secondary: #a2b3e1;--btn-hover-tertiary: #f96c5b;--btn-shadow-offset: 0 4px 0;--btn-border-radius: 10px;--btn-shadow-primary: #b6a49a;--btn-shadow-secondary: #414e71;--btn-shadow-tertiary: #8e2517;--input-color-primary: #fff8ff}body[data-theme=theme-2]{--background-primary: #e6e6e6;--background-secondary: #d3cdcd;--background-tertiary: #eeeeee;--text-primary: #37372e;--text-secondary: #fffbf3;--text-tertiary: #fffbf3;--text-accent: #37372e;--btn-primary: #e5e4e0;--btn-secondary: #388187;--btn-tertiary: #c65401;--btn-shadow-primary: #a69f90;--btn-shadow-secondary: #1c6167;--btn-shadow-tertiary: #893a02;--btn-hover-primary: #ffffff;--btn-hover-secondary: #63b4bd;--btn-hover-tertiary: #ff8b38;--input-color-primary: #37372e}body[data-theme=theme-3]{--background-primary: #17062a;--background-secondary: #1e0836;--background-tertiary: #1e0836;--text-primary: #ffe63c;--text-secondary: #fff8ff;--text-tertiary: #0c272f;--text-accent: #ffe63c;--btn-primary: #331b4d;--btn-secondary: #57067c;--btn-tertiary: #00decf;--btn-shadow-primary: #851e9d;--btn-shadow-secondary: #bf16f5;--btn-shadow-tertiary: #68fcf2;--btn-hover-primary: #6b34ac;--btn-hover-secondary: #8631af;--btn-hover-tertiary: #94fff9;--input-color-primary: #ffe63c}@media (prefers-color-scheme: light){:root{--background-primary: #e6e6e6;--background-secondary: #d3cdcd;--background-tertiary: #eeeeee;--text-primary: #37372e;--text-secondary: #fffbf3;--text-tertiary: #fffbf3;--text-accent: #37372e;--btn-primary: #e5e4e0;--btn-secondary: #388187;--btn-tertiary: #c65401;--btn-shadow-primary: #a69f90;--btn-shadow-secondary: #1c6167;--btn-shadow-tertiary: #893a02;--btn-hover-primary: #ffffff;--btn-hover-secondary: #63b4bd;--btn-hover-tertiary: #ff8b38;--input-color-primary: #37372e}}