@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap";:root{--background-1: #f2f3f5;--background-2: #fafafa;--hover: #e7e7e7;--primary: #1a73e9;--white: #ffffff;--text: #1f2024}body{overflow-x:hidden;margin:0;width:100vw}main{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:4.65rem;font-size:16px}*,*:after,*:before{margin:0;padding:0;opacity:1;box-sizing:border-box;position:relative;text-decoration:none;font-family:Manrope,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s ease-in-out,background .4s ease-in-out,filter .4s ease-in-out,border .4s ease-in-out,opacity .4s ease-in-out}*:focus{outline:0px}h1,h2,h3,h4,p,a{margin:0;padding:0}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:500;padding:.5rem 0rem}h3{font-size:1.4rem}h4{font-size:1.2rem}p{font-size:1rem;font-weight:400;padding:.5rem 0rem}a{font-weight:500}button{cursor:pointer}.app{background:var(--background-2);display:flex;flex-direction:column;height:100vh;padding:1rem;width:100%}.app-container{display:flex;flex-direction:column;gap:1rem;margin:auto 0px 1rem;width:100%}.output{background-color:var(--white);border:1px solid var(--hover);height:5rem;margin:0 auto;max-width:22rem;padding:.75rem 1rem;text-align:end;width:100%}.input{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;margin:0 auto}.input-num{display:grid;grid-column:1/4;grid-row:1/5;grid-template-columns:repeat(3,5.5rem);grid-template-rows:minmax(6rem,auto) repeat(3,6rem)}.input-right{display:grid;grid-row:1/5;grid-template-columns:repeat(1,5.5rem)}.input-right p{color:#1a73e9;font-weight:600!important}.operand-previous{font-size:1.1rem;font-weight:400;height:1.1rem;opacity:.9}.operand-current{font-size:1.5rem;font-weight:600}.operand-btn{background-color:var(--background-1);border:1px solid var(--hover)}.operand-btn-del{font-size:1.1rem!important;padding:.6rem 0px}.operand-btn p{font-size:1.25rem;font-weight:500;transition:transform .25s ease}.operand-btn:hover{background-color:var(--hover)}.watermark p{color:var(--text);font-weight:400;margin-top:.4rem;margin-bottom:1rem;text-align:center}.watermark a{color:var(--text);font-weight:600!important}@media (max-width: 700px){.input-num{overflow-x:scroll}}.ripple-button{cursor:pointer;overflow:hidden;position:relative}.ripple-button>.ripple{animation:.9s ease 1 forwards ripple-effect;background:#c5c5c5;border-radius:9999px;content:"";display:block;height:20px;opacity:1;position:absolute;width:20px}@keyframes ripple-effect{0%{opacity:1;transform:scale(1)}50%{opacity:.375;transform:scale(10)}to{opacity:0;transform:scale(35)}}.ripple-button>.content{position:relative;z-index:2}