@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@700&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:League Spartan,Verdana,Geneva,Tahoma,sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root[data-theme="1"]{--bg-main: hsl(222, 26%, 31%);--bg-switch: hsl(223, 31%, 20%);--bg-keypad: hsl(223, 31%, 20%);--bg-screen: hsl(224, 36%, 15%);--bg-key-primary: hsl(225, 21%, 49%);--shadow-key-primary: hsl(224, 28%, 35%);--bg-key-accent: hsl(6, 63%, 50%);--shadow-key-accent: hsl(6, 70%, 34%);--bg-key-secondary: hsl(0, 0%, 90%);--shadow-key-secondary: hsl(28, 16%, 65%);--text-primary: hsl(221, 14%, 31%);--text-flip: hsl(0, 100%, 100%);--text-white: hsl(0, 100%, 100%)}:root[data-theme="2"]{--bg-main: hsl(0, 0%, 90%);--bg-switch: hsl(0, 5%, 81%);--bg-keypad: hsl(0, 5%, 81%);--bg-screen: hsl(0, 0%, 93%);--bg-key-primary: hsl(185, 42%, 37%);--shadow-key-primary: hsl(185, 58%, 25%);--bg-key-accent: hsl(25, 98%, 40%);--shadow-key-accent: hsl(25, 99%, 27%);--bg-key-secondary: hsl(0, 0%, 90%);--shadow-key-secondary: hsl(35, 11%, 61%);--text-primary: hsl(60, 10%, 19%);--text-white: hsl(0, 100%, 100%)}:root[data-theme="3"]{--bg-main: hsl(268, 75%, 9%);--bg-switch: hsl(268, 71%, 12%);--bg-keypad: hsl(268, 71%, 12%);--bg-screen: hsl(268, 71%, 12%);--bg-key-primary: hsl(281, 89%, 26%);--shadow-key-primary: hsl(285, 91%, 52%);--bg-key-accent: hsl(176, 100%, 44%);--shadow-key-accent: hsl(177, 92%, 70%);--bg-key-secondary: hsl(268, 47%, 21%);--shadow-key-secondary: hsl(290, 70%, 36%);--text-primary: hsl(52, 100%, 62%);--text-secondary: hsl(198, 20%, 13%);--text-white: hsl(0, 100%, 100%)}#root{min-height:100dvh;min-width:20rem;background-color:var(--bg-main);transition:all .8s cubic-bezier(.075,.82,.165,1)}button{border:none}fieldset{border:none;margin:0;padding:0;min-width:0}.container{margin-inline:auto;max-width:36.75rem;min-height:inherit;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;gap:2rem}header{display:flex;align-items:center;justify-content:space-between}h1{flex:5;color:var(--text-flip, var(--text-primary));font-size:clamp(2rem,1.6479rem + 1.5023vw,3rem)}fieldset{flex:4;max-width:10rem;display:flex;align-items:end;justify-content:space-between}legend{flex:5;float:inline-start;color:var(--text-flip, var(--text-primary));text-transform:uppercase;font-size:small}._switch_1eqqr_33{flex:4;position:relative;display:flex;border-radius:9999px;background-color:var(--bg-switch);--padding-x: .4rem;padding-inline:var(--padding-x);padding-block:calc(3 / 4 * var(--padding-x))}._switch_1eqqr_33 input{cursor:pointer;height:1rem;opacity:0;flex:1}._switch_1eqqr_33 label{position:absolute;top:-50%;z-index:1;color:var(--text-flip, var(--text-primary));cursor:pointer;font-size:small;padding-inline:12%}._ball_1eqqr_66{padding:12%;position:absolute;top:50%;background-color:var(--bg-key-accent);border-radius:9999px;transition:left .3s ease-in-out,transform .5s ease-out,background-color .2s ease-in}._ball_1eqqr_66:hover{background-color:hsl(from var(--bg-key-accent) h calc(s + 20) calc(l + 20))}._theme-1_1eqqr_83+label,._theme-1_1eqqr_83:checked~._ball_1eqqr_66{left:var(--padding-x);transform:translateY(-50%)}._theme-2_1eqqr_89+label,._theme-2_1eqqr_89:checked~._ball_1eqqr_66{left:50%;transform:translate(-50%,-50%)}._theme-3_1eqqr_95+label,._theme-3_1eqqr_95:checked~._ball_1eqqr_66{left:calc(100% - var(--padding-x));transform:translate(-100%,-50%)}._keypad-wrapper_fd09y_1{background-color:var(--bg-keypad);border-radius:.75rem;padding:1.5rem}form{display:flex;flex-direction:column;gap:1.25rem}._keypad_f0co8_1{display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}@media(min-width:768px){._keypad_f0co8_1{gap:1.5rem}}._keypad_f0co8_1 [data-value=reset],._keypad_f0co8_1 [data-value="="]{aspect-ratio:2 / 1;grid-column:span 2 / span 2}@media(min-width:768px){._keypad_f0co8_1 [data-value=reset],._keypad_f0co8_1 [data-value="="]{aspect-ratio:25 / 7}}._keypad_f0co8_1 [data-value=reset],._keypad_f0co8_1 [data-value=del]{--bg-color: var(--bg-key-primary);background-color:var(--bg-color);border-color:var(--shadow-key-primary);color:var(--text-white);font-size:clamp(1.3889rem,1.2019rem + .7979vw,1.92rem);text-transform:uppercase}._keypad_f0co8_1 [data-value="="]{--bg-color: var(--bg-key-accent);background-color:var(--bg-color);border-color:var(--shadow-key-accent);color:var(--text-white);font-size:clamp(1.3889rem,1.2019rem + .7979vw,1.92rem)}._keypad_f0co8_1 button{--bg-color: var(--bg-key-secondary);background-color:var(--bg-color);border-bottom:.25rem solid var(--shadow-key-secondary);border-radius:.5rem;color:var(--text-primary);cursor:pointer;aspect-ratio:1 / 1;font-size:clamp(2rem,1.6479rem + 1.5023vw,3rem);line-height:1;transition:transform .1s ease-out,border-bottom .1s ease-out}@media(min-width:768px){._keypad_f0co8_1 button{aspect-ratio:5 / 3}}._keypad_f0co8_1 button:active{background-color:hsl(from var(--bg-color) h calc(s + 20) calc(l + 20));border-bottom-width:.05rem;transform:translateY(2px)}._screen_19u34_1{display:block;background-color:var(--bg-screen);border-radius:.75rem}._screen_19u34_1 input{background-color:transparent;border:none;color:var(--text-flip, var(--text-primary));font-size:clamp(2.4rem,1.9246rem + 2.0282vw,3.75rem);text-align:right;line-height:1;padding-block:2rem;padding-inline:1.5rem;width:100%}