:is(:root,:root[data-theme=neutral]){--radius: 12px;--white-space: 20px;--color-background: linear-gradient(0deg, #b0e1fc, #0a559b);--color-track: hsl(223, 31%, 20%);--color-thumb: hsl(6, 63%, 50%);--color-font-theme: #ffffff;--color-font-123: #ffffff;--color-font-link: #f48e8e;--color-screen: hsl(224, 36%, 15%);--color-history: #49619d;--color-value: #ffffff;--color-keypad: hsl(224, 32%, 20%);--color-button-number: hsl(30, 25%, 89%);--color-button-number-hover: hsl(43, 83%, 79%);--color-font-button-number: hsl(221, 14%, 31%);--color-button-del: hsl(225, 45%, 61%);--color-button-del-hover: hsl(225, 82%, 61%);--color-font-button-del: #ffffff;--color-button-operation: hsl(25, 30%, 61%);--color-button-operation-hover: hsl(25, 45%, 51%);--color-font-button-operation: #ffffff;--color-button-result: hsl(6, 58%, 47%);--color-button-result-hover: hsl(6, 75%, 51%);--color-font-button-result: #ffffff}:root[data-theme=dark]{--radius: 12px;--white-space: 20px;--color-background: linear-gradient(to bottom, #434343, #000000);--color-track: rgb(23, 24, 26);--color-thumb: hsl(176, 100%, 44%);--color-font-theme: rgb(225, 247, 235);--color-font-123: rgb(225, 247, 235);--color-font-link: hsl(176, 100%, 44%);--color-screen: rgb(23, 24, 26);--color-history: #555960;--color-value: #fff;--color-keypad: rgb(23, 24, 26);--color-button-number: rgb(34, 36, 39);--color-button-number-hover: rgb(70, 72, 74);--color-font-button-number: #fff;--color-button-del: #d33640;--color-button-del-hover: #f9414d;--color-font-button-del: #fff;--color-button-operation: rgb(241, 154, 55);--color-button-operation-hover: rgb(255, 184, 78);--color-font-button-operation: #ffffff;--color-button-result: rgb(100, 198, 123);--color-button-result-hover: rgb(64, 226, 151);--color-font-button-result: #fff}:root[data-theme=light]{--radius: 12px;--white-space: 20px;--color-background: hsl(0, 0%, 90%);--color-track: hsl(0, 5%, 81%);--color-thumb: hsl(25, 98%, 40%);--color-font-theme: #000000;--color-font-123: #000000;--color-font-link: #f48e8e;--color-screen: hsl(0, 6%, 85%);--color-history: #a59898;--color-value: #000000;--color-keypad: hsl(0, 7%, 81%);--color-button-number: hsl(45, 7%, 89%);--color-button-number-hover: hsl(43, 89%, 76%);--color-font-button-number: hsl(60, 10%, 19%);--color-button-del: hsl(185, 42%, 37%);--color-button-del-hover: hsl(185, 60%, 42%);--color-font-button-del: #ffffff;--color-button-operation: hsl(25, 32%, 69%);--color-button-operation-hover: hsl(25, 50%, 58%);--color-font-button-operation: #ffffff;--color-button-result: hsl(25, 98%, 40%);--color-button-result-hover: hsl(6, 75%, 51%);--color-font-button-result: #ffffff}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{box-sizing:border-box;background:var(--color-background);scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-family:League Spartan,sans-serif}body{margin:0;font-size:32px;padding:0 var(--white-space);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;background-color:transparent}.header{height:40px;width:100%;padding:0 10px;display:flex;align-items:center;color:#fff;box-sizing:border-box}.header-section{flex-flow:row nowrap;justify-content:space-between;height:3rem;width:100%}.calculator{width:380px;height:590px;padding:0 10px;box-sizing:border-box;margin-top:auto;margin-bottom:auto}#screen{height:100px;width:100%;margin-bottom:15px;padding:0 15px;background-color:var(--color-screen);border-radius:15px;color:var(--color-value);box-sizing:border-box}#screen-top{height:40px;font-size:25px;display:flex;align-items:flex-end}#screen-bottom{height:60px;font-size:48px;display:flex;align-items:center;justify-content:flex-end}.buttonbox{width:100%;height:calc(100% - 165px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));grid-gap:15px;background-color:var(--color-keypad);padding:var(--white-space);border-radius:15px;box-sizing:border-box}footer{font-size:1.1rem;text-align:center;color:var(--color-font-theme);padding-bottom:15px}a{text-decoration:none;color:var(--color-font-link)}a:hover{text-decoration:underline}@media only screen and (min-width: 768px){.calculator{width:570px;height:640px;padding:0 15px;box-sizing:border-box}button{font-size:32px!important}.buttonbox{grid-gap:20px!important}.dropdown-items{width:350px!important}}.calc-button{width:100%;border:none;display:flex;justify-content:center;align-items:center;padding-top:6px;font-family:League Spartan,sans-serif;font-weight:700;border-radius:10px;cursor:pointer;outline:none}.number{color:var(--color-font-button-number);background-color:var(--color-button-number)}.number:active{background-color:var(--color-button-number-hover)}.operation{color:var(--color-font-button-operation);background-color:var(--color-button-operation)}.operation:active{background-color:var(--color-button-operation-hover)}.delete{color:var(--color-font-button-del);background-color:var(--color-button-del)}.delete:active{background-color:var(--color-button-del-hover)}.big{grid-column:span 2}.equal{color:var(--color-font-button-result);background-color:var(--color-button-result)}.equal:active{background-color:var(--color-button-result-hover)}.logo{color:var(--color-font-theme);margin:0;font-size:30px;-webkit-user-select:none;user-select:none;float:left}.theme-wrapper{float:right}.theme-slider{position:relative;-webkit-appearance:none;width:58px;background-color:transparent}.theme-slider:before{position:absolute;content:"THEME";top:4px;right:120%;font-size:14px;color:var(--color-font-theme)}.theme-slider:after{position:absolute;content:"1   2   3";top:-20px;right:0;width:100%;text-align:center;font-size:14px;color:var(--color-font-123)}.theme-slider::-webkit-slider-runnable-track{width:100%;height:22px;cursor:pointer;background:var(--color-track);border-radius:30rem;padding:0 5px}.theme-slider::-webkit-slider-thumb{margin-top:4px;height:14px;width:14px;border-radius:50%;background-color:var(--color-thumb);cursor:pointer;-webkit-appearance:none}.history-logo{position:relative;top:6px;fill:var(--color-value);transform:scale(1.15)}.history-item{height:45px;font-size:25px;color:var(--color-font-button-number);background-color:var(--color-button-number);margin:15px 0;text-align:center;box-sizing:border-box}.history-item:hover{background-color:var(--color-button-number-hover)}.dropdown{position:absolute;padding:0}.dropdown-items{width:240px;position:absolute;z-index:10;padding:0 15px;border-radius:20px;background-color:var(--color-history);box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px}.dropdown.closed .dropdown-items{max-height:0px;visibility:hidden;overflow:hidden;margin:0;padding-top:0;padding-bottom:0;transition:max-height .7s ease;-webkit-animation:fadeOut .8s ease-in-out backwards;animation:fadeOut .8s ease-in-out backwards;transform-origin:bottom center}.dropdown.active .dropdown-items{height:auto;max-height:50vh;visibility:visible;overflow:auto;-webkit-animation:revealDown .6s ease-in-out forwards;animation:revealDown .6s ease-in-out forwards;transform-origin:top center}@keyframes fadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes revealDown{0%{transform:scaleY(0)}75%{transform:scaleY(1.1)}to{transform:scaleY(1)}}