#jackpot-wheel-overlay{
    position:fixed;
    width:100vw;
    height:100vh;
    padding:0;
    margin:0;
    z-index: 99999;
    left:0;
    top:0;
    display:flex;
    align-items:center;
    box-sizing: border-box;
    overflow-x:hidden;
    overflow-y:auto;
}
#jackpot-wheel-close{
    position:fixed;
    top:10px;
    right:10px;
    width:40px;
    height:40px;
}
#jackpot-wheel-close svg path {
    stroke: #000;
    fill: transparent;
    stroke-linecap: round;
    stroke-width: 2;
}
#jackpot-wheel-close:hover{
    background:rgba(0,0,0,0.5);
}
#jackpot-wheel-close:hover svg path {
    stroke: #fff;
}


#jackpot-wheel-overlay.light{
    background:rgba(255,255,255,0.9);
}
#jackpot-wheel-overlay.light #jackpot-wheel-close svg path {
    stroke: #000;
}
#jackpot-wheel-overlay.light #jackpot-wheel-close:hover{
    background:rgba(0,0,0,0.5);
}
#jackpot-wheel-overlay.light #jackpot-wheel-close:hover svg path {
    stroke: #fff;
}

#jackpot-wheel-overlay #jackpot-wheel g.slice text{
    font-weight:bold;
    fill:#000000;
    /* -webkit-filter: drop-shadow( 1px 1px 1px #fff);
    filter: drop-shadow( 1px 1px 1px #fff); */
}

#jackpot-wheel-overlay.dark{
    background:rgba(0,0,0,0.9);
}
#jackpot-wheel-overlay.dark #jackpot-wheel-close svg path {
    stroke: #fff;
}
#jackpot-wheel-overlay.dark #jackpot-wheel-close:hover{
    background:rgba(255,255,255,0.5);
}
#jackpot-wheel-overlay.dark #jackpot-wheel-close:hover svg path {
    stroke: #000;
}
#jackpot-wheel-wrapper{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    display:block;
    padding:10px;
    max-width:100%;
    box-sizing: border-box;
}
#jackpot-wheel g.slice, #jackpot-wheel text{
    pointer-events:none;
}
#jackpot-wheel{
    max-width:100%;
    padding:0;
    background:transparent;
    box-sizing: border-box;
}
#jackpot-wheel-question{
    position: relative;
    text-align: center;
}
#jackpot-wheel-question h1{
    font-size: 24px;
    font-weight: bold;
    color:#f00;
    padding: 0;
    margin: 0;
}
#jackpot-wheel g.slice path{
    stroke: #ffffff;
    stroke-width: 2px;
    stroke-linejoin: initial;
}
#jackpot-wheel-pendulum,
#jackpot-wheel-pendulum-circle{
    stroke-linejoin: initial;
}

#jackpot-wheel-pendulum{    
    stroke: #fff !important;
    stroke-width: 0.6px !important;
}

#jackpot-wheel-pendulum-circle{    
    stroke: #ffffff;
    stroke-width:0 !important;
}

.jackpot-wheel-holder > circle, .jackpot-wheel-holder > g, #jackpot-wheel-pendulum{
    -webkit-filter: drop-shadow( 0 0 5px rgba(0, 0, 0, .5));
    filter: drop-shadow( 0 0 5px rgba(0, 0, 0, .5));
}

.jackpot-wheel-holder circle{
    stroke: #ffffff;
    stroke-width: 2px;
}

.jackpot-wheel-holder g.slice circle{
    stroke-width: 0;
    -webkit-filter:unset !important;
    filter:unset !important;
}

#jackpot-wheel-description{
    box-sizing:border-box;
}
#jackpot-wheel-description p{
    margin:0;
    padding:0 0 10px;
}
#jackpot-wheel-description input[type="text"], 
#jackpot-wheel-description input[type="email"]{
    width: 90%;
    max-width:360px;
    border:1px solid rgba(117, 103, 103, 0.75);
    display:inline-block;
    box-sizing: border-box;
}

form#jackpot_wheel_gather_form{
    margin:0;
    padding:0;
}

form#jackpot_wheel_gather_form p{
    position: relative;
}

.jackpot-wheel-input-error-span{
    right:10px;
    display:block;
    font-size:12px;
    font-weight: bold;
}

#jackpot-wheel-overlay.dark .jackpot-wheel-input-error-span{
    color:#fa9e9e !important;
}

#jackpot-wheel-overlay.light .jackpot-wheel-input-error-span{
    color:#cc0000 !important;
}

.jackpot-wheel-input-error{
    border-color:#c00 !important;
    background:#fcc9c9 !important;
}

#jackpot-wheel-copy-coupon-code{
    border: 2px #fff dashed;
    padding: 10px;
    line-height: 1;
    display: inline-block;
    font-weight:bold;
}

@media all and (orientation:landscape) {
    #jackpot-wheel{
        max-width:480px;
    }
    #jackpot-wheel-wrapper{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #jackpot-wheel-description{
        padding:20px 0 20px 40px;
        max-width:440px;
        text-align:left;
    }
    #jackpot-wheel-overlay #jackpot-wheel-description h1:after,
    #jackpot-wheel-overlay #jackpot-wheel-description h2:after,
    #jackpot-wheel-overlay #jackpot-wheel-description h3:after,
    #jackpot-wheel-overlay #jackpot-wheel-description h4:after,
    #jackpot-wheel-overlay #jackpot-wheel-description h5:after,
    #jackpot-wheel-overlay #jackpot-wheel-description h6:after{
        margin-left:0;
    }
}

@media all and (orientation:landscape) and (min-width:960px) {
    #jackpot-wheel-wrapper{
        width:940px;
    }
    #jackpot-wheel-description{
        width:440px;
    }
    #jackpot-wheel g.slice text{
        font-size:20px;
    }
}

@media all and (orientation:landscape) and (max-width:959.9px) {
    #jackpot-wheel g.slice text{
        font-size:2.25vw;
    }
}

@media all and (orientation:portrait)  {
    #jackpot-wheel{
        text-align:center;
        margin-left:auto;
        margin-right:auto;
    }
    #jackpot-wheel-description{
        padding:20px 0;
        text-align:center;
    }
    #jackpot-wheel-overlay #jackpot-wheel-description h1:after,
    #jackpot-wheel-overlay #jackpot-wheel-description h2:after,
    #jackpot-wheel-overlay #jackpot-wheel-description h3:after,
    #jackpot-wheel-overlay #jackpot-wheel-description h4:after,
    #jackpot-wheel-overlay #jackpot-wheel-description h5:after,
    #jackpot-wheel-overlay #jackpot-wheel-description h6:after{
        margin-left:calc(50% - 25px)
    }
}

@media all and (orientation:portrait) and (min-width:480px) {
    #jackpot-wheel{
        width:480px;
    }
    #jackpot-wheel-description{
        max-width:480px;
    }
    #jackpot-wheel g.slice text{
        font-size:2.25vw;
    }
}

@media all and (orientation:portrait) and (max-width:479.9px) {
    #jackpot-wheel g.slice text{
        font-size:3vw;
    }
}