.calculator[data-v-ee8f98dc] {
  width: 168px;
  padding: 5px;
  border-radius: 5px;
  margin: 0px auto;
  font-size: 16px;
  background-color: hsl(0, 0%, 20%);
}
.bounce-enter-active[data-v-ee8f98dc] {
  animation: bounce-in-ee8f98dc 1s reverse;
}
.bounce-leave-active[data-v-ee8f98dc] {
  animation: bounce-in-ee8f98dc 1s reverse;
}
@-webkit-keyframes bounce-in-ee8f98dc {
0% {
    -webkit-transform: scale(0) rotate(0deg);
            transform: scale(0) rotate(0deg);
}
50% {
    -webkit-transform: scale(4.5) rotate(180deg);
            transform: scale(4.5) rotate(180deg);
}
100% {
    -webkit-transform: scale(1.8) rotate(360deg);
            transform: scale(1.8) rotate(360deg);
}
}
@keyframes bounce-in-ee8f98dc {
0% {
    -webkit-transform: scale(0) rotate(0deg);
            transform: scale(0) rotate(0deg);
}
50% {
    -webkit-transform: scale(4.5) rotate(180deg);
            transform: scale(4.5) rotate(180deg);
}
100% {
    -webkit-transform: scale(1.8) rotate(360deg);
            transform: scale(1.8) rotate(360deg);
}
}
.input[data-v-ee8f98dc] {
  width: 160px;
  resize: none;
  min-height: 30px;
  line-height: 30px;
  border-radius: 0px;
  overflow-x:visible;
  overflow-y:visible;
  border: 1px solid hsl(0, 68%, 47%);
  word-break:break-all;
  word-wrap: break-word;
  background-color: #333333;
  color: #d9d9d9;
  padding: 0 5px 0 5px;
  margin: 0 0px 10px 0px;
  font-size: 12px;
}
.input[data-v-ee8f98dc]:focus,
.input[data-v-ee8f98dc]:active {
  border-color: #03a9f4;
  box-shadow: 0 0 4px #03a9f4;
  outline: none 0;
}
.button[data-v-ee8f98dc] {
  margin: 2px;
  width: 29px;
  border: 1px solid hsl(0, 0%, 5%);
  height: 23px;
  border-radius: 4px;
  color: hsl(0, 0%, 85%);
  background-color: hsl(0, 0%, 10%);
  cursor: pointer;
  outline: none;
}
.mode[data-v-ee8f98dc] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.equal-sign[data-v-ee8f98dc] {
  background-color: hsl(120, 100%, 25%);
  width: 96px;
}
.toggle-button[data-v-ee8f98dc] {
  border: none;
  background-color: hsl(0, 0%, 20%);
  cursor: pointer;
  outline: none;
  font-size: 1rem;
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.35);
}
.calculator p[data-v-ee8f98dc] {
  margin-top: 0;
  font-size: 14px;
}
button[data-v-ee8f98dc]::-moz-focus-inner {
  border-color: transparent;
}

.theme-red{--color-theme-base: #DF4253;--header-backgroundcolor: #FFF;--header-logo-backgroundcolor: #FFF;--header-font-color: rgba(43, 52, 64, 1);--header-icon-color: rgba(43, 52, 64, 1);--sidebar-normal-width: 110px;--sidebar-small-width: 50px;--sidebar-top-font-color: #fff;--sidebar-font-color: rgba(255,255,255,0.7);--sidebar-background-color: #3F4555;--sidebar-hover-color: rgba(255,255,255,0.7);--sidebar-hover-background-color:#262D3E;--sidebar-active-color: #fff;--sidebar-active-background-color: #DF4253;--sidebar-popup-color: #ffffff;--sidebar-popup-background-color: #828f9c;--sidebar-popup-hover-color: #ffffff;--sidebar-popup-hover-background-color: #909ba6;--sidebar-popup-active-color: #ffffff;--sidebar-popup-active-background-color: #a9b1ba}.q-nb-input{position:relative;display:inline-block;width:100%}.Calculator_box{position:absolute;right:5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;z-index:100}.bb::before,.bb::after{position:absolute;top:0;bottom:0;left:0;right:0}.bb{line-height:12px;font-size:12px}.bb::before,.bb::after{content:"";z-index:-1;margin:-5%;box-shadow:inset 0 0 0 2px #409eff;-webkit-animation:clipMe 1s linear infinite;animation:clipMe 1s linear infinite}.bb::before{-webkit-animation-delay:-4s;animation-delay:-4s}.bb:hover::after,.bb:hover::before{background-color:#62f30d}@-webkit-keyframes clipMe{0%,100%{clip:rect(0px, 16px, 2px, 0px)}25%{clip:rect(0px, 2px, 16px, 0px)}50%{clip:rect(14px, 16px, 16px, 0px)}75%{clip:rect(0px, 16px, 16px, 14px)}}@keyframes clipMe{0%,100%{clip:rect(0px, 16px, 2px, 0px)}25%{clip:rect(0px, 2px, 16px, 0px)}50%{clip:rect(14px, 16px, 16px, 0px)}75%{clip:rect(0px, 16px, 16px, 14px)}}