.gamifier_plugin {
    position: fixed;
    top: 50%;
    z-index: 9999;
    left: 0;
}
.gamifier_plugin .gamifier_plugin_toggle {
    height: 86px;
    width: 86px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #eee;
    cursor: pointer;
}
.gamifier_plugin .backdrop {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    content: "";
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.8);
    transform: translateX(100%);
    transition: all 0.3s;
}
.gamifier_plugin .backdrop:lang(ar) {
    right: auto;
    left: 0;
    transform: translateX(-100%);
}
.gamifier_plugin .gamifier_plugin_modal {
    min-height: 100vh;
    max-height: 100vh;
    overflow: auto;
    overflow-x: hidden;
    position: fixed;
    padding-bottom: 25px;
    top: 0;
    right: 0;
    z-index: 99999;
    background: #fff;
    border-radius: 12px;
    transform: translateX(100%);
    transition: all 0.3s;
}
.gamifier_plugin .gamifier_plugin_modal:lang(ar) {
    transform: translateX(-100%);
    left: 0;
    right: auto;
}
.gamifier_plugin .gamifier_plugin_modal .gamifier_plugin_modal_head {
    padding: 12px;
}
.gamifier_plugin .gamifier_plugin_modal .gamifier_plugin_modal_head button {
    cursor: pointer;
}
@media (max-width: 768px) {
    .gamifier_plugin .gamifier_plugin_modal .gamifier_plugin_modal_head {
        margin-bottom: 12px;
    }
}
.gamifier_plugin .gamifier_plugin_modal .gamifier_plugin_modal_body {
    height: calc(100% - 102px);
    max-width: 500px;
    padding: 0px 60px;
}
@media (max-width: 576px) {
    .gamifier_plugin .gamifier_plugin_modal .gamifier_plugin_modal_body {
        padding: 0px 30px;
    }
}
.gamifier_plugin .gamifier_plugin_modal .gamifier_plugin_modal_body .step1 {
    height: 100%;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step1
    .gamifier_plugin_step_wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step1
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_modal_form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 50%;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step1
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_modal_form
    h1 {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step1
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_modal_form
    form
    label {
    display: block;
    margin-bottom: 6px;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step1
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_modal_form
    form
    input {
    height: 48px;
    width: 400px;
    padding: 14px;
    border-radius: 8px;
    border: 1.08px solid #9a9ea9;
    margin-bottom: 12px;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step1
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_modal_form
    form
    input::-moz-placeholder {
    color: #bcc4ca;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step1
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_modal_form
    form
    input::placeholder {
    color: #bcc4ca;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step1
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_modal_form
    form
    .errorMsg {
    font-size: 12px;
    color: red;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step1
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_modal_form
    form
    .iti__selected-country {
    background: transparent;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step1
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_modal_form
    form
    .gamifier_plugin_hint {
    font-size: 12px;
    color: #898989;
    margin: 16px 0px;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step1
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_modal_form
    form
    .gamifier_plugin_hint
    a {
    color: #62d0b6;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step1
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_modal_form
    form
    .gamifier_plugin_submit {
    height: 48px;
    width: 100%;
    background: #62d0b6;
    color: #fff;
    border-radius: 62px;
    border: 1px solid #62d0b6;
    cursor: pointer;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step1
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_modal_form
    form
    .gamifier_plugin_submit:hover {
    background: transparent;
    color: #62d0b6;
}
@media (max-width: 768px) {
    .gamifier_plugin
        .gamifier_plugin_modal
        .gamifier_plugin_modal_body
        .step1
        .gamifier_plugin_step_wrapper {
        gap: 20px;
    }
    .gamifier_plugin
        .gamifier_plugin_modal
        .gamifier_plugin_modal_body
        .step1
        .gamifier_plugin_step_wrapper
        .gamifier_plugin_modal_form
        h1 {
        font-size: 32px;
        margin-bottom: 32px;
    }
    .gamifier_plugin
        .gamifier_plugin_modal
        .gamifier_plugin_modal_body
        .step1
        .gamifier_plugin_step_wrapper
        .gamifier_plugin_modal_form
        form
        label {
        font-size: 14px;
    }
    .gamifier_plugin
        .gamifier_plugin_modal
        .gamifier_plugin_modal_body
        .step1
        .gamifier_plugin_step_wrapper
        .gamifier_plugin_modal_form
        form
        input,
    .gamifier_plugin
        .gamifier_plugin_modal
        .gamifier_plugin_modal_body
        .step1
        .gamifier_plugin_step_wrapper
        .gamifier_plugin_modal_form
        form
        .iti {
        width: 100%;
        margin-bottom: 8px;
    }
}
.gamifier_plugin .gamifier_plugin_modal .gamifier_plugin_modal_body .step2 {
    display: none;
    height: 100%;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_scratch {
    position: relative;
    height: 250px;
    width: 400px;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_scratch
    .base,
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_scratch
    #scratch {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    box-shadow: 1px 2px 6px #d8f3ed;
    border-radius: 12px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: url("data:image/svg+xml,%3Csvg width='70' height='64' viewBox='0 0 70 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.3635 22.8861C28.9125 20.5609 29.8153 17.7682 29.8153 14.7647C29.8153 6.66412 23.2485 0.09729 15.1479 0.09729C7.0473 0.09729 0.480469 6.66412 0.480469 14.7647C0.480469 22.8653 7.0473 29.4321 15.1479 29.4321C15.7974 29.4321 16.4371 29.3899 17.0642 29.3081L16.048 27.689C14.4885 25.1405 15.0005 21.7785 17.2262 19.8523C18.4322 18.8079 19.9639 18.3132 21.5363 18.4561C23.1086 18.6012 24.5289 19.3664 25.5378 20.6132L27.3635 22.8861Z' fill='%2362D0B6'/%3E%3Cpath opacity='0.5' fill-rule='evenodd' clip-rule='evenodd' d='M29.8161 14.7649C29.8161 17.7135 28.946 20.4589 27.4486 22.7583L27.7982 23.4285L25.537 20.6132C24.528 19.3665 23.1078 18.6013 21.5354 18.4561C19.963 18.3132 18.4314 18.8079 17.2253 19.8524C14.9996 21.7785 14.4876 25.1406 16.0471 27.689L22.5807 38.0983C22.6086 38.1423 22.6386 38.1862 22.6707 38.228L32.182 50.5744C32.2913 50.7152 32.4219 50.8361 32.5698 50.935L46.3257 60.0748C46.6845 60.3132 46.9531 60.6649 47.0888 61.0738L47.3452 61.8468C47.748 63.0611 49.1999 63.5536 50.2583 62.835L58.3889 57.3145L68.2277 52.395C69.2541 51.8817 69.6077 50.5911 68.9864 49.6264L64.7012 42.9734L56.3718 14.8341C55.5784 12.1532 53.6124 10.1031 51.1092 9.35018L33.2632 3.97504C32.2226 3.66313 28.0168 4.89281 26.4896 5.46275C28.5683 7.99409 29.8161 11.2338 29.8161 14.7649Z' fill='%2362D0B6'/%3E%3C/svg%3E%0A"),
        auto;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_scratch
    .base {
    font-size: 40px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_scratch
    #scratch {
    -webkit-tap-highlight-color: #333;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_gift {
    text-align: center;
    animation: Bounce 4s ease infinite forwards;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_gift
    .gamifier_gift_top {
    transform: translateY(30px);
    position: relative;
    z-index: 2;
    cursor: pointer;
    transition-delay: 1s;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_gift
    .gamifier_gift_top
    svg {
    max-width: 100%;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_gift
    .gamifier_gift_middle {
    height: 0px;
    visibility: hidden;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    font-size: 32px;
    font-weight: bold;
    background-image: url("data:image/svg+xml,%3Csvg width='304' height='113' viewBox='0 0 304 113' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.86746 97.3367C8.02508 98.2483 9.02792 100.71 8.11625 102.867C7.20458 105.025 4.74307 106.028 2.58544 105.116C0.427822 104.205 -0.575016 101.743 0.336655 99.5854C1.24833 97.4278 3.70984 96.425 5.86746 97.3367Z' fill='%23F55157'/%3E%3Cpath d='M244.82 103.974L228.745 96.6502C227.225 95.9512 226.192 94.523 226.04 92.8516C225.888 91.1802 226.587 89.5999 227.955 88.6274L242.329 78.356C243.696 77.3836 245.428 77.2012 246.948 77.9001C248.467 78.5991 249.5 80.0273 249.652 81.6987L251.354 99.2636C251.506 100.935 250.807 102.515 249.409 103.488C248.042 104.46 246.31 104.642 244.79 103.944L244.82 103.974ZM244.456 81.3341L230.082 91.6056C229.656 91.9095 229.656 92.3653 229.656 92.5172C229.656 92.6996 229.778 93.1251 230.234 93.3378L246.31 100.662C246.796 100.874 247.16 100.662 247.312 100.57C247.464 100.479 247.768 100.175 247.738 99.6587L246.036 82.0938C245.975 81.5772 245.611 81.3341 245.459 81.2733C245.307 81.2126 244.881 81.0606 244.456 81.3645V81.3341Z' fill='%2362D0B6'/%3E%3Cpath d='M302.345 56.4152L295.386 51.3706L300.431 44.4115C301.099 43.4998 300.886 42.2539 299.975 41.5853C299.063 40.9168 297.817 41.1295 297.149 42.0411L292.104 49.0003L285.145 43.9557C284.233 43.2871 282.987 43.4998 282.319 44.4115C281.65 45.3231 281.863 46.5691 282.775 47.2376L289.734 52.2822L284.689 59.2413C284.02 60.153 284.233 61.3989 285.145 62.0675C286.057 62.7361 287.303 62.5234 287.971 61.6117L293.016 54.6526L299.975 59.6972C300.886 60.3657 302.132 60.153 302.801 59.2413C303.469 58.3297 303.257 57.0837 302.345 56.4152Z' fill='%23F55157'/%3E%3Cpath d='M63.4174 21.2208L56.4583 16.1763L61.5028 9.21714C62.1714 8.30547 61.9587 7.05954 61.047 6.39098C60.1353 5.72242 58.8894 5.93513 58.2208 6.8468L53.1762 13.8059L46.2172 8.76132C45.3055 8.09276 44.0595 8.30547 43.391 9.21714C42.7224 10.1288 42.9351 11.3748 43.8468 12.0434L50.8059 17.0879L45.7613 24.047C45.0928 24.9587 45.3055 26.2046 46.2172 26.8732C47.1288 27.5417 48.3748 27.329 49.0433 26.4174L54.0879 19.4582L61.047 24.5028C61.9587 25.1714 63.2046 24.9587 63.8732 24.047C64.5418 23.1353 64.329 21.8894 63.4174 21.2208Z' fill='%23F55157'/%3E%3Cpath d='M188.052 23.3511C181.731 23.3511 176.596 18.2153 176.596 11.8944C176.596 5.57346 181.731 0.437744 188.052 0.437744C194.373 0.437744 199.509 5.57346 199.509 11.8944C199.509 18.2153 194.373 23.3511 188.052 23.3511ZM188.052 4.47945C183.95 4.47945 180.637 7.79186 180.637 11.8944C180.637 15.9969 183.95 19.3093 188.052 19.3093C192.155 19.3093 195.467 15.9969 195.467 11.8944C195.467 7.79186 192.155 4.47945 188.052 4.47945Z' fill='%2362D0B6'/%3E%3Cpath d='M82.694 112.209C76.3731 112.209 71.2373 107.074 71.2373 100.753C71.2373 94.4317 76.3731 89.2959 82.694 89.2959C89.0149 89.2959 94.1506 94.4317 94.1506 100.753C94.1506 107.074 89.0149 112.209 82.694 112.209ZM82.694 93.3377C78.5915 93.3377 75.2791 96.6501 75.2791 100.753C75.2791 104.855 78.5915 108.168 82.694 108.168C86.7965 108.168 90.1089 104.855 90.1089 100.753C90.1089 96.6501 86.7965 93.3377 82.694 93.3377Z' fill='%2362D0B6'/%3E%3Cpath d='M275.27 6.09082C275.27 8.43078 273.386 10.3149 271.046 10.3149C268.706 10.3149 266.822 8.43078 266.822 6.09082C266.822 3.75086 268.706 1.8667 271.046 1.8667C273.386 1.8667 275.27 3.75086 275.27 6.09082Z' fill='%2362D0B6'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 75% center;
    background-size: contain;
    transition-delay: 1s;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_gift
    .gamifier_gift_bottom
    svg {
    max-width: 100%;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_gift.active {
    animation: Vibration 1s ease forwards;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_gift.active
    .gamifier_gift_top {
    transform: translateY(0px);
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_gift.active
    .gamifier_gift_middle {
    height: 72px;
    visibility: visible;
}
@keyframes Bounce {
    0% {
        transform: translateY(-20px);
    }
    50% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-20px);
    }
}
@keyframes BounceOut {
    0% {
        transform: translateY(20px);
        scale: 0.7;
    }
    50% {
        transform: translateY(0px);
        scale: 1;
    }
    100% {
        transform: translateY(20px);
        scale: 0.7;
    }
}
@keyframes Vibration {
    0% {
        transform: scale(1, 1);
    }
    25% {
        transform: scale(0.95, 1.05);
    }
    50% {
        transform: scale(1.1, 0.9);
    }
    75% {
        transform: scale(0.9, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }
}
@media (max-width: 500px) {
    .gamifier_plugin
        .gamifier_plugin_modal
        .gamifier_plugin_modal_body
        .step2
        .gamifier_plugin_step_wrapper
        .gamifier_gift
        .gamifier_gift_top {
        transform: translateY(90px);
    }
    .gamifier_plugin
        .gamifier_plugin_modal
        .gamifier_plugin_modal_body
        .step2
        .gamifier_plugin_step_wrapper
        .gamifier_gift
        .gamifier_gift_bottom
        svg {
        max-width: 90%;
    }
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .shadow {
    height: 20px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    animation: BounceOut 4s ease infinite forwards;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .shadow.active {
    animation: none;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_spinWheel {
    position: relative;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_spinWheel
    #wheel {
    border: 8px solid #15314c;
    border-radius: 50%;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_spinWheel
    .mid {
    height: 60px;
    width: 60px;
    top: 43%;
    left: 43%;
    border-radius: 50%;
    position: absolute;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_spinWheel
    .mid
    span {
    position: absolute;
    top: -8px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    border-top: none;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_spinWheel
    .mid
    svg {
    max-height: 100%;
    max-width: 100%;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_spinWheel
    .stoper {
    height: 50px;
    width: 40px;
    position: absolute;
    top: 8%;
    right: 4%;
}
@media (max-width: 500px) {
    .gamifier_plugin
        .gamifier_plugin_modal
        .gamifier_plugin_modal_body
        .step2
        .gamifier_plugin_step_wrapper
        .gamifier_spinWheel
        .gamifier_gift_top {
        transform: translateY(90px);
    }
    .gamifier_plugin
        .gamifier_plugin_modal
        .gamifier_plugin_modal_body
        .step2
        .gamifier_plugin_step_wrapper
        .gamifier_spinWheel
        .gamifier_gift_bottom
        svg {
        max-width: 90%;
    }
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    #spin {
    margin-top: 20px;
    height: 48px;
    width: 100%;
    background: #62d0b6;
    color: #fff;
    border-radius: 62px;
    border: 1px solid #62d0b6;
    cursor: pointer;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    #spin:hover {
    background: transparent;
    color: #62d0b6;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    h1 {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    text-align: center;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_result {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    margin-top: 40px;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_result
    span {
    font-size: 18px;
    color: #565656;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_result
    h2 {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_result
    .code {
    display: flex;
    align-items: center;
    gap: 8px;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_result
    .code
    .gamifier_plugin_copycode_text {
    font-size: 25px;
    font-weight: bold;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_result
    .code
    button {
    display: flex;
    cursor: pointer;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_result
    .gamifier_plugin_copy {
    height: 45px;
    width: 100%;
    background: #62d0b6;
    color: #fff;
    border-radius: 62px;
    border: 1px solid #62d0b6;
    cursor: pointer;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_result
    .gamifier_plugin_copy:hover {
    background: transparent;
    color: #62d0b6;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_result
    .gamifier_plugin_discard {
    color: #62d0b6;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}
.gamifier_plugin
    .gamifier_plugin_modal
    .gamifier_plugin_modal_body
    .step2
    .gamifier_plugin_step_wrapper
    .gamifier_plugin_result_lose {
    display: none;
    margin-top: 100px;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}
@media (max-width: 991px) {
    .gamifier_plugin
        .gamifier_plugin_modal
        .gamifier_plugin_modal_body
        .step2
        .gamifier_plugin_step_wrapper
        .gamifier_scratch {
        height: 110px;
        width: 250px;
    }
    .gamifier_plugin
        .gamifier_plugin_modal
        .gamifier_plugin_modal_body
        .step2
        .gamifier_plugin_step_wrapper
        .gamifier_scratch
        .base {
        font-size: 20px;
    }
    .gamifier_plugin
        .gamifier_plugin_modal
        .gamifier_plugin_modal_body
        .step2
        .gamifier_plugin_step_wrapper
        .gamifier_plugin_result
        h1 {
        font-size: 40px;
    }
    .gamifier_plugin
        .gamifier_plugin_modal
        .gamifier_plugin_modal_body
        .step2
        .gamifier_plugin_step_wrapper
        .gamifier_plugin_result
        span {
        font-size: 16px;
    }
    .gamifier_plugin
        .gamifier_plugin_modal
        .gamifier_plugin_modal_body
        .step2
        .gamifier_plugin_step_wrapper
        .gamifier_plugin_result
        h2 {
        font-size: 20px;
    }
}
@media (max-width: 480px) {
    .gamifier_plugin .gamifier_plugin_modal {
        max-width: 90%;
    }
    .gamifier_plugin
        .gamifier_plugin_modal
        .gamifier_plugin_modal_body
        .step2
        .gamifier_plugin_step_wrapper
        .gamifier_spinWheel
        #wheel {
        height: 300px;
        width: 300px;
    }
    .gamifier_plugin
        .gamifier_plugin_modal
        .gamifier_plugin_modal_body
        .step2
        .gamifier_plugin_step_wrapper
        .gamifier_spinWheel
        .mid {
        height: 50px;
        width: 50px;
        top: 42%;
        left: 42%;
    }
}
.gamifier_plugin.active .backdrop,
.gamifier_plugin.active .gamifier_plugin_modal {
    transform: translateX(0%);
}
.gamifier_plugin.active .backdrop.notificationMode,
.gamifier_plugin.active .gamifier_plugin_modal.notificationMode {
    left: 35%;
}

.gamifier_lose_message {
    display: none;
}
