:root{--white-color: #ffffff;--primary-color: #2d2d2d;--second-color: #dc143c;--gray-color: #eeebeb;--dark-gray-color: #c9c9c9}body{margin:0;background-color:#4f6997;font-size:16px;line-height:24px;height:100vh;width:100%}body *{margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}body a{text-decoration:none;font-weight:600}.themeButton{display:inline-block;width:32px;height:32px;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2309074a' d='M12.058 20q-3.334 0-5.667-2.333T4.058 12q0-3.039 1.98-5.27t4.904-2.634q.081 0 .159.006t.153.017q-.506.706-.801 1.57T10.158 7.5q0 2.667 1.866 4.533t4.534 1.867q.951 0 1.813-.295t1.548-.801q.012.075.017.153t.006.159q-.384 2.923-2.615 4.903T12.057 20'/%3E%3C/svg%3E")}.themeButton.darkButton{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fcffc4' d='M12 16q-1.671 0-2.835-1.164Q8 13.67 8 12t1.165-2.835T12 8t2.836 1.165T16 12t-1.164 2.836T12 16m-7-3.5H1.5v-1H5zm17.5 0H19v-1h3.5zM11.5 5V1.5h1V5zm0 17.5V19h1v3.5zM6.746 7.404l-2.16-2.098l.695-.745l2.111 2.135zM18.72 19.439l-2.117-2.141l.652-.702l2.16 2.098zM16.596 6.745l2.098-2.16l.745.695l-2.135 2.111zM4.562 18.72l2.14-2.117l.664.652l-2.08 2.179z'/%3E%3C/svg%3E")}.container{display:flex;align-items:center;justify-content:center;height:100%}@media screen and (max-width: 991.98px){.container{padding:30px 16px}}dialog{margin:0 auto;z-index:999}.dialogOverlay{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);top:0;left:0;right:0}.dialog{margin:0 auto;z-index:999;width:100%;max-width:700px;height:50vh;top:50%;transform:translateY(-50%);border-radius:6px;border:none;box-shadow:rgba(0,0,0,.8);position:fixed;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:50px}@media screen and (max-width: 991.98px){.dialog{max-width:85%;height:auto;min-height:300px}}.dialog .closeDialog{height:45px;min-width:70px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background-color:var(--second-color);color:var(--white-color);padding:0 24px;transition:all .3s linear}@media screen and (min-width: 992px){.dialog .closeDialog:hover{box-shadow:0px 5px 30px rgba(0,0,0,.5);transform:scale(1.1)}}.calculator{width:100%;max-width:600px;min-height:600px;margin:0 auto;background-color:var(--gray-color);display:flex;flex-direction:column;padding:50px 60px;gap:30px;border-radius:10px}@media screen and (max-width: 991.98px){.calculator{padding:16px 16px;min-height:500px}}.calculator .calcHead{display:flex;align-items:center;justify-content:space-between}.calculator .calcInputWrapper{width:100%;display:flex;flex-direction:column;position:relative}.calculator .calcInputWrapper #resultProcess{text-align:right;color:var(--second-color);font-weight:600;font-size:24px;padding-right:10px}.calculator .calcInput{height:60px;outline:0;border:1px solid var(--gray-color);border-radius:4px;padding:0 20px;font-weight:700;font-size:20px}.calculator #lblError{display:none}.calculator #lblError.active{display:block;position:absolute;color:var(--white-color);font-weight:700;background:var(--second-color);padding:4px 10px;border-radius:4px;top:-10px}.calculator .calcTitle{color:var(--second-color);font-weight:700;font-size:22px;text-transform:uppercase}.calcFrame{width:100%;border:1px solid var(--dark-gray-color);display:flex;flex-direction:column;flex:1;padding:20px;gap:30px;border-radius:10px}@media screen and (max-width: 991.98px){.calcFrame{gap:15px}}.calculatorWrapper{display:flex;align-items:stretch;flex:1;gap:30px}@media screen and (max-width: 991.98px){.calculatorWrapper{gap:10px}}.calculatorWrapper .numbers{display:grid;grid-template-columns:repeat(3, 1fr);width:calc(75% - 15px);row-gap:20px;-moz-column-gap:20px;column-gap:30px}@media screen and (max-width: 991.98px){.calculatorWrapper .numbers{row-gap:10px;-moz-column-gap:10px;column-gap:10px;width:calc(75% - 5px)}}.calculatorWrapper .numbers .number{display:flex;align-items:center;justify-content:center;border:1px solid #000;cursor:pointer;background-color:var(--white-color);border:none;box-shadow:0px 10px 15px rgba(0,0,0,.3);border-radius:4px;font-weight:800;font-size:20px}@media screen and (min-width: 992px){.calculatorWrapper .numbers .number{transition:all .3s linear}.calculatorWrapper .numbers .number:hover{background-color:var(--primary-color);color:var(--white-color)}}.calculatorWrapper .calcButtons{width:calc(25% - 15px);display:grid;grid-template-columns:repeat(1, 1fr);row-gap:20px}@media screen and (max-width: 991.98px){.calculatorWrapper .calcButtons{row-gap:10px;width:calc(25% - 5px)}}.calculatorWrapper .calcButton{cursor:pointer;background-color:var(--dark-gray-color);color:var(--primary-color);font-size:24px;font-weight:800;border:none;box-shadow:0px 10px 15px rgba(0,0,0,.3);border-radius:4px;padding:0;outline:0;display:flex;align-items:center;justify-content:center;line-height:20px}@media screen and (max-width: 991.98px){.calculatorWrapper .calcButton{font-size:20px}}@media screen and (min-width: 992px){.calculatorWrapper .calcButton{transition:all .3s linear}.calculatorWrapper .calcButton:hover{background-color:var(--second-color);color:var(--white-color)}}