.order-form-lottery * {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.order-form-lottery {
    padding: unset !important;
    width: unset !important;
    max-width: unset !important;
    margin: 25px 0 !important;
}

.order-form-lottery .card .card-counter {
    text-align: center !important;
}

.order-form-lottery .card {
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 460px !important;
    padding: 25px !important;
    border-radius: 20px !important;
    border: 3px solid #5b2361 !important;
    background: #c066ff repeating-linear-gradient(45deg, #CE0071, #9B2766 10px, #860049 10px, #E73A98 20px) !important;
    display: block !important;
    box-sizing: border-box !important;
}


.order-form-lottery .card.spin-wrapper {
    padding: 25px !important;
    border: 3px solid #5b2361 !important;
}

.order-form-lottery .card-instructions {
    color: #FFFFFF !important;
    background: unset !important;
    font-size: 32px !important;
    max-width: 433px !important;
    text-align: center !important;
    margin: 0 auto 40px !important;
}

.order-form-lottery .card-instructions h1 {
    font-size: 30px !important;
}

.order-form-lottery .card-instructions div {
    width: 40px !important;
    height: 40px !important;
    display: inline-block !important;
}

.order-form-lottery .card-instructions svg {
    width: 100% !important;
    height: 100% !important;
}

.order-form-lottery .card-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    border-radius: 20px !important;
    border: 3px solid #5b2361 !important;
    overflow: hidden !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23a3a3a3' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E") !important;
    background-size: auto;
}

.order-form-lottery .card-counter,
.order-form-lottery .counter-attempts {
    font-size: 15px !important;
}

.order-form-lottery .card-item {
    height: 100px !important;
    padding: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 1 !important;
    transition: 0.3s ease-in !important;
    cursor: pointer !important;
}

.order-form-lottery .card-item div {
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
}

.order-form-lottery .card-item svg {
    width: 72px !important;
    height: 72px !important;
}

.order-form-lottery .card-item .card-item-reload,
.order-form-lottery .card-item .card-item-sale {
    opacity: 0 !important;
    z-index: 1 !important;
}

.order-form-lottery .card-item-sale {
    position: relative !important;
    line-height: 0 !important;
}

.order-form-lottery .card-item-sale p {
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 25px !important;
    line-height: 39px !important;
    text-align: center !important;
    color: #FFFFFF !important;
    position: absolute !important;
    top: 17px !important;
    left: 15px !important;
}

.order-form-lottery .card-item.reload .card-item-reload {
    opacity: 1 !important;
}

.order-form-lottery .card-item.reload .card-item-cover {
    opacity: 0 !important;
}

.order-form-lottery .card-item.sale .card-item-sale {
    opacity: 1 !important;
}

.order-form-lottery .card-item.sale .card-item-cover {
    opacity: 0 !important;
}

.order-form-lottery .card-item.glow::after {
    content: '' !important;
    position: absolute !important;
    display: block !important;
    width: 72px !important;
    height: 72px !important;
    top: 20px !important;
    z-index: -1 !important;
    background: rgba(173, 250, 76, 0.72) !important;
    filter: blur(10px) !important;
}

.order-form-lottery .card-item:hover {
    transform: scale(1.2) !important;
}

.order-form-lottery .card-item-sale-high, .card-item-sale-medium, .card-item-sale-low {
    display: none !important;
}

.order-form-lottery .card-item.sale-high .card-item-sale-high {
    display: block !important;
}

.order-form-lottery .card-item.sale-medium .card-item-sale-medium {
    display: block !important;
}

.order-form-lottery .card-item.sale-low .card-item-sale-low {
    display: block !important;
}

.order-form-lottery .card-item-sale .card-item-sale-high,
.order-form-lottery .card-item-sale .card-item-sale-medium,
.order-form-lottery .card-item-sale .card-item-sale-low {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}


.order-form-lottery .card-item-sale .card-item-sale-high,
.order-form-lottery .card-item-sale .card-item-sale-medium,
.order-form-lottery .card-item-sale .card-item-sale-low {
    margin: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    color: #fff !important;
    z-index: 999999 !important;
}

.order-form-lottery .card-instructions h1,
.order-form-lottery .card-instructions p {
    color: #fff !important;
}

.order-form-lottery .card-instructions h1 {
    line-height: 1.2 !important;
}

@media only screen and (max-width: 425px) {
    .order-form-lottery .card-item svg {
        width: 52px !important;
        height: 52px !important;
    }

    .order-form-lottery .card-item {
        height: 75px !important;
    }

    .order-form-lottery .card-instructions {
        margin: 0 auto 10px !important;
    }

    .order-form-lottery .card-instructions h1 {
        font-size: 24px !important;
        margin-top: 0 !important;
    }

    .order-form-lottery .card-instructions div {
        width: 25px !important;
        height: 25px !important;
    }

    .order-form-lottery .card-item.glow::after {
        width: 52px !important;
        height: 52px !important;
    }

    .order-form-lottery .card-item-sale p {
        font-size: 20px !important;
        line-height: 20px !important;
        top: 16px !important;
        left: 8px !important;
    }
}