.peg, .wheelSVG {
 visibility: hidden;
}
.wheelContainer, body .wheel-box, html .wheel-box{
 /* width: 100%;
 height: 100%;
 margin: 0;
 padding: 0; */
}

.wheel-box a:link { color:#F1DC16; }
.wheel-box a:visited { color:#F1DC16; }
.wheel-box a:hover { color:#F1DC16; }
.wheel-box a:active { color:#F1DC16;}

.centerCircle, .valueContainer, .wheelOutline, .wheelText {
 pointer-events: none;
}
.toast, .wheelContainer, body .wheel-box, html .wheel-box{
 text-align: center;
}
.wheel-box button {
 /* transform: translate(-50%, 0); */
 z-index: 100;
}
.toast {
 position: fixed;
 z-index: 99;
 background-color: #E81D62;
}

.wheel-box button {
/* position: absolute; */
/* background-color: #E81D62; */
}
body .wheel-box{
 /* background-color: #2d2d2d; */
 /* overflow: hidden; */
}
body .wheel-box, html .wheel-box{
 margin: 0;
 padding: 0;
}
.wheelContainer {
 /* position: absolute;
 max-width: 1000px; */
 margin-left: auto;
 margin-right: auto;
 /* left: 50%;
 top: 100px; */
 /* overflow: hidden;
 height: 860px; */
 overflow: hidden;
}
.wheelSVG {
 /* position: absolute;
 overflow: visible;
 width: 100%;
 height: auto;  */
}
.wheelText {
 text-anchor: middle;
 font-family: 'Fjalla One', Arial, sans-serif;
 -webkit-user-select: none;
 user-select: none;
}
.toast {
 border-radius: 12px;
 opacity: 0;
 padding: 40px;
 display: none;
 width: 500px;
}
.toast p {
    /* clear: both;
    font-family: 'Fjalla One', Arial, sand-serif;
    margin: 23px;
    font-size: 30px;
    color: #ededed;
    letter-spacing: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 32px;
    -webkit-transition: line-height .2s ease;
    transition: line-height .2s ease; */
    margin: 0;
    font-size: 58px;
    line-height: 60px;
}
.wheel-box button {
 left:50%;
 width: 100%;
 top: 20px;
 /* max-width: 400px; */
 /* padding: 15px; */
 font-weight: 700;
 font-size: 32px;
 color: #ededed;
 border-radius: 6px;
 border: none;
 /* box-shadow: 0 2px 0 #D71559; */
 cursor: pointer;
 font-family: "Fjalla One", Helvetica, Arial, sans-serif;
}
/* @media only screen and (max-width: 480px) {
  .toast span {
  font-size: 18px;
  line-height: 18px;
 }
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  .toast span {
  font-size: 38px;
  line-height: 38px;
 }
}
@media only screen and (min-width: 801px) {
  .toast span {
  font-size: 58px;
  line-height: 60px;
 }
}
@media only screen and (max-height: 480px) {
  .toast span {
  font-size: 33px;
  line-height: 35px;
 }
 .wheel-box button {
  font-size: 22px;
  padding: 10px;
  width: 40%;
 }
 .wheelContainer {
  top: 70px;
 }
} */
.wheel-box button:focus {
 outline: 0;
}
/* 
.wheel-box {
    height: 700px;
    width: 100%;
    position: relative;
} */
 
.myWheel {
    /* height: 700px; */
    position: relative;
}

input[type=text].wheel-input{
    outline-style: none ;
    border: 1px solid #ccc; 
    padding: 13px 14px;
    font-size: 14px;
    font-weight: 700;
    width: 400px;
    /* max-width: 400px; */
    /* margin-bottom: 25px; */
    border-radius: 10px;
    display: block;
    margin:0 auto 20px auto;
}

/* .wheel-input:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
} */
 
.wheel-main{
    transform-origin: 50% 50%;
}
.spinBtn{
    display: block;
    margin:0 auto 0 auto;
    width: 400px;
    /* max-width: 400px; */
    padding: 15px;
    font-weight: 700;
    font-size: 32px;
    color: #ededed;
    border-radius: 6px;
    border: none;
    /* box-shadow: 0 2px 0 #D71559; */
    cursor: pointer;
    font-family: "Fjalla One", Helvetica, Arial, sans-serif;
}
.timeBox{
    /* display: grid;
    grid-template-columns:50% 50%; */
    text-align: center;
}
.timeLeft{
    text-align: right;
}
.timeRight{
    text-align: left;
}