@import './shared/index.css';
@import './ui/index.css';

html,
body {
  margin: 0;
  height: 100%;
  font-size: 16px;
}

#app {
  max-width: 400px;
  margin: 0 auto;
}

.winning-number,
.manual-lotto-number {
  width: 30px;
  height: 36px;
}

.bonus-number {
  width: 30px;
  height: 36px;
}

#add-btn:hover {
  cursor: pointer;
}

.plus-icon {
  stroke: gray;
  fill: transparent;
  stroke-linecap: round;
  stroke-width: 1;
}

span{
  vertical-align: middle;
}

img{
  object-fit: scale-down;
  width: 16px;
  height: 16px;
}

.lotto-number-input-wrapper{
  width: 300px;
}

.ticket{
  object-fit: scale-down;
  width: 32px;
  height: 32px;
}