ise-react-mui/dist/index.css

Made with create-react-library

._1IAZ5{
  /* overflow: auto; */
 
  display:flex;
  top:0;
  right:0;
  left:0;
  bottom:0;
  align-items: center;
  /* background-color: #fff; */
}

._168_W {
  margin: 0 auto;
  min-width: 6.8em;
  display: inline-block;
  border-radius: 0.2em;
  border: 0.08em solid #333;
  font-family: "Markazi Text";
  height: 1.4em;
  line-height: 1.1em;
  background-color: #ffbf00;
  text-align: center;
  color: rgb(40, 47, 37);
  box-shadow: inset 0.05em 0.05em 0.1em rgba(0, 0, 0, 0.3),
    inset -0.05em -0.05em 0.1em #ffffff, 0.05em 0.05em 0.1em rgba(0, 0, 0, 0.3);
}

._168_W > ._1qd7K {
  width: 0.7em;
  height: 1.3em;
  float: left;
  background-color: #042591;
  position: relative;
}

._168_W > ._1qd7K > ._1xBiR {
  margin: 0.1em;
}

._168_W > ._1qd7K > ._1xBiR :nth-child(1) {
  height: 0.1em;
  background-color: green;
}

._168_W > ._1qd7K > ._1xBiR :nth-child(2) {
  height: 0.1em;
  background-color: #fff;
}

._168_W > ._1qd7K > ._1xBiR :nth-child(3) {
  height: 0.1em;
  background-color: red;
}

._168_W > ._1qd7K > ._osBIb {
  color: #ffffff;
  font-size: 0.2em;
  line-height: 1em;
  text-align: left;
  font-family: sans-serif;
  position: absolute;
  bottom: 0.5em;
  left: 0.5em;
}

._168_W > span input[type=number]::-webkit-inner-spin-button, 
._168_W > span input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

._168_W > ._2vNwr > strong input[type=number]::-webkit-inner-spin-button, 
._168_W > ._2vNwr > strong input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  display: none;
}

._168_W > ._2vNwr > strong input[type=number],
._168_W > span input[type=number]
 {
  -moz-appearance:textfield;
}

._168_W > span {
  
  margin: 0 0.1em;
  font-size: 1.3em;
  
  padding: 0.05em;
  display: inline-block;
  text-shadow: 0.02em 0.02em 0.08em rgb(255 255 255 / 40%), -0.03em -0.03em 0.03em #ffe8a4;
  float: left;
}

._168_W > ._3oRey {
  line-height: 0.5em;
  margin: 0;
}

._168_W > ._2vNwr {
  width: 1.4em;
  text-align: center;
  float: right;
  border-left: 0.08em solid #333;
  height: 1.3em;
}

._168_W > ._2vNwr > span {
  font-size: 0.3em;
  display: block;
  line-height: 1em;
}

._168_W > ._2vNwr > strong {
  font-weight: normal;
  font-size: 1.1em;
  line-height: 0.9em;
  text-shadow: 0.02em 0.02em 0.08em rgb(255 255 255 / 40%), -0.03em -0.03em 0.03em #ffe8a4;
}

._168_W div._1AYz5 > div::after,
._168_W div._1AYz5 > div::before
{
  border:0px solid !important;
}