.wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mt-10{margin-top:10px}.cal_pad{background-color:#252d45;display:grid;grid-template-columns:repeat(4,1fr);padding:12px;gap:15px 10px;border-radius:10px}.del{background-color:#647299!important;box-shadow:0 3px #424e74!important;color:#fff!important}.eq{background-color:#d13f30!important;box-shadow:0 3px #9e2f24!important;color:#fff!important}.cal_result{padding:15px 10px;border-radius:5px;display:flex;justify-content:end;background-color:var(--input-color)}.cal_result span{font-size:2rem;font-weight:600;color:var(--white)}.cal_title span{color:var(--white);font-weight:600;font-size:1rem}.cal_btn{width:60px;height:35px;font-size:1.15rem;font-weight:600;background-color:var(--button-color);color:var(--buttontext-color);border-radius:6px;border:none;box-shadow:0 3px #b3a296;text-align:center;cursor:pointer}.cal_btn:last-child{grid-column:5/3;width:100%}.cal_btn:nth-last-child(2){grid-column:1/3;width:100%}*{padding:0;margin:0;box-sizing:border-box}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;--white:#ffffff;--background-color:#3b4664;--input-color:#181f32;--button-color:#eae3db;--equalbtn-color:#d13f30;--activebtn-color:#647299;--buttontext-color:#404458}body{background-color:var(--background-color)}