#container[data-v-561102fe]{border-radius:30px;box-sizing:border-box;display:grid;grid-template-rows:repeat(6,90px);grid-template-columns:repeat(4,90px);grid-template-areas:"res res res res" "ac notbtn per div" "seven eight nine mul" "four five six minus" "one two three plus" "zero zero dot equal";gap:15px;padding:50px 40px 40px;background-color:#eaeaea;box-shadow:5px 5px 15px #0000001a,-5px -5px 15px #fff9}#container #result[data-v-561102fe]{grid-area:res;overflow:hidden}#container #result span[data-v-561102fe]{font-size:64px;text-align:right;color:#646464;float:right}#container button[data-v-561102fe]{font-size:36px;color:#8b8b8b;background-color:#eaeaea;border:none;border-radius:50%;box-shadow:3px 3px 8px #0000000d,-3px -3px 8px #ffffff4d,inset 4px 4px 20px #0000000a,inset -4px -4px 20px #ffffff80}#container button[data-v-561102fe]:active{box-shadow:inset 6px 6px 15px #0000001a,inset -6px -6px 15px #fff6}#container #ac[data-v-561102fe]{grid-area:ac}#container #not[data-v-561102fe]{grid-area:notbtn}#container #percent[data-v-561102fe]{grid-area:per}#container #division[data-v-561102fe]{grid-area:div}#container #seven[data-v-561102fe]{grid-area:seven}#container #eight[data-v-561102fe]{grid-area:eight}#container #nine[data-v-561102fe]{grid-area:nine}#container #multiply[data-v-561102fe]{grid-area:mul}#container #four[data-v-561102fe]{grid-area:four}#container #five[data-v-561102fe]{grid-area:five}#container #six[data-v-561102fe]{grid-area:six}#container #minus[data-v-561102fe]{grid-area:minus}#container #one[data-v-561102fe]{grid-area:one}#container #two[data-v-561102fe]{grid-area:two}#container #three[data-v-561102fe]{grid-area:three}#container #plus[data-v-561102fe]{grid-area:plus}#container #zero[data-v-561102fe]{grid-area:zero;border-radius:60px}#container #dot[data-v-561102fe]{grid-area:dot}#container #equal[data-v-561102fe]{grid-area:equal}@media only screen and (max-width: 1023px){#container[data-v-561102fe]{grid-template-rows:repeat(6,60px);grid-template-columns:repeat(4,60px)}#container #result span[data-v-561102fe]{font-size:48px}#container button[data-v-561102fe]{font-size:28px}}@font-face{src:url("/vue/vue-calculator/PINGFANG\ SC\ REGULAR.TTF");font-family:"PingFang"}*{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#eaeaea;user-select:none;font-family:"PingFang"}