@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
/* line 3, ../../styles/042.scss */
.caculator-body, .calculation {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

/* basic settings */
/* line 14, ../../styles/042.scss */
html {
  box-sizing: border-box;
}

/* line 18, ../../styles/042.scss */
html, body {
  width: 100%;
  height: 100%;
}

/* line 24, ../../styles/042.scss */
body {
  background: -moz-linear-gradient(top, #0eebff 0%, #b55abc 80%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #0eebff), color-stop(80%, #b55abc));
  background: -webkit-linear-gradient(top, #0eebff 0%, #b55abc 80%);
  background: linear-gradient(top, #0eebff 0%, #b55abc 80%);
  font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
  color: #fff;
}

/* line 33, ../../styles/042.scss */
*, *:before, *:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

/* line 39, ../../styles/042.scss */
.caculator-body {
  width: 100%;
  position: absolute;
  bottom: 0;
}

/* line 46, ../../styles/042.scss */
.result, .calculation {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 95%;
  margin: 0 auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* line 57, ../../styles/042.scss */
.result {
  height: 20vh;
  font-size: 14vh;
  position: relative;
}

/* line 63, ../../styles/042.scss */
.result:empty + .calculation::before {
  display: none;
}

/* line 68, ../../styles/042.scss */
.calculation {
  position: relative;
  height: 10vh;
  font-size: 1.2em;
  font-size: 3vh;
  letter-spacing: 1px;
}
/* line 76, ../../styles/042.scss */
.calculation:before {
  display: block;
  content: '=';
  position: absolute;
  left: 50%;
  top: 0;
  font-size: 1.2em;
  font-size: 3vh;
  width: 3em;
  text-align: center;
  margin-left: -1.5em;
}

/* line 90, ../../styles/042.scss */
.main {
  width: 75%;
  float: left;
}

/* line 95, ../../styles/042.scss */
.main + aside {
  width: 25%;
  float: left;
}

/* line 100, ../../styles/042.scss */
button {
  display: block;
  outline: 0;
  padding: 0;
  margin: 0 0 2px 0;
  float: left;
  border: 0;
  background: transparent;
  position: relative;
  height: 6em;
  height: 13vh;
  color: inherit;
  font-size: 1.8em;
  font-size: 4vh;
  cursor: pointer;
}
/* line 116, ../../styles/042.scss */
button > span {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  margin: 0 2px 0 0;
  background: rgba(248, 237, 151, 0.2);
}
/* line 124, ../../styles/042.scss */
button > span:hover, button > span:focus, button > span:active {
  background: rgba(248, 237, 151, 0.1);
}

/* line 130, ../../styles/042.scss */
sub, sup {
  transform: scale(0.6);
}

/* line 134, ../../styles/042.scss */
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* line 139, ../../styles/042.scss */
aside button {
  width: 100%;
}
/* line 141, ../../styles/042.scss */
aside button > span {
  margin-right: 0;
}

/* line 146, ../../styles/042.scss */
section.controls,
.numblock {
  width: 100%;
  overflow: hidden;
}
/* line 151, ../../styles/042.scss */
section.controls button,
.numblock button {
  width: 33.33%;
}
/* line 157, ../../styles/042.scss */
section.controls button:last-child,
.numblock button:last-child {
  margin-bottom: 0;
}
/* line 161, ../../styles/042.scss */
section.controls .zero,
.numblock .zero {
  width: 66.66%;
  margin-bottom: 0;
}
/* line 164, ../../styles/042.scss */
section.controls .zero span span,
.numblock .zero span span {
  width: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}